@workday/canvas-tokens-web 3.0.0-alpha.12 → 3.0.0-alpha.13

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 +1 -1
  3. package/css/system/_variables.css +3 -3
  4. package/dist/common-js/base/index.d.ts +337 -1
  5. package/dist/common-js/base/index.js +169 -1
  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 +3 -3
  11. package/dist/common-js/system/index.js +1 -1
  12. package/dist/es6/base/index.d.ts +337 -1
  13. package/dist/es6/base/index.js +169 -1
  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 +3 -3
  19. package/dist/es6/system/index.js +1 -1
  20. package/less/base/_variables.less +169 -1
  21. package/less/brand/_variables.less +1 -1
  22. package/less/system/_variables.less +3 -3
  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 +1 -1
  27. package/scss/brand/_variables.scss +1 -1
  28. package/scss/system/_variables.sass +3 -3
  29. package/scss/system/_variables.scss +3 -3
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ * Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -175,6 +175,174 @@
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: #ffefee;
179
+ --cnvs-base-palette-cinnamon-200: #FCC9C5;
180
+ --cnvs-base-palette-cinnamon-300: #ff867d;
181
+ --cnvs-base-palette-cinnamon-400: #ff5347;
182
+ --cnvs-base-palette-cinnamon-500: #de2e21;
183
+ --cnvs-base-palette-cinnamon-600: #a31b12;
184
+ --cnvs-base-palette-peach-100: #fff3f0;
185
+ --cnvs-base-palette-peach-200: #ffc2b3;
186
+ --cnvs-base-palette-peach-300: #ff957a;
187
+ --cnvs-base-palette-peach-400: #ff643d;
188
+ --cnvs-base-palette-peach-500: #de4721;
189
+ --cnvs-base-palette-peach-600: #b53413;
190
+ --cnvs-base-palette-chili-mango-100: #ffe6d9;
191
+ --cnvs-base-palette-chili-mango-200: #ffc7ab;
192
+ --cnvs-base-palette-chili-mango-300: #ff9b69;
193
+ --cnvs-base-palette-chili-mango-400: #ff671b;
194
+ --cnvs-base-palette-chili-mango-500: #e04b00;
195
+ --cnvs-base-palette-chili-mango-600: #a33600;
196
+ --cnvs-base-palette-cantaloupe-100: #ffeed9;
197
+ --cnvs-base-palette-cantaloupe-200: #fcd49f;
198
+ --cnvs-base-palette-cantaloupe-300: #ffbc63;
199
+ --cnvs-base-palette-cantaloupe-400: #ffa126;
200
+ --cnvs-base-palette-cantaloupe-500: #f38b00;
201
+ --cnvs-base-palette-cantaloupe-600: #c06c00;
202
+ --cnvs-base-palette-sour-lemon-100: #fff9e6;
203
+ --cnvs-base-palette-sour-lemon-200: #ffecab;
204
+ --cnvs-base-palette-sour-lemon-300: #ffda61;
205
+ --cnvs-base-palette-sour-lemon-400: #ffc629;
206
+ --cnvs-base-palette-sour-lemon-500: #ebb400;
207
+ --cnvs-base-palette-sour-lemon-600: #bd9100;
208
+ --cnvs-base-palette-juicy-pear-100: #f7fae6;
209
+ --cnvs-base-palette-juicy-pear-200: #e2f391;
210
+ --cnvs-base-palette-juicy-pear-300: #c4de40;
211
+ --cnvs-base-palette-juicy-pear-400: #a8c224;
212
+ --cnvs-base-palette-juicy-pear-500: #8ea618;
213
+ --cnvs-base-palette-juicy-pear-600: #687818;
214
+ --cnvs-base-palette-kiwi-100: #ecfcd7;
215
+ --cnvs-base-palette-kiwi-200: #caf593;
216
+ --cnvs-base-palette-kiwi-300: #a7e05c;
217
+ --cnvs-base-palette-kiwi-400: #77bc1f;
218
+ --cnvs-base-palette-kiwi-500: #609915;
219
+ --cnvs-base-palette-kiwi-600: #537824;
220
+ --cnvs-base-palette-green-apple-100: #ebfff0;
221
+ --cnvs-base-palette-green-apple-200: #acf5be;
222
+ --cnvs-base-palette-green-apple-300: #5fe380;
223
+ --cnvs-base-palette-green-apple-400: #43c463;
224
+ --cnvs-base-palette-green-apple-500: #319c4c;
225
+ --cnvs-base-palette-green-apple-600: #217a37;
226
+ --cnvs-base-palette-watermelon-100: #ebfdf8;
227
+ --cnvs-base-palette-watermelon-200: #b7edde;
228
+ --cnvs-base-palette-watermelon-300: #65ccaf;
229
+ --cnvs-base-palette-watermelon-400: #12a67c;
230
+ --cnvs-base-palette-watermelon-500: #0c7a5b;
231
+ --cnvs-base-palette-watermelon-600: #00573e;
232
+ --cnvs-base-palette-jewel-100: #ebfdff;
233
+ --cnvs-base-palette-jewel-200: #acecf3;
234
+ --cnvs-base-palette-jewel-300: #44c8d7;
235
+ --cnvs-base-palette-jewel-400: #1ea4b3;
236
+ --cnvs-base-palette-jewel-500: #1a818c;
237
+ --cnvs-base-palette-jewel-600: #156973;
238
+ --cnvs-base-palette-toothpaste-100: #d7f1fc;
239
+ --cnvs-base-palette-toothpaste-200: #99e0ff;
240
+ --cnvs-base-palette-toothpaste-300: #40b4e5;
241
+ --cnvs-base-palette-toothpaste-400: #1894c9;
242
+ --cnvs-base-palette-toothpaste-500: #0271a1;
243
+ --cnvs-base-palette-toothpaste-600: #005B82;
244
+ --cnvs-base-palette-blueberry-100: #D7EAFC;
245
+ --cnvs-base-palette-blueberry-200: #A6D2FF;
246
+ --cnvs-base-palette-blueberry-300: #40A0FF;
247
+ --cnvs-base-palette-blueberry-400: #0875E1;
248
+ --cnvs-base-palette-blueberry-500: #005cb9;
249
+ --cnvs-base-palette-blueberry-600: #004387;
250
+ --cnvs-base-palette-plum-100: #e6f1ff;
251
+ --cnvs-base-palette-plum-200: #A6CDFF;
252
+ --cnvs-base-palette-plum-300: #529bfa;
253
+ --cnvs-base-palette-plum-400: #3881E1;
254
+ --cnvs-base-palette-plum-500: #3166ab;
255
+ --cnvs-base-palette-plum-600: #264a7a;
256
+ --cnvs-base-palette-berry-smoothie-100: #e8edff;
257
+ --cnvs-base-palette-berry-smoothie-200: #c2cfff;
258
+ --cnvs-base-palette-berry-smoothie-300: #7891FF;
259
+ --cnvs-base-palette-berry-smoothie-400: #5E77E6;
260
+ --cnvs-base-palette-berry-smoothie-500: #4b5eb3;
261
+ --cnvs-base-palette-berry-smoothie-600: #3b4987;
262
+ --cnvs-base-palette-blackberry-100: #f0f0ff;
263
+ --cnvs-base-palette-blackberry-200: #c3c2ff;
264
+ --cnvs-base-palette-blackberry-300: #8483e6;
265
+ --cnvs-base-palette-blackberry-400: #5c59e6;
266
+ --cnvs-base-palette-blackberry-500: #413fcc;
267
+ --cnvs-base-palette-blackberry-600: #2e2d91;
268
+ --cnvs-base-palette-island-punch-100: #f5f0ff;
269
+ --cnvs-base-palette-island-punch-200: #d2befa;
270
+ --cnvs-base-palette-island-punch-300: #a88ae6;
271
+ --cnvs-base-palette-island-punch-400: #8660d1;
272
+ --cnvs-base-palette-island-punch-500: #6345a1;
273
+ --cnvs-base-palette-island-punch-600: #503882;
274
+ --cnvs-base-palette-grape-soda-100: #feebff;
275
+ --cnvs-base-palette-grape-soda-200: #fac0ff;
276
+ --cnvs-base-palette-grape-soda-300: #de8ae6;
277
+ --cnvs-base-palette-grape-soda-400: #c860d1;
278
+ --cnvs-base-palette-grape-soda-500: #97499e;
279
+ --cnvs-base-palette-grape-soda-600: #7C3882;
280
+ --cnvs-base-palette-pomegranate-100: #ffebf3;
281
+ --cnvs-base-palette-pomegranate-200: #ffbdd6;
282
+ --cnvs-base-palette-pomegranate-300: #ff5c9a;
283
+ --cnvs-base-palette-pomegranate-400: #f31167;
284
+ --cnvs-base-palette-pomegranate-500: #c70550;
285
+ --cnvs-base-palette-pomegranate-600: #99003a;
286
+ --cnvs-base-palette-fruit-punch-100: #FFEEEE;
287
+ --cnvs-base-palette-fruit-punch-200: #ffbdbd;
288
+ --cnvs-base-palette-fruit-punch-300: #FF7E7E;
289
+ --cnvs-base-palette-fruit-punch-400: #ff4c4c;
290
+ --cnvs-base-palette-fruit-punch-500: #e12f2f;
291
+ --cnvs-base-palette-fruit-punch-600: #b82828;
292
+ --cnvs-base-palette-root-beer-100: #faf3f0;
293
+ --cnvs-base-palette-root-beer-200: #EBD7CF;
294
+ --cnvs-base-palette-root-beer-300: #dcbbad;
295
+ --cnvs-base-palette-root-beer-400: #ba9a8c;
296
+ --cnvs-base-palette-root-beer-500: #8C7266;
297
+ --cnvs-base-palette-root-beer-600: #664d42;
298
+ --cnvs-base-palette-toasted-marshmallow-100: #fdf6e6;
299
+ --cnvs-base-palette-toasted-marshmallow-200: #ebd6a9;
300
+ --cnvs-base-palette-toasted-marshmallow-300: #e6bf6c;
301
+ --cnvs-base-palette-toasted-marshmallow-400: #CC9E3B;
302
+ --cnvs-base-palette-toasted-marshmallow-500: #b37f10;
303
+ --cnvs-base-palette-toasted-marshmallow-600: #8C6000;
304
+ --cnvs-base-palette-licorice-100: #A1AAB3;
305
+ --cnvs-base-palette-licorice-200: #7b858f;
306
+ --cnvs-base-palette-licorice-300: #5E6A75;
307
+ --cnvs-base-palette-licorice-400: #4a5561;
308
+ --cnvs-base-palette-licorice-500: #333d47;
309
+ --cnvs-base-palette-licorice-600: #1f262e;
310
+ --cnvs-base-palette-soap-100: #f6f7f8;
311
+ --cnvs-base-palette-soap-200: #F0F1F2;
312
+ --cnvs-base-palette-soap-300: #e8ebed;
313
+ --cnvs-base-palette-soap-400: #DFE2E6;
314
+ --cnvs-base-palette-soap-500: #ced3d9;
315
+ --cnvs-base-palette-soap-600: #B9C0C7;
316
+ --cnvs-base-palette-french-vanilla-100: #ffffff;
317
+ --cnvs-base-palette-french-vanilla-200: #ebebeb;
318
+ --cnvs-base-palette-french-vanilla-300: #d4d4d4;
319
+ --cnvs-base-palette-french-vanilla-400: #bdbdbd;
320
+ --cnvs-base-palette-french-vanilla-500: #a6a6a6;
321
+ --cnvs-base-palette-french-vanilla-600: #8f8f8f;
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
+ --cnvs-base-palette-black-pepper-100: #787878;
329
+ --cnvs-base-palette-black-pepper-200: #616161;
330
+ --cnvs-base-palette-black-pepper-300: #494949;
331
+ --cnvs-base-palette-black-pepper-400: #333333;
332
+ --cnvs-base-palette-black-pepper-500: #1e1e1e;
333
+ --cnvs-base-palette-black-pepper-600: #000000;
334
+ --cnvs-base-palette-coconut-100: #F0EEEE;
335
+ --cnvs-base-palette-coconut-200: #e3dfdf;
336
+ --cnvs-base-palette-coconut-300: #d1cbcc;
337
+ --cnvs-base-palette-coconut-400: #b3acac;
338
+ --cnvs-base-palette-coconut-500: #9e9595;
339
+ --cnvs-base-palette-coconut-600: #8F8687;
340
+ --cnvs-base-palette-cappuccino-100: #7A7374;
341
+ --cnvs-base-palette-cappuccino-200: #706869;
342
+ --cnvs-base-palette-cappuccino-300: #5E5757;
343
+ --cnvs-base-palette-cappuccino-400: #4A4242;
344
+ --cnvs-base-palette-cappuccino-500: #352f2f;
345
+ --cnvs-base-palette-cappuccino-600: #231f20;
178
346
  --cnvs-base-opacity-0: 0;
179
347
  --cnvs-base-opacity-100: 0.08;
180
348
  --cnvs-base-opacity-200: 0.12;
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ * Generated on Wed, 06 Aug 2025 21:32:18 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 Wed, 06 Aug 2025 00:24:24 GMT
3
+ * Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -215,8 +215,8 @@
215
215
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
216
216
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
217
217
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-400)); /* Overlay background */
218
- --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-250)); /* Inverse Button Active state */
219
- --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-200)); /* Inverse Button Hover state */
218
+ --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
219
+ --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-200)); /* Inverse Secondary Button Hover state */
220
220
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
221
221
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
222
222
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
package/dist/common-js/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ * Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
  */
5
5
 
6
6
  export declare const amber25: "--cnvs-base-palette-amber-25";
@@ -174,6 +174,342 @@ 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 `base.palette.red.25` */
178
+ export declare const cinnamon100: "--cnvs-base-palette-cinnamon-100";
179
+ /** @deprecated replace `cinnamon200` with `base.palette.red.100` */
180
+ export declare const cinnamon200: "--cnvs-base-palette-cinnamon-200";
181
+ /** @deprecated replace `cinnamon300` with `base.palette.red.300` */
182
+ export declare const cinnamon300: "--cnvs-base-palette-cinnamon-300";
183
+ /** @deprecated replace `cinnamon400` with `base.palette.red.400` */
184
+ export declare const cinnamon400: "--cnvs-base-palette-cinnamon-400";
185
+ /** @deprecated replace `cinnamon500` with `base.palette.red.600` */
186
+ export declare const cinnamon500: "--cnvs-base-palette-cinnamon-500";
187
+ /** @deprecated replace `cinnamon600` with `base.palette.red.700` */
188
+ export declare const cinnamon600: "--cnvs-base-palette-cinnamon-600";
189
+ /** @deprecated replace `peach100` with `base.palette.coral.50` */
190
+ export declare const peach100: "--cnvs-base-palette-peach-100";
191
+ /** @deprecated replace `peach200` with `base.palette.coral.200` */
192
+ export declare const peach200: "--cnvs-base-palette-peach-200";
193
+ /** @deprecated replace `peach300` with `base.palette.coral.300` */
194
+ export declare const peach300: "--cnvs-base-palette-peach-300";
195
+ /** @deprecated replace `peach400` with `base.palette.red.400` */
196
+ export declare const peach400: "--cnvs-base-palette-peach-400";
197
+ /** @deprecated replace `peach500` with `base.palette.coral.600` */
198
+ export declare const peach500: "--cnvs-base-palette-peach-500";
199
+ /** @deprecated replace `peach600` with `base.palette.coral.700` */
200
+ export declare const peach600: "--cnvs-base-palette-peach-600";
201
+ /** @deprecated replace `chiliMango100` with `base.palette.coral.25` */
202
+ export declare const chiliMango100: "--cnvs-base-palette-chili-mango-100";
203
+ /** @deprecated replace `chiliMango200` with `base.palette.coral.200` */
204
+ export declare const chiliMango200: "--cnvs-base-palette-chili-mango-200";
205
+ /** @deprecated replace `chiliMango300` with `base.palette.coral.300` */
206
+ export declare const chiliMango300: "--cnvs-base-palette-chili-mango-300";
207
+ /** @deprecated replace `chiliMango400` with `base.palette.orange.500` */
208
+ export declare const chiliMango400: "--cnvs-base-palette-chili-mango-400";
209
+ /** @deprecated replace `chiliMango500` with `base.palette.orange.500` */
210
+ export declare const chiliMango500: "--cnvs-base-palette-chili-mango-500";
211
+ /** @deprecated replace `chiliMango600` with `base.palette.orange.700` */
212
+ export declare const chiliMango600: "--cnvs-base-palette-chili-mango-600";
213
+ /** @deprecated replace `cantaloupe100` with `base.palette.orange.50` */
214
+ export declare const cantaloupe100: "--cnvs-base-palette-cantaloupe-100";
215
+ /** @deprecated replace `cantaloupe200` with `base.palette.orange.200` */
216
+ export declare const cantaloupe200: "--cnvs-base-palette-cantaloupe-200";
217
+ /** @deprecated replace `cantaloupe300` with `base.palette.orange.200` */
218
+ export declare const cantaloupe300: "--cnvs-base-palette-cantaloupe-300";
219
+ /** @deprecated replace `cantaloupe400` with `base.palette.orange.300` */
220
+ export declare const cantaloupe400: "--cnvs-base-palette-cantaloupe-400";
221
+ /** @deprecated replace `cantaloupe500` with `base.palette.orange.400` */
222
+ export declare const cantaloupe500: "--cnvs-base-palette-cantaloupe-500";
223
+ /** @deprecated replace `cantaloupe600` with `base.palette.amber.500` */
224
+ export declare const cantaloupe600: "--cnvs-base-palette-cantaloupe-600";
225
+ /** @deprecated replace `sourLemon100` with `base.palette.amber.25` */
226
+ export declare const sourLemon100: "--cnvs-base-palette-sour-lemon-100";
227
+ /** @deprecated replace `sourLemon200` with `base.palette.amber.100` */
228
+ export declare const sourLemon200: "--cnvs-base-palette-sour-lemon-200";
229
+ /** @deprecated replace `sourLemon300` with `base.palette.amber.200` */
230
+ export declare const sourLemon300: "--cnvs-base-palette-sour-lemon-300";
231
+ /** @deprecated replace `sourLemon400` with `base.palette.amber.300` */
232
+ export declare const sourLemon400: "--cnvs-base-palette-sour-lemon-400";
233
+ /** @deprecated replace `sourLemon500` with `base.palette.amber.300` */
234
+ export declare const sourLemon500: "--cnvs-base-palette-sour-lemon-500";
235
+ /** @deprecated replace `sourLemon600` with `base.palette.amber.500` */
236
+ export declare const sourLemon600: "--cnvs-base-palette-sour-lemon-600";
237
+ /** @deprecated replace `juicyPear100` with `base.palette.amber.25` */
238
+ export declare const juicyPear100: "--cnvs-base-palette-juicy-pear-100";
239
+ /** @deprecated replace `juicyPear200` with `base.palette.amber.100` */
240
+ export declare const juicyPear200: "--cnvs-base-palette-juicy-pear-200";
241
+ /** @deprecated replace `juicyPear300` with `base.palette.amber.200` */
242
+ export declare const juicyPear300: "--cnvs-base-palette-juicy-pear-300";
243
+ /** @deprecated replace `juicyPear400` with `base.palette.amber.200` */
244
+ export declare const juicyPear400: "--cnvs-base-palette-juicy-pear-400";
245
+ /** @deprecated replace `juicyPear500` with `base.palette.green.500` */
246
+ export declare const juicyPear500: "--cnvs-base-palette-juicy-pear-500";
247
+ /** @deprecated replace `juicyPear600` with `base.palette.green.700` */
248
+ export declare const juicyPear600: "--cnvs-base-palette-juicy-pear-600";
249
+ /** @deprecated replace `kiwi100` with `base.palette.green.50` */
250
+ export declare const kiwi100: "--cnvs-base-palette-kiwi-100";
251
+ /** @deprecated replace `kiwi200` with `base.palette.green.100` */
252
+ export declare const kiwi200: "--cnvs-base-palette-kiwi-200";
253
+ /** @deprecated replace `kiwi300` with `base.palette.green.200` */
254
+ export declare const kiwi300: "--cnvs-base-palette-kiwi-300";
255
+ /** @deprecated replace `kiwi400` with `base.palette.green.500` */
256
+ export declare const kiwi400: "--cnvs-base-palette-kiwi-400";
257
+ /** @deprecated replace `kiwi500` with `base.palette.green.500` */
258
+ export declare const kiwi500: "--cnvs-base-palette-kiwi-500";
259
+ /** @deprecated replace `kiwi600` with `base.palette.green.700` */
260
+ export declare const kiwi600: "--cnvs-base-palette-kiwi-600";
261
+ /** @deprecated replace `greenApple100` with `base.palette.green.25` */
262
+ export declare const greenApple100: "--cnvs-base-palette-green-apple-100";
263
+ /** @deprecated replace `greenApple200` with `base.palette.green.100` */
264
+ export declare const greenApple200: "--cnvs-base-palette-green-apple-200";
265
+ /** @deprecated replace `greenApple300` with `base.palette.green.200` */
266
+ export declare const greenApple300: "--cnvs-base-palette-green-apple-300";
267
+ /** @deprecated replace `greenApple400` with `base.palette.green.400` */
268
+ export declare const greenApple400: "--cnvs-base-palette-green-apple-400";
269
+ /** @deprecated replace `greenApple500` with `base.palette.green.600` */
270
+ export declare const greenApple500: "--cnvs-base-palette-green-apple-500";
271
+ /** @deprecated replace `greenApple600` with `base.palette.green.700` */
272
+ export declare const greenApple600: "--cnvs-base-palette-green-apple-600";
273
+ /** @deprecated replace `watermelon100` with `base.palette.neutral.50` */
274
+ export declare const watermelon100: "--cnvs-base-palette-watermelon-100";
275
+ /** @deprecated replace `watermelon200` with `base.palette.neutral.100` */
276
+ export declare const watermelon200: "--cnvs-base-palette-watermelon-200";
277
+ /** @deprecated replace `watermelon300` with `base.palette.green.100` */
278
+ export declare const watermelon300: "--cnvs-base-palette-watermelon-300";
279
+ /** @deprecated replace `watermelon400` with `base.palette.green.600` */
280
+ export declare const watermelon400: "--cnvs-base-palette-watermelon-400";
281
+ /** @deprecated replace `watermelon500` with `base.palette.green.800` */
282
+ export declare const watermelon500: "--cnvs-base-palette-watermelon-500";
283
+ /** @deprecated replace `watermelon600` with `base.palette.green.800` */
284
+ export declare const watermelon600: "--cnvs-base-palette-watermelon-600";
285
+ /** @deprecated replace `jewel100` with `base.palette.teal.25` */
286
+ export declare const jewel100: "--cnvs-base-palette-jewel-100";
287
+ /** @deprecated replace `jewel200` with `base.palette.teal.200` */
288
+ export declare const jewel200: "--cnvs-base-palette-jewel-200";
289
+ /** @deprecated replace `jewel300` with `base.palette.teal.400` */
290
+ export declare const jewel300: "--cnvs-base-palette-jewel-300";
291
+ /** @deprecated replace `jewel400` with `base.palette.teal.500` */
292
+ export declare const jewel400: "--cnvs-base-palette-jewel-400";
293
+ /** @deprecated replace `jewel500` with `base.palette.teal.600` */
294
+ export declare const jewel500: "--cnvs-base-palette-jewel-500";
295
+ /** @deprecated replace `jewel600` with `base.palette.teal.700` */
296
+ export declare const jewel600: "--cnvs-base-palette-jewel-600";
297
+ /** @deprecated replace `toothpaste100` with `base.palette.azure.50` */
298
+ export declare const toothpaste100: "--cnvs-base-palette-toothpaste-100";
299
+ /** @deprecated replace `toothpaste200` with `base.palette.azure.200` */
300
+ export declare const toothpaste200: "--cnvs-base-palette-toothpaste-200";
301
+ /** @deprecated replace `toothpaste300` with `base.palette.azure.300` */
302
+ export declare const toothpaste300: "--cnvs-base-palette-toothpaste-300";
303
+ /** @deprecated replace `toothpaste400` with `base.palette.azure.400` */
304
+ export declare const toothpaste400: "--cnvs-base-palette-toothpaste-400";
305
+ /** @deprecated replace `toothpaste500` with `base.palette.azure.700` */
306
+ export declare const toothpaste500: "--cnvs-base-palette-toothpaste-500";
307
+ /** @deprecated replace `toothpaste600` with `base.palette.azure.800` */
308
+ export declare const toothpaste600: "--cnvs-base-palette-toothpaste-600";
309
+ /** @deprecated replace `blueberry100` with `base.palette.blue.50` */
310
+ export declare const blueberry100: "--cnvs-base-palette-blueberry-100";
311
+ /** @deprecated replace `blueberry200` with `base.palette.blue.200` */
312
+ export declare const blueberry200: "--cnvs-base-palette-blueberry-200";
313
+ /** @deprecated replace `blueberry300` with `base.palette.blue.400` */
314
+ export declare const blueberry300: "--cnvs-base-palette-blueberry-300";
315
+ /** @deprecated replace `blueberry400` with `base.palette.blue.600` */
316
+ export declare const blueberry400: "--cnvs-base-palette-blueberry-400";
317
+ /** @deprecated replace `blueberry500` with `base.palette.blue.700` */
318
+ export declare const blueberry500: "--cnvs-base-palette-blueberry-500";
319
+ /** @deprecated replace `blueberry600` with `base.palette.blue.800` */
320
+ export declare const blueberry600: "--cnvs-base-palette-blueberry-600";
321
+ /** @deprecated replace `plum100` with `base.palette.blue.100` */
322
+ export declare const plum100: "--cnvs-base-palette-plum-100";
323
+ /** @deprecated replace `plum200` with `base.palette.blue.200` */
324
+ export declare const plum200: "--cnvs-base-palette-plum-200";
325
+ /** @deprecated replace `plum300` with `base.palette.blue.400` */
326
+ export declare const plum300: "--cnvs-base-palette-plum-300";
327
+ /** @deprecated replace `plum400` with `base.palette.blue.600` */
328
+ export declare const plum400: "--cnvs-base-palette-plum-400";
329
+ /** @deprecated replace `plum500` with `base.palette.blue.700` */
330
+ export declare const plum500: "--cnvs-base-palette-plum-500";
331
+ /** @deprecated replace `plum600` with `base.palette.blue.800` */
332
+ export declare const plum600: "--cnvs-base-palette-plum-600";
333
+ /** @deprecated replace `berrySmoothie100` with `base.palette.indigo.50` */
334
+ export declare const berrySmoothie100: "--cnvs-base-palette-berry-smoothie-100";
335
+ /** @deprecated replace `berrySmoothie200` with `base.palette.indigo.200` */
336
+ export declare const berrySmoothie200: "--cnvs-base-palette-berry-smoothie-200";
337
+ /** @deprecated replace `berrySmoothie300` with `base.palette.indigo.400` */
338
+ export declare const berrySmoothie300: "--cnvs-base-palette-berry-smoothie-300";
339
+ /** @deprecated replace `berrySmoothie400` with `base.palette.blue.500` */
340
+ export declare const berrySmoothie400: "--cnvs-base-palette-berry-smoothie-400";
341
+ /** @deprecated replace `berrySmoothie500` with `base.palette.blue.700` */
342
+ export declare const berrySmoothie500: "--cnvs-base-palette-berry-smoothie-500";
343
+ /** @deprecated replace `berrySmoothie600` with `base.palette.blue.800` */
344
+ export declare const berrySmoothie600: "--cnvs-base-palette-berry-smoothie-600";
345
+ /** @deprecated replace `blackberry100` with `base.palette.indigo.25` */
346
+ export declare const blackberry100: "--cnvs-base-palette-blackberry-100";
347
+ /** @deprecated replace `blackberry200` with `base.palette.indigo.200` */
348
+ export declare const blackberry200: "--cnvs-base-palette-blackberry-200";
349
+ /** @deprecated replace `blackberry300` with `base.palette.indigo.400` */
350
+ export declare const blackberry300: "--cnvs-base-palette-blackberry-300";
351
+ /** @deprecated replace `blackberry400` with `base.palette.indigo.500` */
352
+ export declare const blackberry400: "--cnvs-base-palette-blackberry-400";
353
+ /** @deprecated replace `blackberry500` with `base.palette.indigo.700` */
354
+ export declare const blackberry500: "--cnvs-base-palette-blackberry-500";
355
+ /** @deprecated replace `blackberry600` with `base.palette.indigo.900` */
356
+ export declare const blackberry600: "--cnvs-base-palette-blackberry-600";
357
+ /** @deprecated replace `islandPunch100` with `base.palette.purple.25` */
358
+ export declare const islandPunch100: "--cnvs-base-palette-island-punch-100";
359
+ /** @deprecated replace `islandPunch200` with `base.palette.purple.200` */
360
+ export declare const islandPunch200: "--cnvs-base-palette-island-punch-200";
361
+ /** @deprecated replace `islandPunch300` with `base.palette.indigo.400` */
362
+ export declare const islandPunch300: "--cnvs-base-palette-island-punch-300";
363
+ /** @deprecated replace `islandPunch400` with `base.palette.purple.500` */
364
+ export declare const islandPunch400: "--cnvs-base-palette-island-punch-400";
365
+ /** @deprecated replace `islandPunch500` with `base.palette.purple.700` */
366
+ export declare const islandPunch500: "--cnvs-base-palette-island-punch-500";
367
+ /** @deprecated replace `islandPunch600` with `base.palette.purple.800` */
368
+ export declare const islandPunch600: "--cnvs-base-palette-island-punch-600";
369
+ /** @deprecated replace `grapeSoda100` with `base.palette.magenta.50` */
370
+ export declare const grapeSoda100: "--cnvs-base-palette-grape-soda-100";
371
+ /** @deprecated replace `grapeSoda200` with `base.palette.magenta.200` */
372
+ export declare const grapeSoda200: "--cnvs-base-palette-grape-soda-200";
373
+ /** @deprecated replace `grapeSoda300` with `base.palette.purple.400` */
374
+ export declare const grapeSoda300: "--cnvs-base-palette-grape-soda-300";
375
+ /** @deprecated replace `grapeSoda400` with `base.palette.purple.500` */
376
+ export declare const grapeSoda400: "--cnvs-base-palette-grape-soda-400";
377
+ /** @deprecated replace `grapeSoda500` with `base.palette.purple.600` */
378
+ export declare const grapeSoda500: "--cnvs-base-palette-grape-soda-500";
379
+ /** @deprecated replace `grapeSoda600` with `base.palette.purple.800` */
380
+ export declare const grapeSoda600: "--cnvs-base-palette-grape-soda-600";
381
+ /** @deprecated replace `pomegranate100` with `base.palette.magenta.50` */
382
+ export declare const pomegranate100: "--cnvs-base-palette-pomegranate-100";
383
+ /** @deprecated replace `pomegranate200` with `base.palette.magenta.100` */
384
+ export declare const pomegranate200: "--cnvs-base-palette-pomegranate-200";
385
+ /** @deprecated replace `pomegranate300` with `base.palette.magenta.500` */
386
+ export declare const pomegranate300: "--cnvs-base-palette-pomegranate-300";
387
+ /** @deprecated replace `pomegranate400` with `base.palette.red.400` */
388
+ export declare const pomegranate400: "--cnvs-base-palette-pomegranate-400";
389
+ /** @deprecated replace `pomegranate500` with `base.palette.red.700` */
390
+ export declare const pomegranate500: "--cnvs-base-palette-pomegranate-500";
391
+ /** @deprecated replace `pomegranate600` with `base.palette.red.800` */
392
+ export declare const pomegranate600: "--cnvs-base-palette-pomegranate-600";
393
+ /** @deprecated replace `fruitPunch100` with `base.palette.red.25` */
394
+ export declare const fruitPunch100: "--cnvs-base-palette-fruit-punch-100";
395
+ /** @deprecated replace `fruitPunch200` with `base.palette.red.200` */
396
+ export declare const fruitPunch200: "--cnvs-base-palette-fruit-punch-200";
397
+ /** @deprecated replace `fruitPunch300` with `base.palette.red.300` */
398
+ export declare const fruitPunch300: "--cnvs-base-palette-fruit-punch-300";
399
+ /** @deprecated replace `fruitPunch400` with `base.palette.red.400` */
400
+ export declare const fruitPunch400: "--cnvs-base-palette-fruit-punch-400";
401
+ /** @deprecated replace `fruitPunch500` with `base.palette.red.400` */
402
+ export declare const fruitPunch500: "--cnvs-base-palette-fruit-punch-500";
403
+ /** @deprecated replace `fruitPunch600` with `base.palette.red.700` */
404
+ export declare const fruitPunch600: "--cnvs-base-palette-fruit-punch-600";
405
+ /** @deprecated replace `rootBeer100` with `base.palette.coral.25` */
406
+ export declare const rootBeer100: "--cnvs-base-palette-root-beer-100";
407
+ /** @deprecated replace `rootBeer200` with `base.palette.coral.100` */
408
+ export declare const rootBeer200: "--cnvs-base-palette-root-beer-200";
409
+ /** @deprecated replace `rootBeer300` with `base.palette.coral.200` */
410
+ export declare const rootBeer300: "--cnvs-base-palette-root-beer-300";
411
+ /** @deprecated replace `rootBeer400` with `base.palette.coral.200` */
412
+ export declare const rootBeer400: "--cnvs-base-palette-root-beer-400";
413
+ /** @deprecated replace `rootBeer500` with `base.palette.coral.200` */
414
+ export declare const rootBeer500: "--cnvs-base-palette-root-beer-500";
415
+ /** @deprecated replace `rootBeer600` with `base.palette.amber.950` */
416
+ export declare const rootBeer600: "--cnvs-base-palette-root-beer-600";
417
+ /** @deprecated replace `toastedMarshmallow100` with `base.palette.amber.25` */
418
+ export declare const toastedMarshmallow100: "--cnvs-base-palette-toasted-marshmallow-100";
419
+ /** @deprecated replace `toastedMarshmallow200` with `base.palette.orange.100` */
420
+ export declare const toastedMarshmallow200: "--cnvs-base-palette-toasted-marshmallow-200";
421
+ /** @deprecated replace `toastedMarshmallow300` with `base.palette.orange.200` */
422
+ export declare const toastedMarshmallow300: "--cnvs-base-palette-toasted-marshmallow-300";
423
+ /** @deprecated replace `toastedMarshmallow400` with `base.palette.orange.300` */
424
+ export declare const toastedMarshmallow400: "--cnvs-base-palette-toasted-marshmallow-400";
425
+ /** @deprecated replace `toastedMarshmallow500` with `base.palette.amber.500` */
426
+ export declare const toastedMarshmallow500: "--cnvs-base-palette-toasted-marshmallow-500";
427
+ /** @deprecated replace `toastedMarshmallow600` with `base.palette.amber.600` */
428
+ export declare const toastedMarshmallow600: "--cnvs-base-palette-toasted-marshmallow-600";
429
+ /** @deprecated replace `licorice100` with `base.palette.slate.400` */
430
+ export declare const licorice100: "--cnvs-base-palette-licorice-100";
431
+ /** @deprecated replace `licorice200` with `base.palette.slate.500` */
432
+ export declare const licorice200: "--cnvs-base-palette-licorice-200";
433
+ /** @deprecated replace `licorice300` with `base.palette.slate.600` */
434
+ export declare const licorice300: "--cnvs-base-palette-licorice-300";
435
+ /** @deprecated replace `licorice400` with `base.palette.slate.700` */
436
+ export declare const licorice400: "--cnvs-base-palette-licorice-400";
437
+ /** @deprecated replace `licorice500` with `base.palette.slate.800` */
438
+ export declare const licorice500: "--cnvs-base-palette-licorice-500";
439
+ /** @deprecated replace `licorice600` with `base.palette.slate.900` */
440
+ export declare const licorice600: "--cnvs-base-palette-licorice-600";
441
+ /** @deprecated replace `soap100` with `base.palette.slate.25` */
442
+ export declare const soap100: "--cnvs-base-palette-soap-100";
443
+ /** @deprecated replace `soap200` with `base.palette.slate.50` */
444
+ export declare const soap200: "--cnvs-base-palette-soap-200";
445
+ /** @deprecated replace `soap300` with `base.palette.slate.100` */
446
+ export declare const soap300: "--cnvs-base-palette-soap-300";
447
+ /** @deprecated replace `soap400` with `base.palette.slate.200` */
448
+ export declare const soap400: "--cnvs-base-palette-soap-400";
449
+ /** @deprecated replace `soap500` with `base.palette.slate.300` */
450
+ export declare const soap500: "--cnvs-base-palette-soap-500";
451
+ /** @deprecated replace `soap600` with `base.palette.slate.300` */
452
+ export declare const soap600: "--cnvs-base-palette-soap-600";
453
+ /** @deprecated replace `frenchVanilla100` with `base.palette.neutral.0` */
454
+ export declare const frenchVanilla100: "--cnvs-base-palette-french-vanilla-100";
455
+ /** @deprecated replace `frenchVanilla200` with `base.palette.neutral.50` */
456
+ export declare const frenchVanilla200: "--cnvs-base-palette-french-vanilla-200";
457
+ /** @deprecated replace `frenchVanilla300` with `base.palette.neutral.100` */
458
+ export declare const frenchVanilla300: "--cnvs-base-palette-french-vanilla-300";
459
+ /** @deprecated replace `frenchVanilla400` with `base.palette.neutral.200` */
460
+ export declare const frenchVanilla400: "--cnvs-base-palette-french-vanilla-400";
461
+ /** @deprecated replace `frenchVanilla500` with `base.palette.neutral.300` */
462
+ export declare const frenchVanilla500: "--cnvs-base-palette-french-vanilla-500";
463
+ /** @deprecated replace `frenchVanilla600` with `base.palette.neutral.400` */
464
+ export declare const frenchVanilla600: "--cnvs-base-palette-french-vanilla-600";
465
+ /** @deprecated replace `dragonFruit100` with `base.palette.purple.25` */
466
+ export declare const dragonFruit100: "--cnvs-base-palette-dragon-fruit-100";
467
+ /** @deprecated replace `dragonFruit200` with `base.palette.purple.100` */
468
+ export declare const dragonFruit200: "--cnvs-base-palette-dragon-fruit-200";
469
+ /** @deprecated replace `dragonFruit300` with `base.palette.indigo.500` */
470
+ export declare const dragonFruit300: "--cnvs-base-palette-dragon-fruit-300";
471
+ /** @deprecated replace `dragonFruit400` with `base.palette.indigo.600` */
472
+ export declare const dragonFruit400: "--cnvs-base-palette-dragon-fruit-400";
473
+ /** @deprecated replace `dragonFruit500` with `base.palette.indigo.700` */
474
+ export declare const dragonFruit500: "--cnvs-base-palette-dragon-fruit-500";
475
+ /** @deprecated replace `dragonFruit600` with `base.palette.indigo.900` */
476
+ export declare const dragonFruit600: "--cnvs-base-palette-dragon-fruit-600";
477
+ /** @deprecated replace `blackPepper100` with `base.palette.neutral.500` */
478
+ export declare const blackPepper100: "--cnvs-base-palette-black-pepper-100";
479
+ /** @deprecated replace `blackPepper200` with `base.palette.neutral.700` */
480
+ export declare const blackPepper200: "--cnvs-base-palette-black-pepper-200";
481
+ /** @deprecated replace `blackPepper300` with `base.palette.neutral.800` */
482
+ export declare const blackPepper300: "--cnvs-base-palette-black-pepper-300";
483
+ /** @deprecated replace `blackPepper400` with `base.palette.neutral.900` */
484
+ export declare const blackPepper400: "--cnvs-base-palette-black-pepper-400";
485
+ /** @deprecated replace `blackPepper500` with `base.palette.neutral.950` */
486
+ export declare const blackPepper500: "--cnvs-base-palette-black-pepper-500";
487
+ /** @deprecated replace `blackPepper600` with `base.palette.neutral.1000` */
488
+ export declare const blackPepper600: "--cnvs-base-palette-black-pepper-600";
489
+ /** @deprecated replace `coconut100` with appropriate replacement color */
490
+ export declare const coconut100: "--cnvs-base-palette-coconut-100";
491
+ /** @deprecated replace `coconut200` with appropriate replacement color */
492
+ export declare const coconut200: "--cnvs-base-palette-coconut-200";
493
+ /** @deprecated replace `coconut300` with appropriate replacement color */
494
+ export declare const coconut300: "--cnvs-base-palette-coconut-300";
495
+ /** @deprecated replace `coconut400` with appropriate replacement color */
496
+ export declare const coconut400: "--cnvs-base-palette-coconut-400";
497
+ /** @deprecated replace `coconut500` with appropriate replacement color */
498
+ export declare const coconut500: "--cnvs-base-palette-coconut-500";
499
+ /** @deprecated replace `coconut600` with appropriate replacement color */
500
+ export declare const coconut600: "--cnvs-base-palette-coconut-600";
501
+ /** @deprecated replace `cappuccino100` with appropriate replacement color */
502
+ export declare const cappuccino100: "--cnvs-base-palette-cappuccino-100";
503
+ /** @deprecated replace `cappuccino200` with appropriate replacement color */
504
+ export declare const cappuccino200: "--cnvs-base-palette-cappuccino-200";
505
+ /** @deprecated replace `cappuccino300` with appropriate replacement color */
506
+ export declare const cappuccino300: "--cnvs-base-palette-cappuccino-300";
507
+ /** @deprecated replace `cappuccino400` with appropriate replacement color */
508
+ export declare const cappuccino400: "--cnvs-base-palette-cappuccino-400";
509
+ /** @deprecated replace `cappuccino500` with appropriate replacement color */
510
+ export declare const cappuccino500: "--cnvs-base-palette-cappuccino-500";
511
+ /** @deprecated replace `cappuccino600` with appropriate replacement color */
512
+ export declare const cappuccino600: "--cnvs-base-palette-cappuccino-600";
177
513
  export declare const opacity0: "--cnvs-base-opacity-0";
178
514
  export declare const opacity100: "--cnvs-base-opacity-100";
179
515
  export declare const opacity200: "--cnvs-base-opacity-200";