@esri/calcite-design-tokens 2.2.1-next.4 → 2.3.0-next.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 (25) hide show
  1. package/dist/css/breakpoint.css +1 -1
  2. package/dist/css/classes.css +1 -1
  3. package/dist/css/core.css +7 -7
  4. package/dist/css/dark.css +2 -1
  5. package/dist/css/global.css +11 -11
  6. package/dist/css/index.css +6 -1
  7. package/dist/css/light.css +2 -1
  8. package/dist/docs/core.json +7 -1
  9. package/dist/docs/global.json +43 -1
  10. package/dist/es6/core.d.ts +7 -1
  11. package/dist/es6/core.js +7 -7
  12. package/dist/es6/global.d.ts +12 -1
  13. package/dist/es6/global.js +12 -11
  14. package/dist/js/core.d.ts +1 -1
  15. package/dist/js/core.js +13 -1
  16. package/dist/js/global.d.ts +2 -1
  17. package/dist/js/global.js +78 -1
  18. package/dist/scss/breakpoints.scss +1 -1
  19. package/dist/scss/core.scss +7 -7
  20. package/dist/scss/dark.scss +2 -1
  21. package/dist/scss/global.scss +11 -11
  22. package/dist/scss/index.scss +3 -1
  23. package/dist/scss/light.scss +2 -1
  24. package/dist/scss/mixins.scss +1 -1
  25. package/package.json +2 -2
package/dist/css/breakpoint.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/classes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  .calcite-typography-hierarchy-overline {
package/dist/css/core.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:37 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:52 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -68,12 +68,12 @@
68
68
  --calcite-opacity-8: 0.08;
69
69
  --calcite-opacity-4: 0.04;
70
70
  --calcite-opacity-0: 0;
71
- --calcite-font-text-case-capitalize: capitalize;
72
- --calcite-font-text-case-lowercase: lowercase;
73
- --calcite-font-text-case-uppercase: uppercase;
74
- --calcite-font-text-case-none: none;
75
- --calcite-font-text-decoration-underline: underline;
76
- --calcite-font-text-decoration-none: none;
71
+ --calcite-font-text-case-capitalize: capitalize; /* Deprecated */
72
+ --calcite-font-text-case-lowercase: lowercase; /* Deprecated */
73
+ --calcite-font-text-case-uppercase: uppercase; /* Deprecated */
74
+ --calcite-font-text-case-none: none; /* Deprecated */
75
+ --calcite-font-text-decoration-underline: underline; /* Deprecated */
76
+ --calcite-font-text-decoration-none: none; /* Deprecated */
77
77
  --calcite-font-weight-heavy: 900;
78
78
  --calcite-font-weight-black: 900; /* only for Avenir Next World (secondary font family) */
79
79
  --calcite-font-weight-extrabold: 800; /* only for Avenir Next World (secondary font family) */
package/dist/css/dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -44,4 +44,5 @@
44
44
  --calcite-color-foreground-2: #202020;
45
45
  --calcite-color-foreground-1: #2b2b2b;
46
46
  --calcite-color-background: #353535;
47
+ --calcite-color-focus: #009af2;
47
48
  }
package/dist/css/global.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -41,16 +41,16 @@
41
41
  --calcite-opacity-dark: 0.85;
42
42
  --calcite-opacity-half: 0.5;
43
43
  --calcite-opacity-light: 0.4;
44
- --calcite-font-text-case-capitalize: capitalize;
45
- --calcite-font-text-case-lowercase: lowercase;
46
- --calcite-font-text-case-uppercase: uppercase;
47
- --calcite-font-text-case-none: none;
48
- --calcite-font-text-decoration-underline: underline;
49
- --calcite-font-text-decoration-none: none;
50
- --calcite-font-paragraph-spacing-normal: 4px;
51
- --calcite-font-letter-spacing-wide: 0.4;
52
- --calcite-font-letter-spacing-normal: 0;
53
- --calcite-font-letter-spacing-tight: -0.4;
44
+ --calcite-font-text-case-capitalize: capitalize; /* Deprecated */
45
+ --calcite-font-text-case-lowercase: lowercase; /* Deprecated */
46
+ --calcite-font-text-case-uppercase: uppercase; /* Deprecated */
47
+ --calcite-font-text-case-none: none; /* Deprecated */
48
+ --calcite-font-text-decoration-underline: underline; /* Deprecated */
49
+ --calcite-font-text-decoration-none: none; /* Deprecated */
50
+ --calcite-font-paragraph-spacing-normal: 4px; /* Deprecated */
51
+ --calcite-font-letter-spacing-wide: 0.4; /* Deprecated */
52
+ --calcite-font-letter-spacing-normal: 0; /* Deprecated */
53
+ --calcite-font-letter-spacing-tight: -0.4; /* Deprecated */
54
54
  --calcite-font-line-height-relative-loose: 2; /* 2 */
55
55
  --calcite-font-line-height-relative-relaxed: 1.625; /* 1.625 */
56
56
  --calcite-font-line-height-relative-normal: 1.5; /* 1.5 */
package/dist/css/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  @import url("./global.css");
@@ -46,6 +46,7 @@
46
46
  --calcite-color-foreground-2: #f3f3f3;
47
47
  --calcite-color-foreground-1: #ffffff;
48
48
  --calcite-color-background: #f8f8f8;
49
+ --calcite-color-focus: #007ac2;
49
50
  }
50
51
  @media (prefers-color-scheme: light) {
51
52
  .calcite-mode-auto {
@@ -89,6 +90,7 @@
89
90
  --calcite-color-foreground-2: #f3f3f3;
90
91
  --calcite-color-foreground-1: #ffffff;
91
92
  --calcite-color-background: #f8f8f8;
93
+ --calcite-color-focus: #007ac2;
92
94
  }
93
95
  }
94
96
  @media (prefers-color-scheme: dark) {
@@ -133,6 +135,7 @@
133
135
  --calcite-color-foreground-2: #202020;
134
136
  --calcite-color-foreground-1: #2b2b2b;
135
137
  --calcite-color-background: #353535;
138
+ --calcite-color-focus: #009af2;
136
139
  }
137
140
  }
138
141
  .calcite-mode-light {
@@ -176,6 +179,7 @@
176
179
  --calcite-color-foreground-2: #f3f3f3;
177
180
  --calcite-color-foreground-1: #ffffff;
178
181
  --calcite-color-background: #f8f8f8;
182
+ --calcite-color-focus: #007ac2;
179
183
  }
180
184
  .calcite-mode-dark {
181
185
  --calcite-color-border-white: #f8f8f8;
@@ -218,4 +222,5 @@
218
222
  --calcite-color-foreground-2: #202020;
219
223
  --calcite-color-foreground-1: #2b2b2b;
220
224
  --calcite-color-background: #353535;
225
+ --calcite-color-focus: #009af2;
221
226
  }
package/dist/css/light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -44,4 +44,5 @@
44
44
  --calcite-color-foreground-2: #f3f3f3;
45
45
  --calcite-color-foreground-1: #ffffff;
46
46
  --calcite-color-background: #f8f8f8;
47
+ --calcite-color-focus: #007ac2;
47
48
  }
package/dist/docs/core.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1726168058900,
2
+ "timestamp": 1732145513894,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "#ffffff",
@@ -8294,6 +8294,7 @@
8294
8294
  {
8295
8295
  "value": "none",
8296
8296
  "type": "textDecoration",
8297
+ "description": "Deprecated",
8297
8298
  "attributes": {
8298
8299
  "calcite-schema": {
8299
8300
  "system": "calcite",
@@ -8329,6 +8330,7 @@
8329
8330
  {
8330
8331
  "value": "underline",
8331
8332
  "type": "textDecoration",
8333
+ "description": "Deprecated",
8332
8334
  "attributes": {
8333
8335
  "calcite-schema": {
8334
8336
  "system": "calcite",
@@ -8364,6 +8366,7 @@
8364
8366
  {
8365
8367
  "value": "none",
8366
8368
  "type": "textCase",
8369
+ "description": "Deprecated",
8367
8370
  "attributes": {
8368
8371
  "calcite-schema": {
8369
8372
  "system": "calcite",
@@ -8399,6 +8402,7 @@
8399
8402
  {
8400
8403
  "value": "uppercase",
8401
8404
  "type": "textCase",
8405
+ "description": "Deprecated",
8402
8406
  "attributes": {
8403
8407
  "calcite-schema": {
8404
8408
  "system": "calcite",
@@ -8434,6 +8438,7 @@
8434
8438
  {
8435
8439
  "value": "lowercase",
8436
8440
  "type": "textCase",
8441
+ "description": "Deprecated",
8437
8442
  "attributes": {
8438
8443
  "calcite-schema": {
8439
8444
  "system": "calcite",
@@ -8469,6 +8474,7 @@
8469
8474
  {
8470
8475
  "value": "capitalize",
8471
8476
  "type": "textCase",
8477
+ "description": "Deprecated",
8472
8478
  "attributes": {
8473
8479
  "calcite-schema": {
8474
8480
  "system": "calcite",
package/dist/docs/global.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1726168061480,
2
+ "timestamp": 1732145516193,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "0",
@@ -211,6 +211,38 @@
211
211
  "name": "Color Background None",
212
212
  "path": ["semantic", "color", "background", "none"]
213
213
  },
214
+ {
215
+ "type": "color",
216
+ "value": "{\"light\":\"#007ac2\",\"dark\":\"#009af2\"}",
217
+ "attributes": {
218
+ "calcite-schema": {
219
+ "system": "calcite",
220
+ "tier": "semantic",
221
+ "domain": "",
222
+ "component": "",
223
+ "element": "",
224
+ "type": "color",
225
+ "group": "",
226
+ "kind": "",
227
+ "appearance": "",
228
+ "state": "focus",
229
+ "scale": "",
230
+ "context": "",
231
+ "mode": ""
232
+ },
233
+ "names": {
234
+ "scss": "$calcite-color-focus",
235
+ "css": "var(--calcite-color-focus)",
236
+ "js": "semantic.color.focus",
237
+ "docs": "semantic.color.focus",
238
+ "es6": "calciteColorFocus"
239
+ }
240
+ },
241
+ "filePath": "src/semantic/color.json",
242
+ "isSource": true,
243
+ "name": "Color Focus",
244
+ "path": ["semantic", "color", "focus"]
245
+ },
214
246
  {
215
247
  "value": "{\"light\":\"#ffffff\",\"dark\":\"#2b2b2b\"}",
216
248
  "type": "color",
@@ -3216,6 +3248,7 @@
3216
3248
  {
3217
3249
  "value": "-0.4",
3218
3250
  "type": "letterSpacing",
3251
+ "description": "Deprecated",
3219
3252
  "attributes": {
3220
3253
  "calcite-schema": {
3221
3254
  "system": "calcite",
@@ -3251,6 +3284,7 @@
3251
3284
  {
3252
3285
  "value": "0",
3253
3286
  "type": "letterSpacing",
3287
+ "description": "Deprecated",
3254
3288
  "attributes": {
3255
3289
  "calcite-schema": {
3256
3290
  "system": "calcite",
@@ -3286,6 +3320,7 @@
3286
3320
  {
3287
3321
  "value": "0.4",
3288
3322
  "type": "letterSpacing",
3323
+ "description": "Deprecated",
3289
3324
  "attributes": {
3290
3325
  "calcite-schema": {
3291
3326
  "system": "calcite",
@@ -3321,6 +3356,7 @@
3321
3356
  {
3322
3357
  "value": "4px",
3323
3358
  "type": "paragraphSpacing",
3359
+ "description": "Deprecated",
3324
3360
  "attributes": {
3325
3361
  "calcite-schema": {
3326
3362
  "system": "calcite",
@@ -3356,6 +3392,7 @@
3356
3392
  {
3357
3393
  "value": "none",
3358
3394
  "type": "textDecoration",
3395
+ "description": "Deprecated",
3359
3396
  "attributes": {
3360
3397
  "calcite-schema": {
3361
3398
  "system": "calcite",
@@ -3391,6 +3428,7 @@
3391
3428
  {
3392
3429
  "value": "underline",
3393
3430
  "type": "textDecoration",
3431
+ "description": "Deprecated",
3394
3432
  "attributes": {
3395
3433
  "calcite-schema": {
3396
3434
  "system": "calcite",
@@ -3426,6 +3464,7 @@
3426
3464
  {
3427
3465
  "value": "none",
3428
3466
  "type": "textCase",
3467
+ "description": "Deprecated",
3429
3468
  "attributes": {
3430
3469
  "calcite-schema": {
3431
3470
  "system": "calcite",
@@ -3461,6 +3500,7 @@
3461
3500
  {
3462
3501
  "value": "uppercase",
3463
3502
  "type": "textCase",
3503
+ "description": "Deprecated",
3464
3504
  "attributes": {
3465
3505
  "calcite-schema": {
3466
3506
  "system": "calcite",
@@ -3496,6 +3536,7 @@
3496
3536
  {
3497
3537
  "value": "lowercase",
3498
3538
  "type": "textCase",
3539
+ "description": "Deprecated",
3499
3540
  "attributes": {
3500
3541
  "calcite-schema": {
3501
3542
  "system": "calcite",
@@ -3531,6 +3572,7 @@
3531
3572
  {
3532
3573
  "value": "capitalize",
3533
3574
  "type": "textCase",
3575
+ "description": "Deprecated",
3534
3576
  "attributes": {
3535
3577
  "calcite-schema": {
3536
3578
  "system": "calcite",
package/dist/es6/core.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:39 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:54 GMT
4
4
  */
5
5
 
6
6
  export const calciteColorNeutralBlk000 : string;
@@ -253,11 +253,17 @@ export const calciteFontWeightExtrabold : string;
253
253
  /** only for Avenir Next World (secondary font family) */
254
254
  export const calciteFontWeightBlack : string;
255
255
  export const calciteFontWeightHeavy : string;
256
+ /** Deprecated */
256
257
  export const calciteFontTextDecorationNone : string;
258
+ /** Deprecated */
257
259
  export const calciteFontTextDecorationUnderline : string;
260
+ /** Deprecated */
258
261
  export const calciteFontTextCaseNone : string;
262
+ /** Deprecated */
259
263
  export const calciteFontTextCaseUppercase : string;
264
+ /** Deprecated */
260
265
  export const calciteFontTextCaseLowercase : string;
266
+ /** Deprecated */
261
267
  export const calciteFontTextCaseCapitalize : string;
262
268
  export const calciteOpacity0 : string;
263
269
  export const calciteOpacity4 : string;
package/dist/es6/core.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:39 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:54 GMT
4
4
  */
5
5
 
6
6
  export const calciteColorNeutralBlk000 = "#ffffff";
@@ -240,12 +240,12 @@ export const calciteFontWeightBold = "700";
240
240
  export const calciteFontWeightExtrabold = "800"; // only for Avenir Next World (secondary font family)
241
241
  export const calciteFontWeightBlack = "900"; // only for Avenir Next World (secondary font family)
242
242
  export const calciteFontWeightHeavy = "900";
243
- export const calciteFontTextDecorationNone = "none";
244
- export const calciteFontTextDecorationUnderline = "underline";
245
- export const calciteFontTextCaseNone = "none";
246
- export const calciteFontTextCaseUppercase = "uppercase";
247
- export const calciteFontTextCaseLowercase = "lowercase";
248
- export const calciteFontTextCaseCapitalize = "capitalize";
243
+ export const calciteFontTextDecorationNone = "none"; // Deprecated
244
+ export const calciteFontTextDecorationUnderline = "underline"; // Deprecated
245
+ export const calciteFontTextCaseNone = "none"; // Deprecated
246
+ export const calciteFontTextCaseUppercase = "uppercase"; // Deprecated
247
+ export const calciteFontTextCaseLowercase = "lowercase"; // Deprecated
248
+ export const calciteFontTextCaseCapitalize = "capitalize"; // Deprecated
249
249
  export const calciteOpacity0 = "0";
250
250
  export const calciteOpacity4 = "0.04";
251
251
  export const calciteOpacity8 = "0.08";
package/dist/es6/global.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:41 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:56 GMT
4
4
  */
5
5
 
6
6
  export const calciteBorderWidthNone : string;
@@ -9,6 +9,7 @@ export const calciteBorderWidthMd : string;
9
9
  export const calciteBorderWidthLg : string;
10
10
  export const calciteColorBackground : { light: string, dark: string };
11
11
  export const calciteColorBackgroundNone : string;
12
+ export const calciteColorFocus : { light: string, dark: string };
12
13
  export const calciteColorForeground1 : { light: string, dark: string };
13
14
  export const calciteColorForeground2 : { light: string, dark: string };
14
15
  export const calciteColorForeground3 : { light: string, dark: string };
@@ -119,15 +120,25 @@ export const calciteFontLineHeightRelativeNormal : string;
119
120
  export const calciteFontLineHeightRelativeRelaxed : string;
120
121
  /** 2 */
121
122
  export const calciteFontLineHeightRelativeLoose : string;
123
+ /** Deprecated */
122
124
  export const calciteFontLetterSpacingTight : string;
125
+ /** Deprecated */
123
126
  export const calciteFontLetterSpacingNormal : string;
127
+ /** Deprecated */
124
128
  export const calciteFontLetterSpacingWide : string;
129
+ /** Deprecated */
125
130
  export const calciteFontParagraphSpacingNormal : string;
131
+ /** Deprecated */
126
132
  export const calciteFontTextDecorationNone : string;
133
+ /** Deprecated */
127
134
  export const calciteFontTextDecorationUnderline : string;
135
+ /** Deprecated */
128
136
  export const calciteFontTextCaseNone : string;
137
+ /** Deprecated */
129
138
  export const calciteFontTextCaseUppercase : string;
139
+ /** Deprecated */
130
140
  export const calciteFontTextCaseLowercase : string;
141
+ /** Deprecated */
131
142
  export const calciteFontTextCaseCapitalize : string;
132
143
  export const calciteOpacityLight : string;
133
144
  export const calciteOpacityHalf : string;
package/dist/es6/global.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:41 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:56 GMT
4
4
  */
5
5
 
6
6
  export const calciteBorderWidthNone = "0";
@@ -9,6 +9,7 @@ export const calciteBorderWidthMd = "2px";
9
9
  export const calciteBorderWidthLg = "4px";
10
10
  export const calciteColorBackground = {"light":"#f8f8f8","dark":"#353535"};
11
11
  export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
12
+ export const calciteColorFocus = {"light":"#007ac2","dark":"#009af2"};
12
13
  export const calciteColorForeground1 = {"light":"#ffffff","dark":"#2b2b2b"};
13
14
  export const calciteColorForeground2 = {"light":"#f3f3f3","dark":"#202020"};
14
15
  export const calciteColorForeground3 = {"light":"#eaeaea","dark":"#151515"};
@@ -94,16 +95,16 @@ export const calciteFontLineHeightRelativeSnug = "137.5%"; // 1.375
94
95
  export const calciteFontLineHeightRelativeNormal = "150%"; // 1.5
95
96
  export const calciteFontLineHeightRelativeRelaxed = "162.5%"; // 1.625
96
97
  export const calciteFontLineHeightRelativeLoose = "200%"; // 2
97
- export const calciteFontLetterSpacingTight = "-0.4";
98
- export const calciteFontLetterSpacingNormal = "0";
99
- export const calciteFontLetterSpacingWide = "0.4";
100
- export const calciteFontParagraphSpacingNormal = "4px";
101
- export const calciteFontTextDecorationNone = "none";
102
- export const calciteFontTextDecorationUnderline = "underline";
103
- export const calciteFontTextCaseNone = "none";
104
- export const calciteFontTextCaseUppercase = "uppercase";
105
- export const calciteFontTextCaseLowercase = "lowercase";
106
- export const calciteFontTextCaseCapitalize = "capitalize";
98
+ export const calciteFontLetterSpacingTight = "-0.4"; // Deprecated
99
+ export const calciteFontLetterSpacingNormal = "0"; // Deprecated
100
+ export const calciteFontLetterSpacingWide = "0.4"; // Deprecated
101
+ export const calciteFontParagraphSpacingNormal = "4px"; // Deprecated
102
+ export const calciteFontTextDecorationNone = "none"; // Deprecated
103
+ export const calciteFontTextDecorationUnderline = "underline"; // Deprecated
104
+ export const calciteFontTextCaseNone = "none"; // Deprecated
105
+ export const calciteFontTextCaseUppercase = "uppercase"; // Deprecated
106
+ export const calciteFontTextCaseLowercase = "lowercase"; // Deprecated
107
+ export const calciteFontTextCaseCapitalize = "capitalize"; // Deprecated
107
108
  export const calciteOpacityLight = "0.4";
108
109
  export const calciteOpacityHalf = "0.5";
109
110
  export const calciteOpacityDark = "0.85";
package/dist/js/core.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:38 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:53 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
package/dist/js/core.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:37 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:52 GMT
4
4
  */
5
5
 
6
6
  export default {
@@ -14590,6 +14590,7 @@ export default {
14590
14590
  none: {
14591
14591
  value: "none",
14592
14592
  type: "textDecoration",
14593
+ description: "Deprecated",
14593
14594
  attributes: {
14594
14595
  "calcite-schema": {
14595
14596
  system: "calcite",
@@ -14623,6 +14624,7 @@ export default {
14623
14624
  original: {
14624
14625
  value: "none",
14625
14626
  type: "textDecoration",
14627
+ description: "Deprecated",
14626
14628
  attributes: {
14627
14629
  "calcite-schema": {
14628
14630
  system: "calcite",
@@ -14650,6 +14652,7 @@ export default {
14650
14652
  underline: {
14651
14653
  value: "underline",
14652
14654
  type: "textDecoration",
14655
+ description: "Deprecated",
14653
14656
  attributes: {
14654
14657
  "calcite-schema": {
14655
14658
  system: "calcite",
@@ -14683,6 +14686,7 @@ export default {
14683
14686
  original: {
14684
14687
  value: "underline",
14685
14688
  type: "textDecoration",
14689
+ description: "Deprecated",
14686
14690
  attributes: {
14687
14691
  "calcite-schema": {
14688
14692
  system: "calcite",
@@ -14712,6 +14716,7 @@ export default {
14712
14716
  none: {
14713
14717
  value: "none",
14714
14718
  type: "textCase",
14719
+ description: "Deprecated",
14715
14720
  attributes: {
14716
14721
  "calcite-schema": {
14717
14722
  system: "calcite",
@@ -14745,6 +14750,7 @@ export default {
14745
14750
  original: {
14746
14751
  value: "none",
14747
14752
  type: "textCase",
14753
+ description: "Deprecated",
14748
14754
  attributes: {
14749
14755
  "calcite-schema": {
14750
14756
  system: "calcite",
@@ -14772,6 +14778,7 @@ export default {
14772
14778
  uppercase: {
14773
14779
  value: "uppercase",
14774
14780
  type: "textCase",
14781
+ description: "Deprecated",
14775
14782
  attributes: {
14776
14783
  "calcite-schema": {
14777
14784
  system: "calcite",
@@ -14805,6 +14812,7 @@ export default {
14805
14812
  original: {
14806
14813
  value: "uppercase",
14807
14814
  type: "textCase",
14815
+ description: "Deprecated",
14808
14816
  attributes: {
14809
14817
  "calcite-schema": {
14810
14818
  system: "calcite",
@@ -14832,6 +14840,7 @@ export default {
14832
14840
  lowercase: {
14833
14841
  value: "lowercase",
14834
14842
  type: "textCase",
14843
+ description: "Deprecated",
14835
14844
  attributes: {
14836
14845
  "calcite-schema": {
14837
14846
  system: "calcite",
@@ -14865,6 +14874,7 @@ export default {
14865
14874
  original: {
14866
14875
  value: "lowercase",
14867
14876
  type: "textCase",
14877
+ description: "Deprecated",
14868
14878
  attributes: {
14869
14879
  "calcite-schema": {
14870
14880
  system: "calcite",
@@ -14892,6 +14902,7 @@ export default {
14892
14902
  capitalize: {
14893
14903
  value: "capitalize",
14894
14904
  type: "textCase",
14905
+ description: "Deprecated",
14895
14906
  attributes: {
14896
14907
  "calcite-schema": {
14897
14908
  system: "calcite",
@@ -14925,6 +14936,7 @@ export default {
14925
14936
  original: {
14926
14937
  value: "capitalize",
14927
14938
  type: "textCase",
14939
+ description: "Deprecated",
14928
14940
  attributes: {
14929
14941
  "calcite-schema": {
14930
14942
  system: "calcite",
package/dist/js/global.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:41 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:56 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -36,6 +36,7 @@ declare const tokens: {
36
36
  "default": DesignToken,
37
37
  "none": DesignToken
38
38
  },
39
+ "focus": DesignToken,
39
40
  "foreground": {
40
41
  "1": DesignToken,
41
42
  "2": DesignToken,
package/dist/js/global.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  export default {
@@ -378,6 +378,63 @@ export default {
378
378
  path: ["semantic", "color", "background", "none"],
379
379
  },
380
380
  },
381
+ focus: {
382
+ type: "color",
383
+ value: {
384
+ light: "#007ac2",
385
+ dark: "#009af2",
386
+ },
387
+ attributes: {
388
+ "calcite-schema": {
389
+ system: "calcite",
390
+ tier: "semantic",
391
+ domain: "",
392
+ component: "",
393
+ element: "",
394
+ type: "color",
395
+ group: "",
396
+ kind: "",
397
+ appearance: "",
398
+ state: "focus",
399
+ scale: "",
400
+ context: "",
401
+ mode: "",
402
+ },
403
+ names: {
404
+ scss: "$calcite-color-focus",
405
+ css: "var(--calcite-color-focus)",
406
+ js: "semantic.color.focus",
407
+ docs: "semantic.color.focus",
408
+ es6: "calciteColorFocus",
409
+ },
410
+ },
411
+ filePath:
412
+ "/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/color.json",
413
+ isSource: true,
414
+ original: {
415
+ type: "color",
416
+ value: "{semantic.color.brand.default.default}",
417
+ attributes: {
418
+ "calcite-schema": {
419
+ system: "calcite",
420
+ tier: "semantic",
421
+ domain: "",
422
+ component: "",
423
+ element: "",
424
+ type: "color",
425
+ group: "",
426
+ kind: "",
427
+ appearance: "",
428
+ state: "focus",
429
+ scale: "",
430
+ context: "",
431
+ mode: "",
432
+ },
433
+ },
434
+ },
435
+ name: "Color Focus",
436
+ path: ["semantic", "color", "focus"],
437
+ },
381
438
  foreground: {
382
439
  1: {
383
440
  value: {
@@ -5912,6 +5969,7 @@ export default {
5912
5969
  tight: {
5913
5970
  value: "-0.4",
5914
5971
  type: "letterSpacing",
5972
+ description: "Deprecated",
5915
5973
  attributes: {
5916
5974
  "calcite-schema": {
5917
5975
  system: "calcite",
@@ -5945,6 +6003,7 @@ export default {
5945
6003
  original: {
5946
6004
  value: "{core.size.default.none} - .4 ",
5947
6005
  type: "letterSpacing",
6006
+ description: "Deprecated",
5948
6007
  attributes: {
5949
6008
  "calcite-schema": {
5950
6009
  system: "calcite",
@@ -5972,6 +6031,7 @@ export default {
5972
6031
  normal: {
5973
6032
  value: "0",
5974
6033
  type: "letterSpacing",
6034
+ description: "Deprecated",
5975
6035
  attributes: {
5976
6036
  "calcite-schema": {
5977
6037
  system: "calcite",
@@ -6005,6 +6065,7 @@ export default {
6005
6065
  original: {
6006
6066
  value: "{core.size.default.none}",
6007
6067
  type: "letterSpacing",
6068
+ description: "Deprecated",
6008
6069
  attributes: {
6009
6070
  "calcite-schema": {
6010
6071
  system: "calcite",
@@ -6032,6 +6093,7 @@ export default {
6032
6093
  wide: {
6033
6094
  value: "0.4",
6034
6095
  type: "letterSpacing",
6096
+ description: "Deprecated",
6035
6097
  attributes: {
6036
6098
  "calcite-schema": {
6037
6099
  system: "calcite",
@@ -6065,6 +6127,7 @@ export default {
6065
6127
  original: {
6066
6128
  value: "{core.size.default.none} + .4 ",
6067
6129
  type: "letterSpacing",
6130
+ description: "Deprecated",
6068
6131
  attributes: {
6069
6132
  "calcite-schema": {
6070
6133
  system: "calcite",
@@ -6094,6 +6157,7 @@ export default {
6094
6157
  normal: {
6095
6158
  value: "4px",
6096
6159
  type: "paragraphSpacing",
6160
+ description: "Deprecated",
6097
6161
  attributes: {
6098
6162
  "calcite-schema": {
6099
6163
  system: "calcite",
@@ -6127,6 +6191,7 @@ export default {
6127
6191
  original: {
6128
6192
  value: "{core.size.default.4}",
6129
6193
  type: "paragraphSpacing",
6194
+ description: "Deprecated",
6130
6195
  attributes: {
6131
6196
  "calcite-schema": {
6132
6197
  system: "calcite",
@@ -6156,6 +6221,7 @@ export default {
6156
6221
  none: {
6157
6222
  value: "none",
6158
6223
  type: "textDecoration",
6224
+ description: "Deprecated",
6159
6225
  attributes: {
6160
6226
  "calcite-schema": {
6161
6227
  system: "calcite",
@@ -6189,6 +6255,7 @@ export default {
6189
6255
  original: {
6190
6256
  value: "{core.font.text-decoration.none}",
6191
6257
  type: "textDecoration",
6258
+ description: "Deprecated",
6192
6259
  attributes: {
6193
6260
  "calcite-schema": {
6194
6261
  system: "calcite",
@@ -6216,6 +6283,7 @@ export default {
6216
6283
  underline: {
6217
6284
  value: "underline",
6218
6285
  type: "textDecoration",
6286
+ description: "Deprecated",
6219
6287
  attributes: {
6220
6288
  "calcite-schema": {
6221
6289
  system: "calcite",
@@ -6249,6 +6317,7 @@ export default {
6249
6317
  original: {
6250
6318
  value: "{core.font.text-decoration.underline}",
6251
6319
  type: "textDecoration",
6320
+ description: "Deprecated",
6252
6321
  attributes: {
6253
6322
  "calcite-schema": {
6254
6323
  system: "calcite",
@@ -6278,6 +6347,7 @@ export default {
6278
6347
  none: {
6279
6348
  value: "none",
6280
6349
  type: "textCase",
6350
+ description: "Deprecated",
6281
6351
  attributes: {
6282
6352
  "calcite-schema": {
6283
6353
  system: "calcite",
@@ -6311,6 +6381,7 @@ export default {
6311
6381
  original: {
6312
6382
  value: "{core.font.text-case.none}",
6313
6383
  type: "textCase",
6384
+ description: "Deprecated",
6314
6385
  attributes: {
6315
6386
  "calcite-schema": {
6316
6387
  system: "calcite",
@@ -6338,6 +6409,7 @@ export default {
6338
6409
  uppercase: {
6339
6410
  value: "uppercase",
6340
6411
  type: "textCase",
6412
+ description: "Deprecated",
6341
6413
  attributes: {
6342
6414
  "calcite-schema": {
6343
6415
  system: "calcite",
@@ -6371,6 +6443,7 @@ export default {
6371
6443
  original: {
6372
6444
  value: "{core.font.text-case.uppercase}",
6373
6445
  type: "textCase",
6446
+ description: "Deprecated",
6374
6447
  attributes: {
6375
6448
  "calcite-schema": {
6376
6449
  system: "calcite",
@@ -6398,6 +6471,7 @@ export default {
6398
6471
  lowercase: {
6399
6472
  value: "lowercase",
6400
6473
  type: "textCase",
6474
+ description: "Deprecated",
6401
6475
  attributes: {
6402
6476
  "calcite-schema": {
6403
6477
  system: "calcite",
@@ -6431,6 +6505,7 @@ export default {
6431
6505
  original: {
6432
6506
  value: "{core.font.text-case.lowercase}",
6433
6507
  type: "textCase",
6508
+ description: "Deprecated",
6434
6509
  attributes: {
6435
6510
  "calcite-schema": {
6436
6511
  system: "calcite",
@@ -6458,6 +6533,7 @@ export default {
6458
6533
  capitalize: {
6459
6534
  value: "capitalize",
6460
6535
  type: "textCase",
6536
+ description: "Deprecated",
6461
6537
  attributes: {
6462
6538
  "calcite-schema": {
6463
6539
  system: "calcite",
@@ -6491,6 +6567,7 @@ export default {
6491
6567
  original: {
6492
6568
  value: "{core.font.text-case.capitalize}",
6493
6569
  type: "textCase",
6570
+ description: "Deprecated",
6494
6571
  attributes: {
6495
6572
  "calcite-schema": {
6496
6573
  system: "calcite",
package/dist/scss/breakpoints.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  $calcite-container-size-width-xl-min: 1441px; // Projectors and televisions$calcite-container-size-width-lg-min: 1153px; // Large laptops and desktop computers
package/dist/scss/core.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:37 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:52 GMT
4
4
  */
5
5
 
6
6
  $calcite-z-index-9: 900;
@@ -67,12 +67,12 @@ $calcite-opacity-10: 0.1;
67
67
  $calcite-opacity-8: 0.08;
68
68
  $calcite-opacity-4: 0.04;
69
69
  $calcite-opacity-0: 0;
70
- $calcite-font-text-case-capitalize: capitalize;
71
- $calcite-font-text-case-lowercase: lowercase;
72
- $calcite-font-text-case-uppercase: uppercase;
73
- $calcite-font-text-case-none: none;
74
- $calcite-font-text-decoration-underline: underline;
75
- $calcite-font-text-decoration-none: none;
70
+ $calcite-font-text-case-capitalize: capitalize; // Deprecated
71
+ $calcite-font-text-case-lowercase: lowercase; // Deprecated
72
+ $calcite-font-text-case-uppercase: uppercase; // Deprecated
73
+ $calcite-font-text-case-none: none; // Deprecated
74
+ $calcite-font-text-decoration-underline: underline; // Deprecated
75
+ $calcite-font-text-decoration-none: none; // Deprecated
76
76
  $calcite-font-weight-heavy: 900;
77
77
  $calcite-font-weight-black: 900; // only for Avenir Next World (secondary font family)
78
78
  $calcite-font-weight-extrabold: 800; // only for Avenir Next World (secondary font family)
package/dist/scss/dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  $calcite-color-border-white: #f8f8f8;
@@ -43,3 +43,4 @@ $calcite-color-foreground-3: #151515;
43
43
  $calcite-color-foreground-2: #202020;
44
44
  $calcite-color-foreground-1: #2b2b2b;
45
45
  $calcite-color-background: #353535;
46
+ $calcite-color-focus: #009af2;
package/dist/scss/global.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  $calcite-z-index-tooltip: 901;
@@ -40,16 +40,16 @@ $calcite-opacity-full: 1;
40
40
  $calcite-opacity-dark: 0.85;
41
41
  $calcite-opacity-half: 0.5;
42
42
  $calcite-opacity-light: 0.4;
43
- $calcite-font-text-case-capitalize: capitalize;
44
- $calcite-font-text-case-lowercase: lowercase;
45
- $calcite-font-text-case-uppercase: uppercase;
46
- $calcite-font-text-case-none: none;
47
- $calcite-font-text-decoration-underline: underline;
48
- $calcite-font-text-decoration-none: none;
49
- $calcite-font-paragraph-spacing-normal: 4px;
50
- $calcite-font-letter-spacing-wide: 0.4;
51
- $calcite-font-letter-spacing-normal: 0;
52
- $calcite-font-letter-spacing-tight: -0.4;
43
+ $calcite-font-text-case-capitalize: capitalize; // Deprecated
44
+ $calcite-font-text-case-lowercase: lowercase; // Deprecated
45
+ $calcite-font-text-case-uppercase: uppercase; // Deprecated
46
+ $calcite-font-text-case-none: none; // Deprecated
47
+ $calcite-font-text-decoration-underline: underline; // Deprecated
48
+ $calcite-font-text-decoration-none: none; // Deprecated
49
+ $calcite-font-paragraph-spacing-normal: 4px; // Deprecated
50
+ $calcite-font-letter-spacing-wide: 0.4; // Deprecated
51
+ $calcite-font-letter-spacing-normal: 0; // Deprecated
52
+ $calcite-font-letter-spacing-tight: -0.4; // Deprecated
53
53
  $calcite-font-line-height-relative-loose: 2; // 2
54
54
  $calcite-font-line-height-relative-relaxed: 1.625; // 1.625
55
55
  $calcite-font-line-height-relative-normal: 1.5; // 1.5
package/dist/scss/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  @import "./global.scss";
@@ -47,6 +47,7 @@
47
47
  --calcite-color-foreground-2: #f3f3f3;
48
48
  --calcite-color-foreground-1: #ffffff;
49
49
  --calcite-color-background: #f8f8f8;
50
+ --calcite-color-focus: #007ac2;
50
51
  }
51
52
  @mixin calcite-mode-dark {
52
53
  --calcite-color-border-white: #f8f8f8;
@@ -89,4 +90,5 @@
89
90
  --calcite-color-foreground-2: #202020;
90
91
  --calcite-color-foreground-1: #2b2b2b;
91
92
  --calcite-color-background: #353535;
93
+ --calcite-color-focus: #009af2;
92
94
  }
package/dist/scss/light.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  $calcite-color-border-white: #ffffff;
@@ -43,3 +43,4 @@ $calcite-color-foreground-3: #eaeaea;
43
43
  $calcite-color-foreground-2: #f3f3f3;
44
44
  $calcite-color-foreground-1: #ffffff;
45
45
  $calcite-color-background: #f8f8f8;
46
+ $calcite-color-focus: #007ac2;
package/dist/scss/mixins.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 12 Sep 2024 19:07:40 GMT
3
+ * Generated on Wed, 20 Nov 2024 23:31:55 GMT
4
4
  */
5
5
 
6
6
  @mixin calcite-typography-hierarchy-overline {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-design-tokens",
3
- "version": "2.2.1-next.4",
3
+ "version": "2.3.0-next.1",
4
4
  "description": "Esri's Calcite Design System Tokens",
5
5
  "keywords": [
6
6
  "Calcite",
@@ -42,5 +42,5 @@
42
42
  "volta": {
43
43
  "extends": "../../package.json"
44
44
  },
45
- "gitHead": "ec6821fdf6d75c327624645f12184ba3d1dd55db"
45
+ "gitHead": "87162937e12d12526dcd052ef39d589a1ed6abf1"
46
46
  }