@workday/canvas-tokens-web 4.1.1 → 4.1.3

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 +41 -41
  3. package/css/system/_variables.css +231 -231
  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 +41 -41
  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 +346 -192
  11. package/dist/common-js/system/index.js +1 -1
  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 +41 -41
  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 +346 -192
  19. package/dist/es6/system/index.js +1 -1
  20. package/less/base/_variables.less +1 -1
  21. package/less/brand/_variables.less +41 -41
  22. package/less/system/_variables.less +231 -231
  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 +41 -41
  27. package/scss/brand/_variables.scss +41 -41
  28. package/scss/system/_variables.sass +231 -231
  29. package/scss/system/_variables.scss +231 -231
package/scss/base/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 09 Feb 2026 19:58:48 GMT
3
+ // Generated on Wed, 25 Feb 2026 21:44:04 GMT
4
4
 
5
5
  $cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overriden by user preferences
6
6
  $cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
package/scss/brand/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 09 Feb 2026 19:58:48 GMT
3
+ // Generated on Wed, 25 Feb 2026 21:44:04 GMT
4
4
 
5
5
  $cnvs-brand-positive-a200: $cnvs-base-palette-green-a200;
6
6
  $cnvs-brand-positive-a100: $cnvs-base-palette-green-a100;
@@ -53,6 +53,10 @@ $cnvs-brand-critical-200: $cnvs-base-palette-red-200;
53
53
  $cnvs-brand-critical-100: $cnvs-base-palette-red-100;
54
54
  $cnvs-brand-critical-50: $cnvs-base-palette-red-50;
55
55
  $cnvs-brand-critical-25: $cnvs-base-palette-red-25;
56
+ $cnvs-brand-common-alert-outer: $cnvs-base-palette-amber-500;
57
+ $cnvs-brand-common-alert-inner: $cnvs-base-palette-amber-400;
58
+ $cnvs-brand-common-error-inner: $cnvs-base-palette-red-500;
59
+ $cnvs-brand-common-focus-outline: $cnvs-base-palette-blue-500;
56
60
  $cnvs-brand-neutral-a975: $cnvs-base-palette-slate-a975;
57
61
  $cnvs-brand-neutral-a950: $cnvs-base-palette-slate-a950;
58
62
  $cnvs-brand-neutral-a900: $cnvs-base-palette-slate-a900;
@@ -66,8 +70,13 @@ $cnvs-brand-neutral-a200: $cnvs-base-palette-slate-a200;
66
70
  $cnvs-brand-neutral-a100: $cnvs-base-palette-slate-a100;
67
71
  $cnvs-brand-neutral-a50: $cnvs-base-palette-slate-a50;
68
72
  $cnvs-brand-neutral-a25: $cnvs-base-palette-slate-a25;
69
- $cnvs-brand-neutral-light: $cnvs-base-palette-slate-200;
70
- $cnvs-brand-neutral-lighter: $cnvs-base-palette-slate-50;
73
+ $cnvs-brand-neutral-light: $cnvs-base-palette-neutral-200;
74
+ $cnvs-brand-neutral-lighter: $cnvs-base-palette-neutral-50;
75
+ $cnvs-brand-neutral-accent: $cnvs-base-palette-neutral-0;
76
+ $cnvs-brand-neutral-darkest: $cnvs-base-palette-neutral-800;
77
+ $cnvs-brand-neutral-dark: $cnvs-base-palette-neutral-700;
78
+ $cnvs-brand-neutral-base: $cnvs-base-palette-neutral-600;
79
+ $cnvs-brand-neutral-lightest: $cnvs-base-palette-neutral-25;
71
80
  $cnvs-brand-neutral-975: $cnvs-base-palette-slate-975;
72
81
  $cnvs-brand-neutral-950: $cnvs-base-palette-slate-950;
73
82
  $cnvs-brand-neutral-900: $cnvs-base-palette-slate-900;
@@ -81,10 +90,38 @@ $cnvs-brand-neutral-200: $cnvs-base-palette-slate-200;
81
90
  $cnvs-brand-neutral-100: $cnvs-base-palette-slate-100;
82
91
  $cnvs-brand-neutral-50: $cnvs-base-palette-slate-50;
83
92
  $cnvs-brand-neutral-25: $cnvs-base-palette-slate-25;
93
+ $cnvs-brand-success-light: $cnvs-base-palette-green-200;
94
+ $cnvs-brand-success-accent: $cnvs-base-palette-neutral-0;
95
+ $cnvs-brand-success-darkest: $cnvs-base-palette-green-800;
96
+ $cnvs-brand-success-dark: $cnvs-base-palette-green-700;
97
+ $cnvs-brand-success-lighter: $cnvs-base-palette-green-50;
98
+ $cnvs-brand-success-lightest: $cnvs-base-palette-green-25;
99
+ $cnvs-brand-success-base: $cnvs-base-palette-green-600;
100
+ $cnvs-brand-alert-light: $cnvs-base-palette-amber-200;
101
+ $cnvs-brand-alert-accent: $cnvs-base-palette-neutral-950;
102
+ $cnvs-brand-alert-darkest: $cnvs-base-palette-amber-600;
103
+ $cnvs-brand-alert-dark: $cnvs-base-palette-amber-500;
104
+ $cnvs-brand-alert-lightest: $cnvs-base-palette-amber-25;
105
+ $cnvs-brand-alert-lighter: $cnvs-base-palette-amber-50;
106
+ $cnvs-brand-alert-base: $cnvs-base-palette-amber-400;
107
+ $cnvs-brand-error-light: $cnvs-base-palette-red-200;
108
+ $cnvs-brand-error-lighter: $cnvs-base-palette-red-50;
109
+ $cnvs-brand-error-accent: $cnvs-base-palette-neutral-0;
110
+ $cnvs-brand-error-darkest: $cnvs-base-palette-red-800;
111
+ $cnvs-brand-error-dark: $cnvs-base-palette-red-700;
112
+ $cnvs-brand-error-lightest: $cnvs-base-palette-red-25;
113
+ $cnvs-brand-error-base: $cnvs-base-palette-red-600;
84
114
  $cnvs-brand-primary-a200: $cnvs-base-palette-blue-a200;
85
115
  $cnvs-brand-primary-a100: $cnvs-base-palette-blue-a100;
86
116
  $cnvs-brand-primary-a50: $cnvs-base-palette-blue-a50;
87
117
  $cnvs-brand-primary-a25: $cnvs-base-palette-blue-a25;
118
+ $cnvs-brand-primary-light: $cnvs-base-palette-blue-200;
119
+ $cnvs-brand-primary-lighter: $cnvs-base-palette-blue-50;
120
+ $cnvs-brand-primary-accent: $cnvs-base-palette-neutral-0;
121
+ $cnvs-brand-primary-dark: $cnvs-base-palette-blue-700;
122
+ $cnvs-brand-primary-darkest: $cnvs-base-palette-blue-800;
123
+ $cnvs-brand-primary-lightest: $cnvs-base-palette-blue-25;
124
+ $cnvs-brand-primary-base: $cnvs-base-palette-blue-600;
88
125
  $cnvs-brand-primary-975: $cnvs-base-palette-blue-975;
89
126
  $cnvs-brand-primary-950: $cnvs-base-palette-blue-950;
90
127
  $cnvs-brand-primary-900: $cnvs-base-palette-blue-900;
@@ -98,47 +135,10 @@ $cnvs-brand-primary-200: $cnvs-base-palette-blue-200;
98
135
  $cnvs-brand-primary-100: $cnvs-base-palette-blue-100;
99
136
  $cnvs-brand-primary-50: $cnvs-base-palette-blue-50;
100
137
  $cnvs-brand-primary-25: $cnvs-base-palette-blue-25;
138
+ $cnvs-brand-gradient-primary: linear-gradient(90deg, $cnvs-brand-primary-base 0%, $cnvs-brand-primary-dark 100%);
101
139
  $cnvs-brand-common-caution-outer: $cnvs-brand-caution-500;
102
140
  $cnvs-brand-common-caution-inner: $cnvs-brand-caution-400;
103
141
  $cnvs-brand-common-critical: $cnvs-brand-critical-500;
104
142
  $cnvs-brand-common-focus: $cnvs-brand-primary-500;
105
- $cnvs-brand-neutral-accent: $cnvs-sys-color-fg-inverse;
106
- $cnvs-brand-neutral-darkest: $cnvs-brand-neutral-800;
107
- $cnvs-brand-neutral-dark: $cnvs-brand-neutral-700;
108
- $cnvs-brand-neutral-base: $cnvs-brand-neutral-600;
109
- $cnvs-brand-neutral-lightest: $cnvs-brand-neutral-25;
110
- $cnvs-brand-success-light: $cnvs-brand-positive-200;
111
- $cnvs-brand-success-accent: $cnvs-sys-color-fg-inverse;
112
- $cnvs-brand-success-darkest: $cnvs-brand-positive-800;
113
- $cnvs-brand-success-dark: $cnvs-brand-positive-700;
114
- $cnvs-brand-success-lighter: $cnvs-brand-positive-50;
115
- $cnvs-brand-success-lightest: $cnvs-brand-positive-25;
116
- $cnvs-brand-success-base: $cnvs-brand-positive-600;
117
- $cnvs-brand-alert-light: $cnvs-brand-caution-200;
118
- $cnvs-brand-alert-accent: $cnvs-sys-color-fg-contrast-default;
119
- $cnvs-brand-alert-darkest: $cnvs-brand-caution-600;
120
- $cnvs-brand-alert-dark: $cnvs-brand-caution-500;
121
- $cnvs-brand-alert-lightest: $cnvs-brand-caution-25;
122
- $cnvs-brand-alert-lighter: $cnvs-brand-caution-50;
123
- $cnvs-brand-alert-base: $cnvs-brand-caution-400;
124
- $cnvs-brand-error-light: $cnvs-brand-critical-200;
125
- $cnvs-brand-error-lighter: $cnvs-brand-critical-50;
126
- $cnvs-brand-error-accent: $cnvs-sys-color-fg-inverse;
127
- $cnvs-brand-error-darkest: $cnvs-brand-critical-800;
128
- $cnvs-brand-error-dark: $cnvs-brand-critical-700;
129
- $cnvs-brand-error-lightest: $cnvs-brand-critical-25;
130
- $cnvs-brand-error-base: $cnvs-brand-critical-600;
131
- $cnvs-brand-primary-light: $cnvs-brand-primary-200;
132
- $cnvs-brand-primary-lighter: $cnvs-brand-primary-50;
133
- $cnvs-brand-primary-accent: $cnvs-sys-color-fg-inverse;
134
- $cnvs-brand-primary-dark: $cnvs-brand-primary-700;
135
- $cnvs-brand-primary-darkest: $cnvs-brand-primary-800;
136
- $cnvs-brand-primary-lightest: $cnvs-brand-primary-25;
137
- $cnvs-brand-primary-base: $cnvs-brand-primary-600;
138
- $cnvs-brand-gradient-primary: linear-gradient(90deg, $cnvs-brand-primary-base 0%, $cnvs-brand-primary-dark 100%);
139
- $cnvs-brand-common-alert-outer: $cnvs-brand-common-caution-outer;
140
- $cnvs-brand-common-alert-inner: $cnvs-brand-common-caution-inner;
141
- $cnvs-brand-common-error-inner: $cnvs-brand-common-critical;
142
- $cnvs-brand-common-focus-outline: $cnvs-brand-common-focus;
143
143
 
144
144
 
package/scss/brand/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 09 Feb 2026 19:58:48 GMT
3
+ // Generated on Wed, 25 Feb 2026 21:44:04 GMT
4
4
 
5
5
  $cnvs-brand-positive-a200: $cnvs-base-palette-green-a200;
6
6
  $cnvs-brand-positive-a100: $cnvs-base-palette-green-a100;
@@ -53,6 +53,10 @@ $cnvs-brand-critical-200: $cnvs-base-palette-red-200;
53
53
  $cnvs-brand-critical-100: $cnvs-base-palette-red-100;
54
54
  $cnvs-brand-critical-50: $cnvs-base-palette-red-50;
55
55
  $cnvs-brand-critical-25: $cnvs-base-palette-red-25;
56
+ $cnvs-brand-common-alert-outer: $cnvs-base-palette-amber-500;
57
+ $cnvs-brand-common-alert-inner: $cnvs-base-palette-amber-400;
58
+ $cnvs-brand-common-error-inner: $cnvs-base-palette-red-500;
59
+ $cnvs-brand-common-focus-outline: $cnvs-base-palette-blue-500;
56
60
  $cnvs-brand-neutral-a975: $cnvs-base-palette-slate-a975;
57
61
  $cnvs-brand-neutral-a950: $cnvs-base-palette-slate-a950;
58
62
  $cnvs-brand-neutral-a900: $cnvs-base-palette-slate-a900;
@@ -66,8 +70,13 @@ $cnvs-brand-neutral-a200: $cnvs-base-palette-slate-a200;
66
70
  $cnvs-brand-neutral-a100: $cnvs-base-palette-slate-a100;
67
71
  $cnvs-brand-neutral-a50: $cnvs-base-palette-slate-a50;
68
72
  $cnvs-brand-neutral-a25: $cnvs-base-palette-slate-a25;
69
- $cnvs-brand-neutral-light: $cnvs-base-palette-slate-200;
70
- $cnvs-brand-neutral-lighter: $cnvs-base-palette-slate-50;
73
+ $cnvs-brand-neutral-light: $cnvs-base-palette-neutral-200;
74
+ $cnvs-brand-neutral-lighter: $cnvs-base-palette-neutral-50;
75
+ $cnvs-brand-neutral-accent: $cnvs-base-palette-neutral-0;
76
+ $cnvs-brand-neutral-darkest: $cnvs-base-palette-neutral-800;
77
+ $cnvs-brand-neutral-dark: $cnvs-base-palette-neutral-700;
78
+ $cnvs-brand-neutral-base: $cnvs-base-palette-neutral-600;
79
+ $cnvs-brand-neutral-lightest: $cnvs-base-palette-neutral-25;
71
80
  $cnvs-brand-neutral-975: $cnvs-base-palette-slate-975;
72
81
  $cnvs-brand-neutral-950: $cnvs-base-palette-slate-950;
73
82
  $cnvs-brand-neutral-900: $cnvs-base-palette-slate-900;
@@ -81,10 +90,38 @@ $cnvs-brand-neutral-200: $cnvs-base-palette-slate-200;
81
90
  $cnvs-brand-neutral-100: $cnvs-base-palette-slate-100;
82
91
  $cnvs-brand-neutral-50: $cnvs-base-palette-slate-50;
83
92
  $cnvs-brand-neutral-25: $cnvs-base-palette-slate-25;
93
+ $cnvs-brand-success-light: $cnvs-base-palette-green-200;
94
+ $cnvs-brand-success-accent: $cnvs-base-palette-neutral-0;
95
+ $cnvs-brand-success-darkest: $cnvs-base-palette-green-800;
96
+ $cnvs-brand-success-dark: $cnvs-base-palette-green-700;
97
+ $cnvs-brand-success-lighter: $cnvs-base-palette-green-50;
98
+ $cnvs-brand-success-lightest: $cnvs-base-palette-green-25;
99
+ $cnvs-brand-success-base: $cnvs-base-palette-green-600;
100
+ $cnvs-brand-alert-light: $cnvs-base-palette-amber-200;
101
+ $cnvs-brand-alert-accent: $cnvs-base-palette-neutral-950;
102
+ $cnvs-brand-alert-darkest: $cnvs-base-palette-amber-600;
103
+ $cnvs-brand-alert-dark: $cnvs-base-palette-amber-500;
104
+ $cnvs-brand-alert-lightest: $cnvs-base-palette-amber-25;
105
+ $cnvs-brand-alert-lighter: $cnvs-base-palette-amber-50;
106
+ $cnvs-brand-alert-base: $cnvs-base-palette-amber-400;
107
+ $cnvs-brand-error-light: $cnvs-base-palette-red-200;
108
+ $cnvs-brand-error-lighter: $cnvs-base-palette-red-50;
109
+ $cnvs-brand-error-accent: $cnvs-base-palette-neutral-0;
110
+ $cnvs-brand-error-darkest: $cnvs-base-palette-red-800;
111
+ $cnvs-brand-error-dark: $cnvs-base-palette-red-700;
112
+ $cnvs-brand-error-lightest: $cnvs-base-palette-red-25;
113
+ $cnvs-brand-error-base: $cnvs-base-palette-red-600;
84
114
  $cnvs-brand-primary-a200: $cnvs-base-palette-blue-a200;
85
115
  $cnvs-brand-primary-a100: $cnvs-base-palette-blue-a100;
86
116
  $cnvs-brand-primary-a50: $cnvs-base-palette-blue-a50;
87
117
  $cnvs-brand-primary-a25: $cnvs-base-palette-blue-a25;
118
+ $cnvs-brand-primary-light: $cnvs-base-palette-blue-200;
119
+ $cnvs-brand-primary-lighter: $cnvs-base-palette-blue-50;
120
+ $cnvs-brand-primary-accent: $cnvs-base-palette-neutral-0;
121
+ $cnvs-brand-primary-dark: $cnvs-base-palette-blue-700;
122
+ $cnvs-brand-primary-darkest: $cnvs-base-palette-blue-800;
123
+ $cnvs-brand-primary-lightest: $cnvs-base-palette-blue-25;
124
+ $cnvs-brand-primary-base: $cnvs-base-palette-blue-600;
88
125
  $cnvs-brand-primary-975: $cnvs-base-palette-blue-975;
89
126
  $cnvs-brand-primary-950: $cnvs-base-palette-blue-950;
90
127
  $cnvs-brand-primary-900: $cnvs-base-palette-blue-900;
@@ -98,47 +135,10 @@ $cnvs-brand-primary-200: $cnvs-base-palette-blue-200;
98
135
  $cnvs-brand-primary-100: $cnvs-base-palette-blue-100;
99
136
  $cnvs-brand-primary-50: $cnvs-base-palette-blue-50;
100
137
  $cnvs-brand-primary-25: $cnvs-base-palette-blue-25;
138
+ $cnvs-brand-gradient-primary: linear-gradient(90deg, $cnvs-brand-primary-base 0%, $cnvs-brand-primary-dark 100%);
101
139
  $cnvs-brand-common-caution-outer: $cnvs-brand-caution-500;
102
140
  $cnvs-brand-common-caution-inner: $cnvs-brand-caution-400;
103
141
  $cnvs-brand-common-critical: $cnvs-brand-critical-500;
104
142
  $cnvs-brand-common-focus: $cnvs-brand-primary-500;
105
- $cnvs-brand-neutral-accent: $cnvs-sys-color-fg-inverse;
106
- $cnvs-brand-neutral-darkest: $cnvs-brand-neutral-800;
107
- $cnvs-brand-neutral-dark: $cnvs-brand-neutral-700;
108
- $cnvs-brand-neutral-base: $cnvs-brand-neutral-600;
109
- $cnvs-brand-neutral-lightest: $cnvs-brand-neutral-25;
110
- $cnvs-brand-success-light: $cnvs-brand-positive-200;
111
- $cnvs-brand-success-accent: $cnvs-sys-color-fg-inverse;
112
- $cnvs-brand-success-darkest: $cnvs-brand-positive-800;
113
- $cnvs-brand-success-dark: $cnvs-brand-positive-700;
114
- $cnvs-brand-success-lighter: $cnvs-brand-positive-50;
115
- $cnvs-brand-success-lightest: $cnvs-brand-positive-25;
116
- $cnvs-brand-success-base: $cnvs-brand-positive-600;
117
- $cnvs-brand-alert-light: $cnvs-brand-caution-200;
118
- $cnvs-brand-alert-accent: $cnvs-sys-color-fg-contrast-default;
119
- $cnvs-brand-alert-darkest: $cnvs-brand-caution-600;
120
- $cnvs-brand-alert-dark: $cnvs-brand-caution-500;
121
- $cnvs-brand-alert-lightest: $cnvs-brand-caution-25;
122
- $cnvs-brand-alert-lighter: $cnvs-brand-caution-50;
123
- $cnvs-brand-alert-base: $cnvs-brand-caution-400;
124
- $cnvs-brand-error-light: $cnvs-brand-critical-200;
125
- $cnvs-brand-error-lighter: $cnvs-brand-critical-50;
126
- $cnvs-brand-error-accent: $cnvs-sys-color-fg-inverse;
127
- $cnvs-brand-error-darkest: $cnvs-brand-critical-800;
128
- $cnvs-brand-error-dark: $cnvs-brand-critical-700;
129
- $cnvs-brand-error-lightest: $cnvs-brand-critical-25;
130
- $cnvs-brand-error-base: $cnvs-brand-critical-600;
131
- $cnvs-brand-primary-light: $cnvs-brand-primary-200;
132
- $cnvs-brand-primary-lighter: $cnvs-brand-primary-50;
133
- $cnvs-brand-primary-accent: $cnvs-sys-color-fg-inverse;
134
- $cnvs-brand-primary-dark: $cnvs-brand-primary-700;
135
- $cnvs-brand-primary-darkest: $cnvs-brand-primary-800;
136
- $cnvs-brand-primary-lightest: $cnvs-brand-primary-25;
137
- $cnvs-brand-primary-base: $cnvs-brand-primary-600;
138
- $cnvs-brand-gradient-primary: linear-gradient(90deg, $cnvs-brand-primary-base 0%, $cnvs-brand-primary-dark 100%);
139
- $cnvs-brand-common-alert-outer: $cnvs-brand-common-caution-outer;
140
- $cnvs-brand-common-alert-inner: $cnvs-brand-common-caution-inner;
141
- $cnvs-brand-common-error-inner: $cnvs-brand-common-critical;
142
- $cnvs-brand-common-focus-outline: $cnvs-brand-common-focus;
143
143
 
144
144