@inera/ids-design 8.2.0 → 9.0.0

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 (385) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion-shadow-lit.js +9 -0
  3. package/components/accordion/accordion-shadow.css +115 -0
  4. package/components/accordion/accordion.css +10 -16
  5. package/components/action-link/action-link-lit.js +1 -1
  6. package/components/{carousel/carousel-item-lit.js → action-link/action-link-shadow-lit.js} +3 -3
  7. package/components/{carousel/carousel-item.css → action-link/action-link-shadow.css} +43 -51
  8. package/components/action-link/action-link.css +5 -10
  9. package/components/alert/alert-lit.js +1 -1
  10. package/components/alert/alert-shadow-lit.js +7 -0
  11. package/components/alert/alert-shadow.css +63 -0
  12. package/components/alert/alert.css +27 -20
  13. package/components/badge/badge-lit.js +1 -1
  14. package/components/badge/badge.css +1 -1
  15. package/components/box-link/box-link-lit.js +1 -1
  16. package/components/box-link/box-link-shadow-lit.js +7 -0
  17. package/components/box-link/box-link-shadow.css +109 -0
  18. package/components/box-link/box-link.css +16 -28
  19. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  20. package/components/breadcrumbs/breadcrumbs-shadow-lit.js +7 -0
  21. package/components/breadcrumbs/breadcrumbs-shadow.css +35 -0
  22. package/components/breadcrumbs/breadcrumbs.css +7 -15
  23. package/components/button-group/button-group-lit.js +1 -1
  24. package/components/button-group/button-group.css +2 -2
  25. package/components/card/card-lit.js +1 -1
  26. package/components/card/card-shadow-lit.js +9 -0
  27. package/components/card/card-shadow.css +30 -0
  28. package/components/card/card.css +58 -65
  29. package/components/carousel/carousel-lit.js +1 -1
  30. package/components/carousel/carousel-shadow-lit.js +7 -0
  31. package/components/carousel/carousel-shadow.css +56 -0
  32. package/components/carousel/carousel.css +110 -33
  33. package/components/data-pagination/data-pagination-lit.js +7 -0
  34. package/components/data-pagination/data-pagination-shadow-lit.d.ts +2 -0
  35. package/components/data-pagination/data-pagination-shadow-lit.js +7 -0
  36. package/components/data-pagination/data-pagination-shadow.css +251 -0
  37. package/components/{pagination/data-pagination → data-pagination}/data-pagination.css +36 -77
  38. package/components/data-table/data-table-lit.js +1 -1
  39. package/components/data-table/data-table.css +48 -40
  40. package/components/date-label/date-label-lit.js +1 -1
  41. package/components/date-label/date-label.css +28 -35
  42. package/components/dialog/dialog-lit.js +1 -1
  43. package/components/dialog/dialog-shadow-lit.d.ts +2 -0
  44. package/components/dialog/dialog-shadow-lit.js +7 -0
  45. package/components/dialog/dialog-shadow.css +27 -0
  46. package/components/dialog/dialog.css +39 -32
  47. package/components/dropdown/dropdown-lit.js +1 -1
  48. package/components/dropdown/dropdown-shadow-lit.d.ts +2 -0
  49. package/components/dropdown/dropdown-shadow-lit.js +9 -0
  50. package/components/dropdown/dropdown-shadow.css +90 -0
  51. package/components/dropdown/dropdown.css +56 -66
  52. package/components/footer-1177/footer-1177-lit.js +1 -1
  53. package/components/footer-1177/footer-1177-shadow-lit.d.ts +2 -0
  54. package/components/footer-1177/footer-1177-shadow-lit.js +7 -0
  55. package/components/footer-1177/footer-1177-shadow.css +61 -0
  56. package/components/footer-1177/footer-1177.css +20 -20
  57. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  58. package/components/footer-1177-admin/footer-1177-admin-shadow-lit.d.ts +2 -0
  59. package/components/footer-1177-admin/footer-1177-admin-shadow-lit.js +7 -0
  60. package/components/footer-1177-admin/footer-1177-admin-shadow.css +113 -0
  61. package/components/footer-1177-admin/footer-1177-admin.css +21 -33
  62. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  63. package/components/footer-1177-pro/footer-1177-pro-shadow-lit.d.ts +2 -0
  64. package/components/footer-1177-pro/footer-1177-pro-shadow-lit.js +7 -0
  65. package/components/footer-1177-pro/footer-1177-pro-shadow.css +125 -0
  66. package/components/footer-1177-pro/footer-1177-pro.css +26 -32
  67. package/components/footer-inera/footer-inera-lit.js +1 -1
  68. package/components/footer-inera/footer-inera-shadow-lit.d.ts +2 -0
  69. package/components/footer-inera/footer-inera-shadow-lit.js +7 -0
  70. package/components/footer-inera/footer-inera-shadow.css +113 -0
  71. package/components/footer-inera/footer-inera.css +20 -18
  72. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  73. package/components/footer-inera-admin/footer-inera-admin-shadow-lit.d.ts +2 -0
  74. package/components/footer-inera-admin/footer-inera-admin-shadow-lit.js +7 -0
  75. package/components/footer-inera-admin/footer-inera-admin-shadow.css +113 -0
  76. package/components/footer-inera-admin/footer-inera-admin.css +21 -33
  77. package/components/form/darkmode-toggle/darkmode-toggle-lit.d.ts +2 -0
  78. package/components/form/darkmode-toggle/darkmode-toggle-lit.js +9 -0
  79. package/components/form/darkmode-toggle/darkmode-toggle.css +179 -0
  80. package/components/form/datepicker/datepicker-lit.js +1 -1
  81. package/components/form/datepicker/datepicker.css +9 -7
  82. package/components/form/error-message/error-message-lit.js +1 -1
  83. package/components/form/error-message/error-message.css +1 -2
  84. package/components/form/group/group-lit.js +1 -1
  85. package/components/form/group/group.css +37 -68
  86. package/components/form/range/range-lit.js +1 -1
  87. package/components/form/range/range.css +9 -10
  88. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  89. package/components/form/select-multiple/select-multiple.css +27 -31
  90. package/components/form/spinner/spinner-lit.js +1 -1
  91. package/components/form/spinner/spinner.css +6 -3
  92. package/components/global-alert/global-alert-lit.js +1 -1
  93. package/components/global-alert/global-alert.css +15 -15
  94. package/components/grid/column/column-lit.js +1 -1
  95. package/components/grid/column/column.css +203 -204
  96. package/components/grid/container/container-lit.js +1 -1
  97. package/components/grid/container/container.css +2 -5
  98. package/components/grid/row/row-lit.js +1 -1
  99. package/components/grid/row/row.css +11 -32
  100. package/components/grid-layout/grid-column/grid-column-lit.d.ts +2 -0
  101. package/components/grid-layout/grid-column/grid-column-lit.js +7 -0
  102. package/components/grid-layout/grid-column/grid-column.css +286 -0
  103. package/components/grid-layout/grid-container/grid-container-lit.d.ts +2 -0
  104. package/components/grid-layout/grid-container/grid-container-lit.js +7 -0
  105. package/components/grid-layout/grid-container/grid-container.css +11 -0
  106. package/components/grid-layout/grid-row/grid-row-lit.d.ts +2 -0
  107. package/components/grid-layout/grid-row/grid-row-lit.js +7 -0
  108. package/components/grid-layout/grid-row/grid-row.css +53 -0
  109. package/components/header-1177/composite-header-1177.css +247 -1106
  110. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  111. package/components/header-1177/header-1177-avatar-shadow-lit.d.ts +2 -0
  112. package/components/header-1177/header-1177-avatar-shadow-lit.js +7 -0
  113. package/components/header-1177/header-1177-avatar-shadow.css +86 -0
  114. package/components/header-1177/header-1177-avatar.css +50 -390
  115. package/components/header-1177/header-1177-item-lit.js +1 -1
  116. package/components/header-1177/header-1177-item-shadow-lit.d.ts +2 -0
  117. package/components/header-1177/header-1177-item-shadow-lit.js +7 -0
  118. package/components/header-1177/header-1177-item-shadow.css +230 -0
  119. package/components/header-1177/header-1177-item.css +89 -323
  120. package/components/header-1177/header-1177-lit.js +1 -1
  121. package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
  122. package/components/header-1177/header-1177-menu-mobile.css +39 -48
  123. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  124. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  125. package/components/header-1177/header-1177-nav-item-mobile-shadow-lit.d.ts +2 -0
  126. package/components/header-1177/header-1177-nav-item-mobile-shadow-lit.js +7 -0
  127. package/components/header-1177/header-1177-nav-item-mobile-shadow.css +87 -0
  128. package/components/header-1177/header-1177-nav-item-mobile.css +60 -147
  129. package/components/header-1177/header-1177-nav-item-shadow-lit.d.ts +2 -0
  130. package/components/header-1177/header-1177-nav-item-shadow-lit.js +7 -0
  131. package/components/header-1177/header-1177-nav-item-shadow.css +98 -0
  132. package/components/header-1177/header-1177-nav-item.css +51 -28
  133. package/components/header-1177/header-1177-nav-lit.js +1 -1
  134. package/components/header-1177/header-1177-nav.css +16 -100
  135. package/components/header-1177/header-1177-region-picker-lit.js +1 -1
  136. package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
  137. package/components/header-1177/header-1177-region-picker-mobile.css +55 -17
  138. package/components/header-1177/header-1177-region-picker.css +52 -13
  139. package/components/header-1177/header-1177-shadow-lit.d.ts +2 -0
  140. package/components/header-1177/header-1177-shadow-lit.js +7 -0
  141. package/components/header-1177/header-1177-shadow.css +102 -0
  142. package/components/header-1177/header-1177.css +53 -18
  143. package/components/header-1177-admin/composite-header-1177-admin.css +1318 -0
  144. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  145. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  146. package/components/header-1177-admin/header-1177-admin-avatar-mobile-shadow-lit.d.ts +2 -0
  147. package/components/header-1177-admin/header-1177-admin-avatar-mobile-shadow-lit.js +7 -0
  148. package/components/header-1177-admin/header-1177-admin-avatar-mobile-shadow.css +37 -0
  149. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +15 -22
  150. package/components/header-1177-admin/header-1177-admin-avatar-shadow-lit.d.ts +2 -0
  151. package/components/header-1177-admin/header-1177-admin-avatar-shadow-lit.js +7 -0
  152. package/components/header-1177-admin/header-1177-admin-avatar-shadow.css +23 -0
  153. package/components/header-1177-admin/header-1177-admin-avatar.css +34 -291
  154. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  155. package/components/header-1177-admin/header-1177-admin-item-shadow-lit.d.ts +2 -0
  156. package/components/header-1177-admin/header-1177-admin-item-shadow-lit.js +7 -0
  157. package/components/header-1177-admin/header-1177-admin-item-shadow.css +158 -0
  158. package/components/header-1177-admin/header-1177-admin-item.css +28 -247
  159. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  160. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
  161. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +39 -46
  162. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  163. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-lit.d.ts +2 -0
  164. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-lit.js +7 -0
  165. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow-lit.d.ts +2 -0
  166. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow-lit.js +7 -0
  167. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow.css +35 -0
  168. package/components/header-1177-admin/header-1177-admin-nav-item-mobile.css +76 -0
  169. package/components/header-1177-admin/header-1177-admin-nav-item-shadow-lit.d.ts +2 -0
  170. package/components/header-1177-admin/header-1177-admin-nav-item-shadow-lit.js +7 -0
  171. package/components/header-1177-admin/header-1177-admin-nav-item-shadow.css +47 -0
  172. package/components/header-1177-admin/header-1177-admin-nav-item.css +9 -22
  173. package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
  174. package/components/header-1177-admin/header-1177-admin-nav.css +9 -64
  175. package/components/header-1177-admin/header-1177-admin-shadow-lit.d.ts +2 -0
  176. package/components/header-1177-admin/header-1177-admin-shadow-lit.js +7 -0
  177. package/components/header-1177-admin/header-1177-admin-shadow.css +33 -0
  178. package/components/header-1177-admin/header-1177-admin.css +15 -31
  179. package/components/header-1177-pro/composite-header-1177-pro.css +1506 -0
  180. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  181. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  182. package/components/header-1177-pro/header-1177-pro-avatar-mobile-shadow-lit.d.ts +2 -0
  183. package/components/header-1177-pro/header-1177-pro-avatar-mobile-shadow-lit.js +7 -0
  184. package/components/header-1177-pro/header-1177-pro-avatar-mobile-shadow.css +38 -0
  185. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +26 -31
  186. package/components/header-1177-pro/header-1177-pro-avatar-shadow-lit.d.ts +2 -0
  187. package/components/header-1177-pro/header-1177-pro-avatar-shadow-lit.js +7 -0
  188. package/components/header-1177-pro/header-1177-pro-avatar-shadow.css +23 -0
  189. package/components/header-1177-pro/header-1177-pro-avatar.css +34 -279
  190. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  191. package/components/header-1177-pro/header-1177-pro-item-shadow-lit.d.ts +2 -0
  192. package/components/header-1177-pro/header-1177-pro-item-shadow-lit.js +7 -0
  193. package/components/header-1177-pro/header-1177-pro-item-shadow.css +169 -0
  194. package/components/header-1177-pro/header-1177-pro-item.css +45 -286
  195. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  196. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
  197. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +39 -47
  198. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  199. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-lit.d.ts +2 -0
  200. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-lit.js +7 -0
  201. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow-lit.d.ts +2 -0
  202. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow-lit.js +7 -0
  203. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow.css +35 -0
  204. package/components/header-1177-pro/header-1177-pro-nav-item-mobile.css +76 -0
  205. package/components/header-1177-pro/header-1177-pro-nav-item-shadow-lit.d.ts +2 -0
  206. package/components/header-1177-pro/header-1177-pro-nav-item-shadow-lit.js +7 -0
  207. package/components/header-1177-pro/header-1177-pro-nav-item-shadow.css +67 -0
  208. package/components/header-1177-pro/header-1177-pro-nav-item.css +9 -26
  209. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  210. package/components/header-1177-pro/header-1177-pro-nav.css +15 -97
  211. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  212. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +1 -1
  213. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +4 -6
  214. package/components/header-1177-pro/header-1177-pro-region-picker.css +1 -2
  215. package/components/header-1177-pro/header-1177-pro-shadow-lit.d.ts +2 -0
  216. package/components/header-1177-pro/header-1177-pro-shadow-lit.js +7 -0
  217. package/components/header-1177-pro/header-1177-pro-shadow.css +69 -0
  218. package/components/header-1177-pro/header-1177-pro.css +9 -24
  219. package/components/header-inera/composite-header-inera.css +633 -0
  220. package/components/header-inera/header-inera-item-lit.js +1 -1
  221. package/components/header-inera/header-inera-item-shadow-lit.d.ts +2 -0
  222. package/components/header-inera/header-inera-item-shadow-lit.js +7 -0
  223. package/components/header-inera/header-inera-item-shadow.css +100 -0
  224. package/components/header-inera/header-inera-item.css +52 -18
  225. package/components/header-inera/header-inera-lit.js +1 -1
  226. package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
  227. package/components/header-inera/header-inera-menu-mobile.css +9 -11
  228. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  229. package/components/header-inera/header-inera-nav-item-shadow-lit.d.ts +2 -0
  230. package/components/header-inera/header-inera-nav-item-shadow-lit.js +7 -0
  231. package/components/header-inera/header-inera-nav-item-shadow.css +46 -0
  232. package/components/header-inera/header-inera-nav-item.css +9 -21
  233. package/components/header-inera/header-inera-nav-lit.js +1 -1
  234. package/components/header-inera/header-inera-nav.css +8 -12
  235. package/components/header-inera/header-inera-shadow-lit.d.ts +2 -0
  236. package/components/header-inera/header-inera-shadow-lit.js +7 -0
  237. package/components/header-inera/header-inera-shadow.css +48 -0
  238. package/components/header-inera/header-inera.css +52 -44
  239. package/components/header-inera-admin/composite-header-inera-admin.css +191 -377
  240. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  241. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  242. package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow-lit.d.ts +2 -0
  243. package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow-lit.js +7 -0
  244. package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow.css +20 -0
  245. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +11 -18
  246. package/components/header-inera-admin/header-inera-admin-avatar-shadow-lit.d.ts +2 -0
  247. package/components/header-inera-admin/header-inera-admin-avatar-shadow-lit.js +7 -0
  248. package/components/header-inera-admin/header-inera-admin-avatar-shadow.css +8 -0
  249. package/components/header-inera-admin/header-inera-admin-avatar.css +32 -269
  250. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  251. package/components/header-inera-admin/header-inera-admin-item-shadow-lit.d.ts +2 -0
  252. package/components/header-inera-admin/header-inera-admin-item-shadow-lit.js +7 -0
  253. package/components/header-inera-admin/header-inera-admin-item-shadow.css +83 -0
  254. package/components/header-inera-admin/header-inera-admin-item.css +72 -36
  255. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  256. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
  257. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +9 -11
  258. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  259. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-lit.d.ts +2 -0
  260. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-lit.js +7 -0
  261. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow-lit.d.ts +2 -0
  262. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow-lit.js +7 -0
  263. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow.css +20 -0
  264. package/components/header-inera-admin/header-inera-admin-nav-item-mobile.css +61 -0
  265. package/components/header-inera-admin/header-inera-admin-nav-item-shadow-lit.d.ts +2 -0
  266. package/components/header-inera-admin/header-inera-admin-nav-item-shadow-lit.js +7 -0
  267. package/components/header-inera-admin/header-inera-admin-nav-item-shadow.css +31 -0
  268. package/components/header-inera-admin/header-inera-admin-nav-item.css +16 -29
  269. package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
  270. package/components/header-inera-admin/header-inera-admin-nav.css +3 -7
  271. package/components/header-inera-admin/header-inera-admin-shadow-lit.d.ts +2 -0
  272. package/components/header-inera-admin/header-inera-admin-shadow-lit.js +7 -0
  273. package/components/header-inera-admin/header-inera-admin-shadow.css +43 -0
  274. package/components/header-inera-admin/header-inera-admin.css +4 -13
  275. package/components/header-patient/header-patient-lit.js +1 -1
  276. package/components/header-patient/header-patient-shadow-lit.d.ts +2 -0
  277. package/components/header-patient/header-patient-shadow-lit.js +7 -0
  278. package/components/header-patient/header-patient-shadow.css +4 -0
  279. package/components/header-patient/header-patient.css +8 -14
  280. package/components/list-pagination/list-pagination-lit.d.ts +2 -0
  281. package/components/list-pagination/list-pagination-lit.js +9 -0
  282. package/components/list-pagination/list-pagination-shadow-lit.d.ts +2 -0
  283. package/components/list-pagination/list-pagination-shadow-lit.js +9 -0
  284. package/components/list-pagination/list-pagination-shadow.css +125 -0
  285. package/components/{pagination/list-pagination → list-pagination}/list-pagination.css +88 -36
  286. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  287. package/components/mobile-menu/mobile-menu-shadow-lit.d.ts +2 -0
  288. package/components/mobile-menu/mobile-menu-shadow-lit.js +7 -0
  289. package/components/mobile-menu/mobile-menu-shadow.css +170 -0
  290. package/components/mobile-menu/mobile-menu.css +26 -79
  291. package/components/navigation-content/navigation-content-lit.d.ts +2 -0
  292. package/components/navigation-content/navigation-content-lit.js +7 -0
  293. package/components/navigation-content/navigation-content-shadow-lit.d.ts +2 -0
  294. package/components/navigation-content/navigation-content-shadow-lit.js +7 -0
  295. package/components/navigation-content/navigation-content-shadow.css +6 -0
  296. package/components/{navigation/content → navigation-content}/navigation-content.css +24 -3
  297. package/components/navigation-local/navigation-local-lit.d.ts +2 -0
  298. package/components/navigation-local/navigation-local-lit.js +7 -0
  299. package/components/navigation-local/navigation-local-shadow-lit.d.ts +2 -0
  300. package/components/navigation-local/navigation-local-shadow-lit.js +7 -0
  301. package/components/navigation-local/navigation-local-shadow.css +37 -0
  302. package/components/{navigation/local → navigation-local}/navigation-local.css +11 -17
  303. package/components/notification-badge/notification-badge-lit.js +1 -1
  304. package/components/notification-badge/notification-badge-shadow-lit.d.ts +2 -0
  305. package/components/notification-badge/notification-badge-shadow-lit.js +7 -0
  306. package/components/notification-badge/notification-badge-shadow.css +10 -0
  307. package/components/notification-badge/notification-badge.css +2 -4
  308. package/components/popover/popover-lit.js +1 -1
  309. package/components/popover/popover-shadow-lit.d.ts +2 -0
  310. package/components/popover/popover-shadow-lit.js +7 -0
  311. package/components/popover/popover-shadow.css +73 -0
  312. package/components/popover/popover.css +389 -1
  313. package/components/progressbar/progressbar-lit.js +1 -1
  314. package/components/progressbar/progressbar.css +2 -2
  315. package/components/puff-list/puff-list-lit.js +1 -1
  316. package/components/puff-list/puff-list-shadow-lit.d.ts +2 -0
  317. package/components/puff-list/puff-list-shadow-lit.js +7 -0
  318. package/components/puff-list/puff-list-shadow.css +110 -0
  319. package/components/puff-list/puff-list.css +32 -26
  320. package/components/region-icon/region-icon-lit.js +1 -1
  321. package/components/region-icon/region-icon.css +1 -1
  322. package/components/side-menu/side-menu-lit.js +1 -1
  323. package/components/side-menu/side-menu-shadow-lit.d.ts +2 -0
  324. package/components/side-menu/side-menu-shadow-lit.js +7 -0
  325. package/components/side-menu/side-menu-shadow.css +79 -0
  326. package/components/side-menu/side-menu.css +42 -44
  327. package/components/side-panel/side-panel-lit.js +1 -1
  328. package/components/side-panel/side-panel-shadow-lit.d.ts +2 -0
  329. package/components/side-panel/side-panel-shadow-lit.js +7 -0
  330. package/components/side-panel/side-panel-shadow.css +4 -0
  331. package/components/side-panel/side-panel.css +41 -14
  332. package/components/stepper/stepper-lit.js +1 -1
  333. package/components/stepper/stepper-shadow-lit.d.ts +2 -0
  334. package/components/stepper/stepper-shadow-lit.js +7 -0
  335. package/components/stepper/stepper-shadow.css +63 -0
  336. package/components/stepper/stepper.css +9 -21
  337. package/components/table/table.css +12 -6
  338. package/components/tabs/tab-panel-shadow-lit.d.ts +2 -0
  339. package/components/tabs/tab-panel-shadow-lit.js +7 -0
  340. package/components/tabs/tab-panel-shadow.css +3 -0
  341. package/components/tabs/tab-shadow-lit.d.ts +2 -0
  342. package/components/tabs/tab-shadow-lit.js +7 -0
  343. package/components/tabs/tab-shadow.css +33 -0
  344. package/components/tabs/tabs-lit.js +3 -3
  345. package/components/tabs/tabs.css +155 -1
  346. package/components/tag/tag-lit.js +1 -1
  347. package/components/tag/tag-shadow-lit.d.ts +2 -0
  348. package/components/tag/tag-shadow-lit.js +7 -0
  349. package/components/tag/tag-shadow.css +58 -0
  350. package/components/tag/tag.css +63 -12
  351. package/components/tooltip/tooltip-lit.js +1 -1
  352. package/components/tooltip/tooltip.css +1 -0
  353. package/global/global.css +10072 -2466
  354. package/global/icons/Inera-Design-Icons.eot +0 -0
  355. package/global/icons/Inera-Design-Icons.svg +10 -1
  356. package/global/icons/Inera-Design-Icons.ttf +0 -0
  357. package/global/icons/Inera-Design-Icons.woff +0 -0
  358. package/global/util/util.css +51 -2517
  359. package/layout/breakpoints.scss +18 -0
  360. package/package.json +1 -1
  361. package/styles.css +10434 -2681
  362. package/tokens/component-tokens.scss +5 -4
  363. package/tokens/themes/1177-admin-tokens.css +115 -76
  364. package/tokens/themes/1177-pro-tokens.css +112 -73
  365. package/tokens/themes/1177-tokens.css +112 -73
  366. package/tokens/themes/inera-admin-tokens.css +101 -62
  367. package/tokens/themes/inera-tokens.css +98 -59
  368. package/components/navigation/content/navigation-content-lit.js +0 -7
  369. package/components/navigation/local/navigation-local-lit.js +0 -7
  370. package/components/pagination/data-pagination/data-pagination-lit.js +0 -7
  371. package/components/pagination/list-pagination/list-pagination-lit.js +0 -9
  372. package/components/popover/popover-content-lit.js +0 -7
  373. package/components/popover/popover-content.css +0 -401
  374. package/components/tabs/tab-lit.js +0 -7
  375. package/components/tabs/tab-panel-lit.js +0 -7
  376. package/components/tabs/tab-panel.css +0 -21
  377. package/components/tabs/tab.css +0 -142
  378. /package/components/{carousel/carousel-item-lit.d.ts → accordion/accordion-shadow-lit.d.ts} +0 -0
  379. /package/components/{navigation/content/navigation-content-lit.d.ts → action-link/action-link-shadow-lit.d.ts} +0 -0
  380. /package/components/{navigation/local/navigation-local-lit.d.ts → alert/alert-shadow-lit.d.ts} +0 -0
  381. /package/components/{pagination/data-pagination/data-pagination-lit.d.ts → box-link/box-link-shadow-lit.d.ts} +0 -0
  382. /package/components/{pagination/list-pagination/list-pagination-lit.d.ts → breadcrumbs/breadcrumbs-shadow-lit.d.ts} +0 -0
  383. /package/components/{popover/popover-content-lit.d.ts → card/card-shadow-lit.d.ts} +0 -0
  384. /package/components/{tabs/tab-lit.d.ts → carousel/carousel-shadow-lit.d.ts} +0 -0
  385. /package/components/{tabs/tab-panel-lit.d.ts → data-pagination/data-pagination-lit.d.ts} +0 -0
package/tokens/themes/1177-pro-tokens.css CHANGED
@@ -1,6 +1,33 @@
1
1
  /* Autogenerated by src/style-dictionary/build.js */
2
2
  .ids--1177-pro.ids--light, .ids--1177-pro.ids--dark {
3
3
 
4
+ /*Spacing tokens*/
5
+
6
+ --ids-0: 0;
7
+ --ids-2: 0.125rem;
8
+ --ids-4: 0.25rem;
9
+ --ids-6: 0.375rem;
10
+ --ids-8: 0.5rem;
11
+ --ids-12: 0.75rem;
12
+ --ids-14: 0.875rem;
13
+ --ids-16: 1rem;
14
+ --ids-20: 1.25rem;
15
+ --ids-24: 1.5rem;
16
+ --ids-28: 1.75rem;
17
+ --ids-32: 2rem;
18
+ --ids-36: 2.25rem;
19
+ --ids-40: 2.5rem;
20
+ --ids-48: 3rem;
21
+ --ids-56: 3.5rem;
22
+ --ids-60: 3.75rem;
23
+ --ids-64: 4rem;
24
+ --ids-72: 4.5rem;
25
+ --ids-80: 5rem;
26
+ --ids-88: 5.5rem;
27
+ --ids-96: 6rem;
28
+ --ids-120: 7.5rem;
29
+ --ids-152: 9.5rem;
30
+
4
31
  /*Base tokens*/
5
32
 
6
33
  --ids-palette-primary-20: #6a0032;
@@ -10,6 +37,7 @@
10
37
  --ids-palette-primary-60: #f55b7c;
11
38
  --ids-palette-primary-70: #f88ba3;
12
39
  --ids-palette-primary-90: #faeef0;
40
+ --ids-palette-secondary-90: #f4f0eb;
13
41
  --ids-palette-secondary-95: #faf8f6;
14
42
  --ids-palette-accent-20: #273149;
15
43
  --ids-palette-accent-30: #3b4266;
@@ -29,22 +57,29 @@
29
57
  --ids-palette-neutral-95: #edf1f5;
30
58
  --ids-palette-neutral-99: #f7f9fc;
31
59
  --ids-palette-neutral-100: #ffffff;
32
- --ids-palette-success-30: #395428;
33
- --ids-palette-success-40: #419002;
34
- --ids-palette-success-99: #eef8ee;
35
- --ids-palette-attention-40: #ffc100;
36
- --ids-palette-attention-95: #fff8e0;
60
+ --ids-palette-information-40: #1775d3;
61
+ --ids-palette-information-50: #489aeb;
62
+ --ids-palette-information-95: #f6fafe;
63
+ --ids-palette-success-40: #297a54;
64
+ --ids-palette-success-50: #40966d;
65
+ --ids-palette-success-95: #f6fefb;
66
+ --ids-palette-attention-40: #bd7100;
67
+ --ids-palette-attention-50: #db901b;
68
+ --ids-palette-attention-95: #fffbf2;
69
+ --ids-palette-error-40: #bb2f1c;
70
+ --ids-palette-error-50: #d74f3d;
71
+ --ids-palette-error-95: #fff8f7;
37
72
  --ids-layout-content-max-width: 120rem;
38
73
  --ids-layout-text-max-width: 40rem;
39
- --ids-palette-error-35: var(--ids-palette-primary-30);
40
- --ids-palette-error-40: var(--ids-palette-primary-40);
41
- --ids-palette-error-60: var(--ids-palette-primary-60);
42
- --ids-palette-error-99: var(--ids-palette-primary-90);
43
74
 
44
75
  /*Theme tokens*/
45
76
 
46
- --ids-search-button-small-font-seize: 1.125rem;
77
+ --ids-search-button-small-font-size: 1.125rem;
47
78
  --ids-search-button-small-line-height: 1.5rem;
79
+ --ids-card-mobile-padding-horizontal: var(--ids-16);
80
+ --ids-card-mobile-padding-vertical: var(--ids-20);
81
+ --ids-card-desktop-padding-horizontal: var(--ids-20);
82
+ --ids-card-desktop-padding-vertical: var(--ids-24);
48
83
  --ids-input-height: var(--ids-48);
49
84
  --ids-input-padding-x: var(--ids-20);
50
85
  --ids-textarea-padding-x: var(--ids-20);
@@ -58,6 +93,7 @@
58
93
  --ids-color-light-brand-text-primary-subtle: var(--ids-palette-accent-30);
59
94
  --ids-color-light-brand-text-on-primary: var(--ids-palette-neutral-100);
60
95
  --ids-color-light-brand-background-secondary: var(--ids-palette-secondary-95);
96
+ --ids-color-light-brand-background-footer: var(--ids-palette-secondary-95);
61
97
  --ids-color-light-brand-text-secondary: var(--ids-palette-accent-30);
62
98
  --ids-color-light-brand-text-on-secondary: var(--ids-palette-neutral-30);
63
99
  --ids-color-light-navigation-background-default: var(--ids-palette-accent-40);
@@ -80,6 +116,7 @@
80
116
  --ids-color-dark-brand-text-primary-subtle: var(--ids-palette-neutral-90);
81
117
  --ids-color-dark-brand-text-on-primary: var(--ids-palette-accent-90);
82
118
  --ids-color-dark-brand-background-secondary: var(--ids-palette-neutral-20);
119
+ --ids-color-dark-brand-background-footer: var(--ids-palette-neutral-20);
83
120
  --ids-color-dark-brand-text-secondary: var(--ids-palette-accent-90);
84
121
  --ids-color-dark-brand-text-on-secondary: var(--ids-palette-neutral-100);
85
122
  --ids-color-dark-navigation-background-default: var(--ids-palette-neutral-30);
@@ -155,7 +192,7 @@
155
192
  --ids-font-family-small-text: var(--ids-font-family-primary);
156
193
  --ids-font-family-button: var(--ids-font-family-secondary);
157
194
  --ids-color-surface-background-default: var(--ids-palette-neutral-100);
158
- --ids-color-surface-border-default: var(--ids-palette-neutral-60);
195
+ --ids-color-surface-border-default: var(--ids-palette-neutral-90);
159
196
  --ids-color-surface-text-on-default: var(--ids-palette-neutral-30);
160
197
  --ids-color-surface-text-subtle-on-default: var(--ids-palette-neutral-40);
161
198
  --ids-color-surface-background-elevated-1: var(--ids-palette-neutral-100);
@@ -190,20 +227,22 @@
190
227
  --ids-color-interactive-text-on-disabled: var(--ids-palette-neutral-70);
191
228
  --ids-color-interactive-focus-outline: var(--ids-palette-neutral-40);
192
229
  --ids-color-interactive-focus-outline-on: var(--ids-palette-neutral-100);
193
- --ids-color-feedback-background-information: var(--ids-palette-accent-95);
194
- --ids-color-feedback-border-information: var(--ids-palette-accent-40);
230
+ --ids-color-feedback-background-information: var(--ids-palette-information-95);
231
+ --ids-color-feedback-border-information: var(--ids-palette-information-40);
195
232
  --ids-color-feedback-text-on-information: var(--ids-palette-neutral-30);
196
- --ids-color-feedback-text-information: var(--ids-palette-accent-30);
197
- --ids-color-feedback-background-success: var(--ids-palette-success-99);
233
+ --ids-color-feedback-text-information: var(--ids-palette-information-40);
234
+ --ids-color-feedback-background-success: var(--ids-palette-success-95);
198
235
  --ids-color-feedback-border-success: var(--ids-palette-success-40);
199
236
  --ids-color-feedback-text-on-success: var(--ids-palette-neutral-30);
200
- --ids-color-feedback-text-success: var(--ids-palette-success-30);
237
+ --ids-color-feedback-text-success: var(--ids-palette-success-40);
201
238
  --ids-color-feedback-background-attention: var(--ids-palette-attention-95);
202
- --ids-color-feedback-border-attention: var(--ids-palette-neutral-60);
239
+ --ids-color-feedback-border-attention: var(--ids-palette-attention-40);
203
240
  --ids-color-feedback-text-on-attention: var(--ids-palette-neutral-30);
204
- --ids-color-feedback-text-attention: var(--ids-palette-neutral-40);
205
- --ids-color-feedback-background-error: var(--ids-palette-primary-90);
241
+ --ids-color-feedback-text-attention: var(--ids-palette-attention-40);
242
+ --ids-color-feedback-background-error: var(--ids-palette-error-95);
243
+ --ids-color-feedback-border-error: var(--ids-palette-error-40);
206
244
  --ids-color-feedback-text-on-error: var(--ids-palette-neutral-30);
245
+ --ids-color-feedback-text-error: var(--ids-palette-error-40);
207
246
  --ids-color-feedback-background-notification: var(--ids-palette-primary-40);
208
247
  --ids-color-feedback-text-on-notification: var(--ids-palette-neutral-100);
209
248
  --ids-color-form-background-default: var(--ids-palette-accent-95);
@@ -238,11 +277,13 @@
238
277
  --ids-color-form-border-light-disabled: var(--ids-palette-neutral-95);
239
278
  --ids-color-form-text-on-disabled: var(--ids-palette-neutral-70);
240
279
  --ids-color-form-placeholder-text-on-disabled: var(--ids-palette-neutral-70);
241
- --ids-color-form-background-invalid: var(--ids-palette-primary-90);
280
+ --ids-color-form-background-invalid: var(--ids-palette-error-95);
281
+ --ids-color-form-border-invalid: var(--ids-palette-error-40);
242
282
  --ids-color-form-text-on-invalid: var(--ids-palette-neutral-30);
243
283
  --ids-color-form-placeholder-text-on-invalid: var(--ids-palette-neutral-40);
244
- --ids-color-form-message-background-invalid: var(--ids-palette-neutral-100);
245
- --ids-color-form-background-light-invalid: var(--ids-palette-primary-90);
284
+ --ids-color-form-message-border-invalid: var(--ids-palette-error-40);
285
+ --ids-color-form-background-light-invalid: var(--ids-palette-error-95);
286
+ --ids-color-form-border-light-invalid: var(--ids-palette-error-40);
246
287
  --ids-color-form-text-on-light-invalid: var(--ids-palette-neutral-30);
247
288
  --ids-color-form-placeholder-text-on-light-invalid: var(--ids-palette-neutral-40);
248
289
  --ids-color-heading-text-m: var(--ids-palette-neutral-20);
@@ -254,6 +295,7 @@
254
295
  --ids-color-brand-text-primary-subtle: var(--ids-color-light-brand-text-primary-subtle);
255
296
  --ids-color-brand-text-on-primary: var(--ids-color-light-brand-text-on-primary);
256
297
  --ids-color-brand-background-secondary: var(--ids-color-light-brand-background-secondary);
298
+ --ids-color-brand-background-footer: var(--ids-color-light-brand-background-footer);
257
299
  --ids-color-brand-text-secondary: var(--ids-color-light-brand-text-secondary);
258
300
  --ids-color-brand-text-on-secondary: var(--ids-color-light-brand-text-on-secondary);
259
301
  --ids-color-navigation-background-default: var(--ids-color-light-navigation-background-default);
@@ -269,12 +311,8 @@
269
311
  --ids-color-navigation-border-active: var(--ids-color-light-navigation-border-active);
270
312
  --ids-color-navigation-text-active: var(--ids-color-light-navigation-text-active);
271
313
  --ids-color-navigation-text-on-active: var(--ids-color-light-navigation-text-on-active);
272
- --ids-color-feedback-border-error: var(--ids-palette-error-40);
273
- --ids-color-feedback-text-error: var(--ids-palette-error-35);
274
- --ids-color-form-border-invalid: var(--ids-palette-error-40);
275
- --ids-color-form-message-border-invalid: var(--ids-palette-error-40);
276
- --ids-color-form-message-text-on-invalid: var(--ids-palette-error-40);
277
- --ids-color-form-border-light-invalid: var(--ids-palette-error-40);
314
+ --ids-color-form-message-background-invalid: var(--ids-color-surface-background-elevated-1);
315
+ --ids-color-form-message-text-on-invalid: var(--ids-color-surface-text-on-elevated-1);
278
316
  --ids-color-heading-text-xxl: var(--ids-color-light-heading-text-m-xxl);
279
317
  --ids-color-heading-text-xl: var(--ids-color-light-heading-text-m-xxl);
280
318
  --ids-color-heading-text-l: var(--ids-color-light-heading-text-m-xxl);
@@ -340,11 +378,11 @@
340
378
  --ids-color-surface-background-default: var(--ids-palette-neutral-10);
341
379
  --ids-color-surface-border-default: var(--ids-palette-neutral-40);
342
380
  --ids-color-surface-text-on-default: var(--ids-palette-neutral-90);
343
- --ids-color-surface-text-subtle-on-default: var(--ids-palette-neutral-99);
381
+ --ids-color-surface-text-subtle-on-default: var(--ids-palette-neutral-70);
344
382
  --ids-color-surface-background-elevated-1: var(--ids-palette-neutral-20);
345
383
  --ids-color-surface-border-elevated-1: var(--ids-palette-neutral-30);
346
384
  --ids-color-surface-text-on-elevated-1: var(--ids-palette-neutral-90);
347
- --ids-color-surface-text-subtle-on-elevated-1: var(--ids-palette-neutral-99);
385
+ --ids-color-surface-text-subtle-on-elevated-1: var(--ids-palette-neutral-90);
348
386
  --ids-color-surface-background-elevated-1-hover: var(--ids-palette-neutral-30);
349
387
  --ids-color-surface-background-elevated-1-active: var(--ids-palette-neutral-30);
350
388
  --ids-color-surface-background-elevated-2: var(--ids-palette-neutral-30);
@@ -353,7 +391,7 @@
353
391
  --ids-color-surface-background-alternative: var(--ids-palette-neutral-10);
354
392
  --ids-color-surface-text-on-alternative: var(--ids-palette-neutral-90);
355
393
  --ids-color-surface-background-alternative-elevated-1: var(--ids-palette-neutral-20);
356
- --ids-color-navigation-text-on-secondary: var(--ids-palette-neutral-100);
394
+ --ids-color-navigation-text-on-secondary: var(--ids-palette-neutral-90);
357
395
  --ids-color-interactive-background-default: var(--ids-palette-accent-60);
358
396
  --ids-color-interactive-border-default: var(--ids-palette-accent-90);
359
397
  --ids-color-interactive-text-default: var(--ids-palette-accent-60);
@@ -374,45 +412,47 @@
374
412
  --ids-color-interactive-focus-outline: var(--ids-palette-neutral-99);
375
413
  --ids-color-interactive-focus-outline-on: var(--ids-palette-neutral-99);
376
414
  --ids-color-feedback-background-information: var(--ids-palette-neutral-20);
377
- --ids-color-feedback-border-information: var(--ids-palette-accent-50);
378
- --ids-color-feedback-text-on-information: var(--ids-palette-neutral-100);
379
- --ids-color-feedback-text-information: var(--ids-palette-accent-50);
415
+ --ids-color-feedback-border-information: var(--ids-palette-information-50);
416
+ --ids-color-feedback-text-on-information: var(--ids-palette-neutral-90);
417
+ --ids-color-feedback-text-information: var(--ids-palette-information-50);
380
418
  --ids-color-feedback-background-success: var(--ids-palette-neutral-20);
381
419
  --ids-color-feedback-border-success: var(--ids-palette-success-40);
382
- --ids-color-feedback-text-on-success: var(--ids-palette-neutral-100);
383
- --ids-color-feedback-text-success: var(--ids-palette-success-40);
420
+ --ids-color-feedback-text-on-success: var(--ids-palette-neutral-90);
421
+ --ids-color-feedback-text-success: var(--ids-palette-success-50);
384
422
  --ids-color-feedback-background-attention: var(--ids-palette-neutral-20);
385
- --ids-color-feedback-border-attention: var(--ids-palette-attention-40);
386
- --ids-color-feedback-text-on-attention: var(--ids-palette-neutral-100);
387
- --ids-color-feedback-text-attention: var(--ids-palette-attention-40);
423
+ --ids-color-feedback-border-attention: var(--ids-palette-attention-50);
424
+ --ids-color-feedback-text-on-attention: var(--ids-palette-neutral-90);
425
+ --ids-color-feedback-text-attention: var(--ids-palette-attention-50);
388
426
  --ids-color-feedback-background-error: var(--ids-palette-neutral-20);
389
- --ids-color-feedback-text-on-error: var(--ids-palette-neutral-100);
427
+ --ids-color-feedback-border-error: var(--ids-palette-error-50);
428
+ --ids-color-feedback-text-on-error: var(--ids-palette-neutral-90);
429
+ --ids-color-feedback-text-error: var(--ids-palette-error-50);
390
430
  --ids-color-feedback-background-notification: var(--ids-palette-primary-40);
391
431
  --ids-color-feedback-text-on-notification: var(--ids-palette-neutral-100);
392
432
  --ids-color-form-background-default: var(--ids-palette-neutral-10);
393
433
  --ids-color-form-border-default: var(--ids-palette-accent-90);
394
- --ids-color-form-text-on-default: var(--ids-palette-neutral-100);
395
- --ids-color-form-placeholder-text-on-default: var(--ids-palette-neutral-99);
434
+ --ids-color-form-text-on-default: var(--ids-palette-neutral-90);
435
+ --ids-color-form-placeholder-text-on-default: var(--ids-palette-neutral-90);
396
436
  --ids-color-form-background-light-default: var(--ids-palette-neutral-10);
397
437
  --ids-color-form-border-light-default: var(--ids-palette-accent-90);
398
- --ids-color-form-text-on-light-default: var(--ids-palette-neutral-100);
399
- --ids-color-form-placeholder-text-on-light-default: var(--ids-palette-neutral-99);
438
+ --ids-color-form-text-on-light-default: var(--ids-palette-neutral-90);
439
+ --ids-color-form-placeholder-text-on-light-default: var(--ids-palette-neutral-90);
400
440
  --ids-color-form-background-hover: var(--ids-palette-neutral-20);
401
- --ids-color-form-border-hover: var(--ids-palette-neutral-100);
402
- --ids-color-form-text-on-hover: var(--ids-palette-neutral-100);
403
- --ids-color-form-placeholder-text-on-hover: var(--ids-palette-neutral-99);
441
+ --ids-color-form-border-hover: var(--ids-palette-neutral-90);
442
+ --ids-color-form-text-on-hover: var(--ids-palette-neutral-90);
443
+ --ids-color-form-placeholder-text-on-hover: var(--ids-palette-neutral-90);
404
444
  --ids-color-form-background-light-hover: var(--ids-palette-neutral-20);
405
445
  --ids-color-form-border-light-hover: var(--ids-palette-accent-90);
406
- --ids-color-form-text-on-light-hover: var(--ids-palette-neutral-100);
407
- --ids-color-form-placeholder-text-on-light-hover: var(--ids-palette-neutral-99);
446
+ --ids-color-form-text-on-light-hover: var(--ids-palette-neutral-90);
447
+ --ids-color-form-placeholder-text-on-light-hover: var(--ids-palette-neutral-90);
408
448
  --ids-color-form-background-active: var(--ids-palette-neutral-10);
409
- --ids-color-form-border-active: var(--ids-palette-neutral-100);
410
- --ids-color-form-text-on-active: var(--ids-palette-neutral-100);
411
- --ids-color-form-placeholder-text-on-active: var(--ids-palette-neutral-99);
449
+ --ids-color-form-border-active: var(--ids-palette-neutral-95);
450
+ --ids-color-form-text-on-active: var(--ids-palette-neutral-90);
451
+ --ids-color-form-placeholder-text-on-active: var(--ids-palette-neutral-90);
412
452
  --ids-color-form-background-light-active: var(--ids-palette-neutral-10);
413
- --ids-color-form-border-light-active: var(--ids-palette-neutral-100);
414
- --ids-color-form-text-on-light-active: var(--ids-palette-neutral-100);
415
- --ids-color-form-placeholder-text-on-light-active: var(--ids-palette-neutral-99);
453
+ --ids-color-form-border-light-active: var(--ids-palette-neutral-95);
454
+ --ids-color-form-text-on-light-active: var(--ids-palette-neutral-90);
455
+ --ids-color-form-placeholder-text-on-light-active: var(--ids-palette-neutral-90);
416
456
  --ids-color-form-background-disabled: var(--ids-palette-neutral-30);
417
457
  --ids-color-form-border-disabled: var(--ids-palette-neutral-30);
418
458
  --ids-color-form-text-on-light-disabled: var(--ids-palette-neutral-60);
@@ -422,13 +462,13 @@
422
462
  --ids-color-form-text-on-disabled: var(--ids-palette-neutral-60);
423
463
  --ids-color-form-placeholder-text-on-disabled: var(--ids-palette-neutral-60);
424
464
  --ids-color-form-background-invalid: var(--ids-palette-neutral-10);
425
- --ids-color-form-text-on-invalid: var(--ids-palette-neutral-100);
426
- --ids-color-form-placeholder-text-on-invalid: var(--ids-palette-neutral-99);
427
- --ids-color-form-message-background-invalid: var(--ids-palette-neutral-30);
428
- --ids-color-form-message-text-on-invalid: var(--ids-palette-neutral-100);
429
- --ids-color-form-background-light-invalid: var(--ids-palette-neutral-10);
430
- --ids-color-form-text-on-light-invalid: var(--ids-palette-neutral-100);
431
- --ids-color-form-placeholder-text-on-light-invalid: var(--ids-palette-neutral-99);
465
+ --ids-color-form-border-invalid: var(--ids-palette-error-50);
466
+ --ids-color-form-text-on-invalid: var(--ids-palette-neutral-90);
467
+ --ids-color-form-placeholder-text-on-invalid: var(--ids-palette-neutral-90);
468
+ --ids-color-form-message-border-invalid: var(--ids-palette-error-50);
469
+ --ids-color-form-border-light-invalid: var(--ids-palette-error-50);
470
+ --ids-color-form-text-on-light-invalid: var(--ids-palette-neutral-90);
471
+ --ids-color-form-placeholder-text-on-light-invalid: var(--ids-palette-neutral-90);
432
472
  --ids-color-heading-text-xxl: var(--ids-palette-neutral-95);
433
473
  --ids-color-heading-text-xl: var(--ids-palette-neutral-95);
434
474
  --ids-color-heading-text-l: var(--ids-palette-neutral-95);
@@ -441,6 +481,7 @@
441
481
  --ids-color-brand-text-primary-subtle: var(--ids-color-dark-brand-text-primary-subtle);
442
482
  --ids-color-brand-text-on-primary: var(--ids-color-dark-brand-text-on-primary);
443
483
  --ids-color-brand-background-secondary: var(--ids-color-dark-brand-background-secondary);
484
+ --ids-color-brand-background-footer: var(--ids-color-dark-brand-background-footer);
444
485
  --ids-color-brand-text-secondary: var(--ids-color-dark-brand-text-secondary);
445
486
  --ids-color-brand-text-on-secondary: var(--ids-color-dark-brand-text-on-secondary);
446
487
  --ids-color-navigation-background-default: var(--ids-color-dark-brand-background-primary);
@@ -456,11 +497,9 @@
456
497
  --ids-color-navigation-border-active: var(--ids-color-dark-navigation-border-active);
457
498
  --ids-color-navigation-text-active: var(--ids-color-dark-navigation-text-active);
458
499
  --ids-color-navigation-text-on-active: var(--ids-color-dark-navigation-text-on-active);
459
- --ids-color-feedback-border-error: var(--ids-palette-error-40);
460
- --ids-color-feedback-text-error: var(--ids-palette-error-40);
461
- --ids-color-form-border-invalid: var(--ids-palette-error-40);
462
- --ids-color-form-message-border-invalid: var(--ids-palette-error-40);
463
- --ids-color-form-border-light-invalid: var(--ids-palette-error-40);
500
+ --ids-color-form-message-background-invalid: var(--ids-color-surface-background-elevated-1);
501
+ --ids-color-form-message-text-on-invalid: var(--ids-color-surface-text-on-elevated-1);
502
+ --ids-color-form-background-light-invalid: var(--ids-color-feedback-background-error);
464
503
  }
465
504
 
466
505
 
@@ -549,7 +588,7 @@
549
588
  --ids-font-line-height-header-admin-itle: 1.5rem;
550
589
  --ids-font-line-height-header-admin-title-extra: 1.25rem;
551
590
  --ids-font-line-height-header-profession-title: 1.5rem;
552
- --ids-font-line-height-button-l: 1.5rem;
591
+ --ids-font-line-height-button-l: 1.25rem;
553
592
  --ids-font-line-height-button-m: 1.25rem;
554
593
  --ids-font-line-height-button-s: 1rem;
555
594
  --ids-font-letter-spacing-heading-xxl: -0.078125rem;
@@ -576,8 +615,6 @@
576
615
  --ids-font-paragraph-spacing-preamble: 0;
577
616
  --ids-font-paragraph-spacing-body-text: 1rem;
578
617
  --ids-font-paragraph-spacing-small-text: 1rem;
579
- --ids-components-card-padding-horizontal: var(--ids-20);
580
- --ids-components-card-padding-vertical: var(--ids-24);
581
618
  --ids-main-padding-horizontal: var(--ids-88);
582
619
  --ids-main-padding-top: var(--ids-20);
583
620
  --ids-main-padding-bottom: var(--ids-152);
@@ -615,6 +652,8 @@
615
652
  --ids-size-relation-32-64: var(--ids-64);
616
653
  --ids-size-relation-32-56: var(--ids-56);
617
654
  --ids-size-relation-48-120: var(--ids-120);
655
+ --ids-components-card-padding-horizontal: var(--ids-card-desktop-padding-horizontal);
656
+ --ids-components-card-padding-vertical: var(--ids-card-desktop-padding-vertical);
618
657
  }
619
658
 
620
659
  /*Mobile tokens*/
@@ -705,7 +744,7 @@
705
744
  --ids-font-line-height-header-admin-itle: 0.875rem;
706
745
  --ids-font-line-height-header-admin-title-extra: 0.875rem;
707
746
  --ids-font-line-height-header-profession-title: 1.25rem;
708
- --ids-font-line-height-button-l: 1.5rem;
747
+ --ids-font-line-height-button-l: 1.25rem;
709
748
  --ids-font-line-height-button-m: 1.25rem;
710
749
  --ids-font-line-height-button-s: 1rem;
711
750
  --ids-font-letter-spacing-heading-xxl: -0.051875rem;
@@ -732,8 +771,6 @@
732
771
  --ids-font-paragraph-spacing-preamble: 0;
733
772
  --ids-font-paragraph-spacing-body-text: 1rem;
734
773
  --ids-font-paragraph-spacing-small-text: 1rem;
735
- --ids-components-card-padding-horizontal: var(--ids-16);
736
- --ids-components-card-padding-vertical: var(--ids-20);
737
774
  --ids-main-padding-horizontal: var(--ids-20);
738
775
  --ids-main-padding-top: var(--ids-20);
739
776
  --ids-main-padding-bottom: var(--ids-96);
@@ -769,5 +806,7 @@
769
806
  --ids-size-relation-32-64: var(--ids-32);
770
807
  --ids-size-relation-32-56: var(--ids-32);
771
808
  --ids-size-relation-48-120: var(--ids-48);
809
+ --ids-components-card-padding-horizontal: var(--ids-card-mobile-padding-horizontal);
810
+ --ids-components-card-padding-vertical: var(--ids-card-mobile-padding-vertical);
772
811
  }
773
812
  }