@rdlabo/ionic-theme-ios26 0.3.4 → 0.3.5

package/src/{components → styles/components}/ion-tabs.scss

@@ -46,7 +46,7 @@ ion-tab-bar.ios:not(.ios26-disabled) {
   /**
    * effectが有効な場合、effectでスタイリングするため不要
    */
-  &.tab-bar-ios26-effect:has(ion-tab-button.ion-activated) {
+  &.ios26-enable-gesture.ios26-animated {
     ion-tab-button.tab-selected::part(native) {
       background: rgba(var(--ios26-button-color-selected-rgb), 0);
     }
@@ -101,7 +101,7 @@ ion-tab-button.ios:not(.ios26-disabled) {
 
   &.ion-cloned-element {
     &::part(native) {
-      @include api.glass-background(1, 2px, 104%);
+      @include api.glass-background(1, 0, 104%);
       background: transparent;
     }
     color: var(--color-selected, var(--ion-color-primary, #0054e9));

package/src/{md-remove-ios-class-effect.scss → styles/md-remove-ios-class-effect.scss}

@@ -13,12 +13,12 @@ ion-toolbar.md:not(.ios26-disabled) {
   }
 }
 
-ion-buttons.md.ios26-disabled {
+ion-buttons.md {
   /**
    * ion-buttons.ios26-disabled > ion-button.button-default is for ios26 structure.
    * for .md, remove button-default styles. Will be button-clear.
    */
-  ion-button:not(.ios26-disabled).button-default {
+  ion-button.md:not(.ios26-disabled).button-default {
     // copy .button-clear
     --color: initial;
     --background: transparent;

package/src/components/ion-segment.scss

@@ -1,64 +0,0 @@
-@use '../utils/api';
-
-ion-segment.ios:not(.ios26-disabled) {
-  @include api.glass-background;
-  min-height: 48px;
-  border-radius: 25px;
-
-  &.segment-expand {
-    min-height: 24px;
-    width: calc(100% - var(--ion-safe-area-left, 0) - var(--ion-safe-area-left, 0) - 24px);
-
-    &.segment-activated {
-      transform: scale(1);
-    }
-
-    ion-segment-button {
-      min-height: 24px;
-    }
-  }
-
-  transition: transform var(--ios26-activated-transition-duration) ease-out;
-  will-change: transform;
-
-  &.in-toolbar-color:not(.in-segment-color) {
-    ion-segment-button:not(.segment-button-checked)::part(native) {
-      color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1) !important;
-    }
-  }
-
-  ion-segment-button {
-    --border-width: 0;
-    --ion-color-base: var(--ion-text-color, #000);
-    --padding-start: 8px;
-    --padding-end: 8px;
-    min-width: 60px;
-    margin: 3px 2px;
-    font-size: 14.5px;
-
-    &::part(indicator-background) {
-      border-radius: 25px;
-      box-shadow: none;
-      transition: background 0.2s ease;
-      background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06);
-    }
-  }
-
-  &.segment-activated {
-    transform: scale(1.1);
-
-    ion-segment-button {
-      transition: transform 100ms ease-out;
-      &.segment-button-checked::part(native) {
-        transform: scale(1.08);
-      }
-      &::part(indicator-background) {
-        position: relative;
-        z-index: 1;
-        background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0);
-        transform: scale(1.1);
-        transform-origin: center center;
-      }
-    }
-  }
-}