@workday/canvas-tokens-web 0.1.6 → 1.0.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 (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/dist/common-js/base/index.d.ts +222 -223
  5. package/dist/common-js/base/index.js +19 -20
  6. package/dist/common-js/brand/index.d.ts +44 -9
  7. package/dist/common-js/brand/index.js +4 -2
  8. package/dist/common-js/index.d.ts +1 -1
  9. package/dist/common-js/index.js +1 -1
  10. package/dist/common-js/system/index.d.ts +231 -152
  11. package/dist/common-js/system/index.js +17 -117
  12. package/dist/es6/base/index.d.ts +222 -223
  13. package/dist/es6/base/index.js +19 -20
  14. package/dist/es6/brand/index.d.ts +44 -9
  15. package/dist/es6/brand/index.js +4 -2
  16. package/dist/es6/index.d.ts +1 -1
  17. package/dist/es6/index.js +1 -1
  18. package/dist/es6/system/index.d.ts +231 -152
  19. package/dist/es6/system/index.js +17 -117
  20. package/less/base/_variables.less +225 -0
  21. package/{dist/less → less}/brand/_variables.less +5 -5
  22. package/less/system/_variables.less +145 -0
  23. package/package.json +8 -3
  24. package/scss/base/_variables.sass +225 -0
  25. package/scss/base/_variables.scss +225 -0
  26. package/{dist/scss → scss}/brand/_variables.sass +5 -5
  27. package/{dist/scss → scss}/brand/_variables.scss +5 -5
  28. package/scss/system/_variables.sass +145 -0
  29. package/scss/system/_variables.scss +145 -0
  30. package/dist/css/base/_variables.css +0 -229
  31. package/dist/css/system/_variables.css +0 -218
  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/common-js/system/index.js CHANGED
@@ -1,108 +1,11 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 29 Sep 2023 22:32:54 GMT
3
+ * Generated on Mon, 23 Oct 2023 23:15:30 GMT
4
4
  */
5
5
 
6
6
  "use strict";
7
7
  Object.defineProperty(exports, "__esModule", { value: true });
8
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
9
  exports.depth = {
107
10
  "1": "--cnvs-sys-depth-1",
108
11
  "2": "--cnvs-sys-depth-2",
@@ -116,10 +19,10 @@ exports.opacity = {
116
19
  };
117
20
  exports.shape = {
118
21
  "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"
22
+ "half": "--cnvs-sys-shape-half",
23
+ "x1": "--cnvs-sys-shape-x1",
24
+ "x2": "--cnvs-sys-shape-x2",
25
+ "round": "--cnvs-sys-shape-round"
123
26
  };
124
27
  exports.space = {
125
28
  "zero": "--cnvs-sys-space-zero",
@@ -127,12 +30,9 @@ exports.space = {
127
30
  "x2": "--cnvs-sys-space-x2",
128
31
  "x3": "--cnvs-sys-space-x3",
129
32
  "x4": "--cnvs-sys-space-x4",
130
- "x5": "--cnvs-sys-space-x5",
131
33
  "x6": "--cnvs-sys-space-x6",
132
34
  "x8": "--cnvs-sys-space-x8",
133
35
  "x10": "--cnvs-sys-space-x10",
134
- "x12": "--cnvs-sys-space-x12",
135
- "x14": "--cnvs-sys-space-x14",
136
36
  "x16": "--cnvs-sys-space-x16",
137
37
  "x20": "--cnvs-sys-space-x20"
138
38
  };
@@ -196,21 +96,21 @@ exports.type = {
196
96
  "small": {
197
97
  "fontFamily": "--cnvs-base-font-family-50",
198
98
  "fontWeight": "--cnvs-base-font-weight-400",
199
- "lineHeight": "--cnvs-base-line-height-150",
99
+ "lineHeight": "--cnvs-base-line-height-50",
200
100
  "fontSize": "--cnvs-base-font-size-25",
201
101
  "letterSpacing": "--cnvs-base-letter-spacing-50"
202
102
  },
203
103
  "medium": {
204
104
  "fontFamily": "--cnvs-base-font-family-50",
205
105
  "fontWeight": "--cnvs-base-font-weight-400",
206
- "lineHeight": "--cnvs-base-line-height-150",
106
+ "lineHeight": "--cnvs-base-line-height-50",
207
107
  "fontSize": "--cnvs-base-font-size-50",
208
108
  "letterSpacing": "--cnvs-base-letter-spacing-100"
209
109
  },
210
110
  "large": {
211
111
  "fontFamily": "--cnvs-base-font-family-50",
212
112
  "fontWeight": "--cnvs-base-font-weight-400",
213
- "lineHeight": "--cnvs-base-line-height-200",
113
+ "lineHeight": "--cnvs-base-line-height-100",
214
114
  "fontSize": "--cnvs-base-font-size-75",
215
115
  "letterSpacing": "--cnvs-base-letter-spacing-150"
216
116
  }
@@ -219,20 +119,20 @@ exports.type = {
219
119
  "small": {
220
120
  "fontFamily": "--cnvs-base-font-family-50",
221
121
  "fontWeight": "--cnvs-base-font-weight-400",
222
- "lineHeight": "--cnvs-base-line-height-250",
122
+ "lineHeight": "--cnvs-base-line-height-150",
223
123
  "fontSize": "--cnvs-base-font-size-100",
224
124
  "letterSpacing": "--cnvs-base-letter-spacing-200"
225
125
  },
226
126
  "medium": {
227
127
  "fontFamily": "--cnvs-base-font-family-50",
228
128
  "fontWeight": "--cnvs-base-font-weight-400",
229
- "lineHeight": "--cnvs-base-line-height-300",
129
+ "lineHeight": "--cnvs-base-line-height-200",
230
130
  "fontSize": "--cnvs-base-font-size-125"
231
131
  },
232
132
  "large": {
233
133
  "fontFamily": "--cnvs-base-font-family-50",
234
134
  "fontWeight": "--cnvs-base-font-weight-400",
235
- "lineHeight": "--cnvs-base-line-height-300",
135
+ "lineHeight": "--cnvs-base-line-height-200",
236
136
  "fontSize": "--cnvs-base-font-size-150"
237
137
  }
238
138
  },
@@ -240,19 +140,19 @@ exports.type = {
240
140
  "small": {
241
141
  "fontFamily": "--cnvs-base-font-family-50",
242
142
  "fontWeight": "--cnvs-base-font-weight-700",
243
- "lineHeight": "--cnvs-base-line-height-350",
143
+ "lineHeight": "--cnvs-base-line-height-250",
244
144
  "fontSize": "--cnvs-base-font-size-200"
245
145
  },
246
146
  "medium": {
247
147
  "fontFamily": "--cnvs-base-font-family-50",
248
148
  "fontWeight": "--cnvs-base-font-weight-700",
249
- "lineHeight": "--cnvs-base-line-height-400",
149
+ "lineHeight": "--cnvs-base-line-height-300",
250
150
  "fontSize": "--cnvs-base-font-size-250"
251
151
  },
252
152
  "large": {
253
153
  "fontFamily": "--cnvs-base-font-family-50",
254
154
  "fontWeight": "--cnvs-base-font-weight-700",
255
- "lineHeight": "--cnvs-base-line-height-450",
155
+ "lineHeight": "--cnvs-base-line-height-350",
256
156
  "fontSize": "--cnvs-base-font-size-300"
257
157
  }
258
158
  },
@@ -260,19 +160,19 @@ exports.type = {
260
160
  "small": {
261
161
  "fontFamily": "--cnvs-base-font-family-50",
262
162
  "fontWeight": "--cnvs-base-font-weight-700",
263
- "lineHeight": "--cnvs-base-line-height-500",
163
+ "lineHeight": "--cnvs-base-line-height-400",
264
164
  "fontSize": "--cnvs-base-font-size-400"
265
165
  },
266
166
  "medium": {
267
167
  "fontFamily": "--cnvs-base-font-family-50",
268
168
  "fontWeight": "--cnvs-base-font-weight-700",
269
- "lineHeight": "--cnvs-base-line-height-600",
169
+ "lineHeight": "--cnvs-base-line-height-500",
270
170
  "fontSize": "--cnvs-base-font-size-500"
271
171
  },
272
172
  "large": {
273
173
  "fontFamily": "--cnvs-base-font-family-50",
274
174
  "fontWeight": "--cnvs-base-font-weight-700",
275
- "lineHeight": "--cnvs-base-line-height-700",
175
+ "lineHeight": "--cnvs-base-line-height-600",
276
176
  "fontSize": "--cnvs-base-font-size-600"
277
177
  }
278
178
  }