@i-cell/ids-styles 0.0.67 → 0.0.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/checkbox/checkbox-group.css +88 -28
  2. package/dist/checkbox/checkbox-group.min.css +1 -1
  3. package/dist/checkbox/checkbox-group.plugin.js +124 -36
  4. package/dist/checkbox/checkbox.css +36 -36
  5. package/dist/checkbox/checkbox.min.css +1 -1
  6. package/dist/checkbox/checkbox.plugin.js +36 -36
  7. package/dist/components.css +238 -130
  8. package/dist/components.min.css +1 -1
  9. package/dist/components.plugin.js +255 -133
  10. package/dist/notification/notification.css +3 -1
  11. package/dist/notification/notification.min.css +1 -1
  12. package/dist/notification/notification.plugin.js +1 -1
  13. package/dist/option/option.css +5 -6
  14. package/dist/option/option.min.css +1 -1
  15. package/dist/option/option.plugin.js +5 -5
  16. package/dist/radio/radio.css +34 -2
  17. package/dist/radio/radio.min.css +1 -1
  18. package/dist/radio/radio.plugin.js +26 -3
  19. package/dist/switch/switch.css +72 -57
  20. package/dist/switch/switch.min.css +1 -1
  21. package/dist/switch/switch.plugin.js +63 -52
  22. package/package.json +2 -2
package/dist/switch/switch.min.css CHANGED
@@ -1 +1 @@
1
- .ids-switch-group{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;flex-direction:column}.ids-switch-group::before,.ids-switch-group::after,.ids-switch-group *,.ids-switch-group ::before,.ids-switch-group ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-switch-group.ids-switch-group-compact{gap:var(--ids-comp-switch-group-container-size-gap-compact);padding:var(--ids-comp-switch-group-container-size-padding-y-compact) var(--ids-comp-switch-group-container-size-padding-x-compact)}.ids-switch-group.ids-switch-group-comfortable{gap:var(--ids-comp-switch-group-container-size-gap-comfortable);padding:var(--ids-comp-switch-group-container-size-padding-y-comfortable) var(--ids-comp-switch-group-container-size-padding-x-comfortable)}.ids-switch-group.ids-switch-group-spacious{gap:var(--ids-comp-switch-group-container-size-gap-spacious);padding:var(--ids-comp-switch-group-container-size-padding-y-spacious) var(--ids-comp-switch-group-container-size-padding-x-spacious)}.ids-switch-group.ids-switch-group-dense{gap:var(--ids-comp-switch-group-container-size-gap-dense);padding:var(--ids-comp-switch-group-container-size-padding-y-dense) var(--ids-comp-switch-group-container-size-padding-x-dense)}.ids-switch{display:inline-flex;align-items:center}.ids-switch>.ids-switch__button{background:none;border:none;margin:0;padding:0;cursor:pointer}.ids-switch>.ids-switch__button:disabled{pointer-events:none}.ids-switch>.ids-switch__button:focus,.ids-switch>.ids-switch__button:focus-visible{outline-offset:2px;outline-style:solid}.ids-switch>.ids-switch__button>.ids-switch__track{position:relative;display:flex;align-items:center;justify-content:space-between}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon{position:absolute;display:flex;align-items:center;justify-content:center;top:auto;bottom:auto}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle{position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{position:absolute}.ids-switch>.ids-switch__label{font-style:normal;flex-grow:1}.ids-switch.ids-switch-label-right{flex-direction:row}.ids-switch.ids-switch-label-left{flex-direction:row-reverse}.ids-switch.ids-switch-compact{gap:var(--ids-comp-switch-container-size-gap-compact)}.ids-switch.ids-switch-compact>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-compact)}.ids-switch.ids-switch-compact>.ids-switch__button:focus,.ids-switch.ids-switch-compact>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-compact);height:calc(var(--ids-comp-switch-handle-size-height-compact) + var(--ids-comp-switch-track-size-padding-y-compact)*2);padding:var(--ids-comp-switch-track-size-padding-y-compact) var(--ids-comp-switch-track-size-padding-x-compact);border-radius:var(--ids-comp-switch-track-size-border-radius-compact);box-sizing:border-box}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-compact);transition:left 100ms ease-in-out}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-compact);height:var(--ids-comp-switch-handle-size-height-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-compact);height:var(--ids-comp-switch-icon-size-height-compact);font-size:var(--ids-comp-switch-icon-typography-font-size-compact);font-weight:var(--ids-comp-switch-icon-typography-font-weight-compact);line-height:var(--ids-comp-switch-icon-typography-line-height-compact)}.ids-switch.ids-switch-compact>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-compact);font-size:var(--ids-comp-switch-label-typography-font-size-compact);font-weight:var(--ids-comp-switch-label-typography-font-weight-compact);line-height:var(--ids-comp-switch-label-typography-line-height-compact);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-compact)}.ids-switch.ids-switch-compact:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-compact.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-compact) - var(--ids-comp-switch-handle-size-width-compact) - 2*var(--ids-comp-switch-track-size-padding-x-compact))}.ids-switch.ids-switch-comfortable{gap:var(--ids-comp-switch-container-size-gap-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button:focus,.ids-switch.ids-switch-comfortable>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-comfortable);height:calc(var(--ids-comp-switch-handle-size-height-comfortable) + var(--ids-comp-switch-track-size-padding-y-comfortable)*2);padding:var(--ids-comp-switch-track-size-padding-y-comfortable) var(--ids-comp-switch-track-size-padding-x-comfortable);border-radius:var(--ids-comp-switch-track-size-border-radius-comfortable);box-sizing:border-box}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-comfortable);transition:left 100ms ease-in-out}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-comfortable);height:var(--ids-comp-switch-handle-size-height-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-comfortable);height:var(--ids-comp-switch-icon-size-height-comfortable);font-size:var(--ids-comp-switch-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-switch-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-switch-icon-typography-line-height-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-comfortable);font-size:var(--ids-comp-switch-label-typography-font-size-comfortable);font-weight:var(--ids-comp-switch-label-typography-font-weight-comfortable);line-height:var(--ids-comp-switch-label-typography-line-height-comfortable);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-comfortable)}.ids-switch.ids-switch-comfortable:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-comfortable.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-comfortable) - var(--ids-comp-switch-handle-size-width-comfortable) - 2*var(--ids-comp-switch-track-size-padding-x-comfortable))}.ids-switch.ids-switch-spacious{gap:var(--ids-comp-switch-container-size-gap-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button:focus,.ids-switch.ids-switch-spacious>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-spacious);height:calc(var(--ids-comp-switch-handle-size-height-spacious) + var(--ids-comp-switch-track-size-padding-y-spacious)*2);padding:var(--ids-comp-switch-track-size-padding-y-spacious) var(--ids-comp-switch-track-size-padding-x-spacious);border-radius:var(--ids-comp-switch-track-size-border-radius-spacious);box-sizing:border-box}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-spacious);transition:left 100ms ease-in-out}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-spacious);height:var(--ids-comp-switch-handle-size-height-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-spacious);height:var(--ids-comp-switch-icon-size-height-spacious);font-size:var(--ids-comp-switch-icon-typography-font-size-spacious);font-weight:var(--ids-comp-switch-icon-typography-font-weight-spacious);line-height:var(--ids-comp-switch-icon-typography-line-height-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-spacious);font-size:var(--ids-comp-switch-label-typography-font-size-spacious);font-weight:var(--ids-comp-switch-label-typography-font-weight-spacious);line-height:var(--ids-comp-switch-label-typography-line-height-spacious);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-spacious)}.ids-switch.ids-switch-spacious:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-spacious.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-spacious) - var(--ids-comp-switch-handle-size-width-spacious) - 2*var(--ids-comp-switch-track-size-padding-x-spacious))}.ids-switch.ids-switch-dense{gap:var(--ids-comp-switch-container-size-gap-dense)}.ids-switch.ids-switch-dense>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-dense)}.ids-switch.ids-switch-dense>.ids-switch__button:focus,.ids-switch.ids-switch-dense>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-dense);height:calc(var(--ids-comp-switch-handle-size-height-dense) + var(--ids-comp-switch-track-size-padding-y-dense)*2);padding:var(--ids-comp-switch-track-size-padding-y-dense) var(--ids-comp-switch-track-size-padding-x-dense);border-radius:var(--ids-comp-switch-track-size-border-radius-dense);box-sizing:border-box}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-dense);transition:left 100ms ease-in-out}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-dense);height:var(--ids-comp-switch-handle-size-height-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-dense);height:var(--ids-comp-switch-icon-size-height-dense);font-size:var(--ids-comp-switch-icon-typography-font-size-dense);font-weight:var(--ids-comp-switch-icon-typography-font-weight-dense);line-height:var(--ids-comp-switch-icon-typography-line-height-dense)}.ids-switch.ids-switch-dense>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-dense);font-size:var(--ids-comp-switch-label-typography-font-size-dense);font-weight:var(--ids-comp-switch-label-typography-font-weight-dense);line-height:var(--ids-comp-switch-label-typography-line-height-dense);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-dense)}.ids-switch.ids-switch-dense:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-dense.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-dense) - var(--ids-comp-switch-handle-size-width-dense) - 2*var(--ids-comp-switch-track-size-padding-x-dense))}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-disabled)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-disabled{cursor:not-allowed}
1
+ .ids-switch-group{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;flex-direction:column}.ids-switch-group::before,.ids-switch-group::after,.ids-switch-group *,.ids-switch-group ::before,.ids-switch-group ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-switch-group.ids-switch-group-compact{gap:var(--ids-comp-switch-group-container-size-gap-compact);padding:var(--ids-comp-switch-group-container-size-padding-y-compact) var(--ids-comp-switch-group-container-size-padding-x-compact)}.ids-switch-group.ids-switch-group-comfortable{gap:var(--ids-comp-switch-group-container-size-gap-comfortable);padding:var(--ids-comp-switch-group-container-size-padding-y-comfortable) var(--ids-comp-switch-group-container-size-padding-x-comfortable)}.ids-switch-group.ids-switch-group-spacious{gap:var(--ids-comp-switch-group-container-size-gap-spacious);padding:var(--ids-comp-switch-group-container-size-padding-y-spacious) var(--ids-comp-switch-group-container-size-padding-x-spacious)}.ids-switch-group.ids-switch-group-dense{gap:var(--ids-comp-switch-group-container-size-gap-dense);padding:var(--ids-comp-switch-group-container-size-padding-y-dense) var(--ids-comp-switch-group-container-size-padding-x-dense)}.ids-switch{display:inline-flex;align-items:center}.ids-switch>.ids-switch__button{background:none;border:none;margin:0;padding:0;cursor:pointer}.ids-switch>.ids-switch__button:disabled{pointer-events:none}.ids-switch>.ids-switch__button:focus,.ids-switch>.ids-switch__button:focus-visible{outline-offset:2px;outline-style:solid}.ids-switch>.ids-switch__button>.ids-switch__track{position:relative;display:flex;align-items:center;justify-content:space-between}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon{position:absolute;display:flex;align-items:center;justify-content:center;top:auto;bottom:auto}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle{position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0}.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{position:absolute}.ids-switch>.ids-switch__label{font-style:normal;flex-grow:1}.ids-switch:not(.ids-switch-disabled)>.ids-switch__label{cursor:pointer}.ids-switch.ids-switch-label-right{flex-direction:row}.ids-switch.ids-switch-label-left{flex-direction:row-reverse}.ids-switch.ids-switch-compact{gap:var(--ids-comp-switch-container-size-gap-compact)}.ids-switch.ids-switch-compact>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-compact)}.ids-switch.ids-switch-compact>.ids-switch__button:focus,.ids-switch.ids-switch-compact>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-compact);height:calc(var(--ids-comp-switch-handle-size-height-compact) + var(--ids-comp-switch-track-size-padding-y-compact)*2);padding:var(--ids-comp-switch-track-size-padding-y-compact) var(--ids-comp-switch-track-size-padding-x-compact);border-radius:var(--ids-comp-switch-track-size-border-radius-compact);box-sizing:border-box}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-compact);transition:left 100ms ease-in-out}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-compact);height:var(--ids-comp-switch-handle-size-height-compact)}.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-compact>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-compact);height:var(--ids-comp-switch-icon-size-height-compact);font-size:var(--ids-comp-switch-icon-typography-font-size-compact);font-weight:var(--ids-comp-switch-icon-typography-font-weight-compact);line-height:var(--ids-comp-switch-icon-typography-line-height-compact)}.ids-switch.ids-switch-compact>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-compact);font-size:var(--ids-comp-switch-label-typography-font-size-compact);font-weight:var(--ids-comp-switch-label-typography-font-weight-compact);line-height:var(--ids-comp-switch-label-typography-line-height-compact);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-compact)}.ids-switch.ids-switch-compact:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-compact.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-compact) - var(--ids-comp-switch-handle-size-width-compact) - 2*var(--ids-comp-switch-track-size-padding-x-compact))}.ids-switch.ids-switch-comfortable{gap:var(--ids-comp-switch-container-size-gap-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button:focus,.ids-switch.ids-switch-comfortable>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-comfortable);height:calc(var(--ids-comp-switch-handle-size-height-comfortable) + var(--ids-comp-switch-track-size-padding-y-comfortable)*2);padding:var(--ids-comp-switch-track-size-padding-y-comfortable) var(--ids-comp-switch-track-size-padding-x-comfortable);border-radius:var(--ids-comp-switch-track-size-border-radius-comfortable);box-sizing:border-box}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-comfortable);transition:left 100ms ease-in-out}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-comfortable);height:var(--ids-comp-switch-handle-size-height-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-comfortable>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-comfortable);height:var(--ids-comp-switch-icon-size-height-comfortable);font-size:var(--ids-comp-switch-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-switch-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-switch-icon-typography-line-height-comfortable)}.ids-switch.ids-switch-comfortable>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-comfortable);font-size:var(--ids-comp-switch-label-typography-font-size-comfortable);font-weight:var(--ids-comp-switch-label-typography-font-weight-comfortable);line-height:var(--ids-comp-switch-label-typography-line-height-comfortable);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-comfortable)}.ids-switch.ids-switch-comfortable:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-comfortable.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-comfortable) - var(--ids-comp-switch-handle-size-width-comfortable) - 2*var(--ids-comp-switch-track-size-padding-x-comfortable))}.ids-switch.ids-switch-spacious{gap:var(--ids-comp-switch-container-size-gap-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button:focus,.ids-switch.ids-switch-spacious>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-spacious);height:calc(var(--ids-comp-switch-handle-size-height-spacious) + var(--ids-comp-switch-track-size-padding-y-spacious)*2);padding:var(--ids-comp-switch-track-size-padding-y-spacious) var(--ids-comp-switch-track-size-padding-x-spacious);border-radius:var(--ids-comp-switch-track-size-border-radius-spacious);box-sizing:border-box}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-spacious);transition:left 100ms ease-in-out}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-spacious);height:var(--ids-comp-switch-handle-size-height-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-spacious>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-spacious);height:var(--ids-comp-switch-icon-size-height-spacious);font-size:var(--ids-comp-switch-icon-typography-font-size-spacious);font-weight:var(--ids-comp-switch-icon-typography-font-weight-spacious);line-height:var(--ids-comp-switch-icon-typography-line-height-spacious)}.ids-switch.ids-switch-spacious>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-spacious);font-size:var(--ids-comp-switch-label-typography-font-size-spacious);font-weight:var(--ids-comp-switch-label-typography-font-weight-spacious);line-height:var(--ids-comp-switch-label-typography-line-height-spacious);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-spacious)}.ids-switch.ids-switch-spacious:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-spacious.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-spacious) - var(--ids-comp-switch-handle-size-width-spacious) - 2*var(--ids-comp-switch-track-size-padding-x-spacious))}.ids-switch.ids-switch-dense{gap:var(--ids-comp-switch-container-size-gap-dense)}.ids-switch.ids-switch-dense>.ids-switch__button{border-radius:var(--ids-comp-switch-handle-size-border-radius-dense)}.ids-switch.ids-switch-dense>.ids-switch__button:focus,.ids-switch.ids-switch-dense>.ids-switch__button:focus-visible{outline-width:var(--ids-comp-switch-focused-outline-outline-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track{width:var(--ids-comp-switch-track-size-width-dense);height:calc(var(--ids-comp-switch-handle-size-height-dense) + var(--ids-comp-switch-track-size-padding-y-dense)*2);padding:var(--ids-comp-switch-track-size-padding-y-dense) var(--ids-comp-switch-track-size-padding-x-dense);border-radius:var(--ids-comp-switch-track-size-border-radius-dense);box-sizing:border-box}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(1){left:var(--ids-comp-switch-track-size-padding-x-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon:nth-child(2){right:var(--ids-comp-switch-track-size-padding-x-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle{border-radius:var(--ids-comp-switch-handle-size-border-radius-dense);transition:left 100ms ease-in-out}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon,.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle{width:var(--ids-comp-switch-handle-size-width-dense);height:var(--ids-comp-switch-handle-size-height-dense)}.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-dense>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{width:var(--ids-comp-switch-icon-size-width-dense);height:var(--ids-comp-switch-icon-size-height-dense);font-size:var(--ids-comp-switch-icon-typography-font-size-dense);font-weight:var(--ids-comp-switch-icon-typography-font-weight-dense);line-height:var(--ids-comp-switch-icon-typography-line-height-dense)}.ids-switch.ids-switch-dense>.ids-switch__label{font-family:var(--ids-comp-switch-label-typography-font-family-dense);font-size:var(--ids-comp-switch-label-typography-font-size-dense);font-weight:var(--ids-comp-switch-label-typography-font-weight-dense);line-height:var(--ids-comp-switch-label-typography-line-height-dense);letter-spacing:var(--ids-comp-switch-label-typography-letter-spacing-dense)}.ids-switch.ids-switch-dense:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:0}.ids-switch.ids-switch-dense.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{left:calc(var(--ids-comp-switch-track-size-width-dense) - var(--ids-comp-switch-handle-size-width-dense) - 2*var(--ids-comp-switch-track-size-padding-x-dense))}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-hovered)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-pressed)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-focused)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-default)}.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)}.ids-switch.ids-switch-surface.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-surface-disabled)}.ids-switch.ids-switch-surface.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-surface-disabled)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-hovered)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-pressed)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-focused)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-default)}.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-default)}.ids-switch.ids-switch-light.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-light-disabled)}.ids-switch.ids-switch-light.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-light-disabled)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible{outline-color:var(--ids-comp-switch-focused-outline-color-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-hovered)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-pressed)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-focused)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__track-icon>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-default)}.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus>.ids-switch__track>.ids-switch__handle>.ids-icon,.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:focus-visible>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)}.ids-switch.ids-switch-primary.ids-switch-disabled>.ids-switch__button+.ids-switch__label{color:var(--ids-comp-switch-label-color-fg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-off-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-off-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-off-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-off-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track{background-color:var(--ids-comp-switch-track-on-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon{color:var(--ids-comp-switch-track-on-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle{background-color:var(--ids-comp-switch-handle-on-color-bg-primary-disabled)}.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon{color:var(--ids-comp-switch-handle-on-color-fg-icon-primary-disabled)}.ids-switch.ids-switch-disabled{cursor:not-allowed}.ids-switch.ids-switch-disabled>.ids-switch__label{cursor:not-allowed}
package/dist/switch/switch.plugin.js CHANGED
@@ -66,6 +66,7 @@ module.exports = function SwitchPlugin() {
66
66
  },
67
67
  '.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': { position: 'absolute' },
68
68
  '.ids-switch>.ids-switch__label': { fontStyle: 'normal', flexGrow: 1 },
69
+ '.ids-switch:not(.ids-switch-disabled)>.ids-switch__label': { cursor: 'pointer' },
69
70
  '.ids-switch.ids-switch-label-right': { flexDirection: 'row' },
70
71
  '.ids-switch.ids-switch-label-left': { flexDirection: 'row-reverse' },
71
72
  '.ids-switch.ids-switch-compact': { gap: 'var(--ids-comp-switch-container-size-gap-compact)' },
@@ -257,19 +258,6 @@ module.exports = function SwitchPlugin() {
257
258
  '.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
258
259
  color: 'var(--ids-comp-switch-label-color-fg-surface-default)',
259
260
  },
260
- '.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track': {
261
- backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-hovered)',
262
- },
263
- '.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
264
- { color: 'var(--ids-comp-switch-track-off-color-fg-icon-surface-default)' },
265
- '.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle': {
266
- backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-surface-default)',
267
- },
268
- '.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
269
- { color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)' },
270
- '.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label': {
271
- color: 'var(--ids-comp-switch-label-color-fg-surface-hovered)',
272
- },
273
261
  '.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
274
262
  backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-pressed)',
275
263
  },
@@ -295,6 +283,19 @@ module.exports = function SwitchPlugin() {
295
283
  { color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)' },
296
284
  '.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label':
297
285
  { color: 'var(--ids-comp-switch-label-color-fg-surface-focused)' },
286
+ '.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track': {
287
+ backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-hovered)',
288
+ },
289
+ '.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
290
+ { color: 'var(--ids-comp-switch-track-off-color-fg-icon-surface-default)' },
291
+ '.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
292
+ backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-surface-default)',
293
+ },
294
+ '.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
295
+ { color: 'var(--ids-comp-switch-handle-off-color-fg-icon-surface-default)' },
296
+ '.ids-switch.ids-switch-surface:not(.ids-switch-disabled):hover>.ids-switch__label': {
297
+ color: 'var(--ids-comp-switch-label-color-fg-surface-hovered)',
298
+ },
298
299
  '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
299
300
  backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-default)',
300
301
  },
@@ -305,15 +306,18 @@ module.exports = function SwitchPlugin() {
305
306
  },
306
307
  '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
307
308
  { color: 'var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)' },
308
- '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track': {
309
+ '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track': {
309
310
  backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-hovered)',
310
311
  },
311
- '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
312
+ '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
312
313
  { color: 'var(--ids-comp-switch-track-on-color-fg-icon-surface-default)' },
313
- '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle':
314
+ '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle':
314
315
  { backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-surface-default)' },
315
- '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
316
+ '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
316
317
  { color: 'var(--ids-comp-switch-handle-on-color-fg-icon-surface-default)' },
318
+ '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label': {
319
+ color: 'var(--ids-comp-switch-label-color-fg-surface-hovered)',
320
+ },
317
321
  '.ids-switch.ids-switch-surface:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
318
322
  backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-surface-pressed)',
319
323
  },
@@ -369,20 +373,6 @@ module.exports = function SwitchPlugin() {
369
373
  '.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
370
374
  color: 'var(--ids-comp-switch-label-color-fg-light-default)',
371
375
  },
372
- '.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track': {
373
- backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-hovered)',
374
- },
375
- '.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
376
- { color: 'var(--ids-comp-switch-track-off-color-fg-icon-light-default)' },
377
- '.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle': {
378
- backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-light-default)',
379
- },
380
- '.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon': {
381
- color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)',
382
- },
383
- '.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label': {
384
- color: 'var(--ids-comp-switch-label-color-fg-light-hovered)',
385
- },
386
376
  '.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
387
377
  backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-pressed)',
388
378
  },
@@ -408,6 +398,20 @@ module.exports = function SwitchPlugin() {
408
398
  { color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)' },
409
399
  '.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-light:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label':
410
400
  { color: 'var(--ids-comp-switch-label-color-fg-light-focused)' },
401
+ '.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track': {
402
+ backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-light-hovered)',
403
+ },
404
+ '.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
405
+ { color: 'var(--ids-comp-switch-track-off-color-fg-icon-light-default)' },
406
+ '.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
407
+ backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-light-default)',
408
+ },
409
+ '.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon': {
410
+ color: 'var(--ids-comp-switch-handle-off-color-fg-icon-light-default)',
411
+ },
412
+ '.ids-switch.ids-switch-light:not(.ids-switch-disabled):hover>.ids-switch__label': {
413
+ color: 'var(--ids-comp-switch-label-color-fg-light-hovered)',
414
+ },
411
415
  '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
412
416
  backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-default)',
413
417
  },
@@ -418,15 +422,18 @@ module.exports = function SwitchPlugin() {
418
422
  },
419
423
  '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
420
424
  { color: 'var(--ids-comp-switch-handle-on-color-fg-icon-light-default)' },
421
- '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track': {
425
+ '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track': {
422
426
  backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-hovered)',
423
427
  },
424
- '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
428
+ '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
425
429
  { color: 'var(--ids-comp-switch-track-on-color-fg-icon-light-default)' },
426
- '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle':
430
+ '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle':
427
431
  { backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-light-default)' },
428
- '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
432
+ '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
429
433
  { color: 'var(--ids-comp-switch-handle-on-color-fg-icon-light-default)' },
434
+ '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label': {
435
+ color: 'var(--ids-comp-switch-label-color-fg-light-hovered)',
436
+ },
430
437
  '.ids-switch.ids-switch-light:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
431
438
  backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-light-pressed)',
432
439
  },
@@ -482,19 +489,6 @@ module.exports = function SwitchPlugin() {
482
489
  '.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button+.ids-switch__label': {
483
490
  color: 'var(--ids-comp-switch-label-color-fg-primary-default)',
484
491
  },
485
- '.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track': {
486
- backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-hovered)',
487
- },
488
- '.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
489
- { color: 'var(--ids-comp-switch-track-off-color-fg-icon-primary-default)' },
490
- '.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle': {
491
- backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-primary-default)',
492
- },
493
- '.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
494
- { color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)' },
495
- '.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:hover+.ids-switch__label': {
496
- color: 'var(--ids-comp-switch-label-color-fg-primary-hovered)',
497
- },
498
492
  '.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:active>.ids-switch__track': {
499
493
  backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-pressed)',
500
494
  },
@@ -520,6 +514,19 @@ module.exports = function SwitchPlugin() {
520
514
  { color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)' },
521
515
  '.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus+.ids-switch__label,.ids-switch.ids-switch-primary:not(.ids-switch-disabled)>.ids-switch__button:focus-visible+.ids-switch__label':
522
516
  { color: 'var(--ids-comp-switch-label-color-fg-primary-focused)' },
517
+ '.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track': {
518
+ backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-primary-hovered)',
519
+ },
520
+ '.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
521
+ { color: 'var(--ids-comp-switch-track-off-color-fg-icon-primary-default)' },
522
+ '.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
523
+ backgroundColor: 'var(--ids-comp-switch-handle-off-color-bg-primary-default)',
524
+ },
525
+ '.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
526
+ { color: 'var(--ids-comp-switch-handle-off-color-fg-icon-primary-default)' },
527
+ '.ids-switch.ids-switch-primary:not(.ids-switch-disabled):hover>.ids-switch__label': {
528
+ color: 'var(--ids-comp-switch-label-color-fg-primary-hovered)',
529
+ },
523
530
  '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track': {
524
531
  backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-default)',
525
532
  },
@@ -530,15 +537,18 @@ module.exports = function SwitchPlugin() {
530
537
  },
531
538
  '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
532
539
  { color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)' },
533
- '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track': {
540
+ '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track': {
534
541
  backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-hovered)',
535
542
  },
536
- '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
543
+ '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon':
537
544
  { color: 'var(--ids-comp-switch-track-on-color-fg-icon-primary-default)' },
538
- '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle':
545
+ '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle':
539
546
  { backgroundColor: 'var(--ids-comp-switch-handle-on-color-bg-primary-default)' },
540
- '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:hover>.ids-switch__track>.ids-switch__handle>.ids-icon':
547
+ '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
541
548
  { color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-default)' },
549
+ '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on:hover>.ids-switch__label': {
550
+ color: 'var(--ids-comp-switch-label-color-fg-primary-hovered)',
551
+ },
542
552
  '.ids-switch.ids-switch-primary:not(.ids-switch-disabled).ids-switch-on>.ids-switch__button:active>.ids-switch__track': {
543
553
  backgroundColor: 'var(--ids-comp-switch-track-on-color-bg-primary-pressed)',
544
554
  },
@@ -580,6 +590,7 @@ module.exports = function SwitchPlugin() {
580
590
  '.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
581
591
  { color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-disabled)' },
582
592
  '.ids-switch.ids-switch-disabled': { cursor: 'not-allowed' },
593
+ '.ids-switch.ids-switch-disabled>.ids-switch__label': { cursor: 'not-allowed' },
583
594
  };
584
595
 
585
596
  addComponents(cssObj);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@i-cell/ids-styles",
3
- "version": "0.0.67",
3
+ "version": "0.0.69",
4
4
  "private": false,
5
5
  "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
6
6
  "scripts": {
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "homepage": "https://github.com/i-Cell-Mobilsoft-Open-Source/ids-styles#readme",
38
38
  "devDependencies": {
39
- "@i-cell/ids-tokens": "0.0.41",
39
+ "@i-cell/ids-tokens": "0.0.45",
40
40
  "commander": "^12.1.0",
41
41
  "gulp": "^5.0.0",
42
42
  "gulp-prettier": "^6.0.0",