@mozaic-ds/vue 1.0.0-rc.3 → 2.1.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 (222) hide show
  1. package/LICENSE +51 -0
  2. package/README.md +76 -77
  3. package/dist/mozaic-vue.css +1 -1
  4. package/dist/mozaic-vue.d.ts +1664 -0
  5. package/dist/mozaic-vue.js +1943 -0
  6. package/dist/mozaic-vue.js.map +1 -0
  7. package/dist/mozaic-vue.umd.cjs +2 -0
  8. package/dist/mozaic-vue.umd.cjs.map +1 -0
  9. package/env.d.ts +1 -0
  10. package/package.json +78 -51
  11. package/src/components/Contributing.mdx +118 -0
  12. package/src/components/GettingStarted.mdx +45 -0
  13. package/src/components/Introduction.mdx +100 -0
  14. package/src/components/Support.mdx +18 -0
  15. package/src/components/breadcrumb/MBreadcrumb.spec.ts +105 -0
  16. package/src/components/breadcrumb/MBreadcrumb.stories.ts +82 -0
  17. package/src/components/breadcrumb/MBreadcrumb.vue +52 -55
  18. package/src/components/button/MButton.spec.ts +191 -0
  19. package/src/components/button/MButton.stories.ts +59 -0
  20. package/src/components/button/MButton.vue +98 -154
  21. package/src/components/checkbox/MCheckbox.spec.ts +104 -0
  22. package/src/components/checkbox/MCheckbox.stories.ts +83 -0
  23. package/src/components/checkbox/MCheckbox.vue +60 -101
  24. package/src/components/checkboxgroup/MCheckboxGroup.spec.ts +78 -0
  25. package/src/components/checkboxgroup/MCheckboxGroup.stories.ts +61 -0
  26. package/src/components/checkboxgroup/MCheckboxGroup.vue +97 -0
  27. package/src/components/datepicker/MDatepicker.spec.ts +95 -0
  28. package/src/components/datepicker/MDatepicker.stories.ts +75 -0
  29. package/src/components/datepicker/MDatepicker.vue +114 -0
  30. package/src/components/divider/MDivider.spec.ts +57 -0
  31. package/src/components/divider/MDivider.stories.ts +64 -0
  32. package/src/components/divider/MDivider.vue +56 -0
  33. package/src/components/drawer/MDrawer.spec.ts +100 -0
  34. package/src/components/drawer/MDrawer.stories.ts +128 -0
  35. package/src/components/drawer/MDrawer.vue +140 -0
  36. package/src/components/field/MField.spec.ts +166 -0
  37. package/src/components/field/MField.stories.ts +369 -0
  38. package/src/components/field/MField.vue +78 -61
  39. package/src/components/fieldgroup/MFieldGroup.spec.ts +165 -0
  40. package/src/components/fieldgroup/MFieldGroup.stories.ts +416 -0
  41. package/src/components/fieldgroup/MFieldGroup.vue +79 -0
  42. package/src/components/flag/MFlag.spec.ts +46 -0
  43. package/src/components/flag/MFlag.stories.ts +46 -0
  44. package/src/components/flag/MFlag.vue +28 -39
  45. package/src/components/iconbutton/MIconButton.spec.ts +108 -0
  46. package/src/components/iconbutton/MIconButton.stories.ts +74 -0
  47. package/src/components/iconbutton/MIconButton.vue +73 -0
  48. package/src/components/link/MLink.spec.ts +154 -0
  49. package/src/components/link/MLink.stories.ts +89 -0
  50. package/src/components/link/MLink.vue +86 -120
  51. package/src/components/loader/MLoader.spec.ts +104 -0
  52. package/src/components/loader/MLoader.stories.ts +43 -0
  53. package/src/components/loader/MLoader.vue +66 -55
  54. package/src/components/loadingoverlay/MLoadingOverlay.spec.ts +37 -0
  55. package/src/components/loadingoverlay/MLoadingOverlay.stories.ts +40 -0
  56. package/src/components/loadingoverlay/MLoadingOverlay.vue +28 -0
  57. package/src/components/modal/MModal.spec.ts +103 -0
  58. package/src/components/modal/MModal.stories.ts +127 -0
  59. package/src/components/modal/MModal.vue +111 -159
  60. package/src/components/numberbadge/MNumberBadge.spec.ts +56 -0
  61. package/src/components/numberbadge/MNumberBadge.stories.ts +48 -0
  62. package/src/components/numberbadge/MNumberBadge.vue +45 -0
  63. package/src/components/overlay/MOverlay.spec.ts +51 -0
  64. package/src/components/overlay/MOverlay.stories.ts +35 -0
  65. package/src/components/overlay/MOverlay.vue +27 -19
  66. package/src/components/pagination/MPagination.spec.ts +123 -0
  67. package/src/components/pagination/MPagination.stories.ts +83 -0
  68. package/src/components/pagination/MPagination.vue +120 -140
  69. package/src/components/passwordinput/MPasswordInput.spec.ts +104 -0
  70. package/src/components/passwordinput/MPasswordInput.stories.ts +75 -0
  71. package/src/components/passwordinput/MPasswordInput.vue +126 -77
  72. package/src/components/pincode/MPincode.spec.ts +126 -0
  73. package/src/components/pincode/MPincode.stories.ts +68 -0
  74. package/src/components/pincode/MPincode.vue +148 -0
  75. package/src/components/quantityselector/MQuantitySelector.spec.ts +262 -0
  76. package/src/components/quantityselector/MQuantitySelector.stories.ts +89 -0
  77. package/src/components/quantityselector/MQuantitySelector.vue +159 -148
  78. package/src/components/radio/MRadio.spec.ts +104 -0
  79. package/src/components/radio/MRadio.stories.ts +68 -0
  80. package/src/components/radio/MRadio.vue +56 -39
  81. package/src/components/radiogroup/MRadioGroup.spec.ts +54 -0
  82. package/src/components/radiogroup/MRadioGroup.stories.ts +61 -0
  83. package/src/components/radiogroup/MRadioGroup.vue +79 -0
  84. package/src/components/select/MSelect.spec.ts +114 -0
  85. package/src/components/select/MSelect.stories.ts +101 -0
  86. package/src/components/select/MSelect.vue +77 -119
  87. package/src/components/statusbadge/MStatusBadge.stories.ts +45 -0
  88. package/src/components/statusbadge/MStatusBadge.vue +40 -0
  89. package/src/components/statusbadge/MstatusBadge.spec.ts +16 -0
  90. package/src/components/statusdot/MStatusDot.spec.ts +51 -0
  91. package/src/components/statusdot/MStatusDot.stories.ts +48 -0
  92. package/src/components/statusdot/MStatusDot.vue +36 -0
  93. package/src/components/statusnotification/MStatusNotification.spec.ts +103 -0
  94. package/src/components/statusnotification/MStatusNotification.stories.ts +89 -0
  95. package/src/components/statusnotification/MStatusNotification.vue +106 -0
  96. package/src/components/tabs/MTabs.stories.ts +104 -0
  97. package/src/components/tabs/MTabs.vue +113 -0
  98. package/src/components/tabs/Mtabs.spec.ts +149 -0
  99. package/src/components/tag/MTag.spec.ts +107 -0
  100. package/src/components/tag/MTag.stories.ts +75 -0
  101. package/src/components/tag/MTag.vue +151 -0
  102. package/src/components/textarea/MTextArea.spec.ts +112 -0
  103. package/src/components/textarea/MTextArea.stories.ts +67 -0
  104. package/src/components/textarea/MTextArea.vue +81 -43
  105. package/src/components/textinput/MTextInput.spec.ts +121 -0
  106. package/src/components/textinput/MTextInput.stories.ts +107 -0
  107. package/src/components/textinput/MTextInput.vue +127 -47
  108. package/src/components/toggle/MToggle.spec.ts +99 -0
  109. package/src/components/toggle/MToggle.stories.ts +68 -0
  110. package/src/components/toggle/MToggle.vue +63 -103
  111. package/src/components/togglegroup/MToggleGroup.spec.ts +78 -0
  112. package/src/components/togglegroup/MToggleGroup.stories.ts +61 -0
  113. package/src/components/togglegroup/MToggleGroup.vue +97 -0
  114. package/src/components/usingIcons.mdx +35 -0
  115. package/src/components/usingPresets.mdx +128 -0
  116. package/src/main.ts +32 -0
  117. package/dist/demo.html +0 -1
  118. package/dist/mozaic-vue.adeo.css +0 -47
  119. package/dist/mozaic-vue.adeo.umd.js +0 -31341
  120. package/dist/mozaic-vue.common.js +0 -31331
  121. package/dist/mozaic-vue.common.js.map +0 -1
  122. package/dist/mozaic-vue.umd.js +0 -31342
  123. package/dist/mozaic-vue.umd.js.map +0 -1
  124. package/dist/mozaic-vue.umd.min.js +0 -4
  125. package/dist/mozaic-vue.umd.min.js.map +0 -1
  126. package/postinstall.js +0 -3
  127. package/src/components/accordion/MAccordion.vue +0 -128
  128. package/src/components/accordion/index.js +0 -7
  129. package/src/components/autocomplete/MAutocomplete.vue +0 -380
  130. package/src/components/autocomplete/index.js +0 -7
  131. package/src/components/badge/MBadge.vue +0 -43
  132. package/src/components/badge/index.js +0 -7
  133. package/src/components/breadcrumb/index.js +0 -7
  134. package/src/components/button/index.js +0 -7
  135. package/src/components/card/MCard.vue +0 -78
  136. package/src/components/card/index.js +0 -7
  137. package/src/components/checkbox/MCheckboxGroup.vue +0 -163
  138. package/src/components/checkbox/index.js +0 -12
  139. package/src/components/container/MContainer.vue +0 -33
  140. package/src/components/container/index.js +0 -7
  141. package/src/components/datatable/MDataTable.vue +0 -651
  142. package/src/components/datatable/MDataTableHeader.vue +0 -55
  143. package/src/components/datatable/MDataTableTop.vue +0 -35
  144. package/src/components/datatable/helpers.js +0 -132
  145. package/src/components/datatable/index.js +0 -12
  146. package/src/components/dropdown/MDropdown.vue +0 -317
  147. package/src/components/dropdown/index.js +0 -7
  148. package/src/components/field/index.js +0 -7
  149. package/src/components/fileuploader/MFileResult.vue +0 -149
  150. package/src/components/fileuploader/MFileUploader.vue +0 -142
  151. package/src/components/fileuploader/index.js +0 -7
  152. package/src/components/flag/index.js +0 -7
  153. package/src/components/heading/MHeading.vue +0 -75
  154. package/src/components/heading/index.js +0 -7
  155. package/src/components/hero/MHero.vue +0 -93
  156. package/src/components/hero/index.js +0 -7
  157. package/src/components/icon/MIcon.vue +0 -136
  158. package/src/components/icon/index.js +0 -7
  159. package/src/components/index.js +0 -44
  160. package/src/components/layer/MLayer.vue +0 -208
  161. package/src/components/layer/index.js +0 -7
  162. package/src/components/link/index.js +0 -7
  163. package/src/components/listbox/MListBox.vue +0 -146
  164. package/src/components/listbox/MListBoxActions.vue +0 -251
  165. package/src/components/listbox/index.js +0 -12
  166. package/src/components/loader/index.js +0 -7
  167. package/src/components/modal/index.js +0 -7
  168. package/src/components/notification/MNotification.vue +0 -110
  169. package/src/components/notification/index.js +0 -7
  170. package/src/components/optionbutton/MOptionButton.vue +0 -67
  171. package/src/components/optionbutton/index.js +0 -7
  172. package/src/components/optioncard/MOptionCard.vue +0 -132
  173. package/src/components/optioncard/index.js +0 -7
  174. package/src/components/optiongroup/MOptionGroup.vue +0 -18
  175. package/src/components/optiongroup/index.js +0 -7
  176. package/src/components/overlay/MOverlayLoader.vue +0 -43
  177. package/src/components/overlay/index.js +0 -12
  178. package/src/components/pagination/index.js +0 -7
  179. package/src/components/passwordinput/index.js +0 -7
  180. package/src/components/phonenumber/MPhoneNumber.vue +0 -398
  181. package/src/components/phonenumber/index.js +0 -7
  182. package/src/components/progressbar/MProgress.vue +0 -102
  183. package/src/components/progressbar/index.js +0 -7
  184. package/src/components/quantityselector/index.js +0 -7
  185. package/src/components/radio/MRadioGroup.vue +0 -111
  186. package/src/components/radio/index.js +0 -12
  187. package/src/components/ratingstars/MStarsInput.vue +0 -119
  188. package/src/components/ratingstars/MStarsResult.vue +0 -89
  189. package/src/components/ratingstars/index.js +0 -12
  190. package/src/components/select/index.js +0 -7
  191. package/src/components/stepper/MStepper.vue +0 -111
  192. package/src/components/stepper/index.js +0 -7
  193. package/src/components/tabs/MTab.vue +0 -204
  194. package/src/components/tabs/index.js +0 -7
  195. package/src/components/tags/MTag.vue +0 -175
  196. package/src/components/tags/index.js +0 -7
  197. package/src/components/textarea/index.js +0 -7
  198. package/src/components/textinput/MTextInputField.vue +0 -105
  199. package/src/components/textinput/MTextInputIcon.vue +0 -42
  200. package/src/components/textinput/index.js +0 -7
  201. package/src/components/toggle/index.js +0 -7
  202. package/src/components/tooltip/MTooltip.vue +0 -42
  203. package/src/components/tooltip/index.js +0 -7
  204. package/src/index.js +0 -63
  205. package/src/shims-tsx.d.ts +0 -13
  206. package/src/shims.vue.d.ts +0 -4
  207. package/src/tokens/adeo/android/colors.xml +0 -452
  208. package/src/tokens/adeo/android/font_dimens.xml +0 -18
  209. package/src/tokens/adeo/css/_variables.scss +0 -446
  210. package/src/tokens/adeo/css/root.scss +0 -448
  211. package/src/tokens/adeo/ios/StyleDictionaryColor.h +0 -460
  212. package/src/tokens/adeo/ios/StyleDictionaryColor.m +0 -472
  213. package/src/tokens/adeo/ios/StyleDictionaryColor.swift +0 -455
  214. package/src/tokens/adeo/ios/StyleDictionarySize.h +0 -69
  215. package/src/tokens/adeo/ios/StyleDictionarySize.m +0 -70
  216. package/src/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
  217. package/src/tokens/adeo/js/tokens.js +0 -544
  218. package/src/tokens/adeo/js/tokensObject.js +0 -11733
  219. package/src/tokens/adeo/scss/_tokens.scss +0 -1522
  220. package/src/utils/mozaicClasses.js +0 -16
  221. package/src/utils/theme.validator.js +0 -19
  222. package/types/index.d.ts +0 -104
package/src/tokens/adeo/css/root.scss DELETED
@@ -1,448 +0,0 @@
1
- :root {
2
- --color-secondary-sandgrey-900: #1e1e1c;
3
- --color-secondary-sandgrey-800: #3a3936;
4
- --color-secondary-sandgrey-700: #555550;
5
- --color-secondary-sandgrey-600: #71706b;
6
- --color-secondary-sandgrey-500: #8c8b85;
7
- --color-secondary-sandgrey-400: #a7a6a0;
8
- --color-secondary-sandgrey-300: #c2c1ba;
9
- --color-secondary-sandgrey-200: #dddcd5;
10
- --color-secondary-sandgrey-100: #eeedea;
11
- --color-star-full: #ea7315;
12
- --color-success-900: #023618;
13
- --color-success-800: #035010;
14
- --color-success-700: #006902;
15
- --color-success-600: #188803;
16
- --color-success-500: #46a610;
17
- --color-success-400: #78be20;
18
- --color-success-300: #9ed05f;
19
- --color-success-200: #c5e39e;
20
- --color-success-100: #ebf5de;
21
- --color-warning-900: #360e00;
22
- --color-warning-800: #531b00;
23
- --color-warning-700: #8c3500;
24
- --color-warning-600: #c65200;
25
- --color-warning-500: #ea7315;
26
- --color-warning-400: #ef934a;
27
- --color-warning-300: #f4b27e;
28
- --color-warning-200: #f8d2b3;
29
- --color-warning-100: #fdf1e8;
30
- --color-info-900: #002a41;
31
- --color-info-800: #003a5c;
32
- --color-info-700: #005c91;
33
- --color-info-600: #007bb4;
34
- --color-info-500: #0b96cc;
35
- --color-info-400: #3facd7;
36
- --color-info-300: #73c3e2;
37
- --color-info-200: #a7d9ed;
38
- --color-info-100: #daeff7;
39
- --color-danger-900: #2d0000;
40
- --color-danger-800: #530000;
41
- --color-danger-700: #8c0003;
42
- --color-danger-600: #c61112;
43
- --color-danger-500: #ea302d;
44
- --color-danger-400: #ef5f5c;
45
- --color-danger-300: #f38d8c;
46
- --color-danger-200: #f8bcbb;
47
- --color-danger-100: #fdeaea;
48
- --color-secondary-yellow-900: #46350d;
49
- --color-secondary-yellow-800: #705613;
50
- --color-secondary-yellow-700: #9c7b18;
51
- --color-secondary-yellow-600: #c9a21b;
52
- --color-secondary-yellow-500: #f8cc1c;
53
- --color-secondary-yellow-400: #fcd64c;
54
- --color-secondary-yellow-300: #fee07d;
55
- --color-secondary-yellow-200: #ffebaf;
56
- --color-secondary-yellow-100: #fff8e2;
57
- --color-secondary-orange-900: #360e00;
58
- --color-secondary-orange-800: #531b00;
59
- --color-secondary-orange-700: #8c3500;
60
- --color-secondary-orange-600: #c65200;
61
- --color-secondary-orange-500: #ea7315;
62
- --color-secondary-orange-400: #ef934a;
63
- --color-secondary-orange-300: #f4b27e;
64
- --color-secondary-orange-200: #f8d2b3;
65
- --color-secondary-orange-100: #fdf1e8;
66
- --color-secondary-red-900: #2d0000;
67
- --color-secondary-red-800: #530000;
68
- --color-secondary-red-700: #8c0003;
69
- --color-secondary-red-600: #c61112;
70
- --color-secondary-red-500: #ea302d;
71
- --color-secondary-red-400: #ef5f5c;
72
- --color-secondary-red-300: #f38d8c;
73
- --color-secondary-red-200: #f8bcbb;
74
- --color-secondary-red-100: #fdeaea;
75
- --color-secondary-purple-900: #1a1a4b;
76
- --color-secondary-purple-800: #282863;
77
- --color-secondary-purple-700: #393879;
78
- --color-secondary-purple-600: #4b4a8c;
79
- --color-secondary-purple-500: #605f9d;
80
- --color-secondary-purple-400: #8281b2;
81
- --color-secondary-purple-300: #a4a3c7;
82
- --color-secondary-purple-200: #c5c5dc;
83
- --color-secondary-purple-100: #e7e7f0;
84
- --color-secondary-blue-900: #082435;
85
- --color-secondary-blue-800: #264653;
86
- --color-secondary-blue-700: #405d68;
87
- --color-secondary-blue-600: #5b737d;
88
- --color-secondary-blue-500: #758992;
89
- --color-secondary-blue-400: #92a2a9;
90
- --color-secondary-blue-300: #b0bbc0;
91
- --color-secondary-blue-200: #cdd4d8;
92
- --color-secondary-blue-100: #eaedef;
93
- --color-grey-000: #ffffff;
94
- --color-grey-999: #000000;
95
- --color-grey-900: #191919;
96
- --color-grey-800: #333333;
97
- --color-grey-700: #4d4d4d;
98
- --color-grey-600: #666666;
99
- --color-grey-500: #808080;
100
- --color-grey-400: #999999;
101
- --color-grey-300: #b3b3b3;
102
- --color-grey-200: #cccccc;
103
- --color-grey-100: #e6e6e6;
104
- --color-primary-02-900: #171b26;
105
- --color-primary-02-800: #242938;
106
- --color-primary-02-700: #343b4c;
107
- --color-primary-02-600: #494f60;
108
- --color-primary-02-500: #6a7081;
109
- --color-primary-02-400: #8f94a3;
110
- --color-primary-02-300: #b3b7c1;
111
- --color-primary-02-200: #cfd2d8;
112
- --color-primary-02-100: #eeeff1;
113
- --color-primary-01-900: #002e33;
114
- --color-primary-01-800: #004e57;
115
- --color-primary-01-700: #006974;
116
- --color-primary-01-600: #007f8c;
117
- --color-primary-01-500: #00919f;
118
- --color-primary-01-400: #009eac;
119
- --color-primary-01-300: #48bac4;
120
- --color-primary-01-200: #91d5db;
121
- --color-primary-01-100: #d9f0f3;
122
- --color-tooltip-border: var(--color-grey-000);
123
- --color-tooltip-background: var(--color-grey-700);
124
- --color-toggle-disabled-checked-circle: var(--color-grey-000);
125
- --color-toggle-disabled-checked-background: var(--color-primary-01-200);
126
- --color-toggle-disabled-circle: var(--color-grey-300);
127
- --color-toggle-disabled-background: var(--color-grey-100);
128
- --color-toggle-hover-circle: var(--color-grey-100);
129
- --color-toggle-on-circle: var(--color-grey-000);
130
- --color-toggle-on-background: var(--color-primary-01-500);
131
- --color-toggle-off-circle: var(--color-grey-000);
132
- --color-toggle-off-background: var(--color-grey-600);
133
- --color-tag-removable-dark-active-background: var(--color-grey-400);
134
- --color-tag-removable-dark-hover-background: var(--color-grey-300);
135
- --color-tag-removable-dark-icon: var(--color-grey-900);
136
- --color-tag-removable-dark-text: var(--color-grey-900);
137
- --color-tag-removable-dark-background: var(--color-grey-200);
138
- --color-tag-removable-light-active-background: var(--color-grey-600);
139
- --color-tag-removable-light-hover-background: var(--color-grey-700);
140
- --color-tag-removable-light-icon: var(--color-grey-200);
141
- --color-tag-removable-light-text: var(--color-grey-000);
142
- --color-tag-removable-light-background: var(--color-grey-800);
143
- --color-tag-selectable-dark-disabled-text: var(--color-grey-500);
144
- --color-tag-selectable-dark-disabled-background: var(--color-grey-700);
145
- --color-tag-selectable-dark-selected-hover-background: var(--color-primary-01-300);
146
- --color-tag-selectable-dark-selected-text: var(--color-grey-900);
147
- --color-tag-selectable-dark-selected-border: var(--color-primary-01-400);
148
- --color-tag-selectable-dark-selected-background: var(--color-primary-01-400);
149
- --color-tag-selectable-dark-active-text: var(--color-grey-900);
150
- --color-tag-selectable-dark-active-border: var(--color-primary-01-200);
151
- --color-tag-selectable-dark-active-background: var(--color-primary-01-200);
152
- --color-tag-selectable-dark-hover-background: var(--color-primary-01-700);
153
- --color-tag-selectable-dark-text: var(--color-grey-000);
154
- --color-tag-selectable-dark-border: var(--color-grey-000);
155
- --color-tag-selectable-dark-background: var(--color-grey-900);
156
- --color-tag-selectable-light-selected-hover-background: var(--color-primary-01-700);
157
- --color-tag-selectable-light-selected-text: var(--color-grey-000);
158
- --color-tag-selectable-light-selected-background: var(--color-primary-01-600);
159
- --color-tag-selectable-light-disabled-text: var(--color-grey-500);
160
- --color-tag-selectable-light-disabled-background: var(--color-grey-100);
161
- --color-tag-selectable-light-active-text: var(--color-grey-000);
162
- --color-tag-selectable-light-active-border: var(--color-primary-01-800);
163
- --color-tag-selectable-light-active-background: var(--color-primary-01-800);
164
- --color-tag-selectable-light-hover-background: var(--color-primary-01-300);
165
- --color-tag-selectable-light-text: var(--color-grey-900);
166
- --color-tag-selectable-light-border: var(--color-grey-500);
167
- --color-tag-selectable-light-background: var(--color-grey-000);
168
- --color-tag-link-dark-active-background: var(--color-grey-700);
169
- --color-tag-link-dark-hover-background: var(--color-grey-800);
170
- --color-tag-link-dark-text: var(--color-grey-000);
171
- --color-tag-link-dark-border: var(--color-grey-000);
172
- --color-tag-link-dark-background: var(--color-grey-900);
173
- --color-tag-link-light-active-background: var(--color-grey-200);
174
- --color-tag-link-light-hover-background: var(--color-grey-100);
175
- --color-tag-link-light-text: var(--color-grey-900);
176
- --color-tag-link-light-border: var(--color-grey-500);
177
- --color-tag-link-light-background: var(--color-grey-000);
178
- --color-tag-text-dark-text: var(--color-grey-000);
179
- --color-tag-text-dark-border: var(--color-grey-000);
180
- --color-tag-text-dark-background: var(--color-grey-900);
181
- --color-tag-text-light-text: var(--color-grey-900);
182
- --color-tag-text-light-border: var(--color-grey-500);
183
- --color-tag-text-light-background: var(--color-grey-000);
184
- --color-tabs-active-disabled: var(--color-primary-01-200);
185
- --color-tabs-selected-text: var(--color-primary-01-600);
186
- --color-tabs-selected-border: var(--color-primary-01-600);
187
- --color-tabs-active-text: var(--color-primary-01-800);
188
- --color-tabs-active-background: var(--color-secondary-sandgrey-200);
189
- --color-tabs-disabled-background: var(--color-grey-200);
190
- --color-tabs-hover: var(--color-primary-01-800);
191
- --color-tabs-element-background: var(--color-secondary-sandgrey-100);
192
- --color-tabs-shadow: var(--color-grey-999);
193
- --color-tabs-background: var(--color-grey-000);
194
- --color-stepper-title: var(--color-primary-01-500);
195
- --color-stepper-icon: var(--color-primary-01-500);
196
- --color-stepper-indicator-current-border: var(--color-primary-01-500);
197
- --color-stepper-indicator-current-background: var(--color-primary-01-500);
198
- --color-stepper-indicator-border: var(--color-grey-400);
199
- --color-stepper-indicator-background: var(--color-grey-000);
200
- --color-stepper-link-hover-text: var(--color-primary-01-500);
201
- --color-stepper-item-current-background: var(--color-primary-01-500);
202
- --color-stepper-item-background: var(--color-grey-400);
203
- --color-star-hover: var(--color-secondary-orange-300);
204
- --color-star-focus: var(--color-secondary-blue-500);
205
- --color-star-empty: var(--color-grey-000);
206
- --color-progress-branded-indicator: var(--color-primary-01-500);
207
- --color-progress-percentage-half: var(--color-grey-000);
208
- --color-progress-percentage-default: var(--color-grey-900);
209
- --color-progress-indicator: var(--color-info-600);
210
- --color-progress-background: var(--color-grey-200);
211
- --color-phone-number-item-focus-background: var(--color-grey-100);
212
- --color-phone-number-item-border: var(--color-grey-300);
213
- --color-phone-number-list-background: var(--color-grey-000);
214
- --color-phone-number-button-border: var(--color-grey-600);
215
- --color-password-input-button-hover-background: var(--color-grey-100);
216
- --color-overlay-loader-background: var(--color-secondary-blue-900);
217
- --color-overlay-background: var(--color-grey-900);
218
- --color-option-card-checked-label-shadow: var(--color-primary-01-100);
219
- --color-option-card-checked-label-border: var(--color-primary-01-500);
220
- --color-option-card-hover-label-shadow: var(--color-grey-800);
221
- --color-option-card-label-shadow: var(--color-grey-300);
222
- --color-option-button-disabled-label-background: var(--color-grey-200);
223
- --color-option-button-checked-label-shadow: var(--color-primary-01-100);
224
- --color-option-button-checked-label-border: var(--color-primary-01-500);
225
- --color-option-button-hover-label-shadow: var(--color-grey-800);
226
- --color-option-button-label-shadow: var(--color-grey-300);
227
- --color-notification-danger-icon: var(--color-danger-600);
228
- --color-notification-danger-border: var(--color-danger-500);
229
- --color-notification-danger-background: var(--color-danger-100);
230
- --color-notification-warning-icon: var(--color-warning-600);
231
- --color-notification-warning-border: var(--color-warning-500);
232
- --color-notification-warning-background: var(--color-warning-100);
233
- --color-notification-success-icon: var(--color-success-600);
234
- --color-notification-success-border: var(--color-success-500);
235
- --color-notification-success-background: var(--color-success-100);
236
- --color-notification-information-icon: var(--color-info-600);
237
- --color-notification-information-border: var(--color-info-500);
238
- --color-notification-information-background: var(--color-info-100);
239
- --color-notification-font: var(--color-grey-999);
240
- --color-listbox-disabled-background: var(--color-grey-200);
241
- --color-listbox-tile-hover-background: var(--color-grey-100);
242
- --color-listbox-tile-shadow: var(--color-grey-900);
243
- --color-listbox-tile-border: var(--color-grey-300);
244
- --color-listbox-border: var(--color-grey-600);
245
- --color-listbox-background: var(--color-grey-000);
246
- --color-link-danger-hover: var(--color-secondary-red-800);
247
- --color-link-danger-disabled: var(--color-grey-100);
248
- --color-link-danger-active: var(--color-secondary-red-700);
249
- --color-link-danger-visited: var(--color-secondary-red-700);
250
- --color-link-danger-base: var(--color-secondary-red-600);
251
- --color-link-primary-02-hover: var(--color-primary-02-900);
252
- --color-link-primary-02-disabled: var(--color-grey-100);
253
- --color-link-primary-02-active: var(--color-primary-02-700);
254
- --color-link-primary-02-visited: var(--color-primary-02-700);
255
- --color-link-primary-02-base: var(--color-primary-02-600);
256
- --color-link-primary-hover: var(--color-primary-01-800);
257
- --color-link-primary-disabled: var(--color-grey-100);
258
- --color-link-primary-active: var(--color-primary-01-700);
259
- --color-link-primary-visited: var(--color-primary-01-700);
260
- --color-link-primary-base: var(--color-primary-01-600);
261
- --color-link-light-hover: var(--color-grey-400);
262
- --color-link-light-disabled: var(--color-grey-100);
263
- --color-link-light-active: var(--color-grey-200);
264
- --color-link-light-visited: var(--color-grey-200);
265
- --color-link-light-base: var(--color-grey-000);
266
- --color-link-dark-hover: var(--color-grey-600);
267
- --color-link-dark-disabled: var(--color-grey-100);
268
- --color-link-dark-active: var(--color-grey-800);
269
- --color-link-dark-visited: var(--color-grey-800);
270
- --color-link-dark-base: var(--color-grey-999);
271
- --color-input-checked-hover-border: var(--color-primary-01-800);
272
- --color-input-checked-icon: var(--color-grey-000);
273
- --color-input-checked-background: var(--color-primary-01-500);
274
- --color-input-checked-border: var(--color-primary-01-500);
275
- --color-input-invalid-hover-border: var(--color-danger-800);
276
- --color-input-invalid-border: var(--color-danger-600);
277
- --color-input-valid-hover-border: var(--color-success-800);
278
- --color-input-valid-border: var(--color-success-500);
279
- --color-input-focus-border: var(--color-secondary-blue-500);
280
- --color-input-hover-border: var(--color-grey-900);
281
- --color-input-disabled-icon: var(--color-grey-400);
282
- --color-input-disabled-background: var(--color-grey-100);
283
- --color-input-disabled-border: var(--color-grey-100);
284
- --color-input-background: var(--color-grey-000);
285
- --color-input-placeholder: var(--color-grey-500);
286
- --color-input-border: var(--color-grey-600);
287
- --color-input-text: var(--color-grey-900);
288
- --color-hero-cover-background: var(--color-grey-900);
289
- --color-heading-underline-lightest: var(--color-primary-01-200);
290
- --color-heading-underline-default: var(--color-primary-01-500);
291
- --color-font-danger: var(--color-danger-600);
292
- --color-font-warning: var(--color-warning-600);
293
- --color-font-success: var(--color-success-600);
294
- --color-font-info: var(--color-info-600);
295
- --color-font-lightest: var(--color-grey-000);
296
- --color-font-light: var(--color-grey-600);
297
- --color-font-dark: var(--color-grey-800);
298
- --color-font-darker: var(--color-grey-900);
299
- --color-font-darkest: var(--color-grey-999);
300
- --color-font-primary-02: var(--color-primary-02-500);
301
- --color-font-primary-01: var(--color-primary-01-600);
302
- --color-focus-border: var(--color-secondary-blue-500);
303
- --color-focus-gap: var(--color-grey-000);
304
- --color-flag-bordered-danger-text: var(--color-secondary-red-600);
305
- --color-flag-bordered-danger-border: var(--color-secondary-red-600);
306
- --color-flag-bordered-danger-background: var(--color-grey-000);
307
- --color-flag-bordered-light-text: var(--color-grey-000);
308
- --color-flag-bordered-light-border: var(--color-grey-000);
309
- --color-flag-bordered-light-background: var(--color-grey-999);
310
- --color-flag-bordered-dark-text: var(--color-grey-999);
311
- --color-flag-bordered-dark-border: var(--color-grey-999);
312
- --color-flag-bordered-dark-background: var(--color-grey-000);
313
- --color-flag-bordered-primary-02-text: var(--color-secondary-purple-600);
314
- --color-flag-bordered-primary-02-border: var(--color-secondary-purple-600);
315
- --color-flag-bordered-primary-02-background: var(--color-grey-000);
316
- --color-flag-bordered-text: var(--color-primary-01-600);
317
- --color-flag-bordered-border: var(--color-primary-01-600);
318
- --color-flag-bordered-background: var(--color-grey-000);
319
- --color-flag-solid-danger-text: var(--color-grey-000);
320
- --color-flag-solid-danger-border: var(--color-secondary-red-600);
321
- --color-flag-solid-danger-background: var(--color-secondary-red-600);
322
- --color-flag-solid-light-text: var(--color-grey-999);
323
- --color-flag-solid-light-border: var(--color-grey-000);
324
- --color-flag-solid-light-background: var(--color-grey-000);
325
- --color-flag-solid-dark-text: var(--color-grey-000);
326
- --color-flag-solid-dark-border: var(--color-grey-999);
327
- --color-flag-solid-dark-background: var(--color-grey-999);
328
- --color-flag-solid-primary-02-text: var(--color-grey-000);
329
- --color-flag-solid-primary-02-border: var(--color-secondary-purple-600);
330
- --color-flag-solid-primary-02-background: var(--color-secondary-purple-600);
331
- --color-flag-solid-text: var(--color-grey-000);
332
- --color-flag-solid-border: var(--color-primary-01-600);
333
- --color-flag-solid-background: var(--color-primary-01-600);
334
- --color-fileuploader-alert: var(--color-danger-600);
335
- --color-fileuploader-valid: var(--color-primary-01-500);
336
- --color-fileuploader-files-delete: var(--color-grey-200);
337
- --color-fileuploader-files-list: var(--color-grey-100);
338
- --color-fileuploader-font: var(--color-grey-999);
339
- --color-divider-dark: var(--color-grey-999);
340
- --color-divider-default: var(--color-grey-600);
341
- --color-divider-light: var(--color-grey-300);
342
- --color-divider-lightest: var(--color-grey-000);
343
- --color-dialog-footer-shadow: var(--color-grey-900);
344
- --color-dialog-close: var(--color-grey-500);
345
- --color-dialog-icon: var(--color-grey-600);
346
- --color-dialog-background: var(--color-grey-000);
347
- --color-card-bordered-border: var(--color-grey-500);
348
- --color-card-bordered-background: var(--color-grey-000);
349
- --color-button-bordered-danger-hover-font: var(--color-danger-700);
350
- --color-button-bordered-danger-hover-background: var(--color-secondary-red-100);
351
- --color-button-bordered-danger-active-font: var(--color-danger-800);
352
- --color-button-bordered-danger-active-background: var(--color-secondary-red-200);
353
- --color-button-bordered-danger-disabled-font: var(--color-grey-600);
354
- --color-button-bordered-danger-disabled-background: var(--color-grey-200);
355
- --color-button-bordered-danger-focus-border: var(--color-secondary-red-700);
356
- --color-button-bordered-danger-font: var(--color-secondary-red-600);
357
- --color-button-bordered-danger-border: var(--color-secondary-red-600);
358
- --color-button-bordered-danger-background: var(--color-grey-000);
359
- --color-button-bordered-neutral-hover-background: var(--color-grey-100);
360
- --color-button-bordered-neutral-active-background: var(--color-grey-200);
361
- --color-button-bordered-neutral-disabled-font: var(--color-grey-600);
362
- --color-button-bordered-neutral-disabled-background: var(--color-grey-200);
363
- --color-button-bordered-neutral-focus-border: var(--color-grey-900);
364
- --color-button-bordered-neutral-font: var(--color-grey-800);
365
- --color-button-bordered-neutral-border: var(--color-grey-800);
366
- --color-button-bordered-neutral-background: var(--color-grey-000);
367
- --color-button-bordered-primary-02-hover-background: var(--color-primary-02-100);
368
- --color-button-bordered-primary-02-active-background: var(--color-primary-02-200);
369
- --color-button-bordered-primary-02-disabled-font: var(--color-grey-600);
370
- --color-button-bordered-primary-02-disabled-background: var(--color-grey-200);
371
- --color-button-bordered-primary-02-focus-border: var(--color-primary-02-900);
372
- --color-button-bordered-primary-02-font: var(--color-primary-02-500);
373
- --color-button-bordered-primary-02-border: var(--color-primary-02-500);
374
- --color-button-bordered-primary-02-background: var(--color-grey-000);
375
- --color-button-bordered-hover-font: var(--color-primary-01-700);
376
- --color-button-bordered-hover-background: var(--color-primary-01-100);
377
- --color-button-bordered-active-font: var(--color-primary-01-800);
378
- --color-button-bordered-active-background: var(--color-primary-01-200);
379
- --color-button-bordered-disabled-font: var(--color-grey-600);
380
- --color-button-bordered-disabled-background: var(--color-grey-200);
381
- --color-button-bordered-focus-border: var(--color-primary-01-700);
382
- --color-button-bordered-font: var(--color-primary-01-600);
383
- --color-button-bordered-border: var(--color-primary-01-600);
384
- --color-button-bordered-background: var(--color-grey-000);
385
- --color-button-solid-danger-hover-font: var(--color-grey-000);
386
- --color-button-solid-danger-hover-background: var(--color-danger-700);
387
- --color-button-solid-danger-active-background: var(--color-danger-700);
388
- --color-button-solid-danger-disabled-font: var(--color-grey-600);
389
- --color-button-solid-danger-disabled-background: var(--color-grey-200);
390
- --color-button-solid-danger-focus-border: var(--color-danger-700);
391
- --color-button-solid-danger-font: var(--color-grey-000);
392
- --color-button-solid-danger-background: var(--color-secondary-red-600);
393
- --color-button-solid-neutral-hover-font: var(--color-grey-000);
394
- --color-button-solid-neutral-hover-background: var(--color-grey-900);
395
- --color-button-solid-neutral-active-background: var(--color-grey-800);
396
- --color-button-solid-neutral-disabled-font: var(--color-grey-600);
397
- --color-button-solid-neutral-disabled-background: var(--color-grey-200);
398
- --color-button-solid-neutral-focus-border: var(--color-grey-900);
399
- --color-button-solid-neutral-font: var(--color-grey-000);
400
- --color-button-solid-neutral-background: var(--color-grey-800);
401
- --color-button-solid-primary-02-hover-font: var(--color-grey-000);
402
- --color-button-solid-primary-02-hover-background: var(--color-primary-02-800);
403
- --color-button-solid-primary-02-active-background: var(--color-primary-02-900);
404
- --color-button-solid-primary-02-disabled-font: var(--color-grey-600);
405
- --color-button-solid-primary-02-disabled-background: var(--color-grey-200);
406
- --color-button-solid-primary-02-focus-border: var(--color-primary-02-900);
407
- --color-button-solid-primary-02-font: var(--color-grey-000);
408
- --color-button-solid-primary-02-background: var(--color-primary-02-500);
409
- --color-button-solid-hover-font: var(--color-grey-000);
410
- --color-button-solid-hover-background: var(--color-primary-01-700);
411
- --color-button-solid-active-background: var(--color-primary-01-700);
412
- --color-button-solid-disabled-font: var(--color-grey-600);
413
- --color-button-solid-disabled-background: var(--color-grey-200);
414
- --color-button-solid-focus-border: var(--color-primary-01-700);
415
- --color-button-solid-font: var(--color-grey-000);
416
- --color-button-solid-background: var(--color-primary-01-600);
417
- --color-breadcrumb-arrow-invert: var(--color-grey-000);
418
- --color-breadcrumb-arrow: var(--color-grey-800);
419
- --color-secondary-green-900: var(--color-primary-01-900);
420
- --color-secondary-green-800: var(--color-primary-01-800);
421
- --color-secondary-green-700: var(--color-primary-01-700);
422
- --color-secondary-green-600: var(--color-primary-01-600);
423
- --color-secondary-green-500: var(--color-primary-01-500);
424
- --color-secondary-green-400: var(--color-primary-01-400);
425
- --color-secondary-green-300: var(--color-primary-01-300);
426
- --color-secondary-green-200: var(--color-primary-01-200);
427
- --color-secondary-green-100: var(--color-primary-01-100);
428
- --color-badge-neutral-text: var(--color-grey-700);
429
- --color-badge-neutral-border: var(--color-grey-500);
430
- --color-badge-neutral-background: var(--color-grey-100);
431
- --color-badge-danger-text: var(--color-danger-700);
432
- --color-badge-danger-border: var(--color-danger-500);
433
- --color-badge-danger-background: var(--color-danger-100);
434
- --color-badge-warning-text: var(--color-warning-700);
435
- --color-badge-warning-border: var(--color-warning-500);
436
- --color-badge-warning-background: var(--color-warning-100);
437
- --color-badge-success-text: var(--color-success-700);
438
- --color-badge-success-border: var(--color-success-500);
439
- --color-badge-success-background: var(--color-success-100);
440
- --color-badge-info-text: var(--color-info-700);
441
- --color-badge-info-border: var(--color-info-500);
442
- --color-badge-info-background: var(--color-info-100);
443
- --color-tabs-default: var(--color-font-light);
444
- --color-fields-help: var(--color-font-light);
445
- --color-fields-requirement: var(--color-font-light);
446
- --color-fields-label: var(--color-font-dark);
447
- --color-fields-error: var(--color-font-danger);
448
- }