@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/common-js/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/common-js/system/index.js ADDED
@@ -0,0 +1,279 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 05 Sep 2023 04:00:01 GMT
4
+ */
5
+
6
+ "use strict";
7
+ Object.defineProperty(exports, "__esModule", { value: true });
8
+
9
+ exports.border = "--cnvs-sys-border";
10
+ exports.color = {
11
+ "bg": {
12
+ "default": "--cnvs-sys-color-bg-default",
13
+ "alt": "--cnvs-sys-color-bg-alt",
14
+ "hover": "--cnvs-sys-color-bg-hover",
15
+ "active": "--cnvs-sys-color-bg-active",
16
+ "selected": "--cnvs-sys-color-bg-selected",
17
+ "primary": {
18
+ "default": "--cnvs-sys-color-bg-primary-default",
19
+ "hover": "--cnvs-sys-color-bg-primary-hover",
20
+ "active": "--cnvs-sys-color-bg-primary-active"
21
+ },
22
+ "secondary": {
23
+ "default": "--cnvs-sys-color-bg-secondary-default",
24
+ "focus": "--cnvs-sys-color-bg-secondary-focus",
25
+ "hover": "--cnvs-sys-color-bg-secondary-hover",
26
+ "active": "--cnvs-sys-color-bg-secondary-active"
27
+ },
28
+ "delete": {
29
+ "default": "--cnvs-sys-color-bg-delete-default",
30
+ "hover": "--cnvs-sys-color-bg-delete-hover",
31
+ "active": "--cnvs-sys-color-bg-delete-active"
32
+ },
33
+ "status": {
34
+ "success": "--cnvs-sys-color-bg-status-success",
35
+ "error": "--cnvs-sys-color-bg-status-error",
36
+ "alert": "--cnvs-sys-color-bg-status-alert"
37
+ },
38
+ "help": "--cnvs-sys-color-bg-help",
39
+ "overlay": "--cnvs-sys-color-bg-overlay"
40
+ },
41
+ "fg": {
42
+ "type": {
43
+ "heading": "--cnvs-sys-color-fg-type-heading",
44
+ "body": "--cnvs-sys-color-fg-type-body",
45
+ "hint": "--cnvs-sys-color-fg-type-hint",
46
+ "disabled": "--cnvs-sys-color-fg-type-disabled",
47
+ "link": {
48
+ "default": "--cnvs-sys-color-fg-type-link-default",
49
+ "focus": "--cnvs-sys-color-fg-type-link-focus",
50
+ "active": "--cnvs-sys-color-fg-type-link-active",
51
+ "visited": "--cnvs-sys-color-fg-type-link-visited"
52
+ },
53
+ "inverse": "--cnvs-sys-color-fg-type-inverse",
54
+ "error": "--cnvs-sys-color-fg-type-error",
55
+ "selected": "--cnvs-sys-color-fg-type-selected"
56
+ },
57
+ "icon": {
58
+ "fill": "--cnvs-sys-color-fg-icon-fill",
59
+ "background": "--cnvs-sys-color-fg-icon-background",
60
+ "accent": "--cnvs-sys-color-fg-icon-accent",
61
+ "hover": "--cnvs-sys-color-fg-icon-hover",
62
+ "disabled": "--cnvs-sys-color-fg-icon-disabled",
63
+ "inverse": "--cnvs-sys-color-fg-icon-inverse",
64
+ "primary": "--cnvs-sys-color-fg-icon-primary"
65
+ }
66
+ },
67
+ "border": {
68
+ "input": {
69
+ "default": "--cnvs-sys-color-border-input-default",
70
+ "hover": "--cnvs-sys-color-border-input-hover",
71
+ "disabled": "--cnvs-sys-color-border-input-disabled",
72
+ "active": "--cnvs-sys-color-border-input-active",
73
+ "error": "--cnvs-sys-color-border-input-error",
74
+ "alert": "--cnvs-sys-color-border-input-alert"
75
+ }
76
+ },
77
+ "shadow": {
78
+ "main": "--cnvs-sys-color-shadow-main",
79
+ "accent": "--cnvs-sys-color-shadow-accent"
80
+ },
81
+ "focusRing": "--cnvs-sys-color-focus-ring",
82
+ "gradient": "--cnvs-sys-color-gradient",
83
+ "overlay": {
84
+ "modal": "--cnvs-sys-color-overlay-modal",
85
+ "tooltip": "--cnvs-sys-color-overlay-tooltip"
86
+ },
87
+ "dataViz": {
88
+ "10": "--cnvs-sys-color-data-viz-10",
89
+ "11": "--cnvs-sys-color-data-viz-11",
90
+ "12": "--cnvs-sys-color-data-viz-12",
91
+ "13": "--cnvs-sys-color-data-viz-13",
92
+ "14": "--cnvs-sys-color-data-viz-14",
93
+ "15": "--cnvs-sys-color-data-viz-15",
94
+ "16": "--cnvs-sys-color-data-viz-16",
95
+ "01": "--cnvs-sys-color-data-viz-01",
96
+ "02": "--cnvs-sys-color-data-viz-02",
97
+ "03": "--cnvs-sys-color-data-viz-03",
98
+ "04": "--cnvs-sys-color-data-viz-04",
99
+ "05": "--cnvs-sys-color-data-viz-05",
100
+ "06": "--cnvs-sys-color-data-viz-06",
101
+ "07": "--cnvs-sys-color-data-viz-07",
102
+ "08": "--cnvs-sys-color-data-viz-08",
103
+ "09": "--cnvs-sys-color-data-viz-09"
104
+ }
105
+ };
106
+ exports.depth = {
107
+ "1": "--cnvs-sys-depth-1",
108
+ "2": "--cnvs-sys-depth-2",
109
+ "3": "--cnvs-sys-depth-3",
110
+ "4": "--cnvs-sys-depth-4",
111
+ "5": "--cnvs-sys-depth-5",
112
+ "6": "--cnvs-sys-depth-6"
113
+ };
114
+ exports.opacity = {
115
+ "disabled": "--cnvs-sys-opacity-disabled"
116
+ };
117
+ exports.shape = {
118
+ "zero": "--cnvs-sys-shape-zero",
119
+ "small": "--cnvs-sys-shape-small",
120
+ "medium": "--cnvs-sys-shape-medium",
121
+ "large": "--cnvs-sys-shape-large",
122
+ "circle": "--cnvs-sys-shape-circle"
123
+ };
124
+ exports.space = {
125
+ "zero": "--cnvs-sys-space-zero",
126
+ "x1": "--cnvs-sys-space-x1",
127
+ "x2": "--cnvs-sys-space-x2",
128
+ "x3": "--cnvs-sys-space-x3",
129
+ "x4": "--cnvs-sys-space-x4",
130
+ "x5": "--cnvs-sys-space-x5",
131
+ "x6": "--cnvs-sys-space-x6",
132
+ "x8": "--cnvs-sys-space-x8",
133
+ "x10": "--cnvs-sys-space-x10",
134
+ "x12": "--cnvs-sys-space-x12",
135
+ "x14": "--cnvs-sys-space-x14",
136
+ "x16": "--cnvs-sys-space-x16",
137
+ "x20": "--cnvs-sys-space-x20"
138
+ };
139
+ exports.fontFamily = {
140
+ "default": "--cnvs-sys-font-family-default",
141
+ "mono": "--cnvs-sys-font-family-mono",
142
+ "global": "--cnvs-sys-font-family-global"
143
+ };
144
+ exports.fontSize = {
145
+ "subtext": {
146
+ "small": "--cnvs-sys-font-size-subtext-small",
147
+ "medium": "--cnvs-sys-font-size-subtext-medium",
148
+ "large": "--cnvs-sys-font-size-subtext-large"
149
+ },
150
+ "body": {
151
+ "small": "--cnvs-sys-font-size-body-small",
152
+ "medium": "--cnvs-sys-font-size-body-medium",
153
+ "large": "--cnvs-sys-font-size-body-large"
154
+ },
155
+ "heading": {
156
+ "small": "--cnvs-sys-font-size-heading-small",
157
+ "medium": "--cnvs-sys-font-size-heading-medium",
158
+ "large": "--cnvs-sys-font-size-heading-large"
159
+ },
160
+ "title": {
161
+ "small": "--cnvs-sys-font-size-title-small",
162
+ "medium": "--cnvs-sys-font-size-title-medium",
163
+ "large": "--cnvs-sys-font-size-title-large"
164
+ }
165
+ };
166
+ exports.lineHeight = {
167
+ "subtext": {
168
+ "small": "--cnvs-sys-line-height-subtext-small",
169
+ "medium": "--cnvs-sys-line-height-subtext-medium",
170
+ "large": "--cnvs-sys-line-height-subtext-large"
171
+ },
172
+ "body": {
173
+ "small": "--cnvs-sys-line-height-body-small",
174
+ "medium": "--cnvs-sys-line-height-body-medium",
175
+ "large": "--cnvs-sys-line-height-body-large"
176
+ },
177
+ "heading": {
178
+ "small": "--cnvs-sys-line-height-heading-small",
179
+ "medium": "--cnvs-sys-line-height-heading-medium",
180
+ "large": "--cnvs-sys-line-height-heading-large"
181
+ },
182
+ "title": {
183
+ "small": "--cnvs-sys-line-height-title-small",
184
+ "medium": "--cnvs-sys-line-height-title-medium",
185
+ "large": "--cnvs-sys-line-height-title-large"
186
+ }
187
+ };
188
+ exports.fontWeight = {
189
+ "light": "--cnvs-sys-font-weight-light",
190
+ "normal": "--cnvs-sys-font-weight-normal",
191
+ "medium": "--cnvs-sys-font-weight-medium",
192
+ "bold": "--cnvs-sys-font-weight-bold"
193
+ };
194
+ exports.type = {
195
+ "subtext": {
196
+ "small": {
197
+ "fontFamily": "--cnvs-base-font-family-50",
198
+ "fontWeight": "--cnvs-base-font-weight-400",
199
+ "lineHeight": "--cnvs-base-line-height-150",
200
+ "fontSize": "--cnvs-base-font-size-25",
201
+ "letterSpacing": "--cnvs-base-letter-spacing-50"
202
+ },
203
+ "medium": {
204
+ "fontFamily": "--cnvs-base-font-family-50",
205
+ "fontWeight": "--cnvs-base-font-weight-400",
206
+ "lineHeight": "--cnvs-base-line-height-150",
207
+ "fontSize": "--cnvs-base-font-size-50",
208
+ "letterSpacing": "--cnvs-base-letter-spacing-100"
209
+ },
210
+ "large": {
211
+ "fontFamily": "--cnvs-base-font-family-50",
212
+ "fontWeight": "--cnvs-base-font-weight-400",
213
+ "lineHeight": "--cnvs-base-line-height-200",
214
+ "fontSize": "--cnvs-base-font-size-75",
215
+ "letterSpacing": "--cnvs-base-letter-spacing-150"
216
+ }
217
+ },
218
+ "body": {
219
+ "small": {
220
+ "fontFamily": "--cnvs-base-font-family-50",
221
+ "fontWeight": "--cnvs-base-font-weight-400",
222
+ "lineHeight": "--cnvs-base-line-height-250",
223
+ "fontSize": "--cnvs-base-font-size-100",
224
+ "letterSpacing": "--cnvs-base-letter-spacing-200"
225
+ },
226
+ "medium": {
227
+ "fontFamily": "--cnvs-base-font-family-50",
228
+ "fontWeight": "--cnvs-base-font-weight-400",
229
+ "lineHeight": "--cnvs-base-line-height-300",
230
+ "fontSize": "--cnvs-base-font-size-125"
231
+ },
232
+ "large": {
233
+ "fontFamily": "--cnvs-base-font-family-50",
234
+ "fontWeight": "--cnvs-base-font-weight-400",
235
+ "lineHeight": "--cnvs-base-line-height-300",
236
+ "fontSize": "--cnvs-base-font-size-150"
237
+ }
238
+ },
239
+ "heading": {
240
+ "small": {
241
+ "fontFamily": "--cnvs-base-font-family-50",
242
+ "fontWeight": "--cnvs-base-font-weight-700",
243
+ "lineHeight": "--cnvs-base-line-height-350",
244
+ "fontSize": "--cnvs-base-font-size-200"
245
+ },
246
+ "medium": {
247
+ "fontFamily": "--cnvs-base-font-family-50",
248
+ "fontWeight": "--cnvs-base-font-weight-700",
249
+ "lineHeight": "--cnvs-base-line-height-400",
250
+ "fontSize": "--cnvs-base-font-size-250"
251
+ },
252
+ "large": {
253
+ "fontFamily": "--cnvs-base-font-family-50",
254
+ "fontWeight": "--cnvs-base-font-weight-700",
255
+ "lineHeight": "--cnvs-base-line-height-450",
256
+ "fontSize": "--cnvs-base-font-size-300"
257
+ }
258
+ },
259
+ "title": {
260
+ "small": {
261
+ "fontFamily": "--cnvs-base-font-family-50",
262
+ "fontWeight": "--cnvs-base-font-weight-700",
263
+ "lineHeight": "--cnvs-base-line-height-500",
264
+ "fontSize": "--cnvs-base-font-size-400"
265
+ },
266
+ "medium": {
267
+ "fontFamily": "--cnvs-base-font-family-50",
268
+ "fontWeight": "--cnvs-base-font-weight-700",
269
+ "lineHeight": "--cnvs-base-line-height-600",
270
+ "fontSize": "--cnvs-base-font-size-500"
271
+ },
272
+ "large": {
273
+ "fontFamily": "--cnvs-base-font-family-50",
274
+ "fontWeight": "--cnvs-base-font-weight-700",
275
+ "lineHeight": "--cnvs-base-line-height-700",
276
+ "fontSize": "--cnvs-base-font-size-600"
277
+ }
278
+ }
279
+ };