@workday/canvas-tokens-web 3.0.0-alpha.0 → 3.0.0-alpha.2

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 +1 -1
  2. package/css/brand/_variables.css +1 -1
  3. package/css/system/_variables.css +4 -4
  4. package/dist/common-js/base/index.d.ts +1 -1
  5. package/dist/common-js/base/index.js +1 -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 +11 -9
  11. package/dist/common-js/system/index.js +4 -2
  12. package/dist/es6/base/index.d.ts +1 -1
  13. package/dist/es6/base/index.js +1 -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 +11 -9
  19. package/dist/es6/system/index.js +4 -2
  20. package/less/base/_variables.less +1 -1
  21. package/less/brand/_variables.less +1 -1
  22. package/less/system/_variables.less +4 -4
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +1 -1
  25. package/scss/base/_variables.scss +1 -1
  26. package/scss/brand/_variables.sass +1 -1
  27. package/scss/brand/_variables.scss +1 -1
  28. package/scss/system/_variables.sass +4 -4
  29. package/scss/system/_variables.scss +4 -4
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 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, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -52,7 +52,7 @@
52
52
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-250); /* Cards, Tables, Surfaces */
53
53
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-150); /* Dividers */
54
54
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
55
- --cnvs-sys-color-border-transparent: oklch(from var(--cnvs-base-palette-neutral-1var(--cnvs-base-opacity-0)00) l c h / var(--cnvs-base-opacity-0)); /* Transparent */
55
+ --cnvs-sys-color-border-transparent: transparent; /* Transparent */
56
56
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
57
57
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
58
58
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
@@ -76,7 +76,7 @@
76
76
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
77
77
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
78
78
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
79
- --cnvs-sys-color-fg-critical: var(--cnvs-base-palette-red-600); /* Error */
79
+ --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
80
80
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
81
81
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
82
82
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
@@ -148,7 +148,7 @@
148
148
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
149
149
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
150
150
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-400)); /* Overlay background */
151
- --cnvs-sys-color-bg-transparent: oklch(from var(--cnvs-base-palette-neutral-var(--cnvs-base-opacity-0)) l c h / var(--cnvs-base-opacity-0)); /* Transparent background */
151
+ --cnvs-sys-color-bg-transparent: transparent; /* Transparent background */
152
152
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
153
153
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
154
154
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
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, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
  */
5
5
 
6
6
  export declare const neutral0: "--cnvs-base-palette-neutral-0";
package/dist/common-js/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
  */
5
5
 
6
6
  "use strict";
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, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 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, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 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, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 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, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 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, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -1088,14 +1088,16 @@ export declare const color: {
1088
1088
  * Inverse
1089
1089
  */
1090
1090
  "inverse": "--cnvs-sys-color-fg-inverse",
1091
- /**
1092
- * oklch(0.535 0.221 26.8 / 1)
1093
- *
1094
- * token: base.red.600
1095
- *
1096
- * Error
1097
- */
1098
- "critical": "--cnvs-sys-color-fg-critical",
1091
+ "critical": {
1092
+ /**
1093
+ * oklch(0.535 0.221 26.8 / 1)
1094
+ *
1095
+ * token: base.red.600
1096
+ *
1097
+ * Error
1098
+ */
1099
+ "default": "--cnvs-sys-color-fg-critical-default",
1100
+ },
1099
1101
  "muted": {
1100
1102
  /**
1101
1103
  * oklch(0.72 0.025 255.5 / 1)
package/dist/common-js/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -304,7 +304,9 @@ exports.color = {
304
304
  "stronger": "--cnvs-sys-color-fg-stronger",
305
305
  "disabled": "--cnvs-sys-color-fg-disabled",
306
306
  "inverse": "--cnvs-sys-color-fg-inverse",
307
- "critical": "--cnvs-sys-color-fg-critical",
307
+ "critical": {
308
+ "default": "--cnvs-sys-color-fg-critical-default"
309
+ },
308
310
  "muted": {
309
311
  "soft": "--cnvs-sys-color-fg-muted-soft",
310
312
  "default": "--cnvs-sys-color-fg-muted-default",
package/dist/es6/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
  */
5
5
 
6
6
  export declare const neutral0: "--cnvs-base-palette-neutral-0";
package/dist/es6/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
  */
5
5
 
6
6
  export const neutral0 = "--cnvs-base-palette-neutral-0";
package/dist/es6/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 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, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 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, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 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, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 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, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -1088,14 +1088,16 @@ export declare const color: {
1088
1088
  * Inverse
1089
1089
  */
1090
1090
  "inverse": "--cnvs-sys-color-fg-inverse",
1091
- /**
1092
- * oklch(0.535 0.221 26.8 / 1)
1093
- *
1094
- * token: base.red.600
1095
- *
1096
- * Error
1097
- */
1098
- "critical": "--cnvs-sys-color-fg-critical",
1091
+ "critical": {
1092
+ /**
1093
+ * oklch(0.535 0.221 26.8 / 1)
1094
+ *
1095
+ * token: base.red.600
1096
+ *
1097
+ * Error
1098
+ */
1099
+ "default": "--cnvs-sys-color-fg-critical-default",
1100
+ },
1099
1101
  "muted": {
1100
1102
  /**
1101
1103
  * oklch(0.72 0.025 255.5 / 1)
package/dist/es6/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ * Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
  */
5
5
 
6
6
  export const breakpoints = {
@@ -301,7 +301,9 @@ export const color = {
301
301
  "stronger": "--cnvs-sys-color-fg-stronger",
302
302
  "disabled": "--cnvs-sys-color-fg-disabled",
303
303
  "inverse": "--cnvs-sys-color-fg-inverse",
304
- "critical": "--cnvs-sys-color-fg-critical",
304
+ "critical": {
305
+ "default": "--cnvs-sys-color-fg-critical-default"
306
+ },
305
307
  "muted": {
306
308
  "soft": "--cnvs-sys-color-fg-muted-soft",
307
309
  "default": "--cnvs-sys-color-fg-muted-default",
package/less/base/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ // Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
 
5
5
  @cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
6
6
  @cnvs-base-palette-neutral-25: oklch(0.985 0 0 / 1);
package/less/brand/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ // Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
 
5
5
  @cnvs-brand-common-alert-inner: @cnvs-base-palette-amber-400;
6
6
  @cnvs-brand-common-error-inner: @cnvs-base-palette-red-500;
package/less/system/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ // Generated on Thu, 26 Jun 2025 18:01:43 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.
@@ -44,7 +44,7 @@
44
44
  @cnvs-sys-color-border-container: @cnvs-base-palette-slate-250; // Cards, Tables, Surfaces
45
45
  @cnvs-sys-color-border-divider: @cnvs-base-palette-slate-150; // Dividers
46
46
  @cnvs-sys-color-border-inverse: @cnvs-base-palette-neutral-0; // Borders on accent colors
47
- @cnvs-sys-color-border-transparent: oklch(from var(--cnvs-base-palette-neutral-1@cnvs-base-opacity-000) l c h / var(--cnvs-base-opacity-0)); // Transparent
47
+ @cnvs-sys-color-border-transparent: transparent; // Transparent
48
48
  @cnvs-sys-color-border-caution-strong: @cnvs-base-palette-amber-500; // Warning outer (box shadow)
49
49
  @cnvs-sys-color-border-caution-default: @cnvs-base-palette-amber-400; // Warning inner
50
50
  @cnvs-sys-color-border-critical-default: @cnvs-base-palette-red-500; // Error
@@ -68,7 +68,7 @@
68
68
  @cnvs-sys-color-fg-muted-strong: @cnvs-base-palette-slate-700;
69
69
  @cnvs-sys-color-fg-muted-default: @cnvs-base-palette-slate-600; // Hint text
70
70
  @cnvs-sys-color-fg-muted-soft: @cnvs-base-palette-slate-400; // Tab item foreground
71
- @cnvs-sys-color-fg-critical: @cnvs-base-palette-red-600; // Error
71
+ @cnvs-sys-color-fg-critical-default: @cnvs-base-palette-red-600; // Error
72
72
  @cnvs-sys-color-fg-inverse: @cnvs-base-palette-neutral-0; // Inverse
73
73
  @cnvs-sys-color-fg-disabled: @cnvs-base-palette-slate-400; // Disabled
74
74
  @cnvs-sys-color-fg-stronger: @cnvs-base-palette-neutral-950; // Heading on hover
@@ -140,7 +140,7 @@
140
140
  @cnvs-sys-color-bg-alt-softer: @cnvs-base-palette-slate-25; // Disabled inputs
141
141
  @cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-500)); // Tooltip, Status Indicator
142
142
  @cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-400)); // Overlay background
143
- @cnvs-sys-color-bg-transparent: oklch(from var(--cnvs-base-palette-neutral-@cnvs-base-opacity-0) l c h / var(--cnvs-base-opacity-0)); // Transparent background
143
+ @cnvs-sys-color-bg-transparent: transparent; // Transparent background
144
144
  @cnvs-sys-color-bg-default: @cnvs-base-palette-neutral-0; // Main background color
145
145
  @cnvs-sys-font-weight-bold: @cnvs-base-font-weight-700;
146
146
  @cnvs-sys-font-weight-medium: @cnvs-base-font-weight-500;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-tokens-web",
3
- "version": "3.0.0-alpha.0",
3
+ "version": "3.0.0-alpha.2",
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, 06 Jun 2025 20:10:41 GMT
3
+ // Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
 
5
5
  $cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
6
6
  $cnvs-base-palette-neutral-25: oklch(0.985 0 0 / 1);
package/scss/base/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ // Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
 
5
5
  $cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
6
6
  $cnvs-base-palette-neutral-25: oklch(0.985 0 0 / 1);
package/scss/brand/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ // Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
 
5
5
  $cnvs-brand-common-alert-inner: $cnvs-base-palette-amber-400;
6
6
  $cnvs-brand-common-error-inner: $cnvs-base-palette-red-500;
package/scss/brand/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ // Generated on Thu, 26 Jun 2025 18:01:43 GMT
4
4
 
5
5
  $cnvs-brand-common-alert-inner: $cnvs-base-palette-amber-400;
6
6
  $cnvs-brand-common-error-inner: $cnvs-base-palette-red-500;
package/scss/system/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ // Generated on Thu, 26 Jun 2025 18:01:43 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.
@@ -44,7 +44,7 @@ $cnvs-sys-color-border-ai: $cnvs-base-palette-blue-950; // Active state on AI
44
44
  $cnvs-sys-color-border-container: $cnvs-base-palette-slate-250; // Cards, Tables, Surfaces
45
45
  $cnvs-sys-color-border-divider: $cnvs-base-palette-slate-150; // Dividers
46
46
  $cnvs-sys-color-border-inverse: $cnvs-base-palette-neutral-0; // Borders on accent colors
47
- $cnvs-sys-color-border-transparent: oklch(from var(--cnvs-base-palette-neutral-1$cnvs-base-opacity-000) l c h / var(--cnvs-base-opacity-0)); // Transparent
47
+ $cnvs-sys-color-border-transparent: transparent; // Transparent
48
48
  $cnvs-sys-color-border-caution-strong: $cnvs-base-palette-amber-500; // Warning outer (box shadow)
49
49
  $cnvs-sys-color-border-caution-default: $cnvs-base-palette-amber-400; // Warning inner
50
50
  $cnvs-sys-color-border-critical-default: $cnvs-base-palette-red-500; // Error
@@ -68,7 +68,7 @@ $cnvs-sys-color-fg-muted-stronger: $cnvs-base-palette-slate-800;
68
68
  $cnvs-sys-color-fg-muted-strong: $cnvs-base-palette-slate-700;
69
69
  $cnvs-sys-color-fg-muted-default: $cnvs-base-palette-slate-600; // Hint text
70
70
  $cnvs-sys-color-fg-muted-soft: $cnvs-base-palette-slate-400; // Tab item foreground
71
- $cnvs-sys-color-fg-critical: $cnvs-base-palette-red-600; // Error
71
+ $cnvs-sys-color-fg-critical-default: $cnvs-base-palette-red-600; // Error
72
72
  $cnvs-sys-color-fg-inverse: $cnvs-base-palette-neutral-0; // Inverse
73
73
  $cnvs-sys-color-fg-disabled: $cnvs-base-palette-slate-400; // Disabled
74
74
  $cnvs-sys-color-fg-stronger: $cnvs-base-palette-neutral-950; // Heading on hover
@@ -140,7 +140,7 @@ $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-50; // Alternative page ba
140
140
  $cnvs-sys-color-bg-alt-softer: $cnvs-base-palette-slate-25; // Disabled inputs
141
141
  $cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-500)); // Tooltip, Status Indicator
142
142
  $cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-400)); // Overlay background
143
- $cnvs-sys-color-bg-transparent: oklch(from var(--cnvs-base-palette-neutral-$cnvs-base-opacity-0) l c h / var(--cnvs-base-opacity-0)); // Transparent background
143
+ $cnvs-sys-color-bg-transparent: transparent; // Transparent background
144
144
  $cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0; // Main background color
145
145
  $cnvs-sys-font-weight-bold: $cnvs-base-font-weight-700;
146
146
  $cnvs-sys-font-weight-medium: $cnvs-base-font-weight-500;
package/scss/system/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 06 Jun 2025 20:10:41 GMT
3
+ // Generated on Thu, 26 Jun 2025 18:01:43 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.
@@ -44,7 +44,7 @@ $cnvs-sys-color-border-ai: $cnvs-base-palette-blue-950; // Active state on AI
44
44
  $cnvs-sys-color-border-container: $cnvs-base-palette-slate-250; // Cards, Tables, Surfaces
45
45
  $cnvs-sys-color-border-divider: $cnvs-base-palette-slate-150; // Dividers
46
46
  $cnvs-sys-color-border-inverse: $cnvs-base-palette-neutral-0; // Borders on accent colors
47
- $cnvs-sys-color-border-transparent: oklch(from var(--cnvs-base-palette-neutral-1$cnvs-base-opacity-000) l c h / var(--cnvs-base-opacity-0)); // Transparent
47
+ $cnvs-sys-color-border-transparent: transparent; // Transparent
48
48
  $cnvs-sys-color-border-caution-strong: $cnvs-base-palette-amber-500; // Warning outer (box shadow)
49
49
  $cnvs-sys-color-border-caution-default: $cnvs-base-palette-amber-400; // Warning inner
50
50
  $cnvs-sys-color-border-critical-default: $cnvs-base-palette-red-500; // Error
@@ -68,7 +68,7 @@ $cnvs-sys-color-fg-muted-stronger: $cnvs-base-palette-slate-800;
68
68
  $cnvs-sys-color-fg-muted-strong: $cnvs-base-palette-slate-700;
69
69
  $cnvs-sys-color-fg-muted-default: $cnvs-base-palette-slate-600; // Hint text
70
70
  $cnvs-sys-color-fg-muted-soft: $cnvs-base-palette-slate-400; // Tab item foreground
71
- $cnvs-sys-color-fg-critical: $cnvs-base-palette-red-600; // Error
71
+ $cnvs-sys-color-fg-critical-default: $cnvs-base-palette-red-600; // Error
72
72
  $cnvs-sys-color-fg-inverse: $cnvs-base-palette-neutral-0; // Inverse
73
73
  $cnvs-sys-color-fg-disabled: $cnvs-base-palette-slate-400; // Disabled
74
74
  $cnvs-sys-color-fg-stronger: $cnvs-base-palette-neutral-950; // Heading on hover
@@ -140,7 +140,7 @@ $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-50; // Alternative page ba
140
140
  $cnvs-sys-color-bg-alt-softer: $cnvs-base-palette-slate-25; // Disabled inputs
141
141
  $cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-500)); // Tooltip, Status Indicator
142
142
  $cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-400)); // Overlay background
143
- $cnvs-sys-color-bg-transparent: oklch(from var(--cnvs-base-palette-neutral-$cnvs-base-opacity-0) l c h / var(--cnvs-base-opacity-0)); // Transparent background
143
+ $cnvs-sys-color-bg-transparent: transparent; // Transparent background
144
144
  $cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0; // Main background color
145
145
  $cnvs-sys-font-weight-bold: $cnvs-base-font-weight-700;
146
146
  $cnvs-sys-font-weight-medium: $cnvs-base-font-weight-500;