@esri/calcite-design-tokens 2.2.1-next.4 → 2.3.0-next.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 +1 -1
  3. package/dist/css/core.css +1 -1
  4. package/dist/css/dark.css +2 -1
  5. package/dist/css/global.css +1 -1
  6. package/dist/css/index.css +6 -1
  7. package/dist/css/light.css +2 -1
  8. package/dist/docs/core.json +1 -1
  9. package/dist/docs/global.json +33 -1
  10. package/dist/es6/core.d.ts +1 -1
  11. package/dist/es6/core.js +1 -1
  12. package/dist/es6/global.d.ts +2 -1
  13. package/dist/es6/global.js +2 -1
  14. package/dist/js/core.d.ts +1 -1
  15. package/dist/js/core.js +1 -1
  16. package/dist/js/global.d.ts +2 -1
  17. package/dist/js/global.js +58 -1
  18. package/dist/scss/breakpoints.scss +1 -1
  19. package/dist/scss/core.scss +1 -1
  20. package/dist/scss/dark.scss +2 -1
  21. package/dist/scss/global.scss +1 -1
  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 Thu, 31 Oct 2024 19:18:29 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 Thu, 31 Oct 2024 19:18:29 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 Thu, 31 Oct 2024 19:18:26 GMT
4
4
  */
5
5
 
6
6
  :root {
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 Thu, 31 Oct 2024 19:18:29 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 Thu, 31 Oct 2024 19:18:29 GMT
4
4
  */
5
5
 
6
6
  :root {
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 Thu, 31 Oct 2024 19:18:29 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 Thu, 31 Oct 2024 19:18:29 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": 1730402307916,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "#ffffff",
package/dist/docs/global.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1726168061480,
2
+ "timestamp": 1730402310503,
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",
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 Thu, 31 Oct 2024 19:18:28 GMT
4
4
  */
5
5
 
6
6
  export const calciteColorNeutralBlk000 : 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 Thu, 31 Oct 2024 19:18:28 GMT
4
4
  */
5
5
 
6
6
  export const calciteColorNeutralBlk000 = "#ffffff";
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 Thu, 31 Oct 2024 19:18:30 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 };
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 Thu, 31 Oct 2024 19:18:30 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"};
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 Thu, 31 Oct 2024 19:18:27 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 Thu, 31 Oct 2024 19:18:26 GMT
4
4
  */
5
5
 
6
6
  export default {
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 Thu, 31 Oct 2024 19:18:30 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 Thu, 31 Oct 2024 19:18:29 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: {
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 Thu, 31 Oct 2024 19:18:29 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 Thu, 31 Oct 2024 19:18:26 GMT
4
4
  */
5
5
 
6
6
  $calcite-z-index-9: 900;
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 Thu, 31 Oct 2024 19:18:29 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 Thu, 31 Oct 2024 19:18:29 GMT
4
4
  */
5
5
 
6
6
  $calcite-z-index-tooltip: 901;
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 Thu, 31 Oct 2024 19:18:29 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 Thu, 31 Oct 2024 19:18:29 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 Thu, 31 Oct 2024 19:18:29 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.0",
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": "a75c126505ac943d03e9de1cd0837b76dcea0708"
46
46
  }