@mozaic-ds/angular 0.24.0-beta.7 → 0.24.0-beta.9

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 (144) hide show
  1. package/adeo/assets/tokens/adeo/css/_variables.scss +200 -50
  2. package/adeo/assets/tokens/adeo/js/tokens.js +578 -578
  3. package/adeo/assets/tokens/adeo/js/tokensObject.js +9699 -12516
  4. package/adeo/assets/tokens/adeo/scss/_tokens.scss +242 -243
  5. package/adeo/assets/tokens/bricoman/js/tokens.js +1 -1
  6. package/adeo/assets/tokens/bricoman/js/tokensObject.js +15 -15
  7. package/adeo/assets/tokens/bricoman/scss/_tokens.scss +3 -3
  8. package/adeo/components/autocomplete/autocomplete.component.d.ts +13 -19
  9. package/adeo/components/checkbox-group/checkbox-group.component.d.ts +3 -1
  10. package/adeo/components/dialog/dialog.component.d.ts +1 -0
  11. package/adeo/components/dialog/dialog.module.d.ts +2 -1
  12. package/adeo/components/dialog/interfaces/dialog-config.d.ts +1 -0
  13. package/adeo/components/dropdown/dropdown.component.d.ts +11 -16
  14. package/adeo/components/header/header.component.d.ts +7 -3
  15. package/adeo/components/kpi/kpi.component.d.ts +3 -3
  16. package/adeo/components/kpi/model/kpi.d.ts +2 -3
  17. package/adeo/components/layer/interfaces/layer-config.d.ts +3 -0
  18. package/adeo/components/layer/layer.component.d.ts +11 -3
  19. package/adeo/components/listbox/listbox.component.d.ts +45 -9
  20. package/adeo/components/listbox/model/listbox-item.d.ts +3 -1
  21. package/adeo/components/overlay/index.d.ts +2 -0
  22. package/adeo/components/overlay/overlay.component.d.ts +6 -0
  23. package/adeo/components/overlay/overlay.module.d.ts +8 -0
  24. package/adeo/components/overlay/public-api.d.ts +1 -0
  25. package/adeo/components/public-api.d.ts +2 -0
  26. package/adeo/components/segmented-control/index.d.ts +4 -0
  27. package/adeo/components/segmented-control/public-api.d.ts +1 -0
  28. package/adeo/components/segmented-control/segmented-control-button/segmented-control-button.component.d.ts +7 -0
  29. package/adeo/components/segmented-control/segmented-control-size.d.ts +2 -0
  30. package/adeo/components/segmented-control/segmented-control.component.d.ts +9 -0
  31. package/adeo/components/segmented-control/segmented-control.module.d.ts +9 -0
  32. package/adeo/components/text-input/text-input.component.d.ts +1 -0
  33. package/adeo/esm2020/components/accordion/accordion.component.mjs +2 -2
  34. package/adeo/esm2020/components/autocomplete/autocomplete.component.mjs +58 -126
  35. package/adeo/esm2020/components/checkbox-group/checkbox-group.component.mjs +29 -8
  36. package/adeo/esm2020/components/datatable/components/selection/moz-datatable-selection.component.mjs +2 -2
  37. package/adeo/esm2020/components/datatable/moz-datatable.component.mjs +3 -3
  38. package/adeo/esm2020/components/dialog/dialog.component.mjs +7 -3
  39. package/adeo/esm2020/components/dialog/dialog.module.mjs +5 -4
  40. package/adeo/esm2020/components/dialog/interfaces/dialog-config.mjs +1 -1
  41. package/adeo/esm2020/components/dropdown/dropdown.component.mjs +53 -84
  42. package/adeo/esm2020/components/file-uploader/file-uploader.component.mjs +26 -9
  43. package/adeo/esm2020/components/header/header.component.mjs +17 -4
  44. package/adeo/esm2020/components/kpi/kpi.component.mjs +11 -5
  45. package/adeo/esm2020/components/kpi/model/kpi.mjs +5 -6
  46. package/adeo/esm2020/components/layer/interfaces/layer-config.mjs +1 -1
  47. package/adeo/esm2020/components/layer/layer.component.mjs +40 -7
  48. package/adeo/esm2020/components/listbox/listbox.component.mjs +231 -17
  49. package/adeo/esm2020/components/listbox/model/listbox-item.mjs +1 -1
  50. package/adeo/esm2020/components/option-buttons/option-buttons.component.mjs +9 -5
  51. package/adeo/esm2020/components/option-cards/option-cards.component.mjs +9 -5
  52. package/adeo/esm2020/components/overlay/index.mjs +3 -0
  53. package/adeo/esm2020/components/overlay/overlay.component.mjs +17 -0
  54. package/adeo/esm2020/components/overlay/overlay.module.mjs +18 -0
  55. package/adeo/esm2020/components/overlay/public-api.mjs +2 -0
  56. package/adeo/esm2020/components/password-input/password-input.component.mjs +9 -5
  57. package/adeo/esm2020/components/phone-number/phone-number.component.mjs +2 -2
  58. package/adeo/esm2020/components/public-api.mjs +3 -1
  59. package/adeo/esm2020/components/radio/radio.component.mjs +9 -5
  60. package/adeo/esm2020/components/rating-stars/input/stars-input.component.mjs +9 -8
  61. package/adeo/esm2020/components/segmented-control/index.mjs +5 -0
  62. package/adeo/esm2020/components/segmented-control/public-api.mjs +2 -0
  63. package/adeo/esm2020/components/segmented-control/segmented-control-button/segmented-control-button.component.mjs +21 -0
  64. package/adeo/esm2020/components/segmented-control/segmented-control-size.mjs +2 -0
  65. package/adeo/esm2020/components/segmented-control/segmented-control.component.mjs +23 -0
  66. package/adeo/esm2020/components/segmented-control/segmented-control.module.mjs +19 -0
  67. package/adeo/esm2020/components/text-input/text-input.component.mjs +14 -3
  68. package/adeo/fesm2015/mozaic-ds-angular.mjs +718 -409
  69. package/adeo/fesm2015/mozaic-ds-angular.mjs.map +1 -1
  70. package/adeo/fesm2020/mozaic-ds-angular.mjs +721 -401
  71. package/adeo/fesm2020/mozaic-ds-angular.mjs.map +1 -1
  72. package/adeo/package.json +1 -1
  73. package/assets/tokens/adeo/css/_variables.scss +200 -50
  74. package/assets/tokens/adeo/js/tokens.js +578 -578
  75. package/assets/tokens/adeo/js/tokensObject.js +9699 -12516
  76. package/assets/tokens/adeo/scss/_tokens.scss +242 -243
  77. package/assets/tokens/bricoman/js/tokens.js +1 -1
  78. package/assets/tokens/bricoman/js/tokensObject.js +15 -15
  79. package/assets/tokens/bricoman/scss/_tokens.scss +3 -3
  80. package/components/autocomplete/autocomplete.component.d.ts +13 -19
  81. package/components/checkbox-group/checkbox-group.component.d.ts +3 -1
  82. package/components/dialog/dialog.component.d.ts +1 -0
  83. package/components/dialog/dialog.module.d.ts +2 -1
  84. package/components/dialog/interfaces/dialog-config.d.ts +1 -0
  85. package/components/dropdown/dropdown.component.d.ts +11 -16
  86. package/components/header/header.component.d.ts +7 -3
  87. package/components/kpi/kpi.component.d.ts +3 -3
  88. package/components/kpi/model/kpi.d.ts +2 -3
  89. package/components/layer/interfaces/layer-config.d.ts +3 -0
  90. package/components/layer/layer.component.d.ts +11 -3
  91. package/components/listbox/listbox.component.d.ts +45 -9
  92. package/components/listbox/model/listbox-item.d.ts +3 -1
  93. package/components/overlay/index.d.ts +2 -0
  94. package/components/overlay/overlay.component.d.ts +6 -0
  95. package/components/overlay/overlay.module.d.ts +8 -0
  96. package/components/overlay/public-api.d.ts +1 -0
  97. package/components/public-api.d.ts +2 -0
  98. package/components/segmented-control/index.d.ts +4 -0
  99. package/components/segmented-control/public-api.d.ts +1 -0
  100. package/components/segmented-control/segmented-control-button/segmented-control-button.component.d.ts +7 -0
  101. package/components/segmented-control/segmented-control-size.d.ts +2 -0
  102. package/components/segmented-control/segmented-control.component.d.ts +9 -0
  103. package/components/segmented-control/segmented-control.module.d.ts +9 -0
  104. package/components/text-input/text-input.component.d.ts +1 -0
  105. package/esm2020/components/accordion/accordion.component.mjs +2 -2
  106. package/esm2020/components/autocomplete/autocomplete.component.mjs +58 -126
  107. package/esm2020/components/checkbox-group/checkbox-group.component.mjs +29 -8
  108. package/esm2020/components/datatable/components/selection/moz-datatable-selection.component.mjs +2 -2
  109. package/esm2020/components/datatable/moz-datatable.component.mjs +3 -3
  110. package/esm2020/components/dialog/dialog.component.mjs +7 -3
  111. package/esm2020/components/dialog/dialog.module.mjs +5 -4
  112. package/esm2020/components/dialog/interfaces/dialog-config.mjs +1 -1
  113. package/esm2020/components/dropdown/dropdown.component.mjs +53 -84
  114. package/esm2020/components/file-uploader/file-uploader.component.mjs +26 -9
  115. package/esm2020/components/header/header.component.mjs +17 -4
  116. package/esm2020/components/kpi/kpi.component.mjs +11 -5
  117. package/esm2020/components/kpi/model/kpi.mjs +5 -6
  118. package/esm2020/components/layer/interfaces/layer-config.mjs +1 -1
  119. package/esm2020/components/layer/layer.component.mjs +40 -7
  120. package/esm2020/components/listbox/listbox.component.mjs +231 -17
  121. package/esm2020/components/listbox/model/listbox-item.mjs +1 -1
  122. package/esm2020/components/option-buttons/option-buttons.component.mjs +9 -5
  123. package/esm2020/components/option-cards/option-cards.component.mjs +9 -5
  124. package/esm2020/components/overlay/index.mjs +3 -0
  125. package/esm2020/components/overlay/overlay.component.mjs +17 -0
  126. package/esm2020/components/overlay/overlay.module.mjs +18 -0
  127. package/esm2020/components/overlay/public-api.mjs +2 -0
  128. package/esm2020/components/password-input/password-input.component.mjs +9 -5
  129. package/esm2020/components/phone-number/phone-number.component.mjs +2 -2
  130. package/esm2020/components/public-api.mjs +3 -1
  131. package/esm2020/components/radio/radio.component.mjs +9 -5
  132. package/esm2020/components/rating-stars/input/stars-input.component.mjs +9 -8
  133. package/esm2020/components/segmented-control/index.mjs +5 -0
  134. package/esm2020/components/segmented-control/public-api.mjs +2 -0
  135. package/esm2020/components/segmented-control/segmented-control-button/segmented-control-button.component.mjs +21 -0
  136. package/esm2020/components/segmented-control/segmented-control-size.mjs +2 -0
  137. package/esm2020/components/segmented-control/segmented-control.component.mjs +23 -0
  138. package/esm2020/components/segmented-control/segmented-control.module.mjs +19 -0
  139. package/esm2020/components/text-input/text-input.component.mjs +14 -3
  140. package/fesm2015/mozaic-ds-angular.mjs +718 -409
  141. package/fesm2015/mozaic-ds-angular.mjs.map +1 -1
  142. package/fesm2020/mozaic-ds-angular.mjs +721 -401
  143. package/fesm2020/mozaic-ds-angular.mjs.map +1 -1
  144. package/package.json +1 -1
package/adeo/assets/tokens/adeo/css/_variables.scss CHANGED
@@ -144,63 +144,147 @@ $color-button-solid-hover-background: var(--color-button-solid-hover-background,
144
144
  $color-button-solid-hover-font: var(--color-button-solid-hover-font, #ffffff);
145
145
  $color-button-solid-primary-02-background: var(--color-button-solid-primary-02-background, #6a7081);
146
146
  $color-button-solid-primary-02-font: var(--color-button-solid-primary-02-font, #ffffff);
147
- $color-button-solid-primary-02-focus-border: var(--color-button-solid-primary-02-focus-border, #171b26);
148
- $color-button-solid-primary-02-disabled-background: var(--color-button-solid-primary-02-disabled-background, #cccccc);
149
- $color-button-solid-primary-02-disabled-font: var(--color-button-solid-primary-02-disabled-font, #666666);
150
- $color-button-solid-primary-02-active-background: var(--color-button-solid-primary-02-active-background, #171b26);
151
- $color-button-solid-primary-02-hover-background: var(--color-button-solid-primary-02-hover-background, #242938);
147
+ $color-button-solid-primary-02-focus-border: var(
148
+ --color-button-solid-primary-02-focus-border,
149
+ #171b26
150
+ );
151
+ $color-button-solid-primary-02-disabled-background: var(
152
+ --color-button-solid-primary-02-disabled-background,
153
+ #cccccc
154
+ );
155
+ $color-button-solid-primary-02-disabled-font: var(
156
+ --color-button-solid-primary-02-disabled-font,
157
+ #666666
158
+ );
159
+ $color-button-solid-primary-02-active-background: var(
160
+ --color-button-solid-primary-02-active-background,
161
+ #171b26
162
+ );
163
+ $color-button-solid-primary-02-hover-background: var(
164
+ --color-button-solid-primary-02-hover-background,
165
+ #242938
166
+ );
152
167
  $color-button-solid-primary-02-hover-font: var(--color-button-solid-primary-02-hover-font, #ffffff);
153
168
  $color-button-solid-neutral-background: var(--color-button-solid-neutral-background, #333333);
154
169
  $color-button-solid-neutral-font: var(--color-button-solid-neutral-font, #ffffff);
155
170
  $color-button-solid-neutral-focus-border: var(--color-button-solid-neutral-focus-border, #191919);
156
- $color-button-solid-neutral-disabled-background: var(--color-button-solid-neutral-disabled-background, #cccccc);
171
+ $color-button-solid-neutral-disabled-background: var(
172
+ --color-button-solid-neutral-disabled-background,
173
+ #cccccc
174
+ );
157
175
  $color-button-solid-neutral-disabled-font: var(--color-button-solid-neutral-disabled-font, #666666);
158
- $color-button-solid-neutral-active-background: var(--color-button-solid-neutral-active-background, #333333);
159
- $color-button-solid-neutral-hover-background: var(--color-button-solid-neutral-hover-background, #191919);
176
+ $color-button-solid-neutral-active-background: var(
177
+ --color-button-solid-neutral-active-background,
178
+ #333333
179
+ );
180
+ $color-button-solid-neutral-hover-background: var(
181
+ --color-button-solid-neutral-hover-background,
182
+ #191919
183
+ );
160
184
  $color-button-solid-neutral-hover-font: var(--color-button-solid-neutral-hover-font, #ffffff);
161
185
  $color-button-solid-danger-background: var(--color-button-solid-danger-background, #c61112);
162
186
  $color-button-solid-danger-font: var(--color-button-solid-danger-font, #ffffff);
163
187
  $color-button-solid-danger-focus-border: var(--color-button-solid-danger-focus-border, #8c0003);
164
- $color-button-solid-danger-disabled-background: var(--color-button-solid-danger-disabled-background, #cccccc);
188
+ $color-button-solid-danger-disabled-background: var(
189
+ --color-button-solid-danger-disabled-background,
190
+ #cccccc
191
+ );
165
192
  $color-button-solid-danger-disabled-font: var(--color-button-solid-danger-disabled-font, #666666);
166
- $color-button-solid-danger-active-background: var(--color-button-solid-danger-active-background, #8c0003);
167
- $color-button-solid-danger-hover-background: var(--color-button-solid-danger-hover-background, #8c0003);
193
+ $color-button-solid-danger-active-background: var(
194
+ --color-button-solid-danger-active-background,
195
+ #8c0003
196
+ );
197
+ $color-button-solid-danger-hover-background: var(
198
+ --color-button-solid-danger-hover-background,
199
+ #8c0003
200
+ );
168
201
  $color-button-solid-danger-hover-font: var(--color-button-solid-danger-hover-font, #ffffff);
169
202
  $color-button-bordered-background: var(--color-button-bordered-background, #ffffff);
170
203
  $color-button-bordered-border: var(--color-button-bordered-border, #007f8c);
171
204
  $color-button-bordered-font: var(--color-button-bordered-font, #007f8c);
172
205
  $color-button-bordered-focus-border: var(--color-button-bordered-focus-border, #006974);
173
- $color-button-bordered-disabled-background: var(--color-button-bordered-disabled-background, #cccccc);
206
+ $color-button-bordered-disabled-background: var(
207
+ --color-button-bordered-disabled-background,
208
+ #cccccc
209
+ );
174
210
  $color-button-bordered-disabled-font: var(--color-button-bordered-disabled-font, #666666);
175
211
  $color-button-bordered-active-background: var(--color-button-bordered-active-background, #91d5db);
176
212
  $color-button-bordered-active-font: var(--color-button-bordered-active-font, #004e57);
177
213
  $color-button-bordered-hover-background: var(--color-button-bordered-hover-background, #d9f0f3);
178
214
  $color-button-bordered-hover-font: var(--color-button-bordered-hover-font, #006974);
179
- $color-button-bordered-primary-02-background: var(--color-button-bordered-primary-02-background, #ffffff);
215
+ $color-button-bordered-primary-02-background: var(
216
+ --color-button-bordered-primary-02-background,
217
+ #ffffff
218
+ );
180
219
  $color-button-bordered-primary-02-border: var(--color-button-bordered-primary-02-border, #6a7081);
181
220
  $color-button-bordered-primary-02-font: var(--color-button-bordered-primary-02-font, #6a7081);
182
- $color-button-bordered-primary-02-focus-border: var(--color-button-bordered-primary-02-focus-border, #171b26);
183
- $color-button-bordered-primary-02-disabled-background: var(--color-button-bordered-primary-02-disabled-background, #cccccc);
184
- $color-button-bordered-primary-02-disabled-font: var(--color-button-bordered-primary-02-disabled-font, #666666);
185
- $color-button-bordered-primary-02-active-background: var(--color-button-bordered-primary-02-active-background, #cfd2d8);
186
- $color-button-bordered-primary-02-hover-background: var(--color-button-bordered-primary-02-hover-background, #eeeff1);
221
+ $color-button-bordered-primary-02-focus-border: var(
222
+ --color-button-bordered-primary-02-focus-border,
223
+ #171b26
224
+ );
225
+ $color-button-bordered-primary-02-disabled-background: var(
226
+ --color-button-bordered-primary-02-disabled-background,
227
+ #cccccc
228
+ );
229
+ $color-button-bordered-primary-02-disabled-font: var(
230
+ --color-button-bordered-primary-02-disabled-font,
231
+ #666666
232
+ );
233
+ $color-button-bordered-primary-02-active-background: var(
234
+ --color-button-bordered-primary-02-active-background,
235
+ #cfd2d8
236
+ );
237
+ $color-button-bordered-primary-02-hover-background: var(
238
+ --color-button-bordered-primary-02-hover-background,
239
+ #eeeff1
240
+ );
187
241
  $color-button-bordered-neutral-background: var(--color-button-bordered-neutral-background, #ffffff);
188
242
  $color-button-bordered-neutral-border: var(--color-button-bordered-neutral-border, #333333);
189
243
  $color-button-bordered-neutral-font: var(--color-button-bordered-neutral-font, #333333);
190
- $color-button-bordered-neutral-focus-border: var(--color-button-bordered-neutral-focus-border, #191919);
191
- $color-button-bordered-neutral-disabled-background: var(--color-button-bordered-neutral-disabled-background, #cccccc);
192
- $color-button-bordered-neutral-disabled-font: var(--color-button-bordered-neutral-disabled-font, #666666);
193
- $color-button-bordered-neutral-active-background: var(--color-button-bordered-neutral-active-background, #cccccc);
194
- $color-button-bordered-neutral-hover-background: var(--color-button-bordered-neutral-hover-background, #e6e6e6);
244
+ $color-button-bordered-neutral-focus-border: var(
245
+ --color-button-bordered-neutral-focus-border,
246
+ #191919
247
+ );
248
+ $color-button-bordered-neutral-disabled-background: var(
249
+ --color-button-bordered-neutral-disabled-background,
250
+ #cccccc
251
+ );
252
+ $color-button-bordered-neutral-disabled-font: var(
253
+ --color-button-bordered-neutral-disabled-font,
254
+ #666666
255
+ );
256
+ $color-button-bordered-neutral-active-background: var(
257
+ --color-button-bordered-neutral-active-background,
258
+ #cccccc
259
+ );
260
+ $color-button-bordered-neutral-hover-background: var(
261
+ --color-button-bordered-neutral-hover-background,
262
+ #e6e6e6
263
+ );
195
264
  $color-button-bordered-danger-background: var(--color-button-bordered-danger-background, #ffffff);
196
265
  $color-button-bordered-danger-border: var(--color-button-bordered-danger-border, #c61112);
197
266
  $color-button-bordered-danger-font: var(--color-button-bordered-danger-font, #c61112);
198
- $color-button-bordered-danger-focus-border: var(--color-button-bordered-danger-focus-border, #8c0003);
199
- $color-button-bordered-danger-disabled-background: var(--color-button-bordered-danger-disabled-background, #cccccc);
200
- $color-button-bordered-danger-disabled-font: var(--color-button-bordered-danger-disabled-font, #666666);
201
- $color-button-bordered-danger-active-background: var(--color-button-bordered-danger-active-background, #f8bcbb);
267
+ $color-button-bordered-danger-focus-border: var(
268
+ --color-button-bordered-danger-focus-border,
269
+ #8c0003
270
+ );
271
+ $color-button-bordered-danger-disabled-background: var(
272
+ --color-button-bordered-danger-disabled-background,
273
+ #cccccc
274
+ );
275
+ $color-button-bordered-danger-disabled-font: var(
276
+ --color-button-bordered-danger-disabled-font,
277
+ #666666
278
+ );
279
+ $color-button-bordered-danger-active-background: var(
280
+ --color-button-bordered-danger-active-background,
281
+ #f8bcbb
282
+ );
202
283
  $color-button-bordered-danger-active-font: var(--color-button-bordered-danger-active-font, #530000);
203
- $color-button-bordered-danger-hover-background: var(--color-button-bordered-danger-hover-background, #fdeaea);
284
+ $color-button-bordered-danger-hover-background: var(
285
+ --color-button-bordered-danger-hover-background,
286
+ #fdeaea
287
+ );
204
288
  $color-button-bordered-danger-hover-font: var(--color-button-bordered-danger-hover-font, #8c0003);
205
289
  $color-card-bordered-background: var(--color-card-bordered-background, #ffffff);
206
290
  $color-card-bordered-border: var(--color-card-bordered-border, #808080);
@@ -253,7 +337,10 @@ $color-flag-solid-danger-text: var(--color-flag-solid-danger-text, #ffffff);
253
337
  $color-flag-bordered-background: var(--color-flag-bordered-background, #ffffff);
254
338
  $color-flag-bordered-border: var(--color-flag-bordered-border, #007f8c);
255
339
  $color-flag-bordered-text: var(--color-flag-bordered-text, #007f8c);
256
- $color-flag-bordered-primary-02-background: var(--color-flag-bordered-primary-02-background, #ffffff);
340
+ $color-flag-bordered-primary-02-background: var(
341
+ --color-flag-bordered-primary-02-background,
342
+ #ffffff
343
+ );
257
344
  $color-flag-bordered-primary-02-border: var(--color-flag-bordered-primary-02-border, #4b4a8c);
258
345
  $color-flag-bordered-primary-02-text: var(--color-flag-bordered-primary-02-text, #4b4a8c);
259
346
  $color-flag-bordered-dark-background: var(--color-flag-bordered-dark-background, #ffffff);
@@ -337,7 +424,10 @@ $color-menu-is-active: var(--color-menu-is-active, #007f8c);
337
424
  $color-menu-hover: var(--color-menu-hover, #eeedea);
338
425
  $color-menu-active: var(--color-menu-active, #dddcd5);
339
426
  $color-notification-font: var(--color-notification-font, #000000);
340
- $color-notification-information-background: var(--color-notification-information-background, #daeff7);
427
+ $color-notification-information-background: var(
428
+ --color-notification-information-background,
429
+ #daeff7
430
+ );
341
431
  $color-notification-information-border: var(--color-notification-information-border, #0b96cc);
342
432
  $color-notification-information-icon: var(--color-notification-information-icon, #007bb4);
343
433
  $color-notification-success-background: var(--color-notification-success-background, #ebf5de);
@@ -353,7 +443,10 @@ $color-option-button-label-shadow: var(--color-option-button-label-shadow, #b3b3
353
443
  $color-option-button-hover-label-shadow: var(--color-option-button-hover-label-shadow, #333333);
354
444
  $color-option-button-checked-label-border: var(--color-option-button-checked-label-border, #00919f);
355
445
  $color-option-button-checked-label-shadow: var(--color-option-button-checked-label-shadow, #d9f0f3);
356
- $color-option-button-disabled-label-background: var(--color-option-button-disabled-label-background, #cccccc);
446
+ $color-option-button-disabled-label-background: var(
447
+ --color-option-button-disabled-label-background,
448
+ #cccccc
449
+ );
357
450
  $color-option-card-label-shadow: var(--color-option-card-label-shadow, #b3b3b3);
358
451
  $color-option-card-hover-label-shadow: var(--color-option-card-hover-label-shadow, #333333);
359
452
  $color-option-card-checked-label-border: var(--color-option-card-checked-label-border, #00919f);
@@ -362,7 +455,10 @@ $color-option-card-disabled-content: var(--color-option-card-disabled-content, #
362
455
  $color-option-card-disabled-label: var(--color-option-card-disabled-label, #666666);
363
456
  $color-overlay-background: var(--color-overlay-background, #191919);
364
457
  $color-overlay-loader-background: var(--color-overlay-loader-background, #082435);
365
- $color-password-input-button-hover-background: var(--color-password-input-button-hover-background, #e6e6e6);
458
+ $color-password-input-button-hover-background: var(
459
+ --color-password-input-button-hover-background,
460
+ #e6e6e6
461
+ );
366
462
  $color-phone-number-button-border: var(--color-phone-number-button-border, #666666);
367
463
  $color-phone-number-list-background: var(--color-phone-number-list-background, #ffffff);
368
464
  $color-phone-number-item-border: var(--color-phone-number-item-border, #b3b3b3);
@@ -378,8 +474,14 @@ $color-segmented-control-background: var(--color-segmented-control-background, #
378
474
  $color-sidebar-background: var(--color-sidebar-background, #082435);
379
475
  $color-sidebar-feature-background: var(--color-sidebar-feature-background, #082435);
380
476
  $color-sidebar-feature-hover-background: var(--color-sidebar-feature-hover-background, #405d68);
381
- $color-sidebar-feature-selected-background: var(--color-sidebar-feature-selected-background, #5b737d);
382
- $color-sidebar-feature-disabled-background: var(--color-sidebar-feature-disabled-background, #92a2a9);
477
+ $color-sidebar-feature-selected-background: var(
478
+ --color-sidebar-feature-selected-background,
479
+ #5b737d
480
+ );
481
+ $color-sidebar-feature-disabled-background: var(
482
+ --color-sidebar-feature-disabled-background,
483
+ #92a2a9
484
+ );
383
485
  $color-sidebar-user-background: var(--color-sidebar-user-background, #264653);
384
486
  $color-sidebar-divider-background: var(--color-sidebar-divider-background, #5b737d);
385
487
  $color-sidebar-icon: var(--color-sidebar-icon, #ffffff);
@@ -396,7 +498,10 @@ $color-stepper-item-current-background: var(--color-stepper-item-current-backgro
396
498
  $color-stepper-link-hover-text: var(--color-stepper-link-hover-text, #00919f);
397
499
  $color-stepper-indicator-background: var(--color-stepper-indicator-background, #ffffff);
398
500
  $color-stepper-indicator-border: var(--color-stepper-indicator-border, #999999);
399
- $color-stepper-indicator-current-background: var(--color-stepper-indicator-current-background, #00919f);
501
+ $color-stepper-indicator-current-background: var(
502
+ --color-stepper-indicator-current-background,
503
+ #00919f
504
+ );
400
505
  $color-stepper-indicator-current-border: var(--color-stepper-indicator-current-border, #00919f);
401
506
  $color-stepper-icon: var(--color-stepper-icon, #00919f);
402
507
  $color-stepper-title: var(--color-stepper-title, #00919f);
@@ -432,38 +537,83 @@ $color-tag-link-dark-active-background: var(--color-tag-link-dark-active-backgro
432
537
  $color-tag-selectable-light-background: var(--color-tag-selectable-light-background, #ffffff);
433
538
  $color-tag-selectable-light-border: var(--color-tag-selectable-light-border, #808080);
434
539
  $color-tag-selectable-light-text: var(--color-tag-selectable-light-text, #191919);
435
- $color-tag-selectable-light-hover-background: var(--color-tag-selectable-light-hover-background, #48bac4);
436
- $color-tag-selectable-light-active-background: var(--color-tag-selectable-light-active-background, #004e57);
540
+ $color-tag-selectable-light-hover-background: var(
541
+ --color-tag-selectable-light-hover-background,
542
+ #48bac4
543
+ );
544
+ $color-tag-selectable-light-active-background: var(
545
+ --color-tag-selectable-light-active-background,
546
+ #004e57
547
+ );
437
548
  $color-tag-selectable-light-active-border: var(--color-tag-selectable-light-active-border, #004e57);
438
549
  $color-tag-selectable-light-active-text: var(--color-tag-selectable-light-active-text, #ffffff);
439
- $color-tag-selectable-light-disabled-background: var(--color-tag-selectable-light-disabled-background, #e6e6e6);
550
+ $color-tag-selectable-light-disabled-background: var(
551
+ --color-tag-selectable-light-disabled-background,
552
+ #e6e6e6
553
+ );
440
554
  $color-tag-selectable-light-disabled-text: var(--color-tag-selectable-light-disabled-text, #808080);
441
- $color-tag-selectable-light-selected-background: var(--color-tag-selectable-light-selected-background, #007f8c);
555
+ $color-tag-selectable-light-selected-background: var(
556
+ --color-tag-selectable-light-selected-background,
557
+ #007f8c
558
+ );
442
559
  $color-tag-selectable-light-selected-text: var(--color-tag-selectable-light-selected-text, #ffffff);
443
- $color-tag-selectable-light-selected-hover-background: var(--color-tag-selectable-light-selected-hover-background, #006974);
560
+ $color-tag-selectable-light-selected-hover-background: var(
561
+ --color-tag-selectable-light-selected-hover-background,
562
+ #006974
563
+ );
444
564
  $color-tag-selectable-dark-background: var(--color-tag-selectable-dark-background, #191919);
445
565
  $color-tag-selectable-dark-border: var(--color-tag-selectable-dark-border, #ffffff);
446
566
  $color-tag-selectable-dark-text: var(--color-tag-selectable-dark-text, #ffffff);
447
- $color-tag-selectable-dark-hover-background: var(--color-tag-selectable-dark-hover-background, #006974);
448
- $color-tag-selectable-dark-active-background: var(--color-tag-selectable-dark-active-background, #91d5db);
567
+ $color-tag-selectable-dark-hover-background: var(
568
+ --color-tag-selectable-dark-hover-background,
569
+ #006974
570
+ );
571
+ $color-tag-selectable-dark-active-background: var(
572
+ --color-tag-selectable-dark-active-background,
573
+ #91d5db
574
+ );
449
575
  $color-tag-selectable-dark-active-border: var(--color-tag-selectable-dark-active-border, #91d5db);
450
576
  $color-tag-selectable-dark-active-text: var(--color-tag-selectable-dark-active-text, #191919);
451
- $color-tag-selectable-dark-selected-background: var(--color-tag-selectable-dark-selected-background, #009eac);
452
- $color-tag-selectable-dark-selected-border: var(--color-tag-selectable-dark-selected-border, #009eac);
577
+ $color-tag-selectable-dark-selected-background: var(
578
+ --color-tag-selectable-dark-selected-background,
579
+ #009eac
580
+ );
581
+ $color-tag-selectable-dark-selected-border: var(
582
+ --color-tag-selectable-dark-selected-border,
583
+ #009eac
584
+ );
453
585
  $color-tag-selectable-dark-selected-text: var(--color-tag-selectable-dark-selected-text, #191919);
454
- $color-tag-selectable-dark-selected-hover-background: var(--color-tag-selectable-dark-selected-hover-background, #48bac4);
455
- $color-tag-selectable-dark-disabled-background: var(--color-tag-selectable-dark-disabled-background, #4d4d4d);
586
+ $color-tag-selectable-dark-selected-hover-background: var(
587
+ --color-tag-selectable-dark-selected-hover-background,
588
+ #48bac4
589
+ );
590
+ $color-tag-selectable-dark-disabled-background: var(
591
+ --color-tag-selectable-dark-disabled-background,
592
+ #4d4d4d
593
+ );
456
594
  $color-tag-selectable-dark-disabled-text: var(--color-tag-selectable-dark-disabled-text, #808080);
457
595
  $color-tag-removable-light-background: var(--color-tag-removable-light-background, #333333);
458
596
  $color-tag-removable-light-text: var(--color-tag-removable-light-text, #ffffff);
459
597
  $color-tag-removable-light-icon: var(--color-tag-removable-light-icon, #cccccc);
460
- $color-tag-removable-light-hover-background: var(--color-tag-removable-light-hover-background, #4d4d4d);
461
- $color-tag-removable-light-active-background: var(--color-tag-removable-light-active-background, #666666);
598
+ $color-tag-removable-light-hover-background: var(
599
+ --color-tag-removable-light-hover-background,
600
+ #4d4d4d
601
+ );
602
+ $color-tag-removable-light-active-background: var(
603
+ --color-tag-removable-light-active-background,
604
+ #666666
605
+ );
462
606
  $color-tag-removable-dark-background: var(--color-tag-removable-dark-background, #cccccc);
463
607
  $color-tag-removable-dark-text: var(--color-tag-removable-dark-text, #191919);
464
608
  $color-tag-removable-dark-icon: var(--color-tag-removable-dark-icon, #191919);
465
- $color-tag-removable-dark-hover-background: var(--color-tag-removable-dark-hover-background, #b3b3b3);
466
- $color-tag-removable-dark-active-background: var(--color-tag-removable-dark-active-background, #999999);
609
+ $color-tag-removable-dark-hover-background: var(
610
+ --color-tag-removable-dark-hover-background,
611
+ #b3b3b3
612
+ );
613
+ $color-tag-removable-dark-active-background: var(
614
+ --color-tag-removable-dark-active-background,
615
+ #999999
616
+ );
467
617
  $color-toggle-label: var(--color-toggle-label, #000000);
468
618
  $color-toggle-off-background: var(--color-toggle-off-background, #666666);
469
619
  $color-toggle-off-circle: var(--color-toggle-off-circle, #ffffff);