@workday/canvas-tokens-web 4.4.0-beta.1 → 4.4.0-beta.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.
- package/css/base/_variables.css +1 -1
- package/css/brand/_variables.css +1 -1
- package/css/component/_variables.css +1 -1
- package/css/legacy/base.css +1 -1
- package/css/legacy/brand.css +1 -1
- package/css/legacy/component.css +1 -1
- package/css/legacy/system.css +1 -1
- package/css/sana/_variables.css +17 -89
- package/css/system/_variables.css +1 -1
- package/dist/common-js/base/index.d.ts +1 -1
- package/dist/common-js/base/index.js +1 -1
- package/dist/common-js/base/sana.d.ts +1 -1
- package/dist/common-js/base/sana.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/brand/sana.d.ts +1 -1
- package/dist/common-js/brand/sana.js +1 -1
- package/dist/common-js/component/index.d.ts +1 -1
- package/dist/common-js/component/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/common-js/system/sana.d.ts +43 -159
- package/dist/common-js/system/sana.js +43 -159
- package/dist/es6/base/index.d.ts +1 -1
- package/dist/es6/base/index.js +1 -1
- package/dist/es6/base/sana.d.ts +1 -1
- package/dist/es6/base/sana.js +1 -1
- package/dist/es6/brand/index.d.ts +1 -1
- package/dist/es6/brand/index.js +1 -1
- package/dist/es6/brand/sana.d.ts +1 -1
- package/dist/es6/brand/sana.js +1 -1
- package/dist/es6/component/index.d.ts +1 -1
- package/dist/es6/component/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/dist/es6/system/sana.d.ts +43 -159
- package/dist/es6/system/sana.js +43 -159
- package/less/base/_variables.less +1 -1
- package/less/brand/_variables.less +1 -1
- package/less/component/_variables.less +1 -1
- package/less/sana/_variables.less +17 -89
- package/less/system/_variables.less +1 -1
- package/package.json +1 -1
- package/scss/base/_variables.sass +1 -1
- package/scss/base/_variables.scss +1 -1
- package/scss/brand/_variables.sass +1 -1
- package/scss/brand/_variables.scss +1 -1
- package/scss/component/_variables.sass +1 -1
- package/scss/component/_variables.scss +1 -1
- package/scss/sana/_variables.sass +17 -89
- package/scss/sana/_variables.scss +17 -89
- package/scss/system/_variables.sass +1 -1
- package/scss/system/_variables.scss +1 -1
package/css/base/_variables.css
CHANGED
package/css/brand/_variables.css
CHANGED
package/css/legacy/base.css
CHANGED
package/css/legacy/brand.css
CHANGED
package/css/legacy/component.css
CHANGED
package/css/legacy/system.css
CHANGED
package/css/sana/_variables.css
CHANGED
|
@@ -184,110 +184,42 @@
|
|
|
184
184
|
--cnvs-sys-shape-xs: var(--cnvs-base-size-50);
|
|
185
185
|
--cnvs-sys-line-height-body-md: var(--cnvs-base-size-300);
|
|
186
186
|
--cnvs-sys-color-bg-alt-default: var(--cnvs-brand-neutral-50);
|
|
187
|
-
--cnvs-sys-color-
|
|
188
|
-
--cnvs-sys-color-fg-muted-default: var(--cnvs-brand-neutral-a600);
|
|
189
|
-
--cnvs-sys-color-fg-muted-strong: var(--cnvs-brand-neutral-a700);
|
|
190
|
-
--cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600);
|
|
191
|
-
--cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700);
|
|
192
|
-
--cnvs-sys-color-fg-default: var(--cnvs-brand-neutral-a800);
|
|
193
|
-
--cnvs-sys-color-fg-strong: var(--cnvs-brand-neutral-a900);
|
|
194
|
-
--cnvs-sys-color-fg-stronger: var(--cnvs-brand-neutral-a950);
|
|
195
|
-
--cnvs-sys-color-fg-disabled: var(--cnvs-brand-neutral-a400);
|
|
196
|
-
--cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0);
|
|
197
|
-
--cnvs-sys-color-fg-danger-default: var(--cnvs-brand-critical-600);
|
|
198
|
-
--cnvs-sys-color-fg-danger-strong: var(--cnvs-brand-critical-700);
|
|
199
|
-
--cnvs-sys-color-fg-warning-default: var(--cnvs-brand-caution-600);
|
|
200
|
-
--cnvs-sys-color-fg-warning-strong: var(--cnvs-brand-caution-700);
|
|
201
|
-
--cnvs-sys-color-fg-success-default: var(--cnvs-brand-positive-600);
|
|
202
|
-
--cnvs-sys-color-fg-success-strong: var(--cnvs-brand-positive-700);
|
|
203
|
-
--cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950);
|
|
204
|
-
--cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-a900);
|
|
205
|
-
--cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-a950);
|
|
187
|
+
--cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-neutral-a400);
|
|
206
188
|
--cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950);
|
|
207
|
-
--cnvs-sys-color-border-input-default: var(--cnvs-
|
|
208
|
-
--cnvs-sys-color-border-input-hover: var(--cnvs-
|
|
209
|
-
--cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-a900);
|
|
189
|
+
--cnvs-sys-color-border-input-default: var(--cnvs-base-palette-neutral-a500);
|
|
190
|
+
--cnvs-sys-color-border-input-hover: var(--cnvs-base-palette-neutral-a700);
|
|
210
191
|
--cnvs-sys-color-border-default: var(--cnvs-brand-neutral-a100);
|
|
211
192
|
--cnvs-sys-color-border-strong: var(--cnvs-brand-neutral-a200);
|
|
212
|
-
--cnvs-sys-color-border-
|
|
213
|
-
--cnvs-sys-color-border-danger: var(--cnvs-brand-critical-500);
|
|
214
|
-
--cnvs-sys-color-border-warning: var(--cnvs-brand-caution-500);
|
|
215
|
-
--cnvs-sys-color-border-inverse-default: var(--cnvs-base-palette-neutral-0);
|
|
216
|
-
--cnvs-sys-color-border-inverse-strong: var(--cnvs-base-palette-white-a700);
|
|
217
|
-
--cnvs-sys-color-border-transparent: var(--cnvs-base-palette-white-a0);
|
|
218
|
-
--cnvs-sys-color-surface-default: var(--cnvs-base-palette-neutral-0);
|
|
193
|
+
--cnvs-sys-color-border-warning: var(--cnvs-base-palette-amber-500);
|
|
219
194
|
--cnvs-sys-color-surface-navigation: var(--cnvs-brand-neutral-50);
|
|
220
|
-
--cnvs-sys-color-surface-popover: var(--cnvs-base-palette-neutral-0);
|
|
221
|
-
--cnvs-sys-color-surface-modal: var(--cnvs-base-palette-neutral-0);
|
|
222
195
|
--cnvs-sys-color-surface-raised: var(--cnvs-brand-neutral-a25);
|
|
223
196
|
--cnvs-sys-color-surface-alt-default: var(--cnvs-brand-neutral-a50);
|
|
224
197
|
--cnvs-sys-color-surface-alt-strong: var(--cnvs-brand-neutral-a100);
|
|
225
198
|
--cnvs-sys-color-surface-loading: var(--cnvs-brand-neutral-a50);
|
|
226
|
-
--cnvs-sys-color-surface-info-default: var(--cnvs-base-palette-blue-a25);
|
|
227
|
-
--cnvs-sys-color-surface-info-strong: var(--cnvs-base-palette-blue-a50);
|
|
228
|
-
--cnvs-sys-color-surface-danger-default: var(--cnvs-brand-critical-a25);
|
|
229
|
-
--cnvs-sys-color-surface-danger-strong: var(--cnvs-brand-critical-a50);
|
|
230
|
-
--cnvs-sys-color-surface-warning-default: var(--cnvs-brand-caution-a25);
|
|
231
|
-
--cnvs-sys-color-surface-warning-strong: var(--cnvs-brand-caution-a50);
|
|
232
|
-
--cnvs-sys-color-surface-success-default: var(--cnvs-brand-positive-a25);
|
|
233
|
-
--cnvs-sys-color-surface-success-strong: var(--cnvs-brand-positive-a50);
|
|
234
|
-
--cnvs-sys-color-surface-ai-default: var(--cnvs-base-palette-blue-a100);
|
|
235
|
-
--cnvs-sys-color-surface-ai-hover: var(--cnvs-base-palette-blue-a200);
|
|
236
|
-
--cnvs-sys-color-surface-ai-pressed: var(--cnvs-base-palette-blue-400);
|
|
237
|
-
--cnvs-sys-color-surface-transparent: var(--cnvs-base-palette-white-a0);
|
|
238
|
-
--cnvs-sys-color-surface-inverse: var(--cnvs-base-palette-neutral-0);
|
|
239
|
-
--cnvs-sys-color-surface-contrast-default: var(--cnvs-brand-neutral-a900);
|
|
240
|
-
--cnvs-sys-color-surface-contrast-strong: var(--cnvs-brand-neutral-a950);
|
|
241
199
|
--cnvs-sys-color-surface-overlay-hover-default: var(--cnvs-brand-neutral-a50);
|
|
242
|
-
--cnvs-sys-color-surface-overlay-hover-inverse: var(--cnvs-base-palette-white-
|
|
200
|
+
--cnvs-sys-color-surface-overlay-hover-inverse: var(--cnvs-base-palette-white-a150);
|
|
243
201
|
--cnvs-sys-color-surface-overlay-mixin: var(--cnvs-base-palette-neutral-1000);
|
|
244
202
|
--cnvs-sys-color-surface-overlay-pressed-default: var(--cnvs-brand-neutral-a100);
|
|
245
|
-
--cnvs-sys-color-surface-overlay-pressed-inverse: var(--cnvs-base-palette-white-
|
|
203
|
+
--cnvs-sys-color-surface-overlay-pressed-inverse: var(--cnvs-base-palette-white-a200);
|
|
246
204
|
--cnvs-sys-color-surface-overlay-scrim: var(--cnvs-brand-neutral-a400);
|
|
247
|
-
--cnvs-sys-color-surface-overlay-raised: var(--cnvs-base-palette-white-
|
|
248
|
-
--cnvs-sys-color-
|
|
249
|
-
--cnvs-sys-color-accent-
|
|
250
|
-
--cnvs-sys-color-accent-
|
|
251
|
-
--cnvs-sys-color-accent-
|
|
252
|
-
--cnvs-sys-color-accent-
|
|
253
|
-
--cnvs-sys-color-accent-
|
|
254
|
-
--cnvs-sys-color-accent-muted-default: var(--cnvs-brand-neutral-600);
|
|
255
|
-
--cnvs-sys-color-accent-muted-soft: var(--cnvs-brand-neutral-400);
|
|
256
|
-
--cnvs-sys-color-accent-overlay-hover: var(--cnvs-base-palette-white-a100);
|
|
257
|
-
--cnvs-sys-color-accent-overlay-pressed: var(--cnvs-base-palette-white-a200);
|
|
258
|
-
--cnvs-sys-color-accent-overlay-mixin: var(--cnvs-base-palette-neutral-1000);
|
|
259
|
-
--cnvs-sys-color-brand-focus-primary: var(--cnvs-base-palette-blue-500);
|
|
260
|
-
--cnvs-sys-color-brand-focus-critical: var(--cnvs-brand-critical-500);
|
|
261
|
-
--cnvs-sys-color-brand-focus-caution-outer: var(--cnvs-brand-caution-500);
|
|
262
|
-
--cnvs-sys-color-brand-focus-caution-inner: var(--cnvs-brand-caution-400);
|
|
263
|
-
--cnvs-sys-color-brand-surface-primary-default: var(--cnvs-brand-neutral-a25);
|
|
264
|
-
--cnvs-sys-color-brand-surface-primary-strong: var(--cnvs-brand-neutral-a50);
|
|
265
|
-
--cnvs-sys-color-brand-surface-critical-default: var(--cnvs-brand-critical-a25);
|
|
266
|
-
--cnvs-sys-color-brand-surface-critical-strong: var(--cnvs-brand-critical-a50);
|
|
267
|
-
--cnvs-sys-color-brand-surface-caution-default: var(--cnvs-brand-caution-a25);
|
|
268
|
-
--cnvs-sys-color-brand-surface-caution-strong: var(--cnvs-brand-caution-a50);
|
|
269
|
-
--cnvs-sys-color-brand-surface-positive-default: var(--cnvs-brand-positive-a25);
|
|
270
|
-
--cnvs-sys-color-brand-surface-positive-strong: var(--cnvs-brand-positive-a50);
|
|
205
|
+
--cnvs-sys-color-surface-overlay-raised: var(--cnvs-base-palette-white-a300);
|
|
206
|
+
--cnvs-sys-color-surface-text-highlight: var(--cnvs-base-palette-indigo-a200);
|
|
207
|
+
--cnvs-sys-color-accent-muted-default: var(--cnvs-base-palette-neutral-600);
|
|
208
|
+
--cnvs-sys-color-accent-muted-soft: var(--cnvs-base-palette-neutral-400);
|
|
209
|
+
--cnvs-sys-color-accent-overlay-hover: var(--cnvs-base-palette-white-a50);
|
|
210
|
+
--cnvs-sys-color-accent-overlay-pressed: var(--cnvs-base-palette-white-a100);
|
|
211
|
+
--cnvs-sys-color-accent-overlay-mixin: var(--cnvs-base-palette-neutral-0);
|
|
271
212
|
--cnvs-sys-color-brand-surface-selected: var(--cnvs-brand-neutral-a100);
|
|
272
213
|
--cnvs-sys-color-brand-accent-primary: var(--cnvs-brand-neutral-975);
|
|
273
|
-
--cnvs-sys-color-brand-accent-critical: var(--cnvs-brand-critical-600);
|
|
274
|
-
--cnvs-sys-color-brand-accent-caution: var(--cnvs-brand-caution-400);
|
|
275
|
-
--cnvs-sys-color-brand-accent-positive: var(--cnvs-brand-positive-600);
|
|
276
214
|
--cnvs-sys-color-brand-accent-action: var(--cnvs-brand-neutral-975);
|
|
277
215
|
--cnvs-sys-color-brand-fg-primary-default: var(--cnvs-brand-neutral-a900);
|
|
278
216
|
--cnvs-sys-color-brand-fg-primary-strong: var(--cnvs-brand-neutral-a950);
|
|
279
|
-
--cnvs-sys-color-brand-fg-critical-default: var(--cnvs-brand-critical-600);
|
|
280
|
-
--cnvs-sys-color-brand-fg-critical-strong: var(--cnvs-brand-critical-700);
|
|
281
|
-
--cnvs-sys-color-brand-fg-caution-default: var(--cnvs-brand-caution-600);
|
|
282
|
-
--cnvs-sys-color-brand-fg-caution-strong: var(--cnvs-brand-caution-700);
|
|
283
|
-
--cnvs-sys-color-brand-fg-positive-default: var(--cnvs-brand-positive-600);
|
|
284
|
-
--cnvs-sys-color-brand-fg-positive-strong: var(--cnvs-brand-positive-700);
|
|
285
217
|
--cnvs-sys-color-brand-fg-selected: var(--cnvs-brand-neutral-a900);
|
|
218
|
+
--cnvs-sys-color-brand-fg-link-default: var(--cnvs-base-palette-blue-600);
|
|
219
|
+
--cnvs-sys-color-brand-fg-link-hover: var(--cnvs-base-palette-blue-700);
|
|
286
220
|
--cnvs-sys-color-brand-border-primary: var(--cnvs-base-palette-blue-500);
|
|
287
221
|
--cnvs-sys-color-brand-border-critical: var(--cnvs-brand-critical-500);
|
|
288
222
|
--cnvs-sys-color-brand-border-caution: var(--cnvs-brand-caution-500);
|
|
289
|
-
--cnvs-sys-color-focus-inverse: var(--cnvs-base-palette-neutral-0);
|
|
290
|
-
--cnvs-sys-color-focus-contrast: var(--cnvs-brand-neutral-a900);
|
|
291
223
|
--cnvs-sys-color-chart-diverging-azure-coral-1: var(--cnvs-base-palette-azure-900);
|
|
292
224
|
--cnvs-sys-color-chart-diverging-azure-coral-2: var(--cnvs-base-palette-azure-800);
|
|
293
225
|
--cnvs-sys-color-chart-diverging-azure-coral-3: var(--cnvs-base-palette-azure-700);
|
|
@@ -338,12 +270,8 @@
|
|
|
338
270
|
--cnvs-sys-color-chart-sequential-9: var(--cnvs-base-palette-teal-700);
|
|
339
271
|
--cnvs-sys-color-chart-sequential-10: var(--cnvs-base-palette-teal-800);
|
|
340
272
|
--cnvs-sys-color-chart-sequential-11: var(--cnvs-base-palette-teal-900);
|
|
341
|
-
--cnvs-sys-
|
|
342
|
-
--cnvs-sys-
|
|
343
|
-
--cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(0 0 0 / 0.0196), 0 0.375rem 1.5rem 0 oklch(0 0 0 / 0.0392);
|
|
344
|
-
--cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(0 0 0 / 0.0392), 0 0.5rem 2rem 0 oklch(0 0 0 / 0.0392);
|
|
345
|
-
--cnvs-sys-depth-5: 0 0.3125rem 1.25rem -0.25 oklch(0 0 0 / 0.1216), 0 0.625rem 2.5rem -0.1875 oklch(0 0 0 / 0.1216);
|
|
346
|
-
--cnvs-sys-depth-6: 0 0.375rem 1.5rem -0.25 oklch(0 0 0 / 0.251), 0 0.75rem 3rem -0.75 oklch(0 0 0 / 0.251);
|
|
273
|
+
--cnvs-sys-opacity-accent-hover: 0.045;
|
|
274
|
+
--cnvs-sys-opacity-accent-pressed: 0.118;
|
|
347
275
|
--cnvs-sys-font-family-fallback: var(--cnvs-base-font-family-0);
|
|
348
276
|
--cnvs-sys-letter-spacing-subtext-sm: var(--cnvs-base-letter-spacing-1);
|
|
349
277
|
--cnvs-sys-letter-spacing-subtext-md: var(--cnvs-base-letter-spacing-2);
|
package/dist/common-js/index.js
CHANGED