@workday/canvas-tokens-web 1.2.0 → 1.3.1

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 +4 -4
  2. package/css/brand/_variables.css +1 -1
  3. package/css/system/_variables.css +24 -18
  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 +83 -49
  11. package/dist/common-js/system/index.js +12 -4
  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 +83 -49
  19. package/dist/es6/system/index.js +12 -4
  20. package/less/base/_variables.less +4 -4
  21. package/less/brand/_variables.less +1 -1
  22. package/less/system/_variables.less +24 -18
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +4 -4
  25. package/scss/base/_variables.scss +4 -4
  26. package/scss/brand/_variables.sass +1 -1
  27. package/scss/brand/_variables.scss +1 -1
  28. package/scss/system/_variables.sass +24 -18
  29. package/scss/system/_variables.scss +24 -18
package/scss/system/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ // Generated on Thu, 18 Apr 2024 22:39:08 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.
@@ -12,6 +12,16 @@ $cnvs-sys-font-weight-bold: $cnvs-base-font-weight-700;
12
12
  $cnvs-sys-font-weight-medium: $cnvs-base-font-weight-500;
13
13
  $cnvs-sys-font-weight-normal: $cnvs-base-font-weight-400;
14
14
  $cnvs-sys-font-weight-light: $cnvs-base-font-weight-300;
15
+ $cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
16
+ $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
17
+ $cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
18
+ $cnvs-sys-line-height-heading-large: $cnvs-base-line-height-350;
19
+ $cnvs-sys-line-height-heading-medium: $cnvs-base-line-height-300;
20
+ $cnvs-sys-line-height-heading-small: $cnvs-base-line-height-250;
21
+ $cnvs-sys-line-height-body-large: $cnvs-base-line-height-200;
22
+ $cnvs-sys-line-height-body-medium: $cnvs-base-line-height-200;
23
+ $cnvs-sys-line-height-body-small: $cnvs-base-line-height-150;
24
+ $cnvs-sys-line-height-subtext-large: $cnvs-base-line-height-100;
15
25
  $cnvs-sys-line-height-subtext-medium: $cnvs-base-line-height-50;
16
26
  $cnvs-sys-line-height-subtext-small: $cnvs-base-line-height-50;
17
27
  $cnvs-sys-font-size-subtext-small: $cnvs-base-font-size-25;
@@ -48,18 +58,19 @@ $cnvs-sys-color-static-gray-soft: $cnvs-base-palette-soap-300; // Light gray
48
58
  $cnvs-sys-color-static-gray-default: $cnvs-base-palette-licorice-300; // Gray
49
59
  $cnvs-sys-color-static-orange-strong: $cnvs-base-palette-cantaloupe-600; // Stronger orange
50
60
  $cnvs-sys-color-static-orange-soft: $cnvs-base-palette-cantaloupe-100; // Soft orange
51
- $cnvs-sys-color-static-orange-default: $cnvs-base-palette-cantaloupe-500; // Orange
61
+ $cnvs-sys-color-static-orange-default: $cnvs-base-palette-cantaloupe-400; // Orange
52
62
  $cnvs-sys-color-static-red-strong: $cnvs-base-palette-cinnamon-600; // Strong red
53
63
  $cnvs-sys-color-static-red-soft: $cnvs-base-palette-cinnamon-100; // Light red
54
64
  $cnvs-sys-color-static-red-default: $cnvs-base-palette-cinnamon-500; // Red
55
65
  $cnvs-sys-color-static-green-strong: $cnvs-base-palette-green-apple-600; // Stronger green
56
66
  $cnvs-sys-color-static-green-soft: $cnvs-base-palette-green-apple-100; // Light green
57
67
  $cnvs-sys-color-static-green-default: $cnvs-base-palette-green-apple-400; // Default green
68
+ $cnvs-sys-color-static-gold-stronger: $cnvs-base-palette-toasted-marshmallow-600; // Foregrounds in low emphasis status indicators
58
69
  $cnvs-sys-color-static-blue-strong: $cnvs-base-palette-blueberry-500; // Stronger blue
59
70
  $cnvs-sys-color-static-blue-soft: $cnvs-base-palette-blueberry-100; // Light blue
60
71
  $cnvs-sys-color-static-blue-default: $cnvs-base-palette-blueberry-400; // Blue
61
72
  $cnvs-sys-color-shadow-default: $cnvs-base-palette-licorice-600; // Main shadow color
62
- $cnvs-sys-color-shadow-2: $cnvs-base-palette-licorice-600; // Second shadow color
73
+ $cnvs-sys-color-shadow-2: rgba(31,38,46,$cnvs-base-opacity-100); // Second shadow color
63
74
  $cnvs-sys-color-border-container: $cnvs-base-palette-soap-500; // Cards, Toasts
64
75
  $cnvs-sys-color-border-divider: $cnvs-base-palette-soap-400; // Dividers
65
76
  $cnvs-sys-color-border-inverse: $cnvs-base-palette-french-vanilla-100; // Inverse
@@ -69,6 +80,7 @@ $cnvs-sys-color-border-critical-default: $cnvs-base-palette-cinnamon-500; // Err
69
80
  $cnvs-sys-color-border-primary-default: $cnvs-base-palette-blueberry-400; // Brand, Focus
70
81
  $cnvs-sys-color-border-contrast-strong: $cnvs-base-palette-black-pepper-500; // Secondary Button Hover
71
82
  $cnvs-sys-color-border-contrast-default: $cnvs-base-palette-black-pepper-400; // Secondary Button
83
+ $cnvs-sys-color-border-input-inverse: $cnvs-base-palette-soap-300; // Borders on checkboxes and radios
72
84
  $cnvs-sys-color-border-input-strong: $cnvs-base-palette-licorice-500; // Input hover
73
85
  $cnvs-sys-color-border-input-default: $cnvs-base-palette-licorice-200; // Inputs
74
86
  $cnvs-sys-color-border-input-disabled: $cnvs-base-palette-licorice-100; // Disabled inputs
@@ -81,6 +93,7 @@ $cnvs-sys-color-fg-primary-default: $cnvs-base-palette-blueberry-400; // Interac
81
93
  $cnvs-sys-color-fg-muted-stronger: $cnvs-base-palette-licorice-500;
82
94
  $cnvs-sys-color-fg-muted-strong: $cnvs-base-palette-licorice-400;
83
95
  $cnvs-sys-color-fg-muted-default: $cnvs-base-palette-licorice-300; // Hint text
96
+ $cnvs-sys-color-fg-muted-soft: $cnvs-base-palette-licorice-200; // Tab item text
84
97
  $cnvs-sys-color-fg-critical-default: $cnvs-base-palette-cinnamon-500; // Error
85
98
  $cnvs-sys-color-fg-inverse: $cnvs-base-palette-french-vanilla-100; // Inverse
86
99
  $cnvs-sys-color-fg-disabled: $cnvs-base-palette-licorice-100; // Disabled
@@ -97,6 +110,7 @@ $cnvs-sys-color-icon-inverse: $cnvs-base-palette-french-vanilla-100; // Inverse
97
110
  $cnvs-sys-color-icon-strong: $cnvs-base-palette-licorice-500; // Hover icon color
98
111
  $cnvs-sys-color-icon-soft: $cnvs-base-palette-licorice-100; // Disabled icon color
99
112
  $cnvs-sys-color-icon-default: $cnvs-base-palette-licorice-200; // Default icon color
113
+ $cnvs-sys-color-text-primary-stronger: $cnvs-base-palette-blueberry-600; // Active links
100
114
  $cnvs-sys-color-text-primary-strong: $cnvs-base-palette-blueberry-500; // Branded hover text
101
115
  $cnvs-sys-color-text-primary-default: $cnvs-base-palette-blueberry-400; // Branded text
102
116
  $cnvs-sys-color-text-critical-default: $cnvs-base-palette-cinnamon-500; // Error text
@@ -124,16 +138,17 @@ $cnvs-sys-color-bg-primary-default: $cnvs-base-palette-blueberry-400; // Primary
124
138
  $cnvs-sys-color-bg-contrast-strong: $cnvs-base-palette-black-pepper-500; // Contrast backgrounds, like Secondary Buttons
125
139
  $cnvs-sys-color-bg-contrast-default: $cnvs-base-palette-black-pepper-400; // Contrast backgrounds, like Secondary Buttons
126
140
  $cnvs-sys-color-bg-muted-strong: $cnvs-base-palette-licorice-500;
127
- $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-licorice-100;
128
141
  $cnvs-sys-color-bg-muted-default: $cnvs-base-palette-licorice-300;
142
+ $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-licorice-200;
143
+ $cnvs-sys-color-bg-muted-softer: $cnvs-base-palette-licorice-100;
129
144
  $cnvs-sys-color-bg-alt-stronger: $cnvs-base-palette-soap-500; // Active states
130
145
  $cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-soap-400; // Active states
146
+ $cnvs-sys-color-bg-alt-softer: $cnvs-base-palette-soap-100; // Disabled inputs and column headers
131
147
  $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-soap-200; // Page background
132
148
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-soap-300; // Hover states
133
- $cnvs-sys-color-bg-translucent: rgba($cnvs-base-palette-black-pepper-600 ,$cnvs-base-opacity-500); // Tooltip, Status Indicator
134
- $cnvs-sys-color-bg-transparent: rgba($cnvs-base-palette-french-vanilla-100, 0); // Transparent background
149
+ $cnvs-sys-color-bg-translucent: rgba(0,0,0,$cnvs-base-opacity-500); // Tooltip, Status Indicator
150
+ $cnvs-sys-color-bg-transparent: transparent; // Transparent background
135
151
  $cnvs-sys-color-bg-default: $cnvs-base-palette-french-vanilla-100; // Main background color;
136
- $cnvs-sys-line-height-subtext-large: $cnvs-base-line-height-100;
137
152
  $cnvs-sys-font-size-subtext-medium: $cnvs-base-font-size-50;
138
153
  $cnvs-sys-depth-6: $cnvs-base-shadow-600; // Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied)
139
154
  $cnvs-sys-depth-5: $cnvs-base-shadow-500; // Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied)
@@ -141,27 +156,18 @@ $cnvs-sys-depth-4: $cnvs-base-shadow-400; // Bottom Sheets
141
156
  $cnvs-sys-depth-3: $cnvs-base-shadow-300; // Floating Action Buttons (FAB), Menus
142
157
  $cnvs-sys-depth-2: $cnvs-base-shadow-200; // Top navigation, Bottom Navigation
143
158
  $cnvs-sys-depth-1: $cnvs-base-shadow-100; // Standard card depth
144
- $cnvs-sys-color-shadow-1: $cnvs-sys-color-shadow-default; // First shadow color
145
- $cnvs-sys-color-border-transparent: rgba($cnvs-sys-color-static-white, 0%); // Transparent
159
+ $cnvs-sys-color-shadow-1: rgba(31,38,46,$cnvs-base-opacity-200); // First shadow color
160
+ $cnvs-sys-color-border-transparent: transparent; // Transparent
146
161
  $cnvs-sys-color-text-caution-strong: $cnvs-sys-color-text-stronger; // Strong warning text
147
162
  $cnvs-sys-color-text-caution-default: $cnvs-sys-color-text-strong; // Warning text
148
163
  $cnvs-sys-color-bg-overlay: rgba(0,0,0,$cnvs-base-opacity-400); // Overlay background
149
- $cnvs-sys-line-height-body-small: $cnvs-base-line-height-150;
150
164
  $cnvs-sys-font-size-subtext-large: $cnvs-base-font-size-75;
151
- $cnvs-sys-line-height-body-large: $cnvs-base-line-height-200;
152
- $cnvs-sys-line-height-body-medium: $cnvs-base-line-height-200;
153
165
  $cnvs-sys-font-size-body-small: $cnvs-base-font-size-100;
154
- $cnvs-sys-line-height-heading-small: $cnvs-base-line-height-250;
155
166
  $cnvs-sys-font-size-body-medium: $cnvs-base-font-size-125;
156
- $cnvs-sys-line-height-heading-medium: $cnvs-base-line-height-300;
157
167
  $cnvs-sys-font-size-body-large: $cnvs-base-font-size-150;
158
- $cnvs-sys-line-height-heading-large: $cnvs-base-line-height-350;
159
168
  $cnvs-sys-font-size-heading-small: $cnvs-base-font-size-200;
160
- $cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
161
169
  $cnvs-sys-font-size-heading-medium: $cnvs-base-font-size-250;
162
- $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
163
170
  $cnvs-sys-font-size-heading-large: $cnvs-base-font-size-300;
164
- $cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
165
171
  $cnvs-sys-font-size-title-small: $cnvs-base-font-size-400;
166
172
  $cnvs-sys-font-size-title-medium: $cnvs-base-font-size-500;
167
173
  $cnvs-sys-font-size-title-large: $cnvs-base-font-size-600;
package/scss/system/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ // Generated on Thu, 18 Apr 2024 22:39:08 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.
@@ -12,6 +12,16 @@ $cnvs-sys-font-weight-bold: $cnvs-base-font-weight-700;
12
12
  $cnvs-sys-font-weight-medium: $cnvs-base-font-weight-500;
13
13
  $cnvs-sys-font-weight-normal: $cnvs-base-font-weight-400;
14
14
  $cnvs-sys-font-weight-light: $cnvs-base-font-weight-300;
15
+ $cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
16
+ $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
17
+ $cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
18
+ $cnvs-sys-line-height-heading-large: $cnvs-base-line-height-350;
19
+ $cnvs-sys-line-height-heading-medium: $cnvs-base-line-height-300;
20
+ $cnvs-sys-line-height-heading-small: $cnvs-base-line-height-250;
21
+ $cnvs-sys-line-height-body-large: $cnvs-base-line-height-200;
22
+ $cnvs-sys-line-height-body-medium: $cnvs-base-line-height-200;
23
+ $cnvs-sys-line-height-body-small: $cnvs-base-line-height-150;
24
+ $cnvs-sys-line-height-subtext-large: $cnvs-base-line-height-100;
15
25
  $cnvs-sys-line-height-subtext-medium: $cnvs-base-line-height-50;
16
26
  $cnvs-sys-line-height-subtext-small: $cnvs-base-line-height-50;
17
27
  $cnvs-sys-font-size-subtext-small: $cnvs-base-font-size-25;
@@ -48,18 +58,19 @@ $cnvs-sys-color-static-gray-soft: $cnvs-base-palette-soap-300; // Light gray
48
58
  $cnvs-sys-color-static-gray-default: $cnvs-base-palette-licorice-300; // Gray
49
59
  $cnvs-sys-color-static-orange-strong: $cnvs-base-palette-cantaloupe-600; // Stronger orange
50
60
  $cnvs-sys-color-static-orange-soft: $cnvs-base-palette-cantaloupe-100; // Soft orange
51
- $cnvs-sys-color-static-orange-default: $cnvs-base-palette-cantaloupe-500; // Orange
61
+ $cnvs-sys-color-static-orange-default: $cnvs-base-palette-cantaloupe-400; // Orange
52
62
  $cnvs-sys-color-static-red-strong: $cnvs-base-palette-cinnamon-600; // Strong red
53
63
  $cnvs-sys-color-static-red-soft: $cnvs-base-palette-cinnamon-100; // Light red
54
64
  $cnvs-sys-color-static-red-default: $cnvs-base-palette-cinnamon-500; // Red
55
65
  $cnvs-sys-color-static-green-strong: $cnvs-base-palette-green-apple-600; // Stronger green
56
66
  $cnvs-sys-color-static-green-soft: $cnvs-base-palette-green-apple-100; // Light green
57
67
  $cnvs-sys-color-static-green-default: $cnvs-base-palette-green-apple-400; // Default green
68
+ $cnvs-sys-color-static-gold-stronger: $cnvs-base-palette-toasted-marshmallow-600; // Foregrounds in low emphasis status indicators
58
69
  $cnvs-sys-color-static-blue-strong: $cnvs-base-palette-blueberry-500; // Stronger blue
59
70
  $cnvs-sys-color-static-blue-soft: $cnvs-base-palette-blueberry-100; // Light blue
60
71
  $cnvs-sys-color-static-blue-default: $cnvs-base-palette-blueberry-400; // Blue
61
72
  $cnvs-sys-color-shadow-default: $cnvs-base-palette-licorice-600; // Main shadow color
62
- $cnvs-sys-color-shadow-2: $cnvs-base-palette-licorice-600; // Second shadow color
73
+ $cnvs-sys-color-shadow-2: rgba(31,38,46,$cnvs-base-opacity-100); // Second shadow color
63
74
  $cnvs-sys-color-border-container: $cnvs-base-palette-soap-500; // Cards, Toasts
64
75
  $cnvs-sys-color-border-divider: $cnvs-base-palette-soap-400; // Dividers
65
76
  $cnvs-sys-color-border-inverse: $cnvs-base-palette-french-vanilla-100; // Inverse
@@ -69,6 +80,7 @@ $cnvs-sys-color-border-critical-default: $cnvs-base-palette-cinnamon-500; // Err
69
80
  $cnvs-sys-color-border-primary-default: $cnvs-base-palette-blueberry-400; // Brand, Focus
70
81
  $cnvs-sys-color-border-contrast-strong: $cnvs-base-palette-black-pepper-500; // Secondary Button Hover
71
82
  $cnvs-sys-color-border-contrast-default: $cnvs-base-palette-black-pepper-400; // Secondary Button
83
+ $cnvs-sys-color-border-input-inverse: $cnvs-base-palette-soap-300; // Borders on checkboxes and radios
72
84
  $cnvs-sys-color-border-input-strong: $cnvs-base-palette-licorice-500; // Input hover
73
85
  $cnvs-sys-color-border-input-default: $cnvs-base-palette-licorice-200; // Inputs
74
86
  $cnvs-sys-color-border-input-disabled: $cnvs-base-palette-licorice-100; // Disabled inputs
@@ -81,6 +93,7 @@ $cnvs-sys-color-fg-primary-default: $cnvs-base-palette-blueberry-400; // Interac
81
93
  $cnvs-sys-color-fg-muted-stronger: $cnvs-base-palette-licorice-500;
82
94
  $cnvs-sys-color-fg-muted-strong: $cnvs-base-palette-licorice-400;
83
95
  $cnvs-sys-color-fg-muted-default: $cnvs-base-palette-licorice-300; // Hint text
96
+ $cnvs-sys-color-fg-muted-soft: $cnvs-base-palette-licorice-200; // Tab item text
84
97
  $cnvs-sys-color-fg-critical-default: $cnvs-base-palette-cinnamon-500; // Error
85
98
  $cnvs-sys-color-fg-inverse: $cnvs-base-palette-french-vanilla-100; // Inverse
86
99
  $cnvs-sys-color-fg-disabled: $cnvs-base-palette-licorice-100; // Disabled
@@ -97,6 +110,7 @@ $cnvs-sys-color-icon-inverse: $cnvs-base-palette-french-vanilla-100; // Inverse
97
110
  $cnvs-sys-color-icon-strong: $cnvs-base-palette-licorice-500; // Hover icon color
98
111
  $cnvs-sys-color-icon-soft: $cnvs-base-palette-licorice-100; // Disabled icon color
99
112
  $cnvs-sys-color-icon-default: $cnvs-base-palette-licorice-200; // Default icon color
113
+ $cnvs-sys-color-text-primary-stronger: $cnvs-base-palette-blueberry-600; // Active links
100
114
  $cnvs-sys-color-text-primary-strong: $cnvs-base-palette-blueberry-500; // Branded hover text
101
115
  $cnvs-sys-color-text-primary-default: $cnvs-base-palette-blueberry-400; // Branded text
102
116
  $cnvs-sys-color-text-critical-default: $cnvs-base-palette-cinnamon-500; // Error text
@@ -124,16 +138,17 @@ $cnvs-sys-color-bg-primary-default: $cnvs-base-palette-blueberry-400; // Primary
124
138
  $cnvs-sys-color-bg-contrast-strong: $cnvs-base-palette-black-pepper-500; // Contrast backgrounds, like Secondary Buttons
125
139
  $cnvs-sys-color-bg-contrast-default: $cnvs-base-palette-black-pepper-400; // Contrast backgrounds, like Secondary Buttons
126
140
  $cnvs-sys-color-bg-muted-strong: $cnvs-base-palette-licorice-500;
127
- $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-licorice-100;
128
141
  $cnvs-sys-color-bg-muted-default: $cnvs-base-palette-licorice-300;
142
+ $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-licorice-200;
143
+ $cnvs-sys-color-bg-muted-softer: $cnvs-base-palette-licorice-100;
129
144
  $cnvs-sys-color-bg-alt-stronger: $cnvs-base-palette-soap-500; // Active states
130
145
  $cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-soap-400; // Active states
146
+ $cnvs-sys-color-bg-alt-softer: $cnvs-base-palette-soap-100; // Disabled inputs and column headers
131
147
  $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-soap-200; // Page background
132
148
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-soap-300; // Hover states
133
- $cnvs-sys-color-bg-translucent: rgba($cnvs-base-palette-black-pepper-600 ,$cnvs-base-opacity-500); // Tooltip, Status Indicator
134
- $cnvs-sys-color-bg-transparent: rgba($cnvs-base-palette-french-vanilla-100, 0); // Transparent background
149
+ $cnvs-sys-color-bg-translucent: rgba(0,0,0,$cnvs-base-opacity-500); // Tooltip, Status Indicator
150
+ $cnvs-sys-color-bg-transparent: transparent; // Transparent background
135
151
  $cnvs-sys-color-bg-default: $cnvs-base-palette-french-vanilla-100; // Main background color;
136
- $cnvs-sys-line-height-subtext-large: $cnvs-base-line-height-100;
137
152
  $cnvs-sys-font-size-subtext-medium: $cnvs-base-font-size-50;
138
153
  $cnvs-sys-depth-6: $cnvs-base-shadow-600; // Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied)
139
154
  $cnvs-sys-depth-5: $cnvs-base-shadow-500; // Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied)
@@ -141,27 +156,18 @@ $cnvs-sys-depth-4: $cnvs-base-shadow-400; // Bottom Sheets
141
156
  $cnvs-sys-depth-3: $cnvs-base-shadow-300; // Floating Action Buttons (FAB), Menus
142
157
  $cnvs-sys-depth-2: $cnvs-base-shadow-200; // Top navigation, Bottom Navigation
143
158
  $cnvs-sys-depth-1: $cnvs-base-shadow-100; // Standard card depth
144
- $cnvs-sys-color-shadow-1: $cnvs-sys-color-shadow-default; // First shadow color
145
- $cnvs-sys-color-border-transparent: rgba($cnvs-sys-color-static-white, 0%); // Transparent
159
+ $cnvs-sys-color-shadow-1: rgba(31,38,46,$cnvs-base-opacity-200); // First shadow color
160
+ $cnvs-sys-color-border-transparent: transparent; // Transparent
146
161
  $cnvs-sys-color-text-caution-strong: $cnvs-sys-color-text-stronger; // Strong warning text
147
162
  $cnvs-sys-color-text-caution-default: $cnvs-sys-color-text-strong; // Warning text
148
163
  $cnvs-sys-color-bg-overlay: rgba(0,0,0,$cnvs-base-opacity-400); // Overlay background
149
- $cnvs-sys-line-height-body-small: $cnvs-base-line-height-150;
150
164
  $cnvs-sys-font-size-subtext-large: $cnvs-base-font-size-75;
151
- $cnvs-sys-line-height-body-large: $cnvs-base-line-height-200;
152
- $cnvs-sys-line-height-body-medium: $cnvs-base-line-height-200;
153
165
  $cnvs-sys-font-size-body-small: $cnvs-base-font-size-100;
154
- $cnvs-sys-line-height-heading-small: $cnvs-base-line-height-250;
155
166
  $cnvs-sys-font-size-body-medium: $cnvs-base-font-size-125;
156
- $cnvs-sys-line-height-heading-medium: $cnvs-base-line-height-300;
157
167
  $cnvs-sys-font-size-body-large: $cnvs-base-font-size-150;
158
- $cnvs-sys-line-height-heading-large: $cnvs-base-line-height-350;
159
168
  $cnvs-sys-font-size-heading-small: $cnvs-base-font-size-200;
160
- $cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
161
169
  $cnvs-sys-font-size-heading-medium: $cnvs-base-font-size-250;
162
- $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
163
170
  $cnvs-sys-font-size-heading-large: $cnvs-base-font-size-300;
164
- $cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
165
171
  $cnvs-sys-font-size-title-small: $cnvs-base-font-size-400;
166
172
  $cnvs-sys-font-size-title-medium: $cnvs-base-font-size-500;
167
173
  $cnvs-sys-font-size-title-large: $cnvs-base-font-size-600;