@esri/calcite-design-tokens 2.0.0-rc.0 → 2.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 (25) hide show
  1. package/dist/css/breakpoint.css +1 -1
  2. package/dist/css/classes.css +25 -25
  3. package/dist/css/core.css +82 -115
  4. package/dist/css/dark.css +27 -25
  5. package/dist/css/global.css +29 -36
  6. package/dist/css/index.css +105 -97
  7. package/dist/css/light.css +27 -25
  8. package/dist/docs/core.json +8134 -0
  9. package/dist/docs/global.json +6617 -0
  10. package/dist/es6/core.d.ts +286 -319
  11. package/dist/es6/core.js +287 -320
  12. package/dist/es6/global.d.ts +101 -106
  13. package/dist/es6/global.js +116 -121
  14. package/dist/js/core.d.ts +98 -143
  15. package/dist/js/core.js +5442 -6029
  16. package/dist/js/global.d.ts +65 -66
  17. package/dist/js/global.js +2173 -2081
  18. package/dist/scss/breakpoints.scss +1 -1
  19. package/dist/scss/core.scss +82 -115
  20. package/dist/scss/dark.scss +27 -25
  21. package/dist/scss/global.scss +94 -0
  22. package/dist/scss/index.scss +53 -49
  23. package/dist/scss/light.scss +27 -25
  24. package/dist/scss/mixins.scss +24 -24
  25. package/package.json +5 -26
package/dist/scss/mixins.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
3
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
4
4
  */
5
5
 
6
6
  @mixin calcite-typography-hierarchy-overline {
@@ -9,13 +9,13 @@
9
9
  font-weight: var(--calcite-font-weight-bold);
10
10
  }
11
11
 
12
- @mixin calcite-typography-wrap-bold--1 {
12
+ @mixin calcite-typography-wrap-bold-minus-1 {
13
13
  @include calcite-typography;
14
14
  font-weight: var(--calcite-font-weight-semibold);
15
15
  line-height: var(--calcite-font-line-height-relative-snug);
16
16
  }
17
17
 
18
- @mixin calcite-typography-wrap-bold--2 {
18
+ @mixin calcite-typography-wrap-bold-minus-2 {
19
19
  @include calcite-typography;
20
20
  font-weight: var(--calcite-font-weight-semibold);
21
21
  line-height: var(--calcite-font-line-height-relative-snug);
@@ -50,13 +50,13 @@
50
50
  font-size: var(--calcite-font-size-md);
51
51
  }
52
52
 
53
- @mixin calcite-typography-wrap-medium--1 {
53
+ @mixin calcite-typography-wrap-medium-minus-1 {
54
54
  @include calcite-typography;
55
55
  font-weight: var(--calcite-font-weight-medium);
56
56
  line-height: var(--calcite-font-line-height-relative-snug);
57
57
  }
58
58
 
59
- @mixin calcite-typography-wrap-medium--2 {
59
+ @mixin calcite-typography-wrap-medium-minus-2 {
60
60
  @include calcite-typography;
61
61
  font-weight: var(--calcite-font-weight-medium);
62
62
  line-height: var(--calcite-font-line-height-relative-snug);
@@ -91,12 +91,12 @@
91
91
  font-size: var(--calcite-font-size-md);
92
92
  }
93
93
 
94
- @mixin calcite-typography-wrap-regular--1 {
94
+ @mixin calcite-typography-wrap-regular-minus-1 {
95
95
  @include calcite-typography;
96
96
  line-height: var(--calcite-font-line-height-relative-snug);
97
97
  }
98
98
 
99
- @mixin calcite-typography-wrap-regular--2 {
99
+ @mixin calcite-typography-wrap-regular-minus-2 {
100
100
  @include calcite-typography;
101
101
  line-height: var(--calcite-font-line-height-relative-snug);
102
102
  font-size: var(--calcite-font-size-sm);
@@ -126,13 +126,13 @@
126
126
  font-size: var(--calcite-font-size-md);
127
127
  }
128
128
 
129
- @mixin calcite-typography-wrap-light--1 {
129
+ @mixin calcite-typography-wrap-light-minus-1 {
130
130
  @include calcite-typography;
131
131
  font-weight: var(--calcite-font-weight-light);
132
132
  line-height: var(--calcite-font-line-height-relative-snug);
133
133
  }
134
134
 
135
- @mixin calcite-typography-wrap-light--2 {
135
+ @mixin calcite-typography-wrap-light-minus-2 {
136
136
  @include calcite-typography;
137
137
  font-weight: var(--calcite-font-weight-light);
138
138
  line-height: var(--calcite-font-line-height-relative-snug);
@@ -181,18 +181,18 @@
181
181
  font-size: var(--calcite-font-size-md);
182
182
  }
183
183
 
184
- @mixin calcite-typography-bold--1h {
184
+ @mixin calcite-typography-bold-minus-1h {
185
185
  @include calcite-typography;
186
186
  font-weight: var(--calcite-font-weight-semibold);
187
187
  }
188
188
 
189
- @mixin calcite-typography-bold--2h {
189
+ @mixin calcite-typography-bold-minus-2h {
190
190
  @include calcite-typography;
191
191
  font-weight: var(--calcite-font-weight-semibold);
192
192
  font-size: var(--calcite-font-size-sm);
193
193
  }
194
194
 
195
- @mixin calcite-typography-bold--3h {
195
+ @mixin calcite-typography-bold-minus-3h {
196
196
  @include calcite-typography;
197
197
  font-weight: var(--calcite-font-weight-semibold);
198
198
  line-height: var(--calcite-font-line-height-fixed-sm);
@@ -213,18 +213,18 @@
213
213
  font-size: var(--calcite-font-size-md);
214
214
  }
215
215
 
216
- @mixin calcite-typography-medium--1h {
216
+ @mixin calcite-typography-medium-minus-1h {
217
217
  @include calcite-typography;
218
218
  font-weight: var(--calcite-font-weight-medium);
219
219
  }
220
220
 
221
- @mixin calcite-typography-medium--2h {
221
+ @mixin calcite-typography-medium-minus-2h {
222
222
  @include calcite-typography;
223
223
  font-weight: var(--calcite-font-weight-medium);
224
224
  font-size: var(--calcite-font-size-sm);
225
225
  }
226
226
 
227
- @mixin calcite-typography-medium--3h {
227
+ @mixin calcite-typography-medium-minus-3h {
228
228
  @include calcite-typography;
229
229
  font-weight: var(--calcite-font-weight-medium);
230
230
  line-height: var(--calcite-font-line-height-fixed-sm);
@@ -243,12 +243,12 @@
243
243
  font-size: var(--calcite-font-size-md);
244
244
  }
245
245
 
246
- @mixin calcite-typography-regular--2h {
246
+ @mixin calcite-typography-regular-minus-2h {
247
247
  @include calcite-typography;
248
248
  font-size: var(--calcite-font-size-sm);
249
249
  }
250
250
 
251
- @mixin calcite-typography-regular--3h {
251
+ @mixin calcite-typography-regular-minus-3h {
252
252
  @include calcite-typography;
253
253
  line-height: var(--calcite-font-line-height-fixed-sm);
254
254
  font-size: var(--calcite-font-size-xs);
@@ -268,18 +268,18 @@
268
268
  line-height: var(--calcite-font-line-height-fixed-lg);
269
269
  }
270
270
 
271
- @mixin calcite-typography-light--1h {
271
+ @mixin calcite-typography-light-minus-1h {
272
272
  @include calcite-typography;
273
273
  font-weight: var(--calcite-font-weight-light);
274
274
  }
275
275
 
276
- @mixin calcite-typography-light--2h {
276
+ @mixin calcite-typography-light-minus-2h {
277
277
  @include calcite-typography;
278
278
  font-size: var(--calcite-font-size-sm);
279
279
  font-weight: var(--calcite-font-weight-light);
280
280
  }
281
281
 
282
- @mixin calcite-typography-light--3h {
282
+ @mixin calcite-typography-light-minus-3h {
283
283
  @include calcite-typography;
284
284
  font-size: var(--calcite-font-size-xs);
285
285
  font-weight: var(--calcite-font-weight-light);
@@ -298,7 +298,7 @@
298
298
  }
299
299
 
300
300
  @mixin calcite-typography-hierarchy-caption {
301
- @include calcite-typography-wrap-regular--2;
301
+ @include calcite-typography-wrap-regular-minus-2;
302
302
  }
303
303
 
304
304
  @mixin calcite-typography-hierarchy-body {
@@ -306,11 +306,11 @@
306
306
  }
307
307
 
308
308
  @mixin calcite-typography-hierarchy-body-snug {
309
- @include calcite-typography-wrap-regular--1;
309
+ @include calcite-typography-wrap-regular-minus-1;
310
310
  }
311
311
 
312
312
  @mixin calcite-typography-hierarchy-heading-5 {
313
- @include calcite-typography-wrap-medium--1;
313
+ @include calcite-typography-wrap-medium-minus-1;
314
314
  }
315
315
 
316
316
  @mixin calcite-typography-hierarchy-heading-4 {
@@ -337,6 +337,6 @@
337
337
  @include calcite-typography-wrap-bold-3;
338
338
  }
339
339
 
340
- @mixin calcite-typography-regular--1h {
340
+ @mixin calcite-typography-regular-minus-1h {
341
341
  @include calcite-typography;
342
342
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-design-tokens",
3
- "version": "2.0.0-rc.0",
3
+ "version": "2.0.0",
4
4
  "description": "Esri's Calcite Design System Tokens",
5
5
  "keywords": [
6
6
  "Calcite",
@@ -9,31 +9,10 @@
9
9
  "tokens"
10
10
  ],
11
11
  "type": "module",
12
- "main": "./dist/js/global.js",
13
- "types": "./dist/js/global.d.ts",
12
+ "main": "./dist/es6/global.js",
13
+ "types": "./dist/es6/global.d.ts",
14
14
  "files": [
15
- "./dist/css/global.css",
16
- "./dist/css/breakpoint.css",
17
- "./dist/css/classes.css",
18
- "./dist/css/core.css",
19
- "./dist/css/light.css",
20
- "./dist/css/dark.css",
21
- "./dist/css/index.css",
22
- "./dist/css/global.css",
23
- "./dist/scss/breakpoints.scss",
24
- "./dist/scss/mixins.scss",
25
- "./dist/scss/core.scss",
26
- "./dist/scss/light.scss",
27
- "./dist/scss/dark.scss",
28
- "./dist/scss/index.scss",
29
- "./dist/es6/core.js",
30
- "./dist/es6/core.d.ts",
31
- "./dist/es6/global.js",
32
- "./dist/es6/global.d.ts",
33
- "./dist/js/core.d.ts",
34
- "./dist/js/core.js",
35
- "./dist/js/global.d.ts",
36
- "./dist/js/global.js"
15
+ "./dist/**/*"
37
16
  ],
38
17
  "repository": {
39
18
  "type": "git",
@@ -54,5 +33,5 @@
54
33
  "lint": "concurrently npm:lint:*",
55
34
  "test": "jest"
56
35
  },
57
- "gitHead": "6e3a5ad15833b8c42ecb46b3d5ce9d4a69770289"
36
+ "gitHead": "6cc9a6deebf4ef1a09e4cc58fd481c6d5a893204"
58
37
  }