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