@workday/canvas-tokens-web 0.1.0

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 (33) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +3 -0
  3. package/dist/common-js/base/index.d.ts +227 -0
  4. package/dist/common-js/base/index.js +230 -0
  5. package/dist/common-js/brand/index.d.ts +51 -0
  6. package/dist/common-js/brand/index.js +54 -0
  7. package/dist/common-js/index.d.ts +9 -0
  8. package/dist/common-js/index.js +14 -0
  9. package/dist/common-js/system/index.d.ts +276 -0
  10. package/dist/common-js/system/index.js +279 -0
  11. package/dist/css/base/_variables.css +229 -0
  12. package/dist/css/brand/_variables.css +42 -0
  13. package/dist/css/system/_variables.css +218 -0
  14. package/dist/es6/base/index.d.ts +227 -0
  15. package/dist/es6/base/index.js +227 -0
  16. package/dist/es6/brand/index.d.ts +51 -0
  17. package/dist/es6/brand/index.js +51 -0
  18. package/dist/es6/index.d.ts +9 -0
  19. package/dist/es6/index.js +9 -0
  20. package/dist/es6/system/index.d.ts +276 -0
  21. package/dist/es6/system/index.js +276 -0
  22. package/dist/less/base/_variables.less +226 -0
  23. package/dist/less/brand/_variables.less +39 -0
  24. package/dist/less/system/_variables.less +215 -0
  25. package/dist/scss/base/_variables.sass +226 -0
  26. package/dist/scss/base/_variables.scss +226 -0
  27. package/dist/scss/brand/_variables.sass +39 -0
  28. package/dist/scss/brand/_variables.scss +39 -0
  29. package/dist/scss/system/_variables.sass +215 -0
  30. package/dist/scss/system/_variables.scss +215 -0
  31. package/index.ts +0 -0
  32. package/package.json +13 -0
  33. package/tsconfig.json +3 -0
package/dist/es6/system/index.d.ts ADDED
@@ -0,0 +1,276 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 05 Sep 2023 04:00:01 GMT
4
+ */
5
+
6
+ export declare const border = "--cnvs-sys-border";
7
+ export declare 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 declare 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 declare const opacity = {
112
+ "disabled": "--cnvs-sys-opacity-disabled"
113
+ };
114
+ export declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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/es6/system/index.js ADDED
@@ -0,0 +1,276 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 05 Sep 2023 04:00:01 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
+ };