@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/styles.css CHANGED
@@ -158,8 +158,9 @@ body:is(.ids--light,
158
158
  var(--ids-box-shadow-position-y-elevated-2-effect-4, 0.25rem) var(--ids-box-shadow-blur-elevated-2-effect-4, 0.5rem) 0
159
159
  rgba(0, 0, 0, 0.14);
160
160
  }
161
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
161
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
162
162
  .ids--dark.ids--inera,
163
+ .ids--dark.ids--inera-general,
163
164
  .ids--dark.ids--inera-admin {
164
165
  --IDS-FOCUS__BORDER-RADIUS: 0;
165
166
  --IDS-BORDER-RADIUS-SMALL: 0.125rem;
@@ -210,8 +211,10 @@ body:is(.ids--light,
210
211
  [class^=ids-icon-],
211
212
  [class*=" ids-icon-"] {
212
213
  position: relative;
213
- display: inline-block;
214
214
  box-sizing: border-box;
215
+ display: inline-flex;
216
+ align-items: center;
217
+ justify-content: center;
215
218
  width: 1em;
216
219
  height: 1em;
217
220
  flex-shrink: 0;
@@ -230,7 +233,7 @@ body:is(.ids--light,
230
233
  display: block;
231
234
  text-decoration: none;
232
235
  text-align: center;
233
- position: absolute;
236
+ position: static;
234
237
  }
235
238
  [class^=ids-icon-].ids-icon--interactive:focus-visible,
236
239
  [class*=" ids-icon-"].ids-icon--interactive:focus-visible {
@@ -363,6 +366,10 @@ body:is(.ids--light,
363
366
  flex-shrink: 0;
364
367
  margin-top: 0.25rem;
365
368
  }
369
+ [class^=ids-icon-].ids-box-link--start-icon:before,
370
+ [class*=" ids-icon-"].ids-box-link--start-icon:before {
371
+ position: absolute;
372
+ }
366
373
  [class^=ids-icon-].ids-mobile-menu-item--start-icon,
367
374
  [class*=" ids-icon-"].ids-mobile-menu-item--start-icon {
368
375
  flex-shrink: 0;
@@ -391,6 +398,11 @@ body:is(.ids--light,
391
398
  transform: translate(-50%, -50%);
392
399
  }
393
400
 
401
+ a [class^=ids-icon-]::before,
402
+ a [class*=" ids-icon-"]::before {
403
+ position: absolute;
404
+ }
405
+
394
406
  .ids-icon-log-out-small:before {
395
407
  content: "\e9ce";
396
408
  }
@@ -1283,7 +1295,8 @@ body:is(.ids--light,
1283
1295
  content: "\e913";
1284
1296
  }
1285
1297
 
1286
- .ids--light, .ids--dark {
1298
+ .ids--light,
1299
+ .ids--dark {
1287
1300
  --IDS-FONT-FAMILY-BASE: "Open Sans";
1288
1301
  --IDS-FONT-FAMILY-HEADING: "Inter";
1289
1302
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -1301,10 +1314,15 @@ body:is(.ids--light,
1301
1314
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
1302
1315
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
1303
1316
  }
1304
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
1317
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
1318
+ .ids--dark.ids--1177-pro,
1319
+ .ids--dark.ids--1177-admin {
1305
1320
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
1306
1321
  }
1307
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
1322
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
1323
+ .ids--dark.ids--inera,
1324
+ .ids--dark.ids--inera-general,
1325
+ .ids--dark.ids--inera-admin {
1308
1326
  --IDS-FONT-FAMILY-BASE: "Open Sans";
1309
1327
  --IDS-FONT-FAMILY-HEADING: "Poppins";
1310
1328
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -1316,10 +1334,16 @@ body:is(.ids--light,
1316
1334
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
1317
1335
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
1318
1336
  }
1319
- .ids--light.ids--dark, .ids--dark.ids--dark {
1337
+ .ids--light.ids--dark,
1338
+ .ids--dark.ids--dark {
1320
1339
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
1321
1340
  }
1322
- .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 {
1341
+ .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,
1342
+ .ids--dark.ids--dark.ids--1177-pro,
1343
+ .ids--dark.ids--dark.ids--1177-admin,
1344
+ .ids--dark.ids--dark.ids--inera,
1345
+ .ids--dark.ids--dark.ids--inera-general,
1346
+ .ids--dark.ids--dark.ids--inera-admin {
1323
1347
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
1324
1348
  }
1325
1349
 
@@ -1477,7 +1501,6 @@ body:is(.ids--light,
1477
1501
  .ids--dark .ids-heading-m .ids-anchor {
1478
1502
  color: var(--ids-color-interactive-text-default) !important;
1479
1503
  text-decoration: none;
1480
- text-underline-offset: 0.125rem;
1481
1504
  }
1482
1505
  .ids--light .ids-heading-m .ids-anchor:visited,
1483
1506
  .ids--dark .ids-heading-m .ids-anchor:visited {
@@ -1489,15 +1512,17 @@ body:is(.ids--light,
1489
1512
  }
1490
1513
  .ids--light .ids-heading-m .ids-anchor:link,
1491
1514
  .ids--dark .ids-heading-m .ids-anchor:link {
1492
- text-decoration: none;
1515
+ text-decoration: none !important;
1493
1516
  }
1494
1517
  .ids--light .ids-heading-m .ids-anchor:hover,
1495
1518
  .ids--dark .ids-heading-m .ids-anchor:hover {
1496
1519
  color: var(--ids-color-interactive-text-hover) !important;
1520
+ text-decoration: none !important;
1497
1521
  }
1498
1522
  .ids--light .ids-heading-m .ids-anchor:active,
1499
1523
  .ids--dark .ids-heading-m .ids-anchor:active {
1500
1524
  color: var(--ids-color-interactive-text-active) !important;
1525
+ text-decoration: none !important;
1501
1526
  }
1502
1527
  .ids--light .ids-heading-m:focus-visible,
1503
1528
  .ids--dark .ids-heading-m:focus-visible {
@@ -1517,7 +1542,6 @@ body:is(.ids--light,
1517
1542
  .ids--dark .ids-heading-s .ids-anchor {
1518
1543
  color: var(--ids-color-interactive-text-default) !important;
1519
1544
  text-decoration: none;
1520
- text-underline-offset: 0.125rem;
1521
1545
  }
1522
1546
  .ids--light .ids-heading-s .ids-anchor:visited,
1523
1547
  .ids--dark .ids-heading-s .ids-anchor:visited {
@@ -1529,15 +1553,17 @@ body:is(.ids--light,
1529
1553
  }
1530
1554
  .ids--light .ids-heading-s .ids-anchor:link,
1531
1555
  .ids--dark .ids-heading-s .ids-anchor:link {
1532
- text-decoration: none;
1556
+ text-decoration: none !important;
1533
1557
  }
1534
1558
  .ids--light .ids-heading-s .ids-anchor:hover,
1535
1559
  .ids--dark .ids-heading-s .ids-anchor:hover {
1536
1560
  color: var(--ids-color-interactive-text-hover) !important;
1561
+ text-decoration: none !important;
1537
1562
  }
1538
1563
  .ids--light .ids-heading-s .ids-anchor:active,
1539
1564
  .ids--dark .ids-heading-s .ids-anchor:active {
1540
1565
  color: var(--ids-color-interactive-text-active) !important;
1566
+ text-decoration: none !important;
1541
1567
  }
1542
1568
  .ids--light .ids-heading-s:focus-visible,
1543
1569
  .ids--dark .ids-heading-s:focus-visible {
@@ -1557,7 +1583,6 @@ body:is(.ids--light,
1557
1583
  .ids--dark .ids-heading-xs .ids-anchor {
1558
1584
  color: var(--ids-color-interactive-text-default) !important;
1559
1585
  text-decoration: none;
1560
- text-underline-offset: 0.125rem;
1561
1586
  }
1562
1587
  .ids--light .ids-heading-xs .ids-anchor:visited,
1563
1588
  .ids--dark .ids-heading-xs .ids-anchor:visited {
@@ -1569,15 +1594,17 @@ body:is(.ids--light,
1569
1594
  }
1570
1595
  .ids--light .ids-heading-xs .ids-anchor:link,
1571
1596
  .ids--dark .ids-heading-xs .ids-anchor:link {
1572
- text-decoration: none;
1597
+ text-decoration: none !important;
1573
1598
  }
1574
1599
  .ids--light .ids-heading-xs .ids-anchor:hover,
1575
1600
  .ids--dark .ids-heading-xs .ids-anchor:hover {
1576
1601
  color: var(--ids-color-interactive-text-hover) !important;
1602
+ text-decoration: none !important;
1577
1603
  }
1578
1604
  .ids--light .ids-heading-xs .ids-anchor:active,
1579
1605
  .ids--dark .ids-heading-xs .ids-anchor:active {
1580
1606
  color: var(--ids-color-interactive-text-active) !important;
1607
+ text-decoration: none !important;
1581
1608
  }
1582
1609
  .ids--light .ids-heading-xs:focus-visible,
1583
1610
  .ids--dark .ids-heading-xs:focus-visible {
@@ -1597,7 +1624,6 @@ body:is(.ids--light,
1597
1624
  .ids--dark .ids-preamble .ids-anchor {
1598
1625
  color: var(--ids-color-interactive-text-default) !important;
1599
1626
  text-decoration: none;
1600
- text-underline-offset: 0.125rem;
1601
1627
  }
1602
1628
  .ids--light .ids-preamble .ids-anchor:visited,
1603
1629
  .ids--dark .ids-preamble .ids-anchor:visited {
@@ -1610,16 +1636,22 @@ body:is(.ids--light,
1610
1636
  .ids--light .ids-preamble .ids-anchor:link,
1611
1637
  .ids--dark .ids-preamble .ids-anchor:link {
1612
1638
  text-decoration: underline;
1639
+ text-underline-offset: 0.125rem;
1640
+ text-decoration-thickness: 0.0938rem;
1613
1641
  }
1614
1642
  .ids--light .ids-preamble .ids-anchor:hover,
1615
1643
  .ids--dark .ids-preamble .ids-anchor:hover {
1616
1644
  color: var(--ids-color-interactive-text-hover) !important;
1617
1645
  text-decoration: underline;
1646
+ text-underline-offset: 0.125rem;
1647
+ text-decoration-thickness: 0.0938rem;
1618
1648
  }
1619
1649
  .ids--light .ids-preamble .ids-anchor:active,
1620
1650
  .ids--dark .ids-preamble .ids-anchor:active {
1621
1651
  color: var(--ids-color-interactive-text-active) !important;
1622
1652
  text-decoration: underline;
1653
+ text-underline-offset: 0.125rem;
1654
+ text-decoration-thickness: 0.0938rem;
1623
1655
  }
1624
1656
  .ids--light .ids-body,
1625
1657
  .ids--dark .ids-body {
@@ -1635,7 +1667,6 @@ body:is(.ids--light,
1635
1667
  .ids--dark .ids-body .ids-anchor {
1636
1668
  color: var(--ids-color-interactive-text-default) !important;
1637
1669
  text-decoration: none;
1638
- text-underline-offset: 0.125rem;
1639
1670
  }
1640
1671
  .ids--light .ids-body .ids-anchor:visited,
1641
1672
  .ids--dark .ids-body .ids-anchor:visited {
@@ -1648,16 +1679,22 @@ body:is(.ids--light,
1648
1679
  .ids--light .ids-body .ids-anchor:link,
1649
1680
  .ids--dark .ids-body .ids-anchor:link {
1650
1681
  text-decoration: underline;
1682
+ text-underline-offset: 0.125rem;
1683
+ text-decoration-thickness: 0.0938rem;
1651
1684
  }
1652
1685
  .ids--light .ids-body .ids-anchor:hover,
1653
1686
  .ids--dark .ids-body .ids-anchor:hover {
1654
1687
  color: var(--ids-color-interactive-text-hover) !important;
1655
1688
  text-decoration: underline;
1689
+ text-underline-offset: 0.125rem;
1690
+ text-decoration-thickness: 0.0938rem;
1656
1691
  }
1657
1692
  .ids--light .ids-body .ids-anchor:active,
1658
1693
  .ids--dark .ids-body .ids-anchor:active {
1659
1694
  color: var(--ids-color-interactive-text-active) !important;
1660
1695
  text-decoration: underline;
1696
+ text-underline-offset: 0.125rem;
1697
+ text-decoration-thickness: 0.0938rem;
1661
1698
  }
1662
1699
  .ids--light .ids-body.ids-subtle,
1663
1700
  .ids--dark .ids-body.ids-subtle {
@@ -1672,7 +1709,6 @@ body:is(.ids--light,
1672
1709
  .ids--dark .ids-anchor {
1673
1710
  color: var(--ids-color-interactive-text-default) !important;
1674
1711
  text-decoration: none;
1675
- text-underline-offset: 0.125rem;
1676
1712
  }
1677
1713
  .ids--light .ids-anchor:visited,
1678
1714
  .ids--dark .ids-anchor:visited {
@@ -1685,16 +1721,22 @@ body:is(.ids--light,
1685
1721
  .ids--light .ids-anchor:link,
1686
1722
  .ids--dark .ids-anchor:link {
1687
1723
  text-decoration: underline;
1724
+ text-underline-offset: 0.125rem;
1725
+ text-decoration-thickness: 0.0938rem;
1688
1726
  }
1689
1727
  .ids--light .ids-anchor:hover,
1690
1728
  .ids--dark .ids-anchor:hover {
1691
1729
  color: var(--ids-color-interactive-text-hover) !important;
1692
1730
  text-decoration: underline;
1731
+ text-underline-offset: 0.125rem;
1732
+ text-decoration-thickness: 0.0938rem;
1693
1733
  }
1694
1734
  .ids--light .ids-anchor:active,
1695
1735
  .ids--dark .ids-anchor:active {
1696
1736
  color: var(--ids-color-interactive-text-active) !important;
1697
1737
  text-decoration: underline;
1738
+ text-underline-offset: 0.125rem;
1739
+ text-decoration-thickness: 0.0938rem;
1698
1740
  }
1699
1741
  .ids--light .ids-small,
1700
1742
  .ids--dark .ids-small {
@@ -1710,7 +1752,6 @@ body:is(.ids--light,
1710
1752
  .ids--dark .ids-small .ids-anchor {
1711
1753
  color: var(--ids-color-interactive-text-default) !important;
1712
1754
  text-decoration: none;
1713
- text-underline-offset: 0.125rem;
1714
1755
  }
1715
1756
  .ids--light .ids-small .ids-anchor:visited,
1716
1757
  .ids--dark .ids-small .ids-anchor:visited {
@@ -1723,16 +1764,22 @@ body:is(.ids--light,
1723
1764
  .ids--light .ids-small .ids-anchor:link,
1724
1765
  .ids--dark .ids-small .ids-anchor:link {
1725
1766
  text-decoration: underline;
1767
+ text-underline-offset: 0.125rem;
1768
+ text-decoration-thickness: 0.0938rem;
1726
1769
  }
1727
1770
  .ids--light .ids-small .ids-anchor:hover,
1728
1771
  .ids--dark .ids-small .ids-anchor:hover {
1729
1772
  color: var(--ids-color-interactive-text-hover) !important;
1730
1773
  text-decoration: underline;
1774
+ text-underline-offset: 0.125rem;
1775
+ text-decoration-thickness: 0.0938rem;
1731
1776
  }
1732
1777
  .ids--light .ids-small .ids-anchor:active,
1733
1778
  .ids--dark .ids-small .ids-anchor:active {
1734
1779
  color: var(--ids-color-interactive-text-active) !important;
1735
1780
  text-decoration: underline;
1781
+ text-underline-offset: 0.125rem;
1782
+ text-decoration-thickness: 0.0938rem;
1736
1783
  }
1737
1784
  .ids--light .ids-pagelist,
1738
1785
  .ids--dark .ids-pagelist {
@@ -1748,7 +1795,6 @@ body:is(.ids--light,
1748
1795
  .ids--dark .ids-pagelist .ids-anchor {
1749
1796
  color: var(--ids-color-interactive-text-default) !important;
1750
1797
  text-decoration: none;
1751
- text-underline-offset: 0.125rem;
1752
1798
  }
1753
1799
  .ids--light .ids-pagelist .ids-anchor:visited,
1754
1800
  .ids--dark .ids-pagelist .ids-anchor:visited {
@@ -1761,16 +1807,22 @@ body:is(.ids--light,
1761
1807
  .ids--light .ids-pagelist .ids-anchor:link,
1762
1808
  .ids--dark .ids-pagelist .ids-anchor:link {
1763
1809
  text-decoration: underline;
1810
+ text-underline-offset: 0.125rem;
1811
+ text-decoration-thickness: 0.0938rem;
1764
1812
  }
1765
1813
  .ids--light .ids-pagelist .ids-anchor:hover,
1766
1814
  .ids--dark .ids-pagelist .ids-anchor:hover {
1767
1815
  color: var(--ids-color-interactive-text-hover) !important;
1768
1816
  text-decoration: underline;
1817
+ text-underline-offset: 0.125rem;
1818
+ text-decoration-thickness: 0.0938rem;
1769
1819
  }
1770
1820
  .ids--light .ids-pagelist .ids-anchor:active,
1771
1821
  .ids--dark .ids-pagelist .ids-anchor:active {
1772
1822
  color: var(--ids-color-interactive-text-active) !important;
1773
1823
  text-decoration: underline;
1824
+ text-underline-offset: 0.125rem;
1825
+ text-decoration-thickness: 0.0938rem;
1774
1826
  }
1775
1827
  .ids--light ul.ids-bullet-list,
1776
1828
  .ids--light .ids-bullet-list,
@@ -11620,6 +11672,7 @@ button.ids-button:not(.ids-button--fab):not(.ids-button--icon).ids-button--terti
11620
11672
  background-color: var(--IDS-BUTTON--TERTIARY__BACKGROUND-COLOR);
11621
11673
  text-decoration: underline;
11622
11674
  text-underline-offset: 0.125rem;
11675
+ text-decoration-thickness: 0.0938rem;
11623
11676
  }
11624
11677
  .ids-button:not(.ids-button--fab):not(.ids-button--icon).ids-button--tertiary:hover,
11625
11678
  button.ids-button:not(.ids-button--fab):not(.ids-button--icon).ids-button--tertiary:hover {
@@ -11648,6 +11701,12 @@ button.ids-button:not(.ids-button--fab):not(.ids-button--icon).ids-button--terti
11648
11701
  background-color: transparent !important;
11649
11702
  pointer-events: none;
11650
11703
  }
11704
+ .ids-button:not(.ids-button--fab):not(.ids-button--icon).ids-button--tertiary [class^=ids-icon-]::before,
11705
+ .ids-button:not(.ids-button--fab):not(.ids-button--icon).ids-button--tertiary [class*=" ids-icon-"]::before,
11706
+ button.ids-button:not(.ids-button--fab):not(.ids-button--icon).ids-button--tertiary [class^=ids-icon-]::before,
11707
+ button.ids-button:not(.ids-button--fab):not(.ids-button--icon).ids-button--tertiary [class*=" ids-icon-"]::before {
11708
+ position: absolute;
11709
+ }
11651
11710
  .ids-button:not(.ids-button--fab):not(.ids-button--icon).ids-button--loading,
11652
11711
  button.ids-button:not(.ids-button--fab):not(.ids-button--icon).ids-button--loading {
11653
11712
  pointer-events: none !important;
@@ -11807,6 +11866,7 @@ button.ids-button.ids-button--icon.ids-button--tertiary {
11807
11866
  background-color: var(--IDS-BUTTON--TERTIARY__BACKGROUND-COLOR);
11808
11867
  text-decoration: underline;
11809
11868
  text-underline-offset: 0.125rem;
11869
+ text-decoration-thickness: 0.0938rem;
11810
11870
  }
11811
11871
  .ids-button.ids-button--icon.ids-button--tertiary:hover,
11812
11872
  button.ids-button.ids-button--icon.ids-button--tertiary:hover {
@@ -11835,6 +11895,12 @@ button.ids-button.ids-button--icon.ids-button--tertiary[disabled] {
11835
11895
  background-color: transparent !important;
11836
11896
  pointer-events: none;
11837
11897
  }
11898
+ .ids-button.ids-button--icon.ids-button--tertiary [class^=ids-icon-]::before,
11899
+ .ids-button.ids-button--icon.ids-button--tertiary [class*=" ids-icon-"]::before,
11900
+ button.ids-button.ids-button--icon.ids-button--tertiary [class^=ids-icon-]::before,
11901
+ button.ids-button.ids-button--icon.ids-button--tertiary [class*=" ids-icon-"]::before {
11902
+ position: absolute;
11903
+ }
11838
11904
  .ids-button.ids-button--icon.ids-button--s,
11839
11905
  button.ids-button.ids-button--icon.ids-button--s {
11840
11906
  width: 1.75rem !important;
@@ -11902,6 +11968,8 @@ button.ids-button.ids-button--fab {
11902
11968
  -moz-user-select: none;
11903
11969
  -ms-user-select: none;
11904
11970
  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
11971
+ z-index: 20;
11972
+ position: relative;
11905
11973
  }
11906
11974
  .ids-button.ids-button--fab [class^=ids-icon-],
11907
11975
  button.ids-button.ids-button--fab [class^=ids-icon-] {
@@ -11913,36 +11981,47 @@ button.ids-button.ids-button--fab:hover {
11913
11981
  background-color: var(--IDS-BUTTON--FAB__BACKGROUND-COLOR);
11914
11982
  border: var(--IDS-BUTTON--FAB__HOVER-BORDER);
11915
11983
  }
11984
+ .ids-button.ids-button--fab:hover [class^=ids-icon-],
11985
+ button.ids-button.ids-button--fab:hover [class^=ids-icon-] {
11986
+ color: var(--IDS-BUTTON--FAB__HOVER-COLOR) !important;
11987
+ }
11916
11988
  .ids-button.ids-button--fab:focus-visible,
11917
11989
  button.ids-button.ids-button--fab:focus-visible {
11918
11990
  border-radius: var(--IDS-BORDER-RADIUS-100) !important;
11919
11991
  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
11920
11992
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
11921
11993
  }
11994
+ .ids-button.ids-button--fab:focus-visible [class^=ids-icon-],
11995
+ button.ids-button.ids-button--fab:focus-visible [class^=ids-icon-] {
11996
+ color: var(--IDS-BUTTON--FAB__ACTIVE-COLOR) !important;
11997
+ }
11922
11998
 
11923
11999
  .ids-link:focus-visible {
11924
12000
  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
11925
12001
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
11926
12002
  }
11927
12003
  .ids-link {
12004
+ text-decoration: underline;
12005
+ text-underline-offset: 0.125rem;
12006
+ text-decoration-thickness: 0.0938rem;
12007
+ text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
11928
12008
  font-family: var(--IDS-LINK__FONT-FAMILY);
11929
12009
  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
11930
- text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
11931
- text-underline-offset: 0.125rem;
11932
12010
  font-size: 1rem;
11933
12011
  line-height: 1.5rem;
11934
12012
  gap: 0.5rem;
11935
12013
  cursor: pointer;
11936
12014
  display: inline;
11937
- text-decoration: underline;
11938
12015
  position: relative;
11939
12016
  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
11940
12017
  }
11941
12018
  .ids-link.ids-link--icon {
11942
- text-decoration: none;
12019
+ text-decoration: none !important;
11943
12020
  }
11944
12021
  .ids-link:hover {
11945
12022
  text-decoration: underline !important;
12023
+ text-underline-offset: 0.125rem !important;
12024
+ text-decoration-thickness: 0.0938rem !important;
11946
12025
  color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
11947
12026
  }
11948
12027
  .ids-link:focus-visible {
@@ -11959,9 +12038,12 @@ button.ids-button.ids-button--fab:focus-visible {
11959
12038
  margin-right: 0;
11960
12039
  margin-top: 0.25rem;
11961
12040
  }
12041
+ .ids-link.ids-link--icon .ids-icon--text-start:before {
12042
+ position: absolute;
12043
+ }
11962
12044
  .ids-link.ids-link--small {
11963
12045
  font-size: 0.875rem;
11964
- gap: 0.25rem !important;
12046
+ gap: 0.5rem !important;
11965
12047
  }
11966
12048
  .ids-link.ids-link--small.ids-link--icon .ids-icon--text-start {
11967
12049
  font-size: 0.875rem;
@@ -11971,7 +12053,7 @@ button.ids-button.ids-button--fab:focus-visible {
11971
12053
  font-size: 0.875rem;
11972
12054
  position: relative;
11973
12055
  bottom: -0.125rem;
11974
- margin-left: 0.25rem !important;
12056
+ margin-left: 0.375rem !important;
11975
12057
  }
11976
12058
  .ids-link.ids-link--block {
11977
12059
  display: flex;
@@ -11986,6 +12068,8 @@ button.ids-button.ids-button--fab:focus-visible {
11986
12068
  }
11987
12069
  .ids-link.ids-link--underlined.ids-link--icon {
11988
12070
  text-decoration: underline !important;
12071
+ text-underline-offset: 0.125rem !important;
12072
+ text-decoration-thickness: 0.0938rem !important;
11989
12073
  }
11990
12074
  .ids-link.ids-link--no-underline {
11991
12075
  text-decoration: none !important;
@@ -12021,6 +12105,9 @@ button.ids-button.ids-button--fab:focus-visible {
12021
12105
  color: var(--IDS-LINK--FOOTER__HOVER-COLOR);
12022
12106
  text-decoration: underline;
12023
12107
  }
12108
+ .ids-link.ids-link--footer:focus-visible {
12109
+ outline-color: var(--IDS-LINK--FOOTER__OUTLINE-COLOR) !important;
12110
+ }
12024
12111
  .ids-link.ids-link--active-icon {
12025
12112
  text-decoration: none !important;
12026
12113
  }
@@ -12180,6 +12267,9 @@ button.ids-button.ids-button--fab:focus-visible {
12180
12267
  transform: translateY(-50%);
12181
12268
  color: var(--IDS-ICON--ACTIVE-COLOR);
12182
12269
  font-size: 1.25rem;
12270
+ display: flex;
12271
+ justify-content: center;
12272
+ align-items: center;
12183
12273
  }
12184
12274
  .ids-input:has(.ids-input--invalid) .ids-input__icon, .ids-input:has([aria-invalid=true]) .ids-input__icon {
12185
12275
  color: var(--IDS-ICON--INVALID-COLOR);
@@ -12241,6 +12331,7 @@ button.ids-button.ids-button--fab:focus-visible {
12241
12331
  position: absolute;
12242
12332
  -webkit-font-smoothing: antialiased;
12243
12333
  -moz-osx-font-smoothing: grayscale;
12334
+ font-size: 1rem;
12244
12335
  content: "\e919";
12245
12336
  font-size: 1.875rem;
12246
12337
  color: var(--IDS-INPUT--SEARCH__ICON-COLOR);
@@ -12270,7 +12361,7 @@ button.ids-button.ids-button--fab:focus-visible {
12270
12361
  padding: var(--IDS-INPUT__PADDING);
12271
12362
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
12272
12363
  border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
12273
- border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
12364
+ border-radius: var(--IDS-BORDER-RADIUS-MEDIUM) !important;
12274
12365
  font-size: 1rem;
12275
12366
  color: var(--IDS-FORM__COLOR);
12276
12367
  display: block;
@@ -12374,6 +12465,11 @@ button.ids-button.ids-button--fab:focus-visible {
12374
12465
  .ids-input__input[type=color] {
12375
12466
  cursor: pointer;
12376
12467
  }
12468
+ @supports (-moz-appearance: none) {
12469
+ .ids-input__input[type=date] + .ids-input__icon, .ids-input__input[type=datetime-local] + .ids-input__icon {
12470
+ display: none;
12471
+ }
12472
+ }
12377
12473
 
12378
12474
  /* Input Search cancel icon */
12379
12475
  ids-input input[type=search]::-webkit-search-cancel-button,
@@ -12393,7 +12489,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
12393
12489
  padding: var(--IDS-INPUT__PADDING);
12394
12490
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
12395
12491
  border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
12396
- border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
12492
+ border-radius: var(--IDS-BORDER-RADIUS-MEDIUM) !important;
12397
12493
  font-size: 1rem;
12398
12494
  color: var(--IDS-FORM__COLOR);
12399
12495
  display: block;
@@ -12632,8 +12728,8 @@ ids-input input[type=search]::-webkit-search-results-decoration {
12632
12728
  position: absolute;
12633
12729
  -webkit-font-smoothing: antialiased;
12634
12730
  -moz-osx-font-smoothing: grayscale;
12635
- content: "\e93a";
12636
12731
  font-size: 1rem;
12732
+ content: "\e93a";
12637
12733
  color: var(--IDS-ICON--ACTIVE-COLOR);
12638
12734
  top: 0.1875rem;
12639
12735
  left: 0.1875rem;
@@ -12647,8 +12743,8 @@ ids-input input[type=search]::-webkit-search-results-decoration {
12647
12743
  position: absolute;
12648
12744
  -webkit-font-smoothing: antialiased;
12649
12745
  -moz-osx-font-smoothing: grayscale;
12650
- content: "\e92b";
12651
12746
  font-size: 1rem;
12747
+ content: "\e92b";
12652
12748
  top: 0.125rem;
12653
12749
  left: 0.125rem;
12654
12750
  color: var(--IDS-ICON--ACTIVE-COLOR);
@@ -12744,6 +12840,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
12744
12840
  position: absolute;
12745
12841
  -webkit-font-smoothing: antialiased;
12746
12842
  -moz-osx-font-smoothing: grayscale;
12843
+ font-size: 1rem;
12747
12844
  }
12748
12845
  .ids-check-button .ids-check-button__input[type=checkbox] {
12749
12846
  border-radius: var(--IDS-CHECK-BUTTON__BORDER-RADIUS);
@@ -12766,8 +12863,8 @@ ids-input input[type=search]::-webkit-search-results-decoration {
12766
12863
  position: absolute;
12767
12864
  -webkit-font-smoothing: antialiased;
12768
12865
  -moz-osx-font-smoothing: grayscale;
12769
- content: "\e93a";
12770
12866
  font-size: 1rem;
12867
+ content: "\e93a";
12771
12868
  top: 50%;
12772
12869
  transform: translateY(-50%);
12773
12870
  left: 0.75rem;
@@ -13046,10 +13143,10 @@ ids-input input[type=search]::-webkit-search-results-decoration {
13046
13143
  .ids-radio-button {
13047
13144
  position: relative;
13048
13145
  display: inline-block;
13049
- padding: 0.75rem 1rem;
13146
+ padding: var(--IDS-RADIO-BUTTON__PADDING);
13050
13147
  justify-content: center;
13051
13148
  align-items: flex-start;
13052
- border-radius: 1.875rem;
13149
+ border-radius: var(--IDS-RADIO-BUTTON__BORDER-RADIUS);
13053
13150
  border: var(--IDS-RADIO-BUTTON__BORDER-THICKNESS) solid var(--IDS-RADIO-BUTTON__BORDER-COLOR);
13054
13151
  background-color: var(--IDS-RADIO-BUTTON__BACKGROUND-COLOR);
13055
13152
  cursor: pointer;
@@ -13067,7 +13164,8 @@ ids-input input[type=search]::-webkit-search-results-decoration {
13067
13164
  font-weight: 400;
13068
13165
  margin: 0;
13069
13166
  width: 100%;
13070
- padding-left: 1.875rem;
13167
+ padding-left: 1.625rem;
13168
+ user-select: none;
13071
13169
  }
13072
13170
  .ids-radio-button .ids-radio-button__label::before {
13073
13171
  font: icon;
@@ -13076,14 +13174,15 @@ ids-input input[type=search]::-webkit-search-results-decoration {
13076
13174
  position: absolute;
13077
13175
  -webkit-font-smoothing: antialiased;
13078
13176
  -moz-osx-font-smoothing: grayscale;
13079
- font-size: 1.25rem;
13177
+ font-size: 1rem;
13178
+ font-size: 1rem;
13080
13179
  left: 0;
13081
13180
  top: 50%;
13082
13181
  transform: translateY(-50%);
13083
13182
  }
13084
13183
  .ids-radio-button .ids-radio-button__input[type=radio],
13085
13184
  .ids-radio-button .ids-radio-button__input {
13086
- border-radius: 1.875rem;
13185
+ border-radius: var(--IDS-RADIO-BUTTON__BORDER-RADIUS);
13087
13186
  cursor: pointer;
13088
13187
  margin: 0;
13089
13188
  position: absolute;
@@ -13101,8 +13200,9 @@ ids-input input[type=search]::-webkit-search-results-decoration {
13101
13200
  position: absolute;
13102
13201
  -webkit-font-smoothing: antialiased;
13103
13202
  -moz-osx-font-smoothing: grayscale;
13203
+ font-size: 1rem;
13104
13204
  content: "\e93a";
13105
- font-size: 1.25rem;
13205
+ font-size: 1rem;
13106
13206
  left: 0;
13107
13207
  top: 50%;
13108
13208
  transform: translateY(-50%);
@@ -13118,7 +13218,7 @@ ids-input input[type=search]::-webkit-search-results-decoration {
13118
13218
  .ids-radio-button .ids-radio-button__input[type=radio]:disabled:checked + .ids-radio-button_label::before,
13119
13219
  .ids-radio-button .ids-radio-button__input:disabled:checked + .ids-radio-button_label::before {
13120
13220
  cursor: default;
13121
- color: var(--IDS-RADIO-BUTTON--DISABLED-COLOR);
13221
+ color: var(--IDS-RADIO-BUTTON--DISABLED__COLOR);
13122
13222
  }
13123
13223
  .ids-radio-button .ids-radio-button__input[type=radio]:disabled + .ids-radio-button__label,
13124
13224
  .ids-radio-button .ids-radio-button__input:disabled + .ids-radio-button__label {
@@ -13143,6 +13243,9 @@ ids-input input[type=search]::-webkit-search-results-decoration {
13143
13243
  border-color: var(--IDS-RADIO-BUTTON--ACTIVE__BORDER-COLOR) !important;
13144
13244
  background-color: var(--IDS-RADIO-BUTTON--ACTIVE__BACKGROUND-COLOR) !important;
13145
13245
  }
13246
+ .ids-radio-button:has(.ids-radio-button__input:active) .ids-radio-button__label, .ids-radio-button:has(.ids-radio-button__input:checked:active) .ids-radio-button__label, .ids-radio-button:has(.ids-radio-button__input:active:not(:disabled)) .ids-radio-button__label {
13247
+ color: var(--IDS-RADIO-BUTTON--ACTIVE__COLOR) !important;
13248
+ }
13146
13249
  .ids-radio-button:hover:has(.ids-radio-button__input:not(:disabled)), .ids-radio-button:hover:has(.ids-radio-button__input:checked:not(:disabled)) {
13147
13250
  background-color: var(--IDS-RADIO-BUTTON--HOVER__BACKGROUND-COLOR);
13148
13251
  border: var(--IDS-RADIO-BUTTON__BORDER-THICKNESS) solid var(--IDS-RADIO-BUTTON--HOVER__BORDER-COLOR);
@@ -13233,6 +13336,7 @@ input[type=range]::-webkit-slider-thumb {
13233
13336
  width: 1.5rem;
13234
13337
  outline: 0.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);
13235
13338
  border-radius: var(--IDS-BORDER-RADIUS-100);
13339
+ border: 0;
13236
13340
  background-color: var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);
13237
13341
  cursor: pointer;
13238
13342
  position: relative;
@@ -13253,6 +13357,7 @@ input[type=range]::-moz-range-thumb {
13253
13357
  width: 1.5rem;
13254
13358
  outline: 0.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);
13255
13359
  border-radius: var(--IDS-BORDER-RADIUS-100);
13360
+ border: 0;
13256
13361
  background-color: var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);
13257
13362
  cursor: pointer;
13258
13363
  position: relative;
@@ -13272,6 +13377,7 @@ input[type=range]::-ms-thumb {
13272
13377
  width: 1.5rem;
13273
13378
  outline: 0.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);
13274
13379
  border-radius: var(--IDS-BORDER-RADIUS-100);
13380
+ border: 0;
13275
13381
  background-color: var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);
13276
13382
  cursor: pointer;
13277
13383
  position: relative;
@@ -13322,7 +13428,7 @@ input[type=range]:disabled::-ms-thumb {
13322
13428
  padding: var(--IDS-INPUT__PADDING);
13323
13429
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
13324
13430
  border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
13325
- border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
13431
+ border-radius: var(--IDS-BORDER-RADIUS-MEDIUM) !important;
13326
13432
  font-size: 1rem;
13327
13433
  color: var(--IDS-FORM__COLOR);
13328
13434
  display: block;
@@ -13461,6 +13567,7 @@ input[type=range]:disabled::-ms-thumb {
13461
13567
  position: absolute;
13462
13568
  -webkit-font-smoothing: antialiased;
13463
13569
  -moz-osx-font-smoothing: grayscale;
13570
+ font-size: 1rem;
13464
13571
  content: "\e936";
13465
13572
  color: var(--IDS-ICON--ACTIVE-COLOR);
13466
13573
  top: 50%;
@@ -13468,6 +13575,7 @@ input[type=range]:disabled::-ms-thumb {
13468
13575
  right: var(--IDS-INPUT__ICON-RIGHT);
13469
13576
  z-index: 2;
13470
13577
  pointer-events: none;
13578
+ font-size: 1rem;
13471
13579
  }
13472
13580
  .ids-select__wrapper:has(select:disabled)::after, .ids-select__wrapper:has(select[aria-disabled=true])::after {
13473
13581
  color: var(--IDS-FORM--DISABLED__COLOR) !important;
@@ -13481,7 +13589,7 @@ input[type=range]:disabled::-ms-thumb {
13481
13589
  padding: var(--IDS-INPUT__PADDING);
13482
13590
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
13483
13591
  border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
13484
- border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
13592
+ border-radius: var(--IDS-BORDER-RADIUS-MEDIUM) !important;
13485
13593
  font-size: 1rem;
13486
13594
  color: var(--IDS-FORM__COLOR);
13487
13595
  display: block;
@@ -13623,6 +13731,7 @@ input[type=range]:disabled::-ms-thumb {
13623
13731
  position: absolute;
13624
13732
  -webkit-font-smoothing: antialiased;
13625
13733
  -moz-osx-font-smoothing: grayscale;
13734
+ font-size: 1rem;
13626
13735
  content: "\e936";
13627
13736
  color: var(--IDS-ICON--ACTIVE-COLOR);
13628
13737
  top: 50%;
@@ -13630,6 +13739,7 @@ input[type=range]:disabled::-ms-thumb {
13630
13739
  right: var(--IDS-INPUT__ICON-RIGHT);
13631
13740
  z-index: 2;
13632
13741
  pointer-events: none;
13742
+ font-size: 1rem;
13633
13743
  }
13634
13744
  .ids-select-multiple__select-wrapper:has(.ids-input--invalid)::after, .ids-select-multiple__select-wrapper:has(input[aria-invalid=true])::after {
13635
13745
  color: var(--IDS-FORM--INVALID__COLOR);
@@ -13837,6 +13947,7 @@ input[type=range]:disabled::-ms-thumb {
13837
13947
  position: absolute;
13838
13948
  -webkit-font-smoothing: antialiased;
13839
13949
  -moz-osx-font-smoothing: grayscale;
13950
+ font-size: 1rem;
13840
13951
  content: "\e913";
13841
13952
  font-size: 1.25rem;
13842
13953
  line-height: 1.5rem;
@@ -13859,6 +13970,7 @@ input[type=range]:disabled::-ms-thumb {
13859
13970
  position: absolute;
13860
13971
  -webkit-font-smoothing: antialiased;
13861
13972
  -moz-osx-font-smoothing: grayscale;
13973
+ font-size: 1rem;
13862
13974
  content: "\e922";
13863
13975
  font-size: 1.25rem;
13864
13976
  color: var(--IDS-ICON--ACTIVE-COLOR);
@@ -13890,7 +14002,7 @@ input.ids-time__input {
13890
14002
  padding: var(--IDS-INPUT__PADDING);
13891
14003
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
13892
14004
  border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
13893
- border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
14005
+ border-radius: var(--IDS-BORDER-RADIUS-MEDIUM) !important;
13894
14006
  font-size: 1rem;
13895
14007
  color: var(--IDS-FORM__COLOR);
13896
14008
  display: block;
@@ -14030,6 +14142,7 @@ input:focus-visible + .ids-toggle input:before {
14030
14142
  position: absolute;
14031
14143
  -webkit-font-smoothing: antialiased;
14032
14144
  -moz-osx-font-smoothing: grayscale;
14145
+ font-size: 1rem;
14033
14146
  content: "\e934";
14034
14147
  display: inline-block;
14035
14148
  font-size: 0.75rem;
@@ -14068,6 +14181,7 @@ input:focus-visible + .ids-toggle input:before {
14068
14181
  position: absolute;
14069
14182
  -webkit-font-smoothing: antialiased;
14070
14183
  -moz-osx-font-smoothing: grayscale;
14184
+ font-size: 1rem;
14071
14185
  content: "\e93a";
14072
14186
  font-size: 0.875rem;
14073
14187
  line-height: 1.25rem;
@@ -14139,7 +14253,7 @@ input:focus-visible + .ids-toggle input:before {
14139
14253
  }
14140
14254
  .ids-darkmode-toggle label {
14141
14255
  flex-shrink: 100;
14142
- color: var(--IDS-DARKMODE-TOGGLE-LABEL__COLOR);
14256
+ color: var(--IDS-ICON-TOGGLE-LABEL__COLOR);
14143
14257
  }
14144
14258
  .ids-darkmode-toggle .ids-label-wrapper {
14145
14259
  bottom: -0.125rem;
@@ -14163,6 +14277,7 @@ input:focus-visible + .ids-toggle input:before {
14163
14277
  position: absolute;
14164
14278
  -webkit-font-smoothing: antialiased;
14165
14279
  -moz-osx-font-smoothing: grayscale;
14280
+ font-size: 1rem;
14166
14281
  content: "\e6fd";
14167
14282
  position: absolute;
14168
14283
  cursor: pointer;
@@ -14183,6 +14298,7 @@ input:focus-visible + .ids-darkmode-toggle input[type=checkbox]:before,
14183
14298
  input:focus-visible + .ids-darkmode-toggle input:before {
14184
14299
  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
14185
14300
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
14301
+ outline-color: var(--IDS-ICON-TOGGLE__OUTLINE-COLOR) !important;
14186
14302
  }
14187
14303
  .ids-darkmode-toggle input[type=checkbox]:after,
14188
14304
  .ids-darkmode-toggle input:after {
@@ -14192,6 +14308,7 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14192
14308
  position: absolute;
14193
14309
  -webkit-font-smoothing: antialiased;
14194
14310
  -moz-osx-font-smoothing: grayscale;
14311
+ font-size: 1rem;
14195
14312
  content: "\e6fc";
14196
14313
  display: inline-block;
14197
14314
  font-size: 0.75rem;
@@ -14207,6 +14324,11 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14207
14324
  -webkit-transition: 0.3s;
14208
14325
  transition: all 0.3s;
14209
14326
  }
14327
+ .ids-darkmode-toggle input[type=checkbox]:focus-visible,
14328
+ .ids-darkmode-toggle input:focus-visible {
14329
+ outline-color: var(--IDS-ICON-TOGGLE__OUTLINE-COLOR) !important;
14330
+ border-radius: 6.25rem;
14331
+ }
14210
14332
  .ids-darkmode-toggle input[type=checkbox]:hover:before,
14211
14333
  .ids-darkmode-toggle input:hover:before {
14212
14334
  background-color: var(--IDS-ICON-TOGGLE__HOVER-BACKGROUND-COLOR);
@@ -14236,6 +14358,7 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14236
14358
  position: absolute;
14237
14359
  -webkit-font-smoothing: antialiased;
14238
14360
  -moz-osx-font-smoothing: grayscale;
14361
+ font-size: 1rem;
14239
14362
  content: "\e6fd";
14240
14363
  font-size: 0.875rem;
14241
14364
  line-height: 1.25rem;
@@ -14303,7 +14426,7 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14303
14426
  padding: var(--IDS-INPUT__PADDING);
14304
14427
  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
14305
14428
  border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
14306
- border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
14429
+ border-radius: var(--IDS-BORDER-RADIUS-MEDIUM) !important;
14307
14430
  font-size: 1rem;
14308
14431
  color: var(--IDS-FORM__COLOR);
14309
14432
  display: block;
@@ -14383,49 +14506,19 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14383
14506
  border: var(--IDS-FORM--INVALID__BORDER);
14384
14507
  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
14385
14508
  }
14386
- .ids-datepicker .ids-datepicker__trigger {
14387
- cursor: pointer;
14388
- border: 0.125rem solid transparent;
14389
- background-color: var(--IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR);
14390
- color: var(--IDS-DATEPICKER__BUTTON-COLOR);
14391
- font-family: var(--IDS-FONT-FAMILY-BASE);
14392
- }
14393
- .ids-datepicker .ids-datepicker__trigger:hover {
14394
- color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
14395
- background-color: var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);
14396
- border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-HOVER-BORDER-COLOR);
14397
- }
14398
- .ids-datepicker .ids-datepicker__trigger:hover:before {
14399
- color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
14400
- }
14401
- .ids-datepicker .ids-datepicker__trigger:active, .ids-datepicker .ids-datepicker__trigger:active:hover {
14402
- color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
14403
- background-color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);
14404
- border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-ACTIVE-BORDER-COLOR);
14405
- }
14406
- .ids-datepicker .ids-datepicker__trigger:active:before, .ids-datepicker .ids-datepicker__trigger:active:hover:before {
14407
- color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
14408
- }
14409
- .ids-datepicker .ids-datepicker__trigger:disabled, .ids-datepicker .ids-datepicker__trigger[disabled], .ids-datepicker .ids-datepicker__trigger[aria-disabled=true] {
14410
- color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR) !important;
14411
- background-color: var(--IDS-DATEPICKER__BUTTON-DISABLED-BACKGROUND-COLOR) !important;
14412
- border-color: transparent;
14413
- pointer-events: none;
14414
- font-weight: normal;
14415
- }
14416
- .ids-datepicker .ids-datepicker__trigger:disabled:before, .ids-datepicker .ids-datepicker__trigger[disabled]:before, .ids-datepicker .ids-datepicker__trigger[aria-disabled=true]:before {
14417
- color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR) !important;
14509
+ .ids-datepicker.ids-datepicker--invalid .ids-datepicker__trigger:before {
14510
+ color: var(--IDS-DATEPICKER__TRIGGER-BUTTON-INVALID-COLOR);
14418
14511
  }
14419
14512
  .ids-datepicker .ids-datepicker__trigger {
14420
14513
  cursor: pointer;
14421
14514
  position: absolute;
14422
- right: 0;
14423
- top: 0;
14424
- height: var(--IDS-INPUT__HEIGHT);
14425
- width: 3.25rem;
14515
+ right: 0.75rem;
14516
+ top: 0.25rem;
14517
+ height: calc(var(--IDS-INPUT__HEIGHT) - 0.5rem);
14518
+ width: calc(var(--IDS-INPUT__HEIGHT) - 0.5rem);
14426
14519
  background-color: var(--IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR);
14427
- border-top-right-radius: var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);
14428
- border-bottom-right-radius: var(--IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS);
14520
+ border: 0;
14521
+ border-radius: 100%;
14429
14522
  }
14430
14523
  .ids-datepicker .ids-datepicker__trigger:before {
14431
14524
  font: icon;
@@ -14434,6 +14527,7 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14434
14527
  position: absolute;
14435
14528
  -webkit-font-smoothing: antialiased;
14436
14529
  -moz-osx-font-smoothing: grayscale;
14530
+ font-size: 1rem;
14437
14531
  content: "\e944";
14438
14532
  font-size: 1.25rem;
14439
14533
  color: var(--IDS-DATEPICKER__TRIGGER-BUTTON-COLOR);
@@ -14441,12 +14535,28 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14441
14535
  left: 50%;
14442
14536
  transform: translate(-50%, -50%);
14443
14537
  }
14444
- .ids-datepicker .ids-datepicker__trigger:disabled {
14445
- border: 0.125rem solid var(--IDS-DATEPICKER__BUTTON-DISABLED-BORDER-COLOR);
14538
+ .ids-datepicker .ids-datepicker__trigger:hover {
14539
+ color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
14540
+ background-color: var(--IDS-DATEPICKER__BUTTON-HOVER-BACKGROUND-COLOR);
14541
+ }
14542
+ .ids-datepicker .ids-datepicker__trigger:hover:before {
14543
+ color: var(--IDS-DATEPICKER__BUTTON-HOVER-COLOR) !important;
14544
+ }
14545
+ .ids-datepicker .ids-datepicker__trigger:active, .ids-datepicker .ids-datepicker__trigger:active:hover {
14546
+ color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
14547
+ background-color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-BACKGROUND-COLOR);
14548
+ }
14549
+ .ids-datepicker .ids-datepicker__trigger:active:before, .ids-datepicker .ids-datepicker__trigger:active:hover:before {
14550
+ color: var(--IDS-DATEPICKER__BUTTON-ACTIVE-COLOR) !important;
14446
14551
  }
14447
14552
  .ids-datepicker .ids-datepicker__trigger:disabled:before {
14448
14553
  color: var(--IDS-DATEPICKER__BUTTON-DISABLED-COLOR);
14449
14554
  }
14555
+ .ids-datepicker .ids-datepicker__trigger:focus-visible {
14556
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
14557
+ outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
14558
+ border-radius: 100%;
14559
+ }
14450
14560
  .ids-datepicker .ids-datepicker__dialog {
14451
14561
  position: absolute;
14452
14562
  z-index: 200;
@@ -14507,8 +14617,8 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14507
14617
  position: absolute;
14508
14618
  -webkit-font-smoothing: antialiased;
14509
14619
  -moz-osx-font-smoothing: grayscale;
14510
- content: "\e934";
14511
14620
  font-size: 1rem;
14621
+ content: "\e934";
14512
14622
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
14513
14623
  left: 50%;
14514
14624
  top: 50%;
@@ -14573,8 +14683,8 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14573
14683
  position: absolute;
14574
14684
  -webkit-font-smoothing: antialiased;
14575
14685
  -moz-osx-font-smoothing: grayscale;
14576
- content: "\e936";
14577
14686
  font-size: 1rem;
14687
+ content: "\e936";
14578
14688
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
14579
14689
  right: 0.125rem;
14580
14690
  top: 50%;
@@ -14671,8 +14781,8 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14671
14781
  position: absolute;
14672
14782
  -webkit-font-smoothing: antialiased;
14673
14783
  -moz-osx-font-smoothing: grayscale;
14674
- content: "\e937";
14675
14784
  font-size: 1rem;
14785
+ content: "\e937";
14676
14786
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
14677
14787
  left: 50%;
14678
14788
  top: 50%;
@@ -14685,8 +14795,8 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14685
14795
  position: absolute;
14686
14796
  -webkit-font-smoothing: antialiased;
14687
14797
  -moz-osx-font-smoothing: grayscale;
14688
- content: "\e938";
14689
14798
  font-size: 1rem;
14799
+ content: "\e938";
14690
14800
  color: var(--IDS-DATEPICKER__MONTH-BUTTON-CHEVRON-COLOR);
14691
14801
  left: 50%;
14692
14802
  top: 50%;
@@ -14847,6 +14957,7 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14847
14957
  }
14848
14958
 
14849
14959
  .ids--inera .ids-show-inera-all,
14960
+ .ids--inera-general .ids-show-inera-all,
14850
14961
  .ids--inera-admin .ids-show-inera-all {
14851
14962
  display: block !important;
14852
14963
  }
@@ -14858,6 +14969,13 @@ input:focus-visible + .ids-darkmode-toggle input:before {
14858
14969
  display: none !important;
14859
14970
  }
14860
14971
 
14972
+ .ids--inera-general .ids-show-inera-general {
14973
+ display: block !important;
14974
+ }
14975
+ .ids--inera-general .ids-hide-inera-general {
14976
+ display: none !important;
14977
+ }
14978
+
14861
14979
  .ids--inera-admin .ids-show-inera-admin {
14862
14980
  display: block !important;
14863
14981
  }
@@ -14965,6 +15083,7 @@ input[type=search]::-webkit-search-results-decoration {
14965
15083
  --IDS-ACCORDION__BORDER-BOTTOM: 0.0625rem solid var(--ids-color-surface-border-default);
14966
15084
  --IDS-ACCORDION__HEADLINE-COLOR: var(--ids-color-interactive-text-default);
14967
15085
  --IDS-ACCORDION__HEADLINE-HOVER-COLOR: var(--ids-color-interactive-text-hover);
15086
+ --IDS-ACCORDION__SUBTITLE-COLOR: var(--ids-color-surface-text-on-default);
14968
15087
  --IDS-ACCORDION__COLOR: var(--ids-color-surface-text-on-default);
14969
15088
  }
14970
15089
 
@@ -14997,8 +15116,8 @@ input[type=search]::-webkit-search-results-decoration {
14997
15116
  --IDS-ALERT__PADDING-RIBBON-MOBILE: 0.5rem 0.75rem;
14998
15117
  --IDS-ALERT__BORDER-RADIUS: var(--IDS-BORDER-RADIUS-LARGE);
14999
15118
  --IDS-ALERT__BORDER-THICKNESS: 0.0625rem;
15000
- --IDS-ALERT__CLOSE-BUTTON-COLOR: var(--ids-color-interactive-text-default);
15001
- --IDS-ALERT__CLOSE-BUTTON-HOVER-COLOR: var(--ids-color-interactive-text-hover);
15119
+ --IDS-ALERT__CLOSE-BUTTON-COLOR: var(--ids-color-surface-text-on-default);
15120
+ --IDS-ALERT__CLOSE-BUTTON-HOVER-COLOR: var(--ids-color-surface-text-on-default);
15002
15121
  --IDS-ALERT__EXPAND-BUTTON-COLOR: var(--ids-color-interactive-text-default);
15003
15122
  --IDS-ALERT__EXPAND-BUTTON-HOVER-COLOR: var(--ids-color-interactive-text-hover);
15004
15123
  --IDS-ALERT--INFO__BACKGROUND-COLOR: var(--ids-color-feedback-background-information);
@@ -15025,8 +15144,9 @@ input[type=search]::-webkit-search-results-decoration {
15025
15144
  --IDS-ALERT__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
15026
15145
  --IDS-ALERT__HEADLINE-FONT-WEIGHT: 700;
15027
15146
  }
15028
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
15147
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15029
15148
  .ids--dark.ids--inera,
15149
+ .ids--dark.ids--inera-general,
15030
15150
  .ids--dark.ids--inera-admin {
15031
15151
  --IDS-ALERT__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
15032
15152
  --IDS-ALERT__HEADLINE-FONT-WEIGHT: 600;
@@ -15069,8 +15189,9 @@ input[type=search]::-webkit-search-results-decoration {
15069
15189
  --IDS-BADGE--ERROR__BORDER-COLOR: var(--ids-color-feedback-border-error);
15070
15190
  --IDS-BADGE--ERROR__COLOR: var(--ids-color-feedback-text-on-error);
15071
15191
  }
15072
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
15192
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15073
15193
  .ids--dark.ids--inera,
15194
+ .ids--dark.ids--inera-general,
15074
15195
  .ids--dark.ids--inera-admin {
15075
15196
  --IDS-BADGE--NEUTRAL__BORDER-COLOR: var(--ids-palette-neutral-40);
15076
15197
  }
@@ -15094,8 +15215,9 @@ input[type=search]::-webkit-search-results-decoration {
15094
15215
  --IDS-BOX-LINK--ACTIVE__BORDER-COLOR: var(--ids-color-form-border-active);
15095
15216
  --IDS-BOX-LINK--ACTIVE__BACKGROUND-COLOR: var(--ids-color-feedback-background-information);
15096
15217
  }
15097
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
15218
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15098
15219
  .ids--dark.ids--inera,
15220
+ .ids--dark.ids--inera-general,
15099
15221
  .ids--dark.ids--inera-admin {
15100
15222
  --IDS-BOX-LINK__HOVER-BACKGROUND-COLOR: var(--ids-color-form-background-hover);
15101
15223
  --IDS-BOX-LINK--ACTIVE__BACKGROUND-COLOR: var(--ids-color-form-background-default);
@@ -15150,6 +15272,8 @@ input[type=search]::-webkit-search-results-decoration {
15150
15272
  --IDS-BUTTON--FAB__SIZE: 2.75rem;
15151
15273
  --IDS-BUTTON--FAB__BORDER: 0.0625rem solid transparent;
15152
15274
  --IDS-BUTTON--FAB__HOVER-BORDER: 0.0625rem solid var(--ids-color-brand-border-primary);
15275
+ --IDS-BUTTON--FAB__HOVER-COLOR: var(--ids-color-navigation-text-hover);
15276
+ --IDS-BUTTON--FAB__ACTIVE-COLOR: var(--ids-color-navigation-text-active);
15153
15277
  --IDS-BUTTON--SUBMIT__BORDER-RADIUS: var(--ids-border-radius-medium);
15154
15278
  --IDS-BUTTON--SUBMIT-S__HEIGHT: 3rem;
15155
15279
  --IDS-BUTTON--SUBMIT-S__FONT-SIZE: 1.125rem;
@@ -15161,15 +15285,15 @@ input[type=search]::-webkit-search-results-decoration {
15161
15285
  --IDS-BUTTON--SUBMIT-L__FONT-SIZE: 1.5rem;
15162
15286
  --IDS-BUTTON--SUBMIT-L__PADDING: 1rem 2rem;
15163
15287
  }
15164
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
15165
- .ids--dark.ids--1177-pro,
15288
+ .ids--light.ids--1177-admin,
15166
15289
  .ids--dark.ids--1177-admin {
15167
15290
  --IDS-BUTTON--SUBMIT-M__HEIGHT: 2.25rem;
15168
15291
  --IDS-BUTTON--SUBMIT-M__FONT-SIZE: 1rem;
15169
15292
  --IDS-BUTTON--SUBMIT-M__PADDING: 0.5rem 1.5rem;
15170
15293
  }
15171
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
15294
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15172
15295
  .ids--dark.ids--inera,
15296
+ .ids--dark.ids--inera-general,
15173
15297
  .ids--dark.ids--inera-admin {
15174
15298
  --IDS-BUTTON--FAB__HOVER-BORDER: 0.0625rem solid var(--ids-color-navigation-icon-default);
15175
15299
  }
@@ -15208,8 +15332,9 @@ input[type=search]::-webkit-search-results-decoration {
15208
15332
  --IDS-CARD--FILL__BORDER-COLOR: var(--ids-color-surface-border-elevated-1);
15209
15333
  --IDS-CARD--INTERACTIVE__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1-hover);
15210
15334
  }
15211
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
15335
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15212
15336
  .ids--dark.ids--inera,
15337
+ .ids--dark.ids--inera-general,
15213
15338
  .ids--dark.ids--inera-admin {
15214
15339
  --IDS-CARD--BORDER-TOP__BACKGROUND-COLOR: transparent;
15215
15340
  --IDS-CARD--FOCUS__BACKGROUND-COLOR: var(--ids-color-surface-background-alternative-elevated-1);
@@ -15241,7 +15366,8 @@ input[type=search]::-webkit-search-results-decoration {
15241
15366
  --IDS-CAROUSEL-ITEM__DESCRIPTION-COLOR: var(--ids-color-surface-text-subtle-on-elevated-1);
15242
15367
  }
15243
15368
 
15244
- .ids--light, .ids--dark {
15369
+ .ids--light,
15370
+ .ids--dark {
15245
15371
  --IDS-DATA-PAGINATION-SELECT__PADDING: 0.25rem 2.125rem 0.25rem 0.5rem;
15246
15372
  --IDS-DATA-PAGINATION-SELECT__BORDER-THICKNESS: 0.0625rem;
15247
15373
  --IDS-DATA-PAGINATION-SELECT__BORDER-COLOR: var(--ids-color-form-border-default);
@@ -15256,7 +15382,10 @@ input[type=search]::-webkit-search-results-decoration {
15256
15382
  --IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR: var(--ids-color-interactive-text-on-active);
15257
15383
  --IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR: var(--ids-color-interactive-background-active);
15258
15384
  }
15259
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
15385
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15386
+ .ids--dark.ids--inera,
15387
+ .ids--dark.ids--inera-general,
15388
+ .ids--dark.ids--inera-admin {
15260
15389
  --IDS-DATA-PAGINATION__LINK-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
15261
15390
  }
15262
15391
 
@@ -15274,6 +15403,7 @@ input[type=search]::-webkit-search-results-decoration {
15274
15403
  --IDS-DATA-TABLE__HEAD-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
15275
15404
  --IDS-DATA-TABLE__HEAD-BACKGROUND-COLOR: var(--ids-color-brand-background-table-header);
15276
15405
  --IDS-DATA-TABLE__HEAD-COLOR: var(--ids-color-brand-text-on-secondary);
15406
+ --IDS-DATA-TABLE__CAPTION-COLOR: var(--ids-color-surface-text-on-default);
15277
15407
  --IDS-DATA-TABLE__ROW--SELECTED__COLOR: var(--ids-color-feedback-background-information);
15278
15408
  --IDS-DATA-TABLE__CELL-BACKGROUND-COLOR: var(--ids-color-surface-background-default);
15279
15409
  --IDS-DATA-TABLE__CELL-COLOR: var(--ids-color-surface-text-on-default);
@@ -15281,8 +15411,9 @@ input[type=search]::-webkit-search-results-decoration {
15281
15411
  --IDS-DATA-TABLE__ICON-COLOR: var(--ids-color-interactive-text-default);
15282
15412
  --IDS-DATA-TABLE__ICON-HOVER-COLOR: var(--ids-color-interactive-text-hover);
15283
15413
  }
15284
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
15414
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15285
15415
  .ids--dark.ids--inera,
15416
+ .ids--dark.ids--inera-general,
15286
15417
  .ids--dark.ids--inera-admin {
15287
15418
  --IDS-DATA-TABLE__BORDER-TOP-RADIUS: 0.3125rem;
15288
15419
  --IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS: 0.3125rem;
@@ -15300,8 +15431,9 @@ input[type=search]::-webkit-search-results-decoration {
15300
15431
  --IDS-DATE-LABEL__BORDER-RADIUS: var(--IDS-BORDER-RADIUS-SMALL);
15301
15432
  --IDS-DATE-LABEL__SEPARATOR-COLOR: var(--ids-color-surface-text-subtle-on-elevated-1);
15302
15433
  }
15303
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
15434
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15304
15435
  .ids--dark.ids--inera,
15436
+ .ids--dark.ids--inera-general,
15305
15437
  .ids--dark.ids--inera-admin {
15306
15438
  --IDS-DATE-LABEL__BORDER: 0.0625rem solid var(--ids-palette-neutral-40);
15307
15439
  }
@@ -15315,8 +15447,9 @@ input[type=search]::-webkit-search-results-decoration {
15315
15447
  --IDS-DIALOG__HEADLINE-FONT-WEIGHT: 700;
15316
15448
  --IDS-DIALOG__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
15317
15449
  }
15318
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
15450
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15319
15451
  .ids--dark.ids--inera,
15452
+ .ids--dark.ids--inera-general,
15320
15453
  .ids--dark.ids--inera-admin {
15321
15454
  --IDS-DIALOG__BORDER-COLOR: var(--ids-palette-neutral-40);
15322
15455
  --IDS-DIALOG__HEADLINE-FONT-WEIGHT: 600;
@@ -15338,8 +15471,9 @@ input[type=search]::-webkit-search-results-decoration {
15338
15471
  --IDS-DROPDOWN__LINK-HOVER-BACKGROUND-COLOR: var(--ids-color-interactive-background-hover);
15339
15472
  --IDS-DROPDOWN__LINK-OUTLINE-COLOR: var(--ids-palette-neutral-100);
15340
15473
  }
15341
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
15474
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15342
15475
  .ids--dark.ids--inera,
15476
+ .ids--dark.ids--inera-general,
15343
15477
  .ids--dark.ids--inera-admin {
15344
15478
  --IDS-DROPDOWN__BORDER-COLOR: var(--ids-palette-neutral-40);
15345
15479
  }
@@ -15394,8 +15528,9 @@ input[type=search]::-webkit-search-results-decoration {
15394
15528
  --IDS-FOOTER-1177-PRO-SUB__COLOR: var(--ids-palette-neutral-100);
15395
15529
  }
15396
15530
 
15397
- .ids--light, .ids--dark {
15398
- --IDS-FOOTER-INERA__BACKGROUND-COLOR: var(--ids-color-brand-background-primary);
15531
+ .ids--light,
15532
+ .ids--dark {
15533
+ --IDS-FOOTER-INERA__BACKGROUND-COLOR: var(--ids-color-brand-background-footer);
15399
15534
  --IDS-FOOTER-INERA-HEADLINE__COLOR: var(--ids-color-brand-text-on-primary);
15400
15535
  --IDS-FOOTER-INERA__COLOR: var(--ids-color-brand-text-on-primary);
15401
15536
  --IDS-FOOTER-INERA-SUB__COLOR: var(--ids-color-brand-text-on-primary);
@@ -15412,6 +15547,16 @@ input[type=search]::-webkit-search-results-decoration {
15412
15547
  --IDS-FOOTER-INERA-MOBILE__AFTER: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' viewBox='0 0 154 78' fill='none'%3E%3Cpath d='M154 77.7737C154 77.7522 154 77.7307 154 77.7092C154 35.2188 119.526 0.773669 77 0.773673C34.474 0.773677 -3.72026e-06 35.2188 -5.63531e-09 77.7092C-3.7567e-09 77.7307 1.52569e-05 77.7522 3.05176e-05 77.7737L48.4356 77.7737C48.4355 77.7522 48.4355 77.7307 48.4355 77.7092C48.4355 61.9466 61.2241 49.1686 77 49.1686C92.7758 49.1686 105.565 61.9466 105.565 77.7092C105.565 77.7307 105.564 77.7522 105.564 77.7737L154 77.7737Z' fill='%23151515'/%3E%3C/svg%3E");
15413
15548
  }
15414
15549
 
15550
+ .ids--light,
15551
+ .ids--dark {
15552
+ --IDS-FOOTER-INERA-GENERAL__BACKGROUND-COLOR: var(--ids-color-brand-background-footer);
15553
+ --IDS-FOOTER-INERA-GENERAL-HEADLINE__COLOR: var(--ids-color-brand-text-on-primary);
15554
+ --IDS-FOOTER-INERA-GENERAL__COLOR: var(--ids-color-brand-text-on-primary);
15555
+ --IDS-FOOTER-INERA-GENERAL-SUB__COLOR: var(--ids-color-brand-text-on-primary);
15556
+ --IDS-FOOTER-INERA-GENERAL-SUB__BACKGROUND-COLOR: var(--ids-color-brand-background-footer-bottom);
15557
+ --IDS-FOOTER-INERA-GENERAL-SUB-MOBILE__COLOR: var(--ids-color-brand-text-on-primary);
15558
+ }
15559
+
15415
15560
  .ids--light, .ids--dark {
15416
15561
  --IDS-FOOTER-INERA-ADMIN__BACKGROUND-COLOR: var(--ids-color-brand-background-footer);
15417
15562
  --IDS-FOOTER-INERA-ADMIN__BORDER-COLOR: var(--ids-color-surface-border-elevated-1);
@@ -15457,7 +15602,8 @@ input[type=search]::-webkit-search-results-decoration {
15457
15602
  --IDS-FORM--INVALID-BOX-SHADOW: none;
15458
15603
  }
15459
15604
 
15460
- .ids--light, .ids--dark {
15605
+ .ids--light,
15606
+ .ids--dark {
15461
15607
  --IDS-CHECK-BUTTON__BORDER-COLOR: var(--ids-color-interactive-border-default);
15462
15608
  --IDS-CHECK-BUTTON__BORDER-THICKNESS: 0.0625rem;
15463
15609
  --IDS-CHECK-BUTTON__BORDER-RADIUS: var(--ids-border-radius-button);
@@ -15478,7 +15624,10 @@ input[type=search]::-webkit-search-results-decoration {
15478
15624
  --IDS-CHECK-BUTTON--DISABLED__BORDER-COLOR: var(--ids-color-interactive-border-disabled);
15479
15625
  --IDS-CHECK-BUTTON--DISABLED__BACKGROUND-COLOR: var(--ids-color-interactive-background-disabled);
15480
15626
  }
15481
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
15627
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15628
+ .ids--dark.ids--inera,
15629
+ .ids--dark.ids--inera-general,
15630
+ .ids--dark.ids--inera-admin {
15482
15631
  --IDS-CHECK-BUTTON__BORDER-COLOR: var(--ids-color-interactive-background-default);
15483
15632
  }
15484
15633
 
@@ -15511,12 +15660,12 @@ input[type=search]::-webkit-search-results-decoration {
15511
15660
  .ids--light,
15512
15661
  .ids--dark {
15513
15662
  --IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-COLOR: var(--ids-color-interactive-background-default);
15514
- --IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR: var(--ids-color-interactive-background-default);
15515
- --IDS-DATEPICKER__TRIGGER-BUTTON-COLOR: var(--ids-color-interactive-text-on-default);
15516
- --IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS: 0.5625rem;
15663
+ --IDS-DATEPICKER__TRIGGER-BUTTON-BACKGROUND-COLOR: transparent;
15664
+ --IDS-DATEPICKER__TRIGGER-BUTTON-COLOR: var(--ids-color-interactive-text-default);
15517
15665
  --IDS-DATEPICKER__TRIGGER-BUTTON-DISABLED-BORDER-COLOR: var(--ids-color-interactive-border-disabled);
15518
15666
  --IDS-DATEPICKER__TRIGGER-BUTTON-DISABLED-BACKGROUND-COLOR: var(--ids-color-interactive-background-disabled);
15519
15667
  --IDS-DATEPICKER__TRIGGER-BUTTON-DISABLED-COLOR: var(--ids-color-interactive-text-on-disabled);
15668
+ --IDS-DATEPICKER__TRIGGER-BUTTON-INVALID-COLOR: var(--ids-color-feedback-text-error);
15520
15669
  --IDS-DATEPICKER__DATE-BUTTON-BACKGROUND-COLOR: transparent;
15521
15670
  --IDS-DATEPICKER__DATE-BUTTON-COLOR: var(--ids-color-interactive-text-default);
15522
15671
  --IDS-DATEPICKER__MONTH-BUTTON-COLOR: var(--ids-color-surface-text-on-elevated-1);
@@ -15544,6 +15693,12 @@ input[type=search]::-webkit-search-results-decoration {
15544
15693
  --IDS-DATEPICKER__BUTTON-SELECTED-BACKGROUND-COLOR: var(--ids-color-interactive-background-default);
15545
15694
  --IDS-DATEPICKER__BUTTON-SELECTED-BORDER-COLOR: var(--ids-color-interactive-background-default);
15546
15695
  }
15696
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15697
+ .ids--dark.ids--inera,
15698
+ .ids--dark.ids--inera-general,
15699
+ .ids--dark.ids--inera-admin {
15700
+ --IDS-DATEPICKER__TRIGGER-BUTTON-BORDER-RADIUS: 0.375rem;
15701
+ }
15547
15702
 
15548
15703
  .ids--light,
15549
15704
  .ids--dark {
@@ -15635,28 +15790,31 @@ input[type=search]::-webkit-search-results-decoration {
15635
15790
  .ids--light,
15636
15791
  .ids--dark {
15637
15792
  --IDS-RADIO-BUTTON__BORDER-THICKNESS: 0.0625rem;
15638
- --IDS-RADIO-BUTTON__BORDER-COLOR: var(--ids-color-navigation-border-default);
15639
- --IDS-RADIO-BUTTON__COLOR: var(--ids-color-surface-text-on-default);
15640
- --IDS-RADIO-BUTTON__BACKGROUND-COLOR: var(--ids-color-surface-background-default);
15641
- --IDS-RADIO-BUTTON--CHECKED__BACKGROUND-COLOR: var(--ids-color-navigation-background-default);
15642
- --IDS-RADIO-BUTTON--CHECKED__BORDER-COLOR: var(--ids-color-navigation-border-default);
15643
- --IDS-RADIO-BUTTON--CHECKED__COLOR: var(--ids-color-navigation-text-on-default);
15644
- --IDS-RADIO-BUTTON--HOVER__COLOR: var(--ids-color-navigation-text-on-default);
15645
- --IDS-RADIO-BUTTON--HOVER__BORDER-COLOR: var(--ids-color-navigation-border-default);
15646
- --IDS-RADIO-BUTTON--HOVER__BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
15647
- --IDS-RADIO-BUTTON--ACTIVE__BORDER-COLOR: var(--ids-color-navigation-border-default);
15648
- --IDS-RADIO-BUTTON--ACTIVE__BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
15649
- --IDS-RADIO-BUTTON--DISABLED-BACKGROUND-COLOR: var(--ids-color-interactive-background-disabled);
15793
+ --IDS-RADIO-BUTTON__PADDING: 0.5rem 0.75rem;
15794
+ --IDS-RADIO-BUTTON__BORDER-RADIUS: var(--ids-border-radius-button);
15795
+ --IDS-RADIO-BUTTON__COLOR: var(--ids-color-interactive-text-on-default);
15796
+ --IDS-RADIO-BUTTON__BORDER-COLOR: var(--ids-color-interactive-background-default);
15797
+ --IDS-RADIO-BUTTON__BACKGROUND-COLOR: var(--ids-color-interactive-background-default);
15798
+ --IDS-RADIO-BUTTON--CHECKED__COLOR: var(--ids-color-surface-text-on-default);
15799
+ --IDS-RADIO-BUTTON--CHECKED__BORDER-COLOR: var(--ids-color-interactive-border-default);
15800
+ --IDS-RADIO-BUTTON--CHECKED__BACKGROUND-COLOR: var(--ids-color-surface-background-default);
15801
+ --IDS-RADIO-BUTTON--HOVER__COLOR: var(--ids-color-interactive-text-on-hover);
15802
+ --IDS-RADIO-BUTTON--HOVER__BORDER-COLOR: var(--ids-color-interactive-background-hover);
15803
+ --IDS-RADIO-BUTTON--HOVER__BACKGROUND-COLOR: var(--ids-color-interactive-background-hover);
15804
+ --IDS-RADIO-BUTTON--ACTIVE__COLOR: var(--ids-color-interactive-text-on-active);
15805
+ --IDS-RADIO-BUTTON--ACTIVE__BORDER-COLOR: var(--ids-color-interactive-background-active);
15806
+ --IDS-RADIO-BUTTON--ACTIVE__BACKGROUND-COLOR: var(--ids-color-interactive-background-active);
15807
+ --IDS-RADIO-BUTTON--DISABLED__COLOR: var(--ids-color-interactive-text-on-disabled);
15650
15808
  --IDS-RADIO-BUTTON--DISABLED__BORDER-COLOR: var(--ids-color-interactive-text-on-disabled);
15651
- --IDS-RADIO-BUTTON--DISABLED-COLOR: var(--ids-color-interactive-text-on-disabled);
15652
15809
  }
15653
15810
 
15654
15811
  .ids--dark {
15655
15812
  --IDS-RADIO-BUTTON__BORDER-THICKNESS: 0.125rem;
15656
- --IDS-RADIO-BUTTON--CHECKED__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-2);
15813
+ --IDS-RADIO-BUTTON__PADDING: 0.4375rem 0.6875rem;
15657
15814
  }
15658
15815
 
15659
- .ids--light, .ids--dark {
15816
+ .ids--light,
15817
+ .ids--dark {
15660
15818
  --IDS-RANGE__BORDER-THICKNESS: 0.0625rem;
15661
15819
  --IDS-RANGE__BACKGROUND-COLOR: var(--ids-color-interactive-background-default);
15662
15820
  --IDS-RANGE__SELECTION-BACKGROUND-COLOR: var(--ids-color-interactive-background-default);
@@ -15705,18 +15863,25 @@ input[type=search]::-webkit-search-results-decoration {
15705
15863
  --IDS-SPINNER--LIGHT__COLOR: var(--ids-palette-neutral-100);
15706
15864
  }
15707
15865
 
15708
- .ids--light, .ids--dark {
15866
+ .ids--light,
15867
+ .ids--dark {
15709
15868
  --IDS-TEXTAREA__PADDING: 0.75rem 1.25rem;
15710
15869
  --IDS-TEXTAREA__BACKGROUND-COLOR: var(--ids-color-form-background-default);
15711
15870
  --IDS-TEXTAREA__RESIZER-IMAGE: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='2.5rem' height='2.5rem' viewBox='0 0 40 40' fill='none' version='1.1' id='svg3' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs3' /%3E%3Cpath d='m 32.750455,4.7161113 c 0.976302,0.9763023 0.529818,2.224356 -0.446491,3.2006654 L 7.8342826,32.274835 c -0.9763016,0.976302 -2.3917967,1.70185 -3.3680997,0.725548 -0.9763016,-0.976303 -0.9763016,-2.559232 0,-3.535533 L 29.214921,4.7161113 c 0.976309,-0.9763094 2.559232,-0.9763023 3.535534,0 z' id='path2' style='fill:%23396291;fill-opacity:1' /%3E%3Cpath d='m 32.876716,22.751757 c 0.384143,-0.71897 0.316192,-1.636374 -0.299366,-2.19609 -0.663607,-0.603405 -1.851199,-0.577406 -2.545108,-0.158033 l -10.906246,10.66159 c -0.440031,0.431082 -0.426797,1.850489 0.270247,2.410027 0.620863,0.498385 2.193013,0.576181 2.633044,0.145099 z' fill='%23396291' id='path1' style='fill:%23396291;fill-opacity:1;stroke-width:0.446104' /%3E%3C/svg%3E%0A");
15712
15871
  }
15713
- .ids--light.ids--1177-admin, .ids--light.ids--1177-pro, .ids--dark.ids--1177-admin, .ids--dark.ids--1177-pro {
15872
+ .ids--light.ids--1177-admin, .ids--light.ids--1177-pro,
15873
+ .ids--dark.ids--1177-admin,
15874
+ .ids--dark.ids--1177-pro {
15714
15875
  --IDS-TEXTAREA__PADDING: 0.5rem 0.625rem;
15715
15876
  }
15716
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
15877
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
15878
+ .ids--dark.ids--inera,
15879
+ .ids--dark.ids--inera-general,
15880
+ .ids--dark.ids--inera-admin {
15717
15881
  --IDS-TEXTAREA__RESIZER-IMAGE: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='2.5rem' height='2.5rem' viewBox='0 0 40 40' fill='none' version='1.1' id='svg3' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs3' /%3E%3Cpath d='m 32.750455,4.7161113 c 0.976302,0.9763023 0.529818,2.224356 -0.446491,3.2006654 L 7.8342826,32.274835 c -0.9763016,0.976302 -2.3917967,1.70185 -3.3680997,0.725548 -0.9763016,-0.976303 -0.9763016,-2.559232 0,-3.535533 L 29.214921,4.7161113 c 0.976309,-0.9763094 2.559232,-0.9763023 3.535534,0 z' id='path2' style='fill:%2340775e;fill-opacity:1' /%3E%3Cpath d='m 32.876716,22.751757 c 0.384143,-0.71897 0.316192,-1.636374 -0.299366,-2.19609 -0.663607,-0.603405 -1.851199,-0.577406 -2.545108,-0.158033 l -10.906246,10.66159 c -0.440031,0.431082 -0.426797,1.850489 0.270247,2.410027 0.620863,0.498385 2.193013,0.576181 2.633044,0.145099 z' fill='%2340775e' id='path1' style='fill:%2340775e;fill-opacity:1;stroke-width:0.446104' /%3E%3C/svg%3E%0A");
15718
15882
  }
15719
- .ids--light.ids--inera-admin, .ids--dark.ids--inera-admin {
15883
+ .ids--light.ids--inera-admin,
15884
+ .ids--dark.ids--inera-admin {
15720
15885
  --IDS-TEXTAREA__PADDING: 0.5rem 0.625rem;
15721
15886
  }
15722
15887
 
@@ -15727,7 +15892,7 @@ input[type=search]::-webkit-search-results-decoration {
15727
15892
  .ids--dark.ids--1177-admin, .ids--dark.ids--1177-pro {
15728
15893
  --IDS-TEXTAREA__PADDING: 0.4375rem 0.5625rem;
15729
15894
  }
15730
- .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
15895
+ .ids--dark.ids--inera, .ids--dark.ids--inera-general .ids--dark.ids--inera-admin {
15731
15896
  --IDS-TEXTAREA__RESIZER-IMAGE: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='2.5rem' height='2.5rem' viewBox='0 0 40 40' fill='none' version='1.1' id='svg3' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs3' /%3E%3Cpath d='m 32.750455,4.7161113 c 0.976302,0.9763023 0.529818,2.224356 -0.446491,3.2006654 L 7.8342826,32.274835 c -0.9763016,0.976302 -2.3917967,1.70185 -3.3680997,0.725548 -0.9763016,-0.976303 -0.9763016,-2.559232 0,-3.535533 L 29.214921,4.7161113 c 0.976309,-0.9763094 2.559232,-0.9763023 3.535534,0 z' fill='%23396291' id='path2' style='fill:%23C6D2DF;fill-opacity:1' /%3E%3Cpath d='m 32.876716,22.751757 c 0.384143,-0.71897 0.316192,-1.636374 -0.299366,-2.19609 -0.663607,-0.603405 -1.851199,-0.577406 -2.545108,-0.158033 l -10.906246,10.66159 c -0.440031,0.431082 -0.426797,1.850489 0.270247,2.410027 0.620863,0.498385 2.193013,0.576181 2.633044,0.145099 z' fill='%23396291' id='path1' style='fill:%23C6D2DF;fill-opacity:1;stroke-width:0.446104' /%3E%3C/svg%3E%0A");
15732
15897
  }
15733
15898
  .ids--dark.ids--inera-admin {
@@ -15788,10 +15953,12 @@ input[type=search]::-webkit-search-results-decoration {
15788
15953
  --IDS-ICON-TOGGLE--CHECKED__KNOB-LEFT: calc(100% - 1.5rem);
15789
15954
  --IDS-ICON-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR: var(--ids-palette-neutral-90);
15790
15955
  --IDS-ICON-TOGGLE--DISABLED__KNOB-COLOR: var(--ids-palette-neutral-20);
15791
- --IDS-DARKMODE-TOGGLE-LABEL__COLOR: var(--ids-color-surface-text-on-default);
15956
+ --IDS-ICON-TOGGLE-LABEL__COLOR: var(--ids-color-surface-text-on-default);
15957
+ --IDS-ICON-TOGGLE__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
15792
15958
  }
15793
- .ids--light.ids--inera,
15794
- .ids--dark.ids--inera {
15959
+ .ids--light.ids--inera, .ids--light.ids--inera-general,
15960
+ .ids--dark.ids--inera,
15961
+ .ids--dark.ids--inera-general {
15795
15962
  --IDS-ICON-TOGGLE__BORDER-COLOR: var(--ids-color-brand-background-secondary);
15796
15963
  --IDS-ICON-TOGGLE__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
15797
15964
  --IDS-ICON-TOGGLE__COLOR: var(--ids-color-brand-text-on-secondary);
@@ -15807,7 +15974,8 @@ input[type=search]::-webkit-search-results-decoration {
15807
15974
  --IDS-ICON-TOGGLE--CHECKED__HOVER-BACKGROUND-COLOR: var(--ids-palette-neutral-40);
15808
15975
  --IDS-ICON-TOGGLE--CHECKED__ACTIVE-BORDER-COLOR: var(--ids-palette-neutral-40);
15809
15976
  --IDS-ICON-TOGGLE--CHECKED__ACTIVE-BACKGROUND-COLOR: var(--ids-palette-neutral-40);
15810
- --IDS-DARKMODE-TOGGLE-LABEL__COLOR: var(--ids-color-brand-text-on-primary);
15977
+ --IDS-ICON-TOGGLE-LABEL__COLOR: var(--ids-color-brand-text-on-primary);
15978
+ --IDS-ICON-TOGGLE__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR);
15811
15979
  }
15812
15980
 
15813
15981
  .ids--dark {
@@ -15830,6 +15998,29 @@ input[type=search]::-webkit-search-results-decoration {
15830
15998
  --IDS-ICON-TOGGLE--CHECKED__KNOB-BACKGROUND-COLOR: var(--ids-palette-neutral-100);
15831
15999
  --IDS-ICON-TOGGLE--DISABLED__COLOR: var(--ids-palette-neutral-100);
15832
16000
  --IDS-ICON-TOGGLE--DISABLED__KNOB-COLOR: var(--ids-palette-neutral-20);
16001
+ --IDS-ICON-TOGGLE__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR);
16002
+ }
16003
+ .ids--dark.ids--inera, .ids--dark.ids--inera-general {
16004
+ --IDS-ICON-TOGGLE__BORDER-COLOR: var(--ids-palette-neutral-90);
16005
+ --IDS-ICON-TOGGLE__BACKGROUND-COLOR: var(--ids-palette-neutral-10);
16006
+ --IDS-ICON-TOGGLE__COLOR: var(--ids-color-surface-text-on-default);
16007
+ --IDS-ICON-TOGGLE__HOVER-COLOR: var(--ids-palette-neutral-20);
16008
+ --IDS-ICON-TOGGLE__HOVER-BORDER-COLOR: var(--ids-palette-neutral-100);
16009
+ --IDS-ICON-TOGGLE__HOVER-BACKGROUND-COLOR: var(--ids-palette-neutral-20);
16010
+ --IDS-ICON-TOGGLE__ACTIVE-BORDER-COLOR: var(--ids-palette-neutral-100);
16011
+ --IDS-ICON-TOGGLE__ACTIVE-BACKGROUND-COLOR: var(--ids-palette-neutral-20);
16012
+ --IDS-ICON-TOGGLE__KNOB-COLOR: var(--ids-palette-neutral-20);
16013
+ --IDS-ICON-TOGGLE__KNOB-BACKGROUND-COLOR: var(--ids-palette-neutral-100);
16014
+ --IDS-ICON-TOGGLE--CHECKED__COLOR: var(--ids-color-surface-text-on-default);
16015
+ --IDS-ICON-TOGGLE--CHECKED__BORDER-COLOR: var(--ids-color-brand-border-primary);
16016
+ --IDS-ICON-TOGGLE--CHECKED__BACKGROUND-COLOR: var(--ids-color-surface-background-default);
16017
+ --IDS-ICON-TOGGLE--CHECKED__HOVER-BORDER-COLOR: var(--ids-color-brand-border-primary);
16018
+ --IDS-ICON-TOGGLE--CHECKED__HOVER-BACKGROUND-COLOR: var(--ids-color-brand-border-primary);
16019
+ --IDS-ICON-TOGGLE--CHECKED__KNOB-COLOR: var(--ids-palette-neutral-30);
16020
+ --IDS-ICON-TOGGLE--CHECKED__KNOB-BACKGROUND-COLOR: var(--ids-palette-neutral-100);
16021
+ --IDS-ICON-TOGGLE--DISABLED__COLOR: var(--ids-palette-neutral-100);
16022
+ --IDS-ICON-TOGGLE--DISABLED__KNOB-COLOR: var(--ids-palette-neutral-20);
16023
+ --IDS-ICON-TOGGLE__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE--LIGHT-COLOR);
15833
16024
  }
15834
16025
 
15835
16026
  .ids--light, .ids--dark {
@@ -16001,7 +16192,8 @@ input[type=search]::-webkit-search-results-decoration {
16001
16192
  --IDS-HEADER-1177-PRO-AVATAR-MOBILE__DROPDOWN-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
16002
16193
  }
16003
16194
 
16004
- .ids--light, .ids--dark {
16195
+ .ids--light,
16196
+ .ids--dark {
16005
16197
  --IDS-HEADER-INERA__BRAND-BORDER-COLOR: transparent;
16006
16198
  --IDS-HEADER-INERA__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
16007
16199
  --IDS-HEADER-INERA__LOGO-COLOR: var(--ids-color-brand-text-primary);
@@ -16026,6 +16218,33 @@ input[type=search]::-webkit-search-results-decoration {
16026
16218
  --IDS-HEADER-INERA__BRAND-BORDER-COLOR: var(--ids-color-brand-border-primary);
16027
16219
  }
16028
16220
 
16221
+ .ids--light,
16222
+ .ids--dark {
16223
+ --IDS-HEADER-INERA-GENERAL__BRAND-BORDER-COLOR: transparent;
16224
+ --IDS-HEADER-INERA-GENERAL__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
16225
+ --IDS-HEADER-INERA-GENERAL__LOGO-COLOR: var(--ids-color-brand-text-primary);
16226
+ --IDS-HEADER-INERA-GENERAL__BORDER-COLOR: var(--ids-color-surface-border-elevated-1);
16227
+ --IDS-HEADER-INERA-GENERAL__BRAND-TEXT-COLOR: var(--ids-color-brand-text-primary);
16228
+ --IDS-HEADER-INERA-GENERAL-ITEM__ICON-COLOR: var(--ids-color-navigation-icon-default);
16229
+ --IDS-HEADER-INERA-GENERAL-ITEM__COLOR: var(--ids-color-navigation-text-default);
16230
+ --IDS-HEADER-INERA-GENERAL-ITEM__HOVER-COLOR: var(--ids-color-navigation-text-hover);
16231
+ --IDS-HEADER-INERA-GENERAL-NAV__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
16232
+ --IDS-HEADER-INERA-GENERAL-NAV__BORDER-COLOR: var(--ids-color-surface-border-elevated-1);
16233
+ --IDS-HEADER-INERA-GENERAL-NAV-ITEM__FONT-WEIGHT: 700;
16234
+ --IDS-HEADER-INERA-GENERAL-NAV-ITEM__COLOR: var(--ids-color-surface-text-on-default);
16235
+ --IDS-HEADER-INERA-GENERAL-NAV-ITEM__BOTTOM-BORDER-COLOR: var(--ids-color-navigation-text-default);
16236
+ --IDS-HEADER-INERA-GENERAL-NAV-ITEM-MENU__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
16237
+ --IDS-HEADER-INERA-GENERAL-NAV-ITEM-MENU__LINK-BORDER-COLOR: var(--ids-color-surface-border-elevated-2);
16238
+ --IDS-HEADER-INERA-GENERAL-MOBILE-MENU__HAMBURGER-COLOR: var(--ids-color-navigation-icon-default);
16239
+ --IDS-HEADER-INERA-GENERAL-MOBILE-MENU__HAMBURGER-HOVER-COLOR: var(--ids-color-navigation-text-hover);
16240
+ --IDS-HEADER-INERA-GENERAL-MOBILE-MENU__BACKGROUND-COLOR: var(--ids-color-surface-background-default);
16241
+ --IDS-HEADER-INERA-GENERAL-MOBILE-MENU__BORDER-COLOR: var(--ids-color-surface-border-elevated-1);
16242
+ }
16243
+
16244
+ .ids--dark {
16245
+ --IDS-HEADER-INERA-GENERAL__BRAND-BORDER-COLOR: var(--ids-color-brand-border-primary);
16246
+ }
16247
+
16029
16248
  .ids--light,
16030
16249
  .ids--dark {
16031
16250
  --IDS-HEADER-INERA-ADMIN__BRAND-BORDER-COLOR: transparent;
@@ -16092,7 +16311,8 @@ input[type=search]::-webkit-search-results-decoration {
16092
16311
  --IDS-HEADER-PATIENT__COLOR: var(--ids-color-surface-text-on-elevated-1);
16093
16312
  }
16094
16313
 
16095
- .ids--light, .ids--dark {
16314
+ .ids--light,
16315
+ .ids--dark {
16096
16316
  --IDS-LINK__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
16097
16317
  --IDS-LINK--COLOR-PRESET-1__COLOR: var(--ids-color-interactive-text-default);
16098
16318
  --IDS-LINK--COLOR-PRESET-1__HOVER-COLOR: var(--ids-color-interactive-text-hover);
@@ -16121,33 +16341,45 @@ input[type=search]::-webkit-search-results-decoration {
16121
16341
  --IDS-LINK--MENU__ACTIVE-ICON-HOVER-COLOR: var(--ids-color-navigation-text-on-hover);
16122
16342
  --IDS-LINK--MENU__ACTIVE-ICON-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-background-hover);
16123
16343
  }
16124
- .ids--light.ids--1177, .ids--dark.ids--1177 {
16344
+ .ids--light.ids--1177,
16345
+ .ids--dark.ids--1177 {
16125
16346
  --IDS-LINK--FOOTER__COLOR: var(--ids-color-navigation-text-default);
16126
16347
  --IDS-LINK--FOOTER__HOVER-COLOR: var(--ids-color-navigation-text-hover);
16348
+ --IDS-LINK--FOOTER__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
16127
16349
  }
16128
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
16350
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
16351
+ .ids--dark.ids--1177-pro,
16352
+ .ids--dark.ids--1177-admin {
16129
16353
  --IDS-LINK--FOOTER__COLOR: var(--ids-color-interactive-text-default);
16130
16354
  --IDS-LINK--FOOTER__HOVER-COLOR: var(--ids-color-interactive-text-hover);
16355
+ --IDS-LINK--FOOTER__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
16131
16356
  }
16132
- .ids--light.ids--inera, .ids--dark.ids--inera {
16357
+ .ids--light.ids--inera, .ids--light.ids--inera-general,
16358
+ .ids--dark.ids--inera,
16359
+ .ids--dark.ids--inera-general {
16133
16360
  --IDS-LINK--FOOTER__COLOR: var(--ids-palette-neutral-100);
16134
16361
  --IDS-LINK--FOOTER__HOVER-COLOR: var(--ids-palette-neutral-100);
16362
+ --IDS-LINK--FOOTER__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR--LIGHT);
16135
16363
  }
16136
- .ids--light.ids--inera-admin, .ids--dark.ids--inera-admin {
16364
+ .ids--light.ids--inera-admin,
16365
+ .ids--dark.ids--inera-admin {
16137
16366
  --IDS-LINK--FOOTER__COLOR: var(--ids-color-text-on-secondary);
16138
16367
  --IDS-LINK--FOOTER__HOVER-COLOR: var(--ids-color-text-on-secondary);
16368
+ --IDS-LINK--FOOTER__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
16139
16369
  }
16140
16370
 
16141
16371
  .ids--dark.ids--1177 {
16142
16372
  --IDS-LINK--FOOTER__COLOR: var(--ids-palette-neutral-100);
16143
16373
  --IDS-LINK--FOOTER__HOVER-COLOR: var(--ids-palette-neutral-100);
16374
+ --IDS-LINK--FOOTER__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR--LIGHT);
16144
16375
  }
16145
16376
  .ids--dark.ids--inera-admin {
16146
16377
  --IDS-LINK--FOOTER__COLOR: var(--ids-palette-neutral-100);
16147
16378
  --IDS-LINK--FOOTER__HOVER-COLOR: var(--ids-palette-neutral-100);
16148
16379
  }
16149
16380
 
16150
- .ids--light, .ids--dark {
16381
+ .ids--light,
16382
+ .ids--dark {
16151
16383
  --IDS-LIST-PAGINATION__LINK-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
16152
16384
  --IDS-LIST-PAGINATION__COLOR: var(--ids-color-interactive-text-default);
16153
16385
  --IDS-LIST-PAGINATION__BACKGROUND-COLOR: var(--ids-color-surface-background-default);
@@ -16159,7 +16391,10 @@ input[type=search]::-webkit-search-results-decoration {
16159
16391
  --IDS-LIST-PAGINATION__CURRENT-FOCUS-COLOR: var(--ids-color-interactive-text-on-default);
16160
16392
  --IDS-LIST-PAGINATION--DISABLED-COLOR: var(--ids-color-form-text-on-disabled);
16161
16393
  }
16162
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
16394
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
16395
+ .ids--dark.ids--inera,
16396
+ .ids--dark.ids--inera-general,
16397
+ .ids--dark.ids--inera-admin {
16163
16398
  --IDS-LIST-PAGINATION__LINK-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
16164
16399
  }
16165
16400
 
@@ -16170,7 +16405,7 @@ input[type=search]::-webkit-search-results-decoration {
16170
16405
  /* Level 1 */
16171
16406
  --IDS-MOBILE-MENU-ITEM__FONT-WEIGHT: 700;
16172
16407
  --IDS-MOBILE-MENU-ITEM__COLOR: var(--ids-color-navigation-text-default);
16173
- --IDS-MOBILE-MENU-ITEM--HOVER__COLOR: var(--ids-color-navigation-text-hover);
16408
+ --IDS-MOBILE-MENU-ITEM__HOVER-COLOR: var(--ids-color-navigation-text-hover);
16174
16409
  --IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
16175
16410
  --IDS-MOBILE-MENU-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
16176
16411
  --IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
@@ -16193,7 +16428,7 @@ input[type=search]::-webkit-search-results-decoration {
16193
16428
  /* Level 1 */
16194
16429
  --IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT: 700;
16195
16430
  --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--ids-color-navigation-text-default);
16196
- --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--ids-color-navigation-text-hover);
16431
+ --IDS-MOBILE-MENU-2-ITEM__HOVER-COLOR: var(--ids-color-navigation-text-hover);
16197
16432
  --IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
16198
16433
  --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-navigation-border-default);
16199
16434
  --IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
@@ -16213,14 +16448,13 @@ input[type=search]::-webkit-search-results-decoration {
16213
16448
  /* Level 1 */
16214
16449
  --IDS-MOBILE-MENU-ITEM__FONT-WEIGHT: 700;
16215
16450
  --IDS-MOBILE-MENU-ITEM__COLOR: var(--ids-color-navigation-text-default);
16216
- --IDS-MOBILE-MENU-ITEM--HOVER__COLOR: var(--ids-color-navigation-text-hover);
16451
+ --IDS-MOBILE-MENU-ITEM__HOVER-COLOR: var(--ids-color-navigation-text-hover);
16217
16452
  --IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
16218
16453
  --IDS-MOBILE-MENU-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
16219
16454
  --IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
16220
16455
  --IDS-MOBILE-MENU-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
16221
16456
  /* Secondary */
16222
16457
  --IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR: var(--ids-color-navigation-text-default);
16223
- --IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__COLOR: var(--ids-color-navigation-text-hover);
16224
16458
  --IDS-MOBILE-MENU-ITEM-SECONDARY__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
16225
16459
  --IDS-MOBILE-MENU-ITEM-SECONDARY__BORDER-BOTTOM-COLOR: var(--ids-color-navigation-border-default);
16226
16460
  --IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
@@ -16236,7 +16470,7 @@ input[type=search]::-webkit-search-results-decoration {
16236
16470
  /* Level 1 */
16237
16471
  --IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT: 700;
16238
16472
  --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--ids-color-navigation-text-default);
16239
- --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--ids-color-navigation-text-hover);
16473
+ --IDS-MOBILE-MENU-2-ITEM__HOVER-COLOR: var(--ids-color-navigation-text-hover);
16240
16474
  --IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: var(--ids-color-brand-background-footer);
16241
16475
  --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-navigation-border-default);
16242
16476
  --IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-footer);
@@ -16247,14 +16481,15 @@ input[type=search]::-webkit-search-results-decoration {
16247
16481
  --IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-footer);
16248
16482
  --IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-navigation-border-default);
16249
16483
  }
16250
- .ids--light.ids--inera,
16251
- .ids--dark.ids--inera {
16484
+ .ids--light.ids--inera, .ids--light.ids--inera-general,
16485
+ .ids--dark.ids--inera,
16486
+ .ids--dark.ids--inera-general {
16252
16487
  /* VARIATION 1 */
16253
16488
  --IDS-MOBILE-MENU--FOCUS-OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
16254
16489
  /* Level 1 */
16255
16490
  --IDS-MOBILE-MENU-ITEM__FONT-WEIGHT: 700;
16256
16491
  --IDS-MOBILE-MENU-ITEM__COLOR: var(--ids-color-navigation-text-default);
16257
- --IDS-MOBILE-MENU-ITEM--HOVER__COLOR: var(--ids-palette-primary-20);
16492
+ --IDS-MOBILE-MENU-ITEM__HOVER-COLOR: var(--ids-color-navigation-text-hover);
16258
16493
  --IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
16259
16494
  --IDS-MOBILE-MENU-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
16260
16495
  --IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
@@ -16277,7 +16512,7 @@ input[type=search]::-webkit-search-results-decoration {
16277
16512
  /* Level 1 */
16278
16513
  --IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT: 700;
16279
16514
  --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--ids-color-brand-text-on-primary);
16280
- --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--ids-color-brand-text-on-primary);
16515
+ --IDS-MOBILE-MENU-2-ITEM__HOVER-COLOR: var(--ids-color-brand-text-on-primary);
16281
16516
  --IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: var(--ids-color-brand-background-primary);
16282
16517
  --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
16283
16518
  --IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-primary);
@@ -16296,6 +16531,7 @@ input[type=search]::-webkit-search-results-decoration {
16296
16531
  /* Level 1 */
16297
16532
  --IDS-MOBILE-MENU-ITEM__FONT-WEIGHT: 700;
16298
16533
  --IDS-MOBILE-MENU-ITEM__COLOR: var(--ids-color-navigation-text-default);
16534
+ --IDS-MOBILE-MENU-ITEM__HOVER-COLOR: var(--ids-color-navigation-text-hover);
16299
16535
  --IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR: var(--ids-color-surface-background-default);
16300
16536
  --IDS-MOBILE-MENU-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-surface-background-default);
16301
16537
  --IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
@@ -16318,7 +16554,7 @@ input[type=search]::-webkit-search-results-decoration {
16318
16554
  /* Level 1 */
16319
16555
  --IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT: 700;
16320
16556
  --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--ids-color-brand-text-on-secondary);
16321
- --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--ids-color-brand-text-on-secondary);
16557
+ --IDS-MOBILE-MENU-2-ITEM__HOVER-COLOR: var(--ids-color-brand-text-on-secondary);
16322
16558
  --IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: var(--ids-color-brand-background-footer);
16323
16559
  --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
16324
16560
  --IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: var(--ids-color-brand-background-footer);
@@ -16341,8 +16577,8 @@ input[type=search]::-webkit-search-results-decoration {
16341
16577
  --IDS-MOBILE-MENU-2-ITEM__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-brand-border-primary);
16342
16578
  --IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-brand-border-primary);
16343
16579
  }
16344
- .ids--dark.ids--inera {
16345
- --IDS-MOBILE-MENU-ITEM--HOVER__COLOR: var(--ids-palette-neutral-100);
16580
+ .ids--dark.ids--inera, .ids--dark.ids--inera-general {
16581
+ --IDS-MOBILE-MENU-ITEM__HOVER-COLOR: var(--ids-palette-neutral-100);
16346
16582
  --IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR: var(--ids-color-navigation-text-default);
16347
16583
  --IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-HOVER-BACKGROUND-COLOR: var(--ids-color-brand-text-on-primary);
16348
16584
  --IDS-MOBILE-MENU-ITEM--L2__COLOR: var(--ids-color-brand-text-on-primary);
@@ -16363,14 +16599,16 @@ input[type=search]::-webkit-search-results-decoration {
16363
16599
  --IDS-NAVIGATION-CONTENT__HEADLINE-COLOR: var(--ids-color-surface-text-on-elevated-1);
16364
16600
  --IDS-NAVIGATION-CONTENT__ITEM-BORDER-TOP: 0.0625rem solid var(--ids-palette-accent-90);
16365
16601
  }
16366
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
16602
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
16367
16603
  .ids--dark.ids--inera,
16604
+ .ids--dark.ids--inera-general,
16368
16605
  .ids--dark.ids--inera-admin {
16369
16606
  --IDS-NAVIGATION-CONTENT__DECORATION-TOP-HEIGHT: 0;
16370
16607
  --IDS-NAVIGATION-CONTENT__ITEM-BORDER-TOP: 0.0625rem solid var(--ids-color-surface-border-elevated-1);
16371
16608
  }
16372
16609
 
16373
- .ids--light, .ids--dark {
16610
+ .ids--light,
16611
+ .ids--dark {
16374
16612
  --IDS-NAVIGATION-LOCAL__BORDER: 0.0625rem solid var(--ids-color-surface-border-default);
16375
16613
  --IDS-NAVIGATION-LOCAL__AFTER-COLOR: var(--ids-color-surface-border-default);
16376
16614
  --IDS-NAVIGATION-LOCAL--HOVER-BEFORE-COLOR: var(--ids-color-navigation-border-hover);
@@ -16380,7 +16618,7 @@ input[type=search]::-webkit-search-results-decoration {
16380
16618
  --IDS-NAVIGATION-LOCAL__LINK--HOVER-COLOR: var(--ids-color-navigation-text-hover);
16381
16619
  }
16382
16620
 
16383
- .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
16621
+ .ids--dark.ids--inera, .ids--dark.ids--inera-general, .ids--dark.ids--inera-admin {
16384
16622
  --IDS-NAVIGATION-LOCAL__BEFORE-HOVER-COLOR: var(--ids-color-brand-border-primary);
16385
16623
  --IDS-NAVIGATION-LOCAL--ACTIVE-BEFORE-COLOR: var(--ids-color-brand-border-primary);
16386
16624
  }
@@ -16411,8 +16649,9 @@ input[type=search]::-webkit-search-results-decoration {
16411
16649
  --IDS-NOTIFICATION-BADGE--ERROR__BORDER-COLOR: var(--ids-color-feedback-border-error);
16412
16650
  --IDS-NOTIFICATION-BADGE--ERROR__COLOR: var(--ids-color-feedback-text-on-error);
16413
16651
  }
16414
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
16652
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
16415
16653
  .ids--dark.ids--inera,
16654
+ .ids--dark.ids--inera-general,
16416
16655
  .ids--dark.ids--inera-admin {
16417
16656
  --IDS-NOTIFICATION-BADGE--NEUTRAL__BORDER-COLOR: var(--ids-palette-neutral-40);
16418
16657
  }
@@ -16455,14 +16694,18 @@ input[type=search]::-webkit-search-results-decoration {
16455
16694
  --IDS-POPOVER-CONTENT__CARET-BORDER-BOTTOM: -0.1875rem;
16456
16695
  }
16457
16696
 
16458
- .ids--light, .ids--dark {
16697
+ .ids--light,
16698
+ .ids--dark {
16459
16699
  --IDS-PROGRESSBAR__HEIGHT: 0.75rem;
16460
16700
  --IDS-PROGRESSBAR__HEIGHT--TABLET: 0.5rem;
16461
16701
  --IDS-PROGRESSBAR__BORDER-THICKNESS: 0.0625rem;
16462
16702
  --IDS-PROGRESSBAR__BORDER-COLOR: var(--ids-color-feedback-border-information);
16463
16703
  --IDS-PROGRESSBAR__PROGRESS-COLOR: var(--ids-color-feedback-border-information);
16464
16704
  }
16465
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
16705
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
16706
+ .ids--dark.ids--inera,
16707
+ .ids--dark.ids--inera-general,
16708
+ .ids--dark.ids--inera-admin {
16466
16709
  --IDS-PROGRESSBAR__BORDER-COLOR: var(--ids-color-interactive-border-default);
16467
16710
  --IDS-PROGRESSBAR__PROGRESS-COLOR: var(--ids-color-interactive-background-default);
16468
16711
  }
@@ -16519,7 +16762,7 @@ input[type=search]::-webkit-search-results-decoration {
16519
16762
  --IDS-STEP__HEADLINE-COLOR: var(--ids-color-interactive-text-default);
16520
16763
  --IDS-STEP__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
16521
16764
  --IDS-STEP__HEADLINE-LETTER-SPACING: -0.25rem;
16522
- --IDS-STEP__LABEL-COLOR: var(--ids-color-surface-text-on-default);
16765
+ --IDS-STEP__SUBTITLE-COLOR: var(--ids-color-surface-text-on-default);
16523
16766
  --IDS-STEP--DISABLED__HEADLINE-COLOR: var(--ids-color-interactive-text-disabled);
16524
16767
  --IDS-STEP--DISABLED__LABEL-COLOR: var(--ids-color-interactive-text-disabled);
16525
16768
  --IDS-STEP__AFTER-BACKGROUND-COLOR: var(--ids-color-surface-border-default);
@@ -16552,23 +16795,33 @@ input[type=search]::-webkit-search-results-decoration {
16552
16795
  --IDS-STEP__CONTENT-PADDING-DESKTOP: 0 0 0.9375rem 0;
16553
16796
  }
16554
16797
 
16555
- .ids--light, .ids--dark {
16798
+ .ids--light,
16799
+ .ids--dark {
16556
16800
  --IDS-TABLE__BORDER-RADIUS: 0.625rem;
16801
+ --IDS-TABLE__BORDER-TOP-RADIUS: 0.625rem;
16557
16802
  --IDS-TABLE__BORDER-BOTTOM: 0.0625rem solid var(--ids-color-surface-border-default);
16558
16803
  --IDS-TABLE__BORDER-TOP: 0.0625rem solid var(--ids-color-surface-border-default);
16559
16804
  --IDS-TABLE__BORDER-LR: 0.0625rem solid var(--ids-color-surface-border-default);
16560
16805
  --IDS-TABLE__HEAD-BACKGROUND-COLOR: var(--ids-color-brand-background-secondary);
16561
16806
  --IDS-TABLE__HEAD-BORDER-BOTTOM: 0.0625rem solid var(--ids-color-brand-border-primary);
16807
+ --IDS-TABLE__BORDER-TOP-RADIUS: var();
16808
+ --IDS-TABLE__CAPTION-COLOR: var(--ids-color-surface-text-on-default);
16562
16809
  --IDS-TABLE__FIRST-ROW-CELL-BORDER-TOP: 0.0625rem solid var(--ids-color-brand-border-primary);
16563
16810
  --IDS-TABLE__CELL-BORDER: 0.0625rem solid var(--ids-color-surface-border-default);
16564
16811
  --IDS-TABLE__CELL-COLOR: var(--ids-color-surface-text-on-default);
16812
+ --IDS-TABLE__CELL-BACKGROUND-COLOR: var(--ids-color-surface-background-default);
16565
16813
  }
16566
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
16814
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
16815
+ .ids--dark.ids--inera,
16816
+ .ids--dark.ids--inera-general,
16817
+ .ids--dark.ids--inera-admin {
16567
16818
  --IDS-TABLE__BORDER-RADIUS: 0.3125rem;
16819
+ --IDS-TABLE__BORDER-TOP-RADIUS: 0.3125rem;
16568
16820
  --IDS-TABLE__HEAD-BACKGROUND-COLOR: var(--ids-color-surface-background-alternative-elevated-1);
16569
16821
  }
16570
16822
 
16571
- .ids--light, .ids--dark {
16823
+ .ids--light,
16824
+ .ids--dark {
16572
16825
  --IDS-TABS__BACKGROUND-COLOR: var(--ids-color-surface-background-default);
16573
16826
  --IDS-TABS--LIGHT__BACKGROUND: var(--ids-color-form-background-light-default);
16574
16827
  --IDS-TABS__BORDER-BOTTOM-COLOR: var(--ids-color-surface-border-elevated-1);
@@ -16589,7 +16842,10 @@ input[type=search]::-webkit-search-results-decoration {
16589
16842
  --IDS-TAB--SELECTED__BORDER-BOTTOM-COLOR: var(--ids-color-surface-background-default);
16590
16843
  --IDS-TAB-PANEL__COLOR: var(--ids-color-surface-text-on-default);
16591
16844
  }
16592
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
16845
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
16846
+ .ids--dark.ids--inera,
16847
+ .ids--dark.ids--inera-general,
16848
+ .ids--dark.ids--inera-admin {
16593
16849
  --IDS-TAB__BORDER-RADIUS: 0.1875rem 0.1875rem 0 0;
16594
16850
  }
16595
16851
 
@@ -16606,7 +16862,7 @@ input[type=search]::-webkit-search-results-decoration {
16606
16862
  --IDS-TAG__BORDER-RADIUS: var(--IDS-BORDER-RADIUS-SMALL);
16607
16863
  --IDS-TAG__BORDER-COLOR: var(--ids-color-surface-border-default);
16608
16864
  --IDS-TAG__COLOR: var(--ids-color-surface-text-on-default);
16609
- --IDS-TAG__ICON-COLOR: var(--ids-color-interactive-text-default);
16865
+ --IDS-TAG__ICON-COLOR: var(--ids-color-surface-text-on-default);
16610
16866
  --IDS-TAG__ICON-HOVER-COLOR: var(--ids-color-interactive-text-hover);
16611
16867
  --IDS-TAG--INTERACTIVE__COLOR: var(--ids-color-interactive-text-default);
16612
16868
  --IDS-TAG--INTERACTIVE__FONT-WEIGHT: 700;
@@ -16616,8 +16872,9 @@ input[type=search]::-webkit-search-results-decoration {
16616
16872
  --IDS-TAG--INTERACTIVE-ACTIVE__COLOR: var(--ids-color-interactive-text-on-active);
16617
16873
  --IDS-TAG--INTERACTIVE-ACTIVE__BACKGROUND-COLOR: var(--ids-color-interactive-background-active);
16618
16874
  }
16619
- .ids--light.ids--inera, .ids--light.ids--inera-admin,
16875
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
16620
16876
  .ids--dark.ids--inera,
16877
+ .ids--dark.ids--inera-general,
16621
16878
  .ids--dark.ids--inera-admin {
16622
16879
  --IDS-TAG--INTERACTIVE__FONT-WEIGHT: normal;
16623
16880
  }
@@ -16627,6 +16884,12 @@ input[type=search]::-webkit-search-results-decoration {
16627
16884
  --IDS-TAG__BORDER-THICKNESS: 0.125rem;
16628
16885
  }
16629
16886
 
16887
+ .ids--light,
16888
+ .ids--dark {
16889
+ --IDS-TOOLBAR__BORDER-COLOR: var(--ids-color-surface-border-elevated-1);
16890
+ --IDS-TOOLBAR__BACKGROUND-COLOR: var(--ids-color-surface-background-elevated-1);
16891
+ }
16892
+
16630
16893
  .ids--light, .ids--dark {
16631
16894
  --IDS-TOOLTIP__PADDING: 0.5rem 1.25rem;
16632
16895
  --IDS-TOOLTIP__BORDER-THICKNESS: 0.0625rem;