@mozaic-ds/angular 0.24.0-beta.2 → 0.24.0-beta.4

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 (110) hide show
  1. package/adeo/assets/tokens/adeo/css/_variables.scss +50 -200
  2. package/adeo/assets/tokens/adeo/js/tokens.js +575 -575
  3. package/adeo/assets/tokens/adeo/js/tokensObject.js +12457 -9652
  4. package/adeo/assets/tokens/adeo/scss/_tokens.scss +240 -239
  5. package/adeo/assets/tokens/bricoman/android/colors.xml +483 -0
  6. package/adeo/assets/tokens/bricoman/android/font_dimens.xml +18 -0
  7. package/adeo/assets/tokens/bricoman/css/_variables.scss +477 -0
  8. package/adeo/assets/tokens/bricoman/css/root.scss +479 -0
  9. package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.h +491 -0
  10. package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.m +503 -0
  11. package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.swift +486 -0
  12. package/adeo/assets/tokens/bricoman/ios/StyleDictionarySize.h +69 -0
  13. package/adeo/assets/tokens/bricoman/ios/StyleDictionarySize.m +70 -0
  14. package/adeo/assets/tokens/bricoman/ios/StyleDictionarySize.swift +71 -0
  15. package/adeo/assets/tokens/bricoman/js/tokens.js +575 -0
  16. package/adeo/assets/tokens/bricoman/js/tokensObject.js +12444 -0
  17. package/adeo/assets/tokens/bricoman/scss/_tokens.scss +1630 -0
  18. package/adeo/components/breadcrumb/breadcrumb.component.d.ts +2 -1
  19. package/adeo/components/datatable/moz-datatable.component.d.ts +2 -0
  20. package/adeo/components/header/header.component.d.ts +33 -0
  21. package/adeo/components/header/header.module.d.ts +10 -0
  22. package/adeo/components/header/index.d.ts +3 -0
  23. package/adeo/components/header/model/header.d.ts +5 -0
  24. package/adeo/components/header/public-api.d.ts +1 -0
  25. package/adeo/components/kpi/index.d.ts +3 -0
  26. package/adeo/components/kpi/kpi.component.d.ts +14 -0
  27. package/adeo/components/kpi/kpi.module.d.ts +9 -0
  28. package/adeo/components/kpi/model/kpi.d.ts +4 -0
  29. package/adeo/components/kpi/public-api.d.ts +1 -0
  30. package/adeo/components/progress-bar/progress-bar.component.d.ts +2 -2
  31. package/adeo/components/public-api.d.ts +2 -0
  32. package/adeo/esm2020/components/autocomplete/autocomplete.component.mjs +6 -3
  33. package/adeo/esm2020/components/breadcrumb/breadcrumb.component.mjs +6 -3
  34. package/adeo/esm2020/components/datatable/components/footer/moz-datatable-footer.component.mjs +13 -3
  35. package/adeo/esm2020/components/datatable/moz-datatable.component.mjs +13 -3
  36. package/adeo/esm2020/components/dropdown/dropdown.component.mjs +6 -3
  37. package/adeo/esm2020/components/header/header.component.mjs +129 -0
  38. package/adeo/esm2020/components/header/header.module.mjs +20 -0
  39. package/adeo/esm2020/components/header/index.mjs +4 -0
  40. package/adeo/esm2020/components/header/model/header.mjs +6 -0
  41. package/adeo/esm2020/components/header/public-api.mjs +2 -0
  42. package/adeo/esm2020/components/kpi/index.mjs +4 -0
  43. package/adeo/esm2020/components/kpi/kpi.component.mjs +47 -0
  44. package/adeo/esm2020/components/kpi/kpi.module.mjs +19 -0
  45. package/adeo/esm2020/components/kpi/model/kpi.mjs +6 -0
  46. package/adeo/esm2020/components/kpi/public-api.mjs +2 -0
  47. package/adeo/esm2020/components/pagination/pagination.component.mjs +2 -2
  48. package/adeo/esm2020/components/progress-bar/progress-bar.component.mjs +6 -6
  49. package/adeo/esm2020/components/public-api.mjs +3 -1
  50. package/adeo/esm2020/components/tabs/tabs.component.mjs +3 -3
  51. package/adeo/fesm2015/mozaic-ds-angular.mjs +262 -24
  52. package/adeo/fesm2015/mozaic-ds-angular.mjs.map +1 -1
  53. package/adeo/fesm2020/mozaic-ds-angular.mjs +253 -20
  54. package/adeo/fesm2020/mozaic-ds-angular.mjs.map +1 -1
  55. package/adeo/package.json +1 -1
  56. package/assets/tokens/adeo/css/_variables.scss +50 -200
  57. package/assets/tokens/adeo/js/tokens.js +575 -575
  58. package/assets/tokens/adeo/js/tokensObject.js +12457 -9652
  59. package/assets/tokens/adeo/scss/_tokens.scss +240 -239
  60. package/assets/tokens/bricoman/android/colors.xml +483 -0
  61. package/assets/tokens/bricoman/android/font_dimens.xml +18 -0
  62. package/assets/tokens/bricoman/css/_variables.scss +477 -0
  63. package/assets/tokens/bricoman/css/root.scss +479 -0
  64. package/assets/tokens/bricoman/ios/StyleDictionaryColor.h +491 -0
  65. package/assets/tokens/bricoman/ios/StyleDictionaryColor.m +503 -0
  66. package/assets/tokens/bricoman/ios/StyleDictionaryColor.swift +486 -0
  67. package/assets/tokens/bricoman/ios/StyleDictionarySize.h +69 -0
  68. package/assets/tokens/bricoman/ios/StyleDictionarySize.m +70 -0
  69. package/assets/tokens/bricoman/ios/StyleDictionarySize.swift +71 -0
  70. package/assets/tokens/bricoman/js/tokens.js +575 -0
  71. package/assets/tokens/bricoman/js/tokensObject.js +12444 -0
  72. package/assets/tokens/bricoman/scss/_tokens.scss +1630 -0
  73. package/components/breadcrumb/breadcrumb.component.d.ts +2 -1
  74. package/components/datatable/moz-datatable.component.d.ts +2 -0
  75. package/components/header/header.component.d.ts +33 -0
  76. package/components/header/header.module.d.ts +10 -0
  77. package/components/header/index.d.ts +3 -0
  78. package/components/header/model/header.d.ts +5 -0
  79. package/components/header/public-api.d.ts +1 -0
  80. package/components/kpi/index.d.ts +3 -0
  81. package/components/kpi/kpi.component.d.ts +14 -0
  82. package/components/kpi/kpi.module.d.ts +9 -0
  83. package/components/kpi/model/kpi.d.ts +4 -0
  84. package/components/kpi/public-api.d.ts +1 -0
  85. package/components/progress-bar/progress-bar.component.d.ts +2 -2
  86. package/components/public-api.d.ts +2 -0
  87. package/esm2020/components/autocomplete/autocomplete.component.mjs +6 -3
  88. package/esm2020/components/breadcrumb/breadcrumb.component.mjs +6 -3
  89. package/esm2020/components/datatable/components/footer/moz-datatable-footer.component.mjs +13 -3
  90. package/esm2020/components/datatable/moz-datatable.component.mjs +13 -3
  91. package/esm2020/components/dropdown/dropdown.component.mjs +6 -3
  92. package/esm2020/components/header/header.component.mjs +129 -0
  93. package/esm2020/components/header/header.module.mjs +20 -0
  94. package/esm2020/components/header/index.mjs +4 -0
  95. package/esm2020/components/header/model/header.mjs +6 -0
  96. package/esm2020/components/header/public-api.mjs +2 -0
  97. package/esm2020/components/kpi/index.mjs +4 -0
  98. package/esm2020/components/kpi/kpi.component.mjs +47 -0
  99. package/esm2020/components/kpi/kpi.module.mjs +19 -0
  100. package/esm2020/components/kpi/model/kpi.mjs +6 -0
  101. package/esm2020/components/kpi/public-api.mjs +2 -0
  102. package/esm2020/components/pagination/pagination.component.mjs +2 -2
  103. package/esm2020/components/progress-bar/progress-bar.component.mjs +6 -6
  104. package/esm2020/components/public-api.mjs +3 -1
  105. package/esm2020/components/tabs/tabs.component.mjs +3 -3
  106. package/fesm2015/mozaic-ds-angular.mjs +262 -24
  107. package/fesm2015/mozaic-ds-angular.mjs.map +1 -1
  108. package/fesm2020/mozaic-ds-angular.mjs +253 -20
  109. package/fesm2020/mozaic-ds-angular.mjs.map +1 -1
  110. package/package.json +1 -1
package/adeo/assets/tokens/bricoman/css/root.scss ADDED
@@ -0,0 +1,479 @@
1
+ :root {
2
+ --color-star-full: #ea7315;
3
+ --color-success-900: #023618;
4
+ --color-success-800: #035010;
5
+ --color-success-700: #006902;
6
+ --color-success-600: #188803;
7
+ --color-success-500: #46a610;
8
+ --color-success-400: #78be20;
9
+ --color-success-300: #9ed05f;
10
+ --color-success-200: #c5e39e;
11
+ --color-success-100: #ebf5de;
12
+ --color-warning-900: #360e00;
13
+ --color-warning-800: #531b00;
14
+ --color-warning-700: #8c3500;
15
+ --color-warning-600: #c65200;
16
+ --color-warning-500: #ea7315;
17
+ --color-warning-400: #ef934a;
18
+ --color-warning-300: #f4b27e;
19
+ --color-warning-200: #f8d2b3;
20
+ --color-warning-100: #fdf1e8;
21
+ --color-info-900: #002a41;
22
+ --color-info-800: #003a5c;
23
+ --color-info-700: #005c91;
24
+ --color-info-600: #007bb4;
25
+ --color-info-500: #0b96cc;
26
+ --color-info-400: #3facd7;
27
+ --color-info-300: #73c3e2;
28
+ --color-info-200: #a7d9ed;
29
+ --color-info-100: #daeff7;
30
+ --color-danger-900: #2d0000;
31
+ --color-danger-800: #530000;
32
+ --color-danger-700: #8c0003;
33
+ --color-danger-600: #c61112;
34
+ --color-danger-500: #ea302d;
35
+ --color-danger-400: #ef5f5c;
36
+ --color-danger-300: #f38d8c;
37
+ --color-danger-200: #f8bcbb;
38
+ --color-danger-100: #fdeaea;
39
+ --color-secondary-yellow-900: #46350d;
40
+ --color-secondary-yellow-800: #705613;
41
+ --color-secondary-yellow-700: #9c7b18;
42
+ --color-secondary-yellow-600: #c9a21b;
43
+ --color-secondary-yellow-500: #f8cc1c;
44
+ --color-secondary-yellow-400: #fcd64c;
45
+ --color-secondary-yellow-300: #fee07d;
46
+ --color-secondary-yellow-200: #ffebaf;
47
+ --color-secondary-yellow-100: #fff8e2;
48
+ --color-secondary-orange-900: #360e00;
49
+ --color-secondary-orange-800: #531b00;
50
+ --color-secondary-orange-700: #8c3500;
51
+ --color-secondary-orange-600: #c65200;
52
+ --color-secondary-orange-500: #ea7315;
53
+ --color-secondary-orange-400: #ef934a;
54
+ --color-secondary-orange-300: #f4b27e;
55
+ --color-secondary-orange-200: #f8d2b3;
56
+ --color-secondary-orange-100: #fdf1e8;
57
+ --color-secondary-red-900: #2d0000;
58
+ --color-secondary-red-800: #530000;
59
+ --color-secondary-red-700: #8c0003;
60
+ --color-secondary-red-600: #c61112;
61
+ --color-secondary-red-500: #ea302d;
62
+ --color-secondary-red-400: #ef5f5c;
63
+ --color-secondary-red-300: #f38d8c;
64
+ --color-secondary-red-200: #f8bcbb;
65
+ --color-secondary-red-100: #fdeaea;
66
+ --color-secondary-purple-900: #1c053d;
67
+ --color-secondary-purple-800: #2e0663;
68
+ --color-secondary-purple-700: #42058a;
69
+ --color-secondary-purple-600: #5803b3;
70
+ --color-secondary-purple-500: #7000dd;
71
+ --color-secondary-purple-400: #883be9;
72
+ --color-secondary-purple-300: #a575f3;
73
+ --color-secondary-purple-200: #c7b0fa;
74
+ --color-secondary-purple-100: #efebfe;
75
+ --color-secondary-blue-900: #002a41;
76
+ --color-secondary-blue-800: #003a5c;
77
+ --color-secondary-blue-700: #005c91;
78
+ --color-secondary-blue-600: #007bb4;
79
+ --color-secondary-blue-500: #0b96cc;
80
+ --color-secondary-blue-400: #3facd7;
81
+ --color-secondary-blue-300: #73c3e2;
82
+ --color-secondary-blue-200: #a7d9ed;
83
+ --color-secondary-blue-100: #daeff7;
84
+ --color-grey-000: #ffffff;
85
+ --color-grey-999: #000000;
86
+ --color-grey-900: #191919;
87
+ --color-grey-800: #333333;
88
+ --color-grey-700: #4d4d4d;
89
+ --color-grey-600: #666666;
90
+ --color-grey-500: #808080;
91
+ --color-grey-400: #999999;
92
+ --color-grey-300: #b3b3b3;
93
+ --color-grey-200: #cccccc;
94
+ --color-grey-100: #e6e6e6;
95
+ --color-primary-02-900: #421700;
96
+ --color-primary-02-800: #702700;
97
+ --color-primary-02-700: #943300;
98
+ --color-primary-02-600: #b83f00;
99
+ --color-primary-02-500: #e54f00;
100
+ --color-primary-02-400: #ff5800;
101
+ --color-primary-02-300: #ff7933;
102
+ --color-primary-02-200: #ffab80;
103
+ --color-primary-02-100: #ffe1d1;
104
+ --color-primary-01-900: #120949;
105
+ --color-primary-01-800: #130f7b;
106
+ --color-primary-01-700: #161cb6;
107
+ --color-primary-01-600: #373de7;
108
+ --color-primary-01-500: #4d5bf5;
109
+ --color-primary-01-400: #6875e8;
110
+ --color-primary-01-300: #8792ed;
111
+ --color-primary-01-200: #b8bef4;
112
+ --color-primary-01-100: #e5e7fa;
113
+ --color-tooltip-border: var(--color-grey-000);
114
+ --color-tooltip-background: var(--color-grey-700);
115
+ --color-toggle-disabled-checked-circle: var(--color-grey-000);
116
+ --color-toggle-disabled-checked-background: var(--color-primary-01-200);
117
+ --color-toggle-disabled-label: var(--color-grey-500);
118
+ --color-toggle-disabled-circle: var(--color-grey-300);
119
+ --color-toggle-disabled-background: var(--color-grey-100);
120
+ --color-toggle-hover-circle: var(--color-grey-100);
121
+ --color-toggle-on-circle: var(--color-grey-000);
122
+ --color-toggle-on-background: var(--color-primary-02-400);
123
+ --color-toggle-off-circle: var(--color-grey-000);
124
+ --color-toggle-off-background: var(--color-grey-500);
125
+ --color-toggle-label: var(--color-grey-999);
126
+ --color-tag-removable-dark-active-background: var(--color-grey-400);
127
+ --color-tag-removable-dark-hover-background: var(--color-grey-300);
128
+ --color-tag-removable-dark-icon: var(--color-grey-900);
129
+ --color-tag-removable-dark-text: var(--color-grey-900);
130
+ --color-tag-removable-dark-background: var(--color-grey-200);
131
+ --color-tag-removable-light-active-background: var(--color-grey-600);
132
+ --color-tag-removable-light-hover-background: var(--color-grey-700);
133
+ --color-tag-removable-light-icon: var(--color-grey-200);
134
+ --color-tag-removable-light-text: var(--color-grey-000);
135
+ --color-tag-removable-light-background: var(--color-grey-800);
136
+ --color-tag-selectable-dark-disabled-text: var(--color-grey-500);
137
+ --color-tag-selectable-dark-disabled-background: var(--color-grey-700);
138
+ --color-tag-selectable-dark-selected-hover-background: var(--color-primary-01-300);
139
+ --color-tag-selectable-dark-selected-text: var(--color-grey-900);
140
+ --color-tag-selectable-dark-selected-border: var(--color-primary-01-400);
141
+ --color-tag-selectable-dark-selected-background: var(--color-primary-01-400);
142
+ --color-tag-selectable-dark-active-text: var(--color-grey-900);
143
+ --color-tag-selectable-dark-active-border: var(--color-primary-01-200);
144
+ --color-tag-selectable-dark-active-background: var(--color-primary-01-200);
145
+ --color-tag-selectable-dark-hover-background: var(--color-primary-01-700);
146
+ --color-tag-selectable-dark-text: var(--color-grey-000);
147
+ --color-tag-selectable-dark-border: var(--color-grey-000);
148
+ --color-tag-selectable-dark-background: var(--color-grey-900);
149
+ --color-tag-selectable-light-selected-hover-background: var(--color-primary-01-700);
150
+ --color-tag-selectable-light-selected-text: var(--color-grey-000);
151
+ --color-tag-selectable-light-selected-background: var(--color-primary-01-600);
152
+ --color-tag-selectable-light-disabled-text: var(--color-grey-500);
153
+ --color-tag-selectable-light-disabled-background: var(--color-grey-100);
154
+ --color-tag-selectable-light-active-text: var(--color-grey-000);
155
+ --color-tag-selectable-light-active-border: var(--color-primary-01-800);
156
+ --color-tag-selectable-light-active-background: var(--color-primary-01-800);
157
+ --color-tag-selectable-light-hover-background: var(--color-primary-01-300);
158
+ --color-tag-selectable-light-text: var(--color-grey-900);
159
+ --color-tag-selectable-light-border: var(--color-grey-500);
160
+ --color-tag-selectable-light-background: var(--color-grey-000);
161
+ --color-tag-link-dark-active-background: var(--color-grey-700);
162
+ --color-tag-link-dark-hover-background: var(--color-grey-800);
163
+ --color-tag-link-dark-text: var(--color-grey-000);
164
+ --color-tag-link-dark-border: var(--color-grey-000);
165
+ --color-tag-link-dark-background: var(--color-grey-900);
166
+ --color-tag-link-light-active-background: var(--color-grey-200);
167
+ --color-tag-link-light-hover-background: var(--color-grey-100);
168
+ --color-tag-link-light-text: var(--color-grey-900);
169
+ --color-tag-link-light-border: var(--color-grey-500);
170
+ --color-tag-link-light-background: var(--color-grey-000);
171
+ --color-tag-text-dark-text: var(--color-grey-000);
172
+ --color-tag-text-dark-border: var(--color-grey-000);
173
+ --color-tag-text-dark-background: var(--color-grey-900);
174
+ --color-tag-text-light-text: var(--color-grey-900);
175
+ --color-tag-text-light-border: var(--color-grey-500);
176
+ --color-tag-text-light-background: var(--color-grey-000);
177
+ --color-tabs-active-disabled: var(--color-primary-01-200);
178
+ --color-tabs-selected-hover-text: var(--color-grey-999);
179
+ --color-tabs-selected-active-text: var(--color-grey-999);
180
+ --color-tabs-selected-text: var(--color-grey-999);
181
+ --color-tabs-selected-border: var(--color-grey-999);
182
+ --color-tabs-active-text: var(--color-grey-700);
183
+ --color-tabs-active-background: var(--color-primary-02-200);
184
+ --color-tabs-disabled-background: var(--color-grey-200);
185
+ --color-tabs-hover-background: var(--color-primary-02-100);
186
+ --color-tabs-element-background: var(--color-primary-02-100);
187
+ --color-tabs-default: var(--color-grey-600);
188
+ --color-tabs-shadow: var(--color-grey-999);
189
+ --color-tabs-background: var(--color-grey-000);
190
+ --color-stepper-title: var(--color-primary-01-500);
191
+ --color-stepper-icon: var(--color-primary-01-500);
192
+ --color-stepper-indicator-current-border: var(--color-primary-01-500);
193
+ --color-stepper-indicator-current-background: var(--color-primary-01-500);
194
+ --color-stepper-indicator-border: var(--color-grey-400);
195
+ --color-stepper-indicator-background: var(--color-grey-000);
196
+ --color-stepper-link-hover-text: var(--color-primary-01-500);
197
+ --color-stepper-item-current-background: var(--color-primary-01-500);
198
+ --color-stepper-item-background: var(--color-grey-400);
199
+ --color-star-hover: var(--color-secondary-orange-300);
200
+ --color-star-focus: var(--color-secondary-blue-500);
201
+ --color-star-empty: var(--color-grey-000);
202
+ --color-sidebar-scroll-color: var(--color-primary-02-400);
203
+ --color-sidebar-scroll-background: var(--color-grey-300);
204
+ --color-sidebar-text-color: var(--color-grey-900);
205
+ --color-sidebar-text-background: var(--color-grey-100);
206
+ --color-sidebar-icon: var(--color-grey-900);
207
+ --color-sidebar-divider-background: var(--color-grey-300);
208
+ --color-sidebar-user-background: var(--color-primary-02-200);
209
+ --color-sidebar-feature-disabled-background: var(--color-primary-02-500);
210
+ --color-sidebar-feature-selected-background: var(--color-primary-02-200);
211
+ --color-sidebar-feature-hover-background: var(--color-primary-02-300);
212
+ --color-sidebar-feature-background: var(--color-primary-02-200);
213
+ --color-sidebar-background: var(--color-primary-02-100);
214
+ --color-segmented-control-active: var(--color-primary-02-200);
215
+ --color-segmented-control-hover: var(--color-primary-02-100);
216
+ --color-segmented-control-is-active: var(--color-primary-01-600);
217
+ --color-progress-percentage-half: var(--color-grey-000);
218
+ --color-progress-percentage-default: var(--color-grey-900);
219
+ --color-progress-indicator: var(--color-primary-02-400);
220
+ --color-progress-background: var(--color-grey-200);
221
+ --color-phone-number-item-focus-background: var(--color-grey-100);
222
+ --color-phone-number-item-border: var(--color-grey-300);
223
+ --color-phone-number-list-background: var(--color-grey-000);
224
+ --color-phone-number-button-border: var(--color-grey-600);
225
+ --color-password-input-button-hover-background: var(--color-grey-100);
226
+ --color-overlay-loader-background: var(--color-grey-900);
227
+ --color-overlay-background: var(--color-grey-900);
228
+ --color-option-card-disabled-label: var(--color-grey-600);
229
+ --color-option-card-disabled-content: var(--color-grey-200);
230
+ --color-option-card-checked-label-shadow: var(--color-primary-01-100);
231
+ --color-option-card-checked-label-border: var(--color-primary-01-500);
232
+ --color-option-card-hover-label-shadow: var(--color-grey-800);
233
+ --color-option-card-label-shadow: var(--color-grey-300);
234
+ --color-option-button-disabled-label-background: var(--color-grey-200);
235
+ --color-option-button-checked-label-shadow: var(--color-primary-01-100);
236
+ --color-option-button-checked-label-border: var(--color-primary-01-500);
237
+ --color-option-button-hover-label-shadow: var(--color-grey-800);
238
+ --color-option-button-label-shadow: var(--color-grey-300);
239
+ --color-notification-danger-icon: var(--color-danger-600);
240
+ --color-notification-danger-border: var(--color-danger-500);
241
+ --color-notification-danger-background: var(--color-danger-100);
242
+ --color-notification-warning-icon: var(--color-warning-600);
243
+ --color-notification-warning-border: var(--color-warning-500);
244
+ --color-notification-warning-background: var(--color-warning-100);
245
+ --color-notification-success-icon: var(--color-success-600);
246
+ --color-notification-success-border: var(--color-success-500);
247
+ --color-notification-success-background: var(--color-success-100);
248
+ --color-notification-information-icon: var(--color-info-600);
249
+ --color-notification-information-border: var(--color-info-500);
250
+ --color-notification-information-background: var(--color-info-100);
251
+ --color-notification-font: var(--color-grey-999);
252
+ --color-menu-active: var(--color-primary-02-200);
253
+ --color-menu-hover: var(--color-primary-02-100);
254
+ --color-menu-is-active: var(--color-primary-01-600);
255
+ --color-listbox-disabled-background: var(--color-grey-200);
256
+ --color-listbox-tile-hover-background: var(--color-grey-100);
257
+ --color-listbox-tile-shadow: var(--color-grey-900);
258
+ --color-listbox-tile-border: var(--color-grey-300);
259
+ --color-listbox-border: var(--color-grey-600);
260
+ --color-listbox-background: var(--color-grey-000);
261
+ --color-link-danger-hover: var(--color-secondary-red-800);
262
+ --color-link-danger-disabled: var(--color-grey-100);
263
+ --color-link-danger-active: var(--color-secondary-red-700);
264
+ --color-link-danger-visited: var(--color-secondary-red-700);
265
+ --color-link-danger-base: var(--color-secondary-red-600);
266
+ --color-link-primary-02-hover: var(--color-primary-02-900);
267
+ --color-link-primary-02-disabled: var(--color-grey-100);
268
+ --color-link-primary-02-active: var(--color-primary-02-700);
269
+ --color-link-primary-02-visited: var(--color-primary-02-700);
270
+ --color-link-primary-02-base: var(--color-primary-02-600);
271
+ --color-link-primary-hover: var(--color-primary-02-600);
272
+ --color-link-primary-disabled: var(--color-grey-100);
273
+ --color-link-primary-active: var(--color-primary-02-400);
274
+ --color-link-primary-visited: var(--color-primary-02-400);
275
+ --color-link-primary-base: var(--color-primary-02-400);
276
+ --color-link-light-hover: var(--color-grey-400);
277
+ --color-link-light-disabled: var(--color-grey-100);
278
+ --color-link-light-active: var(--color-grey-200);
279
+ --color-link-light-visited: var(--color-grey-200);
280
+ --color-link-light-base: var(--color-grey-000);
281
+ --color-link-dark-hover: var(--color-grey-600);
282
+ --color-link-dark-disabled: var(--color-grey-100);
283
+ --color-link-dark-active: var(--color-grey-800);
284
+ --color-link-dark-visited: var(--color-grey-800);
285
+ --color-link-dark-base: var(--color-grey-999);
286
+ --color-input-checked-hover-border: var(--color-primary-02-400);
287
+ --color-input-checked-icon: var(--color-grey-000);
288
+ --color-input-checked-background: var(--color-primary-02-400);
289
+ --color-input-checked-border: var(--color-primary-02-400);
290
+ --color-input-invalid-hover-border: var(--color-danger-800);
291
+ --color-input-invalid-border: var(--color-danger-600);
292
+ --color-input-valid-hover-border: var(--color-success-800);
293
+ --color-input-valid-border: var(--color-success-500);
294
+ --color-input-focus-border: var(--color-secondary-blue-500);
295
+ --color-input-hover-border: var(--color-grey-900);
296
+ --color-input-disabled-label: var(--color-grey-500);
297
+ --color-input-disabled-icon: var(--color-grey-400);
298
+ --color-input-disabled-border: var(--color-grey-100);
299
+ --color-input-disabled-background: var(--color-grey-100);
300
+ --color-input-background: var(--color-grey-000);
301
+ --color-input-placeholder: var(--color-grey-500);
302
+ --color-input-border: var(--color-grey-500);
303
+ --color-input-text: var(--color-grey-800);
304
+ --color-hero-cover-background: var(--color-grey-900);
305
+ --color-heading-line-lightest: var(--color-primary-02-200);
306
+ --color-heading-line-default: var(--color-primary-02-400);
307
+ --color-heading-underline-lightest: var(--color-primary-01-200);
308
+ --color-heading-underline-default: var(--color-primary-01-500);
309
+ --color-font-danger: var(--color-danger-600);
310
+ --color-font-warning: var(--color-warning-600);
311
+ --color-font-success: var(--color-success-600);
312
+ --color-font-info: var(--color-info-600);
313
+ --color-font-lightest: var(--color-grey-000);
314
+ --color-font-light: var(--color-grey-600);
315
+ --color-font-dark: var(--color-grey-800);
316
+ --color-font-darker: var(--color-grey-900);
317
+ --color-font-darkest: var(--color-grey-999);
318
+ --color-font-primary-02: var(--color-primary-02-500);
319
+ --color-font-primary-01: var(--color-primary-01-600);
320
+ --color-focus-border: var(--color-secondary-blue-500);
321
+ --color-focus-gap: var(--color-grey-000);
322
+ --color-flag-bordered-danger-text: var(--color-secondary-red-600);
323
+ --color-flag-bordered-danger-border: var(--color-secondary-red-600);
324
+ --color-flag-bordered-danger-background: var(--color-grey-000);
325
+ --color-flag-bordered-light-text: var(--color-grey-000);
326
+ --color-flag-bordered-light-border: var(--color-grey-000);
327
+ --color-flag-bordered-light-background: var(--color-grey-999);
328
+ --color-flag-bordered-dark-text: var(--color-grey-999);
329
+ --color-flag-bordered-dark-border: var(--color-grey-999);
330
+ --color-flag-bordered-dark-background: var(--color-grey-000);
331
+ --color-flag-bordered-primary-02-text: var(--color-primary-02-600);
332
+ --color-flag-bordered-primary-02-border: var(--color-primary-02-600);
333
+ --color-flag-bordered-primary-02-background: var(--color-grey-000);
334
+ --color-flag-bordered-text: var(--color-primary-01-600);
335
+ --color-flag-bordered-border: var(--color-primary-01-600);
336
+ --color-flag-bordered-background: var(--color-grey-000);
337
+ --color-flag-solid-danger-text: var(--color-grey-000);
338
+ --color-flag-solid-danger-border: var(--color-secondary-red-600);
339
+ --color-flag-solid-danger-background: var(--color-secondary-red-600);
340
+ --color-flag-solid-light-text: var(--color-grey-999);
341
+ --color-flag-solid-light-border: var(--color-grey-000);
342
+ --color-flag-solid-light-background: var(--color-grey-000);
343
+ --color-flag-solid-dark-text: var(--color-grey-000);
344
+ --color-flag-solid-dark-border: var(--color-grey-999);
345
+ --color-flag-solid-dark-background: var(--color-grey-999);
346
+ --color-flag-solid-primary-02-text: var(--color-grey-000);
347
+ --color-flag-solid-primary-02-border: var(--color-primary-02-600);
348
+ --color-flag-solid-primary-02-background: var(--color-primary-02-600);
349
+ --color-flag-solid-text: var(--color-grey-000);
350
+ --color-flag-solid-border: var(--color-primary-01-600);
351
+ --color-flag-solid-background: var(--color-primary-01-600);
352
+ --color-fileuploader-alert: var(--color-danger-600);
353
+ --color-fileuploader-valid: var(--color-primary-01-500);
354
+ --color-fileuploader-files-delete: var(--color-grey-200);
355
+ --color-fileuploader-files-list: var(--color-grey-100);
356
+ --color-fileuploader-font: var(--color-grey-999);
357
+ --color-divider-dark: var(--color-grey-999);
358
+ --color-divider-default: var(--color-grey-600);
359
+ --color-divider-light: var(--color-grey-300);
360
+ --color-divider-lightest: var(--color-grey-000);
361
+ --color-dialog-footer-shadow: var(--color-grey-900);
362
+ --color-dialog-close: var(--color-grey-500);
363
+ --color-dialog-icon: var(--color-grey-600);
364
+ --color-dialog-background: var(--color-grey-000);
365
+ --color-datatable-empty-color: var(--color-grey-600);
366
+ --color-datatable-empty-background: var(--color-grey-100);
367
+ --color-datatable-icon: var(--color-primary-01-500);
368
+ --color-datatable-subtable-font: var(--color-grey-999);
369
+ --color-datatable-subtable-border: var(--color-grey-300);
370
+ --color-datatable-subtable-background: var(--color-grey-100);
371
+ --color-datatable-cell-background-selected: var(--color-primary-01-100);
372
+ --color-datatable-cell-background-hover: var(--color-grey-100);
373
+ --color-datatable-cell-font: var(--color-grey-900);
374
+ --color-datatable-sort-arrow-active: var(--color-grey-800);
375
+ --color-datatable-sort-arrow-default: var(--color-grey-200);
376
+ --color-datatable-thead-font: var(--color-grey-900);
377
+ --color-datatable-container-background: var(--color-grey-100);
378
+ --color-datatable-filters-border: var(--color-grey-300);
379
+ --color-card-bordered-border: var(--color-grey-500);
380
+ --color-card-bordered-background: var(--color-grey-000);
381
+ --color-button-bordered-danger-hover-font: var(--color-danger-700);
382
+ --color-button-bordered-danger-hover-background: var(--color-secondary-red-100);
383
+ --color-button-bordered-danger-active-font: var(--color-danger-800);
384
+ --color-button-bordered-danger-active-background: var(--color-secondary-red-200);
385
+ --color-button-bordered-danger-disabled-font: var(--color-grey-600);
386
+ --color-button-bordered-danger-disabled-background: var(--color-grey-200);
387
+ --color-button-bordered-danger-focus-border: var(--color-secondary-red-700);
388
+ --color-button-bordered-danger-font: var(--color-secondary-red-600);
389
+ --color-button-bordered-danger-border: var(--color-secondary-red-600);
390
+ --color-button-bordered-danger-background: var(--color-grey-000);
391
+ --color-button-bordered-neutral-hover-background: var(--color-grey-100);
392
+ --color-button-bordered-neutral-active-background: var(--color-grey-200);
393
+ --color-button-bordered-neutral-disabled-font: var(--color-grey-600);
394
+ --color-button-bordered-neutral-disabled-background: var(--color-grey-200);
395
+ --color-button-bordered-neutral-focus-border: var(--color-grey-900);
396
+ --color-button-bordered-neutral-font: var(--color-grey-800);
397
+ --color-button-bordered-neutral-border: var(--color-grey-800);
398
+ --color-button-bordered-neutral-background: var(--color-grey-000);
399
+ --color-button-bordered-primary-02-hover-background: var(--color-primary-02-100);
400
+ --color-button-bordered-primary-02-active-background: var(--color-primary-02-200);
401
+ --color-button-bordered-primary-02-disabled-font: var(--color-grey-600);
402
+ --color-button-bordered-primary-02-disabled-background: var(--color-grey-200);
403
+ --color-button-bordered-primary-02-focus-border: var(--color-primary-02-900);
404
+ --color-button-bordered-primary-02-font: var(--color-primary-02-400);
405
+ --color-button-bordered-primary-02-border: var(--color-primary-02-400);
406
+ --color-button-bordered-primary-02-background: var(--color-grey-000);
407
+ --color-button-bordered-hover-font: var(--color-primary-01-700);
408
+ --color-button-bordered-hover-background: var(--color-primary-01-100);
409
+ --color-button-bordered-active-font: var(--color-primary-01-800);
410
+ --color-button-bordered-active-background: var(--color-primary-01-200);
411
+ --color-button-bordered-disabled-font: var(--color-grey-600);
412
+ --color-button-bordered-disabled-background: var(--color-grey-200);
413
+ --color-button-bordered-focus-border: var(--color-primary-01-700);
414
+ --color-button-bordered-font: var(--color-primary-01-900);
415
+ --color-button-bordered-border: var(--color-primary-01-900);
416
+ --color-button-bordered-background: var(--color-grey-000);
417
+ --color-button-solid-danger-hover-font: var(--color-grey-000);
418
+ --color-button-solid-danger-hover-background: var(--color-danger-700);
419
+ --color-button-solid-danger-active-background: var(--color-danger-700);
420
+ --color-button-solid-danger-disabled-font: var(--color-grey-600);
421
+ --color-button-solid-danger-disabled-background: var(--color-grey-200);
422
+ --color-button-solid-danger-focus-border: var(--color-danger-700);
423
+ --color-button-solid-danger-font: var(--color-grey-000);
424
+ --color-button-solid-danger-background: var(--color-danger-600);
425
+ --color-button-solid-neutral-hover-font: var(--color-grey-000);
426
+ --color-button-solid-neutral-hover-background: var(--color-grey-900);
427
+ --color-button-solid-neutral-active-background: var(--color-grey-800);
428
+ --color-button-solid-neutral-disabled-font: var(--color-grey-600);
429
+ --color-button-solid-neutral-disabled-background: var(--color-grey-200);
430
+ --color-button-solid-neutral-focus-border: var(--color-grey-900);
431
+ --color-button-solid-neutral-font: var(--color-grey-000);
432
+ --color-button-solid-neutral-background: var(--color-grey-800);
433
+ --color-button-solid-primary-02-hover-font: var(--color-grey-000);
434
+ --color-button-solid-primary-02-hover-background: var(--color-primary-02-600);
435
+ --color-button-solid-primary-02-active-background: var(--color-primary-02-900);
436
+ --color-button-solid-primary-02-disabled-font: var(--color-grey-600);
437
+ --color-button-solid-primary-02-disabled-background: var(--color-grey-200);
438
+ --color-button-solid-primary-02-focus-border: var(--color-primary-02-900);
439
+ --color-button-solid-primary-02-font: var(--color-grey-000);
440
+ --color-button-solid-primary-02-background: var(--color-primary-02-400);
441
+ --color-button-solid-hover-font: var(--color-grey-000);
442
+ --color-button-solid-hover-background: var(--color-primary-01-700);
443
+ --color-button-solid-active-background: var(--color-primary-01-700);
444
+ --color-button-solid-disabled-font: var(--color-grey-600);
445
+ --color-button-solid-disabled-background: var(--color-grey-200);
446
+ --color-button-solid-focus-border: var(--color-primary-01-700);
447
+ --color-button-solid-font: var(--color-grey-000);
448
+ --color-button-solid-background: var(--color-primary-01-900);
449
+ --color-breadcrumb-arrow-invert: var(--color-grey-000);
450
+ --color-breadcrumb-arrow: var(--color-grey-800);
451
+ --color-secondary-green-900: var(--color-primary-01-900);
452
+ --color-secondary-green-800: var(--color-primary-01-800);
453
+ --color-secondary-green-700: var(--color-primary-01-700);
454
+ --color-secondary-green-600: var(--color-primary-01-600);
455
+ --color-secondary-green-500: var(--color-primary-01-500);
456
+ --color-secondary-green-400: var(--color-primary-01-400);
457
+ --color-secondary-green-300: var(--color-primary-01-300);
458
+ --color-secondary-green-200: var(--color-primary-01-200);
459
+ --color-secondary-green-100: var(--color-primary-01-100);
460
+ --color-badge-neutral-text: var(--color-grey-700);
461
+ --color-badge-neutral-border: var(--color-grey-500);
462
+ --color-badge-neutral-background: var(--color-grey-100);
463
+ --color-badge-danger-text: var(--color-danger-700);
464
+ --color-badge-danger-border: var(--color-danger-500);
465
+ --color-badge-danger-background: var(--color-danger-100);
466
+ --color-badge-warning-text: var(--color-warning-700);
467
+ --color-badge-warning-border: var(--color-warning-500);
468
+ --color-badge-warning-background: var(--color-warning-100);
469
+ --color-badge-success-text: var(--color-success-700);
470
+ --color-badge-success-border: var(--color-success-500);
471
+ --color-badge-success-background: var(--color-success-100);
472
+ --color-badge-info-text: var(--color-info-700);
473
+ --color-badge-info-border: var(--color-info-500);
474
+ --color-badge-info-background: var(--color-info-100);
475
+ --color-fields-help: var(--color-font-light);
476
+ --color-fields-requirement: var(--color-font-light);
477
+ --color-fields-label: var(--color-font-dark);
478
+ --color-fields-error: var(--color-font-danger);
479
+ }