@inera/ids-design 9.1.0 → 9.2.1

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 (261) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion-shadow-lit.js +1 -1
  3. package/components/accordion/accordion-shadow.css +17 -5
  4. package/components/accordion/accordion.css +41 -15
  5. package/components/action-link/action-link-lit.js +1 -1
  6. package/components/action-link/action-link-shadow-lit.js +1 -1
  7. package/components/action-link/action-link-shadow.css +18 -6
  8. package/components/action-link/action-link.css +73 -13
  9. package/components/alert/alert-lit.js +1 -1
  10. package/components/alert/alert-shadow-lit.js +1 -1
  11. package/components/alert/alert-shadow.css +17 -5
  12. package/components/alert/alert.css +24 -5
  13. package/components/box-link/box-link-lit.js +1 -1
  14. package/components/box-link/box-link-shadow-lit.js +1 -1
  15. package/components/box-link/box-link-shadow.css +3 -1
  16. package/components/box-link/box-link.css +3 -1
  17. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  18. package/components/breadcrumbs/breadcrumbs-shadow-lit.js +1 -1
  19. package/components/breadcrumbs/breadcrumbs-shadow.css +3 -2
  20. package/components/breadcrumbs/breadcrumbs.css +5 -4
  21. package/components/card/card-lit.js +1 -1
  22. package/components/card/card-shadow-lit.js +1 -1
  23. package/components/card/card-shadow.css +2 -0
  24. package/components/card/card.css +27 -12
  25. package/components/carousel/carousel-lit.js +1 -1
  26. package/components/carousel/carousel.css +18 -5
  27. package/components/data-pagination/data-pagination-lit.js +1 -1
  28. package/components/data-pagination/data-pagination-shadow.css +4 -4
  29. package/components/data-pagination/data-pagination.css +5 -4
  30. package/components/data-table/data-table-lit.js +1 -1
  31. package/components/data-table/data-table.css +135 -18
  32. package/components/dialog/dialog-lit.js +1 -1
  33. package/components/dialog/dialog.css +2 -1
  34. package/components/dropdown/dropdown-lit.js +1 -1
  35. package/components/dropdown/dropdown.css +3 -3
  36. package/components/footer-1177/footer-1177-lit.js +1 -1
  37. package/components/footer-1177/footer-1177-shadow-lit.js +1 -1
  38. package/components/footer-1177/footer-1177-shadow.css +10 -5
  39. package/components/footer-1177/footer-1177.css +35 -12
  40. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  41. package/components/footer-1177-admin/footer-1177-admin-shadow-lit.js +1 -1
  42. package/components/footer-1177-admin/footer-1177-admin-shadow.css +27 -10
  43. package/components/footer-1177-admin/footer-1177-admin.css +35 -12
  44. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  45. package/components/footer-1177-pro/footer-1177-pro-shadow-lit.js +1 -1
  46. package/components/footer-1177-pro/footer-1177-pro-shadow.css +27 -10
  47. package/components/footer-1177-pro/footer-1177-pro.css +36 -13
  48. package/components/footer-inera/footer-inera-lit.js +1 -1
  49. package/components/footer-inera/footer-inera-shadow-lit.js +1 -1
  50. package/components/footer-inera/footer-inera-shadow.css +27 -10
  51. package/components/footer-inera/footer-inera.css +34 -12
  52. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  53. package/components/footer-inera-admin/footer-inera-admin-shadow-lit.js +1 -1
  54. package/components/footer-inera-admin/footer-inera-admin-shadow.css +27 -10
  55. package/components/footer-inera-admin/footer-inera-admin.css +34 -53
  56. package/components/footer-inera-general/footer-inera-general-lit.d.ts +2 -0
  57. package/components/footer-inera-general/footer-inera-general-lit.js +9 -0
  58. package/components/footer-inera-general/footer-inera-general-shadow-lit.d.ts +2 -0
  59. package/components/footer-inera-general/footer-inera-general-shadow-lit.js +9 -0
  60. package/components/footer-inera-general/footer-inera-general-shadow.css +115 -0
  61. package/components/footer-inera-general/footer-inera-general.css +329 -0
  62. package/components/form/darkmode-toggle/darkmode-toggle-lit.js +1 -1
  63. package/components/form/darkmode-toggle/darkmode-toggle.css +10 -1
  64. package/components/form/datepicker/datepicker-lit.js +1 -1
  65. package/components/form/datepicker/datepicker.css +49 -50
  66. package/components/form/error-message/error-message-lit.js +1 -1
  67. package/components/form/error-message/error-message.css +1 -0
  68. package/components/form/range/range-lit.js +1 -1
  69. package/components/form/range/range.css +20 -5
  70. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  71. package/components/form/select-multiple/select-multiple.css +3 -1
  72. package/components/global-alert/global-alert-lit.js +1 -1
  73. package/components/global-alert/global-alert.css +23 -19
  74. package/components/header-1177/composite-header-1177.css +46 -17
  75. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  76. package/components/header-1177/header-1177-avatar-shadow-lit.js +1 -1
  77. package/components/header-1177/header-1177-avatar-shadow.css +17 -5
  78. package/components/header-1177/header-1177-avatar.css +21 -7
  79. package/components/header-1177/header-1177-item-lit.js +1 -1
  80. package/components/header-1177/header-1177-item-shadow-lit.js +1 -1
  81. package/components/header-1177/header-1177-item-shadow.css +23 -8
  82. package/components/header-1177/header-1177-item.css +23 -8
  83. package/components/header-1177/header-1177-lit.js +1 -1
  84. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  85. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  86. package/components/header-1177/header-1177-nav-item-mobile-shadow-lit.js +1 -1
  87. package/components/header-1177/header-1177-nav-item-mobile-shadow.css +20 -7
  88. package/components/header-1177/header-1177-nav-item-mobile.css +20 -7
  89. package/components/header-1177/header-1177-nav-item-shadow-lit.js +1 -1
  90. package/components/header-1177/header-1177-nav-item-shadow.css +19 -5
  91. package/components/header-1177/header-1177-nav-item.css +21 -6
  92. package/components/header-1177/header-1177-region-picker-lit.js +1 -1
  93. package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
  94. package/components/header-1177/header-1177-region-picker-mobile.css +23 -7
  95. package/components/header-1177/header-1177-region-picker.css +21 -7
  96. package/components/header-1177/header-1177-shadow-lit.js +1 -1
  97. package/components/header-1177/header-1177-shadow.css +17 -5
  98. package/components/header-1177/header-1177.css +19 -5
  99. package/components/header-1177-admin/composite-header-1177-admin.css +75 -39
  100. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  101. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  102. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +8 -5
  103. package/components/header-1177-admin/header-1177-admin-avatar.css +33 -25
  104. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  105. package/components/header-1177-admin/header-1177-admin-item-shadow-lit.js +1 -1
  106. package/components/header-1177-admin/header-1177-admin-item-shadow.css +4 -2
  107. package/components/header-1177-admin/header-1177-admin-item.css +11 -4
  108. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  109. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
  110. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +1 -1
  111. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  112. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-lit.js +1 -1
  113. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow-lit.js +1 -1
  114. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow.css +3 -2
  115. package/components/header-1177-admin/header-1177-admin-nav-item-mobile.css +4 -3
  116. package/components/header-1177-admin/header-1177-admin-nav-item-shadow-lit.js +1 -1
  117. package/components/header-1177-admin/header-1177-admin-nav-item-shadow.css +2 -0
  118. package/components/header-1177-admin/header-1177-admin-nav-item.css +4 -1
  119. package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
  120. package/components/header-1177-admin/header-1177-admin-nav.css +10 -0
  121. package/components/header-1177-admin/header-1177-admin.css +4 -0
  122. package/components/header-1177-pro/composite-header-1177-pro.css +71 -24
  123. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  124. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  125. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +7 -4
  126. package/components/header-1177-pro/header-1177-pro-avatar.css +21 -7
  127. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  128. package/components/header-1177-pro/header-1177-pro-item-shadow-lit.js +1 -1
  129. package/components/header-1177-pro/header-1177-pro-item-shadow.css +4 -2
  130. package/components/header-1177-pro/header-1177-pro-item.css +4 -2
  131. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  132. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
  133. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +1 -1
  134. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  135. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-lit.js +1 -1
  136. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow-lit.js +1 -1
  137. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow.css +3 -2
  138. package/components/header-1177-pro/header-1177-pro-nav-item-mobile.css +4 -2
  139. package/components/header-1177-pro/header-1177-pro-nav-item-shadow-lit.js +1 -1
  140. package/components/header-1177-pro/header-1177-pro-nav-item-shadow.css +2 -0
  141. package/components/header-1177-pro/header-1177-pro-nav-item.css +4 -1
  142. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  143. package/components/header-1177-pro/header-1177-pro-nav.css +10 -0
  144. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  145. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +1 -1
  146. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +5 -2
  147. package/components/header-1177-pro/header-1177-pro-region-picker.css +5 -3
  148. package/components/header-1177-pro/header-1177-pro.css +10 -2
  149. package/components/header-inera/composite-header-inera.css +9 -5
  150. package/components/header-inera/header-inera-item-lit.js +1 -1
  151. package/components/header-inera/header-inera-item-shadow-lit.js +1 -1
  152. package/components/header-inera/header-inera-item-shadow.css +54 -1
  153. package/components/header-inera/header-inera-item.css +2 -1
  154. package/components/header-inera/header-inera-lit.js +1 -1
  155. package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
  156. package/components/header-inera/header-inera-menu-mobile.css +1 -1
  157. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  158. package/components/header-inera/header-inera-nav-item-shadow-lit.js +1 -1
  159. package/components/header-inera/header-inera-nav-item-shadow.css +2 -0
  160. package/components/header-inera/header-inera-nav-item.css +4 -1
  161. package/components/header-inera/header-inera-nav-lit.js +1 -1
  162. package/components/header-inera/header-inera-nav.css +0 -2
  163. package/components/header-inera/header-inera.css +2 -0
  164. package/components/header-inera-admin/composite-header-inera-admin.css +46 -19
  165. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  166. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  167. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +8 -5
  168. package/components/header-inera-admin/header-inera-admin-avatar.css +21 -7
  169. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  170. package/components/header-inera-admin/header-inera-admin-item-shadow-lit.js +1 -1
  171. package/components/header-inera-admin/header-inera-admin-item-shadow.css +2 -1
  172. package/components/header-inera-admin/header-inera-admin-item.css +2 -1
  173. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  174. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
  175. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +1 -1
  176. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  177. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-lit.js +1 -1
  178. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow-lit.js +1 -1
  179. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow.css +3 -2
  180. package/components/header-inera-admin/header-inera-admin-nav-item-mobile.css +4 -3
  181. package/components/header-inera-admin/header-inera-admin-nav-item-shadow-lit.js +1 -1
  182. package/components/header-inera-admin/header-inera-admin-nav-item-shadow.css +2 -0
  183. package/components/header-inera-admin/header-inera-admin-nav-item.css +4 -1
  184. package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
  185. package/components/header-inera-admin/header-inera-admin-nav.css +5 -1
  186. package/components/header-inera-admin/header-inera-admin.css +1 -0
  187. package/components/header-inera-general/composite-header-inera-general.css +584 -0
  188. package/components/header-inera-general/header-inera-general-item-lit.d.ts +2 -0
  189. package/components/header-inera-general/header-inera-general-item-lit.js +9 -0
  190. package/components/header-inera-general/header-inera-general-item-shadow-lit.d.ts +2 -0
  191. package/components/header-inera-general/header-inera-general-item-shadow-lit.js +9 -0
  192. package/components/header-inera-general/header-inera-general-item-shadow.css +140 -0
  193. package/components/header-inera-general/header-inera-general-item.css +168 -0
  194. package/components/header-inera-general/header-inera-general-lit.d.ts +2 -0
  195. package/components/header-inera-general/header-inera-general-lit.js +9 -0
  196. package/components/header-inera-general/header-inera-general-menu-mobile-lit.d.ts +2 -0
  197. package/components/header-inera-general/header-inera-general-menu-mobile-lit.js +9 -0
  198. package/components/header-inera-general/header-inera-general-menu-mobile.css +129 -0
  199. package/components/header-inera-general/header-inera-general-nav-item-lit.d.ts +2 -0
  200. package/components/header-inera-general/header-inera-general-nav-item-lit.js +9 -0
  201. package/components/header-inera-general/header-inera-general-nav-item-shadow-lit.d.ts +2 -0
  202. package/components/header-inera-general/header-inera-general-nav-item-shadow-lit.js +9 -0
  203. package/components/header-inera-general/header-inera-general-nav-item-shadow.css +45 -0
  204. package/components/header-inera-general/header-inera-general-nav-item.css +156 -0
  205. package/components/header-inera-general/header-inera-general-nav-lit.d.ts +2 -0
  206. package/components/header-inera-general/header-inera-general-nav-lit.js +9 -0
  207. package/components/header-inera-general/header-inera-general-nav.css +42 -0
  208. package/components/header-inera-general/header-inera-general-shadow-lit.d.ts +2 -0
  209. package/components/header-inera-general/header-inera-general-shadow-lit.js +9 -0
  210. package/components/header-inera-general/header-inera-general-shadow.css +30 -0
  211. package/components/header-inera-general/header-inera-general.css +133 -0
  212. package/components/header-patient/header-patient-lit.js +1 -1
  213. package/components/header-patient/header-patient.css +27 -15
  214. package/components/list-pagination/list-pagination-lit.js +1 -1
  215. package/components/list-pagination/list-pagination-shadow.css +2 -2
  216. package/components/list-pagination/list-pagination.css +5 -4
  217. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  218. package/components/mobile-menu/mobile-menu.css +13 -6
  219. package/components/navigation-content/navigation-content-lit.js +1 -1
  220. package/components/navigation-content/navigation-content.css +17 -5
  221. package/components/notification-badge/notification-badge-lit.js +1 -1
  222. package/components/notification-badge/notification-badge-shadow-lit.js +1 -1
  223. package/components/notification-badge/notification-badge-shadow.css +0 -3
  224. package/components/notification-badge/notification-badge.css +0 -3
  225. package/components/popover/popover-lit.js +1 -1
  226. package/components/popover/popover-shadow-lit.js +1 -1
  227. package/components/popover/popover-shadow.css +17 -5
  228. package/components/popover/popover.css +18 -6
  229. package/components/progressbar/progressbar-lit.js +1 -1
  230. package/components/progressbar/progressbar.css +17 -5
  231. package/components/puff-list/puff-list-lit.js +1 -1
  232. package/components/puff-list/puff-list-shadow-lit.js +1 -1
  233. package/components/puff-list/puff-list-shadow.css +17 -14
  234. package/components/puff-list/puff-list.css +27 -14
  235. package/components/side-menu/side-menu-lit.js +1 -1
  236. package/components/side-menu/side-menu.css +2 -1
  237. package/components/side-panel/side-panel-lit.js +1 -1
  238. package/components/side-panel/side-panel.css +1 -0
  239. package/components/stepper/stepper-lit.js +1 -1
  240. package/components/stepper/stepper-shadow-lit.js +1 -1
  241. package/components/stepper/stepper-shadow.css +17 -5
  242. package/components/stepper/stepper.css +24 -12
  243. package/components/table/table.css +91 -1
  244. package/components/tabs/tabs-lit.js +1 -1
  245. package/components/tag/tag-lit.js +1 -1
  246. package/components/tag/tag.css +60 -49
  247. package/components/toolbar/toolbar-lit.d.ts +2 -0
  248. package/components/toolbar/toolbar-lit.js +7 -0
  249. package/components/toolbar/toolbar.css +28 -0
  250. package/components/tooltip/tooltip-lit.js +1 -1
  251. package/components/tooltip/tooltip.css +52 -3
  252. package/global/global.css +204 -86
  253. package/package.json +1 -1
  254. package/styles.css +428 -165
  255. package/tokens/component-tokens.scss +3 -0
  256. package/tokens/themes/1177-admin-tokens.css +36 -42
  257. package/tokens/themes/1177-pro-tokens.css +36 -42
  258. package/tokens/themes/1177-tokens.css +36 -42
  259. package/tokens/themes/inera-admin-tokens.css +66 -72
  260. package/tokens/themes/inera-general-tokens.css +951 -0
  261. package/tokens/themes/inera-tokens.css +60 -66
package/components/form/darkmode-toggle/darkmode-toggle-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-darkmode-toggle{align-items:flex-start;display:inline-flex;gap:.5rem;justify-content:flex-start;row-gap:0;width:100%}.ids-darkmode-toggle label{color:var(--IDS-DARKMODE-TOGGLE-LABEL__COLOR);flex-shrink:100}.ids-darkmode-toggle .ids-label-wrapper{bottom:-.125rem}.ids-darkmode-toggle input,.ids-darkmode-toggle input[type=checkbox]{appearance:none;border-radius:6.25rem;cursor:pointer;flex-shrink:0;height:1.75rem;margin:0;position:relative;width:3.5rem}.ids-darkmode-toggle input:before,.ids-darkmode-toggle input[type=checkbox]:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--IDS-ICON-TOGGLE__BACKGROUND-COLOR);border:var(--IDS-ICON-TOGGLE__BORDER-THICKNESS) solid var(--IDS-ICON-TOGGLE__BORDER-COLOR);border-radius:6.25rem;color:var(--IDS-ICON-TOGGLE__COLOR);content:\"\\e6fd\";cursor:pointer;display:block;display:flex;font:icon;font-family:Inera-Design-Icons!important;height:1.75rem;justify-content:flex-end;padding-right:.4375rem;position:absolute;-webkit-transition:.4s;transition:.4s;width:3.5rem}input:focus-visible+.ids-darkmode-toggle input:before,input:focus-visible+.ids-darkmode-toggle input[type=checkbox]:before{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-darkmode-toggle input:after,.ids-darkmode-toggle input[type=checkbox]:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-ICON-TOGGLE__KNOB-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);color:var(--IDS-ICON-TOGGLE__KNOB-COLOR);content:\"\\e6fc\";display:block;display:inline-block;font:icon;font-family:Inera-Design-Icons!important;font-size:.75rem;height:1.25rem;left:.25rem;line-height:1.25rem;position:absolute;text-align:center;top:.25rem;-webkit-transition:.3s;transition:all .3s;width:1.25rem}.ids-darkmode-toggle input:hover:before,.ids-darkmode-toggle input[type=checkbox]:hover:before{background-color:var(--IDS-ICON-TOGGLE__HOVER-BACKGROUND-COLOR);border-color:var(--IDS-ICON-TOGGLE__HOVER-BORDER-COLOR)}.ids-darkmode-toggle input:active:before,.ids-darkmode-toggle input[type=checkbox]:active:before{background-color:var(--IDS-ICON-TOGGLE__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-ICON-TOGGLE__ACTIVE-BORDER-COLOR)}.ids-darkmode-toggle input:checked:before,.ids-darkmode-toggle input[type=checkbox]:checked:before{align-items:center;background-color:var(--IDS-ICON-TOGGLE--CHECKED__BACKGROUND-COLOR);border-color:var(--IDS-ICON-TOGGLE--CHECKED__BORDER-COLOR);color:var(--IDS-ICON-TOGGLE--CHECKED__COLOR);content:\"\\e6fc\";display:flex;justify-content:flex-start;padding-left:.4375rem}.ids-darkmode-toggle input:checked:after,.ids-darkmode-toggle input[type=checkbox]:checked:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-ICON-TOGGLE--CHECKED__KNOB-BACKGROUND-COLOR);color:var(--IDS-ICON-TOGGLE--CHECKED__KNOB-COLOR);content:\"\\e6fd\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;left:var(--IDS-ICON-TOGGLE--CHECKED__KNOB-LEFT);line-height:1.25rem;position:absolute;text-align:center;-webkit-transition:.3s;transition:all .3s}.ids-darkmode-toggle input:checked:hover:before,.ids-darkmode-toggle input[type=checkbox]:checked:hover:before{background-color:var(--IDS-ICON-TOGGLE--CHECKED__HOVER-BACKGROUND-COLOR);border-color:var(--IDS-ICON-TOGGLE--CHECKED__HOVER-BORDER-COLOR);color:var(--IDS-ICON-TOGGLE__HOVER-COLOR)}.ids-darkmode-toggle input:checked:active:before,.ids-darkmode-toggle input[type=checkbox]:checked:active:before{background-color:var(--IDS-ICON-TOGGLE--CHECKED__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-ICON-TOGGLE--CHECKED__ACTIVE-BORDER-COLOR)}.ids-darkmode-toggle input:disabled+label,.ids-darkmode-toggle input[type=checkbox]:disabled+label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default;font-style:italic}.ids-darkmode-toggle input:disabled:before,.ids-darkmode-toggle input[type=checkbox]:disabled:before{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-ICON-TOGGLE--DISABLED__COLOR);cursor:default}.ids-darkmode-toggle input:disabled:after,.ids-darkmode-toggle input[type=checkbox]:disabled:after{background-color:var(--IDS-ICON-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);color:var(--IDS-ICON-TOGGLE--DISABLED__KNOB-COLOR);cursor:default}.ids-darkmode-toggle input:disabled:checked:before,.ids-darkmode-toggle input[type=checkbox]:disabled:checked:before{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-ICON-TOGGLE--DISABLED__COLOR);cursor:default}.ids-darkmode-toggle input:disabled:checked:after,.ids-darkmode-toggle input[type=checkbox]:disabled:checked:after{background-color:var(--IDS-ICON-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);color:var(--IDS-ICON-TOGGLE--DISABLED__KNOB-COLOR);cursor:default}@media (max-width:18.75rem){.ids-darkmode-toggle{flex-wrap:wrap}}";
3
+ var css_248z = ".ids-darkmode-toggle{align-items:flex-start;display:inline-flex;gap:.5rem;justify-content:flex-start;row-gap:0;width:100%}.ids-darkmode-toggle label{color:var(--IDS-ICON-TOGGLE-LABEL__COLOR);flex-shrink:100}.ids-darkmode-toggle .ids-label-wrapper{bottom:-.125rem}.ids-darkmode-toggle input,.ids-darkmode-toggle input[type=checkbox]{appearance:none;border-radius:6.25rem;cursor:pointer;flex-shrink:0;height:1.75rem;margin:0;position:relative;width:3.5rem}.ids-darkmode-toggle input:before,.ids-darkmode-toggle input[type=checkbox]:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--IDS-ICON-TOGGLE__BACKGROUND-COLOR);border:var(--IDS-ICON-TOGGLE__BORDER-THICKNESS) solid var(--IDS-ICON-TOGGLE__BORDER-COLOR);border-radius:6.25rem;color:var(--IDS-ICON-TOGGLE__COLOR);content:\"\\e6fd\";cursor:pointer;display:block;display:flex;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1.75rem;justify-content:flex-end;padding-right:.4375rem;position:absolute;-webkit-transition:.4s;transition:.4s;width:3.5rem}input:focus-visible+.ids-darkmode-toggle input:before,input:focus-visible+.ids-darkmode-toggle input[type=checkbox]:before{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-color:var(--IDS-ICON-TOGGLE__OUTLINE-COLOR)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-darkmode-toggle input:after,.ids-darkmode-toggle input[type=checkbox]:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-ICON-TOGGLE__KNOB-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);color:var(--IDS-ICON-TOGGLE__KNOB-COLOR);content:\"\\e6fc\";display:block;display:inline-block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:.75rem;height:1.25rem;left:.25rem;line-height:1.25rem;position:absolute;text-align:center;top:.25rem;-webkit-transition:.3s;transition:all .3s;width:1.25rem}.ids-darkmode-toggle input:focus-visible,.ids-darkmode-toggle input[type=checkbox]:focus-visible{border-radius:6.25rem;outline-color:var(--IDS-ICON-TOGGLE__OUTLINE-COLOR)!important}.ids-darkmode-toggle input:hover:before,.ids-darkmode-toggle input[type=checkbox]:hover:before{background-color:var(--IDS-ICON-TOGGLE__HOVER-BACKGROUND-COLOR);border-color:var(--IDS-ICON-TOGGLE__HOVER-BORDER-COLOR)}.ids-darkmode-toggle input:active:before,.ids-darkmode-toggle input[type=checkbox]:active:before{background-color:var(--IDS-ICON-TOGGLE__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-ICON-TOGGLE__ACTIVE-BORDER-COLOR)}.ids-darkmode-toggle input:checked:before,.ids-darkmode-toggle input[type=checkbox]:checked:before{align-items:center;background-color:var(--IDS-ICON-TOGGLE--CHECKED__BACKGROUND-COLOR);border-color:var(--IDS-ICON-TOGGLE--CHECKED__BORDER-COLOR);color:var(--IDS-ICON-TOGGLE--CHECKED__COLOR);content:\"\\e6fc\";display:flex;justify-content:flex-start;padding-left:.4375rem}.ids-darkmode-toggle input:checked:after,.ids-darkmode-toggle input[type=checkbox]:checked:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-ICON-TOGGLE--CHECKED__KNOB-BACKGROUND-COLOR);color:var(--IDS-ICON-TOGGLE--CHECKED__KNOB-COLOR);content:\"\\e6fd\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:.875rem;left:var(--IDS-ICON-TOGGLE--CHECKED__KNOB-LEFT);line-height:1.25rem;position:absolute;text-align:center;-webkit-transition:.3s;transition:all .3s}.ids-darkmode-toggle input:checked:hover:before,.ids-darkmode-toggle input[type=checkbox]:checked:hover:before{background-color:var(--IDS-ICON-TOGGLE--CHECKED__HOVER-BACKGROUND-COLOR);border-color:var(--IDS-ICON-TOGGLE--CHECKED__HOVER-BORDER-COLOR);color:var(--IDS-ICON-TOGGLE__HOVER-COLOR)}.ids-darkmode-toggle input:checked:active:before,.ids-darkmode-toggle input[type=checkbox]:checked:active:before{background-color:var(--IDS-ICON-TOGGLE--CHECKED__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-ICON-TOGGLE--CHECKED__ACTIVE-BORDER-COLOR)}.ids-darkmode-toggle input:disabled+label,.ids-darkmode-toggle input[type=checkbox]:disabled+label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default;font-style:italic}.ids-darkmode-toggle input:disabled:before,.ids-darkmode-toggle input[type=checkbox]:disabled:before{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-ICON-TOGGLE--DISABLED__COLOR);cursor:default}.ids-darkmode-toggle input:disabled:after,.ids-darkmode-toggle input[type=checkbox]:disabled:after{background-color:var(--IDS-ICON-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);color:var(--IDS-ICON-TOGGLE--DISABLED__KNOB-COLOR);cursor:default}.ids-darkmode-toggle input:disabled:checked:before,.ids-darkmode-toggle input[type=checkbox]:disabled:checked:before{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-ICON-TOGGLE--DISABLED__COLOR);cursor:default}.ids-darkmode-toggle input:disabled:checked:after,.ids-darkmode-toggle input[type=checkbox]:disabled:checked:after{background-color:var(--IDS-ICON-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);color:var(--IDS-ICON-TOGGLE--DISABLED__KNOB-COLOR);cursor:default}@media (max-width:18.75rem){.ids-darkmode-toggle{flex-wrap:wrap}}";
4
4
 
5
5
  var darkmodeToggleLit = css`
6
6
  ${unsafeCSS(css_248z)}
package/components/form/darkmode-toggle/darkmode-toggle.css CHANGED
@@ -8,7 +8,7 @@
8
8
  }
9
9
  .ids-darkmode-toggle label {
10
10
  flex-shrink: 100;
11
- color: var(--IDS-DARKMODE-TOGGLE-LABEL__COLOR);
11
+ color: var(--IDS-ICON-TOGGLE-LABEL__COLOR);
12
12
  }
13
13
  .ids-darkmode-toggle .ids-label-wrapper {
14
14
  bottom: -0.125rem;
@@ -32,6 +32,7 @@
32
32
  position: absolute;
33
33
  -webkit-font-smoothing: antialiased;
34
34
  -moz-osx-font-smoothing: grayscale;
35
+ font-size: 1rem;
35
36
  content: "\e6fd";
36
37
  position: absolute;
37
38
  cursor: pointer;
@@ -52,6 +53,7 @@ input:focus-visible + .ids-darkmode-toggle input[type=checkbox]:before,
52
53
  input:focus-visible + .ids-darkmode-toggle input:before {
53
54
  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
54
55
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
56
+ outline-color: var(--IDS-ICON-TOGGLE__OUTLINE-COLOR) !important;
55
57
  }
56
58
  .ids-darkmode-toggle input[type=checkbox]:after,
57
59
  .ids-darkmode-toggle input:after {
@@ -61,6 +63,7 @@ input:focus-visible + .ids-darkmode-toggle input:before {
61
63
  position: absolute;
62
64
  -webkit-font-smoothing: antialiased;
63
65
  -moz-osx-font-smoothing: grayscale;
66
+ font-size: 1rem;
64
67
  content: "\e6fc";
65
68
  display: inline-block;
66
69
  font-size: 0.75rem;
@@ -76,6 +79,11 @@ input:focus-visible + .ids-darkmode-toggle input:before {
76
79
  -webkit-transition: 0.3s;
77
80
  transition: all 0.3s;
78
81
  }
82
+ .ids-darkmode-toggle input[type=checkbox]:focus-visible,
83
+ .ids-darkmode-toggle input:focus-visible {
84
+ outline-color: var(--IDS-ICON-TOGGLE__OUTLINE-COLOR) !important;
85
+ border-radius: 6.25rem;
86
+ }
79
87
  .ids-darkmode-toggle input[type=checkbox]:hover:before,
80
88
  .ids-darkmode-toggle input:hover:before {
81
89
  background-color: var(--IDS-ICON-TOGGLE__HOVER-BACKGROUND-COLOR);
@@ -105,6 +113,7 @@ input:focus-visible + .ids-darkmode-toggle input:before {
105
113
  position: absolute;
106
114
  -webkit-font-smoothing: antialiased;
107
115
  -moz-osx-font-smoothing: grayscale;
116
+ font-size: 1rem;
108
117
  content: "\e6fd";
109
118
  font-size: 0.875rem;
110
119
  line-height: 1.25rem;
package/components/form/datepicker/datepicker-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-datepicker .ids-datepicker__input-wrapper{position:relative}.ids-datepicker .ids-datepicker__input{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-datepicker .ids-datepicker__input::placeholder{color:var(--IDS-FORM__COLOR)}.ids-datepicker .ids-datepicker__input:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:focus-visible,.ids-datepicker .ids-datepicker__input:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:disabled,.ids-datepicker .ids-datepicker__input[readonly],.ids-datepicker .ids-datepicker__input[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input:disabled::placeholder,.ids-datepicker .ids-datepicker__input[readonly]::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--invalid,.ids-datepicker .ids-datepicker__input[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly],.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light.ids-input--invalid,.ids-datepicker .ids-datepicker__input.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-datepicker .ids-datepicker__input{height:var(--IDS-INPUT__HEIGHT);padding-right:4.25rem;width:100%!important}.ids-datepicker.ids-datepicker--invalid .ids-datepicker__input{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__trigger{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE)}.ids-datepicker .ids-datepicker__trigger:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR)}.ids-datepicker .ids-datepicker__trigger:hover,.ids-datepicker .ids-datepicker__trigger:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active,.ids-datepicker .ids-datepicker__trigger:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active:before,.ids-datepicker .ids-datepicker__trigger:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:disabled,.ids-datepicker .ids-datepicker__trigger[aria-disabled=true],.ids-datepicker .ids-datepicker__trigger[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .ids-datepicker__trigger:disabled:before,.ids-datepicker .ids-datepicker__trigger[aria-disabled=true]:before,.ids-datepicker .ids-datepicker__trigger[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .ids-datepicker__trigger{background-color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR);border-bottom-right-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);border-top-right-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);cursor:pointer;height:var(--IDS-INPUT__HEIGHT);position:absolute;right:0;top:0;width:3.25rem}.ids-datepicker .ids-datepicker__trigger:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-COLOR);content:\"\\e944\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .ids-datepicker__trigger:disabled{border:.125rem solid var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR)}.ids-datepicker .ids-datepicker__trigger:disabled:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)}.ids-datepicker .ids-datepicker__dialog{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);border-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);display:none;margin-top:.25rem;padding:1rem;position:absolute;right:0;top:var(--IDS-INPUT__HEIGHT);z-index:200}.ids-datepicker .ids-datepicker__dialog.ids-datepicker__dialog--show{display:block}.ids-datepicker .ids-datepicker__dialog-bar{align-items:center;border-bottom:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.75rem}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT)}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus,.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus-visible{outline:none}.ids-datepicker .ids-datepicker__dialog-close-button{align-items:center;background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border-color:transparent;border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;position:absolute;right:.5rem;top:.5rem;width:2.5rem;width:2.25rem}.ids-datepicker .ids-datepicker__dialog-close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e934\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root{cursor:pointer;position:relative}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root:first-of-type{margin-right:.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown{background-color:var(--IDS-DATEPICKER__SELECT-BACKGROUND-COLOR);border-color:transparent;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);cursor:pointer;padding:.125rem .25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:active{border-color:transparent}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:disabled{pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__month-select{width:7.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__year-select{width:4.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);left:.25rem;pointer-events:none;position:absolute;right:.25rem;text-transform:capitalize;top:.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label svg{display:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-dropdown_root{cursor:default}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label:before{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{align-items:center;border:.0625rem solid transparent;border-radius:var(--IDS-BORDER-RADIUS-100);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;padding:0;position:relative;width:2.5rem;width:2.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-month_grid{margin-top:.75rem}.ids-datepicker .ids-datepicker__week-number-header,.ids-datepicker .rdp-week_number{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:400;padding-right:.25rem}.ids-datepicker .rdp-weekday{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);text-transform:uppercase}.ids-datepicker .rdp-day .rdp-day_button{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-day .rdp-day_button:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day .rdp-day_button:hover,.ids-datepicker .rdp-day .rdp-day_button:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active,.ids-datepicker .rdp-day .rdp-day_button:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active:before,.ids-datepicker .rdp-day .rdp-day_button:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:disabled,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true],.ids-datepicker .rdp-day .rdp-day_button[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-day .rdp-day_button:disabled:before,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true]:before,.ids-datepicker .rdp-day .rdp-day_button[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button{align-items:center;border-radius:var(--IDS-BORDER-RADIUS-100);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;justify-self:center;line-height:1.5rem;width:2.5rem}.ids-datepicker .rdp-day.rdp-today .rdp-day_button{border:.125rem solid var(--IDS-DATEPICKER__BUTTON-TODAY-BORDER-COLOR)}.ids-datepicker .rdp-day.rdp-today .rdp-day_button:hover{border-color:var(--IDS-DATEPICKER__BUTTON-TODAY-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day:focus-visible,.ids-datepicker .rdp-day[aria-focused=true]{border-radius:var(--IDS-BORDER-RADIUS-100);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button{background-color:var(--IDS-DATEPICKER__BUTTON-SELECTED-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-SELECTED-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-SELECTED-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button:disabled{border-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR)!important}@media (max-width:639px){.ids-datepicker .ids-datepicker__overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-datepicker .ids-datepicker__dialog{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;min-height:21rem!important;padding-left:1rem!important;padding-right:1rem!important;position:fixed;right:0;top:auto;z-index:210}.ids-datepicker .rdp-month_grid{table-layout:fixed;width:100%}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-datepicker .ids-datepicker__input-wrapper{position:relative}.ids-datepicker .ids-datepicker__input{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM)!important;box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-datepicker .ids-datepicker__input::placeholder{color:var(--IDS-FORM__COLOR)}.ids-datepicker .ids-datepicker__input:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:focus-visible,.ids-datepicker .ids-datepicker__input:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input:disabled,.ids-datepicker .ids-datepicker__input[readonly],.ids-datepicker .ids-datepicker__input[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input:disabled::placeholder,.ids-datepicker .ids-datepicker__input[readonly]::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--invalid,.ids-datepicker .ids-datepicker__input[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly],.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-datepicker .ids-datepicker__input.ids-input--light:disabled::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible::placeholder,.ids-datepicker .ids-datepicker__input.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-datepicker .ids-datepicker__input.ids-input--light.ids-input--invalid,.ids-datepicker .ids-datepicker__input.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker .ids-datepicker__input:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-datepicker .ids-datepicker__input{height:var(--IDS-INPUT__HEIGHT);padding-right:4.25rem;width:100%!important}.ids-datepicker.ids-datepicker--invalid .ids-datepicker__input{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-datepicker.ids-datepicker--invalid .ids-datepicker__trigger:before{color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-INVALID-COLOR)}.ids-datepicker .ids-datepicker__trigger{background-color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR);border:0;border-radius:100%;cursor:pointer;height:calc(var(--IDS-INPUT__HEIGHT) - .5rem);position:absolute;right:.75rem;top:.25rem;width:calc(var(--IDS-INPUT__HEIGHT) - .5rem)}.ids-datepicker .ids-datepicker__trigger:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__TRIGGER-BUTTON-COLOR);content:\"\\e944\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .ids-datepicker__trigger:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR)}.ids-datepicker .ids-datepicker__trigger:hover,.ids-datepicker .ids-datepicker__trigger:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active,.ids-datepicker .ids-datepicker__trigger:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:active:before,.ids-datepicker .ids-datepicker__trigger:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .ids-datepicker__trigger:disabled:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)}.ids-datepicker .ids-datepicker__trigger:focus-visible{border-radius:100%;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}.ids-datepicker .ids-datepicker__dialog{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);border-radius:var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);display:none;margin-top:.25rem;padding:1rem;position:absolute;right:0;top:var(--IDS-INPUT__HEIGHT);z-index:200}.ids-datepicker .ids-datepicker__dialog.ids-datepicker__dialog--show{display:block}.ids-datepicker .ids-datepicker__dialog-bar{align-items:center;border-bottom:.0625rem solid var(--IDS-DATEPICKER-CALENDAR__BORDER-COLOR);display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.75rem}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT)}.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus,.ids-datepicker .ids-datepicker__dialog-bar .ids-datepicker__dialog-header:focus-visible{outline:none}.ids-datepicker .ids-datepicker__dialog-close-button{align-items:center;background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);border-color:transparent;border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;position:absolute;right:.5rem;top:.5rem;width:2.5rem;width:2.25rem}.ids-datepicker .ids-datepicker__dialog-close-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e934\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root{cursor:pointer;position:relative}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-dropdown_root:first-of-type{margin-right:.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown{background-color:var(--IDS-DATEPICKER__SELECT-BACKGROUND-COLOR);border-color:transparent;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);cursor:pointer;padding:.125rem .25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:active{border-color:transparent}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns select.rdp-dropdown:disabled{pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__month-select{width:7.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .ids-datepicker__year-select{width:4.5rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label{background-color:var(--IDS-DATEPICKER-CALENDAR__BACKGROUND-COLOR);color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);left:.25rem;pointer-events:none;position:absolute;right:.25rem;text-transform:capitalize;top:.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns .rdp-caption_label svg{display:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-dropdown_root{cursor:default}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-dropdowns:has(select:disabled) .rdp-caption_label:before{color:var(--IDS-DATEPICKER__SELECT-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:active:hover:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true],.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next[disabled]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:disabled:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[aria-disabled=true]:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev{align-items:center;border:.0625rem solid transparent;border-radius:var(--IDS-BORDER-RADIUS-100);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;height:2.25rem;justify-content:center;line-height:1.5rem;padding:0;position:relative;width:2.5rem;width:2.25rem}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before,.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-dropdowns .ids-datepicker__nav-buttons .ids-datepicker__nav-next:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ids-datepicker .rdp-month_grid{margin-top:.75rem}.ids-datepicker .ids-datepicker__week-number-header,.ids-datepicker .rdp-week_number{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:400;padding-right:.25rem}.ids-datepicker .rdp-weekday{color:var(--IDS-DATEPICKER__MONTH-BUTTON-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:var(--IDS-DATEPICKER__MONTH-BUTTON-FONT-WEIGHT);text-transform:uppercase}.ids-datepicker .rdp-day .rdp-day_button{background-color:var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);border:.125rem solid transparent;color:var(--IDS-DATEPICKER__BUTTON-COLOR);cursor:pointer}.ids-datepicker .rdp-day .rdp-day_button:hover{background-color:var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day .rdp-day_button:hover,.ids-datepicker .rdp-day .rdp-day_button:hover:before{color:var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active,.ids-datepicker .rdp-day .rdp-day_button:active:hover{background-color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:active:before,.ids-datepicker .rdp-day .rdp-day_button:active:hover:before{color:var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button:disabled,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true],.ids-datepicker .rdp-day .rdp-day_button[disabled]{background-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR)!important;border-color:transparent;color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important;font-weight:400;pointer-events:none}.ids-datepicker .rdp-day .rdp-day_button:disabled:before,.ids-datepicker .rdp-day .rdp-day_button[aria-disabled=true]:before,.ids-datepicker .rdp-day .rdp-day_button[disabled]:before{color:var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR)!important}.ids-datepicker .rdp-day .rdp-day_button{align-items:center;border-radius:var(--IDS-BORDER-RADIUS-100);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;justify-self:center;line-height:1.5rem;width:2.5rem}.ids-datepicker .rdp-day.rdp-today .rdp-day_button{border:.125rem solid var(--IDS-DATEPICKER__BUTTON-TODAY-BORDER-COLOR)}.ids-datepicker .rdp-day.rdp-today .rdp-day_button:hover{border-color:var(--IDS-DATEPICKER__BUTTON-TODAY-HOVER-BORDER-COLOR)}.ids-datepicker .rdp-day:focus-visible,.ids-datepicker .rdp-day[aria-focused=true]{border-radius:var(--IDS-BORDER-RADIUS-100);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button{background-color:var(--IDS-DATEPICKER__BUTTON-SELECTED-BACKGROUND-COLOR);border:.125rem solid var(--IDS-DATEPICKER__BUTTON-SELECTED-BORDER-COLOR);color:var(--IDS-DATEPICKER__BUTTON-SELECTED-COLOR)}.ids-datepicker .rdp-day[aria-selected=true] .rdp-day_button:disabled{border-color:var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR)!important}@media (max-width:639px){.ids-datepicker .ids-datepicker__overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-datepicker .ids-datepicker__dialog{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;min-height:21rem!important;padding-left:1rem!important;padding-right:1rem!important;position:fixed;right:0;top:auto;z-index:210}.ids-datepicker .rdp-month_grid{table-layout:fixed;width:100%}}";
4
4
 
5
5
  var datepickerLit = css`
6
6
  ${unsafeCSS(css_248z)}
package/components/form/datepicker/datepicker.css CHANGED
@@ -10,7 +10,8 @@
10
10
  }
11
11
  }
12
12
 
13
- .ids--light, .ids--dark {
13
+ .ids--light,
14
+ .ids--dark {
14
15
  --IDS-FONT-FAMILY-BASE: "Open Sans";
15
16
  --IDS-FONT-FAMILY-HEADING: "Inter";
16
17
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
28
29
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
29
30
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
30
31
  }
31
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
32
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
33
+ .ids--dark.ids--1177-pro,
34
+ .ids--dark.ids--1177-admin {
32
35
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
33
36
  }
34
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
37
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
38
+ .ids--dark.ids--inera,
39
+ .ids--dark.ids--inera-general,
40
+ .ids--dark.ids--inera-admin {
35
41
  --IDS-FONT-FAMILY-BASE: "Open Sans";
36
42
  --IDS-FONT-FAMILY-HEADING: "Poppins";
37
43
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
43
49
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
44
50
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
45
51
  }
46
- .ids--light.ids--dark, .ids--dark.ids--dark {
52
+ .ids--light.ids--dark,
53
+ .ids--dark.ids--dark {
47
54
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
48
55
  }
49
- .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
56
+ .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
57
+ .ids--dark.ids--dark.ids--1177-pro,
58
+ .ids--dark.ids--dark.ids--1177-admin,
59
+ .ids--dark.ids--dark.ids--inera,
60
+ .ids--dark.ids--dark.ids--inera-general,
61
+ .ids--dark.ids--dark.ids--inera-admin {
50
62
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
51
63
  }
52
64
 
@@ -58,7 +70,7 @@
58
70
  padding: var(--IDS-INPUT__PADDING);
59
71
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
60
72
  border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
61
- border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
73
+ border-radius: var(--IDS-BORDER-RADIUS-MEDIUM) !important;
62
74
  font-size: 1rem;
63
75
  color: var(--IDS-FORM__COLOR);
64
76
  display: block;
@@ -138,49 +150,19 @@
138
150
  border: var(--IDS-FORM--INVALID__BORDER);
139
151
  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
140
152
  }
141
- .ids-datepicker .ids-datepicker__trigger {
142
- cursor: pointer;
143
- border: 0.125rem solid transparent;
144
- background-color: var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);
145
- color: var(--IDS-DATEPICKER__BUTTON-COLOR);
146
- font-family: var(--IDS-FONT-FAMILY-BASE);
147
- }
148
- .ids-datepicker .ids-datepicker__trigger:hover {
149
- color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
150
- background-color: var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);
151
- border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);
152
- }
153
- .ids-datepicker .ids-datepicker__trigger:hover:before {
154
- color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
155
- }
156
- .ids-datepicker .ids-datepicker__trigger:active, .ids-datepicker .ids-datepicker__trigger:active:hover {
157
- color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
158
- background-color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);
159
- border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);
160
- }
161
- .ids-datepicker .ids-datepicker__trigger:active:before, .ids-datepicker .ids-datepicker__trigger:active:hover:before {
162
- color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
163
- }
164
- .ids-datepicker .ids-datepicker__trigger:disabled, .ids-datepicker .ids-datepicker__trigger[disabled], .ids-datepicker .ids-datepicker__trigger[aria-disabled=true] {
165
- color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR) !important;
166
- background-color: var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR) !important;
167
- border-color: transparent;
168
- pointer-events: none;
169
- font-weight: normal;
170
- }
171
- .ids-datepicker .ids-datepicker__trigger:disabled:before, .ids-datepicker .ids-datepicker__trigger[disabled]:before, .ids-datepicker .ids-datepicker__trigger[aria-disabled=true]:before {
172
- color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR) !important;
153
+ .ids-datepicker.ids-datepicker--invalid .ids-datepicker__trigger:before {
154
+ color: var(--IDS-DATEPICKER__TRIGGER-BUTTON-INVALID-COLOR);
173
155
  }
174
156
  .ids-datepicker .ids-datepicker__trigger {
175
157
  cursor: pointer;
176
158
  position: absolute;
177
- right: 0;
178
- top: 0;
179
- height: var(--IDS-INPUT__HEIGHT);
180
- width: 3.25rem;
159
+ right: 0.75rem;
160
+ top: 0.25rem;
161
+ height: calc(var(--IDS-INPUT__HEIGHT) - 0.5rem);
162
+ width: calc(var(--IDS-INPUT__HEIGHT) - 0.5rem);
181
163
  background-color: var(--IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR);
182
- border-top-right-radius: var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);
183
- border-bottom-right-radius: var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);
164
+ border: 0;
165
+ border-radius: 100%;
184
166
  }
185
167
  .ids-datepicker .ids-datepicker__trigger:before {
186
168
  font: icon;
@@ -189,6 +171,7 @@
189
171
  position: absolute;
190
172
  -webkit-font-smoothing: antialiased;
191
173
  -moz-osx-font-smoothing: grayscale;
174
+ font-size: 1rem;
192
175
  content: "\e944";
193
176
  font-size: 1.25rem;
194
177
  color: var(--IDS-DATEPICKER__TRIGGER-BUTTON-COLOR);
@@ -196,12 +179,28 @@
196
179
  left: 50%;
197
180
  transform: translate(-50%, -50%);
198
181
  }
199
- .ids-datepicker .ids-datepicker__trigger:disabled {
200
- border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR);
182
+ .ids-datepicker .ids-datepicker__trigger:hover {
183
+ color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
184
+ background-color: var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);
185
+ }
186
+ .ids-datepicker .ids-datepicker__trigger:hover:before {
187
+ color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
188
+ }
189
+ .ids-datepicker .ids-datepicker__trigger:active, .ids-datepicker .ids-datepicker__trigger:active:hover {
190
+ color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
191
+ background-color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);
192
+ }
193
+ .ids-datepicker .ids-datepicker__trigger:active:before, .ids-datepicker .ids-datepicker__trigger:active:hover:before {
194
+ color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
201
195
  }
202
196
  .ids-datepicker .ids-datepicker__trigger:disabled:before {
203
197
  color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR);
204
198
  }
199
+ .ids-datepicker .ids-datepicker__trigger:focus-visible {
200
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
201
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
202
+ border-radius: 100%;
203
+ }
205
204
  .ids-datepicker .ids-datepicker__dialog {
206
205
  position: absolute;
207
206
  z-index: 200;
@@ -262,8 +261,8 @@
262
261
  position: absolute;
263
262
  -webkit-font-smoothing: antialiased;
264
263
  -moz-osx-font-smoothing: grayscale;
265
- content: "\e934";
266
264
  font-size: 1rem;
265
+ content: "\e934";
267
266
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
268
267
  left: 50%;
269
268
  top: 50%;
@@ -328,8 +327,8 @@
328
327
  position: absolute;
329
328
  -webkit-font-smoothing: antialiased;
330
329
  -moz-osx-font-smoothing: grayscale;
331
- content: "\e936";
332
330
  font-size: 1rem;
331
+ content: "\e936";
333
332
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
334
333
  right: 0.125rem;
335
334
  top: 50%;
@@ -426,8 +425,8 @@
426
425
  position: absolute;
427
426
  -webkit-font-smoothing: antialiased;
428
427
  -moz-osx-font-smoothing: grayscale;
429
- content: "\e937";
430
428
  font-size: 1rem;
429
+ content: "\e937";
431
430
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
432
431
  left: 50%;
433
432
  top: 50%;
@@ -440,8 +439,8 @@
440
439
  position: absolute;
441
440
  -webkit-font-smoothing: antialiased;
442
441
  -moz-osx-font-smoothing: grayscale;
443
- content: "\e938";
444
442
  font-size: 1rem;
443
+ content: "\e938";
445
444
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
446
445
  left: 50%;
447
446
  top: 50%;
package/components/form/error-message/error-message-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-error-message{align-items:center;background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);border:var(--IDS-ERROR-MESSAGE__BORDER-THICKNESS) solid var(--IDS-ERROR-MESSAGE__BORDER-COLOR);border-radius:var(--IDS-ERROR-MESSAGE__BORDER-RADIUS);color:var(--IDS-ERROR-MESSAGE__COLOR);display:none;gap:.5rem;margin-bottom:.25rem;margin-top:.75rem;padding:var(--IDS-ERROR-MESSAGE__PADDING);position:relative}.ids-error-message.ids-error-message--show{display:inline-flex;width:fit-content}.ids-error-message:after,.ids-error-message:before{content:\"\";display:block;height:.75rem;left:2.563rem;position:absolute;transform:rotate(45deg);width:.75rem;z-index:9}.ids-error-message:after{background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);top:-.3rem}.ids-error-message:before{background-color:var(--IDS-ERROR-MESSAGE__BORDER-COLOR);top:var(--IDS-ERROR-MESSAGE__BEFORE-TOP)}.ids-error-message .ids-error-message__text{font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;line-height:1.5rem;min-height:1.5rem;padding-left:1.75rem;position:relative}.ids-error-message .ids-error-message__text:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ERROR-MESSAGE__ICON-COLOR);content:\"\\e913\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;line-height:1.5rem;position:absolute;top:0}";
3
+ var css_248z = ".ids-error-message{align-items:center;background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);border:var(--IDS-ERROR-MESSAGE__BORDER-THICKNESS) solid var(--IDS-ERROR-MESSAGE__BORDER-COLOR);border-radius:var(--IDS-ERROR-MESSAGE__BORDER-RADIUS);color:var(--IDS-ERROR-MESSAGE__COLOR);display:none;gap:.5rem;margin-bottom:.25rem;margin-top:.75rem;padding:var(--IDS-ERROR-MESSAGE__PADDING);position:relative}.ids-error-message.ids-error-message--show{display:inline-flex;width:fit-content}.ids-error-message:after,.ids-error-message:before{content:\"\";display:block;height:.75rem;left:2.563rem;position:absolute;transform:rotate(45deg);width:.75rem;z-index:9}.ids-error-message:after{background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);top:-.3rem}.ids-error-message:before{background-color:var(--IDS-ERROR-MESSAGE__BORDER-COLOR);top:var(--IDS-ERROR-MESSAGE__BEFORE-TOP)}.ids-error-message .ids-error-message__text{font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;line-height:1.5rem;min-height:1.5rem;padding-left:1.75rem;position:relative}.ids-error-message .ids-error-message__text:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ERROR-MESSAGE__ICON-COLOR);content:\"\\e913\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;left:0;line-height:1.5rem;position:absolute;top:0}";
4
4
 
5
5
  var errorMessageLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/error-message/error-message.css CHANGED
@@ -48,6 +48,7 @@
48
48
  position: absolute;
49
49
  -webkit-font-smoothing: antialiased;
50
50
  -moz-osx-font-smoothing: grayscale;
51
+ font-size: 1rem;
51
52
  content: "\e913";
52
53
  font-size: 1.25rem;
53
54
  line-height: 1.5rem;
package/components/form/range/range-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-range .ids-range-ticks{display:flex;justify-content:space-between;margin-left:.75rem;margin-right:.75rem;margin-top:1.75rem;max-width:100%}.ids-range .ids-range-ticks .ids-range-tick{color:var(--ids-color-surface-text-on-default);display:flex;font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);justify-content:center;letter-spacing:0;line-height:var(--ids-font-line-height-body-text);position:relative;text-align:center;width:0}.ids-range .ids-range-ticks .ids-range-tick:before{background-color:var(--IDS-RANGE__TICK-LINE-COLOR);content:\"\";display:block;height:.625rem;margin:auto;position:absolute;top:-1rem;width:.063rem}.ids-range .ids-range-ticks .ids-range-tick .ids-range-tick__label{display:block;position:relative}.ids-range .ids-range-ticks.ids-range-ticks--disabled .ids-range-tick{color:var(--IDS-FORM--DISABLED__COLOR);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-style:italic;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text)}.ids-range .ids-range-ticks.ids-range-ticks--disabled .ids-range-tick:before{background-color:var(--IDS-FORM--DISABLED__COLOR)}.ids-range:has(input:disabled) label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-range__input,input[type=range]{-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;background-color:transparent;background-image:linear-gradient(var(--IDS-RANGE__SELECTION-BACKGROUND-COLOR),var(--IDS-RANGE__SELECTION-BACKGROUND-COLOR));background-repeat:no-repeat;background-size:98% 100%;border:var(--IDS-RANGE__BORDER-THICKNESS) solid var(--IDS-RANGE__BORDER-COLOR);border-radius:1rem;box-sizing:border-box;cursor:pointer;display:block;height:.5rem;margin:.75rem 0;padding:0;touch-action:pan-x;width:100%}.ids-range__input::-webkit-slider-thumb,input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;height:1.5rem;outline:.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);position:relative;width:1.5rem;z-index:1}.ids-range__input::-webkit-slider-thumb:hover,input[type=range]::-webkit-slider-thumb:hover{background-color:var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR)}.ids-range__input::-webkit-slider-thumb:active,input[type=range]::-webkit-slider-thumb:active{background-color:var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR)}.ids-range__input::-moz-range-thumb,input[type=range]::-moz-range-thumb{-moz-appearance:none;background-color:var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;height:1.5rem;outline:.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);position:relative;width:1.5rem;z-index:1}.ids-range__input::-moz-range-thumb:hover,input[type=range]::-moz-range-thumb:hover{background-color:var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR)}.ids-range__input::-moz-range-thumb:active,input[type=range]::-moz-range-thumb:active{background-color:var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR)}.ids-range__input::-ms-thumb,input[type=range]::-ms-thumb{background-color:var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;height:1.5rem;outline:.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);position:relative;width:1.5rem;z-index:1}.ids-range__input::-ms-thumb:hover,input[type=range]::-ms-thumb:hover{background-color:var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR)}.ids-range__input::-ms-thumb:active,input[type=range]::-ms-thumb:active{background-color:var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR)}.ids-range__input:disabled,input[type=range]:disabled{background-color:transparent;background-image:linear-gradient(var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR),var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR));border:.0625rem solid var(--IDS-RANGE--DISABLED__BORDER-COLOR);cursor:default}.ids-range__input:disabled::-moz-range-thumb,input[type=range]:disabled::-moz-range-thumb{background-color:var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);cursor:default}.ids-range__input:disabled::-webkit-slider-thumb,input[type=range]:disabled::-webkit-slider-thumb{background-color:var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);cursor:default}.ids-range__input:disabled::-ms-thumb,input[type=range]:disabled::-ms-thumb{background-color:var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);cursor:default}";
3
+ var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-range .ids-range-ticks{display:flex;justify-content:space-between;margin-left:.75rem;margin-right:.75rem;margin-top:1.75rem;max-width:100%}.ids-range .ids-range-ticks .ids-range-tick{color:var(--ids-color-surface-text-on-default);display:flex;font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);justify-content:center;letter-spacing:0;line-height:var(--ids-font-line-height-body-text);position:relative;text-align:center;width:0}.ids-range .ids-range-ticks .ids-range-tick:before{background-color:var(--IDS-RANGE__TICK-LINE-COLOR);content:\"\";display:block;height:.625rem;margin:auto;position:absolute;top:-1rem;width:.063rem}.ids-range .ids-range-ticks .ids-range-tick .ids-range-tick__label{display:block;position:relative}.ids-range .ids-range-ticks.ids-range-ticks--disabled .ids-range-tick{color:var(--IDS-FORM--DISABLED__COLOR);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-style:italic;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text)}.ids-range .ids-range-ticks.ids-range-ticks--disabled .ids-range-tick:before{background-color:var(--IDS-FORM--DISABLED__COLOR)}.ids-range:has(input:disabled) label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-range__input,input[type=range]{-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;background-color:transparent;background-image:linear-gradient(var(--IDS-RANGE__SELECTION-BACKGROUND-COLOR),var(--IDS-RANGE__SELECTION-BACKGROUND-COLOR));background-repeat:no-repeat;background-size:98% 100%;border:var(--IDS-RANGE__BORDER-THICKNESS) solid var(--IDS-RANGE__BORDER-COLOR);border-radius:1rem;box-sizing:border-box;cursor:pointer;display:block;height:.5rem;margin:.75rem 0;padding:0;touch-action:pan-x;width:100%}.ids-range__input::-webkit-slider-thumb,input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);border:0;border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;height:1.5rem;outline:.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);position:relative;width:1.5rem;z-index:1}.ids-range__input::-webkit-slider-thumb:hover,input[type=range]::-webkit-slider-thumb:hover{background-color:var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR)}.ids-range__input::-webkit-slider-thumb:active,input[type=range]::-webkit-slider-thumb:active{background-color:var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR)}.ids-range__input::-moz-range-thumb,input[type=range]::-moz-range-thumb{-moz-appearance:none;background-color:var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);border:0;border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;height:1.5rem;outline:.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);position:relative;width:1.5rem;z-index:1}.ids-range__input::-moz-range-thumb:hover,input[type=range]::-moz-range-thumb:hover{background-color:var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR)}.ids-range__input::-moz-range-thumb:active,input[type=range]::-moz-range-thumb:active{background-color:var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR)}.ids-range__input::-ms-thumb,input[type=range]::-ms-thumb{background-color:var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);border:0;border-radius:var(--IDS-BORDER-RADIUS-100);cursor:pointer;height:1.5rem;outline:.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);position:relative;width:1.5rem;z-index:1}.ids-range__input::-ms-thumb:hover,input[type=range]::-ms-thumb:hover{background-color:var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR)}.ids-range__input::-ms-thumb:active,input[type=range]::-ms-thumb:active{background-color:var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR)}.ids-range__input:disabled,input[type=range]:disabled{background-color:transparent;background-image:linear-gradient(var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR),var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR));border:.0625rem solid var(--IDS-RANGE--DISABLED__BORDER-COLOR);cursor:default}.ids-range__input:disabled::-moz-range-thumb,input[type=range]:disabled::-moz-range-thumb{background-color:var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);cursor:default}.ids-range__input:disabled::-webkit-slider-thumb,input[type=range]:disabled::-webkit-slider-thumb{background-color:var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);cursor:default}.ids-range__input:disabled::-ms-thumb,input[type=range]:disabled::-ms-thumb{background-color:var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);cursor:default}";
4
4
 
5
5
  var rangeLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/range/range.css CHANGED
@@ -1,4 +1,5 @@
1
- .ids--light, .ids--dark {
1
+ .ids--light,
2
+ .ids--dark {
2
3
  --IDS-FONT-FAMILY-BASE: "Open Sans";
3
4
  --IDS-FONT-FAMILY-HEADING: "Inter";
4
5
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -16,10 +17,15 @@
16
17
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
17
18
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
18
19
  }
19
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
20
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
21
+ .ids--dark.ids--1177-pro,
22
+ .ids--dark.ids--1177-admin {
20
23
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
21
24
  }
22
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
25
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
26
+ .ids--dark.ids--inera,
27
+ .ids--dark.ids--inera-general,
28
+ .ids--dark.ids--inera-admin {
23
29
  --IDS-FONT-FAMILY-BASE: "Open Sans";
24
30
  --IDS-FONT-FAMILY-HEADING: "Poppins";
25
31
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -31,10 +37,16 @@
31
37
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
32
38
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
33
39
  }
34
- .ids--light.ids--dark, .ids--dark.ids--dark {
40
+ .ids--light.ids--dark,
41
+ .ids--dark.ids--dark {
35
42
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
36
43
  }
37
- .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
44
+ .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
45
+ .ids--dark.ids--dark.ids--1177-pro,
46
+ .ids--dark.ids--dark.ids--1177-admin,
47
+ .ids--dark.ids--dark.ids--inera,
48
+ .ids--dark.ids--dark.ids--inera-general,
49
+ .ids--dark.ids--dark.ids--inera-admin {
38
50
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
39
51
  }
40
52
 
@@ -132,6 +144,7 @@ input[type=range]::-webkit-slider-thumb {
132
144
  width: 1.5rem;
133
145
  outline: 0.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);
134
146
  border-radius: var(--IDS-BORDER-RADIUS-100);
147
+ border: 0;
135
148
  background-color: var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);
136
149
  cursor: pointer;
137
150
  position: relative;
@@ -152,6 +165,7 @@ input[type=range]::-moz-range-thumb {
152
165
  width: 1.5rem;
153
166
  outline: 0.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);
154
167
  border-radius: var(--IDS-BORDER-RADIUS-100);
168
+ border: 0;
155
169
  background-color: var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);
156
170
  cursor: pointer;
157
171
  position: relative;
@@ -171,6 +185,7 @@ input[type=range]::-ms-thumb {
171
185
  width: 1.5rem;
172
186
  outline: 0.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);
173
187
  border-radius: var(--IDS-BORDER-RADIUS-100);
188
+ border: 0;
174
189
  background-color: var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);
175
190
  cursor: pointer;
176
191
  position: relative;
package/components/form/select-multiple/select-multiple-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-select-multiple__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select:focus-visible,.ids-select-multiple__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly],.ids-select-multiple__select[readonly]:focus-visible,.ids-select-multiple__select[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled::placeholder,.ids-select-multiple__select[readonly]::placeholder,.ids-select-multiple__select[readonly]:focus-visible::placeholder,.ids-select-multiple__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select.ids-input--light:focus-visible,.ids-select-multiple__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select.ids-input--light[readonly]:focus-visible,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light:disabled::placeholder,.ids-select-multiple__select.ids-input--light[readonly]::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select[aria-disabled=true]{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled.ids-input--light{-webkit-text-fill-color:inherit;background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select{white-space:nowrap}.ids-select-multiple__select-wrapper{display:flex;position:relative}.ids-select-multiple__select-wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select-multiple__select-wrapper:has(.ids-input--invalid):after,.ids-select-multiple__select-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)}.ids-select-multiple__select-wrapper:has(input:disabled):after,.ids-select-multiple__select-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__dropdown-wrapper{position:relative}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-SELECT-MULTIPLE-DROPDOWN__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-SELECT-MULTIPLE-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-FONT-COLOR);display:none;left:0;position:absolute;right:0;top:.0625rem;z-index:3}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--expanded{display:block}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-corner{background-color:transparent}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area{overflow-y:auto;padding:.625rem}.ids-select-multiple-label-wrapper .ids-label-wrapper{display:inline;margin-bottom:0;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper .ids-label__tooltip{bottom:-.1875rem;margin-left:.5rem;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom{bottom:.25rem}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block label{display:block!important;width:100%}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);display:inline!important;font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);padding:0}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper:has(input:disabled) .ids-label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}";
3
+ var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM)!important;box-sizing:border-box;color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING);width:100%}.ids-select-multiple__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select:focus-visible,.ids-select-multiple__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly],.ids-select-multiple__select[readonly]:focus-visible,.ids-select-multiple__select[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled::placeholder,.ids-select-multiple__select[readonly]::placeholder,.ids-select-multiple__select[readonly]:focus-visible::placeholder,.ids-select-multiple__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select.ids-input--light:focus-visible,.ids-select-multiple__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select.ids-input--light[readonly]:focus-visible,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light:disabled::placeholder,.ids-select-multiple__select.ids-input--light[readonly]::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select[aria-disabled=true]{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled.ids-input--light{-webkit-text-fill-color:inherit;background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select{white-space:nowrap}.ids-select-multiple__select-wrapper{display:flex;position:relative}.ids-select-multiple__select-wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select-multiple__select-wrapper:has(.ids-input--invalid):after,.ids-select-multiple__select-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)}.ids-select-multiple__select-wrapper:has(input:disabled):after,.ids-select-multiple__select-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__dropdown-wrapper{position:relative}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-SELECT-MULTIPLE-DROPDOWN__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-SELECT-MULTIPLE-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-FONT-COLOR);display:none;left:0;position:absolute;right:0;top:.0625rem;z-index:3}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--expanded{display:block}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-corner{background-color:transparent}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area{overflow-y:auto;padding:.625rem}.ids-select-multiple-label-wrapper .ids-label-wrapper{display:inline;margin-bottom:0;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper .ids-label__tooltip{bottom:-.1875rem;margin-left:.5rem;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom{bottom:.25rem}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block label{display:block!important;width:100%}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);display:inline!important;font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);padding:0}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper:has(input:disabled) .ids-label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}";
4
4
 
5
5
  var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/select-multiple/select-multiple.css CHANGED
@@ -3,7 +3,7 @@
3
3
  padding: var(--IDS-INPUT__PADDING);
4
4
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
5
5
  border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
6
- border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
6
+ border-radius: var(--IDS-BORDER-RADIUS-MEDIUM) !important;
7
7
  font-size: 1rem;
8
8
  color: var(--IDS-FORM__COLOR);
9
9
  display: block;
@@ -145,6 +145,7 @@
145
145
  position: absolute;
146
146
  -webkit-font-smoothing: antialiased;
147
147
  -moz-osx-font-smoothing: grayscale;
148
+ font-size: 1rem;
148
149
  content: "\e936";
149
150
  color: var(--IDS-ICON--ACTIVE-COLOR);
150
151
  top: 50%;
@@ -152,6 +153,7 @@
152
153
  right: var(--IDS-INPUT__ICON-RIGHT);
153
154
  z-index: 2;
154
155
  pointer-events: none;
156
+ font-size: 1rem;
155
157
  }
156
158
  .ids-select-multiple__select-wrapper:has(.ids-input--invalid)::after, .ids-select-multiple__select-wrapper:has(input[aria-invalid=true])::after {
157
159
  color: var(--IDS-FORM--INVALID__COLOR);
package/components/global-alert/global-alert-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-global-alert{align-items:center;background-color:var(--IDS-GLOBAL-ALERT__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-GLOBAL-ALERT__BORDER-COLOR);box-shadow:var(--IDS-GLOBAL-ALERT__BOX-SHADOW);color:var(--IDS-GLOBAL-ALERT__COLOR);display:block;font-size:1rem;line-height:1.625rem;position:relative;z-index:2}.ids-global-alert .ids-global-alert__inner{box-sizing:border-box;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding-bottom:.1875rem;padding-top:.25rem}.ids-global-alert .ids-global-alert__header{display:flex;flex-grow:1}.ids-global-alert .ids-global-alert__icon-headline{margin-right:1.25rem;padding-left:2rem;position:relative}.ids-global-alert .ids-global-alert__icon-headline:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT__ICON-COLOR);content:\"\\e905\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;height:1.25rem;left:0;position:absolute;top:.1875rem;width:1.25rem}.ids-global-alert .ids-global-alert__headline,.ids-global-alert .ids-global-alert__headline *{align-items:center!important;color:var(--IDS-GLOBAL-ALERT-HEADLINE-COLOR);display:flex;display:flex!important;font-family:var(--IDS-FONT-FAMILY-HEADING)!important;font-size:1.125rem!important;font-weight:var(--IDS-ALERT__HEADLINE-FONT-WEIGHT)!important;line-height:1.75rem!important;margin:0!important;text-align:left}.ids-global-alert .ids-global-alert__button{background:none;color:inherit;font:inherit;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-global-alert .ids-global-alert__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-global-alert .ids-global-alert__button{align-items:center;border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);box-sizing:border-box;cursor:pointer;display:flex;flex-grow:1;flex-wrap:wrap;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;gap:1.25rem;justify-content:space-between;margin:0 .25rem;min-height:1.5rem;min-width:1.5rem;padding:.75rem 3rem .75rem 1rem;position:relative}.ids-global-alert .ids-global-alert__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT__CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;position:absolute;right:1.25rem;top:1.5rem;transform:translateY(-50%)}.ids-global-alert .ids-global-alert__button.ids-global-alert__button--expanded:before{content:\"\\e939\"}.ids-global-alert .ids-global-alert__button .ids-global-alert__sr-only{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline,.ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline *{text-decoration:underline;text-underline-offset:.125rem}.ids-global-alert .ids-global-alert__button:hover:before{color:var(--IDS-GLOBAL-ALERT__CHEVRON-HOVER-COLOR)}.ids-global-alert .ids-global-alert__content{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);padding:0 1.25rem .75rem}.ids-global-alert .ids-global-alert__sub-content{margin-top:.75rem}@media (min-width:1024px){.ids-global-alert .ids-global-alert__icon-headline{padding-left:2.25rem}.ids-global-alert .ids-global-alert__icon-headline:before{font-size:1.75rem;height:1.75rem;top:0;width:1.75rem}}.ids-global-alert.ids-global-alert--collapsed{box-shadow:none}.ids-global-alert.ids-global-alert--collapsed .ids-global-alert__content,.ids-global-alert.ids-global-alert--collapsed .ids-global-alert__sub-content{display:none}.ids-global-alert.ids-global-alert--agent{background-color:var(--IDS-GLOBAL-ALERT--AGENT__BACKGROUND-COLOR)!important;border-bottom:.0625rem solid var(--IDS-GLOBAL-ALERT--AGENT__BORDER-COLOR);color:var(--IDS-GLOBAL-ALERT--AGENT__COLOR)!important}.ids-global-alert.ids-global-alert--agent .ids-global-alert__icon-headline:before{color:var(--IDS-GLOBAL-ALERT--AGENT__ICON-COLOR);content:\"\\e91f\"}@media (max-width:1023px){.ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline{padding-left:0!important}.ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline:before{display:none!important}}";
3
+ var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-global-alert{align-items:center;background-color:var(--IDS-GLOBAL-ALERT__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-GLOBAL-ALERT__BORDER-COLOR);box-shadow:var(--IDS-GLOBAL-ALERT__BOX-SHADOW);color:var(--IDS-GLOBAL-ALERT__COLOR);display:block;font-size:1rem;line-height:1.625rem;position:relative;z-index:2}.ids-global-alert .ids-global-alert__inner{box-sizing:border-box;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding-bottom:.1875rem;padding-top:.25rem}.ids-global-alert .ids-global-alert__header{display:flex;flex-grow:1}.ids-global-alert .ids-global-alert__icon-headline{margin-right:1.25rem;padding-left:2rem;position:relative}.ids-global-alert .ids-global-alert__icon-headline:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT__ICON-COLOR);content:\"\\e905\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;height:1.25rem;left:0;position:absolute;top:.1875rem;width:1.25rem}.ids-global-alert .ids-global-alert__headline,.ids-global-alert .ids-global-alert__headline *{align-items:center!important;color:var(--IDS-GLOBAL-ALERT-HEADLINE-COLOR);display:flex;display:flex!important;font-family:var(--IDS-FONT-FAMILY-HEADING)!important;font-size:1.125rem!important;font-weight:var(--IDS-ALERT__HEADLINE-FONT-WEIGHT)!important;line-height:1.75rem!important;margin:0!important;text-align:left}.ids-global-alert .ids-global-alert__button{background:none;color:inherit;font:inherit;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-global-alert .ids-global-alert__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-global-alert .ids-global-alert__button{align-items:center;border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);box-sizing:border-box;cursor:pointer;display:flex;flex-grow:1;flex-wrap:wrap;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;gap:1.25rem;justify-content:space-between;margin:0 .25rem;min-height:1.5rem;min-width:1.5rem;padding:.75rem 3rem .75rem 1rem;position:relative}.ids-global-alert .ids-global-alert__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT__CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;position:absolute;right:1.25rem;top:1.5rem;transform:translateY(-50%)}.ids-global-alert .ids-global-alert__button.ids-global-alert__button--expanded:before{content:\"\\e939\"}.ids-global-alert .ids-global-alert__button .ids-global-alert__sr-only{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline,.ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline *{text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}.ids-global-alert .ids-global-alert__button:hover:before{color:var(--IDS-GLOBAL-ALERT__CHEVRON-HOVER-COLOR)}.ids-global-alert .ids-global-alert__content{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);padding:0 1.25rem .75rem}.ids-global-alert .ids-global-alert__sub-content{padding:0 1.25rem .75rem}@media (min-width:1024px){.ids-global-alert .ids-global-alert__icon-headline{padding-left:2.25rem}.ids-global-alert .ids-global-alert__icon-headline:before{font-size:1.75rem;height:1.75rem;top:0;width:1.75rem}}.ids-global-alert.ids-global-alert--collapsed{box-shadow:none}.ids-global-alert.ids-global-alert--collapsed .ids-global-alert__content{display:none}.ids-global-alert.ids-global-alert--agent{background-color:var(--IDS-GLOBAL-ALERT--AGENT__BACKGROUND-COLOR)!important;border-bottom:.0625rem solid var(--IDS-GLOBAL-ALERT--AGENT__BORDER-COLOR);color:var(--IDS-GLOBAL-ALERT--AGENT__COLOR)!important}.ids-global-alert.ids-global-alert--agent .ids-global-alert__icon-headline:before{color:var(--IDS-GLOBAL-ALERT--AGENT__ICON-COLOR);content:\"\\e91f\"}";
4
4
 
5
5
  var globalAlertLit = css`
6
6
  ${unsafeCSS(css_248z)}