@rdlabo/ionic-theme-ios27 1.0.4 → 1.1.0

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

@@ -1 +1 @@
-ion-list.ios:not(.ios-theme-disabled,.ios26-disabled){--ion-border-color: var(--ion-color-step-100, var(--ion-background-color-step-100, #e8e8e8))}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-input.input-fill-outline),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-textarea.textarea-fill-outline),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-select:is([helpertext]:not([helpertext=""]),[errortext]:not([errortext=""]))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-input .input-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-textarea .textarea-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))){--inner-border-width: 0;--inner-padding-bottom: 4px}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item ion-input .input-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item ion-textarea .textarea-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))){display:none}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--background-hover-opacity: 0;--background-focused-opacity: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled){background:rgba(0,0,0,0)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header{display:flex;align-items:center}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-label{font-size:1rem;line-height:1.29rem;font-weight:600;margin:8px 4px 4px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-label:not(.ion-color){color:var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-button{margin-top:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;margin-block:8px 4px;margin-inline:0 16px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header{border-radius:28px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item{--inner-padding-end: 0;--inner-border-width: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item::part(native){padding-inline:0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label{width:100%;margin:0;text-align:start;white-space:normal;padding:16px 20px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-icon{font-size:2.82rem;border-radius:20%;padding:6px;vertical-align:top}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-icon:not(.ion-color){color:#fff}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label h2{font-size:1.29rem;font-weight:700;line-height:1.53rem;margin:20px 0 8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-text{display:block;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-text:not(.ion-color){color:var(--ion-color-step-500, var(--ion-text-color-step-500, #808080))}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group){display:block;border-radius:28px;overflow:hidden}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top){display:flex;flex-direction:column;border-radius:0;overflow:visible}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>.radio-group-top{order:1;font-size:.9rem;padding-block-start:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:first-of-type{--border-radius: 28px 28px 0 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:last-of-type{--border-radius: 0 0 28px 28px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):not(:first-of-type){margin-top:16px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))::part(container){flex-direction:column;justify-content:center;padding-top:14px;padding-bottom:14px;min-height:64px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label,ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{width:auto;align-self:flex-start}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label{margin:0;font-weight:500;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{font-size:.88rem;line-height:1.18rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-text[slot=end]{padding-inline-start:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled{--detail-icon-opacity: 0.1;opacity:1}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem;transform:translateY(4px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note{margin-block:8px;margin-inline:calc(var(--ion-safe-area-left, 0) + 20px) calc(var(--ion-safe-area-right, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note:dir(rtl){margin-inline:calc(var(--ion-safe-area-right, 0) + 20px) calc(var(--ion-safe-area-left, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;display:block}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-radio-group,ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-reorder-group{display:block}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-radio-group>.radio-group-top{padding-inline-start:calc(var(--ion-safe-area-left, 0) + 20px);padding-inline-end:calc(var(--ion-safe-area-right, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled):dir(rtl) ion-radio-group>.radio-group-top{padding-inline-start:calc(var(--ion-safe-area-right, 0) + 20px);padding-inline-end:calc(var(--ion-safe-area-left, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item{--inner-padding-end: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item::part(native){padding-inline-end:calc(var(--ion-safe-area-right, 0px) + 18px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:dir(rtl)::part(native){padding-inline-end:calc(var(--ion-safe-area-left, 0px) + 18px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item{--min-height: 52px;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-label:not([slot]){font-size:inherit;line-height:inherit}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]{transition:transform 200ms ease}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-2px)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.38}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.75)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.75)}
+ion-list.ios:not(.ios-theme-disabled,.ios26-disabled){--ion-border-color: var(--ion-color-step-100, var(--ion-background-color-step-100, #e8e8e8))}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-input.input-fill-outline),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-textarea.textarea-fill-outline),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-select:is([helpertext]:not([helpertext=""]),[errortext]:not([errortext=""]))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-input .input-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-textarea .textarea-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))){--inner-border-width: 0;--inner-padding-bottom: 4px}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item ion-input .input-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item ion-textarea .textarea-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))){display:none}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--background-hover-opacity: 0;--background-focused-opacity: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled){background:rgba(0,0,0,0)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header{display:flex;align-items:center}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-label{font-size:1rem;line-height:1.29rem;font-weight:600;margin:8px 4px 4px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-label:not(.ion-color){color:var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-button{margin-top:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;margin-block:8px 4px;margin-inline:0 16px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header{border-radius:28px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item{--inner-padding-end: 0;--inner-border-width: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item::part(native){padding-inline:0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label{width:100%;margin:0;text-align:start;white-space:normal;padding:16px 20px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-icon{font-size:2.82rem;border-radius:20%;padding:6px;vertical-align:top}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-icon:not(.ion-color){color:#fff}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label h2{font-size:1.29rem;font-weight:700;line-height:1.53rem;margin:20px 0 8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-text{display:block;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-text:not(.ion-color){color:var(--ion-color-step-500, var(--ion-text-color-step-500, #808080))}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group){display:block;border-radius:28px;overflow:hidden}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top){display:flex;flex-direction:column;border-radius:0;overflow:visible}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>.radio-group-top{order:1;font-size:.9rem;padding-block-start:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:first-of-type{--border-radius: 28px 28px 0 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:last-of-type{--border-radius: 0 0 28px 28px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):not(:first-of-type){margin-top:16px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))::part(container){flex-direction:column;justify-content:center;padding-top:14px;padding-bottom:14px;min-height:64px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label,ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{width:auto;align-self:flex-start}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label{margin:0;font-weight:500;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{font-size:.88rem;line-height:1.18rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-text[slot=end]{padding-inline-start:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled{--detail-icon-opacity: 0.1;opacity:1}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem;transform:translateY(4px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note{margin-block:8px;margin-inline:calc(var(--ion-safe-area-left, 0) + 20px) calc(var(--ion-safe-area-right, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note:dir(rtl){margin-inline:calc(var(--ion-safe-area-right, 0) + 20px) calc(var(--ion-safe-area-left, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;display:block}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-radio-group,ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-reorder-group{display:block}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-radio-group>.radio-group-top{padding-inline-start:calc(var(--ion-safe-area-left, 0) + 20px);padding-inline-end:calc(var(--ion-safe-area-right, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled):dir(rtl) ion-radio-group>.radio-group-top{padding-inline-start:calc(var(--ion-safe-area-right, 0) + 20px);padding-inline-end:calc(var(--ion-safe-area-left, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item{--inner-padding-end: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item::part(native){padding-right:calc(var(--ion-safe-area-right, 0px) + 18px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:dir(rtl)::part(native){padding-left:calc(var(--ion-safe-area-left, 0px) + 18px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item{--min-height: 52px;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-label:not([slot]){font-size:inherit;line-height:inherit}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]{transition:transform 200ms ease}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-2px)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.38}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.75)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.75)}

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}}