@inera/ids-design 7.2.2 → 8.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 (200) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +157 -11
  3. package/components/alert/alert-lit.js +1 -1
  4. package/components/alert/alert.css +275 -77
  5. package/components/badge/badge-lit.js +1 -1
  6. package/components/badge/badge.css +16 -10
  7. package/components/box-link/box-link-lit.js +1 -1
  8. package/components/box-link/box-link.css +16 -28
  9. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  10. package/components/breadcrumbs/breadcrumbs.css +11 -6
  11. package/components/button-group/button-group-lit.js +1 -1
  12. package/components/button-group/button-group.css +4 -0
  13. package/components/card/card-lit.js +1 -1
  14. package/components/card/card.css +162 -33
  15. package/components/carousel/carousel-item-lit.js +1 -1
  16. package/components/carousel/carousel-item.css +169 -7
  17. package/components/carousel/carousel-lit.js +1 -1
  18. package/components/carousel/carousel.css +18 -12
  19. package/components/data-table/data-table-lit.js +1 -1
  20. package/components/data-table/data-table.css +14 -6
  21. package/components/date-label/date-label-lit.js +1 -1
  22. package/components/date-label/date-label.css +35 -14
  23. package/components/dialog/dialog-lit.js +1 -1
  24. package/components/dialog/dialog.css +34 -39
  25. package/components/dropdown/dropdown-lit.js +1 -1
  26. package/components/dropdown/dropdown.css +87 -28
  27. package/components/footer-1177/footer-1177-lit.js +1 -1
  28. package/components/footer-1177/footer-1177.css +226 -121
  29. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  30. package/components/footer-1177-admin/footer-1177-admin.css +293 -140
  31. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  32. package/components/footer-1177-pro/footer-1177-pro.css +390 -104
  33. package/components/footer-inera/footer-inera-lit.js +1 -1
  34. package/components/footer-inera/footer-inera.css +280 -164
  35. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  36. package/components/footer-inera-admin/footer-inera-admin.css +339 -188
  37. package/components/form/error-message/error-message-lit.js +1 -1
  38. package/components/form/error-message/error-message.css +10 -6
  39. package/components/form/group/group-lit.js +1 -1
  40. package/components/form/group/group.css +148 -1
  41. package/components/form/range/range-lit.js +1 -1
  42. package/components/form/range/range.css +225 -2
  43. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  44. package/components/form/select-multiple/select-multiple.css +37 -33
  45. package/components/form/spinner/spinner-lit.js +1 -1
  46. package/components/form/spinner/spinner.css +6 -11
  47. package/components/global-alert/global-alert-lit.js +9 -0
  48. package/components/global-alert/global-alert.css +354 -0
  49. package/components/grid/container/container-lit.js +1 -1
  50. package/components/grid/container/container.css +2 -9
  51. package/components/header-1177/composite-header-1177.css +1105 -974
  52. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  53. package/components/header-1177/header-1177-avatar.css +406 -191
  54. package/components/header-1177/header-1177-item-lit.js +1 -1
  55. package/components/header-1177/header-1177-item.css +125 -75
  56. package/components/header-1177/header-1177-lit.js +1 -1
  57. package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
  58. package/components/header-1177/header-1177-menu-mobile.css +14 -9
  59. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  60. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  61. package/components/header-1177/header-1177-nav-item-mobile.css +107 -164
  62. package/components/header-1177/header-1177-nav-item.css +109 -88
  63. package/components/header-1177/header-1177-nav-lit.js +1 -1
  64. package/components/header-1177/header-1177-nav.css +100 -45
  65. package/components/header-1177/header-1177-region-picker-lit.d.ts +2 -0
  66. package/components/header-1177/header-1177-region-picker-lit.js +7 -0
  67. package/components/header-1177/header-1177-region-picker-mobile-lit.d.ts +2 -0
  68. package/components/header-1177/header-1177-region-picker-mobile-lit.js +9 -0
  69. package/components/header-1177/header-1177-region-picker-mobile.css +112 -0
  70. package/components/header-1177/header-1177-region-picker.css +107 -0
  71. package/components/header-1177/header-1177.css +125 -450
  72. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  73. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  74. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +170 -29
  75. package/components/header-1177-admin/header-1177-admin-avatar.css +490 -278
  76. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  77. package/components/header-1177-admin/header-1177-admin-item.css +131 -89
  78. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  79. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +7 -0
  80. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +145 -0
  81. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  82. package/components/header-1177-admin/header-1177-admin-nav-item.css +163 -134
  83. package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
  84. package/components/header-1177-admin/header-1177-admin-nav.css +76 -47
  85. package/components/header-1177-admin/header-1177-admin.css +91 -285
  86. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  87. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  88. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +146 -74
  89. package/components/header-1177-pro/header-1177-pro-avatar.css +448 -275
  90. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  91. package/components/header-1177-pro/header-1177-pro-item.css +169 -103
  92. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  93. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +7 -0
  94. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +146 -0
  95. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  96. package/components/header-1177-pro/header-1177-pro-nav-item.css +139 -122
  97. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  98. package/components/header-1177-pro/header-1177-pro-nav.css +75 -46
  99. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  100. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +9 -0
  101. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +117 -0
  102. package/components/header-1177-pro/header-1177-pro-region-picker.css +38 -810
  103. package/components/header-1177-pro/header-1177-pro.css +140 -139
  104. package/components/header-inera/header-inera-item-lit.js +1 -1
  105. package/components/header-inera/header-inera-item.css +31 -21
  106. package/components/header-inera/header-inera-lit.js +1 -1
  107. package/components/header-inera/header-inera-menu-mobile-lit.d.ts +2 -0
  108. package/components/header-inera/header-inera-menu-mobile-lit.js +7 -0
  109. package/components/header-inera/header-inera-menu-mobile.css +136 -0
  110. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  111. package/components/header-inera/header-inera-nav-item.css +26 -23
  112. package/components/header-inera/header-inera-nav-lit.js +1 -1
  113. package/components/header-inera/header-inera-nav.css +11 -8
  114. package/components/header-inera/header-inera.css +50 -21
  115. package/components/header-inera-admin/composite-header-inera-admin.css +858 -245
  116. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  117. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  118. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +173 -44
  119. package/components/header-inera-admin/header-inera-admin-avatar.css +558 -100
  120. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  121. package/components/header-inera-admin/header-inera-admin-item.css +14 -7
  122. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  123. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.d.ts +2 -0
  124. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +7 -0
  125. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +147 -0
  126. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  127. package/components/header-inera-admin/header-inera-admin-nav-item.css +28 -25
  128. package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
  129. package/components/header-inera-admin/header-inera-admin-nav.css +16 -16
  130. package/components/header-inera-admin/header-inera-admin.css +34 -24
  131. package/components/header-patient/header-patient-lit.js +1 -1
  132. package/components/header-patient/header-patient.css +166 -8
  133. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  134. package/components/mobile-menu/mobile-menu.css +340 -244
  135. package/components/navigation/content/navigation-content-lit.js +1 -1
  136. package/components/navigation/content/navigation-content.css +203 -16
  137. package/components/navigation/local/navigation-local-lit.js +1 -1
  138. package/components/navigation/local/navigation-local.css +37 -56
  139. package/components/notification-badge/notification-badge-lit.js +1 -1
  140. package/components/notification-badge/notification-badge.css +15 -13
  141. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  142. package/components/pagination/data-pagination/data-pagination.css +206 -44
  143. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  144. package/components/pagination/list-pagination/list-pagination.css +5 -5
  145. package/components/popover/popover-content-lit.js +1 -1
  146. package/components/popover/popover-content.css +262 -114
  147. package/components/progressbar/progressbar-lit.js +1 -1
  148. package/components/progressbar/progressbar.css +147 -4
  149. package/components/puff-list/puff-list-lit.js +1 -1
  150. package/components/puff-list/puff-list.css +258 -35
  151. package/components/region-icon/region-icon-lit.js +1 -1
  152. package/components/region-icon/region-icon.css +5 -5
  153. package/components/side-menu/side-menu-lit.js +1 -1
  154. package/components/side-menu/side-menu.css +6 -9
  155. package/components/side-panel/side-panel-lit.js +1 -1
  156. package/components/side-panel/side-panel.css +61 -26
  157. package/components/stepper/stepper-lit.js +1 -1
  158. package/components/stepper/stepper.css +170 -22
  159. package/components/table/table.css +6 -3
  160. package/components/tabs/tab-lit.js +1 -1
  161. package/components/tabs/tab-panel-lit.js +1 -1
  162. package/components/tabs/tab-panel.css +2 -0
  163. package/components/tabs/tab.css +26 -14
  164. package/components/tabs/tabs-lit.js +2 -2
  165. package/components/tabs/tabs.css +1 -1
  166. package/components/tag/tag-lit.js +1 -1
  167. package/components/tag/tag.css +10 -7
  168. package/components/tooltip/tooltip-lit.js +1 -1
  169. package/components/tooltip/tooltip.css +8 -5
  170. package/global/_partials.css +15 -0
  171. package/{themes/1177-pro/1177-pro.css → global/global.css} +3958 -3504
  172. package/global/icons/Inera-Design-Icons.eot +0 -0
  173. package/global/icons/Inera-Design-Icons.svg +9 -0
  174. package/global/icons/Inera-Design-Icons.ttf +0 -0
  175. package/global/icons/Inera-Design-Icons.woff +0 -0
  176. package/global/util/util.css +2745 -0
  177. package/package.json +1 -1
  178. package/reset.css +90 -0
  179. package/styles.css +8320 -0
  180. package/tokens/component-tokens.scss +86 -0
  181. package/tokens/themes/1177-admin-tokens.css +340 -263
  182. package/tokens/themes/1177-pro-tokens.css +340 -263
  183. package/tokens/themes/1177-tokens.css +340 -263
  184. package/tokens/themes/inera-admin-tokens.css +294 -252
  185. package/tokens/themes/inera-tokens.css +294 -252
  186. package/components/alert-global/alert-global-lit.js +0 -7
  187. package/components/alert-global/alert-global.css +0 -195
  188. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +0 -7
  189. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +0 -304
  190. package/components/header-inera/header-inera-nav-mobile-lit.js +0 -7
  191. package/components/header-inera/header-inera-nav-mobile.css +0 -126
  192. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +0 -7
  193. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +0 -126
  194. package/themes/1177/1177.css +0 -6196
  195. package/themes/inera/inera.css +0 -6220
  196. package/themes/inera-admin/inera-admin.css +0 -6293
  197. /package/components/{alert-global/alert-global-lit.d.ts → global-alert/global-alert-lit.d.ts} +0 -0
  198. /package/components/{header-1177-pro/header-1177-pro-nav-menu-mobile-lit.d.ts → header-1177-admin/header-1177-admin-menu-mobile-lit.d.ts} +0 -0
  199. /package/components/{header-inera-admin/header-inera-admin-nav-mobile-lit.d.ts → header-1177-pro/header-1177-pro-menu-mobile-lit.d.ts} +0 -0
  200. /package/components/{header-inera/header-inera-nav-mobile-lit.d.ts → header-1177-pro/header-1177-pro-region-picker-mobile-lit.d.ts} +0 -0
package/tokens/themes/inera-admin-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
- .ids--inera-admin.ids--light,
2
- .ids--inera-admin.ids--dark {
3
- --ids-palette-primary-30: #7e2a4c;
1
+ /* Autogenerated by src/style-dictionary/build.js */
2
+ .ids--inera-admin.ids--light, .ids--inera-admin.ids--dark {
3
+ --ids-palette-primary-30: #7e2a4c;
4
4
  --ids-palette-primary-40: #a33662;
5
5
  --ids-palette-primary-50: #c03f73;
6
6
  --ids-palette-primary-60: #e481a9;
@@ -8,6 +8,7 @@
8
8
  --ids-palette-secondary-40: #e7dac5;
9
9
  --ids-palette-secondary-90: #f6f1e9;
10
10
  --ids-palette-secondary-95: #f9f6f1;
11
+ --ids-palette-accent-20: #254637;
11
12
  --ids-palette-accent-30: #305a47;
12
13
  --ids-palette-accent-40: #40775e;
13
14
  --ids-palette-accent-90: #94d1b6;
@@ -24,267 +25,308 @@
24
25
  --ids-palette-attention-95: #fff7d9;
25
26
  --ids-palette-error-40: #db0f00;
26
27
  --ids-palette-error-60: #f52819;
27
- --ids-palette-error-99: #ffeceb;
28
+ --ids-palette-error-99: #ffeceb;--ids-search-button-small-font-seize: 1rem;
29
+ --ids-search-button-small-line-height: 1.25rem;
30
+ --ids-input-height: var(--ids-36);
31
+ --ids-input-padding-x: var(--ids-16);
32
+ --ids-textarea-padding-x: var(--ids-16);
33
+ --ids-select-height: var(--ids-36);
34
+ --ids-select-padding-x: var(--ids-16);
35
+ --ids-search-button-small-padding-x: var(--ids-24);
36
+ --ids-search-button-small-padding-y: var(--ids-8);
28
37
  }
29
-
30
38
  .ids--inera-admin.ids--light {
31
- --ids-input-height: 2.25rem;
32
- --ids-input-padding-x: 1rem;
33
- --ids-textarea-padding-x: 1rem;
34
- --ids-select-height: 2.25rem;
35
- --ids-select-padding-x: 1rem;
36
- --ids-search-button-small-padding-x: 1.5rem;
37
- --ids-search-button-small-padding-y: 0.5rem;
38
- --ids-search-button-small-font-seize: 1rem;
39
- --ids-search-button-small-line-height: 1.25rem;
40
- --ids-font-family-primary: Open sans;
39
+ --ids-font-family-primary: Open sans;
41
40
  --ids-font-family-secondary: Poppins;
42
- --ids-color-surface-background-default: #ffffff;
43
- --ids-color-surface-border-default: #727373;
44
- --ids-color-surface-text-on-default: #353636;
45
- --ids-color-surface-background-elevated-1: #ffffff;
46
- --ids-color-surface-border-elevated-1: #cccccc;
47
- --ids-color-surface-text-on-elevated-1: #353636;
48
- --ids-color-surface-text-subtle-on-elevated-1: #727373;
49
- --ids-color-surface-background-elevated-2: #ffffff;
50
- --ids-color-surface-text-on-elevated-2: #353636;
51
- --ids-color-surface-border-elevated-2: #cccccc;
52
- --ids-color-surface-background-alternative: #f9f6f1;
53
- --ids-color-surface-text-on-alternative: #353636;
54
- --ids-color-surface-background-alternative-elevated-1: #f9f6f1;
55
- --ids-color-surface-text-on-alternative-elevated-1: #353636;
56
- --ids-color-brand-text-logo: #a33662;
57
- --ids-color-brand-text-primary: #a33662;
58
- --ids-color-brand-background-primary: #a33662;
59
- --ids-color-brand-background-primary-subtle: #7e2a4c;
60
- --ids-color-brand-background-primary-subtle-2: #c03f73;
61
- --ids-color-brand-border-primary: #a33662;
62
- --ids-color-brand-text-on-primary: #ffffff;
63
- --ids-color-brand-background-secondary: #f9f6f1;
64
- --ids-color-brand-text-on-secondary: #353636;
65
- --ids-color-navigation-background-default: #a33662;
66
- --ids-color-navigation-border-default: #a33662;
67
- --ids-color-navigation-text-default: #7e2a4c;
68
- --ids-color-navigation-icon-default: #a33662;
69
- --ids-color-navigation-text-on-default: #ffffff;
70
- --ids-color-navigation-background-hover: #7e2a4c;
71
- --ids-color-navigation-border-hover: #7e2a4c;
72
- --ids-color-navigation-text-hover: #7e2a4c;
73
- --ids-color-navigation-text-on-hover: #ffffff;
74
- --ids-color-navigation-background-active: #7e2a4c;
75
- --ids-color-navigation-border-active: #7e2a4c;
76
- --ids-color-navigation-text-active: #7e2a4c;
77
- --ids-color-navigation-text-on-active: #ffffff;
78
- --ids-color-interactive-background-default: #40775e;
79
- --ids-color-interactive-border-default: #40775e;
80
- --ids-color-interactive-text-default: #40775e;
81
- --ids-color-interactive-text-on-default: #ffffff;
82
- --ids-color-interactive-background-hover: #305a47;
83
- --ids-color-interactive-border-hover: #305a47;
84
- --ids-color-interactive-text-hover: #305a47;
85
- --ids-color-interactive-text-on-hover: #ffffff;
86
- --ids-color-interactive-background-active: #305a47;
87
- --ids-color-interactive-border-active: #305a47;
88
- --ids-color-interactive-text-active: #305a47;
89
- --ids-color-interactive-text-on-active: #ffffff;
90
- --ids-color-interactive-background-disabled: #ffffff;
91
- --ids-color-interactive-border-disabled: #cccccc;
92
- --ids-color-interactive-text-disabled: #727373;
93
- --ids-color-interactive-text-on-disabled: #727373;
94
- --ids-color-interactive-focus-outline: #353636;
95
- --ids-color-interactive-focus-outline-on: #ffffff;
96
- --ids-color-feedback-background-information: #f0f0f0;
97
- --ids-color-feedback-border-information: #727373;
98
- --ids-color-feedback-text-on-information: #353636;
99
- --ids-color-feedback-text-information: #353636;
100
- --ids-color-feedback-background-success: #e7f7ea;
101
- --ids-color-feedback-border-success: #2c863f;
102
- --ids-color-feedback-text-on-success: #353636;
103
- --ids-color-feedback-text-success: #2c863f;
104
- --ids-color-feedback-background-attention: #fff7d9;
105
- --ids-color-feedback-border-attention: #727373;
106
- --ids-color-feedback-text-on-attention: #353636;
107
- --ids-color-feedback-text-attention: #353636;
108
- --ids-color-feedback-background-error: #ffeceb;
109
- --ids-color-feedback-border-error: #db0f00;
110
- --ids-color-feedback-text-on-error: #353636;
111
- --ids-color-feedback-text-error: #db0f00;
112
- --ids-color-feedback-background-notification: #a33662;
113
- --ids-color-feedback-text-on-notification: #ffffff;
114
- --ids-color-form-background-default: #f9f6f1;
115
- --ids-color-form-border-default: #40775e;
116
- --ids-color-form-text-on-default: #353636;
117
- --ids-color-form-placeholder-text-on-default: #727373;
118
- --ids-color-form-background-light-default: #ffffff;
119
- --ids-color-form-border-light-default: #40775e;
120
- --ids-color-form-text-on-light-default: #353636;
121
- --ids-color-form-placeholder-text-on-light-default: #727373;
122
- --ids-color-form-background-active: #f9f6f1;
123
- --ids-color-form-border-active: #40775e;
124
- --ids-color-form-text-on-active: #353636;
125
- --ids-color-form-placeholder-text-on-active: #727373;
126
- --ids-color-form-background-light-active: #ffffff;
127
- --ids-color-form-border-light-active: #40775e;
128
- --ids-color-form-text-on-light-active: #353636;
129
- --ids-color-form-placeholder-text-on-light-active: #727373;
130
- --ids-color-form-background-disabled: #f0f0f0;
131
- --ids-color-form-border-disabled: #727373;
132
- --ids-color-form-text-on-light-disabled: #727373;
133
- --ids-color-form-placeholder-text-on-light-disabled: #727373;
134
- --ids-color-form-background-light-disabled: #f0f0f0;
135
- --ids-color-form-border-light-disabled: #727373;
136
- --ids-color-form-text-on-disabled: #727373;
137
- --ids-color-form-placeholder-text-on-disabled: #727373;
138
- --ids-color-form-background-invalid: #ffeceb;
139
- --ids-color-form-border-invalid: #db0f00;
140
- --ids-color-form-text-on-invalid: #353636;
141
- --ids-color-form-placeholder-text-on-invalid: #727373;
142
- --ids-color-form-message-background-invalid: #ffffff;
143
- --ids-color-form-message-border-invalid: #db0f00;
144
- --ids-color-form-message-text-on-invalid: #db0f00;
145
- --ids-color-form-background-light-invalid: #ffeceb;
146
- --ids-color-form-border-light-invalid: #db0f00;
147
- --ids-color-form-text-on-light-invalid: #353636;
148
- --ids-color-form-placeholder-text-on-light-invalid: #727373;
149
- --ids-color-heading-text-xxl: #a33662;
150
- --ids-color-heading-text-xl: #a33662;
151
- --ids-color-heading-text-l: #a33662;
152
- --ids-color-heading-text-m: #a33662;
153
- --ids-color-heading-text-s: #353636;
154
- --ids-color-heading-text-xs: #353636;
41
+ --ids-color-surface-shadow-elevated-1: #000000;
42
+ --ids-color-surface-shadow-elevated-2: #000000;
155
43
  --ids-border-radius-primary: 0.1875rem;
156
44
  --ids-border-radius-secondary: 0.3125rem;
157
45
  --ids-border-width-general: 0.0625rem;
158
46
  --ids-border-width-invalid: 0.125rem;
47
+ --ids-shadow-position-y-elevated-1-effect-1: 1.875rem;
48
+ --ids-shadow-position-y-elevated-1-effect-2: 1.0625rem;
49
+ --ids-shadow-position-y-elevated-1-effect-3: 0.4375rem;
50
+ --ids-shadow-position-y-elevated-1-effect-4: 0.125rem;
51
+ --ids-shadow-position-y-elevated-2-effect-1: 3.875rem;
52
+ --ids-shadow-position-y-elevated-2-effect-2: 2.1875rem;
53
+ --ids-shadow-position-y-elevated-2-effect-3: 1rem;
54
+ --ids-shadow-position-y-elevated-2-effect-4: 0.25rem;
55
+ --ids-shadow-blur-elevated-1-effect-1: 0.75rem;
56
+ --ids-shadow-blur-elevated-1-effect-2: 0.625rem;
57
+ --ids-shadow-blur-elevated-1-effect-3: 0.4375rem;
58
+ --ids-shadow-blur-elevated-1-effect-4: 0.25rem;
59
+ --ids-shadow-blur-elevated-2-effect-1: 1.5625rem;
60
+ --ids-shadow-blur-elevated-2-effect-2: 1.3125rem;
61
+ --ids-shadow-blur-elevated-2-effect-3: 1rem;
62
+ --ids-shadow-blur-elevated-2-effect-4: 0.5625rem;
63
+ --ids-shadow-opacity-elevated-1-effect-1: 0.125rem;
64
+ --ids-shadow-opacity-elevated-1-effect-2: 0.375rem;
65
+ --ids-shadow-opacity-elevated-1-effect-3: 0.625rem;
66
+ --ids-shadow-opacity-elevated-1-effect-4: 0.75rem;
67
+ --ids-shadow-opacity-elevated-2-effect-1: 0.125rem;
68
+ --ids-shadow-opacity-elevated-2-effect-2: 0;
69
+ --ids-shadow-opacity-elevated-2-effect-3: 0.75rem;
70
+ --ids-shadow-opacity-elevated-2-effect-4: 0.875rem;
71
+ --ids-color-surface-background-default: var(--ids-palette-neutral-100);
72
+ --ids-color-surface-border-default: var(--ids-palette-neutral-40);
73
+ --ids-color-surface-text-on-default: var(--ids-palette-neutral-20);
74
+ --ids-color-surface-background-elevated-1: var(--ids-palette-neutral-100);
75
+ --ids-color-surface-border-elevated-1: var(--ids-palette-neutral-90);
76
+ --ids-color-surface-text-on-elevated-1: var(--ids-palette-neutral-20);
77
+ --ids-color-surface-text-subtle-on-elevated-1: var(--ids-palette-neutral-40);
78
+ --ids-color-surface-background-elevated-2: var(--ids-palette-neutral-100);
79
+ --ids-color-surface-text-on-elevated-2: var(--ids-palette-neutral-20);
80
+ --ids-color-surface-border-elevated-2: var(--ids-palette-neutral-90);
81
+ --ids-color-surface-background-alternative: var(--ids-palette-secondary-95);
82
+ --ids-color-surface-text-on-alternative: var(--ids-palette-neutral-20);
83
+ --ids-color-surface-background-alternative-elevated-1: var(--ids-palette-secondary-95);
84
+ --ids-color-surface-text-on-alternative-elevated-1: var(--ids-palette-neutral-20);
85
+ --ids-color-brand-text-logo: var(--ids-palette-primary-40);
86
+ --ids-color-brand-text-primary: var(--ids-palette-primary-40);
87
+ --ids-color-brand-background-primary: var(--ids-palette-primary-40);
88
+ --ids-color-brand-background-primary-subtle: var(--ids-palette-primary-30);
89
+ --ids-color-brand-background-primary-subtle-2: var(--ids-palette-primary-50);
90
+ --ids-color-brand-border-primary: var(--ids-palette-primary-40);
91
+ --ids-color-brand-text-on-primary: var(--ids-palette-neutral-100);
92
+ --ids-color-brand-background-secondary: var(--ids-palette-secondary-95);
93
+ --ids-color-brand-text-on-secondary: var(--ids-palette-neutral-20);
94
+ --ids-color-navigation-background-default: var(--ids-palette-primary-40);
95
+ --ids-color-navigation-border-default: var(--ids-palette-primary-40);
96
+ --ids-color-navigation-text-default: var(--ids-palette-primary-30);
97
+ --ids-color-navigation-icon-default: var(--ids-palette-primary-40);
98
+ --ids-color-navigation-text-on-default: var(--ids-palette-neutral-100);
99
+ --ids-color-navigation-background-hover: var(--ids-palette-primary-30);
100
+ --ids-color-navigation-border-hover: var(--ids-palette-primary-30);
101
+ --ids-color-navigation-text-hover: var(--ids-palette-primary-30);
102
+ --ids-color-navigation-text-on-hover: var(--ids-palette-neutral-100);
103
+ --ids-color-navigation-background-active: var(--ids-palette-primary-30);
104
+ --ids-color-navigation-border-active: var(--ids-palette-primary-30);
105
+ --ids-color-navigation-text-active: var(--ids-palette-primary-30);
106
+ --ids-color-navigation-text-on-active: var(--ids-palette-neutral-100);
107
+ --ids-color-interactive-background-default: var(--ids-palette-accent-40);
108
+ --ids-color-interactive-border-default: var(--ids-palette-accent-40);
109
+ --ids-color-interactive-text-default: var(--ids-palette-accent-40);
110
+ --ids-color-interactive-text-on-default: var(--ids-palette-neutral-100);
111
+ --ids-color-interactive-background-hover: var(--ids-palette-accent-30);
112
+ --ids-color-interactive-border-hover: var(--ids-palette-accent-30);
113
+ --ids-color-interactive-text-hover: var(--ids-palette-accent-30);
114
+ --ids-color-interactive-text-on-hover: var(--ids-palette-neutral-100);
115
+ --ids-color-interactive-background-active: var(--ids-palette-accent-20);
116
+ --ids-color-interactive-border-active: var(--ids-palette-accent-20);
117
+ --ids-color-interactive-text-active: var(--ids-palette-accent-20);
118
+ --ids-color-interactive-text-on-active: var(--ids-palette-neutral-100);
119
+ --ids-color-interactive-background-disabled: var(--ids-palette-neutral-100);
120
+ --ids-color-interactive-border-disabled: var(--ids-palette-neutral-90);
121
+ --ids-color-interactive-text-disabled: var(--ids-palette-neutral-40);
122
+ --ids-color-interactive-text-on-disabled: var(--ids-palette-neutral-40);
123
+ --ids-color-interactive-focus-outline: var(--ids-palette-neutral-20);
124
+ --ids-color-interactive-focus-outline-on: var(--ids-palette-neutral-100);
125
+ --ids-color-feedback-background-information: var(--ids-palette-neutral-99);
126
+ --ids-color-feedback-border-information: var(--ids-palette-neutral-40);
127
+ --ids-color-feedback-text-on-information: var(--ids-palette-neutral-20);
128
+ --ids-color-feedback-text-information: var(--ids-palette-neutral-20);
129
+ --ids-color-feedback-background-success: var(--ids-palette-success-99);
130
+ --ids-color-feedback-border-success: var(--ids-palette-success-40);
131
+ --ids-color-feedback-text-on-success: var(--ids-palette-neutral-20);
132
+ --ids-color-feedback-text-success: var(--ids-palette-success-40);
133
+ --ids-color-feedback-background-attention: var(--ids-palette-attention-95);
134
+ --ids-color-feedback-border-attention: var(--ids-palette-neutral-40);
135
+ --ids-color-feedback-text-on-attention: var(--ids-palette-neutral-20);
136
+ --ids-color-feedback-text-attention: var(--ids-palette-neutral-20);
137
+ --ids-color-feedback-background-error: var(--ids-palette-error-99);
138
+ --ids-color-feedback-border-error: var(--ids-palette-error-40);
139
+ --ids-color-feedback-text-on-error: var(--ids-palette-neutral-20);
140
+ --ids-color-feedback-text-error: var(--ids-palette-error-40);
141
+ --ids-color-feedback-background-notification: var(--ids-palette-primary-40);
142
+ --ids-color-feedback-text-on-notification: var(--ids-palette-neutral-100);
143
+ --ids-color-form-background-default: var(--ids-palette-secondary-95);
144
+ --ids-color-form-border-default: var(--ids-palette-accent-40);
145
+ --ids-color-form-text-on-default: var(--ids-palette-neutral-20);
146
+ --ids-color-form-placeholder-text-on-default: var(--ids-palette-neutral-40);
147
+ --ids-color-form-background-light-default: var(--ids-palette-neutral-100);
148
+ --ids-color-form-border-light-default: var(--ids-palette-accent-40);
149
+ --ids-color-form-text-on-light-default: var(--ids-palette-neutral-20);
150
+ --ids-color-form-placeholder-text-on-light-default: var(--ids-palette-neutral-40);
151
+ --ids-color-form-background-active: var(--ids-palette-secondary-95);
152
+ --ids-color-form-border-active: var(--ids-palette-accent-40);
153
+ --ids-color-form-text-on-active: var(--ids-palette-neutral-20);
154
+ --ids-color-form-placeholder-text-on-active: var(--ids-palette-neutral-40);
155
+ --ids-color-form-background-light-active: var(--ids-palette-neutral-100);
156
+ --ids-color-form-border-light-active: var(--ids-palette-accent-40);
157
+ --ids-color-form-text-on-light-active: var(--ids-palette-neutral-20);
158
+ --ids-color-form-placeholder-text-on-light-active: var(--ids-palette-neutral-40);
159
+ --ids-color-form-background-disabled: var(--ids-palette-neutral-99);
160
+ --ids-color-form-border-disabled: var(--ids-palette-neutral-40);
161
+ --ids-color-form-text-on-light-disabled: var(--ids-palette-neutral-40);
162
+ --ids-color-form-placeholder-text-on-light-disabled: var(--ids-palette-neutral-40);
163
+ --ids-color-form-background-light-disabled: var(--ids-palette-neutral-99);
164
+ --ids-color-form-border-light-disabled: var(--ids-palette-neutral-40);
165
+ --ids-color-form-text-on-disabled: var(--ids-palette-neutral-40);
166
+ --ids-color-form-placeholder-text-on-disabled: var(--ids-palette-neutral-40);
167
+ --ids-color-form-background-invalid: var(--ids-palette-error-99);
168
+ --ids-color-form-border-invalid: var(--ids-palette-error-40);
169
+ --ids-color-form-text-on-invalid: var(--ids-palette-neutral-20);
170
+ --ids-color-form-placeholder-text-on-invalid: var(--ids-palette-neutral-40);
171
+ --ids-color-form-message-background-invalid: var(--ids-palette-neutral-100);
172
+ --ids-color-form-message-border-invalid: var(--ids-palette-error-40);
173
+ --ids-color-form-message-text-on-invalid: var(--ids-palette-error-40);
174
+ --ids-color-form-background-light-invalid: var(--ids-palette-error-99);
175
+ --ids-color-form-border-light-invalid: var(--ids-palette-error-40);
176
+ --ids-color-form-text-on-light-invalid: var(--ids-palette-neutral-20);
177
+ --ids-color-form-placeholder-text-on-light-invalid: var(--ids-palette-neutral-40);
178
+ --ids-color-heading-text-xxl: var(--ids-color-brand-text-primary);
179
+ --ids-color-heading-text-xl: var(--ids-color-brand-text-primary);
180
+ --ids-color-heading-text-l: var(--ids-color-brand-text-primary);
181
+ --ids-color-heading-text-m: var(--ids-color-brand-text-primary);
182
+ --ids-color-heading-text-s: var(--ids-color-surface-text-on-default);
183
+ --ids-color-heading-text-xs: var(--ids-color-surface-text-on-default);
159
184
  }
160
185
 
161
186
  .ids--inera-admin.ids--dark {
162
- --ids-input-height: 2.25rem;
163
- --ids-input-padding-x: 1rem;
164
- --ids-textarea-padding-x: 1rem;
165
- --ids-select-height: 2.25rem;
166
- --ids-select-padding-x: 1rem;
167
- --ids-search-button-small-padding-x: 1.5rem;
168
- --ids-search-button-small-padding-y: 0.5rem;
169
- --ids-search-button-small-font-seize: 1rem;
170
- --ids-search-button-small-line-height: 1.25rem;
171
- --ids-font-family-primary: Open sans;
187
+ --ids-font-family-primary: Open sans;
172
188
  --ids-font-family-secondary: Poppins;
173
- --ids-color-surface-background-default: #151515;
174
- --ids-color-surface-border-default: #727373;
175
- --ids-color-surface-text-on-default: #ffffff;
176
- --ids-color-surface-background-elevated-1: #252525;
177
- --ids-color-surface-border-elevated-1: #727373;
178
- --ids-color-surface-text-on-elevated-1: #ffffff;
179
- --ids-color-surface-text-subtle-on-elevated-1: #f0f0f0;
180
- --ids-color-surface-background-elevated-2: #353636;
181
- --ids-color-surface-text-on-elevated-2: #ffffff;
182
- --ids-color-surface-border-elevated-2: #727373;
183
- --ids-color-surface-background-alternative: #151515;
184
- --ids-color-surface-text-on-alternative: #ffffff;
185
- --ids-color-surface-background-alternative-elevated-1: #252525;
186
- --ids-color-surface-text-on-alternative-elevated-1: #ffffff;
187
- --ids-color-brand-text-logo: #c03f73;
188
- --ids-color-brand-text-primary: #e481a9;
189
- --ids-color-brand-background-primary: #252525;
190
- --ids-color-brand-background-primary-subtle: #7e2a4c;
191
- --ids-color-brand-background-primary-subtle-2: #151515;
192
- --ids-color-brand-border-primary: #c03f73;
193
- --ids-color-brand-text-on-primary: #ffffff;
194
- --ids-color-brand-background-secondary: #252525;
195
- --ids-color-brand-text-on-secondary: #ffffff;
196
- --ids-color-navigation-background-default: #151515;
197
- --ids-color-navigation-border-default: #e3abc1;
198
- --ids-color-navigation-text-default: #ffffff;
199
- --ids-color-navigation-icon-default: #e3abc1;
200
- --ids-color-navigation-text-on-default: #e3abc1;
201
- --ids-color-navigation-background-hover: #e481a9;
202
- --ids-color-navigation-border-hover: #e481a9;
203
- --ids-color-navigation-text-hover: #ffffff;
204
- --ids-color-navigation-text-on-hover: #e3abc1;
205
- --ids-color-navigation-background-active: #e481a9;
206
- --ids-color-navigation-border-active: #e481a9;
207
- --ids-color-navigation-text-active: #ffffff;
208
- --ids-color-navigation-text-on-active: #e3abc1;
209
- --ids-color-interactive-background-default: #94d1b6;
210
- --ids-color-interactive-border-default: #94d1b6;
211
- --ids-color-interactive-text-default: #94d1b6;
212
- --ids-color-interactive-text-on-default: #151515;
213
- --ids-color-interactive-background-hover: #ffffff;
214
- --ids-color-interactive-border-hover: #ffffff;
215
- --ids-color-interactive-text-hover: #ffffff;
216
- --ids-color-interactive-text-on-hover: #305a47;
217
- --ids-color-interactive-background-active: #ffffff;
218
- --ids-color-interactive-border-active: #ffffff;
219
- --ids-color-interactive-text-active: #ffffff;
220
- --ids-color-interactive-text-on-active: #305a47;
221
- --ids-color-interactive-background-disabled: #cccccc;
222
- --ids-color-interactive-border-disabled: #cccccc;
223
- --ids-color-interactive-text-disabled: #cccccc;
224
- --ids-color-interactive-text-on-disabled: #727373;
225
- --ids-color-interactive-focus-outline: #f0f0f0;
226
- --ids-color-interactive-focus-outline-on: #353636;
227
- --ids-color-feedback-background-information: #252525;
228
- --ids-color-feedback-border-information: #727373;
229
- --ids-color-feedback-text-on-information: #ffffff;
230
- --ids-color-feedback-text-information: #cccccc;
231
- --ids-color-feedback-background-success: #252525;
232
- --ids-color-feedback-border-success: #2c863f;
233
- --ids-color-feedback-text-on-success: #ffffff;
234
- --ids-color-feedback-text-success: #2c863f;
235
- --ids-color-feedback-background-attention: #252525;
236
- --ids-color-feedback-border-attention: #ffd748;
237
- --ids-color-feedback-text-on-attention: #ffffff;
238
- --ids-color-feedback-text-attention: #ffd748;
239
- --ids-color-feedback-background-error: #252525;
240
- --ids-color-feedback-border-error: #f52819;
241
- --ids-color-feedback-text-on-error: #ffffff;
242
- --ids-color-feedback-text-error: #f52819;
243
- --ids-color-feedback-background-notification: #c03f73;
244
- --ids-color-feedback-text-on-notification: #ffffff;
245
- --ids-color-form-background-default: #151515;
246
- --ids-color-form-border-default: #94d1b6;
247
- --ids-color-form-text-on-default: #ffffff;
248
- --ids-color-form-placeholder-text-on-default: #f0f0f0;
249
- --ids-color-form-background-light-default: #151515;
250
- --ids-color-form-border-light-default: #94d1b6;
251
- --ids-color-form-text-on-light-default: #ffffff;
252
- --ids-color-form-placeholder-text-on-light-default: #f0f0f0;
253
- --ids-color-form-background-active: #151515;
254
- --ids-color-form-border-active: #ffffff;
255
- --ids-color-form-text-on-active: #ffffff;
256
- --ids-color-form-placeholder-text-on-active: #f0f0f0;
257
- --ids-color-form-background-light-active: #151515;
258
- --ids-color-form-border-light-active: #ffffff;
259
- --ids-color-form-text-on-light-active: #ffffff;
260
- --ids-color-form-placeholder-text-on-light-active: #f0f0f0;
261
- --ids-color-form-background-disabled: #151515;
262
- --ids-color-form-border-disabled: #cccccc;
263
- --ids-color-form-text-on-light-disabled: #f0f0f0;
264
- --ids-color-form-placeholder-text-on-light-disabled: #f0f0f0;
265
- --ids-color-form-background-light-disabled: #151515;
266
- --ids-color-form-border-light-disabled: #cccccc;
267
- --ids-color-form-text-on-disabled: #f0f0f0;
268
- --ids-color-form-placeholder-text-on-disabled: #f0f0f0;
269
- --ids-color-form-background-invalid: #151515;
270
- --ids-color-form-border-invalid: #f52819;
271
- --ids-color-form-text-on-invalid: #ffffff;
272
- --ids-color-form-placeholder-text-on-invalid: #f0f0f0;
273
- --ids-color-form-message-background-invalid: #353636;
274
- --ids-color-form-message-border-invalid: #f52819;
275
- --ids-color-form-message-text-on-invalid: #ffffff;
276
- --ids-color-form-background-light-invalid: #151515;
277
- --ids-color-form-border-light-invalid: #f52819;
278
- --ids-color-form-text-on-light-invalid: #ffffff;
279
- --ids-color-form-placeholder-text-on-light-invalid: #f0f0f0;
280
- --ids-color-heading-text-xxl: #ffffff;
281
- --ids-color-heading-text-xl: #ffffff;
282
- --ids-color-heading-text-l: #ffffff;
283
- --ids-color-heading-text-m: #ffffff;
284
- --ids-color-heading-text-s: #ffffff;
285
- --ids-color-heading-text-xs: #ffffff;
189
+ --ids-color-surface-shadow-elevated-1: #ffffff;
190
+ --ids-color-surface-shadow-elevated-2: #ffffff;
286
191
  --ids-border-radius-primary: 0.1875rem;
287
192
  --ids-border-radius-secondary: 0.3125rem;
288
193
  --ids-border-width-general: 0.125rem;
289
194
  --ids-border-width-invalid: 0.125rem;
290
- }
195
+ --ids-shadow-position-y-elevated-1-effect-1: 1.875rem;
196
+ --ids-shadow-position-y-elevated-1-effect-2: 1.0625rem;
197
+ --ids-shadow-position-y-elevated-1-effect-3: 0.4375rem;
198
+ --ids-shadow-position-y-elevated-1-effect-4: 0.125rem;
199
+ --ids-shadow-position-y-elevated-2-effect-1: 3.875rem;
200
+ --ids-shadow-position-y-elevated-2-effect-2: 2.1875rem;
201
+ --ids-shadow-position-y-elevated-2-effect-3: 1rem;
202
+ --ids-shadow-position-y-elevated-2-effect-4: 0.25rem;
203
+ --ids-shadow-blur-elevated-1-effect-1: 0.75rem;
204
+ --ids-shadow-blur-elevated-1-effect-2: 0.625rem;
205
+ --ids-shadow-blur-elevated-1-effect-3: 0.4375rem;
206
+ --ids-shadow-blur-elevated-1-effect-4: 0.25rem;
207
+ --ids-shadow-blur-elevated-2-effect-1: 1.5625rem;
208
+ --ids-shadow-blur-elevated-2-effect-2: 1.3125rem;
209
+ --ids-shadow-blur-elevated-2-effect-3: 1rem;
210
+ --ids-shadow-blur-elevated-2-effect-4: 0.5625rem;
211
+ --ids-shadow-opacity-elevated-1-effect-1: 0.125rem;
212
+ --ids-shadow-opacity-elevated-1-effect-2: 0.375rem;
213
+ --ids-shadow-opacity-elevated-1-effect-3: 0.625rem;
214
+ --ids-shadow-opacity-elevated-1-effect-4: 0.75rem;
215
+ --ids-shadow-opacity-elevated-2-effect-1: 0.125rem;
216
+ --ids-shadow-opacity-elevated-2-effect-2: 0.4375rem;
217
+ --ids-shadow-opacity-elevated-2-effect-3: 0.75rem;
218
+ --ids-shadow-opacity-elevated-2-effect-4: 0.875rem;
219
+ --ids-color-surface-background-default: var(--ids-palette-neutral-10);
220
+ --ids-color-surface-border-default: var(--ids-palette-neutral-40);
221
+ --ids-color-surface-text-on-default: var(--ids-palette-neutral-100);
222
+ --ids-color-surface-background-elevated-1: var(--ids-palette-neutral-15);
223
+ --ids-color-surface-border-elevated-1: var(--ids-palette-neutral-40);
224
+ --ids-color-surface-text-on-elevated-1: var(--ids-palette-neutral-100);
225
+ --ids-color-surface-text-subtle-on-elevated-1: var(--ids-palette-neutral-99);
226
+ --ids-color-surface-background-elevated-2: var(--ids-palette-neutral-20);
227
+ --ids-color-surface-text-on-elevated-2: var(--ids-palette-neutral-100);
228
+ --ids-color-surface-border-elevated-2: var(--ids-palette-neutral-40);
229
+ --ids-color-surface-background-alternative: var(--ids-palette-neutral-10);
230
+ --ids-color-surface-text-on-alternative: var(--ids-palette-neutral-100);
231
+ --ids-color-surface-background-alternative-elevated-1: var(--ids-palette-neutral-15);
232
+ --ids-color-surface-text-on-alternative-elevated-1: var(--ids-palette-neutral-100);
233
+ --ids-color-brand-text-logo: var(--ids-palette-primary-50);
234
+ --ids-color-brand-text-primary: var(--ids-palette-primary-60);
235
+ --ids-color-brand-background-primary: var(--ids-palette-neutral-15);
236
+ --ids-color-brand-background-primary-subtle: var(--ids-palette-primary-30);
237
+ --ids-color-brand-background-primary-subtle-2: var(--ids-palette-neutral-10);
238
+ --ids-color-brand-border-primary: var(--ids-palette-primary-50);
239
+ --ids-color-brand-text-on-primary: var(--ids-palette-neutral-100);
240
+ --ids-color-brand-background-secondary: var(--ids-palette-neutral-15);
241
+ --ids-color-brand-text-on-secondary: var(--ids-palette-neutral-100);
242
+ --ids-color-navigation-background-default: var(--ids-palette-neutral-10);
243
+ --ids-color-navigation-border-default: var(--ids-palette-primary-90);
244
+ --ids-color-navigation-text-default: var(--ids-palette-neutral-100);
245
+ --ids-color-navigation-icon-default: var(--ids-palette-primary-90);
246
+ --ids-color-navigation-text-on-default: var(--ids-palette-primary-90);
247
+ --ids-color-navigation-background-hover: var(--ids-palette-primary-60);
248
+ --ids-color-navigation-border-hover: var(--ids-palette-primary-60);
249
+ --ids-color-navigation-text-hover: var(--ids-palette-neutral-100);
250
+ --ids-color-navigation-text-on-hover: var(--ids-palette-primary-90);
251
+ --ids-color-navigation-background-active: var(--ids-palette-primary-60);
252
+ --ids-color-navigation-border-active: var(--ids-palette-primary-60);
253
+ --ids-color-navigation-text-active: var(--ids-palette-neutral-100);
254
+ --ids-color-navigation-text-on-active: var(--ids-palette-primary-90);
255
+ --ids-color-interactive-background-default: var(--ids-palette-accent-90);
256
+ --ids-color-interactive-border-default: var(--ids-palette-accent-90);
257
+ --ids-color-interactive-text-default: var(--ids-palette-accent-90);
258
+ --ids-color-interactive-text-on-default: var(--ids-palette-neutral-10);
259
+ --ids-color-interactive-background-hover: var(--ids-palette-neutral-100);
260
+ --ids-color-interactive-border-hover: var(--ids-palette-neutral-100);
261
+ --ids-color-interactive-text-hover: var(--ids-palette-neutral-100);
262
+ --ids-color-interactive-text-on-hover: var(--ids-palette-accent-30);
263
+ --ids-color-interactive-background-active: var(--ids-palette-neutral-100);
264
+ --ids-color-interactive-border-active: var(--ids-palette-neutral-100);
265
+ --ids-color-interactive-text-active: var(--ids-palette-neutral-100);
266
+ --ids-color-interactive-text-on-active: var(--ids-palette-accent-30);
267
+ --ids-color-interactive-background-disabled: var(--ids-palette-neutral-90);
268
+ --ids-color-interactive-border-disabled: var(--ids-palette-neutral-90);
269
+ --ids-color-interactive-text-disabled: var(--ids-palette-neutral-90);
270
+ --ids-color-interactive-text-on-disabled: var(--ids-palette-neutral-40);
271
+ --ids-color-interactive-focus-outline: var(--ids-palette-neutral-99);
272
+ --ids-color-interactive-focus-outline-on: var(--ids-palette-neutral-99);
273
+ --ids-color-feedback-background-information: var(--ids-palette-neutral-15);
274
+ --ids-color-feedback-border-information: var(--ids-palette-neutral-40);
275
+ --ids-color-feedback-text-on-information: var(--ids-palette-neutral-100);
276
+ --ids-color-feedback-text-information: var(--ids-palette-neutral-90);
277
+ --ids-color-feedback-background-success: var(--ids-palette-neutral-15);
278
+ --ids-color-feedback-border-success: var(--ids-palette-success-40);
279
+ --ids-color-feedback-text-on-success: var(--ids-palette-neutral-100);
280
+ --ids-color-feedback-text-success: var(--ids-palette-success-40);
281
+ --ids-color-feedback-background-attention: var(--ids-palette-neutral-15);
282
+ --ids-color-feedback-border-attention: var(--ids-palette-attention-40);
283
+ --ids-color-feedback-text-on-attention: var(--ids-palette-neutral-100);
284
+ --ids-color-feedback-text-attention: var(--ids-palette-attention-40);
285
+ --ids-color-feedback-background-error: var(--ids-palette-neutral-15);
286
+ --ids-color-feedback-border-error: var(--ids-palette-error-60);
287
+ --ids-color-feedback-text-on-error: var(--ids-palette-neutral-100);
288
+ --ids-color-feedback-text-error: var(--ids-palette-error-60);
289
+ --ids-color-feedback-background-notification: var(--ids-palette-primary-50);
290
+ --ids-color-feedback-text-on-notification: var(--ids-palette-neutral-100);
291
+ --ids-color-form-background-default: var(--ids-palette-neutral-10);
292
+ --ids-color-form-border-default: var(--ids-palette-accent-90);
293
+ --ids-color-form-text-on-default: var(--ids-palette-neutral-100);
294
+ --ids-color-form-placeholder-text-on-default: var(--ids-palette-neutral-99);
295
+ --ids-color-form-background-light-default: var(--ids-palette-neutral-10);
296
+ --ids-color-form-border-light-default: var(--ids-palette-accent-90);
297
+ --ids-color-form-text-on-light-default: var(--ids-palette-neutral-100);
298
+ --ids-color-form-placeholder-text-on-light-default: var(--ids-palette-neutral-99);
299
+ --ids-color-form-background-active: var(--ids-palette-neutral-10);
300
+ --ids-color-form-border-active: var(--ids-palette-neutral-100);
301
+ --ids-color-form-text-on-active: var(--ids-palette-neutral-100);
302
+ --ids-color-form-placeholder-text-on-active: var(--ids-palette-neutral-99);
303
+ --ids-color-form-background-light-active: var(--ids-palette-neutral-10);
304
+ --ids-color-form-border-light-active: var(--ids-palette-neutral-100);
305
+ --ids-color-form-text-on-light-active: var(--ids-palette-neutral-100);
306
+ --ids-color-form-placeholder-text-on-light-active: var(--ids-palette-neutral-99);
307
+ --ids-color-form-background-disabled: var(--ids-palette-neutral-10);
308
+ --ids-color-form-border-disabled: var(--ids-palette-neutral-90);
309
+ --ids-color-form-text-on-light-disabled: var(--ids-palette-neutral-99);
310
+ --ids-color-form-placeholder-text-on-light-disabled: var(--ids-palette-neutral-99);
311
+ --ids-color-form-background-light-disabled: var(--ids-palette-neutral-10);
312
+ --ids-color-form-border-light-disabled: var(--ids-palette-neutral-90);
313
+ --ids-color-form-text-on-disabled: var(--ids-palette-neutral-99);
314
+ --ids-color-form-placeholder-text-on-disabled: var(--ids-palette-neutral-99);
315
+ --ids-color-form-background-invalid: var(--ids-palette-neutral-10);
316
+ --ids-color-form-border-invalid: var(--ids-palette-error-60);
317
+ --ids-color-form-text-on-invalid: var(--ids-palette-neutral-100);
318
+ --ids-color-form-placeholder-text-on-invalid: var(--ids-palette-neutral-99);
319
+ --ids-color-form-message-background-invalid: var(--ids-palette-neutral-20);
320
+ --ids-color-form-message-border-invalid: var(--ids-palette-error-60);
321
+ --ids-color-form-message-text-on-invalid: var(--ids-palette-neutral-100);
322
+ --ids-color-form-background-light-invalid: var(--ids-palette-neutral-10);
323
+ --ids-color-form-border-light-invalid: var(--ids-palette-error-60);
324
+ --ids-color-form-text-on-light-invalid: var(--ids-palette-neutral-100);
325
+ --ids-color-form-placeholder-text-on-light-invalid: var(--ids-palette-neutral-99);
326
+ --ids-color-heading-text-xxl: var(--ids-color-surface-text-on-default);
327
+ --ids-color-heading-text-xl: var(--ids-color-surface-text-on-default);
328
+ --ids-color-heading-text-l: var(--ids-color-surface-text-on-default);
329
+ --ids-color-heading-text-m: var(--ids-color-surface-text-on-default);
330
+ --ids-color-heading-text-s: var(--ids-color-surface-text-on-default);
331
+ --ids-color-heading-text-xs: var(--ids-color-surface-text-on-default);
332
+ }