@workday/canvas-tokens-web 4.0.4 → 4.0.6
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/system/_variables.css +10 -10
- package/dist/common-js/base/index.d.ts +1 -1
- package/dist/common-js/base/index.js +1 -1
- package/dist/common-js/brand/index.d.ts +785 -171
- 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 +2249 -689
- package/dist/common-js/system/index.js +1 -1
- package/dist/es6/base/index.d.ts +1 -1
- package/dist/es6/base/index.js +1 -1
- package/dist/es6/brand/index.d.ts +785 -171
- 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 +2249 -689
- package/dist/es6/system/index.js +1 -1
- package/less/base/_variables.less +1 -1
- package/less/brand/_variables.less +1 -1
- package/less/system/_variables.less +10 -10
- 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/system/_variables.sass +10 -10
- package/scss/system/_variables.scss +10 -10
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 Thu, 29 Jan 2026 19:14:51 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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 29 Jan 2026 19:14:51 GMT
|
|
4
4
|
|
|
5
5
|
@cnvs-sys-opacity-full: 1; // Dev only
|
|
6
6
|
@cnvs-sys-space-zero: 0; // Stacks, rows in tables
|
|
@@ -173,12 +173,18 @@
|
|
|
173
173
|
@cnvs-sys-color-text-critical-soft: @cnvs-base-palette-red-400; // Error text
|
|
174
174
|
@cnvs-sys-color-text-disabled: @cnvs-base-palette-slate-400; // Disabled text color
|
|
175
175
|
@cnvs-sys-color-bg-default: @cnvs-base-palette-neutral-0; // Default page background
|
|
176
|
-
@cnvs-sys-color-bg-
|
|
177
|
-
@cnvs-sys-color-bg-
|
|
176
|
+
@cnvs-sys-color-bg-info-strong: @cnvs-base-palette-blue-700; // Brand hover background
|
|
177
|
+
@cnvs-sys-color-bg-info-soft: @cnvs-base-palette-blue-a100; // Disabled
|
|
178
|
+
@cnvs-sys-color-bg-critical-soft: @cnvs-base-palette-red-a100; // Disabled error background
|
|
179
|
+
@cnvs-sys-color-bg-caution-soft: @cnvs-base-palette-amber-a100; // Softer warning background
|
|
180
|
+
@cnvs-sys-color-bg-positive-soft: @cnvs-base-palette-green-a100; // Disabled success background
|
|
178
181
|
@cnvs-sys-color-bg-positive-softest: @cnvs-base-palette-green-25; // Lightest surface success background
|
|
182
|
+
@cnvs-sys-color-bg-muted-soft: @cnvs-base-palette-slate-a500;
|
|
179
183
|
@cnvs-sys-color-bg-alt-default: @cnvs-base-palette-slate-50; // The alternative page background
|
|
184
|
+
@cnvs-sys-color-bg-alt-stronger: @cnvs-base-palette-slate-a300; // Active state for segmented control, Pill
|
|
180
185
|
@cnvs-sys-color-bg-alt-strong: @cnvs-base-palette-slate-200; // Active states
|
|
181
|
-
@cnvs-sys-color-bg-alt-soft: @cnvs-base-palette-slate-
|
|
186
|
+
@cnvs-sys-color-bg-alt-soft: @cnvs-base-palette-slate-a50; // Alternative page background
|
|
187
|
+
@cnvs-sys-color-bg-primary-soft: @cnvs-base-palette-blue-a100; // Primary disabled
|
|
182
188
|
@cnvs-sys-line-height-title-large: @cnvs-base-line-height-600;
|
|
183
189
|
@cnvs-sys-line-height-title-medium: @cnvs-base-line-height-500;
|
|
184
190
|
@cnvs-sys-line-height-title-small: @cnvs-base-line-height-400;
|
|
@@ -283,9 +289,7 @@
|
|
|
283
289
|
@cnvs-sys-color-text-strong: @cnvs-sys-color-fg-strong; // Heading text
|
|
284
290
|
@cnvs-sys-color-text-default: @cnvs-sys-color-fg-default; // Body text
|
|
285
291
|
@cnvs-sys-color-bg-info-stronger: @cnvs-sys-color-accent-info; // Brand active background
|
|
286
|
-
@cnvs-sys-color-bg-info-strong: @cnvs-sys-color-accent-info; // Brand hover background
|
|
287
292
|
@cnvs-sys-color-bg-info-default: @cnvs-sys-color-accent-info; // Info color
|
|
288
|
-
@cnvs-sys-color-bg-info-soft: @cnvs-sys-color-surface-info-default; // Disabled
|
|
289
293
|
@cnvs-sys-color-bg-info-softer: @cnvs-sys-color-surface-info-strong; // Select
|
|
290
294
|
@cnvs-sys-color-bg-info-softest: @cnvs-sys-color-surface-info-default; // Surface
|
|
291
295
|
@cnvs-sys-color-bg-ai-strongest: @cnvs-sys-color-accent-ai; // AI surfaces
|
|
@@ -296,9 +300,7 @@
|
|
|
296
300
|
@cnvs-sys-color-bg-contrast-default: @cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
|
|
297
301
|
@cnvs-sys-color-bg-muted-strong: @cnvs-sys-color-accent-muted-default;
|
|
298
302
|
@cnvs-sys-color-bg-muted-default: @cnvs-sys-color-accent-muted-default;
|
|
299
|
-
@cnvs-sys-color-bg-muted-soft: @cnvs-sys-color-accent-muted-soft;
|
|
300
303
|
@cnvs-sys-color-bg-muted-softer: @cnvs-sys-color-accent-muted-soft;
|
|
301
|
-
@cnvs-sys-color-bg-alt-stronger: @cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
|
|
302
304
|
@cnvs-sys-color-bg-alt-softer: @cnvs-sys-color-surface-raised; // Disabled inputs
|
|
303
305
|
@cnvs-sys-color-bg-translucent: @cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
|
|
304
306
|
@cnvs-sys-color-bg-overlay: @cnvs-sys-color-surface-overlay-scrim; // Overlay background
|
|
@@ -377,12 +379,10 @@
|
|
|
377
379
|
@cnvs-sys-color-bg-positive-stronger: @cnvs-sys-color-brand-accent-positive; // Active success background
|
|
378
380
|
@cnvs-sys-color-bg-positive-strong: @cnvs-sys-color-brand-accent-positive; // Hover success background
|
|
379
381
|
@cnvs-sys-color-bg-positive-default: @cnvs-sys-color-brand-accent-positive; // Disabled success background
|
|
380
|
-
@cnvs-sys-color-bg-positive-soft: @cnvs-sys-color-brand-surface-positive-default; // Disabled success background
|
|
381
382
|
@cnvs-sys-color-bg-positive-softer: @cnvs-sys-color-brand-surface-positive-strong; // Surface success background
|
|
382
383
|
@cnvs-sys-color-bg-primary-stronger: @cnvs-sys-color-brand-accent-primary; // Brand active background
|
|
383
384
|
@cnvs-sys-color-bg-primary-strong: @cnvs-sys-color-brand-accent-primary; // Brand hover background
|
|
384
385
|
@cnvs-sys-color-bg-primary-default: @cnvs-sys-color-brand-accent-primary; // Primary brand color
|
|
385
|
-
@cnvs-sys-color-bg-primary-soft: @cnvs-sys-color-brand-surface-primary-default; // Primary disabled
|
|
386
386
|
@cnvs-sys-color-bg-primary-softer: @cnvs-sys-color-brand-surface-primary-strong; // Select
|
|
387
387
|
@cnvs-sys-color-bg-primary-softest: @cnvs-sys-color-brand-surface-primary-default; // Surface
|
|
388
388
|
@cnvs-sys-line-height-title-lg: @cnvs-base-size-800;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 29 Jan 2026 19:14:50 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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 29 Jan 2026 19:14:50 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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 29 Jan 2026 19:14:50 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-sys-opacity-full: 1; // Dev only
|
|
6
6
|
$cnvs-sys-space-zero: 0; // Stacks, rows in tables
|
|
@@ -173,12 +173,18 @@ $cnvs-sys-color-text-critical-softer: $cnvs-base-palette-red-200; // Error text
|
|
|
173
173
|
$cnvs-sys-color-text-critical-soft: $cnvs-base-palette-red-400; // Error text
|
|
174
174
|
$cnvs-sys-color-text-disabled: $cnvs-base-palette-slate-400; // Disabled text color
|
|
175
175
|
$cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0; // Default page background
|
|
176
|
-
$cnvs-sys-color-bg-
|
|
177
|
-
$cnvs-sys-color-bg-
|
|
176
|
+
$cnvs-sys-color-bg-info-strong: $cnvs-base-palette-blue-700; // Brand hover background
|
|
177
|
+
$cnvs-sys-color-bg-info-soft: $cnvs-base-palette-blue-a100; // Disabled
|
|
178
|
+
$cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-a100; // Disabled error background
|
|
179
|
+
$cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-a100; // Softer warning background
|
|
180
|
+
$cnvs-sys-color-bg-positive-soft: $cnvs-base-palette-green-a100; // Disabled success background
|
|
178
181
|
$cnvs-sys-color-bg-positive-softest: $cnvs-base-palette-green-25; // Lightest surface success background
|
|
182
|
+
$cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-slate-a500;
|
|
179
183
|
$cnvs-sys-color-bg-alt-default: $cnvs-base-palette-slate-50; // The alternative page background
|
|
184
|
+
$cnvs-sys-color-bg-alt-stronger: $cnvs-base-palette-slate-a300; // Active state for segmented control, Pill
|
|
180
185
|
$cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-slate-200; // Active states
|
|
181
|
-
$cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-
|
|
186
|
+
$cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-a50; // Alternative page background
|
|
187
|
+
$cnvs-sys-color-bg-primary-soft: $cnvs-base-palette-blue-a100; // Primary disabled
|
|
182
188
|
$cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
|
|
183
189
|
$cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
|
|
184
190
|
$cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
|
|
@@ -283,9 +289,7 @@ $cnvs-sys-color-text-stronger: $cnvs-sys-color-fg-strong; // Display text
|
|
|
283
289
|
$cnvs-sys-color-text-strong: $cnvs-sys-color-fg-strong; // Heading text
|
|
284
290
|
$cnvs-sys-color-text-default: $cnvs-sys-color-fg-default; // Body text
|
|
285
291
|
$cnvs-sys-color-bg-info-stronger: $cnvs-sys-color-accent-info; // Brand active background
|
|
286
|
-
$cnvs-sys-color-bg-info-strong: $cnvs-sys-color-accent-info; // Brand hover background
|
|
287
292
|
$cnvs-sys-color-bg-info-default: $cnvs-sys-color-accent-info; // Info color
|
|
288
|
-
$cnvs-sys-color-bg-info-soft: $cnvs-sys-color-surface-info-default; // Disabled
|
|
289
293
|
$cnvs-sys-color-bg-info-softer: $cnvs-sys-color-surface-info-strong; // Select
|
|
290
294
|
$cnvs-sys-color-bg-info-softest: $cnvs-sys-color-surface-info-default; // Surface
|
|
291
295
|
$cnvs-sys-color-bg-ai-strongest: $cnvs-sys-color-accent-ai; // AI surfaces
|
|
@@ -296,9 +300,7 @@ $cnvs-sys-color-bg-contrast-strong: $cnvs-sys-color-surface-contrast-strong; //
|
|
|
296
300
|
$cnvs-sys-color-bg-contrast-default: $cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
|
|
297
301
|
$cnvs-sys-color-bg-muted-strong: $cnvs-sys-color-accent-muted-default;
|
|
298
302
|
$cnvs-sys-color-bg-muted-default: $cnvs-sys-color-accent-muted-default;
|
|
299
|
-
$cnvs-sys-color-bg-muted-soft: $cnvs-sys-color-accent-muted-soft;
|
|
300
303
|
$cnvs-sys-color-bg-muted-softer: $cnvs-sys-color-accent-muted-soft;
|
|
301
|
-
$cnvs-sys-color-bg-alt-stronger: $cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
|
|
302
304
|
$cnvs-sys-color-bg-alt-softer: $cnvs-sys-color-surface-raised; // Disabled inputs
|
|
303
305
|
$cnvs-sys-color-bg-translucent: $cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
|
|
304
306
|
$cnvs-sys-color-bg-overlay: $cnvs-sys-color-surface-overlay-scrim; // Overlay background
|
|
@@ -377,12 +379,10 @@ $cnvs-sys-color-bg-caution-softest: $cnvs-sys-color-brand-surface-caution-defaul
|
|
|
377
379
|
$cnvs-sys-color-bg-positive-stronger: $cnvs-sys-color-brand-accent-positive; // Active success background
|
|
378
380
|
$cnvs-sys-color-bg-positive-strong: $cnvs-sys-color-brand-accent-positive; // Hover success background
|
|
379
381
|
$cnvs-sys-color-bg-positive-default: $cnvs-sys-color-brand-accent-positive; // Disabled success background
|
|
380
|
-
$cnvs-sys-color-bg-positive-soft: $cnvs-sys-color-brand-surface-positive-default; // Disabled success background
|
|
381
382
|
$cnvs-sys-color-bg-positive-softer: $cnvs-sys-color-brand-surface-positive-strong; // Surface success background
|
|
382
383
|
$cnvs-sys-color-bg-primary-stronger: $cnvs-sys-color-brand-accent-primary; // Brand active background
|
|
383
384
|
$cnvs-sys-color-bg-primary-strong: $cnvs-sys-color-brand-accent-primary; // Brand hover background
|
|
384
385
|
$cnvs-sys-color-bg-primary-default: $cnvs-sys-color-brand-accent-primary; // Primary brand color
|
|
385
|
-
$cnvs-sys-color-bg-primary-soft: $cnvs-sys-color-brand-surface-primary-default; // Primary disabled
|
|
386
386
|
$cnvs-sys-color-bg-primary-softer: $cnvs-sys-color-brand-surface-primary-strong; // Select
|
|
387
387
|
$cnvs-sys-color-bg-primary-softest: $cnvs-sys-color-brand-surface-primary-default; // Surface
|
|
388
388
|
$cnvs-sys-line-height-title-lg: $cnvs-base-size-800;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 29 Jan 2026 19:14:50 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-sys-opacity-full: 1; // Dev only
|
|
6
6
|
$cnvs-sys-space-zero: 0; // Stacks, rows in tables
|
|
@@ -173,12 +173,18 @@ $cnvs-sys-color-text-critical-softer: $cnvs-base-palette-red-200; // Error text
|
|
|
173
173
|
$cnvs-sys-color-text-critical-soft: $cnvs-base-palette-red-400; // Error text
|
|
174
174
|
$cnvs-sys-color-text-disabled: $cnvs-base-palette-slate-400; // Disabled text color
|
|
175
175
|
$cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0; // Default page background
|
|
176
|
-
$cnvs-sys-color-bg-
|
|
177
|
-
$cnvs-sys-color-bg-
|
|
176
|
+
$cnvs-sys-color-bg-info-strong: $cnvs-base-palette-blue-700; // Brand hover background
|
|
177
|
+
$cnvs-sys-color-bg-info-soft: $cnvs-base-palette-blue-a100; // Disabled
|
|
178
|
+
$cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-a100; // Disabled error background
|
|
179
|
+
$cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-a100; // Softer warning background
|
|
180
|
+
$cnvs-sys-color-bg-positive-soft: $cnvs-base-palette-green-a100; // Disabled success background
|
|
178
181
|
$cnvs-sys-color-bg-positive-softest: $cnvs-base-palette-green-25; // Lightest surface success background
|
|
182
|
+
$cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-slate-a500;
|
|
179
183
|
$cnvs-sys-color-bg-alt-default: $cnvs-base-palette-slate-50; // The alternative page background
|
|
184
|
+
$cnvs-sys-color-bg-alt-stronger: $cnvs-base-palette-slate-a300; // Active state for segmented control, Pill
|
|
180
185
|
$cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-slate-200; // Active states
|
|
181
|
-
$cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-
|
|
186
|
+
$cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-a50; // Alternative page background
|
|
187
|
+
$cnvs-sys-color-bg-primary-soft: $cnvs-base-palette-blue-a100; // Primary disabled
|
|
182
188
|
$cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
|
|
183
189
|
$cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
|
|
184
190
|
$cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
|
|
@@ -283,9 +289,7 @@ $cnvs-sys-color-text-stronger: $cnvs-sys-color-fg-strong; // Display text
|
|
|
283
289
|
$cnvs-sys-color-text-strong: $cnvs-sys-color-fg-strong; // Heading text
|
|
284
290
|
$cnvs-sys-color-text-default: $cnvs-sys-color-fg-default; // Body text
|
|
285
291
|
$cnvs-sys-color-bg-info-stronger: $cnvs-sys-color-accent-info; // Brand active background
|
|
286
|
-
$cnvs-sys-color-bg-info-strong: $cnvs-sys-color-accent-info; // Brand hover background
|
|
287
292
|
$cnvs-sys-color-bg-info-default: $cnvs-sys-color-accent-info; // Info color
|
|
288
|
-
$cnvs-sys-color-bg-info-soft: $cnvs-sys-color-surface-info-default; // Disabled
|
|
289
293
|
$cnvs-sys-color-bg-info-softer: $cnvs-sys-color-surface-info-strong; // Select
|
|
290
294
|
$cnvs-sys-color-bg-info-softest: $cnvs-sys-color-surface-info-default; // Surface
|
|
291
295
|
$cnvs-sys-color-bg-ai-strongest: $cnvs-sys-color-accent-ai; // AI surfaces
|
|
@@ -296,9 +300,7 @@ $cnvs-sys-color-bg-contrast-strong: $cnvs-sys-color-surface-contrast-strong; //
|
|
|
296
300
|
$cnvs-sys-color-bg-contrast-default: $cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
|
|
297
301
|
$cnvs-sys-color-bg-muted-strong: $cnvs-sys-color-accent-muted-default;
|
|
298
302
|
$cnvs-sys-color-bg-muted-default: $cnvs-sys-color-accent-muted-default;
|
|
299
|
-
$cnvs-sys-color-bg-muted-soft: $cnvs-sys-color-accent-muted-soft;
|
|
300
303
|
$cnvs-sys-color-bg-muted-softer: $cnvs-sys-color-accent-muted-soft;
|
|
301
|
-
$cnvs-sys-color-bg-alt-stronger: $cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
|
|
302
304
|
$cnvs-sys-color-bg-alt-softer: $cnvs-sys-color-surface-raised; // Disabled inputs
|
|
303
305
|
$cnvs-sys-color-bg-translucent: $cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
|
|
304
306
|
$cnvs-sys-color-bg-overlay: $cnvs-sys-color-surface-overlay-scrim; // Overlay background
|
|
@@ -377,12 +379,10 @@ $cnvs-sys-color-bg-caution-softest: $cnvs-sys-color-brand-surface-caution-defaul
|
|
|
377
379
|
$cnvs-sys-color-bg-positive-stronger: $cnvs-sys-color-brand-accent-positive; // Active success background
|
|
378
380
|
$cnvs-sys-color-bg-positive-strong: $cnvs-sys-color-brand-accent-positive; // Hover success background
|
|
379
381
|
$cnvs-sys-color-bg-positive-default: $cnvs-sys-color-brand-accent-positive; // Disabled success background
|
|
380
|
-
$cnvs-sys-color-bg-positive-soft: $cnvs-sys-color-brand-surface-positive-default; // Disabled success background
|
|
381
382
|
$cnvs-sys-color-bg-positive-softer: $cnvs-sys-color-brand-surface-positive-strong; // Surface success background
|
|
382
383
|
$cnvs-sys-color-bg-primary-stronger: $cnvs-sys-color-brand-accent-primary; // Brand active background
|
|
383
384
|
$cnvs-sys-color-bg-primary-strong: $cnvs-sys-color-brand-accent-primary; // Brand hover background
|
|
384
385
|
$cnvs-sys-color-bg-primary-default: $cnvs-sys-color-brand-accent-primary; // Primary brand color
|
|
385
|
-
$cnvs-sys-color-bg-primary-soft: $cnvs-sys-color-brand-surface-primary-default; // Primary disabled
|
|
386
386
|
$cnvs-sys-color-bg-primary-softer: $cnvs-sys-color-brand-surface-primary-strong; // Select
|
|
387
387
|
$cnvs-sys-color-bg-primary-softest: $cnvs-sys-color-brand-surface-primary-default; // Surface
|
|
388
388
|
$cnvs-sys-line-height-title-lg: $cnvs-base-size-800;
|