@workday/canvas-tokens-web 3.0.0-alpha.14 → 3.0.0-alpha.16

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 +24 -24
  2. package/css/brand/_variables.css +1 -1
  3. package/css/system/_variables.css +1 -1
  4. package/dist/common-js/base/index.d.ts +50 -50
  5. package/dist/common-js/base/index.js +7 -7
  6. package/dist/common-js/brand/index.d.ts +1 -1
  7. package/dist/common-js/brand/index.js +1 -1
  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 +50 -50
  13. package/dist/es6/base/index.js +7 -7
  14. package/dist/es6/brand/index.d.ts +1 -1
  15. package/dist/es6/brand/index.js +1 -1
  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 +24 -24
  21. package/less/brand/_variables.less +1 -1
  22. package/less/system/_variables.less +1 -1
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +24 -24
  25. package/scss/base/_variables.scss +24 -24
  26. package/scss/brand/_variables.sass +1 -1
  27. package/scss/brand/_variables.scss +1 -1
  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 Fri, 15 Aug 2025 19:42:15 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:31 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -175,7 +175,7 @@
175
175
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
176
176
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
177
177
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
178
- --cnvs-base-palette-cinnamon-100: var(--cnvs-base-palette-red-25);
178
+ --cnvs-base-palette-cinnamon-100: var(--cnvs-base-palette-red-50);
179
179
  --cnvs-base-palette-cinnamon-200: var(--cnvs-base-palette-red-100);
180
180
  --cnvs-base-palette-cinnamon-300: var(--cnvs-base-palette-red-300);
181
181
  --cnvs-base-palette-cinnamon-400: var(--cnvs-base-palette-red-400);
@@ -193,12 +193,12 @@
193
193
  --cnvs-base-palette-chili-mango-400: var(--cnvs-base-palette-orange-500);
194
194
  --cnvs-base-palette-chili-mango-500: var(--cnvs-base-palette-orange-500);
195
195
  --cnvs-base-palette-chili-mango-600: var(--cnvs-base-palette-orange-700);
196
- --cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-orange-50);
197
- --cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-orange-200);
198
- --cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-orange-200);
199
- --cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-orange-300);
200
- --cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-orange-400);
201
- --cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-500);
196
+ --cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-amber-50);
197
+ --cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-amber-200);
198
+ --cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-amber-300);
199
+ --cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-amber-400);
200
+ --cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-amber-500);
201
+ --cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-600);
202
202
  --cnvs-base-palette-sour-lemon-100: var(--cnvs-base-palette-amber-25);
203
203
  --cnvs-base-palette-sour-lemon-200: var(--cnvs-base-palette-amber-100);
204
204
  --cnvs-base-palette-sour-lemon-300: var(--cnvs-base-palette-amber-200);
@@ -217,12 +217,12 @@
217
217
  --cnvs-base-palette-kiwi-400: var(--cnvs-base-palette-green-500);
218
218
  --cnvs-base-palette-kiwi-500: var(--cnvs-base-palette-green-500);
219
219
  --cnvs-base-palette-kiwi-600: var(--cnvs-base-palette-green-700);
220
- --cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-25);
220
+ --cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-50);
221
221
  --cnvs-base-palette-green-apple-200: var(--cnvs-base-palette-green-100);
222
222
  --cnvs-base-palette-green-apple-300: var(--cnvs-base-palette-green-200);
223
- --cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-400);
224
- --cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-600);
225
- --cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-700);
223
+ --cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-600);
224
+ --cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-700);
225
+ --cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-800);
226
226
  --cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-neutral-50);
227
227
  --cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-neutral-100);
228
228
  --cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
@@ -241,8 +241,8 @@
241
241
  --cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-400);
242
242
  --cnvs-base-palette-toothpaste-500: var(--cnvs-base-palette-azure-700);
243
243
  --cnvs-base-palette-toothpaste-600: var(--cnvs-base-palette-azure-800);
244
- --cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-50);
245
- --cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-200);
244
+ --cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-25);
245
+ --cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-100);
246
246
  --cnvs-base-palette-blueberry-300: var(--cnvs-base-palette-blue-400);
247
247
  --cnvs-base-palette-blueberry-400: var(--cnvs-base-palette-blue-600);
248
248
  --cnvs-base-palette-blueberry-500: var(--cnvs-base-palette-blue-700);
@@ -312,24 +312,18 @@
312
312
  --cnvs-base-palette-soap-300: var(--cnvs-base-palette-slate-100);
313
313
  --cnvs-base-palette-soap-400: var(--cnvs-base-palette-slate-200);
314
314
  --cnvs-base-palette-soap-500: var(--cnvs-base-palette-slate-300);
315
- --cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-300);
315
+ --cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-600);
316
316
  --cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
317
317
  --cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-50);
318
318
  --cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-100);
319
319
  --cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-200);
320
320
  --cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-300);
321
321
  --cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-400);
322
- --cnvs-base-palette-dragon-fruit-100: ;
323
- --cnvs-base-palette-dragon-fruit-200: ;
324
- --cnvs-base-palette-dragon-fruit-300: ;
325
- --cnvs-base-palette-dragon-fruit-400: ;
326
- --cnvs-base-palette-dragon-fruit-500: ;
327
- --cnvs-base-palette-dragon-fruit-600: ;
328
322
  --cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-500);
329
323
  --cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
330
- --cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-800);
331
- --cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-900);
332
- --cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-950);
324
+ --cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-900);
325
+ --cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-950);
326
+ --cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-975);
333
327
  --cnvs-base-palette-black-pepper-600: var(--cnvs-base-palette-neutral-1000);
334
328
  --cnvs-base-palette-coconut-100: #F0EEEE;
335
329
  --cnvs-base-palette-coconut-200: #e3dfdf;
@@ -390,4 +384,10 @@
390
384
  --cnvs-base-letter-spacing-150: 0.015rem;
391
385
  --cnvs-base-letter-spacing-200: 0.01rem;
392
386
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.; */
387
+ --cnvs-base-extended-palette-dragon-fruit-100: ;
388
+ --cnvs-base-extended-palette-dragon-fruit-200: ;
389
+ --cnvs-base-extended-palette-dragon-fruit-300: ;
390
+ --cnvs-base-extended-palette-dragon-fruit-400: ;
391
+ --cnvs-base-extended-palette-dragon-fruit-500: ;
392
+ --cnvs-base-extended-palette-dragon-fruit-600: ;
393
393
  }
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:31 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/system/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:31 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 Fri, 15 Aug 2025 19:42:16 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  export declare const amber25: "--cnvs-base-palette-amber-25";
@@ -174,17 +174,17 @@ export declare const teal800: "--cnvs-base-palette-teal-800";
174
174
  export declare const teal900: "--cnvs-base-palette-teal-900";
175
175
  export declare const teal950: "--cnvs-base-palette-teal-950";
176
176
  export declare const teal975: "--cnvs-base-palette-teal-975";
177
- /** @deprecated replace cinnamon100 with oklch(0.9667 0.0163 21.82 / 1) */
177
+ /** @deprecated replace cinnamon100 with oklch(0.9533 0.0231 23.95 / 1). Prefer to replace with `sys.color.bg.critical.softer` if used as a background color. */
178
178
  export declare const cinnamon100: "--cnvs-base-palette-cinnamon-100";
179
- /** @deprecated replace cinnamon200 with oklch(0.9225 0.0394 25.51 / 1) */
179
+ /** @deprecated replace cinnamon200 with oklch(0.9225 0.0394 25.51 / 1). Prefer to replace with `sys.color.bg.critical.soft` if used as a background color. */
180
180
  export declare const cinnamon200: "--cnvs-base-palette-cinnamon-200";
181
181
  /** @deprecated replace cinnamon300 with oklch(0.7533 0.1484 28.45 / 1) */
182
182
  export declare const cinnamon300: "--cnvs-base-palette-cinnamon-300";
183
- /** @deprecated replace cinnamon400 with oklch(0.6857 0.2037 29.76 / 1) */
183
+ /** @deprecated replace cinnamon400 with oklch(0.6857 0.2037 29.76 / 1). Prefer to replace with `sys.color.fg.critical.soft` if used as a foreground (text/icon) color. */
184
184
  export declare const cinnamon400: "--cnvs-base-palette-cinnamon-400";
185
- /** @deprecated replace cinnamon500 with oklch(0.5342 0.2172 29.53 / 1) */
185
+ /** @deprecated replace cinnamon500 with oklch(0.5342 0.2172 29.53 / 1). Prefer to replace with `sys.color.bg.critical.default` if used as a background color, or `sys.color.fg.critical.default` if used as a foreground (text/icon) color, or `sys.color.border.critical.default` if used as a border color. */
186
186
  export declare const cinnamon500: "--cnvs-base-palette-cinnamon-500";
187
- /** @deprecated replace cinnamon600 with oklch(0.4517 0.1847 28.2 / 1) */
187
+ /** @deprecated replace cinnamon600 with oklch(0.4517 0.1847 28.2 / 1). Prefer to replace with `sys.color.bg.critical.strong` if used as a background color, or `sys.color.fg.critical.strong` if used as a foreground (text/icon) color. */
188
188
  export declare const cinnamon600: "--cnvs-base-palette-cinnamon-600";
189
189
  /** @deprecated replace peach100 with oklch(0.9659 0.0171 35.14 / 1) */
190
190
  export declare const peach100: "--cnvs-base-palette-peach-100";
@@ -210,17 +210,17 @@ export declare const chiliMango400: "--cnvs-base-palette-chili-mango-400";
210
210
  export declare const chiliMango500: "--cnvs-base-palette-chili-mango-500";
211
211
  /** @deprecated replace chili-mango600 with oklch(0.4689 0.1456 40.5 / 1) */
212
212
  export declare const chiliMango600: "--cnvs-base-palette-chili-mango-600";
213
- /** @deprecated replace cantaloupe100 with oklch(0.9523 0.0366 72.6 / 1) */
213
+ /** @deprecated replace cantaloupe100 with oklch(0.969 0.0619 101.63 / 1). Prefer to replace with `sys.color.bg.caution.softer` if used as a background color. */
214
214
  export declare const cantaloupe100: "--cnvs-base-palette-cantaloupe-100";
215
- /** @deprecated replace cantaloupe200 with oklch(0.8606 0.1002 65.34 / 1) */
215
+ /** @deprecated replace cantaloupe200 with oklch(0.9191 0.1547 99.7 / 1). Prefer to replace with `sys.color.fg.caution.softer` if used as a foreground (text/icon) color. */
216
216
  export declare const cantaloupe200: "--cnvs-base-palette-cantaloupe-200";
217
- /** @deprecated replace cantaloupe300 with oklch(0.8606 0.1002 65.34 / 1) */
217
+ /** @deprecated replace cantaloupe300 with oklch(0.8432 0.1713 85.24 / 1). Prefer to replace with `sys.color.bg.caution.soft` if used as a background color. */
218
218
  export declare const cantaloupe300: "--cnvs-base-palette-cantaloupe-300";
219
- /** @deprecated replace cantaloupe400 with oklch(0.7839 0.1608 63.57 / 1) */
219
+ /** @deprecated replace cantaloupe400 with oklch(0.7909 0.1711 70.15 / 1). Prefer to replace with `sys.color.bg.caution.default` if used as a background color, or `sys.color.border.caution.default` if used as a border color. */
220
220
  export declare const cantaloupe400: "--cnvs-base-palette-cantaloupe-400";
221
- /** @deprecated replace cantaloupe500 with oklch(0.7261 0.1852 52.58 / 1) */
221
+ /** @deprecated replace cantaloupe500 with oklch(0.6601 0.1537 60.7 / 1). Prefer to replace with `sys.color.bg.caution.strong` if used as a background color. */
222
222
  export declare const cantaloupe500: "--cnvs-base-palette-cantaloupe-500";
223
- /** @deprecated replace cantaloupe600 with oklch(0.6601 0.1537 60.7 / 1) */
223
+ /** @deprecated replace cantaloupe600 with oklch(0.5505 0.1439 50.78 / 1). Prefer to replace with `sys.color.bg.caution.stronger` if used as a background color, or with `sys.color.border.caution.strong` if used as a border color. */
224
224
  export declare const cantaloupe600: "--cnvs-base-palette-cantaloupe-600";
225
225
  /** @deprecated replace sour-lemon100 with oklch(0.9779 0.0214 95.33 / 1) */
226
226
  export declare const sourLemon100: "--cnvs-base-palette-sour-lemon-100";
@@ -258,17 +258,17 @@ export declare const kiwi400: "--cnvs-base-palette-kiwi-400";
258
258
  export declare const kiwi500: "--cnvs-base-palette-kiwi-500";
259
259
  /** @deprecated replace kiwi600 with oklch(0.4463 0.1422 144.58 / 1) */
260
260
  export declare const kiwi600: "--cnvs-base-palette-kiwi-600";
261
- /** @deprecated replace green-apple100 with oklch(0.9824 0.0282 148.77 / 1) */
261
+ /** @deprecated replace green-apple100 with oklch(0.9655 0.0561 149.93 / 1). Prefer to replace with `sys.color.bg.positive.softer` if used as a background color. */
262
262
  export declare const greenApple100: "--cnvs-base-palette-green-apple-100";
263
- /** @deprecated replace green-apple200 with oklch(0.9278 0.1024 149.88 / 1) */
263
+ /** @deprecated replace green-apple200 with oklch(0.9278 0.1024 149.88 / 1). Prefer to replace with `sys.color.bg.positive.soft` if used as a background color. */
264
264
  export declare const greenApple200: "--cnvs-base-palette-green-apple-200";
265
- /** @deprecated replace green-apple300 with oklch(0.8506 0.1804 149.93 / 1) */
265
+ /** @deprecated replace green-apple300 with oklch(0.8506 0.1804 149.93 / 1). Prefer to replace `sys.color.fg.positive.soft` if used as a foreground (text/icon) color. */
266
266
  export declare const greenApple300: "--cnvs-base-palette-green-apple-300";
267
- /** @deprecated replace green-apple400 with oklch(0.702 0.1952 148.39 / 1) */
267
+ /** @deprecated replace green-apple400 with oklch(0.5069 0.1569 145.56 / 1). Prefer to replace with `sys.color.bg.positive.default` if used as a background color, or `sys.color.fg.positive.default` if used as a foreground (text/icon) color. */
268
268
  export declare const greenApple400: "--cnvs-base-palette-green-apple-400";
269
- /** @deprecated replace green-apple500 with oklch(0.5069 0.1569 145.56 / 1) */
269
+ /** @deprecated replace green-apple500 with oklch(0.4463 0.1422 144.58 / 1). Prefer to replace with `sys.color.bg.positive.strong` if used as a background color, or `sys.color.fg.positive.strong` if used as a foreground (text/icon) color. */
270
270
  export declare const greenApple500: "--cnvs-base-palette-green-apple-500";
271
- /** @deprecated replace green-apple600 with oklch(0.4463 0.1422 144.58 / 1) */
271
+ /** @deprecated replace green-apple600 with oklch(0.3955 0.1156 147.66 / 1). Prefer to replace with `sys.color.bg.positive.stronger` if used as a background color, or `sys.color.text.positive.stronger` if used as a text color. */
272
272
  export declare const greenApple600: "--cnvs-base-palette-green-apple-600";
273
273
  /** @deprecated replace watermelon100 with oklch(0.9702 0 0 / 1) */
274
274
  export declare const watermelon100: "--cnvs-base-palette-watermelon-100";
@@ -306,17 +306,17 @@ export declare const toothpaste400: "--cnvs-base-palette-toothpaste-400";
306
306
  export declare const toothpaste500: "--cnvs-base-palette-toothpaste-500";
307
307
  /** @deprecated replace toothpaste600 with oklch(0.3912 0.0855 237.05 / 1) */
308
308
  export declare const toothpaste600: "--cnvs-base-palette-toothpaste-600";
309
- /** @deprecated replace blueberry100 with oklch(0.9523 0.0239 248.12 / 1) */
309
+ /** @deprecated replace blueberry100 with oklch(0.969 0.0155 248.07 / 1) */
310
310
  export declare const blueberry100: "--cnvs-base-palette-blueberry-100";
311
- /** @deprecated replace blueberry200 with oklch(0.8627 0.0701 250.6 / 1) */
311
+ /** @deprecated replace blueberry200 with oklch(0.928 0.0359 250.6 / 1). Prefer to replace with `sys.color.bg.primary.soft` if used as a background color. */
312
312
  export declare const blueberry200: "--cnvs-base-palette-blueberry-200";
313
- /** @deprecated replace blueberry300 with oklch(0.708 0.1549 255.41 / 1) */
313
+ /** @deprecated replace blueberry300 with oklch(0.708 0.1549 255.41 / 1). Prefer to replace with `sys.color.bg.primary.default` if used as a background color, or `sys.color.fg.primary.soft` if used as a foreground (text/icon) color. */
314
314
  export declare const blueberry300: "--cnvs-base-palette-blueberry-300";
315
- /** @deprecated replace blueberry400 with oklch(0.5198 0.1782 256.11 / 1) */
315
+ /** @deprecated replace blueberry400 with oklch(0.5198 0.1782 256.11 / 1). Prefer to replace with `sys.color.bg.primary.default` if used as a background color, or `sys.color.fg.primary.default` if used as a foreground (text/icon) color, or `sys.color.border.primary.default` if used as a border color. */
316
316
  export declare const blueberry400: "--cnvs-base-palette-blueberry-400";
317
- /** @deprecated replace blueberry500 with oklch(0.4658 0.1562 255.5 / 1) */
317
+ /** @deprecated replace blueberry500 with oklch(0.4658 0.1562 255.5 / 1). Prefer to replace with `sys.color.bg.primary.strong` if used as a background color, or `sys.color.fg.primary.strong` if used as a foreground (text/icon) color. */
318
318
  export declare const blueberry500: "--cnvs-base-palette-blueberry-500";
319
- /** @deprecated replace blueberry600 with oklch(0.3908 0.128 256 / 1) */
319
+ /** @deprecated replace blueberry600 with oklch(0.3908 0.128 256 / 1). Prefer to replace with `sys.color.bg.primary.stronger` if used as a background color, or `sys.color.text.primary.stronger` if used as a text color. */
320
320
  export declare const blueberry600: "--cnvs-base-palette-blueberry-600";
321
321
  /** @deprecated replace plum100 with oklch(0.928 0.0359 250.6 / 1) */
322
322
  export declare const plum100: "--cnvs-base-palette-plum-100";
@@ -426,31 +426,31 @@ export declare const toastedMarshmallow400: "--cnvs-base-palette-toasted-marshma
426
426
  export declare const toastedMarshmallow500: "--cnvs-base-palette-toasted-marshmallow-500";
427
427
  /** @deprecated replace toasted-marshmallow600 with oklch(0.5505 0.1439 50.78 / 1) */
428
428
  export declare const toastedMarshmallow600: "--cnvs-base-palette-toasted-marshmallow-600";
429
- /** @deprecated replace licorice100 with oklch(0.754 0.0181 256.33 / 1) */
429
+ /** @deprecated replace licorice100 with oklch(0.754 0.0181 256.33 / 1). Prefer to replace with `sys.color.bg.muted.softer` if used as a background color, or `sys.color.fg.disabled` if used as a foreground (text/icon) color, or `sys.color.border.input.disabled` if used as a border color. */
430
430
  export declare const licorice100: "--cnvs-base-palette-licorice-100";
431
- /** @deprecated replace licorice200 with oklch(0.629 0.0281 255.62 / 1) */
431
+ /** @deprecated replace licorice200 with oklch(0.629 0.0281 255.62 / 1). Prefer to replace with `sys.color.bg.muted.soft` if used as a background color, or `sys.color.fg.muted.soft` if used as a foreground (text/icon) color, or `sys.color.border.input.default` if used as a border color. */
432
432
  export declare const licorice200: "--cnvs-base-palette-licorice-200";
433
- /** @deprecated replace licorice300 with oklch(0.5103 0.0255 256.8 / 1) */
433
+ /** @deprecated replace licorice300 with oklch(0.5103 0.0255 256.8 / 1). Prefer to replace with `sys.color.bg.muted.default` if used as a background color, or `sys.color.fg.muted.default` if used as a foreground (text/icon) color, or `sys.color.text.hint` if used as a text hint color. */
434
434
  export declare const licorice300: "--cnvs-base-palette-licorice-300";
435
- /** @deprecated replace licorice400 with oklch(0.45 0.022 255.52 / 1) */
435
+ /** @deprecated replace licorice400 with oklch(0.45 0.022 255.52 / 1). Prefer to replace with `sys.color.fg.muted.strong` if used as a foreground (text/icon) color. */
436
436
  export declare const licorice400: "--cnvs-base-palette-licorice-400";
437
- /** @deprecated replace licorice500 with oklch(0.3685 0.0218 256.4 / 1) */
437
+ /** @deprecated replace licorice500 with oklch(0.3685 0.0218 256.4 / 1). Prefer to replace with `sys.color.bg.muted.strong` if used as a background color, or `sys.color.fg.muted.stronger` if used as a foreground (text/icon) color, or `sys.color.border.input.strong` if used as a border color. */
438
438
  export declare const licorice500: "--cnvs-base-palette-licorice-500";
439
439
  /** @deprecated replace licorice600 with oklch(0.278 0.0156 252.4 / 1) */
440
440
  export declare const licorice600: "--cnvs-base-palette-licorice-600";
441
- /** @deprecated replace soap100 with oklch(0.9846 0.0018 248.57 / 1) */
441
+ /** @deprecated replace soap100 with oklch(0.9846 0.0018 248.57 / 1). Prefer to replace with `sys.color.bg.alt.softer` if used as a background color. */
442
442
  export declare const soap100: "--cnvs-base-palette-soap-100";
443
- /** @deprecated replace soap200 with oklch(0.9692 0.0035 248.23 / 1) */
443
+ /** @deprecated replace soap200 with oklch(0.9692 0.0035 248.23 / 1). Prefer to replace with `sys.color.bg.alt.soft` if used as a background color. */
444
444
  export declare const soap200: "--cnvs-base-palette-soap-200";
445
- /** @deprecated replace soap300 with oklch(0.9447 0.0053 248.12 / 1) */
445
+ /** @deprecated replace soap300 with oklch(0.9447 0.0053 248.12 / 1). Prefer to replace with `sys.color.bg.alt.default` if used as a background color, or `sys.color.border.input.inverse` if used as a border color. */
446
446
  export declare const soap300: "--cnvs-base-palette-soap-300";
447
- /** @deprecated replace soap400 with oklch(0.917 0.0081 254 / 1) */
447
+ /** @deprecated replace soap400 with oklch(0.917 0.0081 254 / 1). Prefer to replace with `sys.color.bg.alt.strong` if used as a background color, or `sys.color.border.divider` if used as a border color. */
448
448
  export declare const soap400: "--cnvs-base-palette-soap-400";
449
- /** @deprecated replace soap500 with oklch(0.856 0.0111 256.85 / 1) */
449
+ /** @deprecated replace soap500 with oklch(0.856 0.0111 256.85 / 1). Prefer to replace with `sys.color.bg.alt.stronger` if used as a background color, or `sys.color.border.container` if used as a border color. */
450
450
  export declare const soap500: "--cnvs-base-palette-soap-500";
451
451
  /** @deprecated replace soap600 with oklch(0.856 0.0111 256.85 / 1) */
452
452
  export declare const soap600: "--cnvs-base-palette-soap-600";
453
- /** @deprecated replace french-vanilla100 with oklch(1 0 0 / 1) */
453
+ /** @deprecated replace french-vanilla100 with oklch(1 0 0 / 1). Prefer to replace with `sys.color.bg.default` if used as a background color, or `sys.color.fg.default` if used as a foreground (text/icon) color, or `sys.color.border.default` if used as a border color. */
454
454
  export declare const frenchVanilla100: "--cnvs-base-palette-french-vanilla-100";
455
455
  /** @deprecated replace french-vanilla200 with oklch(0.9702 0 0 / 1) */
456
456
  export declare const frenchVanilla200: "--cnvs-base-palette-french-vanilla-200";
@@ -462,27 +462,15 @@ export declare const frenchVanilla400: "--cnvs-base-palette-french-vanilla-400";
462
462
  export declare const frenchVanilla500: "--cnvs-base-palette-french-vanilla-500";
463
463
  /** @deprecated replace french-vanilla600 with oklch(0.72 0 0 / 1) */
464
464
  export declare const frenchVanilla600: "--cnvs-base-palette-french-vanilla-600";
465
- /** @deprecated replace dragon-fruit100 with oklch(0.9776 0.0147 312 / 1) */
466
- export declare const dragonFruit100: "--cnvs-base-palette-dragon-fruit-100";
467
- /** @deprecated replace dragon-fruit200 with oklch(0.909 0.0637 314.43 / 1) */
468
- export declare const dragonFruit200: "--cnvs-base-palette-dragon-fruit-200";
469
- /** @deprecated replace dragon-fruit300 with oklch(0.615 0.2131 280.7 / 1) */
470
- export declare const dragonFruit300: "--cnvs-base-palette-dragon-fruit-300";
471
- /** @deprecated replace dragon-fruit400 with oklch(0.5289 0.2241 281.65 / 1) */
472
- export declare const dragonFruit400: "--cnvs-base-palette-dragon-fruit-400";
473
- /** @deprecated replace dragon-fruit500 with oklch(0.466 0.1961 280.9 / 1) */
474
- export declare const dragonFruit500: "--cnvs-base-palette-dragon-fruit-500";
475
- /** @deprecated replace dragon-fruit600 with oklch(0.317 0.142 278.2 / 1) */
476
- export declare const dragonFruit600: "--cnvs-base-palette-dragon-fruit-600";
477
465
  /** @deprecated replace black-pepper100 with oklch(0.6234 0 0 / 1) */
478
466
  export declare const blackPepper100: "--cnvs-base-palette-black-pepper-100";
479
467
  /** @deprecated replace black-pepper200 with oklch(0.4494 0 0 / 1) */
480
468
  export declare const blackPepper200: "--cnvs-base-palette-black-pepper-200";
481
- /** @deprecated replace black-pepper300 with oklch(0.3523 0 0 / 1) */
469
+ /** @deprecated replace black-pepper300 with oklch(0.3523 0 0 / 1). Prefer to replace with `sys.color.fg.default` if used as a foreground (text/icon) color. */
482
470
  export declare const blackPepper300: "--cnvs-base-palette-black-pepper-300";
483
- /** @deprecated replace black-pepper400 with oklch(0.2891 0 0 / 1) */
471
+ /** @deprecated replace black-pepper400 with oklch(0.2891 0 0 / 1). Prefer to replace with `sys.color.bg.contrast.default` if used as a contrast background color, or `sys.color.fg.strong` if used as a foreground (text/icon) color, or `sys.color.border.contrast.default` if used as a border color. */
484
472
  export declare const blackPepper400: "--cnvs-base-palette-black-pepper-400";
485
- /** @deprecated replace black-pepper500 with oklch(0.2308 0 0 / 1) */
473
+ /** @deprecated replace black-pepper500 with oklch(0.2308 0 0 / 1). Prefer to replace with `sys.color.bg.contrast.strong` if used as a contrast background color, or `sys.color.fg.stronger` if used as a foreground (text/icon) color, or `sys.color.border.contrast.strong` if used as a border color. */
486
474
  export declare const blackPepper500: "--cnvs-base-palette-black-pepper-500";
487
475
  /** @deprecated replace black-pepper600 with oklch(0 0 0 / 1) */
488
476
  export declare const blackPepper600: "--cnvs-base-palette-black-pepper-600";
@@ -557,3 +545,15 @@ export declare const letterSpacing100: "--cnvs-base-letter-spacing-100";
557
545
  export declare const letterSpacing150: "--cnvs-base-letter-spacing-150";
558
546
  export declare const letterSpacing200: "--cnvs-base-letter-spacing-200";
559
547
  export declare const baseUnit: "--cnvs-base-unit";
548
+ /** @deprecated replace dragon-fruit100 with oklch(0.9776 0.0147 312 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
549
+ export declare const extendedDragonFruit100: "--cnvs-base-extended-palette-dragon-fruit-100";
550
+ /** @deprecated replace dragon-fruit200 with oklch(0.909 0.0637 314.43 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
551
+ export declare const extendedDragonFruit200: "--cnvs-base-extended-palette-dragon-fruit-200";
552
+ /** @deprecated replace dragon-fruit300 with oklch(0.615 0.2131 280.7 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
553
+ export declare const extendedDragonFruit300: "--cnvs-base-extended-palette-dragon-fruit-300";
554
+ /** @deprecated replace dragon-fruit400 with oklch(0.5289 0.2241 281.65 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
555
+ export declare const extendedDragonFruit400: "--cnvs-base-extended-palette-dragon-fruit-400";
556
+ /** @deprecated replace dragon-fruit500 with oklch(0.466 0.1961 280.9 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
557
+ export declare const extendedDragonFruit500: "--cnvs-base-extended-palette-dragon-fruit-500";
558
+ /** @deprecated replace dragon-fruit600 with oklch(0.317 0.142 278.2 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
559
+ export declare const extendedDragonFruit600: "--cnvs-base-extended-palette-dragon-fruit-600";
package/dist/common-js/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:16 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -321,12 +321,6 @@ exports.frenchVanilla300 = "--cnvs-base-palette-french-vanilla-300";
321
321
  exports.frenchVanilla400 = "--cnvs-base-palette-french-vanilla-400";
322
322
  exports.frenchVanilla500 = "--cnvs-base-palette-french-vanilla-500";
323
323
  exports.frenchVanilla600 = "--cnvs-base-palette-french-vanilla-600";
324
- exports.dragonFruit100 = "--cnvs-base-palette-dragon-fruit-100";
325
- exports.dragonFruit200 = "--cnvs-base-palette-dragon-fruit-200";
326
- exports.dragonFruit300 = "--cnvs-base-palette-dragon-fruit-300";
327
- exports.dragonFruit400 = "--cnvs-base-palette-dragon-fruit-400";
328
- exports.dragonFruit500 = "--cnvs-base-palette-dragon-fruit-500";
329
- exports.dragonFruit600 = "--cnvs-base-palette-dragon-fruit-600";
330
324
  exports.blackPepper100 = "--cnvs-base-palette-black-pepper-100";
331
325
  exports.blackPepper200 = "--cnvs-base-palette-black-pepper-200";
332
326
  exports.blackPepper300 = "--cnvs-base-palette-black-pepper-300";
@@ -392,3 +386,9 @@ exports.letterSpacing100 = "--cnvs-base-letter-spacing-100";
392
386
  exports.letterSpacing150 = "--cnvs-base-letter-spacing-150";
393
387
  exports.letterSpacing200 = "--cnvs-base-letter-spacing-200";
394
388
  exports.baseUnit = "--cnvs-base-unit";
389
+ exports.extendedDragonFruit100 = "--cnvs-base-extended-palette-dragon-fruit-100";
390
+ exports.extendedDragonFruit200 = "--cnvs-base-extended-palette-dragon-fruit-200";
391
+ exports.extendedDragonFruit300 = "--cnvs-base-extended-palette-dragon-fruit-300";
392
+ exports.extendedDragonFruit400 = "--cnvs-base-extended-palette-dragon-fruit-400";
393
+ exports.extendedDragonFruit500 = "--cnvs-base-extended-palette-dragon-fruit-500";
394
+ exports.extendedDragonFruit600 = "--cnvs-base-extended-palette-dragon-fruit-600";
package/dist/common-js/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:16 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  export declare const primary: {
package/dist/common-js/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:16 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:16 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/common-js/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:16 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/system/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:16 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
package/dist/common-js/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:16 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/es6/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  export declare const amber25: "--cnvs-base-palette-amber-25";
@@ -174,17 +174,17 @@ export declare const teal800: "--cnvs-base-palette-teal-800";
174
174
  export declare const teal900: "--cnvs-base-palette-teal-900";
175
175
  export declare const teal950: "--cnvs-base-palette-teal-950";
176
176
  export declare const teal975: "--cnvs-base-palette-teal-975";
177
- /** @deprecated replace cinnamon100 with oklch(0.9667 0.0163 21.82 / 1) */
177
+ /** @deprecated replace cinnamon100 with oklch(0.9533 0.0231 23.95 / 1). Prefer to replace with `sys.color.bg.critical.softer` if used as a background color. */
178
178
  export declare const cinnamon100: "--cnvs-base-palette-cinnamon-100";
179
- /** @deprecated replace cinnamon200 with oklch(0.9225 0.0394 25.51 / 1) */
179
+ /** @deprecated replace cinnamon200 with oklch(0.9225 0.0394 25.51 / 1). Prefer to replace with `sys.color.bg.critical.soft` if used as a background color. */
180
180
  export declare const cinnamon200: "--cnvs-base-palette-cinnamon-200";
181
181
  /** @deprecated replace cinnamon300 with oklch(0.7533 0.1484 28.45 / 1) */
182
182
  export declare const cinnamon300: "--cnvs-base-palette-cinnamon-300";
183
- /** @deprecated replace cinnamon400 with oklch(0.6857 0.2037 29.76 / 1) */
183
+ /** @deprecated replace cinnamon400 with oklch(0.6857 0.2037 29.76 / 1). Prefer to replace with `sys.color.fg.critical.soft` if used as a foreground (text/icon) color. */
184
184
  export declare const cinnamon400: "--cnvs-base-palette-cinnamon-400";
185
- /** @deprecated replace cinnamon500 with oklch(0.5342 0.2172 29.53 / 1) */
185
+ /** @deprecated replace cinnamon500 with oklch(0.5342 0.2172 29.53 / 1). Prefer to replace with `sys.color.bg.critical.default` if used as a background color, or `sys.color.fg.critical.default` if used as a foreground (text/icon) color, or `sys.color.border.critical.default` if used as a border color. */
186
186
  export declare const cinnamon500: "--cnvs-base-palette-cinnamon-500";
187
- /** @deprecated replace cinnamon600 with oklch(0.4517 0.1847 28.2 / 1) */
187
+ /** @deprecated replace cinnamon600 with oklch(0.4517 0.1847 28.2 / 1). Prefer to replace with `sys.color.bg.critical.strong` if used as a background color, or `sys.color.fg.critical.strong` if used as a foreground (text/icon) color. */
188
188
  export declare const cinnamon600: "--cnvs-base-palette-cinnamon-600";
189
189
  /** @deprecated replace peach100 with oklch(0.9659 0.0171 35.14 / 1) */
190
190
  export declare const peach100: "--cnvs-base-palette-peach-100";
@@ -210,17 +210,17 @@ export declare const chiliMango400: "--cnvs-base-palette-chili-mango-400";
210
210
  export declare const chiliMango500: "--cnvs-base-palette-chili-mango-500";
211
211
  /** @deprecated replace chili-mango600 with oklch(0.4689 0.1456 40.5 / 1) */
212
212
  export declare const chiliMango600: "--cnvs-base-palette-chili-mango-600";
213
- /** @deprecated replace cantaloupe100 with oklch(0.9523 0.0366 72.6 / 1) */
213
+ /** @deprecated replace cantaloupe100 with oklch(0.969 0.0619 101.63 / 1). Prefer to replace with `sys.color.bg.caution.softer` if used as a background color. */
214
214
  export declare const cantaloupe100: "--cnvs-base-palette-cantaloupe-100";
215
- /** @deprecated replace cantaloupe200 with oklch(0.8606 0.1002 65.34 / 1) */
215
+ /** @deprecated replace cantaloupe200 with oklch(0.9191 0.1547 99.7 / 1). Prefer to replace with `sys.color.fg.caution.softer` if used as a foreground (text/icon) color. */
216
216
  export declare const cantaloupe200: "--cnvs-base-palette-cantaloupe-200";
217
- /** @deprecated replace cantaloupe300 with oklch(0.8606 0.1002 65.34 / 1) */
217
+ /** @deprecated replace cantaloupe300 with oklch(0.8432 0.1713 85.24 / 1). Prefer to replace with `sys.color.bg.caution.soft` if used as a background color. */
218
218
  export declare const cantaloupe300: "--cnvs-base-palette-cantaloupe-300";
219
- /** @deprecated replace cantaloupe400 with oklch(0.7839 0.1608 63.57 / 1) */
219
+ /** @deprecated replace cantaloupe400 with oklch(0.7909 0.1711 70.15 / 1). Prefer to replace with `sys.color.bg.caution.default` if used as a background color, or `sys.color.border.caution.default` if used as a border color. */
220
220
  export declare const cantaloupe400: "--cnvs-base-palette-cantaloupe-400";
221
- /** @deprecated replace cantaloupe500 with oklch(0.7261 0.1852 52.58 / 1) */
221
+ /** @deprecated replace cantaloupe500 with oklch(0.6601 0.1537 60.7 / 1). Prefer to replace with `sys.color.bg.caution.strong` if used as a background color. */
222
222
  export declare const cantaloupe500: "--cnvs-base-palette-cantaloupe-500";
223
- /** @deprecated replace cantaloupe600 with oklch(0.6601 0.1537 60.7 / 1) */
223
+ /** @deprecated replace cantaloupe600 with oklch(0.5505 0.1439 50.78 / 1). Prefer to replace with `sys.color.bg.caution.stronger` if used as a background color, or with `sys.color.border.caution.strong` if used as a border color. */
224
224
  export declare const cantaloupe600: "--cnvs-base-palette-cantaloupe-600";
225
225
  /** @deprecated replace sour-lemon100 with oklch(0.9779 0.0214 95.33 / 1) */
226
226
  export declare const sourLemon100: "--cnvs-base-palette-sour-lemon-100";
@@ -258,17 +258,17 @@ export declare const kiwi400: "--cnvs-base-palette-kiwi-400";
258
258
  export declare const kiwi500: "--cnvs-base-palette-kiwi-500";
259
259
  /** @deprecated replace kiwi600 with oklch(0.4463 0.1422 144.58 / 1) */
260
260
  export declare const kiwi600: "--cnvs-base-palette-kiwi-600";
261
- /** @deprecated replace green-apple100 with oklch(0.9824 0.0282 148.77 / 1) */
261
+ /** @deprecated replace green-apple100 with oklch(0.9655 0.0561 149.93 / 1). Prefer to replace with `sys.color.bg.positive.softer` if used as a background color. */
262
262
  export declare const greenApple100: "--cnvs-base-palette-green-apple-100";
263
- /** @deprecated replace green-apple200 with oklch(0.9278 0.1024 149.88 / 1) */
263
+ /** @deprecated replace green-apple200 with oklch(0.9278 0.1024 149.88 / 1). Prefer to replace with `sys.color.bg.positive.soft` if used as a background color. */
264
264
  export declare const greenApple200: "--cnvs-base-palette-green-apple-200";
265
- /** @deprecated replace green-apple300 with oklch(0.8506 0.1804 149.93 / 1) */
265
+ /** @deprecated replace green-apple300 with oklch(0.8506 0.1804 149.93 / 1). Prefer to replace `sys.color.fg.positive.soft` if used as a foreground (text/icon) color. */
266
266
  export declare const greenApple300: "--cnvs-base-palette-green-apple-300";
267
- /** @deprecated replace green-apple400 with oklch(0.702 0.1952 148.39 / 1) */
267
+ /** @deprecated replace green-apple400 with oklch(0.5069 0.1569 145.56 / 1). Prefer to replace with `sys.color.bg.positive.default` if used as a background color, or `sys.color.fg.positive.default` if used as a foreground (text/icon) color. */
268
268
  export declare const greenApple400: "--cnvs-base-palette-green-apple-400";
269
- /** @deprecated replace green-apple500 with oklch(0.5069 0.1569 145.56 / 1) */
269
+ /** @deprecated replace green-apple500 with oklch(0.4463 0.1422 144.58 / 1). Prefer to replace with `sys.color.bg.positive.strong` if used as a background color, or `sys.color.fg.positive.strong` if used as a foreground (text/icon) color. */
270
270
  export declare const greenApple500: "--cnvs-base-palette-green-apple-500";
271
- /** @deprecated replace green-apple600 with oklch(0.4463 0.1422 144.58 / 1) */
271
+ /** @deprecated replace green-apple600 with oklch(0.3955 0.1156 147.66 / 1). Prefer to replace with `sys.color.bg.positive.stronger` if used as a background color, or `sys.color.text.positive.stronger` if used as a text color. */
272
272
  export declare const greenApple600: "--cnvs-base-palette-green-apple-600";
273
273
  /** @deprecated replace watermelon100 with oklch(0.9702 0 0 / 1) */
274
274
  export declare const watermelon100: "--cnvs-base-palette-watermelon-100";
@@ -306,17 +306,17 @@ export declare const toothpaste400: "--cnvs-base-palette-toothpaste-400";
306
306
  export declare const toothpaste500: "--cnvs-base-palette-toothpaste-500";
307
307
  /** @deprecated replace toothpaste600 with oklch(0.3912 0.0855 237.05 / 1) */
308
308
  export declare const toothpaste600: "--cnvs-base-palette-toothpaste-600";
309
- /** @deprecated replace blueberry100 with oklch(0.9523 0.0239 248.12 / 1) */
309
+ /** @deprecated replace blueberry100 with oklch(0.969 0.0155 248.07 / 1) */
310
310
  export declare const blueberry100: "--cnvs-base-palette-blueberry-100";
311
- /** @deprecated replace blueberry200 with oklch(0.8627 0.0701 250.6 / 1) */
311
+ /** @deprecated replace blueberry200 with oklch(0.928 0.0359 250.6 / 1). Prefer to replace with `sys.color.bg.primary.soft` if used as a background color. */
312
312
  export declare const blueberry200: "--cnvs-base-palette-blueberry-200";
313
- /** @deprecated replace blueberry300 with oklch(0.708 0.1549 255.41 / 1) */
313
+ /** @deprecated replace blueberry300 with oklch(0.708 0.1549 255.41 / 1). Prefer to replace with `sys.color.bg.primary.default` if used as a background color, or `sys.color.fg.primary.soft` if used as a foreground (text/icon) color. */
314
314
  export declare const blueberry300: "--cnvs-base-palette-blueberry-300";
315
- /** @deprecated replace blueberry400 with oklch(0.5198 0.1782 256.11 / 1) */
315
+ /** @deprecated replace blueberry400 with oklch(0.5198 0.1782 256.11 / 1). Prefer to replace with `sys.color.bg.primary.default` if used as a background color, or `sys.color.fg.primary.default` if used as a foreground (text/icon) color, or `sys.color.border.primary.default` if used as a border color. */
316
316
  export declare const blueberry400: "--cnvs-base-palette-blueberry-400";
317
- /** @deprecated replace blueberry500 with oklch(0.4658 0.1562 255.5 / 1) */
317
+ /** @deprecated replace blueberry500 with oklch(0.4658 0.1562 255.5 / 1). Prefer to replace with `sys.color.bg.primary.strong` if used as a background color, or `sys.color.fg.primary.strong` if used as a foreground (text/icon) color. */
318
318
  export declare const blueberry500: "--cnvs-base-palette-blueberry-500";
319
- /** @deprecated replace blueberry600 with oklch(0.3908 0.128 256 / 1) */
319
+ /** @deprecated replace blueberry600 with oklch(0.3908 0.128 256 / 1). Prefer to replace with `sys.color.bg.primary.stronger` if used as a background color, or `sys.color.text.primary.stronger` if used as a text color. */
320
320
  export declare const blueberry600: "--cnvs-base-palette-blueberry-600";
321
321
  /** @deprecated replace plum100 with oklch(0.928 0.0359 250.6 / 1) */
322
322
  export declare const plum100: "--cnvs-base-palette-plum-100";
@@ -426,31 +426,31 @@ export declare const toastedMarshmallow400: "--cnvs-base-palette-toasted-marshma
426
426
  export declare const toastedMarshmallow500: "--cnvs-base-palette-toasted-marshmallow-500";
427
427
  /** @deprecated replace toasted-marshmallow600 with oklch(0.5505 0.1439 50.78 / 1) */
428
428
  export declare const toastedMarshmallow600: "--cnvs-base-palette-toasted-marshmallow-600";
429
- /** @deprecated replace licorice100 with oklch(0.754 0.0181 256.33 / 1) */
429
+ /** @deprecated replace licorice100 with oklch(0.754 0.0181 256.33 / 1). Prefer to replace with `sys.color.bg.muted.softer` if used as a background color, or `sys.color.fg.disabled` if used as a foreground (text/icon) color, or `sys.color.border.input.disabled` if used as a border color. */
430
430
  export declare const licorice100: "--cnvs-base-palette-licorice-100";
431
- /** @deprecated replace licorice200 with oklch(0.629 0.0281 255.62 / 1) */
431
+ /** @deprecated replace licorice200 with oklch(0.629 0.0281 255.62 / 1). Prefer to replace with `sys.color.bg.muted.soft` if used as a background color, or `sys.color.fg.muted.soft` if used as a foreground (text/icon) color, or `sys.color.border.input.default` if used as a border color. */
432
432
  export declare const licorice200: "--cnvs-base-palette-licorice-200";
433
- /** @deprecated replace licorice300 with oklch(0.5103 0.0255 256.8 / 1) */
433
+ /** @deprecated replace licorice300 with oklch(0.5103 0.0255 256.8 / 1). Prefer to replace with `sys.color.bg.muted.default` if used as a background color, or `sys.color.fg.muted.default` if used as a foreground (text/icon) color, or `sys.color.text.hint` if used as a text hint color. */
434
434
  export declare const licorice300: "--cnvs-base-palette-licorice-300";
435
- /** @deprecated replace licorice400 with oklch(0.45 0.022 255.52 / 1) */
435
+ /** @deprecated replace licorice400 with oklch(0.45 0.022 255.52 / 1). Prefer to replace with `sys.color.fg.muted.strong` if used as a foreground (text/icon) color. */
436
436
  export declare const licorice400: "--cnvs-base-palette-licorice-400";
437
- /** @deprecated replace licorice500 with oklch(0.3685 0.0218 256.4 / 1) */
437
+ /** @deprecated replace licorice500 with oklch(0.3685 0.0218 256.4 / 1). Prefer to replace with `sys.color.bg.muted.strong` if used as a background color, or `sys.color.fg.muted.stronger` if used as a foreground (text/icon) color, or `sys.color.border.input.strong` if used as a border color. */
438
438
  export declare const licorice500: "--cnvs-base-palette-licorice-500";
439
439
  /** @deprecated replace licorice600 with oklch(0.278 0.0156 252.4 / 1) */
440
440
  export declare const licorice600: "--cnvs-base-palette-licorice-600";
441
- /** @deprecated replace soap100 with oklch(0.9846 0.0018 248.57 / 1) */
441
+ /** @deprecated replace soap100 with oklch(0.9846 0.0018 248.57 / 1). Prefer to replace with `sys.color.bg.alt.softer` if used as a background color. */
442
442
  export declare const soap100: "--cnvs-base-palette-soap-100";
443
- /** @deprecated replace soap200 with oklch(0.9692 0.0035 248.23 / 1) */
443
+ /** @deprecated replace soap200 with oklch(0.9692 0.0035 248.23 / 1). Prefer to replace with `sys.color.bg.alt.soft` if used as a background color. */
444
444
  export declare const soap200: "--cnvs-base-palette-soap-200";
445
- /** @deprecated replace soap300 with oklch(0.9447 0.0053 248.12 / 1) */
445
+ /** @deprecated replace soap300 with oklch(0.9447 0.0053 248.12 / 1). Prefer to replace with `sys.color.bg.alt.default` if used as a background color, or `sys.color.border.input.inverse` if used as a border color. */
446
446
  export declare const soap300: "--cnvs-base-palette-soap-300";
447
- /** @deprecated replace soap400 with oklch(0.917 0.0081 254 / 1) */
447
+ /** @deprecated replace soap400 with oklch(0.917 0.0081 254 / 1). Prefer to replace with `sys.color.bg.alt.strong` if used as a background color, or `sys.color.border.divider` if used as a border color. */
448
448
  export declare const soap400: "--cnvs-base-palette-soap-400";
449
- /** @deprecated replace soap500 with oklch(0.856 0.0111 256.85 / 1) */
449
+ /** @deprecated replace soap500 with oklch(0.856 0.0111 256.85 / 1). Prefer to replace with `sys.color.bg.alt.stronger` if used as a background color, or `sys.color.border.container` if used as a border color. */
450
450
  export declare const soap500: "--cnvs-base-palette-soap-500";
451
451
  /** @deprecated replace soap600 with oklch(0.856 0.0111 256.85 / 1) */
452
452
  export declare const soap600: "--cnvs-base-palette-soap-600";
453
- /** @deprecated replace french-vanilla100 with oklch(1 0 0 / 1) */
453
+ /** @deprecated replace french-vanilla100 with oklch(1 0 0 / 1). Prefer to replace with `sys.color.bg.default` if used as a background color, or `sys.color.fg.default` if used as a foreground (text/icon) color, or `sys.color.border.default` if used as a border color. */
454
454
  export declare const frenchVanilla100: "--cnvs-base-palette-french-vanilla-100";
455
455
  /** @deprecated replace french-vanilla200 with oklch(0.9702 0 0 / 1) */
456
456
  export declare const frenchVanilla200: "--cnvs-base-palette-french-vanilla-200";
@@ -462,27 +462,15 @@ export declare const frenchVanilla400: "--cnvs-base-palette-french-vanilla-400";
462
462
  export declare const frenchVanilla500: "--cnvs-base-palette-french-vanilla-500";
463
463
  /** @deprecated replace french-vanilla600 with oklch(0.72 0 0 / 1) */
464
464
  export declare const frenchVanilla600: "--cnvs-base-palette-french-vanilla-600";
465
- /** @deprecated replace dragon-fruit100 with oklch(0.9776 0.0147 312 / 1) */
466
- export declare const dragonFruit100: "--cnvs-base-palette-dragon-fruit-100";
467
- /** @deprecated replace dragon-fruit200 with oklch(0.909 0.0637 314.43 / 1) */
468
- export declare const dragonFruit200: "--cnvs-base-palette-dragon-fruit-200";
469
- /** @deprecated replace dragon-fruit300 with oklch(0.615 0.2131 280.7 / 1) */
470
- export declare const dragonFruit300: "--cnvs-base-palette-dragon-fruit-300";
471
- /** @deprecated replace dragon-fruit400 with oklch(0.5289 0.2241 281.65 / 1) */
472
- export declare const dragonFruit400: "--cnvs-base-palette-dragon-fruit-400";
473
- /** @deprecated replace dragon-fruit500 with oklch(0.466 0.1961 280.9 / 1) */
474
- export declare const dragonFruit500: "--cnvs-base-palette-dragon-fruit-500";
475
- /** @deprecated replace dragon-fruit600 with oklch(0.317 0.142 278.2 / 1) */
476
- export declare const dragonFruit600: "--cnvs-base-palette-dragon-fruit-600";
477
465
  /** @deprecated replace black-pepper100 with oklch(0.6234 0 0 / 1) */
478
466
  export declare const blackPepper100: "--cnvs-base-palette-black-pepper-100";
479
467
  /** @deprecated replace black-pepper200 with oklch(0.4494 0 0 / 1) */
480
468
  export declare const blackPepper200: "--cnvs-base-palette-black-pepper-200";
481
- /** @deprecated replace black-pepper300 with oklch(0.3523 0 0 / 1) */
469
+ /** @deprecated replace black-pepper300 with oklch(0.3523 0 0 / 1). Prefer to replace with `sys.color.fg.default` if used as a foreground (text/icon) color. */
482
470
  export declare const blackPepper300: "--cnvs-base-palette-black-pepper-300";
483
- /** @deprecated replace black-pepper400 with oklch(0.2891 0 0 / 1) */
471
+ /** @deprecated replace black-pepper400 with oklch(0.2891 0 0 / 1). Prefer to replace with `sys.color.bg.contrast.default` if used as a contrast background color, or `sys.color.fg.strong` if used as a foreground (text/icon) color, or `sys.color.border.contrast.default` if used as a border color. */
484
472
  export declare const blackPepper400: "--cnvs-base-palette-black-pepper-400";
485
- /** @deprecated replace black-pepper500 with oklch(0.2308 0 0 / 1) */
473
+ /** @deprecated replace black-pepper500 with oklch(0.2308 0 0 / 1). Prefer to replace with `sys.color.bg.contrast.strong` if used as a contrast background color, or `sys.color.fg.stronger` if used as a foreground (text/icon) color, or `sys.color.border.contrast.strong` if used as a border color. */
486
474
  export declare const blackPepper500: "--cnvs-base-palette-black-pepper-500";
487
475
  /** @deprecated replace black-pepper600 with oklch(0 0 0 / 1) */
488
476
  export declare const blackPepper600: "--cnvs-base-palette-black-pepper-600";
@@ -557,3 +545,15 @@ export declare const letterSpacing100: "--cnvs-base-letter-spacing-100";
557
545
  export declare const letterSpacing150: "--cnvs-base-letter-spacing-150";
558
546
  export declare const letterSpacing200: "--cnvs-base-letter-spacing-200";
559
547
  export declare const baseUnit: "--cnvs-base-unit";
548
+ /** @deprecated replace dragon-fruit100 with oklch(0.9776 0.0147 312 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
549
+ export declare const extendedDragonFruit100: "--cnvs-base-extended-palette-dragon-fruit-100";
550
+ /** @deprecated replace dragon-fruit200 with oklch(0.909 0.0637 314.43 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
551
+ export declare const extendedDragonFruit200: "--cnvs-base-extended-palette-dragon-fruit-200";
552
+ /** @deprecated replace dragon-fruit300 with oklch(0.615 0.2131 280.7 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
553
+ export declare const extendedDragonFruit300: "--cnvs-base-extended-palette-dragon-fruit-300";
554
+ /** @deprecated replace dragon-fruit400 with oklch(0.5289 0.2241 281.65 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
555
+ export declare const extendedDragonFruit400: "--cnvs-base-extended-palette-dragon-fruit-400";
556
+ /** @deprecated replace dragon-fruit500 with oklch(0.466 0.1961 280.9 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
557
+ export declare const extendedDragonFruit500: "--cnvs-base-extended-palette-dragon-fruit-500";
558
+ /** @deprecated replace dragon-fruit600 with oklch(0.317 0.142 278.2 / 1). Prefer to replace it with ai system tokens: `sys.color.bg.ai.*`, `sys.color.border.ai` or `sys.color.text.ai`. */
559
+ export declare const extendedDragonFruit600: "--cnvs-base-extended-palette-dragon-fruit-600";
package/dist/es6/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  export const amber25 = "--cnvs-base-palette-amber-25";
@@ -318,12 +318,6 @@ export const frenchVanilla300 = "--cnvs-base-palette-french-vanilla-300";
318
318
  export const frenchVanilla400 = "--cnvs-base-palette-french-vanilla-400";
319
319
  export const frenchVanilla500 = "--cnvs-base-palette-french-vanilla-500";
320
320
  export const frenchVanilla600 = "--cnvs-base-palette-french-vanilla-600";
321
- export const dragonFruit100 = "--cnvs-base-palette-dragon-fruit-100";
322
- export const dragonFruit200 = "--cnvs-base-palette-dragon-fruit-200";
323
- export const dragonFruit300 = "--cnvs-base-palette-dragon-fruit-300";
324
- export const dragonFruit400 = "--cnvs-base-palette-dragon-fruit-400";
325
- export const dragonFruit500 = "--cnvs-base-palette-dragon-fruit-500";
326
- export const dragonFruit600 = "--cnvs-base-palette-dragon-fruit-600";
327
321
  export const blackPepper100 = "--cnvs-base-palette-black-pepper-100";
328
322
  export const blackPepper200 = "--cnvs-base-palette-black-pepper-200";
329
323
  export const blackPepper300 = "--cnvs-base-palette-black-pepper-300";
@@ -389,3 +383,9 @@ export const letterSpacing100 = "--cnvs-base-letter-spacing-100";
389
383
  export const letterSpacing150 = "--cnvs-base-letter-spacing-150";
390
384
  export const letterSpacing200 = "--cnvs-base-letter-spacing-200";
391
385
  export const baseUnit = "--cnvs-base-unit";
386
+ export const extendedDragonFruit100 = "--cnvs-base-extended-palette-dragon-fruit-100";
387
+ export const extendedDragonFruit200 = "--cnvs-base-extended-palette-dragon-fruit-200";
388
+ export const extendedDragonFruit300 = "--cnvs-base-extended-palette-dragon-fruit-300";
389
+ export const extendedDragonFruit400 = "--cnvs-base-extended-palette-dragon-fruit-400";
390
+ export const extendedDragonFruit500 = "--cnvs-base-extended-palette-dragon-fruit-500";
391
+ export const extendedDragonFruit600 = "--cnvs-base-extended-palette-dragon-fruit-600";
package/dist/es6/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  export declare const primary: {
package/dist/es6/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  export const primary = {
package/dist/es6/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/es6/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/es6/system/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
package/dist/es6/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ * Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
  */
5
5
 
6
6
  export const breakpoints = {
package/less/base/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ // Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
 
5
5
  @cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
6
6
  @cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
@@ -173,7 +173,7 @@
173
173
  @cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
174
174
  @cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
175
175
  @cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
176
- @cnvs-base-palette-cinnamon-100: var(--cnvs-base-palette-red-25);
176
+ @cnvs-base-palette-cinnamon-100: var(--cnvs-base-palette-red-50);
177
177
  @cnvs-base-palette-cinnamon-200: var(--cnvs-base-palette-red-100);
178
178
  @cnvs-base-palette-cinnamon-300: var(--cnvs-base-palette-red-300);
179
179
  @cnvs-base-palette-cinnamon-400: var(--cnvs-base-palette-red-400);
@@ -191,12 +191,12 @@
191
191
  @cnvs-base-palette-chili-mango-400: var(--cnvs-base-palette-orange-500);
192
192
  @cnvs-base-palette-chili-mango-500: var(--cnvs-base-palette-orange-500);
193
193
  @cnvs-base-palette-chili-mango-600: var(--cnvs-base-palette-orange-700);
194
- @cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-orange-50);
195
- @cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-orange-200);
196
- @cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-orange-200);
197
- @cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-orange-300);
198
- @cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-orange-400);
199
- @cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-500);
194
+ @cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-amber-50);
195
+ @cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-amber-200);
196
+ @cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-amber-300);
197
+ @cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-amber-400);
198
+ @cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-amber-500);
199
+ @cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-600);
200
200
  @cnvs-base-palette-sour-lemon-100: var(--cnvs-base-palette-amber-25);
201
201
  @cnvs-base-palette-sour-lemon-200: var(--cnvs-base-palette-amber-100);
202
202
  @cnvs-base-palette-sour-lemon-300: var(--cnvs-base-palette-amber-200);
@@ -215,12 +215,12 @@
215
215
  @cnvs-base-palette-kiwi-400: var(--cnvs-base-palette-green-500);
216
216
  @cnvs-base-palette-kiwi-500: var(--cnvs-base-palette-green-500);
217
217
  @cnvs-base-palette-kiwi-600: var(--cnvs-base-palette-green-700);
218
- @cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-25);
218
+ @cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-50);
219
219
  @cnvs-base-palette-green-apple-200: var(--cnvs-base-palette-green-100);
220
220
  @cnvs-base-palette-green-apple-300: var(--cnvs-base-palette-green-200);
221
- @cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-400);
222
- @cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-600);
223
- @cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-700);
221
+ @cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-600);
222
+ @cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-700);
223
+ @cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-800);
224
224
  @cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-neutral-50);
225
225
  @cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-neutral-100);
226
226
  @cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
@@ -239,8 +239,8 @@
239
239
  @cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-400);
240
240
  @cnvs-base-palette-toothpaste-500: var(--cnvs-base-palette-azure-700);
241
241
  @cnvs-base-palette-toothpaste-600: var(--cnvs-base-palette-azure-800);
242
- @cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-50);
243
- @cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-200);
242
+ @cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-25);
243
+ @cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-100);
244
244
  @cnvs-base-palette-blueberry-300: var(--cnvs-base-palette-blue-400);
245
245
  @cnvs-base-palette-blueberry-400: var(--cnvs-base-palette-blue-600);
246
246
  @cnvs-base-palette-blueberry-500: var(--cnvs-base-palette-blue-700);
@@ -310,24 +310,18 @@
310
310
  @cnvs-base-palette-soap-300: var(--cnvs-base-palette-slate-100);
311
311
  @cnvs-base-palette-soap-400: var(--cnvs-base-palette-slate-200);
312
312
  @cnvs-base-palette-soap-500: var(--cnvs-base-palette-slate-300);
313
- @cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-300);
313
+ @cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-600);
314
314
  @cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
315
315
  @cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-50);
316
316
  @cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-100);
317
317
  @cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-200);
318
318
  @cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-300);
319
319
  @cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-400);
320
- @cnvs-base-palette-dragon-fruit-100: ;
321
- @cnvs-base-palette-dragon-fruit-200: ;
322
- @cnvs-base-palette-dragon-fruit-300: ;
323
- @cnvs-base-palette-dragon-fruit-400: ;
324
- @cnvs-base-palette-dragon-fruit-500: ;
325
- @cnvs-base-palette-dragon-fruit-600: ;
326
320
  @cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-500);
327
321
  @cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
328
- @cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-800);
329
- @cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-900);
330
- @cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-950);
322
+ @cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-900);
323
+ @cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-950);
324
+ @cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-975);
331
325
  @cnvs-base-palette-black-pepper-600: var(--cnvs-base-palette-neutral-1000);
332
326
  @cnvs-base-palette-coconut-100: #F0EEEE;
333
327
  @cnvs-base-palette-coconut-200: #e3dfdf;
@@ -388,3 +382,9 @@
388
382
  @cnvs-base-letter-spacing-150: 0.015rem;
389
383
  @cnvs-base-letter-spacing-200: 0.01rem;
390
384
  @cnvs-base-unit: 0.25rem; // The base unit used in the grid system.;
385
+ @cnvs-base-extended-palette-dragon-fruit-100: ;
386
+ @cnvs-base-extended-palette-dragon-fruit-200: ;
387
+ @cnvs-base-extended-palette-dragon-fruit-300: ;
388
+ @cnvs-base-extended-palette-dragon-fruit-400: ;
389
+ @cnvs-base-extended-palette-dragon-fruit-500: ;
390
+ @cnvs-base-extended-palette-dragon-fruit-600: ;
package/less/brand/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ // Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
 
5
5
  @cnvs-brand-common-alert-outer: @cnvs-base-palette-amber-500;
6
6
  @cnvs-brand-common-alert-inner: @cnvs-base-palette-amber-400;
package/less/system/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ // Generated on Tue, 26 Aug 2025 22:58:32 GMT
4
4
 
5
5
  @cnvs-sys-space-zero: 0; // Stacks, rows in tables
6
6
  @cnvs-sys-shape-zero: 0rem; // This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-tokens-web",
3
- "version": "3.0.0-alpha.14",
3
+ "version": "3.0.0-alpha.16",
4
4
  "description": "Canvas design tokens for web",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "CC-BY-ND-4.0",
package/scss/base/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ // Generated on Tue, 26 Aug 2025 22:58:31 GMT
4
4
 
5
5
  $cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
6
6
  $cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
@@ -173,7 +173,7 @@ $cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
173
173
  $cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
174
174
  $cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
175
175
  $cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
176
- $cnvs-base-palette-cinnamon-100: var(--cnvs-base-palette-red-25);
176
+ $cnvs-base-palette-cinnamon-100: var(--cnvs-base-palette-red-50);
177
177
  $cnvs-base-palette-cinnamon-200: var(--cnvs-base-palette-red-100);
178
178
  $cnvs-base-palette-cinnamon-300: var(--cnvs-base-palette-red-300);
179
179
  $cnvs-base-palette-cinnamon-400: var(--cnvs-base-palette-red-400);
@@ -191,12 +191,12 @@ $cnvs-base-palette-chili-mango-300: var(--cnvs-base-palette-coral-300);
191
191
  $cnvs-base-palette-chili-mango-400: var(--cnvs-base-palette-orange-500);
192
192
  $cnvs-base-palette-chili-mango-500: var(--cnvs-base-palette-orange-500);
193
193
  $cnvs-base-palette-chili-mango-600: var(--cnvs-base-palette-orange-700);
194
- $cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-orange-50);
195
- $cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-orange-200);
196
- $cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-orange-200);
197
- $cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-orange-300);
198
- $cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-orange-400);
199
- $cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-500);
194
+ $cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-amber-50);
195
+ $cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-amber-200);
196
+ $cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-amber-300);
197
+ $cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-amber-400);
198
+ $cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-amber-500);
199
+ $cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-600);
200
200
  $cnvs-base-palette-sour-lemon-100: var(--cnvs-base-palette-amber-25);
201
201
  $cnvs-base-palette-sour-lemon-200: var(--cnvs-base-palette-amber-100);
202
202
  $cnvs-base-palette-sour-lemon-300: var(--cnvs-base-palette-amber-200);
@@ -215,12 +215,12 @@ $cnvs-base-palette-kiwi-300: var(--cnvs-base-palette-green-200);
215
215
  $cnvs-base-palette-kiwi-400: var(--cnvs-base-palette-green-500);
216
216
  $cnvs-base-palette-kiwi-500: var(--cnvs-base-palette-green-500);
217
217
  $cnvs-base-palette-kiwi-600: var(--cnvs-base-palette-green-700);
218
- $cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-25);
218
+ $cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-50);
219
219
  $cnvs-base-palette-green-apple-200: var(--cnvs-base-palette-green-100);
220
220
  $cnvs-base-palette-green-apple-300: var(--cnvs-base-palette-green-200);
221
- $cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-400);
222
- $cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-600);
223
- $cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-700);
221
+ $cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-600);
222
+ $cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-700);
223
+ $cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-800);
224
224
  $cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-neutral-50);
225
225
  $cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-neutral-100);
226
226
  $cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
@@ -239,8 +239,8 @@ $cnvs-base-palette-toothpaste-300: var(--cnvs-base-palette-azure-300);
239
239
  $cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-400);
240
240
  $cnvs-base-palette-toothpaste-500: var(--cnvs-base-palette-azure-700);
241
241
  $cnvs-base-palette-toothpaste-600: var(--cnvs-base-palette-azure-800);
242
- $cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-50);
243
- $cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-200);
242
+ $cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-25);
243
+ $cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-100);
244
244
  $cnvs-base-palette-blueberry-300: var(--cnvs-base-palette-blue-400);
245
245
  $cnvs-base-palette-blueberry-400: var(--cnvs-base-palette-blue-600);
246
246
  $cnvs-base-palette-blueberry-500: var(--cnvs-base-palette-blue-700);
@@ -310,24 +310,18 @@ $cnvs-base-palette-soap-200: var(--cnvs-base-palette-slate-50);
310
310
  $cnvs-base-palette-soap-300: var(--cnvs-base-palette-slate-100);
311
311
  $cnvs-base-palette-soap-400: var(--cnvs-base-palette-slate-200);
312
312
  $cnvs-base-palette-soap-500: var(--cnvs-base-palette-slate-300);
313
- $cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-300);
313
+ $cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-600);
314
314
  $cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
315
315
  $cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-50);
316
316
  $cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-100);
317
317
  $cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-200);
318
318
  $cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-300);
319
319
  $cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-400);
320
- $cnvs-base-palette-dragon-fruit-100: ;
321
- $cnvs-base-palette-dragon-fruit-200: ;
322
- $cnvs-base-palette-dragon-fruit-300: ;
323
- $cnvs-base-palette-dragon-fruit-400: ;
324
- $cnvs-base-palette-dragon-fruit-500: ;
325
- $cnvs-base-palette-dragon-fruit-600: ;
326
320
  $cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-500);
327
321
  $cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
328
- $cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-800);
329
- $cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-900);
330
- $cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-950);
322
+ $cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-900);
323
+ $cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-950);
324
+ $cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-975);
331
325
  $cnvs-base-palette-black-pepper-600: var(--cnvs-base-palette-neutral-1000);
332
326
  $cnvs-base-palette-coconut-100: #F0EEEE;
333
327
  $cnvs-base-palette-coconut-200: #e3dfdf;
@@ -388,3 +382,9 @@ $cnvs-base-letter-spacing-100: 0.02rem;
388
382
  $cnvs-base-letter-spacing-150: 0.015rem;
389
383
  $cnvs-base-letter-spacing-200: 0.01rem;
390
384
  $cnvs-base-unit: 0.25rem; // The base unit used in the grid system.;
385
+ $cnvs-base-extended-palette-dragon-fruit-100: ;
386
+ $cnvs-base-extended-palette-dragon-fruit-200: ;
387
+ $cnvs-base-extended-palette-dragon-fruit-300: ;
388
+ $cnvs-base-extended-palette-dragon-fruit-400: ;
389
+ $cnvs-base-extended-palette-dragon-fruit-500: ;
390
+ $cnvs-base-extended-palette-dragon-fruit-600: ;
package/scss/base/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ // Generated on Tue, 26 Aug 2025 22:58:31 GMT
4
4
 
5
5
  $cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
6
6
  $cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
@@ -173,7 +173,7 @@ $cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
173
173
  $cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
174
174
  $cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
175
175
  $cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
176
- $cnvs-base-palette-cinnamon-100: var(--cnvs-base-palette-red-25);
176
+ $cnvs-base-palette-cinnamon-100: var(--cnvs-base-palette-red-50);
177
177
  $cnvs-base-palette-cinnamon-200: var(--cnvs-base-palette-red-100);
178
178
  $cnvs-base-palette-cinnamon-300: var(--cnvs-base-palette-red-300);
179
179
  $cnvs-base-palette-cinnamon-400: var(--cnvs-base-palette-red-400);
@@ -191,12 +191,12 @@ $cnvs-base-palette-chili-mango-300: var(--cnvs-base-palette-coral-300);
191
191
  $cnvs-base-palette-chili-mango-400: var(--cnvs-base-palette-orange-500);
192
192
  $cnvs-base-palette-chili-mango-500: var(--cnvs-base-palette-orange-500);
193
193
  $cnvs-base-palette-chili-mango-600: var(--cnvs-base-palette-orange-700);
194
- $cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-orange-50);
195
- $cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-orange-200);
196
- $cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-orange-200);
197
- $cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-orange-300);
198
- $cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-orange-400);
199
- $cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-500);
194
+ $cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-amber-50);
195
+ $cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-amber-200);
196
+ $cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-amber-300);
197
+ $cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-amber-400);
198
+ $cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-amber-500);
199
+ $cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-600);
200
200
  $cnvs-base-palette-sour-lemon-100: var(--cnvs-base-palette-amber-25);
201
201
  $cnvs-base-palette-sour-lemon-200: var(--cnvs-base-palette-amber-100);
202
202
  $cnvs-base-palette-sour-lemon-300: var(--cnvs-base-palette-amber-200);
@@ -215,12 +215,12 @@ $cnvs-base-palette-kiwi-300: var(--cnvs-base-palette-green-200);
215
215
  $cnvs-base-palette-kiwi-400: var(--cnvs-base-palette-green-500);
216
216
  $cnvs-base-palette-kiwi-500: var(--cnvs-base-palette-green-500);
217
217
  $cnvs-base-palette-kiwi-600: var(--cnvs-base-palette-green-700);
218
- $cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-25);
218
+ $cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-50);
219
219
  $cnvs-base-palette-green-apple-200: var(--cnvs-base-palette-green-100);
220
220
  $cnvs-base-palette-green-apple-300: var(--cnvs-base-palette-green-200);
221
- $cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-400);
222
- $cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-600);
223
- $cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-700);
221
+ $cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-600);
222
+ $cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-700);
223
+ $cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-800);
224
224
  $cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-neutral-50);
225
225
  $cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-neutral-100);
226
226
  $cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
@@ -239,8 +239,8 @@ $cnvs-base-palette-toothpaste-300: var(--cnvs-base-palette-azure-300);
239
239
  $cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-400);
240
240
  $cnvs-base-palette-toothpaste-500: var(--cnvs-base-palette-azure-700);
241
241
  $cnvs-base-palette-toothpaste-600: var(--cnvs-base-palette-azure-800);
242
- $cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-50);
243
- $cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-200);
242
+ $cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-25);
243
+ $cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-100);
244
244
  $cnvs-base-palette-blueberry-300: var(--cnvs-base-palette-blue-400);
245
245
  $cnvs-base-palette-blueberry-400: var(--cnvs-base-palette-blue-600);
246
246
  $cnvs-base-palette-blueberry-500: var(--cnvs-base-palette-blue-700);
@@ -310,24 +310,18 @@ $cnvs-base-palette-soap-200: var(--cnvs-base-palette-slate-50);
310
310
  $cnvs-base-palette-soap-300: var(--cnvs-base-palette-slate-100);
311
311
  $cnvs-base-palette-soap-400: var(--cnvs-base-palette-slate-200);
312
312
  $cnvs-base-palette-soap-500: var(--cnvs-base-palette-slate-300);
313
- $cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-300);
313
+ $cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-600);
314
314
  $cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
315
315
  $cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-50);
316
316
  $cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-100);
317
317
  $cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-200);
318
318
  $cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-300);
319
319
  $cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-400);
320
- $cnvs-base-palette-dragon-fruit-100: ;
321
- $cnvs-base-palette-dragon-fruit-200: ;
322
- $cnvs-base-palette-dragon-fruit-300: ;
323
- $cnvs-base-palette-dragon-fruit-400: ;
324
- $cnvs-base-palette-dragon-fruit-500: ;
325
- $cnvs-base-palette-dragon-fruit-600: ;
326
320
  $cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-500);
327
321
  $cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
328
- $cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-800);
329
- $cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-900);
330
- $cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-950);
322
+ $cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-900);
323
+ $cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-950);
324
+ $cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-975);
331
325
  $cnvs-base-palette-black-pepper-600: var(--cnvs-base-palette-neutral-1000);
332
326
  $cnvs-base-palette-coconut-100: #F0EEEE;
333
327
  $cnvs-base-palette-coconut-200: #e3dfdf;
@@ -388,3 +382,9 @@ $cnvs-base-letter-spacing-100: 0.02rem;
388
382
  $cnvs-base-letter-spacing-150: 0.015rem;
389
383
  $cnvs-base-letter-spacing-200: 0.01rem;
390
384
  $cnvs-base-unit: 0.25rem; // The base unit used in the grid system.;
385
+ $cnvs-base-extended-palette-dragon-fruit-100: ;
386
+ $cnvs-base-extended-palette-dragon-fruit-200: ;
387
+ $cnvs-base-extended-palette-dragon-fruit-300: ;
388
+ $cnvs-base-extended-palette-dragon-fruit-400: ;
389
+ $cnvs-base-extended-palette-dragon-fruit-500: ;
390
+ $cnvs-base-extended-palette-dragon-fruit-600: ;
package/scss/brand/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ // Generated on Tue, 26 Aug 2025 22:58:31 GMT
4
4
 
5
5
  $cnvs-brand-common-alert-outer: $cnvs-base-palette-amber-500;
6
6
  $cnvs-brand-common-alert-inner: $cnvs-base-palette-amber-400;
package/scss/brand/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ // Generated on Tue, 26 Aug 2025 22:58:31 GMT
4
4
 
5
5
  $cnvs-brand-common-alert-outer: $cnvs-base-palette-amber-500;
6
6
  $cnvs-brand-common-alert-inner: $cnvs-base-palette-amber-400;
package/scss/system/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ // Generated on Tue, 26 Aug 2025 22:58:31 GMT
4
4
 
5
5
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
6
6
  $cnvs-sys-shape-zero: 0rem; // This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels.
package/scss/system/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 15 Aug 2025 19:42:15 GMT
3
+ // Generated on Tue, 26 Aug 2025 22:58:31 GMT
4
4
 
5
5
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
6
6
  $cnvs-sys-shape-zero: 0rem; // This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels.