@i-cell/ids-styles 0.0.33 → 0.0.35

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 (88) hide show
  1. package/dist/accordion/accordion.css +11 -0
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +17 -1
  4. package/dist/avatar/avatar.css +11 -0
  5. package/dist/avatar/avatar.min.css +1 -1
  6. package/dist/avatar/avatar.plugin.js +11 -1
  7. package/dist/button/button-group.css +11 -0
  8. package/dist/button/button-group.min.css +1 -1
  9. package/dist/button/button-group.plugin.js +17 -1
  10. package/dist/button/button.css +11 -0
  11. package/dist/button/button.min.css +1 -1
  12. package/dist/button/button.plugin.js +11 -1
  13. package/dist/card/card.css +11 -0
  14. package/dist/card/card.min.css +1 -1
  15. package/dist/card/card.plugin.js +14 -1
  16. package/dist/checkbox/checkbox.css +11 -0
  17. package/dist/checkbox/checkbox.min.css +1 -1
  18. package/dist/checkbox/checkbox.plugin.js +16 -1
  19. package/dist/components.css +482 -95
  20. package/dist/components.min.css +1 -1
  21. package/dist/components.plugin.js +598 -169
  22. package/dist/dialog/dialog.css +15 -1
  23. package/dist/dialog/dialog.min.css +1 -1
  24. package/dist/dialog/dialog.plugin.js +16 -9
  25. package/dist/divider/divider.css +11 -0
  26. package/dist/divider/divider.min.css +1 -1
  27. package/dist/divider/divider.plugin.js +16 -1
  28. package/dist/form-elements/fieldset/fieldset.css +11 -0
  29. package/dist/form-elements/fieldset/fieldset.min.css +1 -1
  30. package/dist/form-elements/fieldset/fieldset.plugin.js +10 -2
  31. package/dist/form-elements/form-field/form-field.css +11 -0
  32. package/dist/form-elements/form-field/form-field.min.css +1 -1
  33. package/dist/form-elements/form-field/form-field.plugin.js +16 -1
  34. package/dist/form-elements/message/message.css +11 -0
  35. package/dist/form-elements/message/message.min.css +1 -1
  36. package/dist/form-elements/message/message.plugin.js +17 -1
  37. package/dist/icon/icon.css +11 -0
  38. package/dist/icon/icon.min.css +1 -1
  39. package/dist/icon/icon.plugin.js +11 -0
  40. package/dist/icon-button/icon-button.css +11 -0
  41. package/dist/icon-button/icon-button.min.css +1 -1
  42. package/dist/icon-button/icon-button.plugin.js +11 -1
  43. package/dist/menu-item/menu-item.css +85 -0
  44. package/dist/menu-item/menu-item.min.css +1 -1
  45. package/dist/menu-item/menu-item.plugin.js +91 -1
  46. package/dist/notification/notification.css +13 -0
  47. package/dist/notification/notification.min.css +1 -1
  48. package/dist/notification/notification.plugin.js +13 -0
  49. package/dist/overlay-panel/overlay-panel.css +11 -0
  50. package/dist/overlay-panel/overlay-panel.min.css +1 -1
  51. package/dist/overlay-panel/overlay-panel.plugin.js +16 -1
  52. package/dist/paginator/paginator.css +11 -0
  53. package/dist/paginator/paginator.min.css +1 -1
  54. package/dist/paginator/paginator.plugin.js +14 -1
  55. package/dist/radio/radio.css +11 -0
  56. package/dist/radio/radio.min.css +1 -1
  57. package/dist/radio/radio.plugin.js +16 -1
  58. package/dist/reset.css +0 -0
  59. package/dist/reset.min.css +0 -0
  60. package/dist/reset.plugin.js +8 -0
  61. package/dist/segmented-control/segmented-control.css +15 -0
  62. package/dist/segmented-control/segmented-control.min.css +1 -1
  63. package/dist/segmented-control/segmented-control.plugin.js +17 -1
  64. package/dist/segmented-control-toggle/segmented-control-toggle.css +15 -0
  65. package/dist/segmented-control-toggle/segmented-control-toggle.min.css +1 -1
  66. package/dist/segmented-control-toggle/segmented-control-toggle.plugin.js +17 -1
  67. package/dist/select/select.css +17 -1
  68. package/dist/select/select.min.css +1 -1
  69. package/dist/select/select.plugin.js +19 -2
  70. package/dist/snackbar/snackbar.css +11 -0
  71. package/dist/snackbar/snackbar.min.css +1 -1
  72. package/dist/snackbar/snackbar.plugin.js +10 -1
  73. package/dist/switch/switch.css +11 -0
  74. package/dist/switch/switch.min.css +1 -1
  75. package/dist/switch/switch.plugin.js +15 -1
  76. package/dist/tab/tab.css +102 -92
  77. package/dist/tab/tab.min.css +1 -1
  78. package/dist/tab/tab.plugin.js +141 -135
  79. package/dist/table/table.css +11 -1
  80. package/dist/table/table.min.css +1 -1
  81. package/dist/table/table.plugin.js +16 -1
  82. package/dist/tag/tag.css +11 -0
  83. package/dist/tag/tag.min.css +1 -1
  84. package/dist/tag/tag.plugin.js +16 -1
  85. package/dist/tooltip/tooltip.css +11 -0
  86. package/dist/tooltip/tooltip.min.css +1 -1
  87. package/dist/tooltip/tooltip.plugin.js +14 -1
  88. package/package.json +1 -1
package/dist/segmented-control-toggle/segmented-control-toggle.min.css CHANGED
@@ -1 +1 @@
1
- .ids-segmented-control-toggle{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button{display:flex;align-items:center;border-style:solid;position:relative;text-wrap:nowrap}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible{z-index:1;outline-style:solid;outline-offset:2px}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button.selected{pointer-events:none}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:not(:disabled){cursor:pointer}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:disabled{cursor:not-allowed}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-container-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-compact);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-compact);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-compact);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-button-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-compact);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-compact);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-compact);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-compact);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-compact);width:var(--ids-comp-segmented-control-toggle-button-size-icon-compact);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-container-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-comfortable);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-comfortable);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-comfortable);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-button-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-comfortable);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-comfortable);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-comfortable);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable);width:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-container-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-spacious);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-spacious);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-spacious);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-button-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-spacious);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-spacious);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-spacious);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-spacious);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious);width:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-container-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-dense);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-dense);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-dense);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-button-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-dense);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-dense);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-dense);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-dense);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-dense);width:var(--ids-comp-segmented-control-toggle-button-size-icon-dense);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-light-default)}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)}
1
+ .ids-segmented-control-toggle{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.ids-segmented-control-toggle::before,.ids-segmented-control-toggle::after,.ids-segmented-control-toggle *,.ids-segmented-control-toggle ::before,.ids-segmented-control-toggle ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button{display:flex;align-items:center;border-style:solid;position:relative;text-wrap:nowrap}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible{z-index:1;outline-style:solid;outline-offset:2px}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button.selected{pointer-events:none}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:not(:disabled){cursor:pointer}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:disabled{cursor:not-allowed}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-container-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-compact);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-compact);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-compact);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-button-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-compact);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-compact);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-compact);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-compact);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-compact);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-compact);width:var(--ids-comp-segmented-control-toggle-button-size-icon-compact);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-container-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-comfortable);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-comfortable);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-comfortable);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-button-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-comfortable);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-comfortable);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-comfortable);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-comfortable);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable);width:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-container-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-spacious);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-spacious);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-spacious);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-button-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-spacious);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-spacious);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-spacious);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-spacious);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-spacious);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious);width:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-container-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-dense);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-dense);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-dense);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-button-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-dense);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-dense);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-dense);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-dense);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-dense);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-dense);width:var(--ids-comp-segmented-control-toggle-button-size-icon-dense);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-light-default)}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)}
package/dist/segmented-control-toggle/segmented-control-toggle.plugin.js CHANGED
@@ -2,7 +2,19 @@
2
2
  module.exports = function SegmentedControlTogglePlugin() {
3
3
  return function ({ addComponents }) {
4
4
  const cssObj = {
5
- '.ids-segmented-control-toggle': { display: 'inline-flex', flexDirection: 'row', flexWrap: 'nowrap', alignItems: 'center' },
5
+ '.ids-segmented-control-toggle': {
6
+ boxSizing: 'border-box',
7
+ borderWidth: '0',
8
+ borderStyle: 'none',
9
+ borderColor: 'rgba(0,0,0,0)',
10
+ lineHeight: 1.5,
11
+ display: 'inline-flex',
12
+ flexDirection: 'row',
13
+ flexWrap: 'nowrap',
14
+ alignItems: 'center',
15
+ },
16
+ '.ids-segmented-control-toggle::before,.ids-segmented-control-toggle::after,.ids-segmented-control-toggle *,.ids-segmented-control-toggle ::before,.ids-segmented-control-toggle ::after':
17
+ { boxSizing: 'border-box', borderWidth: '0', borderStyle: 'none', borderColor: 'rgba(0,0,0,0)' },
6
18
  '.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button': {
7
19
  display: 'flex',
8
20
  alignItems: 'center',
@@ -40,6 +52,7 @@ module.exports = function SegmentedControlTogglePlugin() {
40
52
  fontWeight: 'var(--ids-comp-segmented-control-toggle-button-typography-font-weight-compact)',
41
53
  letterSpacing: 'var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-compact)',
42
54
  lineHeight: 'var(--ids-comp-segmented-control-toggle-button-typography-line-height-compact)',
55
+ minHeight: 'var(--ids-comp-segmented-control-toggle-button-size-min-height-compact)',
43
56
  },
44
57
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus-visible':
45
58
  { outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-compact)' },
@@ -70,6 +83,7 @@ module.exports = function SegmentedControlTogglePlugin() {
70
83
  fontWeight: 'var(--ids-comp-segmented-control-toggle-button-typography-font-weight-comfortable)',
71
84
  letterSpacing: 'var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-comfortable)',
72
85
  lineHeight: 'var(--ids-comp-segmented-control-toggle-button-typography-line-height-comfortable)',
86
+ minHeight: 'var(--ids-comp-segmented-control-toggle-button-size-min-height-comfortable)',
73
87
  },
74
88
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus-visible':
75
89
  { outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-comfortable)' },
@@ -100,6 +114,7 @@ module.exports = function SegmentedControlTogglePlugin() {
100
114
  fontWeight: 'var(--ids-comp-segmented-control-toggle-button-typography-font-weight-spacious)',
101
115
  letterSpacing: 'var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-spacious)',
102
116
  lineHeight: 'var(--ids-comp-segmented-control-toggle-button-typography-line-height-spacious)',
117
+ minHeight: 'var(--ids-comp-segmented-control-toggle-button-size-min-height-spacious)',
103
118
  },
104
119
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus-visible':
105
120
  { outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-spacious)' },
@@ -130,6 +145,7 @@ module.exports = function SegmentedControlTogglePlugin() {
130
145
  fontWeight: 'var(--ids-comp-segmented-control-toggle-button-typography-font-weight-dense)',
131
146
  letterSpacing: 'var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-dense)',
132
147
  lineHeight: 'var(--ids-comp-segmented-control-toggle-button-typography-line-height-dense)',
148
+ minHeight: 'var(--ids-comp-segmented-control-toggle-button-size-min-height-dense)',
133
149
  },
134
150
  '.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus-visible':
135
151
  { outlineWidth: 'var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-dense)' },
package/dist/select/select.css CHANGED
@@ -1,6 +1,17 @@
1
1
  .ids-select {
2
+ box-sizing: border-box;
3
+ border-width: 0;
4
+ border-style: none;
5
+ border-color: transparent;
6
+ line-height: 1.5;
2
7
  width: 100%;
3
8
  }
9
+ .ids-select::before, .ids-select::after, .ids-select *, .ids-select ::before, .ids-select ::after {
10
+ box-sizing: border-box;
11
+ border-width: 0;
12
+ border-style: none;
13
+ border-color: transparent;
14
+ }
4
15
  .ids-select:focus, .ids-select:focus-visible {
5
16
  outline: none;
6
17
  }
@@ -104,10 +115,15 @@
104
115
  background: var(--ids-comp-forms-select-panel-color-bg-light-default);
105
116
  }
106
117
 
107
- .ids-form-field > .ids-form-field__field-wrapper:has(.ids-select) {
118
+ .ids-form-field:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-select) {
108
119
  cursor: pointer;
109
120
  }
110
121
 
122
+ .ids-form-field.ids-form-field-disabled > .ids-form-field__field-wrapper:has(.ids-select) {
123
+ cursor: default;
124
+ pointer-events: none;
125
+ }
126
+
111
127
  .ids-form-field > .ids-form-field__field-wrapper .ids-select.ids-select-surface > .ids-select__trigger > .ids-select__value > .ids-select__placeholder {
112
128
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default);
113
129
  }
package/dist/select/select.min.css CHANGED
@@ -1 +1 @@
1
- .ids-select{width:100%}.ids-select:focus,.ids-select:focus-visible{outline:none}.ids-select>.ids-select__trigger{display:flex;justify-content:space-between;align-items:center}.ids-select>.ids-select__trigger>.ids-select__value{flex-grow:1;overflow:hidden}.ids-select>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{user-select:none}.ids-select>.ids-select__trigger>.ids-select__value>.ids-select__value-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.ids-select>.ids-select__trigger>.ids-select__arrow{display:flex;flex-shrink:0}.ids-select.ids-select-compact>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-compact)}.ids-select.ids-select-compact>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-compact);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-compact);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-compact);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-compact);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-compact)}.ids-select.ids-select-comfortable>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-comfortable)}.ids-select.ids-select-comfortable>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-comfortable);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-comfortable);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-comfortable);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-comfortable);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-comfortable)}.ids-select.ids-select-spacious>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-spacious)}.ids-select.ids-select-spacious>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-spacious);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-spacious);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-spacious);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-spacious);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-spacious)}.ids-select.ids-select-dense>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-dense)}.ids-select.ids-select-dense>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-dense);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-dense);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-dense);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-dense);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-dense)}.ids-select-panel{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;width:100%;box-sizing:border-box;overflow-y:auto;box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-select-panel.ids-select-panel-compact{padding:var(--ids-comp-forms-select-panel-size-padding-y-compact) var(--ids-comp-forms-select-panel-size-padding-x-compact);gap:var(--ids-comp-forms-select-panel-size-gap-compact);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-compact)}.ids-select-panel.ids-select-panel-comfortable{padding:var(--ids-comp-forms-select-panel-size-padding-y-comfortable) var(--ids-comp-forms-select-panel-size-padding-x-comfortable);gap:var(--ids-comp-forms-select-panel-size-gap-comfortable);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-comfortable)}.ids-select-panel.ids-select-panel-spacious{padding:var(--ids-comp-forms-select-panel-size-padding-y-spacious) var(--ids-comp-forms-select-panel-size-padding-x-spacious);gap:var(--ids-comp-forms-select-panel-size-gap-spacious);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-spacious)}.ids-select-panel.ids-select-panel-dense{padding:var(--ids-comp-forms-select-panel-size-padding-y-dense) var(--ids-comp-forms-select-panel-size-padding-x-dense);gap:var(--ids-comp-forms-select-panel-size-gap-dense);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-dense)}.ids-select-panel.ids-select-panel-surface{background:var(--ids-comp-forms-select-panel-color-bg-surface-default)}.ids-select-panel.ids-select-panel-light{background:var(--ids-comp-forms-select-panel-color-bg-light-default)}.ids-form-field>.ids-form-field__field-wrapper:has(.ids-select){cursor:pointer}.ids-form-field>.ids-form-field__field-wrapper .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)}.ids-form-field>.ids-form-field__field-wrapper:hover .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)}.ids-form-field>.ids-form-field__field-wrapper:focus .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder,.ids-form-field>.ids-form-field__field-wrapper:focus-visible .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)}.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)}.ids-form-field>.ids-form-field__field-wrapper .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)}.ids-form-field>.ids-form-field__field-wrapper:hover .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)}.ids-form-field>.ids-form-field__field-wrapper:focus .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder,.ids-form-field>.ids-form-field__field-wrapper:focus-visible .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)}.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)}
1
+ .ids-select{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;width:100%}.ids-select::before,.ids-select::after,.ids-select *,.ids-select ::before,.ids-select ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-select:focus,.ids-select:focus-visible{outline:none}.ids-select>.ids-select__trigger{display:flex;justify-content:space-between;align-items:center}.ids-select>.ids-select__trigger>.ids-select__value{flex-grow:1;overflow:hidden}.ids-select>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{user-select:none}.ids-select>.ids-select__trigger>.ids-select__value>.ids-select__value-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.ids-select>.ids-select__trigger>.ids-select__arrow{display:flex;flex-shrink:0}.ids-select.ids-select-compact>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-compact)}.ids-select.ids-select-compact>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-compact);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-compact);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-compact);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-compact);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-compact)}.ids-select.ids-select-comfortable>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-comfortable)}.ids-select.ids-select-comfortable>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-comfortable);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-comfortable);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-comfortable);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-comfortable);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-comfortable)}.ids-select.ids-select-spacious>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-spacious)}.ids-select.ids-select-spacious>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-spacious);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-spacious);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-spacious);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-spacious);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-spacious)}.ids-select.ids-select-dense>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-dense)}.ids-select.ids-select-dense>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-dense);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-dense);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-dense);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-dense);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-dense)}.ids-select-panel{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;width:100%;box-sizing:border-box;overflow-y:auto;box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-select-panel.ids-select-panel-compact{padding:var(--ids-comp-forms-select-panel-size-padding-y-compact) var(--ids-comp-forms-select-panel-size-padding-x-compact);gap:var(--ids-comp-forms-select-panel-size-gap-compact);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-compact)}.ids-select-panel.ids-select-panel-comfortable{padding:var(--ids-comp-forms-select-panel-size-padding-y-comfortable) var(--ids-comp-forms-select-panel-size-padding-x-comfortable);gap:var(--ids-comp-forms-select-panel-size-gap-comfortable);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-comfortable)}.ids-select-panel.ids-select-panel-spacious{padding:var(--ids-comp-forms-select-panel-size-padding-y-spacious) var(--ids-comp-forms-select-panel-size-padding-x-spacious);gap:var(--ids-comp-forms-select-panel-size-gap-spacious);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-spacious)}.ids-select-panel.ids-select-panel-dense{padding:var(--ids-comp-forms-select-panel-size-padding-y-dense) var(--ids-comp-forms-select-panel-size-padding-x-dense);gap:var(--ids-comp-forms-select-panel-size-gap-dense);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-dense)}.ids-select-panel.ids-select-panel-surface{background:var(--ids-comp-forms-select-panel-color-bg-surface-default)}.ids-select-panel.ids-select-panel-light{background:var(--ids-comp-forms-select-panel-color-bg-light-default)}.ids-form-field:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-select){cursor:pointer}.ids-form-field.ids-form-field-disabled>.ids-form-field__field-wrapper:has(.ids-select){cursor:default;pointer-events:none}.ids-form-field>.ids-form-field__field-wrapper .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)}.ids-form-field>.ids-form-field__field-wrapper:hover .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)}.ids-form-field>.ids-form-field__field-wrapper:focus .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder,.ids-form-field>.ids-form-field__field-wrapper:focus-visible .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)}.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)}.ids-form-field>.ids-form-field__field-wrapper .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)}.ids-form-field>.ids-form-field__field-wrapper:hover .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)}.ids-form-field>.ids-form-field__field-wrapper:focus .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder,.ids-form-field>.ids-form-field__field-wrapper:focus-visible .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)}.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)}
package/dist/select/select.plugin.js CHANGED
@@ -2,7 +2,20 @@
2
2
  module.exports = function SelectPlugin() {
3
3
  return function ({ addComponents }) {
4
4
  const cssObj = {
5
- '.ids-select': { width: '100%' },
5
+ '.ids-select': {
6
+ boxSizing: 'border-box',
7
+ borderWidth: '0',
8
+ borderStyle: 'none',
9
+ borderColor: 'rgba(0,0,0,0)',
10
+ lineHeight: 1.5,
11
+ width: '100%',
12
+ },
13
+ '.ids-select::before,.ids-select::after,.ids-select *,.ids-select ::before,.ids-select ::after': {
14
+ boxSizing: 'border-box',
15
+ borderWidth: '0',
16
+ borderStyle: 'none',
17
+ borderColor: 'rgba(0,0,0,0)',
18
+ },
6
19
  '.ids-select:focus,.ids-select:focus-visible': { outline: 'none' },
7
20
  '.ids-select>.ids-select__trigger': { display: 'flex', justifyContent: 'space-between', alignItems: 'center' },
8
21
  '.ids-select>.ids-select__trigger>.ids-select__value': { flexGrow: 1, overflow: 'hidden' },
@@ -80,7 +93,11 @@ module.exports = function SelectPlugin() {
80
93
  },
81
94
  '.ids-select-panel.ids-select-panel-surface': { background: 'var(--ids-comp-forms-select-panel-color-bg-surface-default)' },
82
95
  '.ids-select-panel.ids-select-panel-light': { background: 'var(--ids-comp-forms-select-panel-color-bg-light-default)' },
83
- '.ids-form-field>.ids-form-field__field-wrapper:has(.ids-select)': { cursor: 'pointer' },
96
+ '.ids-form-field:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-select)': { cursor: 'pointer' },
97
+ '.ids-form-field.ids-form-field-disabled>.ids-form-field__field-wrapper:has(.ids-select)': {
98
+ cursor: 'default',
99
+ pointerEvents: 'none',
100
+ },
84
101
  '.ids-form-field>.ids-form-field__field-wrapper .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
85
102
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
86
103
  '.ids-form-field>.ids-form-field__field-wrapper:hover .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
package/dist/snackbar/snackbar.css CHANGED
@@ -1,6 +1,17 @@
1
1
  .ids-snackbar-group {
2
+ box-sizing: border-box;
3
+ border-width: 0;
4
+ border-style: none;
5
+ border-color: transparent;
6
+ line-height: 1.5;
2
7
  display: flex;
3
8
  }
9
+ .ids-snackbar-group::before, .ids-snackbar-group::after, .ids-snackbar-group *, .ids-snackbar-group ::before, .ids-snackbar-group ::after {
10
+ box-sizing: border-box;
11
+ border-width: 0;
12
+ border-style: none;
13
+ border-color: transparent;
14
+ }
4
15
  .ids-snackbar-group.ids-snackbar-group-position-top-left, .ids-snackbar-group.ids-snackbar-group-position-top-center, .ids-snackbar-group.ids-snackbar-group-position-top-right {
5
16
  flex-direction: column-reverse;
6
17
  }
package/dist/snackbar/snackbar.min.css CHANGED
@@ -1 +1 @@
1
- .ids-snackbar-group{display:flex}.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-top-right{flex-direction:column-reverse}.ids-snackbar-group.ids-snackbar-group-position-top-left.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-center.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-right.ids-snackbar-group-newest-at-start{flex-direction:column}.ids-snackbar-group.ids-snackbar-group-position-bottom-left,.ids-snackbar-group.ids-snackbar-group-position-bottom-center,.ids-snackbar-group.ids-snackbar-group-position-bottom-right{flex-direction:column}.ids-snackbar-group.ids-snackbar-group-position-bottom-left.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-bottom-center.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-bottom-right.ids-snackbar-group-newest-at-start{flex-direction:column-reverse}.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-bottom-left{align-items:flex-start}.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-bottom-center{align-items:center}.ids-snackbar-group.ids-snackbar-group-position-top-right,.ids-snackbar-group.ids-snackbar-group-position-bottom-right{align-items:flex-end}.ids-snackbar-group .ids-snackbar{min-width:max-content}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper{position:relative;display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xl) var(--ids-smc-reference-container-effects-shadow-blur-xxl) var(--ids-smc-reference-container-effects-shadow-spread-sm) var(--ids-smc-reference-container-effects-shadow-color-dark-light),var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-md) var(--ids-smc-reference-container-effects-shadow-blur-lg) var(--ids-smc-reference-container-effects-shadow-spread-xs) var(--ids-smc-reference-container-effects-shadow-color-dark-light)}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{display:flex;align-items:center;flex-shrink:0}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{display:flex;justify-content:space-between;align-items:center;align-content:center;flex:1 0 0;flex-wrap:wrap}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{flex:1 0 0;font-style:normal}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{display:flex;align-items:center}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button{position:absolute;top:16px;right:16px}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-dark-default);background:var(--ids-comp-snackbar-filled-color-bg-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-info-default);background:var(--ids-comp-snackbar-filled-color-bg-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-success-default);background:var(--ids-comp-snackbar-filled-color-bg-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-error-default);background:var(--ids-comp-snackbar-filled-color-bg-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-warning-default);background:var(--ids-comp-snackbar-filled-color-bg-warning-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-warning-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-warning-default)}.ids-snackbar-group.ids-snackbar-group-compact{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-compact);padding:var(--ids-comp-snackbar-container-size-padding-y-compact) var(--ids-comp-snackbar-container-size-padding-x-compact);border-radius:var(--ids-comp-snackbar-container-size-border-radius-compact);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-compact);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-compact);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-compact);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-compact);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-compact);height:var(--ids-comp-snackbar-icon-size-icon-compact);font-size:var(--ids-comp-snackbar-icon-typography-font-size-compact);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-compact);line-height:var(--ids-comp-snackbar-icon-typography-line-height-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-compact);row-gap:var(--ids-comp-snackbar-message-action-size-gap-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-compact);max-width:var(--ids-comp-snackbar-message-size-max-width-compact);min-height:var(--ids-comp-snackbar-message-size-min-height-compact);padding-right:var(--ids-comp-snackbar-message-size-padding-right-compact);font-family:var(--ids-comp-snackbar-message-typography-font-family-compact);font-size:var(--ids-comp-snackbar-message-typography-font-size-compact);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-compact);line-height:var(--ids-comp-snackbar-message-typography-line-height-compact);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-compact);height:var(--ids-comp-snackbar-icon-button-size-icon-button-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-compact)}.ids-snackbar-group.ids-snackbar-group-comfortable{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-comfortable);padding:var(--ids-comp-snackbar-container-size-padding-y-comfortable) var(--ids-comp-snackbar-container-size-padding-x-comfortable);border-radius:var(--ids-comp-snackbar-container-size-border-radius-comfortable);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-comfortable);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-comfortable);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-comfortable);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-comfortable);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-comfortable);height:var(--ids-comp-snackbar-icon-size-icon-comfortable);font-size:var(--ids-comp-snackbar-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-snackbar-icon-typography-line-height-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-comfortable);row-gap:var(--ids-comp-snackbar-message-action-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-comfortable);max-width:var(--ids-comp-snackbar-message-size-max-width-comfortable);min-height:var(--ids-comp-snackbar-message-size-min-height-comfortable);padding-right:var(--ids-comp-snackbar-message-size-padding-right-comfortable);font-family:var(--ids-comp-snackbar-message-typography-font-family-comfortable);font-size:var(--ids-comp-snackbar-message-typography-font-size-comfortable);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-comfortable);line-height:var(--ids-comp-snackbar-message-typography-line-height-comfortable);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable);height:var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-comfortable)}.ids-snackbar-group.ids-snackbar-group-spacious{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-spacious);padding:var(--ids-comp-snackbar-container-size-padding-y-spacious) var(--ids-comp-snackbar-container-size-padding-x-spacious);border-radius:var(--ids-comp-snackbar-container-size-border-radius-spacious);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-spacious);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-spacious);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-spacious);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-spacious);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-spacious);height:var(--ids-comp-snackbar-icon-size-icon-spacious);font-size:var(--ids-comp-snackbar-icon-typography-font-size-spacious);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-spacious);line-height:var(--ids-comp-snackbar-icon-typography-line-height-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-spacious);row-gap:var(--ids-comp-snackbar-message-action-size-gap-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-spacious);max-width:var(--ids-comp-snackbar-message-size-max-width-spacious);min-height:var(--ids-comp-snackbar-message-size-min-height-spacious);padding-right:var(--ids-comp-snackbar-message-size-padding-right-spacious);font-family:var(--ids-comp-snackbar-message-typography-font-family-spacious);font-size:var(--ids-comp-snackbar-message-typography-font-size-spacious);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-spacious);line-height:var(--ids-comp-snackbar-message-typography-line-height-spacious);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-spacious);height:var(--ids-comp-snackbar-icon-button-size-icon-button-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-spacious)}.ids-snackbar-group.ids-snackbar-group-dense{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-dense);padding:var(--ids-comp-snackbar-container-size-padding-y-dense) var(--ids-comp-snackbar-container-size-padding-x-dense);border-radius:var(--ids-comp-snackbar-container-size-border-radius-dense);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-dense);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-dense);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-dense);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-dense);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-dense);height:var(--ids-comp-snackbar-icon-size-icon-dense);font-size:var(--ids-comp-snackbar-icon-typography-font-size-dense);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-dense);line-height:var(--ids-comp-snackbar-icon-typography-line-height-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-dense);row-gap:var(--ids-comp-snackbar-message-action-size-gap-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-dense);max-width:var(--ids-comp-snackbar-message-size-max-width-dense);min-height:var(--ids-comp-snackbar-message-size-min-height-dense);padding-right:var(--ids-comp-snackbar-message-size-padding-right-dense);font-family:var(--ids-comp-snackbar-message-typography-font-family-dense);font-size:var(--ids-comp-snackbar-message-typography-font-size-dense);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-dense);line-height:var(--ids-comp-snackbar-message-typography-line-height-dense);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-dense);height:var(--ids-comp-snackbar-icon-button-size-icon-button-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-dense)}
1
+ .ids-snackbar-group{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex}.ids-snackbar-group::before,.ids-snackbar-group::after,.ids-snackbar-group *,.ids-snackbar-group ::before,.ids-snackbar-group ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-top-right{flex-direction:column-reverse}.ids-snackbar-group.ids-snackbar-group-position-top-left.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-center.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-right.ids-snackbar-group-newest-at-start{flex-direction:column}.ids-snackbar-group.ids-snackbar-group-position-bottom-left,.ids-snackbar-group.ids-snackbar-group-position-bottom-center,.ids-snackbar-group.ids-snackbar-group-position-bottom-right{flex-direction:column}.ids-snackbar-group.ids-snackbar-group-position-bottom-left.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-bottom-center.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-bottom-right.ids-snackbar-group-newest-at-start{flex-direction:column-reverse}.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-bottom-left{align-items:flex-start}.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-bottom-center{align-items:center}.ids-snackbar-group.ids-snackbar-group-position-top-right,.ids-snackbar-group.ids-snackbar-group-position-bottom-right{align-items:flex-end}.ids-snackbar-group .ids-snackbar{min-width:max-content}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper{position:relative;display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xl) var(--ids-smc-reference-container-effects-shadow-blur-xxl) var(--ids-smc-reference-container-effects-shadow-spread-sm) var(--ids-smc-reference-container-effects-shadow-color-dark-light),var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-md) var(--ids-smc-reference-container-effects-shadow-blur-lg) var(--ids-smc-reference-container-effects-shadow-spread-xs) var(--ids-smc-reference-container-effects-shadow-color-dark-light)}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{display:flex;align-items:center;flex-shrink:0}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{display:flex;justify-content:space-between;align-items:center;align-content:center;flex:1 0 0;flex-wrap:wrap}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{flex:1 0 0;font-style:normal}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{display:flex;align-items:center}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button{position:absolute;top:16px;right:16px}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-dark-default);background:var(--ids-comp-snackbar-filled-color-bg-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-info-default);background:var(--ids-comp-snackbar-filled-color-bg-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-success-default);background:var(--ids-comp-snackbar-filled-color-bg-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-error-default);background:var(--ids-comp-snackbar-filled-color-bg-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-warning-default);background:var(--ids-comp-snackbar-filled-color-bg-warning-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-warning-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-warning-default)}.ids-snackbar-group.ids-snackbar-group-compact{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-compact);padding:var(--ids-comp-snackbar-container-size-padding-y-compact) var(--ids-comp-snackbar-container-size-padding-x-compact);border-radius:var(--ids-comp-snackbar-container-size-border-radius-compact);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-compact);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-compact);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-compact);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-compact);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-compact);height:var(--ids-comp-snackbar-icon-size-icon-compact);font-size:var(--ids-comp-snackbar-icon-typography-font-size-compact);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-compact);line-height:var(--ids-comp-snackbar-icon-typography-line-height-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-compact);row-gap:var(--ids-comp-snackbar-message-action-size-gap-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-compact);max-width:var(--ids-comp-snackbar-message-size-max-width-compact);min-height:var(--ids-comp-snackbar-message-size-min-height-compact);padding-right:var(--ids-comp-snackbar-message-size-padding-right-compact);font-family:var(--ids-comp-snackbar-message-typography-font-family-compact);font-size:var(--ids-comp-snackbar-message-typography-font-size-compact);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-compact);line-height:var(--ids-comp-snackbar-message-typography-line-height-compact);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-compact);height:var(--ids-comp-snackbar-icon-button-size-icon-button-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-compact)}.ids-snackbar-group.ids-snackbar-group-comfortable{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-comfortable);padding:var(--ids-comp-snackbar-container-size-padding-y-comfortable) var(--ids-comp-snackbar-container-size-padding-x-comfortable);border-radius:var(--ids-comp-snackbar-container-size-border-radius-comfortable);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-comfortable);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-comfortable);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-comfortable);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-comfortable);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-comfortable);height:var(--ids-comp-snackbar-icon-size-icon-comfortable);font-size:var(--ids-comp-snackbar-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-snackbar-icon-typography-line-height-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-comfortable);row-gap:var(--ids-comp-snackbar-message-action-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-comfortable);max-width:var(--ids-comp-snackbar-message-size-max-width-comfortable);min-height:var(--ids-comp-snackbar-message-size-min-height-comfortable);padding-right:var(--ids-comp-snackbar-message-size-padding-right-comfortable);font-family:var(--ids-comp-snackbar-message-typography-font-family-comfortable);font-size:var(--ids-comp-snackbar-message-typography-font-size-comfortable);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-comfortable);line-height:var(--ids-comp-snackbar-message-typography-line-height-comfortable);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable);height:var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-comfortable)}.ids-snackbar-group.ids-snackbar-group-spacious{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-spacious);padding:var(--ids-comp-snackbar-container-size-padding-y-spacious) var(--ids-comp-snackbar-container-size-padding-x-spacious);border-radius:var(--ids-comp-snackbar-container-size-border-radius-spacious);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-spacious);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-spacious);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-spacious);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-spacious);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-spacious);height:var(--ids-comp-snackbar-icon-size-icon-spacious);font-size:var(--ids-comp-snackbar-icon-typography-font-size-spacious);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-spacious);line-height:var(--ids-comp-snackbar-icon-typography-line-height-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-spacious);row-gap:var(--ids-comp-snackbar-message-action-size-gap-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-spacious);max-width:var(--ids-comp-snackbar-message-size-max-width-spacious);min-height:var(--ids-comp-snackbar-message-size-min-height-spacious);padding-right:var(--ids-comp-snackbar-message-size-padding-right-spacious);font-family:var(--ids-comp-snackbar-message-typography-font-family-spacious);font-size:var(--ids-comp-snackbar-message-typography-font-size-spacious);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-spacious);line-height:var(--ids-comp-snackbar-message-typography-line-height-spacious);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-spacious);height:var(--ids-comp-snackbar-icon-button-size-icon-button-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-spacious)}.ids-snackbar-group.ids-snackbar-group-dense{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-dense);padding:var(--ids-comp-snackbar-container-size-padding-y-dense) var(--ids-comp-snackbar-container-size-padding-x-dense);border-radius:var(--ids-comp-snackbar-container-size-border-radius-dense);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-dense);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-dense);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-dense);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-dense);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-dense);height:var(--ids-comp-snackbar-icon-size-icon-dense);font-size:var(--ids-comp-snackbar-icon-typography-font-size-dense);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-dense);line-height:var(--ids-comp-snackbar-icon-typography-line-height-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-dense);row-gap:var(--ids-comp-snackbar-message-action-size-gap-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-dense);max-width:var(--ids-comp-snackbar-message-size-max-width-dense);min-height:var(--ids-comp-snackbar-message-size-min-height-dense);padding-right:var(--ids-comp-snackbar-message-size-padding-right-dense);font-family:var(--ids-comp-snackbar-message-typography-font-family-dense);font-size:var(--ids-comp-snackbar-message-typography-font-size-dense);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-dense);line-height:var(--ids-comp-snackbar-message-typography-line-height-dense);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-dense);height:var(--ids-comp-snackbar-icon-button-size-icon-button-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-dense)}
package/dist/snackbar/snackbar.plugin.js CHANGED
@@ -2,7 +2,16 @@
2
2
  module.exports = function SnackbarPlugin() {
3
3
  return function ({ addComponents }) {
4
4
  const cssObj = {
5
- '.ids-snackbar-group': { display: 'flex' },
5
+ '.ids-snackbar-group': {
6
+ boxSizing: 'border-box',
7
+ borderWidth: '0',
8
+ borderStyle: 'none',
9
+ borderColor: 'rgba(0,0,0,0)',
10
+ lineHeight: 1.5,
11
+ display: 'flex',
12
+ },
13
+ '.ids-snackbar-group::before,.ids-snackbar-group::after,.ids-snackbar-group *,.ids-snackbar-group ::before,.ids-snackbar-group ::after':
14
+ { boxSizing: 'border-box', borderWidth: '0', borderStyle: 'none', borderColor: 'rgba(0,0,0,0)' },
6
15
  '.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-top-right':
7
16
  { flexDirection: 'column-reverse' },
8
17
  '.ids-snackbar-group.ids-snackbar-group-position-top-left.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-center.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-right.ids-snackbar-group-newest-at-start':
package/dist/switch/switch.css CHANGED
@@ -1,7 +1,18 @@
1
1
  .ids-switch-group {
2
+ box-sizing: border-box;
3
+ border-width: 0;
4
+ border-style: none;
5
+ border-color: transparent;
6
+ line-height: 1.5;
2
7
  display: flex;
3
8
  flex-direction: column;
4
9
  }
10
+ .ids-switch-group::before, .ids-switch-group::after, .ids-switch-group *, .ids-switch-group ::before, .ids-switch-group ::after {
11
+ box-sizing: border-box;
12
+ border-width: 0;
13
+ border-style: none;
14
+ border-color: transparent;
15
+ }
5
16
  .ids-switch-group.ids-switch-group-compact {
6
17
  gap: var(--ids-comp-switch-group-container-size-gap-compact);
7
18
  padding: var(--ids-comp-switch-group-container-size-padding-y-compact) var(--ids-comp-switch-group-container-size-padding-x-compact);