@workday/canvas-tokens-web 3.0.0-alpha.18 → 3.0.0-alpha.19
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.
- package/css/base/_variables.css +15 -15
- package/css/brand/_variables.css +1 -1
- package/css/system/_variables.css +1 -1
- package/dist/common-js/base/index.d.ts +14 -14
- package/dist/common-js/base/index.js +1 -1
- package/dist/common-js/brand/index.d.ts +1 -1
- package/dist/common-js/brand/index.js +1 -1
- package/dist/common-js/index.d.ts +1 -1
- package/dist/common-js/index.js +1 -1
- package/dist/common-js/system/index.d.ts +1 -1
- package/dist/common-js/system/index.js +1 -1
- package/dist/es6/base/index.d.ts +14 -14
- package/dist/es6/base/index.js +1 -1
- package/dist/es6/brand/index.d.ts +1 -1
- package/dist/es6/brand/index.js +1 -1
- package/dist/es6/index.d.ts +1 -1
- package/dist/es6/index.js +1 -1
- package/dist/es6/system/index.d.ts +1 -1
- package/dist/es6/system/index.js +1 -1
- package/less/base/_variables.less +15 -15
- package/less/brand/_variables.less +1 -1
- package/less/system/_variables.less +1 -1
- package/package.json +1 -1
- package/scss/base/_variables.sass +15 -15
- package/scss/base/_variables.scss +15 -15
- package/scss/brand/_variables.sass +1 -1
- package/scss/brand/_variables.scss +1 -1
- package/scss/system/_variables.sass +1 -1
- 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
|
|
3
|
+
* Generated on Fri, 05 Sep 2025 22:23:06 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -187,7 +187,7 @@
|
|
|
187
187
|
--cnvs-base-palette-peach-400: var(--cnvs-base-palette-red-400);
|
|
188
188
|
--cnvs-base-palette-peach-500: var(--cnvs-base-palette-coral-600);
|
|
189
189
|
--cnvs-base-palette-peach-600: var(--cnvs-base-palette-coral-700);
|
|
190
|
-
--cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-coral-
|
|
190
|
+
--cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-coral-100);
|
|
191
191
|
--cnvs-base-palette-chili-mango-200: var(--cnvs-base-palette-coral-200);
|
|
192
192
|
--cnvs-base-palette-chili-mango-300: var(--cnvs-base-palette-coral-300);
|
|
193
193
|
--cnvs-base-palette-chili-mango-400: var(--cnvs-base-palette-orange-500);
|
|
@@ -223,8 +223,8 @@
|
|
|
223
223
|
--cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-600);
|
|
224
224
|
--cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-700);
|
|
225
225
|
--cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-800);
|
|
226
|
-
--cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-
|
|
227
|
-
--cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-
|
|
226
|
+
--cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-teal-25);
|
|
227
|
+
--cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-teal-100);
|
|
228
228
|
--cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
|
|
229
229
|
--cnvs-base-palette-watermelon-400: var(--cnvs-base-palette-green-600);
|
|
230
230
|
--cnvs-base-palette-watermelon-500: var(--cnvs-base-palette-green-800);
|
|
@@ -238,10 +238,10 @@
|
|
|
238
238
|
--cnvs-base-palette-toothpaste-100: var(--cnvs-base-palette-azure-50);
|
|
239
239
|
--cnvs-base-palette-toothpaste-200: var(--cnvs-base-palette-azure-200);
|
|
240
240
|
--cnvs-base-palette-toothpaste-300: var(--cnvs-base-palette-azure-300);
|
|
241
|
-
--cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-
|
|
241
|
+
--cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-500);
|
|
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-
|
|
244
|
+
--cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-100);
|
|
245
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);
|
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
--cnvs-base-palette-blackberry-600: var(--cnvs-base-palette-indigo-900);
|
|
268
268
|
--cnvs-base-palette-island-punch-100: var(--cnvs-base-palette-purple-25);
|
|
269
269
|
--cnvs-base-palette-island-punch-200: var(--cnvs-base-palette-purple-200);
|
|
270
|
-
--cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-
|
|
270
|
+
--cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-purple-500);
|
|
271
271
|
--cnvs-base-palette-island-punch-400: var(--cnvs-base-palette-purple-500);
|
|
272
272
|
--cnvs-base-palette-island-punch-500: var(--cnvs-base-palette-purple-700);
|
|
273
273
|
--cnvs-base-palette-island-punch-600: var(--cnvs-base-palette-purple-800);
|
|
@@ -280,7 +280,7 @@
|
|
|
280
280
|
--cnvs-base-palette-pomegranate-100: var(--cnvs-base-palette-magenta-50);
|
|
281
281
|
--cnvs-base-palette-pomegranate-200: var(--cnvs-base-palette-magenta-100);
|
|
282
282
|
--cnvs-base-palette-pomegranate-300: var(--cnvs-base-palette-magenta-500);
|
|
283
|
-
--cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-
|
|
283
|
+
--cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-magenta-500);
|
|
284
284
|
--cnvs-base-palette-pomegranate-500: var(--cnvs-base-palette-red-700);
|
|
285
285
|
--cnvs-base-palette-pomegranate-600: var(--cnvs-base-palette-red-800);
|
|
286
286
|
--cnvs-base-palette-fruit-punch-100: var(--cnvs-base-palette-red-25);
|
|
@@ -293,7 +293,7 @@
|
|
|
293
293
|
--cnvs-base-palette-root-beer-200: var(--cnvs-base-palette-coral-100);
|
|
294
294
|
--cnvs-base-palette-root-beer-300: var(--cnvs-base-palette-coral-200);
|
|
295
295
|
--cnvs-base-palette-root-beer-400: var(--cnvs-base-palette-coral-200);
|
|
296
|
-
--cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-
|
|
296
|
+
--cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-amber-900);
|
|
297
297
|
--cnvs-base-palette-root-beer-600: var(--cnvs-base-palette-amber-950);
|
|
298
298
|
--cnvs-base-palette-toasted-marshmallow-100: var(--cnvs-base-palette-amber-25);
|
|
299
299
|
--cnvs-base-palette-toasted-marshmallow-200: var(--cnvs-base-palette-orange-100);
|
|
@@ -312,13 +312,13 @@
|
|
|
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-
|
|
315
|
+
--cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-300);
|
|
316
316
|
--cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
|
|
317
|
-
--cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-
|
|
318
|
-
--cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-
|
|
319
|
-
--cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-
|
|
320
|
-
--cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-
|
|
321
|
-
--cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-
|
|
317
|
+
--cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-100);
|
|
318
|
+
--cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-200);
|
|
319
|
+
--cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-300);
|
|
320
|
+
--cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-400);
|
|
321
|
+
--cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-500);
|
|
322
322
|
--cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-500);
|
|
323
323
|
--cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
|
|
324
324
|
--cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-900);
|
package/css/brand/_variables.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 05 Sep 2025 22:23:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export declare const amber25: "--cnvs-base-palette-amber-25";
|
|
@@ -198,7 +198,7 @@ export declare const peach400: "--cnvs-base-palette-peach-400";
|
|
|
198
198
|
export declare const peach500: "--cnvs-base-palette-peach-500";
|
|
199
199
|
/** @deprecated replace peach600 with oklch(0.4616 0.1629 34.74 / 1) */
|
|
200
200
|
export declare const peach600: "--cnvs-base-palette-peach-600";
|
|
201
|
-
/** @deprecated replace chili-mango100 with oklch(0.
|
|
201
|
+
/** @deprecated replace chili-mango100 with oklch(0.9344 0.0339 35.8 / 1) */
|
|
202
202
|
export declare const chiliMango100: "--cnvs-base-palette-chili-mango-100";
|
|
203
203
|
/** @deprecated replace chili-mango200 with oklch(0.8476 0.0856 37.59 / 1) */
|
|
204
204
|
export declare const chiliMango200: "--cnvs-base-palette-chili-mango-200";
|
|
@@ -270,9 +270,9 @@ export declare const greenApple400: "--cnvs-base-palette-green-apple-400";
|
|
|
270
270
|
export declare const greenApple500: "--cnvs-base-palette-green-apple-500";
|
|
271
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
|
-
/** @deprecated replace watermelon100 with oklch(0.
|
|
273
|
+
/** @deprecated replace watermelon100 with oklch(0.9827 0.021 200.66 / 1) */
|
|
274
274
|
export declare const watermelon100: "--cnvs-base-palette-watermelon-100";
|
|
275
|
-
/** @deprecated replace watermelon200 with oklch(0.
|
|
275
|
+
/** @deprecated replace watermelon200 with oklch(0.935 0.046 205.09 / 1) */
|
|
276
276
|
export declare const watermelon200: "--cnvs-base-palette-watermelon-200";
|
|
277
277
|
/** @deprecated replace watermelon300 with oklch(0.9278 0.1024 149.88 / 1) */
|
|
278
278
|
export declare const watermelon300: "--cnvs-base-palette-watermelon-300";
|
|
@@ -300,13 +300,13 @@ export declare const toothpaste100: "--cnvs-base-palette-toothpaste-100";
|
|
|
300
300
|
export declare const toothpaste200: "--cnvs-base-palette-toothpaste-200";
|
|
301
301
|
/** @deprecated replace toothpaste300 with oklch(0.7991 0.107 239.24 / 1) */
|
|
302
302
|
export declare const toothpaste300: "--cnvs-base-palette-toothpaste-300";
|
|
303
|
-
/** @deprecated replace toothpaste400 with oklch(0.
|
|
303
|
+
/** @deprecated replace toothpaste400 with oklch(0.6555 0.1553 244.48 / 1) */
|
|
304
304
|
export declare const toothpaste400: "--cnvs-base-palette-toothpaste-400";
|
|
305
305
|
/** @deprecated replace toothpaste500 with oklch(0.4618 0.1098 242.11 / 1) */
|
|
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.
|
|
309
|
+
/** @deprecated replace blueberry100 with oklch(0.928 0.0359 250.6 / 1) */
|
|
310
310
|
export declare const blueberry100: "--cnvs-base-palette-blueberry-100";
|
|
311
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";
|
|
@@ -358,7 +358,7 @@ export declare const blackberry600: "--cnvs-base-palette-blackberry-600";
|
|
|
358
358
|
export declare const islandPunch100: "--cnvs-base-palette-island-punch-100";
|
|
359
359
|
/** @deprecated replace island-punch200 with oklch(0.8701 0.0965 316.6 / 1) */
|
|
360
360
|
export declare const islandPunch200: "--cnvs-base-palette-island-punch-200";
|
|
361
|
-
/** @deprecated replace island-punch300 with oklch(0.
|
|
361
|
+
/** @deprecated replace island-punch300 with oklch(0.628 0.1681 312.69 / 1) */
|
|
362
362
|
export declare const islandPunch300: "--cnvs-base-palette-island-punch-300";
|
|
363
363
|
/** @deprecated replace island-punch400 with oklch(0.628 0.1681 312.69 / 1) */
|
|
364
364
|
export declare const islandPunch400: "--cnvs-base-palette-island-punch-400";
|
|
@@ -384,7 +384,7 @@ export declare const pomegranate100: "--cnvs-base-palette-pomegranate-100";
|
|
|
384
384
|
export declare const pomegranate200: "--cnvs-base-palette-pomegranate-200";
|
|
385
385
|
/** @deprecated replace pomegranate300 with oklch(0.6557 0.2007 346.62 / 1) */
|
|
386
386
|
export declare const pomegranate300: "--cnvs-base-palette-pomegranate-300";
|
|
387
|
-
/** @deprecated replace pomegranate400 with oklch(0.
|
|
387
|
+
/** @deprecated replace pomegranate400 with oklch(0.6557 0.2007 346.62 / 1) */
|
|
388
388
|
export declare const pomegranate400: "--cnvs-base-palette-pomegranate-400";
|
|
389
389
|
/** @deprecated replace pomegranate500 with oklch(0.4517 0.1847 28.2 / 1) */
|
|
390
390
|
export declare const pomegranate500: "--cnvs-base-palette-pomegranate-500";
|
|
@@ -410,7 +410,7 @@ export declare const rootBeer200: "--cnvs-base-palette-root-beer-200";
|
|
|
410
410
|
export declare const rootBeer300: "--cnvs-base-palette-root-beer-300";
|
|
411
411
|
/** @deprecated replace root-beer400 with oklch(0.8476 0.0856 37.59 / 1) */
|
|
412
412
|
export declare const rootBeer400: "--cnvs-base-palette-root-beer-400";
|
|
413
|
-
/** @deprecated replace root-beer500 with oklch(0.
|
|
413
|
+
/** @deprecated replace root-beer500 with oklch(0.32 0.098 41.19 / 1) */
|
|
414
414
|
export declare const rootBeer500: "--cnvs-base-palette-root-beer-500";
|
|
415
415
|
/** @deprecated replace root-beer600 with oklch(0.2489 0.0771 40.64 / 1) */
|
|
416
416
|
export declare const rootBeer600: "--cnvs-base-palette-root-beer-600";
|
|
@@ -452,15 +452,15 @@ export declare const soap500: "--cnvs-base-palette-soap-500";
|
|
|
452
452
|
export declare const soap600: "--cnvs-base-palette-soap-600";
|
|
453
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
|
-
/** @deprecated replace french-vanilla200 with oklch(0.
|
|
455
|
+
/** @deprecated replace french-vanilla200 with oklch(0.9431 0 0 / 1) */
|
|
456
456
|
export declare const frenchVanilla200: "--cnvs-base-palette-french-vanilla-200";
|
|
457
|
-
/** @deprecated replace french-vanilla300 with oklch(0.
|
|
457
|
+
/** @deprecated replace french-vanilla300 with oklch(0.8699 0 0 / 1) */
|
|
458
458
|
export declare const frenchVanilla300: "--cnvs-base-palette-french-vanilla-300";
|
|
459
|
-
/** @deprecated replace french-vanilla400 with oklch(0.
|
|
459
|
+
/** @deprecated replace french-vanilla400 with oklch(0.8015 0 0 / 1) */
|
|
460
460
|
export declare const frenchVanilla400: "--cnvs-base-palette-french-vanilla-400";
|
|
461
|
-
/** @deprecated replace french-vanilla500 with oklch(0.
|
|
461
|
+
/** @deprecated replace french-vanilla500 with oklch(0.72 0 0 / 1) */
|
|
462
462
|
export declare const frenchVanilla500: "--cnvs-base-palette-french-vanilla-500";
|
|
463
|
-
/** @deprecated replace french-vanilla600 with oklch(0.
|
|
463
|
+
/** @deprecated replace french-vanilla600 with oklch(0.6234 0 0 / 1) */
|
|
464
464
|
export declare const frenchVanilla600: "--cnvs-base-palette-french-vanilla-600";
|
|
465
465
|
/** @deprecated replace black-pepper100 with oklch(0.6234 0 0 / 1) */
|
|
466
466
|
export declare const blackPepper100: "--cnvs-base-palette-black-pepper-100";
|
package/dist/common-js/index.js
CHANGED
package/dist/es6/base/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 05 Sep 2025 22:23:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export declare const amber25: "--cnvs-base-palette-amber-25";
|
|
@@ -198,7 +198,7 @@ export declare const peach400: "--cnvs-base-palette-peach-400";
|
|
|
198
198
|
export declare const peach500: "--cnvs-base-palette-peach-500";
|
|
199
199
|
/** @deprecated replace peach600 with oklch(0.4616 0.1629 34.74 / 1) */
|
|
200
200
|
export declare const peach600: "--cnvs-base-palette-peach-600";
|
|
201
|
-
/** @deprecated replace chili-mango100 with oklch(0.
|
|
201
|
+
/** @deprecated replace chili-mango100 with oklch(0.9344 0.0339 35.8 / 1) */
|
|
202
202
|
export declare const chiliMango100: "--cnvs-base-palette-chili-mango-100";
|
|
203
203
|
/** @deprecated replace chili-mango200 with oklch(0.8476 0.0856 37.59 / 1) */
|
|
204
204
|
export declare const chiliMango200: "--cnvs-base-palette-chili-mango-200";
|
|
@@ -270,9 +270,9 @@ export declare const greenApple400: "--cnvs-base-palette-green-apple-400";
|
|
|
270
270
|
export declare const greenApple500: "--cnvs-base-palette-green-apple-500";
|
|
271
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
|
-
/** @deprecated replace watermelon100 with oklch(0.
|
|
273
|
+
/** @deprecated replace watermelon100 with oklch(0.9827 0.021 200.66 / 1) */
|
|
274
274
|
export declare const watermelon100: "--cnvs-base-palette-watermelon-100";
|
|
275
|
-
/** @deprecated replace watermelon200 with oklch(0.
|
|
275
|
+
/** @deprecated replace watermelon200 with oklch(0.935 0.046 205.09 / 1) */
|
|
276
276
|
export declare const watermelon200: "--cnvs-base-palette-watermelon-200";
|
|
277
277
|
/** @deprecated replace watermelon300 with oklch(0.9278 0.1024 149.88 / 1) */
|
|
278
278
|
export declare const watermelon300: "--cnvs-base-palette-watermelon-300";
|
|
@@ -300,13 +300,13 @@ export declare const toothpaste100: "--cnvs-base-palette-toothpaste-100";
|
|
|
300
300
|
export declare const toothpaste200: "--cnvs-base-palette-toothpaste-200";
|
|
301
301
|
/** @deprecated replace toothpaste300 with oklch(0.7991 0.107 239.24 / 1) */
|
|
302
302
|
export declare const toothpaste300: "--cnvs-base-palette-toothpaste-300";
|
|
303
|
-
/** @deprecated replace toothpaste400 with oklch(0.
|
|
303
|
+
/** @deprecated replace toothpaste400 with oklch(0.6555 0.1553 244.48 / 1) */
|
|
304
304
|
export declare const toothpaste400: "--cnvs-base-palette-toothpaste-400";
|
|
305
305
|
/** @deprecated replace toothpaste500 with oklch(0.4618 0.1098 242.11 / 1) */
|
|
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.
|
|
309
|
+
/** @deprecated replace blueberry100 with oklch(0.928 0.0359 250.6 / 1) */
|
|
310
310
|
export declare const blueberry100: "--cnvs-base-palette-blueberry-100";
|
|
311
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";
|
|
@@ -358,7 +358,7 @@ export declare const blackberry600: "--cnvs-base-palette-blackberry-600";
|
|
|
358
358
|
export declare const islandPunch100: "--cnvs-base-palette-island-punch-100";
|
|
359
359
|
/** @deprecated replace island-punch200 with oklch(0.8701 0.0965 316.6 / 1) */
|
|
360
360
|
export declare const islandPunch200: "--cnvs-base-palette-island-punch-200";
|
|
361
|
-
/** @deprecated replace island-punch300 with oklch(0.
|
|
361
|
+
/** @deprecated replace island-punch300 with oklch(0.628 0.1681 312.69 / 1) */
|
|
362
362
|
export declare const islandPunch300: "--cnvs-base-palette-island-punch-300";
|
|
363
363
|
/** @deprecated replace island-punch400 with oklch(0.628 0.1681 312.69 / 1) */
|
|
364
364
|
export declare const islandPunch400: "--cnvs-base-palette-island-punch-400";
|
|
@@ -384,7 +384,7 @@ export declare const pomegranate100: "--cnvs-base-palette-pomegranate-100";
|
|
|
384
384
|
export declare const pomegranate200: "--cnvs-base-palette-pomegranate-200";
|
|
385
385
|
/** @deprecated replace pomegranate300 with oklch(0.6557 0.2007 346.62 / 1) */
|
|
386
386
|
export declare const pomegranate300: "--cnvs-base-palette-pomegranate-300";
|
|
387
|
-
/** @deprecated replace pomegranate400 with oklch(0.
|
|
387
|
+
/** @deprecated replace pomegranate400 with oklch(0.6557 0.2007 346.62 / 1) */
|
|
388
388
|
export declare const pomegranate400: "--cnvs-base-palette-pomegranate-400";
|
|
389
389
|
/** @deprecated replace pomegranate500 with oklch(0.4517 0.1847 28.2 / 1) */
|
|
390
390
|
export declare const pomegranate500: "--cnvs-base-palette-pomegranate-500";
|
|
@@ -410,7 +410,7 @@ export declare const rootBeer200: "--cnvs-base-palette-root-beer-200";
|
|
|
410
410
|
export declare const rootBeer300: "--cnvs-base-palette-root-beer-300";
|
|
411
411
|
/** @deprecated replace root-beer400 with oklch(0.8476 0.0856 37.59 / 1) */
|
|
412
412
|
export declare const rootBeer400: "--cnvs-base-palette-root-beer-400";
|
|
413
|
-
/** @deprecated replace root-beer500 with oklch(0.
|
|
413
|
+
/** @deprecated replace root-beer500 with oklch(0.32 0.098 41.19 / 1) */
|
|
414
414
|
export declare const rootBeer500: "--cnvs-base-palette-root-beer-500";
|
|
415
415
|
/** @deprecated replace root-beer600 with oklch(0.2489 0.0771 40.64 / 1) */
|
|
416
416
|
export declare const rootBeer600: "--cnvs-base-palette-root-beer-600";
|
|
@@ -452,15 +452,15 @@ export declare const soap500: "--cnvs-base-palette-soap-500";
|
|
|
452
452
|
export declare const soap600: "--cnvs-base-palette-soap-600";
|
|
453
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
|
-
/** @deprecated replace french-vanilla200 with oklch(0.
|
|
455
|
+
/** @deprecated replace french-vanilla200 with oklch(0.9431 0 0 / 1) */
|
|
456
456
|
export declare const frenchVanilla200: "--cnvs-base-palette-french-vanilla-200";
|
|
457
|
-
/** @deprecated replace french-vanilla300 with oklch(0.
|
|
457
|
+
/** @deprecated replace french-vanilla300 with oklch(0.8699 0 0 / 1) */
|
|
458
458
|
export declare const frenchVanilla300: "--cnvs-base-palette-french-vanilla-300";
|
|
459
|
-
/** @deprecated replace french-vanilla400 with oklch(0.
|
|
459
|
+
/** @deprecated replace french-vanilla400 with oklch(0.8015 0 0 / 1) */
|
|
460
460
|
export declare const frenchVanilla400: "--cnvs-base-palette-french-vanilla-400";
|
|
461
|
-
/** @deprecated replace french-vanilla500 with oklch(0.
|
|
461
|
+
/** @deprecated replace french-vanilla500 with oklch(0.72 0 0 / 1) */
|
|
462
462
|
export declare const frenchVanilla500: "--cnvs-base-palette-french-vanilla-500";
|
|
463
|
-
/** @deprecated replace french-vanilla600 with oklch(0.
|
|
463
|
+
/** @deprecated replace french-vanilla600 with oklch(0.6234 0 0 / 1) */
|
|
464
464
|
export declare const frenchVanilla600: "--cnvs-base-palette-french-vanilla-600";
|
|
465
465
|
/** @deprecated replace black-pepper100 with oklch(0.6234 0 0 / 1) */
|
|
466
466
|
export declare const blackPepper100: "--cnvs-base-palette-black-pepper-100";
|
package/dist/es6/base/index.js
CHANGED
package/dist/es6/brand/index.js
CHANGED
package/dist/es6/index.d.ts
CHANGED
package/dist/es6/index.js
CHANGED
package/dist/es6/system/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 05 Sep 2025 22:23:07 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);
|
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
@cnvs-base-palette-peach-400: var(--cnvs-base-palette-red-400);
|
|
186
186
|
@cnvs-base-palette-peach-500: var(--cnvs-base-palette-coral-600);
|
|
187
187
|
@cnvs-base-palette-peach-600: var(--cnvs-base-palette-coral-700);
|
|
188
|
-
@cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-coral-
|
|
188
|
+
@cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-coral-100);
|
|
189
189
|
@cnvs-base-palette-chili-mango-200: var(--cnvs-base-palette-coral-200);
|
|
190
190
|
@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);
|
|
@@ -221,8 +221,8 @@
|
|
|
221
221
|
@cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-600);
|
|
222
222
|
@cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-700);
|
|
223
223
|
@cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-800);
|
|
224
|
-
@cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-
|
|
225
|
-
@cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-
|
|
224
|
+
@cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-teal-25);
|
|
225
|
+
@cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-teal-100);
|
|
226
226
|
@cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
|
|
227
227
|
@cnvs-base-palette-watermelon-400: var(--cnvs-base-palette-green-600);
|
|
228
228
|
@cnvs-base-palette-watermelon-500: var(--cnvs-base-palette-green-800);
|
|
@@ -236,10 +236,10 @@
|
|
|
236
236
|
@cnvs-base-palette-toothpaste-100: var(--cnvs-base-palette-azure-50);
|
|
237
237
|
@cnvs-base-palette-toothpaste-200: var(--cnvs-base-palette-azure-200);
|
|
238
238
|
@cnvs-base-palette-toothpaste-300: var(--cnvs-base-palette-azure-300);
|
|
239
|
-
@cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-
|
|
239
|
+
@cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-500);
|
|
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-
|
|
242
|
+
@cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-100);
|
|
243
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);
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
@cnvs-base-palette-blackberry-600: var(--cnvs-base-palette-indigo-900);
|
|
266
266
|
@cnvs-base-palette-island-punch-100: var(--cnvs-base-palette-purple-25);
|
|
267
267
|
@cnvs-base-palette-island-punch-200: var(--cnvs-base-palette-purple-200);
|
|
268
|
-
@cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-
|
|
268
|
+
@cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-purple-500);
|
|
269
269
|
@cnvs-base-palette-island-punch-400: var(--cnvs-base-palette-purple-500);
|
|
270
270
|
@cnvs-base-palette-island-punch-500: var(--cnvs-base-palette-purple-700);
|
|
271
271
|
@cnvs-base-palette-island-punch-600: var(--cnvs-base-palette-purple-800);
|
|
@@ -278,7 +278,7 @@
|
|
|
278
278
|
@cnvs-base-palette-pomegranate-100: var(--cnvs-base-palette-magenta-50);
|
|
279
279
|
@cnvs-base-palette-pomegranate-200: var(--cnvs-base-palette-magenta-100);
|
|
280
280
|
@cnvs-base-palette-pomegranate-300: var(--cnvs-base-palette-magenta-500);
|
|
281
|
-
@cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-
|
|
281
|
+
@cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-magenta-500);
|
|
282
282
|
@cnvs-base-palette-pomegranate-500: var(--cnvs-base-palette-red-700);
|
|
283
283
|
@cnvs-base-palette-pomegranate-600: var(--cnvs-base-palette-red-800);
|
|
284
284
|
@cnvs-base-palette-fruit-punch-100: var(--cnvs-base-palette-red-25);
|
|
@@ -291,7 +291,7 @@
|
|
|
291
291
|
@cnvs-base-palette-root-beer-200: var(--cnvs-base-palette-coral-100);
|
|
292
292
|
@cnvs-base-palette-root-beer-300: var(--cnvs-base-palette-coral-200);
|
|
293
293
|
@cnvs-base-palette-root-beer-400: var(--cnvs-base-palette-coral-200);
|
|
294
|
-
@cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-
|
|
294
|
+
@cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-amber-900);
|
|
295
295
|
@cnvs-base-palette-root-beer-600: var(--cnvs-base-palette-amber-950);
|
|
296
296
|
@cnvs-base-palette-toasted-marshmallow-100: var(--cnvs-base-palette-amber-25);
|
|
297
297
|
@cnvs-base-palette-toasted-marshmallow-200: var(--cnvs-base-palette-orange-100);
|
|
@@ -310,13 +310,13 @@
|
|
|
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-
|
|
313
|
+
@cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-300);
|
|
314
314
|
@cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
|
|
315
|
-
@cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-
|
|
316
|
-
@cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-
|
|
317
|
-
@cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-
|
|
318
|
-
@cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-
|
|
319
|
-
@cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-
|
|
315
|
+
@cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-100);
|
|
316
|
+
@cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-200);
|
|
317
|
+
@cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-300);
|
|
318
|
+
@cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-400);
|
|
319
|
+
@cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-500);
|
|
320
320
|
@cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-500);
|
|
321
321
|
@cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
|
|
322
322
|
@cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-900);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 05 Sep 2025 22:23:07 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
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 05 Sep 2025 22:23:07 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);
|
|
@@ -185,7 +185,7 @@ $cnvs-base-palette-peach-300: var(--cnvs-base-palette-coral-300);
|
|
|
185
185
|
$cnvs-base-palette-peach-400: var(--cnvs-base-palette-red-400);
|
|
186
186
|
$cnvs-base-palette-peach-500: var(--cnvs-base-palette-coral-600);
|
|
187
187
|
$cnvs-base-palette-peach-600: var(--cnvs-base-palette-coral-700);
|
|
188
|
-
$cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-coral-
|
|
188
|
+
$cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-coral-100);
|
|
189
189
|
$cnvs-base-palette-chili-mango-200: var(--cnvs-base-palette-coral-200);
|
|
190
190
|
$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);
|
|
@@ -221,8 +221,8 @@ $cnvs-base-palette-green-apple-300: var(--cnvs-base-palette-green-200);
|
|
|
221
221
|
$cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-600);
|
|
222
222
|
$cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-700);
|
|
223
223
|
$cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-800);
|
|
224
|
-
$cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-
|
|
225
|
-
$cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-
|
|
224
|
+
$cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-teal-25);
|
|
225
|
+
$cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-teal-100);
|
|
226
226
|
$cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
|
|
227
227
|
$cnvs-base-palette-watermelon-400: var(--cnvs-base-palette-green-600);
|
|
228
228
|
$cnvs-base-palette-watermelon-500: var(--cnvs-base-palette-green-800);
|
|
@@ -236,10 +236,10 @@ $cnvs-base-palette-jewel-600: var(--cnvs-base-palette-teal-700);
|
|
|
236
236
|
$cnvs-base-palette-toothpaste-100: var(--cnvs-base-palette-azure-50);
|
|
237
237
|
$cnvs-base-palette-toothpaste-200: var(--cnvs-base-palette-azure-200);
|
|
238
238
|
$cnvs-base-palette-toothpaste-300: var(--cnvs-base-palette-azure-300);
|
|
239
|
-
$cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-
|
|
239
|
+
$cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-500);
|
|
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-
|
|
242
|
+
$cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-100);
|
|
243
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);
|
|
@@ -265,7 +265,7 @@ $cnvs-base-palette-blackberry-500: var(--cnvs-base-palette-indigo-700);
|
|
|
265
265
|
$cnvs-base-palette-blackberry-600: var(--cnvs-base-palette-indigo-900);
|
|
266
266
|
$cnvs-base-palette-island-punch-100: var(--cnvs-base-palette-purple-25);
|
|
267
267
|
$cnvs-base-palette-island-punch-200: var(--cnvs-base-palette-purple-200);
|
|
268
|
-
$cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-
|
|
268
|
+
$cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-purple-500);
|
|
269
269
|
$cnvs-base-palette-island-punch-400: var(--cnvs-base-palette-purple-500);
|
|
270
270
|
$cnvs-base-palette-island-punch-500: var(--cnvs-base-palette-purple-700);
|
|
271
271
|
$cnvs-base-palette-island-punch-600: var(--cnvs-base-palette-purple-800);
|
|
@@ -278,7 +278,7 @@ $cnvs-base-palette-grape-soda-600: var(--cnvs-base-palette-purple-800);
|
|
|
278
278
|
$cnvs-base-palette-pomegranate-100: var(--cnvs-base-palette-magenta-50);
|
|
279
279
|
$cnvs-base-palette-pomegranate-200: var(--cnvs-base-palette-magenta-100);
|
|
280
280
|
$cnvs-base-palette-pomegranate-300: var(--cnvs-base-palette-magenta-500);
|
|
281
|
-
$cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-
|
|
281
|
+
$cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-magenta-500);
|
|
282
282
|
$cnvs-base-palette-pomegranate-500: var(--cnvs-base-palette-red-700);
|
|
283
283
|
$cnvs-base-palette-pomegranate-600: var(--cnvs-base-palette-red-800);
|
|
284
284
|
$cnvs-base-palette-fruit-punch-100: var(--cnvs-base-palette-red-25);
|
|
@@ -291,7 +291,7 @@ $cnvs-base-palette-root-beer-100: var(--cnvs-base-palette-coral-25);
|
|
|
291
291
|
$cnvs-base-palette-root-beer-200: var(--cnvs-base-palette-coral-100);
|
|
292
292
|
$cnvs-base-palette-root-beer-300: var(--cnvs-base-palette-coral-200);
|
|
293
293
|
$cnvs-base-palette-root-beer-400: var(--cnvs-base-palette-coral-200);
|
|
294
|
-
$cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-
|
|
294
|
+
$cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-amber-900);
|
|
295
295
|
$cnvs-base-palette-root-beer-600: var(--cnvs-base-palette-amber-950);
|
|
296
296
|
$cnvs-base-palette-toasted-marshmallow-100: var(--cnvs-base-palette-amber-25);
|
|
297
297
|
$cnvs-base-palette-toasted-marshmallow-200: var(--cnvs-base-palette-orange-100);
|
|
@@ -310,13 +310,13 @@ $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-
|
|
313
|
+
$cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-300);
|
|
314
314
|
$cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
|
|
315
|
-
$cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-
|
|
316
|
-
$cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-
|
|
317
|
-
$cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-
|
|
318
|
-
$cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-
|
|
319
|
-
$cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-
|
|
315
|
+
$cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-100);
|
|
316
|
+
$cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-200);
|
|
317
|
+
$cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-300);
|
|
318
|
+
$cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-400);
|
|
319
|
+
$cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-500);
|
|
320
320
|
$cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-500);
|
|
321
321
|
$cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
|
|
322
322
|
$cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-900);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 05 Sep 2025 22:23:07 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);
|
|
@@ -185,7 +185,7 @@ $cnvs-base-palette-peach-300: var(--cnvs-base-palette-coral-300);
|
|
|
185
185
|
$cnvs-base-palette-peach-400: var(--cnvs-base-palette-red-400);
|
|
186
186
|
$cnvs-base-palette-peach-500: var(--cnvs-base-palette-coral-600);
|
|
187
187
|
$cnvs-base-palette-peach-600: var(--cnvs-base-palette-coral-700);
|
|
188
|
-
$cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-coral-
|
|
188
|
+
$cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-coral-100);
|
|
189
189
|
$cnvs-base-palette-chili-mango-200: var(--cnvs-base-palette-coral-200);
|
|
190
190
|
$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);
|
|
@@ -221,8 +221,8 @@ $cnvs-base-palette-green-apple-300: var(--cnvs-base-palette-green-200);
|
|
|
221
221
|
$cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-600);
|
|
222
222
|
$cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-700);
|
|
223
223
|
$cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-800);
|
|
224
|
-
$cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-
|
|
225
|
-
$cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-
|
|
224
|
+
$cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-teal-25);
|
|
225
|
+
$cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-teal-100);
|
|
226
226
|
$cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
|
|
227
227
|
$cnvs-base-palette-watermelon-400: var(--cnvs-base-palette-green-600);
|
|
228
228
|
$cnvs-base-palette-watermelon-500: var(--cnvs-base-palette-green-800);
|
|
@@ -236,10 +236,10 @@ $cnvs-base-palette-jewel-600: var(--cnvs-base-palette-teal-700);
|
|
|
236
236
|
$cnvs-base-palette-toothpaste-100: var(--cnvs-base-palette-azure-50);
|
|
237
237
|
$cnvs-base-palette-toothpaste-200: var(--cnvs-base-palette-azure-200);
|
|
238
238
|
$cnvs-base-palette-toothpaste-300: var(--cnvs-base-palette-azure-300);
|
|
239
|
-
$cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-
|
|
239
|
+
$cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-500);
|
|
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-
|
|
242
|
+
$cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-100);
|
|
243
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);
|
|
@@ -265,7 +265,7 @@ $cnvs-base-palette-blackberry-500: var(--cnvs-base-palette-indigo-700);
|
|
|
265
265
|
$cnvs-base-palette-blackberry-600: var(--cnvs-base-palette-indigo-900);
|
|
266
266
|
$cnvs-base-palette-island-punch-100: var(--cnvs-base-palette-purple-25);
|
|
267
267
|
$cnvs-base-palette-island-punch-200: var(--cnvs-base-palette-purple-200);
|
|
268
|
-
$cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-
|
|
268
|
+
$cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-purple-500);
|
|
269
269
|
$cnvs-base-palette-island-punch-400: var(--cnvs-base-palette-purple-500);
|
|
270
270
|
$cnvs-base-palette-island-punch-500: var(--cnvs-base-palette-purple-700);
|
|
271
271
|
$cnvs-base-palette-island-punch-600: var(--cnvs-base-palette-purple-800);
|
|
@@ -278,7 +278,7 @@ $cnvs-base-palette-grape-soda-600: var(--cnvs-base-palette-purple-800);
|
|
|
278
278
|
$cnvs-base-palette-pomegranate-100: var(--cnvs-base-palette-magenta-50);
|
|
279
279
|
$cnvs-base-palette-pomegranate-200: var(--cnvs-base-palette-magenta-100);
|
|
280
280
|
$cnvs-base-palette-pomegranate-300: var(--cnvs-base-palette-magenta-500);
|
|
281
|
-
$cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-
|
|
281
|
+
$cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-magenta-500);
|
|
282
282
|
$cnvs-base-palette-pomegranate-500: var(--cnvs-base-palette-red-700);
|
|
283
283
|
$cnvs-base-palette-pomegranate-600: var(--cnvs-base-palette-red-800);
|
|
284
284
|
$cnvs-base-palette-fruit-punch-100: var(--cnvs-base-palette-red-25);
|
|
@@ -291,7 +291,7 @@ $cnvs-base-palette-root-beer-100: var(--cnvs-base-palette-coral-25);
|
|
|
291
291
|
$cnvs-base-palette-root-beer-200: var(--cnvs-base-palette-coral-100);
|
|
292
292
|
$cnvs-base-palette-root-beer-300: var(--cnvs-base-palette-coral-200);
|
|
293
293
|
$cnvs-base-palette-root-beer-400: var(--cnvs-base-palette-coral-200);
|
|
294
|
-
$cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-
|
|
294
|
+
$cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-amber-900);
|
|
295
295
|
$cnvs-base-palette-root-beer-600: var(--cnvs-base-palette-amber-950);
|
|
296
296
|
$cnvs-base-palette-toasted-marshmallow-100: var(--cnvs-base-palette-amber-25);
|
|
297
297
|
$cnvs-base-palette-toasted-marshmallow-200: var(--cnvs-base-palette-orange-100);
|
|
@@ -310,13 +310,13 @@ $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-
|
|
313
|
+
$cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-300);
|
|
314
314
|
$cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
|
|
315
|
-
$cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-
|
|
316
|
-
$cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-
|
|
317
|
-
$cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-
|
|
318
|
-
$cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-
|
|
319
|
-
$cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-
|
|
315
|
+
$cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-100);
|
|
316
|
+
$cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-200);
|
|
317
|
+
$cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-300);
|
|
318
|
+
$cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-400);
|
|
319
|
+
$cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-500);
|
|
320
320
|
$cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-500);
|
|
321
321
|
$cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
|
|
322
322
|
$cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-900);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 05 Sep 2025 22:23:07 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.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 05 Sep 2025 22:23:07 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.
|