@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/es6/system/index.js DELETED
@@ -1,276 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 29 Sep 2023 22:32:54 GMT
4
- */
5
-
6
- export const border = "--cnvs-sys-border";
7
- export const color = {
8
- "bg": {
9
- "default": "--cnvs-sys-color-bg-default",
10
- "alt": "--cnvs-sys-color-bg-alt",
11
- "hover": "--cnvs-sys-color-bg-hover",
12
- "active": "--cnvs-sys-color-bg-active",
13
- "selected": "--cnvs-sys-color-bg-selected",
14
- "primary": {
15
- "default": "--cnvs-sys-color-bg-primary-default",
16
- "hover": "--cnvs-sys-color-bg-primary-hover",
17
- "active": "--cnvs-sys-color-bg-primary-active"
18
- },
19
- "secondary": {
20
- "default": "--cnvs-sys-color-bg-secondary-default",
21
- "focus": "--cnvs-sys-color-bg-secondary-focus",
22
- "hover": "--cnvs-sys-color-bg-secondary-hover",
23
- "active": "--cnvs-sys-color-bg-secondary-active"
24
- },
25
- "delete": {
26
- "default": "--cnvs-sys-color-bg-delete-default",
27
- "hover": "--cnvs-sys-color-bg-delete-hover",
28
- "active": "--cnvs-sys-color-bg-delete-active"
29
- },
30
- "status": {
31
- "success": "--cnvs-sys-color-bg-status-success",
32
- "error": "--cnvs-sys-color-bg-status-error",
33
- "alert": "--cnvs-sys-color-bg-status-alert"
34
- },
35
- "help": "--cnvs-sys-color-bg-help",
36
- "overlay": "--cnvs-sys-color-bg-overlay"
37
- },
38
- "fg": {
39
- "type": {
40
- "heading": "--cnvs-sys-color-fg-type-heading",
41
- "body": "--cnvs-sys-color-fg-type-body",
42
- "hint": "--cnvs-sys-color-fg-type-hint",
43
- "disabled": "--cnvs-sys-color-fg-type-disabled",
44
- "link": {
45
- "default": "--cnvs-sys-color-fg-type-link-default",
46
- "focus": "--cnvs-sys-color-fg-type-link-focus",
47
- "active": "--cnvs-sys-color-fg-type-link-active",
48
- "visited": "--cnvs-sys-color-fg-type-link-visited"
49
- },
50
- "inverse": "--cnvs-sys-color-fg-type-inverse",
51
- "error": "--cnvs-sys-color-fg-type-error",
52
- "selected": "--cnvs-sys-color-fg-type-selected"
53
- },
54
- "icon": {
55
- "fill": "--cnvs-sys-color-fg-icon-fill",
56
- "background": "--cnvs-sys-color-fg-icon-background",
57
- "accent": "--cnvs-sys-color-fg-icon-accent",
58
- "hover": "--cnvs-sys-color-fg-icon-hover",
59
- "disabled": "--cnvs-sys-color-fg-icon-disabled",
60
- "inverse": "--cnvs-sys-color-fg-icon-inverse",
61
- "primary": "--cnvs-sys-color-fg-icon-primary"
62
- }
63
- },
64
- "border": {
65
- "input": {
66
- "default": "--cnvs-sys-color-border-input-default",
67
- "hover": "--cnvs-sys-color-border-input-hover",
68
- "disabled": "--cnvs-sys-color-border-input-disabled",
69
- "active": "--cnvs-sys-color-border-input-active",
70
- "error": "--cnvs-sys-color-border-input-error",
71
- "alert": "--cnvs-sys-color-border-input-alert"
72
- }
73
- },
74
- "shadow": {
75
- "main": "--cnvs-sys-color-shadow-main",
76
- "accent": "--cnvs-sys-color-shadow-accent"
77
- },
78
- "focusRing": "--cnvs-sys-color-focus-ring",
79
- "gradient": "--cnvs-sys-color-gradient",
80
- "overlay": {
81
- "modal": "--cnvs-sys-color-overlay-modal",
82
- "tooltip": "--cnvs-sys-color-overlay-tooltip"
83
- },
84
- "dataViz": {
85
- "10": "--cnvs-sys-color-data-viz-10",
86
- "11": "--cnvs-sys-color-data-viz-11",
87
- "12": "--cnvs-sys-color-data-viz-12",
88
- "13": "--cnvs-sys-color-data-viz-13",
89
- "14": "--cnvs-sys-color-data-viz-14",
90
- "15": "--cnvs-sys-color-data-viz-15",
91
- "16": "--cnvs-sys-color-data-viz-16",
92
- "01": "--cnvs-sys-color-data-viz-01",
93
- "02": "--cnvs-sys-color-data-viz-02",
94
- "03": "--cnvs-sys-color-data-viz-03",
95
- "04": "--cnvs-sys-color-data-viz-04",
96
- "05": "--cnvs-sys-color-data-viz-05",
97
- "06": "--cnvs-sys-color-data-viz-06",
98
- "07": "--cnvs-sys-color-data-viz-07",
99
- "08": "--cnvs-sys-color-data-viz-08",
100
- "09": "--cnvs-sys-color-data-viz-09"
101
- }
102
- };
103
- export const depth = {
104
- "1": "--cnvs-sys-depth-1",
105
- "2": "--cnvs-sys-depth-2",
106
- "3": "--cnvs-sys-depth-3",
107
- "4": "--cnvs-sys-depth-4",
108
- "5": "--cnvs-sys-depth-5",
109
- "6": "--cnvs-sys-depth-6"
110
- };
111
- export const opacity = {
112
- "disabled": "--cnvs-sys-opacity-disabled"
113
- };
114
- export const shape = {
115
- "zero": "--cnvs-sys-shape-zero",
116
- "small": "--cnvs-sys-shape-small",
117
- "medium": "--cnvs-sys-shape-medium",
118
- "large": "--cnvs-sys-shape-large",
119
- "circle": "--cnvs-sys-shape-circle"
120
- };
121
- export const space = {
122
- "zero": "--cnvs-sys-space-zero",
123
- "x1": "--cnvs-sys-space-x1",
124
- "x2": "--cnvs-sys-space-x2",
125
- "x3": "--cnvs-sys-space-x3",
126
- "x4": "--cnvs-sys-space-x4",
127
- "x5": "--cnvs-sys-space-x5",
128
- "x6": "--cnvs-sys-space-x6",
129
- "x8": "--cnvs-sys-space-x8",
130
- "x10": "--cnvs-sys-space-x10",
131
- "x12": "--cnvs-sys-space-x12",
132
- "x14": "--cnvs-sys-space-x14",
133
- "x16": "--cnvs-sys-space-x16",
134
- "x20": "--cnvs-sys-space-x20"
135
- };
136
- export const fontFamily = {
137
- "default": "--cnvs-sys-font-family-default",
138
- "mono": "--cnvs-sys-font-family-mono",
139
- "global": "--cnvs-sys-font-family-global"
140
- };
141
- export const fontSize = {
142
- "subtext": {
143
- "small": "--cnvs-sys-font-size-subtext-small",
144
- "medium": "--cnvs-sys-font-size-subtext-medium",
145
- "large": "--cnvs-sys-font-size-subtext-large"
146
- },
147
- "body": {
148
- "small": "--cnvs-sys-font-size-body-small",
149
- "medium": "--cnvs-sys-font-size-body-medium",
150
- "large": "--cnvs-sys-font-size-body-large"
151
- },
152
- "heading": {
153
- "small": "--cnvs-sys-font-size-heading-small",
154
- "medium": "--cnvs-sys-font-size-heading-medium",
155
- "large": "--cnvs-sys-font-size-heading-large"
156
- },
157
- "title": {
158
- "small": "--cnvs-sys-font-size-title-small",
159
- "medium": "--cnvs-sys-font-size-title-medium",
160
- "large": "--cnvs-sys-font-size-title-large"
161
- }
162
- };
163
- export const lineHeight = {
164
- "subtext": {
165
- "small": "--cnvs-sys-line-height-subtext-small",
166
- "medium": "--cnvs-sys-line-height-subtext-medium",
167
- "large": "--cnvs-sys-line-height-subtext-large"
168
- },
169
- "body": {
170
- "small": "--cnvs-sys-line-height-body-small",
171
- "medium": "--cnvs-sys-line-height-body-medium",
172
- "large": "--cnvs-sys-line-height-body-large"
173
- },
174
- "heading": {
175
- "small": "--cnvs-sys-line-height-heading-small",
176
- "medium": "--cnvs-sys-line-height-heading-medium",
177
- "large": "--cnvs-sys-line-height-heading-large"
178
- },
179
- "title": {
180
- "small": "--cnvs-sys-line-height-title-small",
181
- "medium": "--cnvs-sys-line-height-title-medium",
182
- "large": "--cnvs-sys-line-height-title-large"
183
- }
184
- };
185
- export const fontWeight = {
186
- "light": "--cnvs-sys-font-weight-light",
187
- "normal": "--cnvs-sys-font-weight-normal",
188
- "medium": "--cnvs-sys-font-weight-medium",
189
- "bold": "--cnvs-sys-font-weight-bold"
190
- };
191
- export const type = {
192
- "subtext": {
193
- "small": {
194
- "fontFamily": "--cnvs-base-font-family-50",
195
- "fontWeight": "--cnvs-base-font-weight-400",
196
- "lineHeight": "--cnvs-base-line-height-150",
197
- "fontSize": "--cnvs-base-font-size-25",
198
- "letterSpacing": "--cnvs-base-letter-spacing-50"
199
- },
200
- "medium": {
201
- "fontFamily": "--cnvs-base-font-family-50",
202
- "fontWeight": "--cnvs-base-font-weight-400",
203
- "lineHeight": "--cnvs-base-line-height-150",
204
- "fontSize": "--cnvs-base-font-size-50",
205
- "letterSpacing": "--cnvs-base-letter-spacing-100"
206
- },
207
- "large": {
208
- "fontFamily": "--cnvs-base-font-family-50",
209
- "fontWeight": "--cnvs-base-font-weight-400",
210
- "lineHeight": "--cnvs-base-line-height-200",
211
- "fontSize": "--cnvs-base-font-size-75",
212
- "letterSpacing": "--cnvs-base-letter-spacing-150"
213
- }
214
- },
215
- "body": {
216
- "small": {
217
- "fontFamily": "--cnvs-base-font-family-50",
218
- "fontWeight": "--cnvs-base-font-weight-400",
219
- "lineHeight": "--cnvs-base-line-height-250",
220
- "fontSize": "--cnvs-base-font-size-100",
221
- "letterSpacing": "--cnvs-base-letter-spacing-200"
222
- },
223
- "medium": {
224
- "fontFamily": "--cnvs-base-font-family-50",
225
- "fontWeight": "--cnvs-base-font-weight-400",
226
- "lineHeight": "--cnvs-base-line-height-300",
227
- "fontSize": "--cnvs-base-font-size-125"
228
- },
229
- "large": {
230
- "fontFamily": "--cnvs-base-font-family-50",
231
- "fontWeight": "--cnvs-base-font-weight-400",
232
- "lineHeight": "--cnvs-base-line-height-300",
233
- "fontSize": "--cnvs-base-font-size-150"
234
- }
235
- },
236
- "heading": {
237
- "small": {
238
- "fontFamily": "--cnvs-base-font-family-50",
239
- "fontWeight": "--cnvs-base-font-weight-700",
240
- "lineHeight": "--cnvs-base-line-height-350",
241
- "fontSize": "--cnvs-base-font-size-200"
242
- },
243
- "medium": {
244
- "fontFamily": "--cnvs-base-font-family-50",
245
- "fontWeight": "--cnvs-base-font-weight-700",
246
- "lineHeight": "--cnvs-base-line-height-400",
247
- "fontSize": "--cnvs-base-font-size-250"
248
- },
249
- "large": {
250
- "fontFamily": "--cnvs-base-font-family-50",
251
- "fontWeight": "--cnvs-base-font-weight-700",
252
- "lineHeight": "--cnvs-base-line-height-450",
253
- "fontSize": "--cnvs-base-font-size-300"
254
- }
255
- },
256
- "title": {
257
- "small": {
258
- "fontFamily": "--cnvs-base-font-family-50",
259
- "fontWeight": "--cnvs-base-font-weight-700",
260
- "lineHeight": "--cnvs-base-line-height-500",
261
- "fontSize": "--cnvs-base-font-size-400"
262
- },
263
- "medium": {
264
- "fontFamily": "--cnvs-base-font-family-50",
265
- "fontWeight": "--cnvs-base-font-weight-700",
266
- "lineHeight": "--cnvs-base-line-height-600",
267
- "fontSize": "--cnvs-base-font-size-500"
268
- },
269
- "large": {
270
- "fontFamily": "--cnvs-base-font-family-50",
271
- "fontWeight": "--cnvs-base-font-weight-700",
272
- "lineHeight": "--cnvs-base-line-height-700",
273
- "fontSize": "--cnvs-base-font-size-600"
274
- }
275
- }
276
- };
package/dist/less/base/_variables.less DELETED
@@ -1,226 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Fri, 29 Sep 2023 22:32:54 GMT
4
-
5
- @cnvs-base-palette-cinnamon-100: rgba(255,241,240,1);
6
- @cnvs-base-palette-cinnamon-200: rgba(252,201,197,1);
7
- @cnvs-base-palette-cinnamon-300: rgba(255,136,128,1);
8
- @cnvs-base-palette-cinnamon-400: rgba(255,84,71,1);
9
- @cnvs-base-palette-cinnamon-500: rgba(222,46,33,1);
10
- @cnvs-base-palette-cinnamon-600: rgba(161,27,18,1);
11
- @cnvs-base-palette-peach-100: rgba(255,243,240,1);
12
- @cnvs-base-palette-peach-200: rgba(255,194,179,1);
13
- @cnvs-base-palette-peach-300: rgba(255,149,122,1);
14
- @cnvs-base-palette-peach-400: rgba(255,100,61,1);
15
- @cnvs-base-palette-peach-500: rgba(222,71,33,1);
16
- @cnvs-base-palette-peach-600: rgba(180,51,19,1);
17
- @cnvs-base-palette-chili-mango-100: rgba(255,232,219,1);
18
- @cnvs-base-palette-chili-mango-200: rgba(255,201,173,1);
19
- @cnvs-base-palette-chili-mango-300: rgba(255,156,107,1);
20
- @cnvs-base-palette-chili-mango-400: rgba(255,102,26,1);
21
- @cnvs-base-palette-chili-mango-500: rgba(224,75,0,1);
22
- @cnvs-base-palette-chili-mango-600: rgba(163,54,0,1);
23
- @cnvs-base-palette-cantaloupe-100: rgba(255,239,219,1);
24
- @cnvs-base-palette-cantaloupe-200: rgba(252,213,161,1);
25
- @cnvs-base-palette-cantaloupe-300: rgba(255,186,97,1);
26
- @cnvs-base-palette-cantaloupe-400: rgba(255,160,36,1);
27
- @cnvs-base-palette-cantaloupe-500: rgba(245,139,0,1);
28
- @cnvs-base-palette-cantaloupe-600: rgba(194,110,0,1);
29
- @cnvs-base-palette-sour-lemon-100: rgba(255,249,230,1);
30
- @cnvs-base-palette-sour-lemon-200: rgba(255,236,173,1);
31
- @cnvs-base-palette-sour-lemon-300: rgba(255,218,97,1);
32
- @cnvs-base-palette-sour-lemon-400: rgba(255,198,41,1);
33
- @cnvs-base-palette-sour-lemon-500: rgba(235,180,0,1);
34
- @cnvs-base-palette-sour-lemon-600: rgba(189,145,0,1);
35
- @cnvs-base-palette-juicy-pear-100: rgba(247,250,229,1);
36
- @cnvs-base-palette-juicy-pear-200: rgba(226,243,145,1);
37
- @cnvs-base-palette-juicy-pear-300: rgba(196,222,63,1);
38
- @cnvs-base-palette-juicy-pear-400: rgba(168,194,36,1);
39
- @cnvs-base-palette-juicy-pear-500: rgba(142,165,24,1);
40
- @cnvs-base-palette-juicy-pear-600: rgba(103,119,24,1);
41
- @cnvs-base-palette-kiwi-100: rgba(237,252,217,1);
42
- @cnvs-base-palette-kiwi-200: rgba(203,245,148,1);
43
- @cnvs-base-palette-kiwi-300: rgba(167,224,92,1);
44
- @cnvs-base-palette-kiwi-400: rgba(120,189,31,1);
45
- @cnvs-base-palette-kiwi-500: rgba(95,153,21,1);
46
- @cnvs-base-palette-kiwi-600: rgba(85,122,36,1);
47
- @cnvs-base-palette-green-apple-100: rgba(235,255,240,1);
48
- @cnvs-base-palette-green-apple-200: rgba(173,245,191,1);
49
- @cnvs-base-palette-green-apple-300: rgba(95,227,128,1);
50
- @cnvs-base-palette-green-apple-400: rgba(69,196,101,1);
51
- @cnvs-base-palette-green-apple-500: rgba(49,155,75,1);
52
- @cnvs-base-palette-green-apple-600: rgba(33,120,55,1);
53
- @cnvs-base-palette-watermelon-100: rgba(236,253,248,1);
54
- @cnvs-base-palette-watermelon-200: rgba(182,237,221,1);
55
- @cnvs-base-palette-watermelon-300: rgba(102,204,175,1);
56
- @cnvs-base-palette-watermelon-400: rgba(18,165,124,1);
57
- @cnvs-base-palette-watermelon-500: rgba(12,121,90,1);
58
- @cnvs-base-palette-watermelon-600: rgba(0,87,62,1);
59
- @cnvs-base-palette-jewel-100: rgba(235,253,255,1);
60
- @cnvs-base-palette-jewel-200: rgba(170,236,243,1);
61
- @cnvs-base-palette-jewel-300: rgba(66,200,215,1);
62
- @cnvs-base-palette-jewel-400: rgba(30,164,179,1);
63
- @cnvs-base-palette-jewel-500: rgba(26,131,142,1);
64
- @cnvs-base-palette-jewel-600: rgba(21,107,116,1);
65
- @cnvs-base-palette-toothpaste-100: rgba(217,242,252,1);
66
- @cnvs-base-palette-toothpaste-200: rgba(153,224,255,1);
67
- @cnvs-base-palette-toothpaste-300: rgba(62,179,229,1);
68
- @cnvs-base-palette-toothpaste-400: rgba(24,148,201,1);
69
- @cnvs-base-palette-toothpaste-500: rgba(2,114,162,1);
70
- @cnvs-base-palette-toothpaste-600: rgba(0,89,128,1);
71
- @cnvs-base-palette-blueberry-100: rgba(217,235,252,1);
72
- @cnvs-base-palette-blueberry-200: rgba(168,212,255,1);
73
- @cnvs-base-palette-blueberry-300: rgba(66,161,255,1);
74
- @cnvs-base-palette-blueberry-400: rgba(8,117,226,1);
75
- @cnvs-base-palette-blueberry-500: rgba(0,92,184,1);
76
- @cnvs-base-palette-blueberry-600: rgba(0,66,133,1);
77
- @cnvs-base-palette-plum-100: rgba(230,241,255,1);
78
- @cnvs-base-palette-plum-200: rgba(168,206,255,1);
79
- @cnvs-base-palette-plum-300: rgba(82,155,250,1);
80
- @cnvs-base-palette-plum-400: rgba(55,129,225,1);
81
- @cnvs-base-palette-plum-500: rgba(49,102,170,1);
82
- @cnvs-base-palette-plum-600: rgba(38,74,120,1);
83
- @cnvs-base-palette-berry-smoothie-100: rgba(229,235,255,1);
84
- @cnvs-base-palette-berry-smoothie-200: rgba(195,194,255,1);
85
- @cnvs-base-palette-berry-smoothie-300: rgba(122,147,255,1);
86
- @cnvs-base-palette-berry-smoothie-400: rgba(96,121,230,1);
87
- @cnvs-base-palette-berry-smoothie-500: rgba(75,94,180,1);
88
- @cnvs-base-palette-berry-smoothie-600: rgba(59,73,135,1);
89
- @cnvs-base-palette-blackberry-100: rgba(240,240,255,1);
90
- @cnvs-base-palette-blackberry-200: rgba(195,194,255,1);
91
- @cnvs-base-palette-blackberry-300: rgba(134,132,230,1);
92
- @cnvs-base-palette-blackberry-400: rgba(93,91,230,1);
93
- @cnvs-base-palette-blackberry-500: rgba(64,62,204,1);
94
- @cnvs-base-palette-blackberry-600: rgba(46,44,144,1);
95
- @cnvs-base-palette-island-punch-100: rgba(245,240,255,1);
96
- @cnvs-base-palette-island-punch-200: rgba(209,189,250,1);
97
- @cnvs-base-palette-island-punch-300: rgba(168,137,230,1);
98
- @cnvs-base-palette-island-punch-400: rgba(134,97,209,1);
99
- @cnvs-base-palette-island-punch-500: rgba(99,69,161,1);
100
- @cnvs-base-palette-island-punch-600: rgba(78,55,129,1);
101
- @cnvs-base-palette-grape-soda-100: rgba(254,235,255,1);
102
- @cnvs-base-palette-grape-soda-200: rgba(250,194,255,1);
103
- @cnvs-base-palette-grape-soda-300: rgba(222,137,230,1);
104
- @cnvs-base-palette-grape-soda-400: rgba(200,97,209,1);
105
- @cnvs-base-palette-grape-soda-500: rgba(150,72,157,1);
106
- @cnvs-base-palette-grape-soda-600: rgba(122,55,129,1);
107
- @cnvs-base-palette-pomegranate-100: rgba(255,235,243,1);
108
- @cnvs-base-palette-pomegranate-200: rgba(255,189,214,1);
109
- @cnvs-base-palette-pomegranate-300: rgba(255,92,154,1);
110
- @cnvs-base-palette-pomegranate-400: rgba(243,18,104,1);
111
- @cnvs-base-palette-pomegranate-500: rgba(199,5,79,1);
112
- @cnvs-base-palette-pomegranate-600: rgba(153,0,59,1);
113
- @cnvs-base-palette-fruit-punch-100: rgba(255,240,240,1);
114
- @cnvs-base-palette-fruit-punch-200: rgba(255,189,189,1);
115
- @cnvs-base-palette-fruit-punch-300: rgba(255,128,128,1);
116
- @cnvs-base-palette-fruit-punch-400: rgba(255,77,77,1);
117
- @cnvs-base-palette-fruit-punch-500: rgba(225,45,45,1);
118
- @cnvs-base-palette-fruit-punch-600: rgba(184,40,40,1);
119
- @cnvs-base-palette-root-beer-100: rgba(250,243,240,1);
120
- @cnvs-base-palette-root-beer-200: rgba(235,216,208,1);
121
- @cnvs-base-palette-root-beer-300: rgba(220,187,173,1);
122
- @cnvs-base-palette-root-beer-400: rgba(186,154,140,1);
123
- @cnvs-base-palette-root-beer-500: rgba(139,113,101,1);
124
- @cnvs-base-palette-root-beer-600: rgba(102,77,66,1);
125
- @cnvs-base-palette-toasted-marshmallow-100: rgba(253,247,231,1);
126
- @cnvs-base-palette-toasted-marshmallow-200: rgba(235,214,168,1);
127
- @cnvs-base-palette-toasted-marshmallow-300: rgba(230,191,107,1);
128
- @cnvs-base-palette-toasted-marshmallow-400: rgba(205,159,60,1);
129
- @cnvs-base-palette-toasted-marshmallow-500: rgba(178,127,16,1);
130
- @cnvs-base-palette-toasted-marshmallow-600: rgba(138,94,0,1);
131
- @cnvs-base-palette-coconut-100: rgba(241,239,239,1);
132
- @cnvs-base-palette-coconut-200: rgba(227,222,222,1);
133
- @cnvs-base-palette-coconut-300: rgba(209,204,205,1);
134
- @cnvs-base-palette-coconut-400: rgba(179,173,173,1);
135
- @cnvs-base-palette-coconut-500: rgba(157,149,149,1);
136
- @cnvs-base-palette-coconut-600: rgba(142,133,134,1);
137
- @cnvs-base-palette-cappucino-100: rgba(121,114,115,1);
138
- @cnvs-base-palette-cappucino-200: rgba(111,103,104,1);
139
- @cnvs-base-palette-cappucino-300: rgba(93,86,86,1);
140
- @cnvs-base-palette-cappucino-400: rgba(73,65,65,1);
141
- @cnvs-base-palette-cappucino-500: rgba(54,48,48,1);
142
- @cnvs-base-palette-cappucino-600: rgba(35,31,32,1);
143
- @cnvs-base-palette-licorice-100: rgba(162,171,180,1);
144
- @cnvs-base-palette-licorice-200: rgba(123,133,142,1);
145
- @cnvs-base-palette-licorice-300: rgba(93,105,116,1);
146
- @cnvs-base-palette-licorice-400: rgba(75,86,98,1);
147
- @cnvs-base-palette-licorice-500: rgba(51,61,71,1);
148
- @cnvs-base-palette-licorice-600: rgba(31,38,46,1);
149
- @cnvs-base-palette-soap-100: rgba(246,247,248,1);
150
- @cnvs-base-palette-soap-200: rgba(241,242,243,1);
151
- @cnvs-base-palette-soap-300: rgba(232,235,237,1);
152
- @cnvs-base-palette-soap-400: rgba(224,227,230,1);
153
- @cnvs-base-palette-soap-500: rgba(206,211,217,1);
154
- @cnvs-base-palette-soap-600: rgba(184,191,198,1);
155
- @cnvs-base-palette-french-vanilla-100: rgba(255,255,255,1);
156
- @cnvs-base-palette-french-vanilla-200: rgba(235,235,235,1);
157
- @cnvs-base-palette-french-vanilla-300: rgba(212,212,212,1);
158
- @cnvs-base-palette-french-vanilla-400: rgba(189,189,189,1);
159
- @cnvs-base-palette-french-vanilla-500: rgba(166,166,166,1);
160
- @cnvs-base-palette-french-vanilla-600: rgba(143,143,143,1);
161
- @cnvs-base-palette-black-pepper-100: rgba(120,120,120,1);
162
- @cnvs-base-palette-black-pepper-200: rgba(97,97,97,1);
163
- @cnvs-base-palette-black-pepper-300: rgba(74,74,74,1);
164
- @cnvs-base-palette-black-pepper-400: rgba(51,51,51,1);
165
- @cnvs-base-palette-black-pepper-500: rgba(31,31,31,1);
166
- @cnvs-base-palette-black-pepper-600: rgba(0,0,0,1);
167
- @cnvs-base-opacity-100: 0.08;
168
- @cnvs-base-opacity-200: 0.12;
169
- @cnvs-base-opacity-300: 0.4;
170
- @cnvs-base-opacity-400: 0.65;
171
- @cnvs-base-opacity-500: 0.85;
172
- @cnvs-base-font-size-25: 0.625rem;
173
- @cnvs-base-font-size-50: 0.75rem;
174
- @cnvs-base-font-size-75: 0.875rem;
175
- @cnvs-base-font-size-100: 1rem;
176
- @cnvs-base-font-size-125: 1.125rem;
177
- @cnvs-base-font-size-150: 1.25rem;
178
- @cnvs-base-font-size-200: 1.5rem;
179
- @cnvs-base-font-size-250: 1.75rem;
180
- @cnvs-base-font-size-300: 2rem;
181
- @cnvs-base-font-size-400: 2.5rem;
182
- @cnvs-base-font-size-500: 3rem;
183
- @cnvs-base-font-size-600: 3.5rem;
184
- @cnvs-base-font-size-750: 4.5rem;
185
- @cnvs-base-font-size-900: 5.5rem;
186
- @cnvs-base-font-size-1050: 6.5rem;
187
- @cnvs-base-line-height-50: 0.75rem;
188
- @cnvs-base-line-height-100: 0.75rem;
189
- @cnvs-base-line-height-150: 1rem;
190
- @cnvs-base-line-height-200: 1.25rem;
191
- @cnvs-base-line-height-250: 1.5rem;
192
- @cnvs-base-line-height-300: 1.75rem;
193
- @cnvs-base-line-height-350: 2rem;
194
- @cnvs-base-line-height-400: 2.25rem;
195
- @cnvs-base-line-height-450: 2.5rem;
196
- @cnvs-base-line-height-500: 3rem;
197
- @cnvs-base-line-height-600: 3.5rem;
198
- @cnvs-base-line-height-700: 4rem;
199
- @cnvs-base-line-height-850: 5rem;
200
- @cnvs-base-line-height-1000: 6rem;
201
- @cnvs-base-line-height-1150: 7rem;
202
- @cnvs-base-font-scale-size-default: 0.125rem;
203
- @cnvs-base-font-scale-size-heading: 0.25rem;
204
- @cnvs-base-font-scale-size-title: 0.5rem;
205
- @cnvs-base-font-scale-size-display: 1rem;
206
- @cnvs-base-font-scale-height-default: 0.25rem;
207
- @cnvs-base-font-scale-height-title: 0.5rem;
208
- @cnvs-base-font-scale-height-display: 1rem;
209
- @cnvs-base-font-family-50: "Roboto";
210
- @cnvs-base-font-family-100: "Roboto Mono";
211
- @cnvs-base-font-family-200: "Noto Sans";
212
- @cnvs-base-font-weight-300: 300;
213
- @cnvs-base-font-weight-400: 400;
214
- @cnvs-base-font-weight-500: 500;
215
- @cnvs-base-font-weight-700: 700;
216
- @cnvs-base-letter-spacing-50: 0.025rem;
217
- @cnvs-base-letter-spacing-100: 0.02rem;
218
- @cnvs-base-letter-spacing-150: 0.015rem;
219
- @cnvs-base-letter-spacing-200: 0.01rem;
220
- @cnvs-base-shadow-100: 0 0.0625rem 0.25rem 0 rgba(31,38,46,0.12), 0 0.125rem 1rem 0 rgba(31,38,46,0.08);
221
- @cnvs-base-shadow-200: 0 0.125rem 0.5rem 0 rgba(31,38,46,0.12), 0 0.25rem 1rem 0 rgba(31,38,46,0.08);
222
- @cnvs-base-shadow-300: 0 0.1875rem 0.75rem 0 rgba(31,38,46,0.12), 0 0.375rem 1.5rem 0 rgba(31,38,46,0.08);
223
- @cnvs-base-shadow-400: 0 0.25rem 1rem 0 rgba(31,38,46,0.12), 0 0.5rem 2rem 0 rgba(31,38,46,0.08);
224
- @cnvs-base-shadow-500: 0 0.3125rem 1.25rem 0 rgba(31,38,46,0.12), 0 0.625rem 2.5rem 0 rgba(31,38,46,0.08);
225
- @cnvs-base-shadow-600: 0 0.375rem 1.5rem 0 rgba(31,38,46,0.12), 0 0.75rem 3rem 0 rgba(31,38,46,0.08);
226
- @cnvs-base-dimension: 0.25rem;