@workday/canvas-tokens-web 3.0.0-alpha.4 → 3.0.0-alpha.6

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 (29) hide show
  1. package/css/base/_variables.css +169 -1
  2. package/css/brand/_variables.css +16 -15
  3. package/css/system/_variables.css +1 -1
  4. package/dist/common-js/base/index.d.ts +331 -1
  5. package/dist/common-js/base/index.js +169 -1
  6. package/dist/common-js/brand/index.d.ts +20 -18
  7. package/dist/common-js/brand/index.js +2 -10
  8. package/dist/common-js/index.d.ts +1 -1
  9. package/dist/common-js/index.js +1 -1
  10. package/dist/common-js/system/index.d.ts +1 -1
  11. package/dist/common-js/system/index.js +1 -1
  12. package/dist/es6/base/index.d.ts +331 -1
  13. package/dist/es6/base/index.js +169 -1
  14. package/dist/es6/brand/index.d.ts +20 -18
  15. package/dist/es6/brand/index.js +2 -10
  16. package/dist/es6/index.d.ts +1 -1
  17. package/dist/es6/index.js +1 -1
  18. package/dist/es6/system/index.d.ts +1 -1
  19. package/dist/es6/system/index.js +1 -1
  20. package/less/base/_variables.less +169 -1
  21. package/less/brand/_variables.less +16 -15
  22. package/less/system/_variables.less +1 -1
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +169 -1
  25. package/scss/base/_variables.scss +169 -1
  26. package/scss/brand/_variables.sass +16 -15
  27. package/scss/brand/_variables.scss +16 -15
  28. package/scss/system/_variables.sass +1 -1
  29. package/scss/system/_variables.scss +1 -1
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 21:24:16 GMT
3
+ * Generated on Mon, 21 Jul 2025 19:10:05 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -134,6 +134,168 @@
134
134
  --cnvs-base-palette-slate-900: oklch(0.21 0.012 255.5 / 1); /* Passes on: white */
135
135
  --cnvs-base-palette-slate-950: oklch(0.15 0.008 255.5 / 1); /* Passes on: white */
136
136
  --cnvs-base-palette-slate-975: oklch(0.11 0.006 255.5 / 1); /* Passes on: white */
137
+ --cnvs-base-palette-cinnamon-100: var(--cnvs-base-palette-red-25);
138
+ --cnvs-base-palette-cinnamon-200: var(--cnvs-base-palette-red-100);
139
+ --cnvs-base-palette-cinnamon-300: var(--cnvs-base-palette-red-300);
140
+ --cnvs-base-palette-cinnamon-400: var(--cnvs-base-palette-red-400);
141
+ --cnvs-base-palette-cinnamon-500: var(--cnvs-base-palette-red-500);
142
+ --cnvs-base-palette-cinnamon-600: var(--cnvs-base-palette-red-700);
143
+ --cnvs-base-palette-peach-100: var(--cnvs-base-palette-red-25);
144
+ --cnvs-base-palette-peach-200: var(--cnvs-base-palette-red-200);
145
+ --cnvs-base-palette-peach-300: var(--cnvs-base-palette-red-300);
146
+ --cnvs-base-palette-peach-400: var(--cnvs-base-palette-red-400);
147
+ --cnvs-base-palette-peach-500: var(--cnvs-base-palette-red-500);
148
+ --cnvs-base-palette-peach-600: var(--cnvs-base-palette-orange-600);
149
+ --cnvs-base-palette-fruit-punch-100: var(--cnvs-base-palette-red-25);
150
+ --cnvs-base-palette-fruit-punch-200: var(--cnvs-base-palette-red-200);
151
+ --cnvs-base-palette-fruit-punch-300: var(--cnvs-base-palette-red-300);
152
+ --cnvs-base-palette-fruit-punch-400: var(--cnvs-base-palette-red-400);
153
+ --cnvs-base-palette-fruit-punch-500: var(--cnvs-base-palette-red-500);
154
+ --cnvs-base-palette-fruit-punch-600: var(--cnvs-base-palette-red-700);
155
+ --cnvs-base-palette-pomegranate-100: var(--cnvs-base-palette-pink-25);
156
+ --cnvs-base-palette-pomegranate-200: var(--cnvs-base-palette-pink-200);
157
+ --cnvs-base-palette-pomegranate-300: var(--cnvs-base-palette-pink-400);
158
+ --cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-pink-600);
159
+ --cnvs-base-palette-pomegranate-500: var(--cnvs-base-palette-pink-700);
160
+ --cnvs-base-palette-pomegranate-600: var(--cnvs-base-palette-pink-800);
161
+ --cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-red-50);
162
+ --cnvs-base-palette-chili-mango-200: var(--cnvs-base-palette-red-200);
163
+ --cnvs-base-palette-chili-mango-300: var(--cnvs-base-palette-red-300);
164
+ --cnvs-base-palette-chili-mango-400: var(--cnvs-base-palette-orange-500);
165
+ --cnvs-base-palette-chili-mango-500: var(--cnvs-base-palette-orange-500);
166
+ --cnvs-base-palette-chili-mango-600: var(--cnvs-base-palette-orange-700);
167
+ --cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-red-50);
168
+ --cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-orange-100);
169
+ --cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-orange-200);
170
+ --cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-orange-300);
171
+ --cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-amber-400);
172
+ --cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-600);
173
+ --cnvs-base-palette-sour-lemon-100: var(--cnvs-base-palette-amber-25);
174
+ --cnvs-base-palette-sour-lemon-200: var(--cnvs-base-palette-amber-50);
175
+ --cnvs-base-palette-sour-lemon-300: var(--cnvs-base-palette-amber-200);
176
+ --cnvs-base-palette-sour-lemon-400: var(--cnvs-base-palette-orange-300);
177
+ --cnvs-base-palette-sour-lemon-500: var(--cnvs-base-palette-amber-300);
178
+ --cnvs-base-palette-sour-lemon-600: var(--cnvs-base-palette-amber-500);
179
+ --cnvs-base-palette-toasted-marshmallow-100: var(--cnvs-base-palette-amber-25);
180
+ --cnvs-base-palette-toasted-marshmallow-200: var(--cnvs-base-palette-amber-100);
181
+ --cnvs-base-palette-toasted-marshmallow-300: var(--cnvs-base-palette-amber-200);
182
+ --cnvs-base-palette-toasted-marshmallow-400: var(--cnvs-base-palette-amber-400);
183
+ --cnvs-base-palette-toasted-marshmallow-500: var(--cnvs-base-palette-amber-600);
184
+ --cnvs-base-palette-toasted-marshmallow-600: var(--cnvs-base-palette-amber-700);
185
+ --cnvs-base-palette-juicy-pear-100: var(--cnvs-base-palette-green-25);
186
+ --cnvs-base-palette-juicy-pear-200: var(--cnvs-base-palette-green-200);
187
+ --cnvs-base-palette-juicy-pear-300: var(--cnvs-base-palette-green-400);
188
+ --cnvs-base-palette-juicy-pear-400: var(--cnvs-base-palette-green-500);
189
+ --cnvs-base-palette-juicy-pear-500: var(--cnvs-base-palette-green-600);
190
+ --cnvs-base-palette-juicy-pear-600: var(--cnvs-base-palette-green-700);
191
+ --cnvs-base-palette-kiwi-100: var(--cnvs-base-palette-green-100);
192
+ --cnvs-base-palette-kiwi-200: var(--cnvs-base-palette-green-200);
193
+ --cnvs-base-palette-kiwi-300: var(--cnvs-base-palette-green-300);
194
+ --cnvs-base-palette-kiwi-400: var(--cnvs-base-palette-green-500);
195
+ --cnvs-base-palette-kiwi-500: var(--cnvs-base-palette-green-600);
196
+ --cnvs-base-palette-kiwi-600: var(--cnvs-base-palette-green-700);
197
+ --cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-25);
198
+ --cnvs-base-palette-green-apple-200: var(--cnvs-base-palette-green-200);
199
+ --cnvs-base-palette-green-apple-300: var(--cnvs-base-palette-green-400);
200
+ --cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-500);
201
+ --cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-600);
202
+ --cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-700);
203
+ --cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-green-50);
204
+ --cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-green-50);
205
+ --cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
206
+ --cnvs-base-palette-watermelon-400: var(--cnvs-base-palette-green-300);
207
+ --cnvs-base-palette-watermelon-500: var(--cnvs-base-palette-green-800);
208
+ --cnvs-base-palette-watermelon-600: var(--cnvs-base-palette-green-900);
209
+ --cnvs-base-palette-jewel-100: var(--cnvs-base-palette-teal-25);
210
+ --cnvs-base-palette-jewel-200: var(--cnvs-base-palette-teal-200);
211
+ --cnvs-base-palette-jewel-300: var(--cnvs-base-palette-teal-400);
212
+ --cnvs-base-palette-jewel-400: var(--cnvs-base-palette-teal-500);
213
+ --cnvs-base-palette-jewel-500: var(--cnvs-base-palette-teal-600);
214
+ --cnvs-base-palette-jewel-600: var(--cnvs-base-palette-teal-700);
215
+ --cnvs-base-palette-toothpaste-100: var(--cnvs-base-palette-blue-100);
216
+ --cnvs-base-palette-toothpaste-200: var(--cnvs-base-palette-blue-200);
217
+ --cnvs-base-palette-toothpaste-300: var(--cnvs-base-palette-blue-400);
218
+ --cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-blue-500);
219
+ --cnvs-base-palette-toothpaste-500: var(--cnvs-base-palette-blue-600);
220
+ --cnvs-base-palette-toothpaste-600: var(--cnvs-base-palette-blue-700);
221
+ --cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-100);
222
+ --cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-200);
223
+ --cnvs-base-palette-blueberry-300: var(--cnvs-base-palette-blue-400);
224
+ --cnvs-base-palette-blueberry-400: var(--cnvs-base-palette-blue-500);
225
+ --cnvs-base-palette-blueberry-500: var(--cnvs-base-palette-blue-600);
226
+ --cnvs-base-palette-blueberry-600: var(--cnvs-base-palette-blue-700);
227
+ --cnvs-base-palette-plum-100: var(--cnvs-base-palette-blue-50);
228
+ --cnvs-base-palette-plum-200: var(--cnvs-base-palette-blue-200);
229
+ --cnvs-base-palette-plum-300: var(--cnvs-base-palette-blue-400);
230
+ --cnvs-base-palette-plum-400: var(--cnvs-base-palette-blue-500);
231
+ --cnvs-base-palette-plum-500: var(--cnvs-base-palette-blue-600);
232
+ --cnvs-base-palette-plum-600: var(--cnvs-base-palette-blue-700);
233
+ --cnvs-base-palette-berry-smoothie-100: var(--cnvs-base-palette-purple-100);
234
+ --cnvs-base-palette-berry-smoothie-200: var(--cnvs-base-palette-purple-200);
235
+ --cnvs-base-palette-berry-smoothie-300: var(--cnvs-base-palette-purple-400);
236
+ --cnvs-base-palette-berry-smoothie-400: var(--cnvs-base-palette-purple-500);
237
+ --cnvs-base-palette-berry-smoothie-500: var(--cnvs-base-palette-purple-600);
238
+ --cnvs-base-palette-berry-smoothie-600: var(--cnvs-base-palette-purple-700);
239
+ --cnvs-base-palette-blackberry-100: var(--cnvs-base-palette-purple-50);
240
+ --cnvs-base-palette-blackberry-200: var(--cnvs-base-palette-purple-200);
241
+ --cnvs-base-palette-blackberry-300: var(--cnvs-base-palette-purple-400);
242
+ --cnvs-base-palette-blackberry-400: var(--cnvs-base-palette-purple-500);
243
+ --cnvs-base-palette-blackberry-500: var(--cnvs-base-palette-purple-600);
244
+ --cnvs-base-palette-blackberry-600: var(--cnvs-base-palette-purple-700);
245
+ --cnvs-base-palette-island-punch-100: var(--cnvs-base-palette-purple-50);
246
+ --cnvs-base-palette-island-punch-200: var(--cnvs-base-palette-purple-200);
247
+ --cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-purple-300);
248
+ --cnvs-base-palette-island-punch-400: var(--cnvs-base-palette-purple-400);
249
+ --cnvs-base-palette-island-punch-500: var(--cnvs-base-palette-purple-600);
250
+ --cnvs-base-palette-island-punch-600: var(--cnvs-base-palette-purple-700);
251
+ --cnvs-base-palette-grape-soda-100: var(--cnvs-base-palette-pink-100);
252
+ --cnvs-base-palette-grape-soda-200: var(--cnvs-base-palette-pink-200);
253
+ --cnvs-base-palette-grape-soda-300: var(--cnvs-base-palette-pink-300);
254
+ --cnvs-base-palette-grape-soda-400: var(--cnvs-base-palette-pink-400);
255
+ --cnvs-base-palette-grape-soda-500: var(--cnvs-base-palette-pink-600);
256
+ --cnvs-base-palette-grape-soda-600: var(--cnvs-base-palette-pink-700);
257
+ --cnvs-base-palette-root-beer-100: var(--cnvs-base-palette-neutral-25);
258
+ --cnvs-base-palette-root-beer-200: var(--cnvs-base-palette-neutral-100);
259
+ --cnvs-base-palette-root-beer-300: var(--cnvs-base-palette-neutral-200);
260
+ --cnvs-base-palette-root-beer-400: var(--cnvs-base-palette-neutral-300);
261
+ --cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-neutral-500);
262
+ --cnvs-base-palette-root-beer-600: var(--cnvs-base-palette-neutral-600);
263
+ --cnvs-base-palette-coconut-100: var(--cnvs-base-palette-neutral-100);
264
+ --cnvs-base-palette-coconut-200: var(--cnvs-base-palette-neutral-200);
265
+ --cnvs-base-palette-coconut-300: var(--cnvs-base-palette-neutral-300);
266
+ --cnvs-base-palette-coconut-400: var(--cnvs-base-palette-neutral-400);
267
+ --cnvs-base-palette-coconut-500: var(--cnvs-base-palette-neutral-500);
268
+ --cnvs-base-palette-coconut-600: var(--cnvs-base-palette-neutral-600);
269
+ --cnvs-base-palette-soap-100: var(--cnvs-base-palette-neutral-50);
270
+ --cnvs-base-palette-soap-200: var(--cnvs-base-palette-neutral-100);
271
+ --cnvs-base-palette-soap-300: var(--cnvs-base-palette-neutral-200);
272
+ --cnvs-base-palette-soap-400: var(--cnvs-base-palette-neutral-250);
273
+ --cnvs-base-palette-soap-500: var(--cnvs-base-palette-neutral-300);
274
+ --cnvs-base-palette-soap-600: var(--cnvs-base-palette-neutral-400);
275
+ --cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
276
+ --cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-200);
277
+ --cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-300);
278
+ --cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-400);
279
+ --cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-500);
280
+ --cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-600);
281
+ --cnvs-base-palette-cappuccino-100: var(--cnvs-base-palette-neutral-600);
282
+ --cnvs-base-palette-cappuccino-200: var(--cnvs-base-palette-slate-600);
283
+ --cnvs-base-palette-cappuccino-300: var(--cnvs-base-palette-slate-700);
284
+ --cnvs-base-palette-cappuccino-400: var(--cnvs-base-palette-slate-800);
285
+ --cnvs-base-palette-cappuccino-500: var(--cnvs-base-palette-slate-900);
286
+ --cnvs-base-palette-cappuccino-600: var(--cnvs-base-palette-slate-950);
287
+ --cnvs-base-palette-licorice-100: var(--cnvs-base-palette-slate-400);
288
+ --cnvs-base-palette-licorice-200: var(--cnvs-base-palette-slate-500);
289
+ --cnvs-base-palette-licorice-300: var(--cnvs-base-palette-slate-600);
290
+ --cnvs-base-palette-licorice-400: var(--cnvs-base-palette-slate-700);
291
+ --cnvs-base-palette-licorice-500: var(--cnvs-base-palette-slate-800);
292
+ --cnvs-base-palette-licorice-600: var(--cnvs-base-palette-slate-900);
293
+ --cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-600);
294
+ --cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
295
+ --cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-800);
296
+ --cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-850);
297
+ --cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-900);
298
+ --cnvs-base-palette-black-pepper-600: var(--cnvs-base-palette-neutral-1000);
137
299
  --cnvs-base-opacity-0: 0;
138
300
  --cnvs-base-opacity-100: 0.08;
139
301
  --cnvs-base-opacity-200: 0.12;
@@ -179,5 +341,11 @@
179
341
  --cnvs-base-letter-spacing-100: 0.02rem;
180
342
  --cnvs-base-letter-spacing-150: 0.015rem;
181
343
  --cnvs-base-letter-spacing-200: 0.01rem;
344
+ --cnvs-base-extended-palette-dragon-fruit-100: #FBF1FF;
345
+ --cnvs-base-extended-palette-dragon-fruit-200: #EFD3FF;
346
+ --cnvs-base-extended-palette-dragon-fruit-300: #BE61F6;
347
+ --cnvs-base-extended-palette-dragon-fruit-400: #8C17D2;
348
+ --cnvs-base-extended-palette-dragon-fruit-500: #6B11A3;
349
+ --cnvs-base-extended-palette-dragon-fruit-600: #4A0D71;
182
350
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.; */
183
351
  }
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 21:24:16 GMT
3
+ * Generated on Mon, 21 Jul 2025 19:10:05 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -12,39 +12,40 @@
12
12
  --cnvs-brand-action-darkest: var(--cnvs-base-palette-blue-800); /* Darkest action color */
13
13
  --cnvs-brand-action-dark: var(--cnvs-base-palette-blue-700); /* Dark action color */
14
14
  --cnvs-brand-action-base: var(--cnvs-base-palette-blue-600); /* Base action color */
15
- --cnvs-brand-action-light: var(--cnvs-base-palette-blue-300); /* Light action color */
16
- --cnvs-brand-action-lighter: var(--cnvs-base-palette-blue-200); /* Lighter action color */
17
- --cnvs-brand-action-lightest: var(--cnvs-base-palette-blue-100); /* Lightest action color */
15
+ --cnvs-brand-action-light: var(--cnvs-base-palette-blue-200); /* Light action color */
16
+ --cnvs-brand-action-lighter: var(--cnvs-base-palette-blue-100); /* Lighter action color */
17
+ --cnvs-brand-action-lightest: var(--cnvs-base-palette-blue-25); /* Lightest action color */
18
18
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
19
19
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
20
20
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
21
21
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
22
- --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
23
- --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-100);
22
+ --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-150);
23
+ --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-50);
24
24
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
25
25
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
26
26
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
27
27
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
28
- --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
29
- --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-100);
28
+ --cnvs-brand-success-light: var(--cnvs-base-palette-green-100);
29
+ --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
30
30
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
31
31
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
32
32
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
33
33
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
34
- --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
35
- --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-100);
34
+ --cnvs-brand-error-light: var(--cnvs-base-palette-red-100);
35
+ --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
36
36
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-900);
37
- --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-800);
38
- --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-600);
37
+ --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
38
+ --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
39
39
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
40
- --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-100);
41
- --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-50);
40
+ --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-50);
41
+ --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
42
42
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
43
43
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
44
44
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
45
45
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
46
46
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
47
- --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-100);
47
+ --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-100);
48
+ --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
48
49
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
49
50
  }
50
51
 
package/css/system/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 21:24:16 GMT
3
+ * Generated on Mon, 21 Jul 2025 19:10:05 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/common-js/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 21:24:16 GMT
3
+ * Generated on Mon, 21 Jul 2025 19:10:05 GMT
4
4
  */
5
5
 
6
6
  export declare const neutral0: "--cnvs-base-palette-neutral-0";
@@ -133,6 +133,330 @@ export declare const slate850: "--cnvs-base-palette-slate-850";
133
133
  export declare const slate900: "--cnvs-base-palette-slate-900";
134
134
  export declare const slate950: "--cnvs-base-palette-slate-950";
135
135
  export declare const slate975: "--cnvs-base-palette-slate-975";
136
+ /** @deprecated replace with the red.25 color */
137
+ export declare const cinnamon100: "--cnvs-base-palette-cinnamon-100";
138
+ /** @deprecated replace with the red.100 color */
139
+ export declare const cinnamon200: "--cnvs-base-palette-cinnamon-200";
140
+ /** @deprecated replace with the red.300 color */
141
+ export declare const cinnamon300: "--cnvs-base-palette-cinnamon-300";
142
+ /** @deprecated replace with the red.400 color */
143
+ export declare const cinnamon400: "--cnvs-base-palette-cinnamon-400";
144
+ /** @deprecated replace with the red.500 color */
145
+ export declare const cinnamon500: "--cnvs-base-palette-cinnamon-500";
146
+ /** @deprecated replace with the red.700 color */
147
+ export declare const cinnamon600: "--cnvs-base-palette-cinnamon-600";
148
+ /** @deprecated replace with the red.25 color */
149
+ export declare const peach100: "--cnvs-base-palette-peach-100";
150
+ /** @deprecated replace with the red.200 color */
151
+ export declare const peach200: "--cnvs-base-palette-peach-200";
152
+ /** @deprecated replace with the red.300 color */
153
+ export declare const peach300: "--cnvs-base-palette-peach-300";
154
+ /** @deprecated replace with the red.400 color */
155
+ export declare const peach400: "--cnvs-base-palette-peach-400";
156
+ /** @deprecated replace with the red.500 color */
157
+ export declare const peach500: "--cnvs-base-palette-peach-500";
158
+ /** @deprecated replace with the orange.600 color */
159
+ export declare const peach600: "--cnvs-base-palette-peach-600";
160
+ /** @deprecated replace with the red.25 color */
161
+ export declare const fruitPunch100: "--cnvs-base-palette-fruit-punch-100";
162
+ /** @deprecated replace with the red.200 color */
163
+ export declare const fruitPunch200: "--cnvs-base-palette-fruit-punch-200";
164
+ /** @deprecated replace with the red.300 color */
165
+ export declare const fruitPunch300: "--cnvs-base-palette-fruit-punch-300";
166
+ /** @deprecated replace with the red.400 color */
167
+ export declare const fruitPunch400: "--cnvs-base-palette-fruit-punch-400";
168
+ /** @deprecated replace with the red.500 color */
169
+ export declare const fruitPunch500: "--cnvs-base-palette-fruit-punch-500";
170
+ /** @deprecated replace with the red.700 color */
171
+ export declare const fruitPunch600: "--cnvs-base-palette-fruit-punch-600";
172
+ /** @deprecated replace with the pink.25 color */
173
+ export declare const pomegranate100: "--cnvs-base-palette-pomegranate-100";
174
+ /** @deprecated replace with the pink.200 color */
175
+ export declare const pomegranate200: "--cnvs-base-palette-pomegranate-200";
176
+ /** @deprecated replace with the pink.400 color */
177
+ export declare const pomegranate300: "--cnvs-base-palette-pomegranate-300";
178
+ /** @deprecated replace with the pink.600 color */
179
+ export declare const pomegranate400: "--cnvs-base-palette-pomegranate-400";
180
+ /** @deprecated replace with the pink.700 color */
181
+ export declare const pomegranate500: "--cnvs-base-palette-pomegranate-500";
182
+ /** @deprecated replace with the pink.800 color */
183
+ export declare const pomegranate600: "--cnvs-base-palette-pomegranate-600";
184
+ /** @deprecated replace with the red.50 color */
185
+ export declare const chiliMango100: "--cnvs-base-palette-chili-mango-100";
186
+ /** @deprecated replace with the red.200 color */
187
+ export declare const chiliMango200: "--cnvs-base-palette-chili-mango-200";
188
+ /** @deprecated replace with the red.300 color */
189
+ export declare const chiliMango300: "--cnvs-base-palette-chili-mango-300";
190
+ /** @deprecated replace with the orange.500 color */
191
+ export declare const chiliMango400: "--cnvs-base-palette-chili-mango-400";
192
+ /** @deprecated replace with the orange.500 color */
193
+ export declare const chiliMango500: "--cnvs-base-palette-chili-mango-500";
194
+ /** @deprecated replace with the orange.700 color */
195
+ export declare const chiliMango600: "--cnvs-base-palette-chili-mango-600";
196
+ /** @deprecated replace with the red.50 color */
197
+ export declare const cantaloupe100: "--cnvs-base-palette-cantaloupe-100";
198
+ /** @deprecated replace with the orange.100 color */
199
+ export declare const cantaloupe200: "--cnvs-base-palette-cantaloupe-200";
200
+ /** @deprecated replace with the orange.200 color */
201
+ export declare const cantaloupe300: "--cnvs-base-palette-cantaloupe-300";
202
+ /** @deprecated replace with the orange.300 color */
203
+ export declare const cantaloupe400: "--cnvs-base-palette-cantaloupe-400";
204
+ /** @deprecated replace with the amber.400 color */
205
+ export declare const cantaloupe500: "--cnvs-base-palette-cantaloupe-500";
206
+ /** @deprecated replace with the amber.600 color */
207
+ export declare const cantaloupe600: "--cnvs-base-palette-cantaloupe-600";
208
+ /** @deprecated replace with the amber.25 color */
209
+ export declare const sourLemon100: "--cnvs-base-palette-sour-lemon-100";
210
+ /** @deprecated replace with the amber.50 color */
211
+ export declare const sourLemon200: "--cnvs-base-palette-sour-lemon-200";
212
+ /** @deprecated replace with the amber.200 color */
213
+ export declare const sourLemon300: "--cnvs-base-palette-sour-lemon-300";
214
+ /** @deprecated replace with the orange.300 color */
215
+ export declare const sourLemon400: "--cnvs-base-palette-sour-lemon-400";
216
+ /** @deprecated replace with the amber.300 color */
217
+ export declare const sourLemon500: "--cnvs-base-palette-sour-lemon-500";
218
+ /** @deprecated replace with the amber.500 color */
219
+ export declare const sourLemon600: "--cnvs-base-palette-sour-lemon-600";
220
+ /** @deprecated replace with the amber.25 color */
221
+ export declare const toastedMarshmallow100: "--cnvs-base-palette-toasted-marshmallow-100";
222
+ /** @deprecated replace with the amber.100 color */
223
+ export declare const toastedMarshmallow200: "--cnvs-base-palette-toasted-marshmallow-200";
224
+ /** @deprecated replace with the amber.200 color */
225
+ export declare const toastedMarshmallow300: "--cnvs-base-palette-toasted-marshmallow-300";
226
+ /** @deprecated replace with the amber.400 color */
227
+ export declare const toastedMarshmallow400: "--cnvs-base-palette-toasted-marshmallow-400";
228
+ /** @deprecated replace with the amber.600 color */
229
+ export declare const toastedMarshmallow500: "--cnvs-base-palette-toasted-marshmallow-500";
230
+ /** @deprecated replace with the amber.700 color */
231
+ export declare const toastedMarshmallow600: "--cnvs-base-palette-toasted-marshmallow-600";
232
+ /** @deprecated replace with the green.25 color */
233
+ export declare const juicyPear100: "--cnvs-base-palette-juicy-pear-100";
234
+ /** @deprecated replace with the green.200 color */
235
+ export declare const juicyPear200: "--cnvs-base-palette-juicy-pear-200";
236
+ /** @deprecated replace with the green.400 color */
237
+ export declare const juicyPear300: "--cnvs-base-palette-juicy-pear-300";
238
+ /** @deprecated replace with the green.500 color */
239
+ export declare const juicyPear400: "--cnvs-base-palette-juicy-pear-400";
240
+ /** @deprecated replace with the green.600 color */
241
+ export declare const juicyPear500: "--cnvs-base-palette-juicy-pear-500";
242
+ /** @deprecated replace with the green.700 color */
243
+ export declare const juicyPear600: "--cnvs-base-palette-juicy-pear-600";
244
+ /** @deprecated replace with the green.100 color */
245
+ export declare const kiwi100: "--cnvs-base-palette-kiwi-100";
246
+ /** @deprecated replace with the green.200 color */
247
+ export declare const kiwi200: "--cnvs-base-palette-kiwi-200";
248
+ /** @deprecated replace with the green.300 color */
249
+ export declare const kiwi300: "--cnvs-base-palette-kiwi-300";
250
+ /** @deprecated replace with the green.500 color */
251
+ export declare const kiwi400: "--cnvs-base-palette-kiwi-400";
252
+ /** @deprecated replace with the green.600 color */
253
+ export declare const kiwi500: "--cnvs-base-palette-kiwi-500";
254
+ /** @deprecated replace with the green.700 color */
255
+ export declare const kiwi600: "--cnvs-base-palette-kiwi-600";
256
+ /** @deprecated replace with the green.25 color */
257
+ export declare const greenApple100: "--cnvs-base-palette-green-apple-100";
258
+ /** @deprecated replace with the green.200 color */
259
+ export declare const greenApple200: "--cnvs-base-palette-green-apple-200";
260
+ /** @deprecated replace with the green.400 color */
261
+ export declare const greenApple300: "--cnvs-base-palette-green-apple-300";
262
+ /** @deprecated replace with the green.500 color */
263
+ export declare const greenApple400: "--cnvs-base-palette-green-apple-400";
264
+ /** @deprecated replace with the green.600 color */
265
+ export declare const greenApple500: "--cnvs-base-palette-green-apple-500";
266
+ /** @deprecated replace with the green.700 color */
267
+ export declare const greenApple600: "--cnvs-base-palette-green-apple-600";
268
+ /** @deprecated replace with the teal.25 color */
269
+ export declare const watermelon100: "--cnvs-base-palette-watermelon-100";
270
+ /** @deprecated replace with the teal.200 color */
271
+ export declare const watermelon200: "--cnvs-base-palette-watermelon-200";
272
+ /** @deprecated replace with the teal.300 color */
273
+ export declare const watermelon300: "--cnvs-base-palette-watermelon-300";
274
+ /** @deprecated replace with the teal.500 color */
275
+ export declare const watermelon400: "--cnvs-base-palette-watermelon-400";
276
+ /** @deprecated replace with the teal.600 color */
277
+ export declare const watermelon500: "--cnvs-base-palette-watermelon-500";
278
+ /** @deprecated replace with the teal.700 color */
279
+ export declare const watermelon600: "--cnvs-base-palette-watermelon-600";
280
+ /** @deprecated replace with the teal.25 color */
281
+ export declare const jewel100: "--cnvs-base-palette-jewel-100";
282
+ /** @deprecated replace with the teal.200 color */
283
+ export declare const jewel200: "--cnvs-base-palette-jewel-200";
284
+ /** @deprecated replace with the teal.400 color */
285
+ export declare const jewel300: "--cnvs-base-palette-jewel-300";
286
+ /** @deprecated replace with the teal.500 color */
287
+ export declare const jewel400: "--cnvs-base-palette-jewel-400";
288
+ /** @deprecated replace with the teal.600 color */
289
+ export declare const jewel500: "--cnvs-base-palette-jewel-500";
290
+ /** @deprecated replace with the teal.700 color */
291
+ export declare const jewel600: "--cnvs-base-palette-jewel-600";
292
+ /** @deprecated replace with the blue.100 color */
293
+ export declare const toothpaste100: "--cnvs-base-palette-toothpaste-100";
294
+ /** @deprecated replace with the blue.200 color */
295
+ export declare const toothpaste200: "--cnvs-base-palette-toothpaste-200";
296
+ /** @deprecated replace with the blue.400 color */
297
+ export declare const toothpaste300: "--cnvs-base-palette-toothpaste-300";
298
+ /** @deprecated replace with the blue.500 color */
299
+ export declare const toothpaste400: "--cnvs-base-palette-toothpaste-400";
300
+ /** @deprecated replace with the blue.600 color */
301
+ export declare const toothpaste500: "--cnvs-base-palette-toothpaste-500";
302
+ /** @deprecated replace with the blue.700 color */
303
+ export declare const toothpaste600: "--cnvs-base-palette-toothpaste-600";
304
+ /** @deprecated replace with the blue.100 color */
305
+ export declare const blueberry100: "--cnvs-base-palette-blueberry-100";
306
+ /** @deprecated replace with the blue.200 color */
307
+ export declare const blueberry200: "--cnvs-base-palette-blueberry-200";
308
+ /** @deprecated replace with the blue.400 color */
309
+ export declare const blueberry300: "--cnvs-base-palette-blueberry-300";
310
+ /** @deprecated replace with the blue.500 color */
311
+ export declare const blueberry400: "--cnvs-base-palette-blueberry-400";
312
+ /** @deprecated replace with the blue.600 color */
313
+ export declare const blueberry500: "--cnvs-base-palette-blueberry-500";
314
+ /** @deprecated replace with the blue.700 color */
315
+ export declare const blueberry600: "--cnvs-base-palette-blueberry-600";
316
+ /** @deprecated replace with the blue.50 color */
317
+ export declare const plum100: "--cnvs-base-palette-plum-100";
318
+ /** @deprecated replace with the blue.200 color */
319
+ export declare const plum200: "--cnvs-base-palette-plum-200";
320
+ /** @deprecated replace with the blue.400 color */
321
+ export declare const plum300: "--cnvs-base-palette-plum-300";
322
+ /** @deprecated replace with the blue.500 color */
323
+ export declare const plum400: "--cnvs-base-palette-plum-400";
324
+ /** @deprecated replace with the blue.600 color */
325
+ export declare const plum500: "--cnvs-base-palette-plum-500";
326
+ /** @deprecated replace with the blue.700 color */
327
+ export declare const plum600: "--cnvs-base-palette-plum-600";
328
+ /** @deprecated replace with the purple.100 color */
329
+ export declare const berrySmoothie100: "--cnvs-base-palette-berry-smoothie-100";
330
+ /** @deprecated replace with the purple.200 color */
331
+ export declare const berrySmoothie200: "--cnvs-base-palette-berry-smoothie-200";
332
+ /** @deprecated replace with the purple.400 color */
333
+ export declare const berrySmoothie300: "--cnvs-base-palette-berry-smoothie-300";
334
+ /** @deprecated replace with the purple.500 color */
335
+ export declare const berrySmoothie400: "--cnvs-base-palette-berry-smoothie-400";
336
+ /** @deprecated replace with the purple.600 color */
337
+ export declare const berrySmoothie500: "--cnvs-base-palette-berry-smoothie-500";
338
+ /** @deprecated replace with the purple.700 color */
339
+ export declare const berrySmoothie600: "--cnvs-base-palette-berry-smoothie-600";
340
+ /** @deprecated replace with the purple.50 color */
341
+ export declare const blackberry100: "--cnvs-base-palette-blackberry-100";
342
+ /** @deprecated replace with the purple.200 color */
343
+ export declare const blackberry200: "--cnvs-base-palette-blackberry-200";
344
+ /** @deprecated replace with the purple.400 color */
345
+ export declare const blackberry300: "--cnvs-base-palette-blackberry-300";
346
+ /** @deprecated replace with the purple.500 color */
347
+ export declare const blackberry400: "--cnvs-base-palette-blackberry-400";
348
+ /** @deprecated replace with the purple.600 color */
349
+ export declare const blackberry500: "--cnvs-base-palette-blackberry-500";
350
+ /** @deprecated replace with the purple.700 color */
351
+ export declare const blackberry600: "--cnvs-base-palette-blackberry-600";
352
+ /** @deprecated replace with the purple.50 color */
353
+ export declare const islandPunch100: "--cnvs-base-palette-island-punch-100";
354
+ /** @deprecated replace with the purple.200 color */
355
+ export declare const islandPunch200: "--cnvs-base-palette-island-punch-200";
356
+ /** @deprecated replace with the purple.300 color */
357
+ export declare const islandPunch300: "--cnvs-base-palette-island-punch-300";
358
+ /** @deprecated replace with the purple.400 color */
359
+ export declare const islandPunch400: "--cnvs-base-palette-island-punch-400";
360
+ /** @deprecated replace with the purple.600 color */
361
+ export declare const islandPunch500: "--cnvs-base-palette-island-punch-500";
362
+ /** @deprecated replace with the purple.700 color */
363
+ export declare const islandPunch600: "--cnvs-base-palette-island-punch-600";
364
+ /** @deprecated replace with the pink.100 color */
365
+ export declare const grapeSoda100: "--cnvs-base-palette-grape-soda-100";
366
+ /** @deprecated replace with the pink.200 color */
367
+ export declare const grapeSoda200: "--cnvs-base-palette-grape-soda-200";
368
+ /** @deprecated replace with the pink.300 color */
369
+ export declare const grapeSoda300: "--cnvs-base-palette-grape-soda-300";
370
+ /** @deprecated replace with the pink.400 color */
371
+ export declare const grapeSoda400: "--cnvs-base-palette-grape-soda-400";
372
+ /** @deprecated replace with the pink.600 color */
373
+ export declare const grapeSoda500: "--cnvs-base-palette-grape-soda-500";
374
+ /** @deprecated replace with the pink.700 color */
375
+ export declare const grapeSoda600: "--cnvs-base-palette-grape-soda-600";
376
+ /** @deprecated replace with the neutral.25 color */
377
+ export declare const rootBeer100: "--cnvs-base-palette-root-beer-100";
378
+ /** @deprecated replace with the neutral.100 color */
379
+ export declare const rootBeer200: "--cnvs-base-palette-root-beer-200";
380
+ /** @deprecated replace with the neutral.200 color */
381
+ export declare const rootBeer300: "--cnvs-base-palette-root-beer-300";
382
+ /** @deprecated replace with the neutral.300 color */
383
+ export declare const rootBeer400: "--cnvs-base-palette-root-beer-400";
384
+ /** @deprecated replace with the neutral.500 color */
385
+ export declare const rootBeer500: "--cnvs-base-palette-root-beer-500";
386
+ /** @deprecated replace with the neutral.600 color */
387
+ export declare const rootBeer600: "--cnvs-base-palette-root-beer-600";
388
+ /** @deprecated replace with the neutral.100 color */
389
+ export declare const coconut100: "--cnvs-base-palette-coconut-100";
390
+ /** @deprecated replace with the neutral.200 color */
391
+ export declare const coconut200: "--cnvs-base-palette-coconut-200";
392
+ /** @deprecated replace with the neutral.300 color */
393
+ export declare const coconut300: "--cnvs-base-palette-coconut-300";
394
+ /** @deprecated replace with the neutral.400 color */
395
+ export declare const coconut400: "--cnvs-base-palette-coconut-400";
396
+ /** @deprecated replace with the neutral.500 color */
397
+ export declare const coconut500: "--cnvs-base-palette-coconut-500";
398
+ /** @deprecated replace with the neutral.600 color */
399
+ export declare const coconut600: "--cnvs-base-palette-coconut-600";
400
+ /** @deprecated replace with the neutral.50 color */
401
+ export declare const soap100: "--cnvs-base-palette-soap-100";
402
+ /** @deprecated replace with the neutral.100 color */
403
+ export declare const soap200: "--cnvs-base-palette-soap-200";
404
+ /** @deprecated replace with the neutral.200 color */
405
+ export declare const soap300: "--cnvs-base-palette-soap-300";
406
+ /** @deprecated replace with the neutral.250 color */
407
+ export declare const soap400: "--cnvs-base-palette-soap-400";
408
+ /** @deprecated replace with the neutral.300 color */
409
+ export declare const soap500: "--cnvs-base-palette-soap-500";
410
+ /** @deprecated replace with the neutral.400 color */
411
+ export declare const soap600: "--cnvs-base-palette-soap-600";
412
+ /** @deprecated replace with the neutral.0 color */
413
+ export declare const frenchVanilla100: "--cnvs-base-palette-french-vanilla-100";
414
+ /** @deprecated replace with the neutral.200 color */
415
+ export declare const frenchVanilla200: "--cnvs-base-palette-french-vanilla-200";
416
+ /** @deprecated replace with the neutral.300 color */
417
+ export declare const frenchVanilla300: "--cnvs-base-palette-french-vanilla-300";
418
+ /** @deprecated replace with the neutral.400 color */
419
+ export declare const frenchVanilla400: "--cnvs-base-palette-french-vanilla-400";
420
+ /** @deprecated replace with the neutral.500 color */
421
+ export declare const frenchVanilla500: "--cnvs-base-palette-french-vanilla-500";
422
+ /** @deprecated replace with the neutral.600 color */
423
+ export declare const frenchVanilla600: "--cnvs-base-palette-french-vanilla-600";
424
+ /** @deprecated replace with the neutral.600 color */
425
+ export declare const cappuccino100: "--cnvs-base-palette-cappuccino-100";
426
+ /** @deprecated replace with the slate.600 color */
427
+ export declare const cappuccino200: "--cnvs-base-palette-cappuccino-200";
428
+ /** @deprecated replace with the slate.700 color */
429
+ export declare const cappuccino300: "--cnvs-base-palette-cappuccino-300";
430
+ /** @deprecated replace with the slate.800 color */
431
+ export declare const cappuccino400: "--cnvs-base-palette-cappuccino-400";
432
+ /** @deprecated replace with the slate.900 color */
433
+ export declare const cappuccino500: "--cnvs-base-palette-cappuccino-500";
434
+ /** @deprecated replace with the slate.950 color */
435
+ export declare const cappuccino600: "--cnvs-base-palette-cappuccino-600";
436
+ /** @deprecated replace with the slate.400 color */
437
+ export declare const licorice100: "--cnvs-base-palette-licorice-100";
438
+ /** @deprecated replace with the slate.500 color */
439
+ export declare const licorice200: "--cnvs-base-palette-licorice-200";
440
+ /** @deprecated replace with the slate.600 color */
441
+ export declare const licorice300: "--cnvs-base-palette-licorice-300";
442
+ /** @deprecated replace with the slate.700 color */
443
+ export declare const licorice400: "--cnvs-base-palette-licorice-400";
444
+ /** @deprecated replace with the slate.800 color */
445
+ export declare const licorice500: "--cnvs-base-palette-licorice-500";
446
+ /** @deprecated replace with the slate.900 color */
447
+ export declare const licorice600: "--cnvs-base-palette-licorice-600";
448
+ /** @deprecated replace with the neutral.600 color */
449
+ export declare const blackPepper100: "--cnvs-base-palette-black-pepper-100";
450
+ /** @deprecated replace with the neutral.700 color */
451
+ export declare const blackPepper200: "--cnvs-base-palette-black-pepper-200";
452
+ /** @deprecated replace with the neutral.800 color */
453
+ export declare const blackPepper300: "--cnvs-base-palette-black-pepper-300";
454
+ /** @deprecated replace with the neutral.850 color */
455
+ export declare const blackPepper400: "--cnvs-base-palette-black-pepper-400";
456
+ /** @deprecated replace with the neutral.900 color */
457
+ export declare const blackPepper500: "--cnvs-base-palette-black-pepper-500";
458
+ /** @deprecated replace with the neutral.1000 color */
459
+ export declare const blackPepper600: "--cnvs-base-palette-black-pepper-600";
136
460
  export declare const opacity0: "--cnvs-base-opacity-0";
137
461
  export declare const opacity100: "--cnvs-base-opacity-100";
138
462
  export declare const opacity200: "--cnvs-base-opacity-200";
@@ -178,4 +502,10 @@ export declare const letterSpacing50: "--cnvs-base-letter-spacing-50";
178
502
  export declare const letterSpacing100: "--cnvs-base-letter-spacing-100";
179
503
  export declare const letterSpacing150: "--cnvs-base-letter-spacing-150";
180
504
  export declare const letterSpacing200: "--cnvs-base-letter-spacing-200";
505
+ export declare const extendedDragonFruit100: "--cnvs-base-extended-palette-dragon-fruit-100";
506
+ export declare const extendedDragonFruit200: "--cnvs-base-extended-palette-dragon-fruit-200";
507
+ export declare const extendedDragonFruit300: "--cnvs-base-extended-palette-dragon-fruit-300";
508
+ export declare const extendedDragonFruit400: "--cnvs-base-extended-palette-dragon-fruit-400";
509
+ export declare const extendedDragonFruit500: "--cnvs-base-extended-palette-dragon-fruit-500";
510
+ export declare const extendedDragonFruit600: "--cnvs-base-extended-palette-dragon-fruit-600";
181
511
  export declare const baseUnit: "--cnvs-base-unit";