@rdlabo/ionic-theme-ios27 1.0.4 → 1.1.0-beta.pr224.shac63de393e27b

package/dist/css/components/ion-toggle.css

@@ -1 +1 @@
-ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){--handle-width: 37px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--border-radius: 14px;--track-background-checked: var(--ion-color-base, #34c759)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled)::part(track){width:63px;height:28px}@supports(scale: 1) and (translate: 0) and (width: calc(sin(1rad) * 1px)) and (background: color-mix(in srgb, white, transparent)) and (transition-timing-function: linear(0, 1)){@property --ios27-toggle-change{syntax:"<number>";inherits:true;initial-value:0}@property --ios27-toggle-press{syntax:"<number>";inherits:true;initial-value:0}@property --ios27-toggle-held{syntax:"<number>";inherits:true;initial-value:0}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){--handle-width: 37px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--border-radius: 14px;--handle-box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, calc(var(--ios27-toggle-glass) * 0.25)), inset 0 5px 3px -4px rgba(255, 255, 255, calc(var(--ios27-toggle-glass) * 0.8)), inset 0 -5px 3px -4px rgba(255, 255, 255, calc(var(--ios27-toggle-glass) * 0.8)), 0 5px 8px rgba(0, 0, 0, calc(var(--ios27-toggle-glass) * 0.18))}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color{--track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-color){--track-background: rgba(var(--ion-color-contrast-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.23)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){--track-background-checked: var(--ion-color-base, #34c759);--ios27-toggle-release: linear( 0, 0.092 4.7%, 0.272 9.4%, 0.459 14.3%, 0.621 19%, 0.802 26.1%, 0.923 33.3%, 1.047 47.6%, 1.0666 57.1%, 1.0635 61.9%, 1.034 69%, 1.0175 83.3%, 1 );--handle-transition: transform 700ms var(--ios27-toggle-release);--ios27-toggle-change: 0;--ios27-toggle-press: 0;--ios27-toggle-held: 0;--ios27-toggle-progress: calc(1 - var(--ios27-toggle-change));--ios27-toggle-pulse: calc(sin(var(--ios27-toggle-progress) * 180deg) * (1 - var(--ios27-toggle-held)));--ios27-toggle-expansion: min(1.157, calc(var(--ios27-toggle-press) + var(--ios27-toggle-pulse) * 1.157));--ios27-toggle-expansion-y: min( max(1.028, var(--ios27-toggle-press)), calc(var(--ios27-toggle-press) + var(--ios27-toggle-pulse) * 1.028) );--ios27-toggle-glass: clamp(0, calc(var(--ios27-toggle-expansion) * 2), 1);transition:--ios27-toggle-change 600ms ease-out,--ios27-toggle-press 700ms var(--ios27-toggle-release),--ios27-toggle-held 0s 700ms}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-checked{--ios27-toggle-change: 1;--ios27-toggle-progress: var(--ios27-toggle-change)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled):is(.toggle-activated,:active):not(.toggle-disabled){--ios27-toggle-press: 1;--ios27-toggle-held: 1;transition:--ios27-toggle-change 600ms ease-out,--ios27-toggle-press 250ms linear(0, 0.7 20%, 1.122 50%, 1.075 67%, 1),--ios27-toggle-held 0s 120ms}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled)::part(track){overflow:visible;width:63px;height:28px}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled)::part(handle){transform:none;translate:0;scale:calc(1 + .5675675676*var(--ios27-toggle-expansion)) calc(1 + .5972222083*var(--ios27-toggle-expansion-y));background:color-mix(in srgb, var(--handle-background) calc(100% - var(--ios27-toggle-glass) * 90%), transparent);backdrop-filter:blur(calc(var(--ios27-toggle-glass) * 0.5px)) saturate(calc(100% + var(--ios27-toggle-glass) * 20%));transition:var(--handle-transition);transition-property:translate}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-checked::part(handle){translate:calc(var(--handle-spacing)*-2);background:color-mix(in srgb, var(--handle-background-checked) calc(100% - var(--ios27-toggle-glass) * 90%), transparent)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-checked.toggle-rtl::part(handle){translate:calc(var(--handle-spacing)*2)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-disabled{--ios27-toggle-expansion: 0;--ios27-toggle-expansion-y: 0}@media(prefers-reduced-motion: reduce){ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){--handle-transition: none;--ios27-toggle-expansion: 0;--ios27-toggle-expansion-y: 0;transition:none}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled)::part(handle){transition:none}}ion-item.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){padding-inline-end:10px}}
+ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){--handle-width: 37px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--border-radius: 14px;--track-background-checked: var(--ion-color-primary, #3880ff)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color{--track-background-checked: var(--ion-color-base)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled)::part(track){width:63px;height:28px}@supports(scale: 1) and (translate: 0) and (width: calc(sin(1rad) * 1px)) and (background: color-mix(in srgb, white, transparent)) and (transition-timing-function: linear(0, 1)){@property --ios27-toggle-change{syntax:"<number>";inherits:true;initial-value:0}@property --ios27-toggle-press{syntax:"<number>";inherits:true;initial-value:0}@property --ios27-toggle-held{syntax:"<number>";inherits:true;initial-value:0}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){--handle-width: 37px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--border-radius: 14px;--handle-box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, calc(var(--ios27-toggle-glass) * 0.25)), inset 0 5px 3px -4px rgba(255, 255, 255, calc(var(--ios27-toggle-glass) * 0.8)), inset 0 -5px 3px -4px rgba(255, 255, 255, calc(var(--ios27-toggle-glass) * 0.8)), 0 5px 8px rgba(0, 0, 0, calc(var(--ios27-toggle-glass) * 0.18))}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color{--track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-color){--track-background: rgba(var(--ion-color-contrast-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.23)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){--track-background-checked: var(--ion-color-primary, #3880ff)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color{--track-background-checked: var(--ion-color-base)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-toggle-release: linear( 0, 0.092 4.7%, 0.272 9.4%, 0.459 14.3%, 0.621 19%, 0.802 26.1%, 0.923 33.3%, 1.047 47.6%, 1.0666 57.1%, 1.0635 61.9%, 1.034 69%, 1.0175 83.3%, 1 );--handle-transition: transform 700ms var(--ios27-toggle-release);--ios27-toggle-change: 0;--ios27-toggle-press: 0;--ios27-toggle-held: 0;--ios27-toggle-progress: calc(1 - var(--ios27-toggle-change));--ios27-toggle-pulse: calc(sin(var(--ios27-toggle-progress) * 180deg) * (1 - var(--ios27-toggle-held)));--ios27-toggle-expansion: min(1.157, calc(var(--ios27-toggle-press) + var(--ios27-toggle-pulse) * 1.157));--ios27-toggle-expansion-y: min( max(1.028, var(--ios27-toggle-press)), calc(var(--ios27-toggle-press) + var(--ios27-toggle-pulse) * 1.028) );--ios27-toggle-glass: clamp(0, calc(var(--ios27-toggle-expansion) * 2), 1);transition:--ios27-toggle-change 600ms ease-out,--ios27-toggle-press 700ms var(--ios27-toggle-release),--ios27-toggle-held 0s 700ms}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-checked{--ios27-toggle-change: 1;--ios27-toggle-progress: var(--ios27-toggle-change)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled):is(.toggle-activated,:active):not(.toggle-disabled){--ios27-toggle-press: 1;--ios27-toggle-held: 1;transition:--ios27-toggle-change 600ms ease-out,--ios27-toggle-press 250ms linear(0, 0.7 20%, 1.122 50%, 1.075 67%, 1),--ios27-toggle-held 0s 120ms}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled)::part(track){overflow:visible;width:63px;height:28px}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled)::part(handle){transform:none;translate:0;scale:calc(1 + .5675675676*var(--ios27-toggle-expansion)) calc(1 + .5972222083*var(--ios27-toggle-expansion-y));background:color-mix(in srgb, var(--handle-background) calc(100% - var(--ios27-toggle-glass) * 90%), transparent);backdrop-filter:blur(calc(var(--ios27-toggle-glass) * 0.5px)) saturate(calc(100% + var(--ios27-toggle-glass) * 20%));transition:var(--handle-transition);transition-property:translate}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-checked::part(handle){translate:calc(var(--handle-spacing)*-2);background:color-mix(in srgb, var(--handle-background-checked) calc(100% - var(--ios27-toggle-glass) * 90%), transparent)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-checked.toggle-rtl::part(handle){translate:calc(var(--handle-spacing)*2)}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled).toggle-disabled{--ios27-toggle-expansion: 0;--ios27-toggle-expansion-y: 0}@media(prefers-reduced-motion: reduce){ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){--handle-transition: none;--ios27-toggle-expansion: 0;--ios27-toggle-expansion-y: 0;transition:none}ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled)::part(handle){transition:none}}ion-item.ios:not(.ios-theme-disabled,.ios26-disabled) ion-toggle.ios:not(.ios-theme-disabled,.ios26-disabled){padding-inline-end:10px}}