@mozaic-ds/vue 0.7.1 → 0.8.2-beta.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 (27) hide show
  1. package/CHANGELOG.md +385 -0
  2. package/dist/demo.html +4 -4
  3. package/dist/mozaic-vue.adeo.css +1 -0
  4. package/dist/mozaic-vue.adeo.umd.js +36793 -0
  5. package/dist/mozaic-vue.common.js +1431 -451
  6. package/dist/mozaic-vue.common.js.map +1 -1
  7. package/dist/mozaic-vue.css +1 -1
  8. package/dist/mozaic-vue.umd.js +1431 -451
  9. package/dist/mozaic-vue.umd.js.map +1 -1
  10. package/dist/mozaic-vue.umd.min.js +1 -1
  11. package/dist/mozaic-vue.umd.min.js.map +1 -1
  12. package/package.json +11 -7
  13. package/postinstall.js +6 -0
  14. package/src/components/accordion/MAccordion.vue +39 -15
  15. package/src/components/checkbox/MCheckbox.vue +8 -2
  16. package/src/components/datatable/MDataTable.vue +29 -0
  17. package/src/components/index.js +1 -1
  18. package/src/components/modal/MModal.vue +2 -2
  19. package/src/components/radio/MRadioGroup.vue +108 -0
  20. package/src/components/radio/index.js +6 -1
  21. package/src/index.js +1 -1
  22. package/src/tokens/adeo/css/_variables.scss +370 -0
  23. package/src/tokens/adeo/css/root.scss +382 -0
  24. package/src/tokens/adeo/js/tokens.js +468 -0
  25. package/src/tokens/adeo/js/tokensObject.js +10002 -0
  26. package/src/tokens/adeo/scss/_tokens.scss +1265 -0
  27. package/types/index.d.ts +4 -0
package/src/tokens/adeo/css/_variables.scss ADDED
@@ -0,0 +1,370 @@
1
+ $color-badge-info-background: var(--color-badge-info-background);
2
+ $color-badge-info-border: var(--color-badge-info-border);
3
+ $color-badge-info-text: var(--color-badge-info-text);
4
+ $color-badge-success-background: var(--color-badge-success-background);
5
+ $color-badge-success-border: var(--color-badge-success-border);
6
+ $color-badge-success-text: var(--color-badge-success-text);
7
+ $color-badge-warning-background: var(--color-badge-warning-background);
8
+ $color-badge-warning-border: var(--color-badge-warning-border);
9
+ $color-badge-warning-text: var(--color-badge-warning-text);
10
+ $color-badge-danger-background: var(--color-badge-danger-background);
11
+ $color-badge-danger-border: var(--color-badge-danger-border);
12
+ $color-badge-danger-text: var(--color-badge-danger-text);
13
+ $color-badge-neutral-background: var(--color-badge-neutral-background);
14
+ $color-badge-neutral-border: var(--color-badge-neutral-border);
15
+ $color-badge-neutral-text: var(--color-badge-neutral-text);
16
+ $color-primary-01-100: var(--color-primary-01-100);
17
+ $color-primary-01-200: var(--color-primary-01-200);
18
+ $color-primary-01-300: var(--color-primary-01-300);
19
+ $color-primary-01-400: var(--color-primary-01-400);
20
+ $color-primary-01-500: var(--color-primary-01-500);
21
+ $color-primary-01-600: var(--color-primary-01-600);
22
+ $color-primary-01-700: var(--color-primary-01-700);
23
+ $color-primary-01-800: var(--color-primary-01-800);
24
+ $color-primary-01-900: var(--color-primary-01-900);
25
+ $color-primary-02-100: var(--color-primary-02-100);
26
+ $color-primary-02-200: var(--color-primary-02-200);
27
+ $color-primary-02-300: var(--color-primary-02-300);
28
+ $color-primary-02-400: var(--color-primary-02-400);
29
+ $color-primary-02-500: var(--color-primary-02-500);
30
+ $color-primary-02-600: var(--color-primary-02-600);
31
+ $color-primary-02-700: var(--color-primary-02-700);
32
+ $color-primary-02-800: var(--color-primary-02-800);
33
+ $color-primary-02-900: var(--color-primary-02-900);
34
+ $color-grey-100: var(--color-grey-100);
35
+ $color-grey-200: var(--color-grey-200);
36
+ $color-grey-300: var(--color-grey-300);
37
+ $color-grey-400: var(--color-grey-400);
38
+ $color-grey-500: var(--color-grey-500);
39
+ $color-grey-600: var(--color-grey-600);
40
+ $color-grey-700: var(--color-grey-700);
41
+ $color-grey-800: var(--color-grey-800);
42
+ $color-grey-900: var(--color-grey-900);
43
+ $color-grey-999: var(--color-grey-999);
44
+ $color-grey-000: var(--color-grey-000);
45
+ $color-secondary-blue-100: var(--color-secondary-blue-100);
46
+ $color-secondary-blue-200: var(--color-secondary-blue-200);
47
+ $color-secondary-blue-300: var(--color-secondary-blue-300);
48
+ $color-secondary-blue-400: var(--color-secondary-blue-400);
49
+ $color-secondary-blue-500: var(--color-secondary-blue-500);
50
+ $color-secondary-blue-600: var(--color-secondary-blue-600);
51
+ $color-secondary-blue-700: var(--color-secondary-blue-700);
52
+ $color-secondary-blue-800: var(--color-secondary-blue-800);
53
+ $color-secondary-blue-900: var(--color-secondary-blue-900);
54
+ $color-secondary-green-100: var(--color-secondary-green-100);
55
+ $color-secondary-green-200: var(--color-secondary-green-200);
56
+ $color-secondary-green-300: var(--color-secondary-green-300);
57
+ $color-secondary-green-400: var(--color-secondary-green-400);
58
+ $color-secondary-green-500: var(--color-secondary-green-500);
59
+ $color-secondary-green-600: var(--color-secondary-green-600);
60
+ $color-secondary-green-700: var(--color-secondary-green-700);
61
+ $color-secondary-green-800: var(--color-secondary-green-800);
62
+ $color-secondary-green-900: var(--color-secondary-green-900);
63
+ $color-secondary-purple-100: var(--color-secondary-purple-100);
64
+ $color-secondary-purple-200: var(--color-secondary-purple-200);
65
+ $color-secondary-purple-300: var(--color-secondary-purple-300);
66
+ $color-secondary-purple-400: var(--color-secondary-purple-400);
67
+ $color-secondary-purple-500: var(--color-secondary-purple-500);
68
+ $color-secondary-purple-600: var(--color-secondary-purple-600);
69
+ $color-secondary-purple-700: var(--color-secondary-purple-700);
70
+ $color-secondary-purple-800: var(--color-secondary-purple-800);
71
+ $color-secondary-purple-900: var(--color-secondary-purple-900);
72
+ $color-secondary-red-100: var(--color-secondary-red-100);
73
+ $color-secondary-red-200: var(--color-secondary-red-200);
74
+ $color-secondary-red-300: var(--color-secondary-red-300);
75
+ $color-secondary-red-400: var(--color-secondary-red-400);
76
+ $color-secondary-red-500: var(--color-secondary-red-500);
77
+ $color-secondary-red-600: var(--color-secondary-red-600);
78
+ $color-secondary-red-700: var(--color-secondary-red-700);
79
+ $color-secondary-red-800: var(--color-secondary-red-800);
80
+ $color-secondary-red-900: var(--color-secondary-red-900);
81
+ $color-secondary-orange-100: var(--color-secondary-orange-100);
82
+ $color-secondary-orange-200: var(--color-secondary-orange-200);
83
+ $color-secondary-orange-300: var(--color-secondary-orange-300);
84
+ $color-secondary-orange-400: var(--color-secondary-orange-400);
85
+ $color-secondary-orange-500: var(--color-secondary-orange-500);
86
+ $color-secondary-orange-600: var(--color-secondary-orange-600);
87
+ $color-secondary-orange-700: var(--color-secondary-orange-700);
88
+ $color-secondary-orange-800: var(--color-secondary-orange-800);
89
+ $color-secondary-orange-900: var(--color-secondary-orange-900);
90
+ $color-secondary-yellow-100: var(--color-secondary-yellow-100);
91
+ $color-secondary-yellow-200: var(--color-secondary-yellow-200);
92
+ $color-secondary-yellow-300: var(--color-secondary-yellow-300);
93
+ $color-secondary-yellow-400: var(--color-secondary-yellow-400);
94
+ $color-secondary-yellow-500: var(--color-secondary-yellow-500);
95
+ $color-secondary-yellow-600: var(--color-secondary-yellow-600);
96
+ $color-secondary-yellow-700: var(--color-secondary-yellow-700);
97
+ $color-secondary-yellow-800: var(--color-secondary-yellow-800);
98
+ $color-secondary-yellow-900: var(--color-secondary-yellow-900);
99
+ $color-danger-100: var(--color-danger-100);
100
+ $color-danger-200: var(--color-danger-200);
101
+ $color-danger-300: var(--color-danger-300);
102
+ $color-danger-400: var(--color-danger-400);
103
+ $color-danger-500: var(--color-danger-500);
104
+ $color-danger-600: var(--color-danger-600);
105
+ $color-danger-700: var(--color-danger-700);
106
+ $color-danger-800: var(--color-danger-800);
107
+ $color-danger-900: var(--color-danger-900);
108
+ $color-info-100: var(--color-info-100);
109
+ $color-info-200: var(--color-info-200);
110
+ $color-info-300: var(--color-info-300);
111
+ $color-info-400: var(--color-info-400);
112
+ $color-info-500: var(--color-info-500);
113
+ $color-info-600: var(--color-info-600);
114
+ $color-info-700: var(--color-info-700);
115
+ $color-info-800: var(--color-info-800);
116
+ $color-info-900: var(--color-info-900);
117
+ $color-warning-100: var(--color-warning-100);
118
+ $color-warning-200: var(--color-warning-200);
119
+ $color-warning-300: var(--color-warning-300);
120
+ $color-warning-400: var(--color-warning-400);
121
+ $color-warning-500: var(--color-warning-500);
122
+ $color-warning-600: var(--color-warning-600);
123
+ $color-warning-700: var(--color-warning-700);
124
+ $color-warning-800: var(--color-warning-800);
125
+ $color-warning-900: var(--color-warning-900);
126
+ $color-success-100: var(--color-success-100);
127
+ $color-success-200: var(--color-success-200);
128
+ $color-success-300: var(--color-success-300);
129
+ $color-success-400: var(--color-success-400);
130
+ $color-success-500: var(--color-success-500);
131
+ $color-success-600: var(--color-success-600);
132
+ $color-success-700: var(--color-success-700);
133
+ $color-success-800: var(--color-success-800);
134
+ $color-success-900: var(--color-success-900);
135
+ $color-button-solid-background: var(--color-button-solid-background);
136
+ $color-button-solid-font: var(--color-button-solid-font);
137
+ $color-button-solid-focus-border: var(--color-button-solid-focus-border);
138
+ $color-button-solid-disabled-background: var(--color-button-solid-disabled-background);
139
+ $color-button-solid-disabled-font: var(--color-button-solid-disabled-font);
140
+ $color-button-solid-active-background: var(--color-button-solid-active-background);
141
+ $color-button-solid-hover-background: var(--color-button-solid-hover-background);
142
+ $color-button-solid-hover-font: var(--color-button-solid-hover-font);
143
+ $color-button-solid-primary-02-background: var(--color-button-solid-primary-02-background);
144
+ $color-button-solid-primary-02-font: var(--color-button-solid-primary-02-font);
145
+ $color-button-solid-primary-02-focus-border: var(--color-button-solid-primary-02-focus-border);
146
+ $color-button-solid-primary-02-disabled-background: var(--color-button-solid-primary-02-disabled-background);
147
+ $color-button-solid-primary-02-disabled-font: var(--color-button-solid-primary-02-disabled-font);
148
+ $color-button-solid-primary-02-active-background: var(--color-button-solid-primary-02-active-background);
149
+ $color-button-solid-primary-02-hover-background: var(--color-button-solid-primary-02-hover-background);
150
+ $color-button-solid-primary-02-hover-font: var(--color-button-solid-primary-02-hover-font);
151
+ $color-button-solid-neutral-background: var(--color-button-solid-neutral-background);
152
+ $color-button-solid-neutral-font: var(--color-button-solid-neutral-font);
153
+ $color-button-solid-neutral-focus-border: var(--color-button-solid-neutral-focus-border);
154
+ $color-button-solid-neutral-disabled-background: var(--color-button-solid-neutral-disabled-background);
155
+ $color-button-solid-neutral-disabled-font: var(--color-button-solid-neutral-disabled-font);
156
+ $color-button-solid-neutral-active-background: var(--color-button-solid-neutral-active-background);
157
+ $color-button-solid-neutral-hover-background: var(--color-button-solid-neutral-hover-background);
158
+ $color-button-solid-neutral-hover-font: var(--color-button-solid-neutral-hover-font);
159
+ $color-button-solid-danger-background: var(--color-button-solid-danger-background);
160
+ $color-button-solid-danger-font: var(--color-button-solid-danger-font);
161
+ $color-button-solid-danger-focus-border: var(--color-button-solid-danger-focus-border);
162
+ $color-button-solid-danger-disabled-background: var(--color-button-solid-danger-disabled-background);
163
+ $color-button-solid-danger-disabled-font: var(--color-button-solid-danger-disabled-font);
164
+ $color-button-solid-danger-active-background: var(--color-button-solid-danger-active-background);
165
+ $color-button-solid-danger-hover-background: var(--color-button-solid-danger-hover-background);
166
+ $color-button-solid-danger-hover-font: var(--color-button-solid-danger-hover-font);
167
+ $color-button-bordered-background: var(--color-button-bordered-background);
168
+ $color-button-bordered-border: var(--color-button-bordered-border);
169
+ $color-button-bordered-font: var(--color-button-bordered-font);
170
+ $color-button-bordered-focus-border: var(--color-button-bordered-focus-border);
171
+ $color-button-bordered-disabled-background: var(--color-button-bordered-disabled-background);
172
+ $color-button-bordered-disabled-font: var(--color-button-bordered-disabled-font);
173
+ $color-button-bordered-active-background: var(--color-button-bordered-active-background);
174
+ $color-button-bordered-hover-background: var(--color-button-bordered-hover-background);
175
+ $color-button-bordered-primary-02-background: var(--color-button-bordered-primary-02-background);
176
+ $color-button-bordered-primary-02-border: var(--color-button-bordered-primary-02-border);
177
+ $color-button-bordered-primary-02-font: var(--color-button-bordered-primary-02-font);
178
+ $color-button-bordered-primary-02-focus-border: var(--color-button-bordered-primary-02-focus-border);
179
+ $color-button-bordered-primary-02-disabled-background: var(--color-button-bordered-primary-02-disabled-background);
180
+ $color-button-bordered-primary-02-disabled-font: var(--color-button-bordered-primary-02-disabled-font);
181
+ $color-button-bordered-primary-02-active-background: var(--color-button-bordered-primary-02-active-background);
182
+ $color-button-bordered-primary-02-hover-background: var(--color-button-bordered-primary-02-hover-background);
183
+ $color-button-bordered-neutral-background: var(--color-button-bordered-neutral-background);
184
+ $color-button-bordered-neutral-border: var(--color-button-bordered-neutral-border);
185
+ $color-button-bordered-neutral-font: var(--color-button-bordered-neutral-font);
186
+ $color-button-bordered-neutral-focus-border: var(--color-button-bordered-neutral-focus-border);
187
+ $color-button-bordered-neutral-disabled-background: var(--color-button-bordered-neutral-disabled-background);
188
+ $color-button-bordered-neutral-disabled-font: var(--color-button-bordered-neutral-disabled-font);
189
+ $color-button-bordered-neutral-active-background: var(--color-button-bordered-neutral-active-background);
190
+ $color-button-bordered-neutral-hover-background: var(--color-button-bordered-neutral-hover-background);
191
+ $color-button-bordered-danger-background: var(--color-button-bordered-danger-background);
192
+ $color-button-bordered-danger-border: var(--color-button-bordered-danger-border);
193
+ $color-button-bordered-danger-font: var(--color-button-bordered-danger-font);
194
+ $color-button-bordered-danger-focus-border: var(--color-button-bordered-danger-focus-border);
195
+ $color-button-bordered-danger-disabled-background: var(--color-button-bordered-danger-disabled-background);
196
+ $color-button-bordered-danger-disabled-font: var(--color-button-bordered-danger-disabled-font);
197
+ $color-button-bordered-danger-active-background: var(--color-button-bordered-danger-active-background);
198
+ $color-button-bordered-danger-hover-background: var(--color-button-bordered-danger-hover-background);
199
+ $color-divider-lightest: var(--color-divider-lightest);
200
+ $color-divider-light: var(--color-divider-light);
201
+ $color-divider-default: var(--color-divider-default);
202
+ $color-divider-dark: var(--color-divider-dark);
203
+ $color-fields-error: var(--color-fields-error);
204
+ $color-fields-label: var(--color-fields-label);
205
+ $color-fields-requirement: var(--color-fields-requirement);
206
+ $color-fields-help: var(--color-fields-help);
207
+ $color-fileuploader-font: var(--color-fileuploader-font);
208
+ $color-fileuploader-files-list: var(--color-fileuploader-files-list);
209
+ $color-fileuploader-files-delete: var(--color-fileuploader-files-delete);
210
+ $color-fileuploader-valid: var(--color-fileuploader-valid);
211
+ $color-fileuploader-alert: var(--color-fileuploader-alert);
212
+ $color-flag-solid-background: var(--color-flag-solid-background);
213
+ $color-flag-solid-border: var(--color-flag-solid-border);
214
+ $color-flag-solid-text: var(--color-flag-solid-text);
215
+ $color-flag-solid-primary-02-background: var(--color-flag-solid-primary-02-background);
216
+ $color-flag-solid-primary-02-border: var(--color-flag-solid-primary-02-border);
217
+ $color-flag-solid-primary-02-text: var(--color-flag-solid-primary-02-text);
218
+ $color-flag-solid-dark-background: var(--color-flag-solid-dark-background);
219
+ $color-flag-solid-dark-border: var(--color-flag-solid-dark-border);
220
+ $color-flag-solid-dark-text: var(--color-flag-solid-dark-text);
221
+ $color-flag-solid-light-background: var(--color-flag-solid-light-background);
222
+ $color-flag-solid-light-border: var(--color-flag-solid-light-border);
223
+ $color-flag-solid-light-text: var(--color-flag-solid-light-text);
224
+ $color-flag-solid-danger-background: var(--color-flag-solid-danger-background);
225
+ $color-flag-solid-danger-border: var(--color-flag-solid-danger-border);
226
+ $color-flag-solid-danger-text: var(--color-flag-solid-danger-text);
227
+ $color-flag-bordered-background: var(--color-flag-bordered-background);
228
+ $color-flag-bordered-border: var(--color-flag-bordered-border);
229
+ $color-flag-bordered-text: var(--color-flag-bordered-text);
230
+ $color-flag-bordered-primary-02-background: var(--color-flag-bordered-primary-02-background);
231
+ $color-flag-bordered-primary-02-border: var(--color-flag-bordered-primary-02-border);
232
+ $color-flag-bordered-primary-02-text: var(--color-flag-bordered-primary-02-text);
233
+ $color-flag-bordered-dark-background: var(--color-flag-bordered-dark-background);
234
+ $color-flag-bordered-dark-border: var(--color-flag-bordered-dark-border);
235
+ $color-flag-bordered-dark-text: var(--color-flag-bordered-dark-text);
236
+ $color-flag-bordered-light-background: var(--color-flag-bordered-light-background);
237
+ $color-flag-bordered-light-border: var(--color-flag-bordered-light-border);
238
+ $color-flag-bordered-light-text: var(--color-flag-bordered-light-text);
239
+ $color-flag-bordered-danger-background: var(--color-flag-bordered-danger-background);
240
+ $color-flag-bordered-danger-border: var(--color-flag-bordered-danger-border);
241
+ $color-flag-bordered-danger-text: var(--color-flag-bordered-danger-text);
242
+ $color-focus-gap: var(--color-focus-gap);
243
+ $color-focus-border: var(--color-focus-border);
244
+ $color-font-primary-01: var(--color-font-primary-01);
245
+ $color-font-primary-02: var(--color-font-primary-02);
246
+ $color-font-darkest: var(--color-font-darkest);
247
+ $color-font-darker: var(--color-font-darker);
248
+ $color-font-dark: var(--color-font-dark);
249
+ $color-font-light: var(--color-font-light);
250
+ $color-font-lightest: var(--color-font-lightest);
251
+ $color-font-info: var(--color-font-info);
252
+ $color-font-success: var(--color-font-success);
253
+ $color-font-warning: var(--color-font-warning);
254
+ $color-font-danger: var(--color-font-danger);
255
+ $color-input-text: var(--color-input-text);
256
+ $color-input-border: var(--color-input-border);
257
+ $color-input-placeholder: var(--color-input-placeholder);
258
+ $color-input-background: var(--color-input-background);
259
+ $color-input-disabled-border: var(--color-input-disabled-border);
260
+ $color-input-disabled-background: var(--color-input-disabled-background);
261
+ $color-input-disabled-icon: var(--color-input-disabled-icon);
262
+ $color-input-hover-border: var(--color-input-hover-border);
263
+ $color-input-focus-border: var(--color-input-focus-border);
264
+ $color-input-valid-border: var(--color-input-valid-border);
265
+ $color-input-valid-hover-border: var(--color-input-valid-hover-border);
266
+ $color-input-invalid-border: var(--color-input-invalid-border);
267
+ $color-input-invalid-hover-border: var(--color-input-invalid-hover-border);
268
+ $color-input-checked-border: var(--color-input-checked-border);
269
+ $color-input-checked-background: var(--color-input-checked-background);
270
+ $color-input-checked-icon: var(--color-input-checked-icon);
271
+ $color-input-checked-hover-border: var(--color-input-checked-hover-border);
272
+ $color-link-dark-base: var(--color-link-dark-base);
273
+ $color-link-dark-visited: var(--color-link-dark-visited);
274
+ $color-link-dark-active: var(--color-link-dark-active);
275
+ $color-link-dark-disabled: var(--color-link-dark-disabled);
276
+ $color-link-dark-hover: var(--color-link-dark-hover);
277
+ $color-link-light-base: var(--color-link-light-base);
278
+ $color-link-light-visited: var(--color-link-light-visited);
279
+ $color-link-light-active: var(--color-link-light-active);
280
+ $color-link-light-disabled: var(--color-link-light-disabled);
281
+ $color-link-light-hover: var(--color-link-light-hover);
282
+ $color-link-primary-base: var(--color-link-primary-base);
283
+ $color-link-primary-visited: var(--color-link-primary-visited);
284
+ $color-link-primary-active: var(--color-link-primary-active);
285
+ $color-link-primary-disabled: var(--color-link-primary-disabled);
286
+ $color-link-primary-hover: var(--color-link-primary-hover);
287
+ $color-link-primary-02-base: var(--color-link-primary-02-base);
288
+ $color-link-primary-02-visited: var(--color-link-primary-02-visited);
289
+ $color-link-primary-02-active: var(--color-link-primary-02-active);
290
+ $color-link-primary-02-disabled: var(--color-link-primary-02-disabled);
291
+ $color-link-primary-02-hover: var(--color-link-primary-02-hover);
292
+ $color-link-danger-base: var(--color-link-danger-base);
293
+ $color-link-danger-visited: var(--color-link-danger-visited);
294
+ $color-link-danger-active: var(--color-link-danger-active);
295
+ $color-link-danger-disabled: var(--color-link-danger-disabled);
296
+ $color-link-danger-hover: var(--color-link-danger-hover);
297
+ $color-notification-font: var(--color-notification-font);
298
+ $color-notification-information-background: var(--color-notification-information-background);
299
+ $color-notification-information-border: var(--color-notification-information-border);
300
+ $color-notification-success-background: var(--color-notification-success-background);
301
+ $color-notification-success-border: var(--color-notification-success-border);
302
+ $color-notification-warning-background: var(--color-notification-warning-background);
303
+ $color-notification-warning-border: var(--color-notification-warning-border);
304
+ $color-notification-danger-background: var(--color-notification-danger-background);
305
+ $color-notification-danger-border: var(--color-notification-danger-border);
306
+ $color-progress-background: var(--color-progress-background);
307
+ $color-progress-indicator: var(--color-progress-indicator);
308
+ $color-progress-percentage-default: var(--color-progress-percentage-default);
309
+ $color-progress-percentage-half: var(--color-progress-percentage-half);
310
+ $color-progress-branded-indicator: var(--color-progress-branded-indicator);
311
+ $color-star-empty: var(--color-star-empty);
312
+ $color-star-focus: var(--color-star-focus);
313
+ $color-star-full: var(--color-star-full);
314
+ $color-star-hover: var(--color-star-hover);
315
+ $color-tabs-background: var(--color-tabs-background);
316
+ $color-tabs-shadow: var(--color-tabs-shadow);
317
+ $color-tabs-default: var(--color-tabs-default);
318
+ $color-tabs-hover: var(--color-tabs-hover);
319
+ $color-tabs-disabled: var(--color-tabs-disabled);
320
+ $color-tabs-active: var(--color-tabs-active);
321
+ $color-tabs-active-disabled: var(--color-tabs-active-disabled);
322
+ $color-tag-text-light-background: var(--color-tag-text-light-background);
323
+ $color-tag-text-light-border: var(--color-tag-text-light-border);
324
+ $color-tag-text-light-text: var(--color-tag-text-light-text);
325
+ $color-tag-text-dark-background: var(--color-tag-text-dark-background);
326
+ $color-tag-text-dark-border: var(--color-tag-text-dark-border);
327
+ $color-tag-text-dark-text: var(--color-tag-text-dark-text);
328
+ $color-tag-link-light-background: var(--color-tag-link-light-background);
329
+ $color-tag-link-light-border: var(--color-tag-link-light-border);
330
+ $color-tag-link-light-text: var(--color-tag-link-light-text);
331
+ $color-tag-link-light-hover-background: var(--color-tag-link-light-hover-background);
332
+ $color-tag-link-light-active-background: var(--color-tag-link-light-active-background);
333
+ $color-tag-link-dark-background: var(--color-tag-link-dark-background);
334
+ $color-tag-link-dark-border: var(--color-tag-link-dark-border);
335
+ $color-tag-link-dark-text: var(--color-tag-link-dark-text);
336
+ $color-tag-link-dark-hover-background: var(--color-tag-link-dark-hover-background);
337
+ $color-tag-link-dark-active-background: var(--color-tag-link-dark-active-background);
338
+ $color-tag-selectable-light-background: var(--color-tag-selectable-light-background);
339
+ $color-tag-selectable-light-text: var(--color-tag-selectable-light-text);
340
+ $color-tag-selectable-light-hover-background: var(--color-tag-selectable-light-hover-background);
341
+ $color-tag-selectable-light-active-background: var(--color-tag-selectable-light-active-background);
342
+ $color-tag-selectable-light-disabled-background: var(--color-tag-selectable-light-disabled-background);
343
+ $color-tag-selectable-light-disabled-text: var(--color-tag-selectable-light-disabled-text);
344
+ $color-tag-selectable-light-selected-background: var(--color-tag-selectable-light-selected-background);
345
+ $color-tag-selectable-dark-background: var(--color-tag-selectable-dark-background);
346
+ $color-tag-selectable-dark-text: var(--color-tag-selectable-dark-text);
347
+ $color-tag-selectable-dark-hover-background: var(--color-tag-selectable-dark-hover-background);
348
+ $color-tag-selectable-dark-active-background: var(--color-tag-selectable-dark-active-background);
349
+ $color-tag-selectable-dark-selected-background: var(--color-tag-selectable-dark-selected-background);
350
+ $color-tag-selectable-dark-disabled-background: var(--color-tag-selectable-dark-disabled-background);
351
+ $color-tag-selectable-dark-disabled-text: var(--color-tag-selectable-dark-disabled-text);
352
+ $color-tag-removable-light-background: var(--color-tag-removable-light-background);
353
+ $color-tag-removable-light-text: var(--color-tag-removable-light-text);
354
+ $color-tag-removable-light-icon: var(--color-tag-removable-light-icon);
355
+ $color-tag-removable-light-hover-background: var(--color-tag-removable-light-hover-background);
356
+ $color-tag-removable-light-active-background: var(--color-tag-removable-light-active-background);
357
+ $color-tag-removable-dark-background: var(--color-tag-removable-dark-background);
358
+ $color-tag-removable-dark-text: var(--color-tag-removable-dark-text);
359
+ $color-tag-removable-dark-icon: var(--color-tag-removable-dark-icon);
360
+ $color-tag-removable-dark-hover-background: var(--color-tag-removable-dark-hover-background);
361
+ $color-tag-removable-dark-active-background: var(--color-tag-removable-dark-active-background);
362
+ $color-toggle-off-background: var(--color-toggle-off-background);
363
+ $color-toggle-off-circle: var(--color-toggle-off-circle);
364
+ $color-toggle-on-background: var(--color-toggle-on-background);
365
+ $color-toggle-on-circle: var(--color-toggle-on-circle);
366
+ $color-toggle-hover-circle: var(--color-toggle-hover-circle);
367
+ $color-toggle-disabled-background: var(--color-toggle-disabled-background);
368
+ $color-toggle-disabled-circle: var(--color-toggle-disabled-circle);
369
+ $color-toggle-disabled-checked-background: var(--color-toggle-disabled-checked-background);
370
+ $color-toggle-disabled-checked-circle: var(--color-toggle-disabled-checked-circle);