@workday/canvas-tokens-web 0.1.6 → 1.0.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 (37) hide show
  1. package/css/base/_variables.css +228 -0
  2. package/{dist/css → css}/brand/_variables.css +5 -5
  3. package/css/system/_variables.css +148 -0
  4. package/less/base/_variables.less +225 -0
  5. package/{dist/less → less}/brand/_variables.less +5 -5
  6. package/less/system/_variables.less +145 -0
  7. package/package.json +8 -3
  8. package/scss/base/_variables.sass +225 -0
  9. package/scss/base/_variables.scss +225 -0
  10. package/{dist/scss → scss}/brand/_variables.sass +5 -5
  11. package/{dist/scss → scss}/brand/_variables.scss +5 -5
  12. package/scss/system/_variables.sass +145 -0
  13. package/scss/system/_variables.scss +145 -0
  14. package/dist/common-js/base/index.d.ts +0 -227
  15. package/dist/common-js/base/index.js +0 -230
  16. package/dist/common-js/brand/index.d.ts +0 -58
  17. package/dist/common-js/brand/index.js +0 -54
  18. package/dist/common-js/index.d.ts +0 -9
  19. package/dist/common-js/index.js +0 -14
  20. package/dist/common-js/system/index.d.ts +0 -287
  21. package/dist/common-js/system/index.js +0 -279
  22. package/dist/css/base/_variables.css +0 -229
  23. package/dist/css/system/_variables.css +0 -218
  24. package/dist/es6/base/index.d.ts +0 -227
  25. package/dist/es6/base/index.js +0 -227
  26. package/dist/es6/brand/index.d.ts +0 -58
  27. package/dist/es6/brand/index.js +0 -51
  28. package/dist/es6/index.d.ts +0 -9
  29. package/dist/es6/index.js +0 -9
  30. package/dist/es6/system/index.d.ts +0 -287
  31. package/dist/es6/system/index.js +0 -276
  32. package/dist/less/base/_variables.less +0 -226
  33. package/dist/less/system/_variables.less +0 -215
  34. package/dist/scss/base/_variables.sass +0 -226
  35. package/dist/scss/base/_variables.scss +0 -226
  36. package/dist/scss/system/_variables.sass +0 -215
  37. package/dist/scss/system/_variables.scss +0 -215
package/dist/scss/system/_variables.sass DELETED
@@ -1,215 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Fri, 29 Sep 2023 22:32:54 GMT
4
-
5
- $cnvs-sys-space-zero: 0;
6
- $cnvs-sys-shape-zero: 0rem;
7
- $cnvs-sys-color-bg-delete-active: rgba(128,22,14,1);
8
- $cnvs-sys-color-bg-secondary-default: none;
9
- $cnvs-sys-font-weight-bold: $cnvs-base-font-weight-700;
10
- $cnvs-sys-font-weight-medium: $cnvs-base-font-weight-500;
11
- $cnvs-sys-font-weight-normal: $cnvs-base-font-weight-400;
12
- $cnvs-sys-font-weight-light: $cnvs-base-font-weight-300;
13
- $cnvs-sys-font-size-subtext-large: $cnvs-base-font-size-25;
14
- $cnvs-sys-font-size-subtext-small: $cnvs-base-font-size-25;
15
- $cnvs-sys-font-family-global: $cnvs-base-font-family-200;
16
- $cnvs-sys-font-family-mono: $cnvs-base-font-family-100;
17
- $cnvs-sys-font-family-default: $cnvs-base-font-family-50;
18
- $cnvs-sys-space-x20: calc($cnvs-base-dimension * 20);
19
- $cnvs-sys-space-x16: calc($cnvs-base-dimension * 16);
20
- $cnvs-sys-space-x14: calc($cnvs-base-dimension * 14);
21
- $cnvs-sys-space-x12: calc($cnvs-base-dimension * 12);
22
- $cnvs-sys-space-x10: calc($cnvs-base-dimension * 10);
23
- $cnvs-sys-space-x8: calc($cnvs-base-dimension * 8);
24
- $cnvs-sys-space-x6: calc($cnvs-base-dimension * 6);
25
- $cnvs-sys-space-x5: calc($cnvs-base-dimension * 5);
26
- $cnvs-sys-space-x4: calc($cnvs-base-dimension * 4);
27
- $cnvs-sys-space-x3: calc($cnvs-base-dimension * 3);
28
- $cnvs-sys-space-x2: calc($cnvs-base-dimension * 2);
29
- $cnvs-sys-space-x1: $cnvs-base-dimension;
30
- $cnvs-sys-shape-circle: calc($cnvs-base-dimension * 250);
31
- $cnvs-sys-shape-large: calc($cnvs-base-dimension * 2);
32
- $cnvs-sys-shape-medium: $cnvs-base-dimension;
33
- $cnvs-sys-shape-small: calc($cnvs-base-dimension * 0.5);
34
- $cnvs-sys-opacity-disabled: $cnvs-base-opacity-300;
35
- $cnvs-sys-color-data-viz-09: $cnvs-base-palette-jewel-200;
36
- $cnvs-sys-color-data-viz-08: $cnvs-base-palette-cantaloupe-400;
37
- $cnvs-sys-color-data-viz-07: $cnvs-base-palette-cantaloupe-200;
38
- $cnvs-sys-color-data-viz-06: $cnvs-base-palette-pomegranate-300;
39
- $cnvs-sys-color-data-viz-05: $cnvs-base-palette-pomegranate-200;
40
- $cnvs-sys-color-data-viz-04: $cnvs-base-palette-plum-300;
41
- $cnvs-sys-color-data-viz-03: $cnvs-base-palette-plum-200;
42
- $cnvs-sys-color-data-viz-02: $cnvs-base-palette-watermelon-200;
43
- $cnvs-sys-color-data-viz-01: $cnvs-base-palette-watermelon-100;
44
- $cnvs-sys-color-data-viz-16: $cnvs-base-palette-peach-400;
45
- $cnvs-sys-color-data-viz-15: $cnvs-base-palette-peach-200;
46
- $cnvs-sys-color-data-viz-14: $cnvs-base-palette-island-punch-400;
47
- $cnvs-sys-color-data-viz-13: $cnvs-base-palette-island-punch-200;
48
- $cnvs-sys-color-data-viz-12: $cnvs-base-palette-sour-lemon-400;
49
- $cnvs-sys-color-data-viz-11: $cnvs-base-palette-sour-lemon-200;
50
- $cnvs-sys-color-data-viz-10: $cnvs-base-palette-jewel-300;
51
- $cnvs-sys-color-overlay-tooltip: rgba(0,0,0,$cnvs-base-opacity-500);
52
- $cnvs-sys-color-overlay-modal: rgba(0,0,0,$cnvs-base-opacity-400);
53
- $cnvs-sys-color-gradient: linear-gradient(90deg, $cnvs-base-palette-blueberry-500 0%, $cnvs-base-palette-blueberry-400 100%);
54
- $cnvs-sys-color-focus-ring: $cnvs-base-palette-blueberry-400;
55
- $cnvs-sys-color-shadow-accent: rgba(31,38,46,$cnvs-base-opacity-100);
56
- $cnvs-sys-color-shadow-main: rgba(31,38,46,$cnvs-base-opacity-200);
57
- $cnvs-sys-color-border-input-alert: $cnvs-base-palette-cantaloupe-600;
58
- $cnvs-sys-color-border-input-error: $cnvs-base-palette-cinnamon-500;
59
- $cnvs-sys-color-border-input-active: $cnvs-base-palette-blueberry-400;
60
- $cnvs-sys-color-border-input-disabled: $cnvs-base-palette-soap-600;
61
- $cnvs-sys-color-border-input-hover: $cnvs-base-palette-licorice-500;
62
- $cnvs-sys-color-border-input-default: $cnvs-base-palette-licorice-200;
63
- $cnvs-sys-color-fg-icon-primary: $cnvs-base-palette-blueberry-400;
64
- $cnvs-sys-color-fg-icon-inverse: $cnvs-base-palette-french-vanilla-100;
65
- $cnvs-sys-color-fg-icon-disabled: $cnvs-base-palette-soap-600;
66
- $cnvs-sys-color-fg-icon-hover: $cnvs-base-palette-licorice-500;
67
- $cnvs-sys-color-fg-icon-accent: $cnvs-base-palette-licorice-200;
68
- $cnvs-sys-color-fg-icon-background: $cnvs-base-palette-licorice-200;
69
- $cnvs-sys-color-fg-icon-fill: $cnvs-base-palette-licorice-200;
70
- $cnvs-sys-color-fg-type-selected: $cnvs-base-palette-blueberry-400;
71
- $cnvs-sys-color-fg-type-error: $cnvs-base-palette-cinnamon-500;
72
- $cnvs-sys-color-fg-type-inverse: $cnvs-base-palette-french-vanilla-100;
73
- $cnvs-sys-color-fg-type-link-visited: $cnvs-base-palette-blueberry-600;
74
- $cnvs-sys-color-fg-type-link-active: $cnvs-base-palette-blueberry-600;
75
- $cnvs-sys-color-fg-type-link-focus: $cnvs-base-palette-blueberry-400;
76
- $cnvs-sys-color-fg-type-link-default: $cnvs-base-palette-blueberry-400;
77
- $cnvs-sys-color-fg-type-disabled: $cnvs-base-palette-licorice-100;
78
- $cnvs-sys-color-fg-type-hint: $cnvs-base-palette-licorice-300;
79
- $cnvs-sys-color-fg-type-body: $cnvs-base-palette-black-pepper-300;
80
- $cnvs-sys-color-fg-type-heading: $cnvs-base-palette-black-pepper-400;
81
- $cnvs-sys-color-bg-overlay: rgba(0,0,0,$cnvs-base-opacity-400);
82
- $cnvs-sys-color-bg-help: rgba(0,0,0,$cnvs-base-opacity-500);
83
- $cnvs-sys-color-bg-status-alert: $cnvs-base-palette-cantaloupe-400;
84
- $cnvs-sys-color-bg-status-error: $cnvs-base-palette-cinnamon-500;
85
- $cnvs-sys-color-bg-status-success: $cnvs-base-palette-green-apple-400;
86
- $cnvs-sys-color-bg-delete-hover: $cnvs-base-palette-cinnamon-600;
87
- $cnvs-sys-color-bg-delete-default: $cnvs-base-palette-cinnamon-500;
88
- $cnvs-sys-color-bg-secondary-active: $cnvs-base-palette-black-pepper-400;
89
- $cnvs-sys-color-bg-secondary-hover: $cnvs-base-palette-black-pepper-300;
90
- $cnvs-sys-color-bg-secondary-focus: $cnvs-base-palette-french-vanilla-100;
91
- $cnvs-sys-color-bg-primary-active: $cnvs-base-palette-blueberry-600;
92
- $cnvs-sys-color-bg-primary-hover: $cnvs-base-palette-blueberry-500;
93
- $cnvs-sys-color-bg-primary-default: $cnvs-base-palette-blueberry-400;
94
- $cnvs-sys-color-bg-selected: $cnvs-base-palette-blueberry-200;
95
- $cnvs-sys-color-bg-active: $cnvs-base-palette-soap-400;
96
- $cnvs-sys-color-bg-hover: $cnvs-base-palette-soap-300;
97
- $cnvs-sys-color-bg-alt: $cnvs-base-palette-soap-200;
98
- $cnvs-sys-color-bg-default: $cnvs-base-palette-french-vanilla-100;
99
- $cnvs-sys-border: 0.0625rem solid $cnvs-base-palette-soap-500;
100
- $cnvs-sys-font-size-subtext-medium: $cnvs-base-font-size-50;
101
- $cnvs-sys-depth-6: $cnvs-base-shadow-600;
102
- $cnvs-sys-depth-5: $cnvs-base-shadow-500;
103
- $cnvs-sys-depth-4: $cnvs-base-shadow-400;
104
- $cnvs-sys-depth-3: $cnvs-base-shadow-300;
105
- $cnvs-sys-depth-2: $cnvs-base-shadow-200;
106
- $cnvs-sys-depth-1: $cnvs-base-shadow-100;
107
- $cnvs-sys-line-height-subtext-medium: $cnvs-base-line-height-150;
108
- $cnvs-sys-line-height-subtext-small: $cnvs-base-line-height-150;
109
- $cnvs-sys-line-height-subtext-large: $cnvs-base-line-height-200;
110
- $cnvs-sys-font-size-body-small: $cnvs-base-font-size-100;
111
- $cnvs-sys-line-height-body-small: $cnvs-base-line-height-250;
112
- $cnvs-sys-font-size-body-medium: $cnvs-base-font-size-125;
113
- $cnvs-sys-line-height-body-large: $cnvs-base-line-height-300;
114
- $cnvs-sys-line-height-body-medium: $cnvs-base-line-height-300;
115
- $cnvs-sys-font-size-body-large: $cnvs-base-font-size-150;
116
- $cnvs-sys-line-height-heading-small: $cnvs-base-line-height-350;
117
- $cnvs-sys-font-size-heading-small: $cnvs-base-font-size-200;
118
- $cnvs-sys-line-height-heading-medium: $cnvs-base-line-height-400;
119
- $cnvs-sys-font-size-heading-medium: $cnvs-base-font-size-250;
120
- $cnvs-sys-line-height-heading-large: $cnvs-base-line-height-450;
121
- $cnvs-sys-font-size-heading-large: $cnvs-base-font-size-300;
122
- $cnvs-sys-line-height-title-small: $cnvs-base-line-height-500;
123
- $cnvs-sys-font-size-title-small: $cnvs-base-font-size-400;
124
- $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-600;
125
- $cnvs-sys-font-size-title-medium: $cnvs-base-font-size-500;
126
- $cnvs-sys-line-height-title-large: $cnvs-base-line-height-700;
127
- $cnvs-sys-font-size-title-large: $cnvs-base-font-size-600;
128
-
129
- .cnvs-sys-type-subtext-small {
130
- font-family: $cnvs-base-font-family-50;
131
- font-weight: $cnvs-base-font-weight-400;
132
- line-height: $cnvs-base-line-height-150;
133
- font-size: $cnvs-base-font-size-25;
134
- letter-spacing: $cnvs-base-letter-spacing-50;
135
- }
136
-
137
- .cnvs-sys-type-subtext-medium {
138
- font-family: $cnvs-base-font-family-50;
139
- font-weight: $cnvs-base-font-weight-400;
140
- line-height: $cnvs-base-line-height-150;
141
- font-size: $cnvs-base-font-size-50;
142
- letter-spacing: $cnvs-base-letter-spacing-100;
143
- }
144
-
145
- .cnvs-sys-type-subtext-large {
146
- font-family: $cnvs-base-font-family-50;
147
- font-weight: $cnvs-base-font-weight-400;
148
- line-height: $cnvs-base-line-height-200;
149
- font-size: $cnvs-base-font-size-75;
150
- letter-spacing: $cnvs-base-letter-spacing-150;
151
- }
152
-
153
- .cnvs-sys-type-body-small {
154
- font-family: $cnvs-base-font-family-50;
155
- font-weight: $cnvs-base-font-weight-400;
156
- line-height: $cnvs-base-line-height-250;
157
- font-size: $cnvs-base-font-size-100;
158
- letter-spacing: $cnvs-base-letter-spacing-200;
159
- }
160
-
161
- .cnvs-sys-type-body-medium {
162
- font-family: $cnvs-base-font-family-50;
163
- font-weight: $cnvs-base-font-weight-400;
164
- line-height: $cnvs-base-line-height-300;
165
- font-size: $cnvs-base-font-size-125;
166
- }
167
-
168
- .cnvs-sys-type-body-large {
169
- font-family: $cnvs-base-font-family-50;
170
- font-weight: $cnvs-base-font-weight-400;
171
- line-height: $cnvs-base-line-height-300;
172
- font-size: $cnvs-base-font-size-150;
173
- }
174
-
175
- .cnvs-sys-type-heading-small {
176
- font-family: $cnvs-base-font-family-50;
177
- font-weight: $cnvs-base-font-weight-700;
178
- line-height: $cnvs-base-line-height-350;
179
- font-size: $cnvs-base-font-size-200;
180
- }
181
-
182
- .cnvs-sys-type-heading-medium {
183
- font-family: $cnvs-base-font-family-50;
184
- font-weight: $cnvs-base-font-weight-700;
185
- line-height: $cnvs-base-line-height-400;
186
- font-size: $cnvs-base-font-size-250;
187
- }
188
-
189
- .cnvs-sys-type-heading-large {
190
- font-family: $cnvs-base-font-family-50;
191
- font-weight: $cnvs-base-font-weight-700;
192
- line-height: $cnvs-base-line-height-450;
193
- font-size: $cnvs-base-font-size-300;
194
- }
195
-
196
- .cnvs-sys-type-title-small {
197
- font-family: $cnvs-base-font-family-50;
198
- font-weight: $cnvs-base-font-weight-700;
199
- line-height: $cnvs-base-line-height-500;
200
- font-size: $cnvs-base-font-size-400;
201
- }
202
-
203
- .cnvs-sys-type-title-medium {
204
- font-family: $cnvs-base-font-family-50;
205
- font-weight: $cnvs-base-font-weight-700;
206
- line-height: $cnvs-base-line-height-600;
207
- font-size: $cnvs-base-font-size-500;
208
- }
209
-
210
- .cnvs-sys-type-title-large {
211
- font-family: $cnvs-base-font-family-50;
212
- font-weight: $cnvs-base-font-weight-700;
213
- line-height: $cnvs-base-line-height-700;
214
- font-size: $cnvs-base-font-size-600;
215
- }
package/dist/scss/system/_variables.scss DELETED
@@ -1,215 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Fri, 29 Sep 2023 22:32:54 GMT
4
-
5
- $cnvs-sys-space-zero: 0;
6
- $cnvs-sys-shape-zero: 0rem;
7
- $cnvs-sys-color-bg-delete-active: rgba(128,22,14,1);
8
- $cnvs-sys-color-bg-secondary-default: none;
9
- $cnvs-sys-font-weight-bold: $cnvs-base-font-weight-700;
10
- $cnvs-sys-font-weight-medium: $cnvs-base-font-weight-500;
11
- $cnvs-sys-font-weight-normal: $cnvs-base-font-weight-400;
12
- $cnvs-sys-font-weight-light: $cnvs-base-font-weight-300;
13
- $cnvs-sys-font-size-subtext-large: $cnvs-base-font-size-25;
14
- $cnvs-sys-font-size-subtext-small: $cnvs-base-font-size-25;
15
- $cnvs-sys-font-family-global: $cnvs-base-font-family-200;
16
- $cnvs-sys-font-family-mono: $cnvs-base-font-family-100;
17
- $cnvs-sys-font-family-default: $cnvs-base-font-family-50;
18
- $cnvs-sys-space-x20: calc($cnvs-base-dimension * 20);
19
- $cnvs-sys-space-x16: calc($cnvs-base-dimension * 16);
20
- $cnvs-sys-space-x14: calc($cnvs-base-dimension * 14);
21
- $cnvs-sys-space-x12: calc($cnvs-base-dimension * 12);
22
- $cnvs-sys-space-x10: calc($cnvs-base-dimension * 10);
23
- $cnvs-sys-space-x8: calc($cnvs-base-dimension * 8);
24
- $cnvs-sys-space-x6: calc($cnvs-base-dimension * 6);
25
- $cnvs-sys-space-x5: calc($cnvs-base-dimension * 5);
26
- $cnvs-sys-space-x4: calc($cnvs-base-dimension * 4);
27
- $cnvs-sys-space-x3: calc($cnvs-base-dimension * 3);
28
- $cnvs-sys-space-x2: calc($cnvs-base-dimension * 2);
29
- $cnvs-sys-space-x1: $cnvs-base-dimension;
30
- $cnvs-sys-shape-circle: calc($cnvs-base-dimension * 250);
31
- $cnvs-sys-shape-large: calc($cnvs-base-dimension * 2);
32
- $cnvs-sys-shape-medium: $cnvs-base-dimension;
33
- $cnvs-sys-shape-small: calc($cnvs-base-dimension * 0.5);
34
- $cnvs-sys-opacity-disabled: $cnvs-base-opacity-300;
35
- $cnvs-sys-color-data-viz-09: $cnvs-base-palette-jewel-200;
36
- $cnvs-sys-color-data-viz-08: $cnvs-base-palette-cantaloupe-400;
37
- $cnvs-sys-color-data-viz-07: $cnvs-base-palette-cantaloupe-200;
38
- $cnvs-sys-color-data-viz-06: $cnvs-base-palette-pomegranate-300;
39
- $cnvs-sys-color-data-viz-05: $cnvs-base-palette-pomegranate-200;
40
- $cnvs-sys-color-data-viz-04: $cnvs-base-palette-plum-300;
41
- $cnvs-sys-color-data-viz-03: $cnvs-base-palette-plum-200;
42
- $cnvs-sys-color-data-viz-02: $cnvs-base-palette-watermelon-200;
43
- $cnvs-sys-color-data-viz-01: $cnvs-base-palette-watermelon-100;
44
- $cnvs-sys-color-data-viz-16: $cnvs-base-palette-peach-400;
45
- $cnvs-sys-color-data-viz-15: $cnvs-base-palette-peach-200;
46
- $cnvs-sys-color-data-viz-14: $cnvs-base-palette-island-punch-400;
47
- $cnvs-sys-color-data-viz-13: $cnvs-base-palette-island-punch-200;
48
- $cnvs-sys-color-data-viz-12: $cnvs-base-palette-sour-lemon-400;
49
- $cnvs-sys-color-data-viz-11: $cnvs-base-palette-sour-lemon-200;
50
- $cnvs-sys-color-data-viz-10: $cnvs-base-palette-jewel-300;
51
- $cnvs-sys-color-overlay-tooltip: rgba(0,0,0,$cnvs-base-opacity-500);
52
- $cnvs-sys-color-overlay-modal: rgba(0,0,0,$cnvs-base-opacity-400);
53
- $cnvs-sys-color-gradient: linear-gradient(90deg, $cnvs-base-palette-blueberry-500 0%, $cnvs-base-palette-blueberry-400 100%);
54
- $cnvs-sys-color-focus-ring: $cnvs-base-palette-blueberry-400;
55
- $cnvs-sys-color-shadow-accent: rgba(31,38,46,$cnvs-base-opacity-100);
56
- $cnvs-sys-color-shadow-main: rgba(31,38,46,$cnvs-base-opacity-200);
57
- $cnvs-sys-color-border-input-alert: $cnvs-base-palette-cantaloupe-600;
58
- $cnvs-sys-color-border-input-error: $cnvs-base-palette-cinnamon-500;
59
- $cnvs-sys-color-border-input-active: $cnvs-base-palette-blueberry-400;
60
- $cnvs-sys-color-border-input-disabled: $cnvs-base-palette-soap-600;
61
- $cnvs-sys-color-border-input-hover: $cnvs-base-palette-licorice-500;
62
- $cnvs-sys-color-border-input-default: $cnvs-base-palette-licorice-200;
63
- $cnvs-sys-color-fg-icon-primary: $cnvs-base-palette-blueberry-400;
64
- $cnvs-sys-color-fg-icon-inverse: $cnvs-base-palette-french-vanilla-100;
65
- $cnvs-sys-color-fg-icon-disabled: $cnvs-base-palette-soap-600;
66
- $cnvs-sys-color-fg-icon-hover: $cnvs-base-palette-licorice-500;
67
- $cnvs-sys-color-fg-icon-accent: $cnvs-base-palette-licorice-200;
68
- $cnvs-sys-color-fg-icon-background: $cnvs-base-palette-licorice-200;
69
- $cnvs-sys-color-fg-icon-fill: $cnvs-base-palette-licorice-200;
70
- $cnvs-sys-color-fg-type-selected: $cnvs-base-palette-blueberry-400;
71
- $cnvs-sys-color-fg-type-error: $cnvs-base-palette-cinnamon-500;
72
- $cnvs-sys-color-fg-type-inverse: $cnvs-base-palette-french-vanilla-100;
73
- $cnvs-sys-color-fg-type-link-visited: $cnvs-base-palette-blueberry-600;
74
- $cnvs-sys-color-fg-type-link-active: $cnvs-base-palette-blueberry-600;
75
- $cnvs-sys-color-fg-type-link-focus: $cnvs-base-palette-blueberry-400;
76
- $cnvs-sys-color-fg-type-link-default: $cnvs-base-palette-blueberry-400;
77
- $cnvs-sys-color-fg-type-disabled: $cnvs-base-palette-licorice-100;
78
- $cnvs-sys-color-fg-type-hint: $cnvs-base-palette-licorice-300;
79
- $cnvs-sys-color-fg-type-body: $cnvs-base-palette-black-pepper-300;
80
- $cnvs-sys-color-fg-type-heading: $cnvs-base-palette-black-pepper-400;
81
- $cnvs-sys-color-bg-overlay: rgba(0,0,0,$cnvs-base-opacity-400);
82
- $cnvs-sys-color-bg-help: rgba(0,0,0,$cnvs-base-opacity-500);
83
- $cnvs-sys-color-bg-status-alert: $cnvs-base-palette-cantaloupe-400;
84
- $cnvs-sys-color-bg-status-error: $cnvs-base-palette-cinnamon-500;
85
- $cnvs-sys-color-bg-status-success: $cnvs-base-palette-green-apple-400;
86
- $cnvs-sys-color-bg-delete-hover: $cnvs-base-palette-cinnamon-600;
87
- $cnvs-sys-color-bg-delete-default: $cnvs-base-palette-cinnamon-500;
88
- $cnvs-sys-color-bg-secondary-active: $cnvs-base-palette-black-pepper-400;
89
- $cnvs-sys-color-bg-secondary-hover: $cnvs-base-palette-black-pepper-300;
90
- $cnvs-sys-color-bg-secondary-focus: $cnvs-base-palette-french-vanilla-100;
91
- $cnvs-sys-color-bg-primary-active: $cnvs-base-palette-blueberry-600;
92
- $cnvs-sys-color-bg-primary-hover: $cnvs-base-palette-blueberry-500;
93
- $cnvs-sys-color-bg-primary-default: $cnvs-base-palette-blueberry-400;
94
- $cnvs-sys-color-bg-selected: $cnvs-base-palette-blueberry-200;
95
- $cnvs-sys-color-bg-active: $cnvs-base-palette-soap-400;
96
- $cnvs-sys-color-bg-hover: $cnvs-base-palette-soap-300;
97
- $cnvs-sys-color-bg-alt: $cnvs-base-palette-soap-200;
98
- $cnvs-sys-color-bg-default: $cnvs-base-palette-french-vanilla-100;
99
- $cnvs-sys-border: 0.0625rem solid $cnvs-base-palette-soap-500;
100
- $cnvs-sys-font-size-subtext-medium: $cnvs-base-font-size-50;
101
- $cnvs-sys-depth-6: $cnvs-base-shadow-600;
102
- $cnvs-sys-depth-5: $cnvs-base-shadow-500;
103
- $cnvs-sys-depth-4: $cnvs-base-shadow-400;
104
- $cnvs-sys-depth-3: $cnvs-base-shadow-300;
105
- $cnvs-sys-depth-2: $cnvs-base-shadow-200;
106
- $cnvs-sys-depth-1: $cnvs-base-shadow-100;
107
- $cnvs-sys-line-height-subtext-medium: $cnvs-base-line-height-150;
108
- $cnvs-sys-line-height-subtext-small: $cnvs-base-line-height-150;
109
- $cnvs-sys-line-height-subtext-large: $cnvs-base-line-height-200;
110
- $cnvs-sys-font-size-body-small: $cnvs-base-font-size-100;
111
- $cnvs-sys-line-height-body-small: $cnvs-base-line-height-250;
112
- $cnvs-sys-font-size-body-medium: $cnvs-base-font-size-125;
113
- $cnvs-sys-line-height-body-large: $cnvs-base-line-height-300;
114
- $cnvs-sys-line-height-body-medium: $cnvs-base-line-height-300;
115
- $cnvs-sys-font-size-body-large: $cnvs-base-font-size-150;
116
- $cnvs-sys-line-height-heading-small: $cnvs-base-line-height-350;
117
- $cnvs-sys-font-size-heading-small: $cnvs-base-font-size-200;
118
- $cnvs-sys-line-height-heading-medium: $cnvs-base-line-height-400;
119
- $cnvs-sys-font-size-heading-medium: $cnvs-base-font-size-250;
120
- $cnvs-sys-line-height-heading-large: $cnvs-base-line-height-450;
121
- $cnvs-sys-font-size-heading-large: $cnvs-base-font-size-300;
122
- $cnvs-sys-line-height-title-small: $cnvs-base-line-height-500;
123
- $cnvs-sys-font-size-title-small: $cnvs-base-font-size-400;
124
- $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-600;
125
- $cnvs-sys-font-size-title-medium: $cnvs-base-font-size-500;
126
- $cnvs-sys-line-height-title-large: $cnvs-base-line-height-700;
127
- $cnvs-sys-font-size-title-large: $cnvs-base-font-size-600;
128
-
129
- .cnvs-sys-type-subtext-small {
130
- font-family: $cnvs-base-font-family-50;
131
- font-weight: $cnvs-base-font-weight-400;
132
- line-height: $cnvs-base-line-height-150;
133
- font-size: $cnvs-base-font-size-25;
134
- letter-spacing: $cnvs-base-letter-spacing-50;
135
- }
136
-
137
- .cnvs-sys-type-subtext-medium {
138
- font-family: $cnvs-base-font-family-50;
139
- font-weight: $cnvs-base-font-weight-400;
140
- line-height: $cnvs-base-line-height-150;
141
- font-size: $cnvs-base-font-size-50;
142
- letter-spacing: $cnvs-base-letter-spacing-100;
143
- }
144
-
145
- .cnvs-sys-type-subtext-large {
146
- font-family: $cnvs-base-font-family-50;
147
- font-weight: $cnvs-base-font-weight-400;
148
- line-height: $cnvs-base-line-height-200;
149
- font-size: $cnvs-base-font-size-75;
150
- letter-spacing: $cnvs-base-letter-spacing-150;
151
- }
152
-
153
- .cnvs-sys-type-body-small {
154
- font-family: $cnvs-base-font-family-50;
155
- font-weight: $cnvs-base-font-weight-400;
156
- line-height: $cnvs-base-line-height-250;
157
- font-size: $cnvs-base-font-size-100;
158
- letter-spacing: $cnvs-base-letter-spacing-200;
159
- }
160
-
161
- .cnvs-sys-type-body-medium {
162
- font-family: $cnvs-base-font-family-50;
163
- font-weight: $cnvs-base-font-weight-400;
164
- line-height: $cnvs-base-line-height-300;
165
- font-size: $cnvs-base-font-size-125;
166
- }
167
-
168
- .cnvs-sys-type-body-large {
169
- font-family: $cnvs-base-font-family-50;
170
- font-weight: $cnvs-base-font-weight-400;
171
- line-height: $cnvs-base-line-height-300;
172
- font-size: $cnvs-base-font-size-150;
173
- }
174
-
175
- .cnvs-sys-type-heading-small {
176
- font-family: $cnvs-base-font-family-50;
177
- font-weight: $cnvs-base-font-weight-700;
178
- line-height: $cnvs-base-line-height-350;
179
- font-size: $cnvs-base-font-size-200;
180
- }
181
-
182
- .cnvs-sys-type-heading-medium {
183
- font-family: $cnvs-base-font-family-50;
184
- font-weight: $cnvs-base-font-weight-700;
185
- line-height: $cnvs-base-line-height-400;
186
- font-size: $cnvs-base-font-size-250;
187
- }
188
-
189
- .cnvs-sys-type-heading-large {
190
- font-family: $cnvs-base-font-family-50;
191
- font-weight: $cnvs-base-font-weight-700;
192
- line-height: $cnvs-base-line-height-450;
193
- font-size: $cnvs-base-font-size-300;
194
- }
195
-
196
- .cnvs-sys-type-title-small {
197
- font-family: $cnvs-base-font-family-50;
198
- font-weight: $cnvs-base-font-weight-700;
199
- line-height: $cnvs-base-line-height-500;
200
- font-size: $cnvs-base-font-size-400;
201
- }
202
-
203
- .cnvs-sys-type-title-medium {
204
- font-family: $cnvs-base-font-family-50;
205
- font-weight: $cnvs-base-font-weight-700;
206
- line-height: $cnvs-base-line-height-600;
207
- font-size: $cnvs-base-font-size-500;
208
- }
209
-
210
- .cnvs-sys-type-title-large {
211
- font-family: $cnvs-base-font-family-50;
212
- font-weight: $cnvs-base-font-weight-700;
213
- line-height: $cnvs-base-line-height-700;
214
- font-size: $cnvs-base-font-size-600;
215
- }