fix(select): remove item focus style when there are no selected items only at ionic mode

core/src/components/item/item.ionic.scss

@@ -7,6 +7,8 @@
 :host {
   --background: #{globals.$ion-bg-surface-default};
   --background-activated: #{globals.$ion-bg-select-default};
+  --background-focused: #{globals.$ion-bg-neutral-subtlest-press};
+  --background-focused-opacity: 0;
   --border-color: #{globals.$ion-primitives-neutral-300};
   --border-style: #{globals.$ion-border-style-solid};
   --border-width: #{0 0 globals.$ion-border-size-025 0};
@@ -72,17 +74,21 @@ slot[name="end"]::slotted(*) {
 // Item: Focused
 // --------------------------------------------------
 
-:host(.ion-focused) .item-native::after {
-  @include globals.border-radius(inherit);
-  @include globals.position(0, 0, 0, 0);
+:host(.ion-focused) .item-native {
+  --border-radius: #{globals.$ion-border-radius-400};
 
-  position: absolute;
+  &::after {
+    @include globals.border-radius(inherit);
+    @include globals.position(0, 0, 0, 0);
 
-  border-width: globals.$ion-border-size-050;
-  border-style: globals.$ion-border-style-solid;
-  border-color: globals.$ion-border-focus-default;
+    position: absolute;
 
-  content: "";
+    border-width: globals.$ion-border-size-050;
+    border-style: globals.$ion-border-style-solid;
+    border-color: globals.$ion-border-focus-default;
+
+    content: "";
+  }
 }
 
 // Ionic Item Lines

core/src/components/select-modal/select-modal.ionic.scss

@@ -67,4 +67,9 @@ ion-content {
   --padding-end: #{globals.$ion-space-400} !important;
   /* stylelint-disable-next-line declaration-no-important */
   --padding-bottom: #{globals.$ion-space-1200} !important;
+
+  // Set the background to the focused element within a radio group only when there is a checked radio
+  &:has(.radio-checked) .ion-focused:not(.item-radio-checked) {
+    --background-focused-opacity: 1;
+  }
 }