@esri/calcite-design-tokens 3.2.0-next.0 → 3.2.0-next.10

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 (32) hide show
  1. package/dist/css/component.css +11 -0
  2. package/dist/css/dark.css +3 -2
  3. package/dist/css/index.css +10 -10
  4. package/dist/css/light.css +3 -2
  5. package/dist/css/semantic.css +0 -22
  6. package/dist/docs/core.json +464 -1
  7. package/dist/docs/dark.json +110 -24
  8. package/dist/docs/global.json +309 -183
  9. package/dist/docs/light.json +102 -14
  10. package/dist/docs/semantic.json +132 -572
  11. package/dist/es6/dark.d.ts +3 -2
  12. package/dist/es6/dark.js +3 -2
  13. package/dist/es6/global.d.ts +3 -2
  14. package/dist/es6/global.js +3 -2
  15. package/dist/es6/light.d.ts +3 -2
  16. package/dist/es6/light.js +3 -2
  17. package/dist/es6/semantic.d.ts +0 -24
  18. package/dist/es6/semantic.js +0 -12
  19. package/dist/js/core.js +926 -0
  20. package/dist/js/dark.d.ts +3 -2
  21. package/dist/js/dark.js +200 -38
  22. package/dist/js/global.d.ts +13 -10
  23. package/dist/js/global.js +669 -424
  24. package/dist/js/light.d.ts +3 -2
  25. package/dist/js/light.js +176 -16
  26. package/dist/js/semantic.d.ts +8 -26
  27. package/dist/js/semantic.js +358 -934
  28. package/dist/scss/dark.scss +3 -2
  29. package/dist/scss/index.scss +4 -4
  30. package/dist/scss/light.scss +3 -2
  31. package/dist/scss/semantic.scss +0 -22
  32. package/package.json +6 -6
package/dist/scss/dark.scss CHANGED
@@ -7,8 +7,8 @@ $calcite-color-background-none: rgba(255, 255, 255, 0);
7
7
  $calcite-color-foreground-1: #2b2b2b;
8
8
  $calcite-color-foreground-2: #212121;
9
9
  $calcite-color-foreground-3: #141414;
10
- $calcite-color-foreground-current: #2b465f; // deprecated, use --calcite-color-foreground-highlight instead
11
- $calcite-color-foreground-highlight: #2b465f;
10
+ $calcite-color-foreground-current: #2b465f; // deprecated, use --calcite-color-surface-highlight instead
11
+ $calcite-color-surface-highlight: #2b465f;
12
12
  $calcite-color-transparent: rgba(255, 255, 255, 0);
13
13
  $calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
14
14
  $calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
@@ -47,3 +47,4 @@ $calcite-color-border-3: #404040;
47
47
  $calcite-color-border-input: #757575;
48
48
  $calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
49
49
  $calcite-color-border-white: #f7f7f7;
50
+ $calcite-color-focus: $calcite-color-brand;
package/dist/scss/index.scss CHANGED
@@ -45,8 +45,8 @@
45
45
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
46
46
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
47
47
  --calcite-color-transparent: rgba(0, 0, 0, 0);
48
- --calcite-color-foreground-highlight: #d6efff;
49
- --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
48
+ --calcite-color-surface-highlight: #d6efff;
49
+ --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
50
50
  --calcite-color-foreground-3: #ebebeb;
51
51
  --calcite-color-foreground-2: #f2f2f2;
52
52
  --calcite-color-foreground-1: #ffffff;
@@ -92,8 +92,8 @@
92
92
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
93
93
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
94
94
  --calcite-color-transparent: rgba(255, 255, 255, 0);
95
- --calcite-color-foreground-highlight: #2b465f;
96
- --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
95
+ --calcite-color-surface-highlight: #2b465f;
96
+ --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
97
97
  --calcite-color-foreground-3: #141414;
98
98
  --calcite-color-foreground-2: #212121;
99
99
  --calcite-color-foreground-1: #2b2b2b;
package/dist/scss/light.scss CHANGED
@@ -7,8 +7,8 @@ $calcite-color-background-none: rgba(255, 255, 255, 0);
7
7
  $calcite-color-foreground-1: #ffffff;
8
8
  $calcite-color-foreground-2: #f2f2f2;
9
9
  $calcite-color-foreground-3: #ebebeb;
10
- $calcite-color-foreground-current: #d6efff; // deprecated, use --calcite-color-foreground-highlight instead
11
- $calcite-color-foreground-highlight: #d6efff;
10
+ $calcite-color-foreground-current: #d6efff; // deprecated, use --calcite-color-surface-highlight instead
11
+ $calcite-color-surface-highlight: #d6efff;
12
12
  $calcite-color-transparent: rgba(0, 0, 0, 0);
13
13
  $calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
14
14
  $calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
@@ -47,3 +47,4 @@ $calcite-color-border-3: #dedede;
47
47
  $calcite-color-border-input: #949494;
48
48
  $calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
49
49
  $calcite-color-border-white: #ffffff;
50
+ $calcite-color-focus: $calcite-color-brand;
package/dist/scss/semantic.scss CHANGED
@@ -2,8 +2,6 @@
2
2
  // Calcite Design System
3
3
  // Do not edit directly, this file was auto-generated.
4
4
 
5
- $calcite-container-size-height-xxs-min: 0; // Small handheld devices and mini-windows
6
- $calcite-container-size-width-xxs-min: 0; // Small handheld devices and mini-windows
7
5
  $calcite-border-width-none: 0;
8
6
  $calcite-border-width-sm: 1px;
9
7
  $calcite-border-width-md: 2px;
@@ -111,26 +109,6 @@ $calcite-z-index-overlay: 700;
111
109
  $calcite-z-index-modal: 800;
112
110
  $calcite-z-index-popup: 900;
113
111
  $calcite-z-index-tooltip: 901;
114
- $calcite-container-size-height-xxs-max: 154px; // Small handheld devices and mini-windows
115
- $calcite-container-size-height-xs-min: 155px; // Handheld devices
116
- $calcite-container-size-height-xs-max: 328px; // Handheld devices
117
- $calcite-container-size-height-sm-min: 329px; // Small tablets
118
- $calcite-container-size-height-sm-max: 504px; // Small tablets
119
- $calcite-container-size-height-md-min: 505px; // Small laptops
120
- $calcite-container-size-height-md-max: 678px; // Small laptops
121
- $calcite-container-size-height-lg-min: 679px; // Large laptops and desktop computers
122
- $calcite-container-size-height-lg-max: 854px; // Large laptops and desktop computers
123
- $calcite-container-size-height-xl-min: 855px; // Projectors and televisions
124
- $calcite-container-size-width-xxs-max: 320px; // Small handheld devices and mini-windows
125
- $calcite-container-size-width-xs-min: 321px; // Handheld devices
126
- $calcite-container-size-width-xs-max: 476px; // Handheld devices
127
- $calcite-container-size-width-sm-min: 477px; // Small tablets
128
- $calcite-container-size-width-sm-max: 768px; // Small tablets
129
- $calcite-container-size-width-md-min: 769px; // Small laptops
130
- $calcite-container-size-width-md-max: 1152px; // Small laptops
131
- $calcite-container-size-width-lg-min: 1153px; // Large laptops and desktop computers
132
- $calcite-container-size-width-lg-max: 1440px; // Large laptops and desktop computers
133
- $calcite-container-size-width-xl-min: 1441px; // Projectors and televisions
134
112
  $calcite-corner-radius: $calcite-corner-radius-none;
135
113
  $calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
136
114
  $calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-design-tokens",
3
- "version": "3.2.0-next.0",
3
+ "version": "3.2.0-next.10",
4
4
  "description": "Esri's Calcite Design System Tokens",
5
5
  "keywords": [
6
6
  "Calcite",
@@ -31,9 +31,9 @@
31
31
  "build": "echo $MODE $GITHUB_ACTION && tsx src/build-tokens.ts",
32
32
  "build:watch": "tsx --watch src/build-tokens.ts",
33
33
  "clean": "rimraf node_modules dist .turbo",
34
- "lint:json": "prettier --write \"**/*.json\" >/dev/null",
35
- "lint:md": "prettier --write \"**/*.md\" >/dev/null && markdownlint-cli2 \"**/*.md\" --fix --config \"../../.markdownlint-cli2.jsonc\"",
36
- "lint:ts": "eslint --fix . && prettier --write \"**/*.{ts,tsx,cjs,mjs}\" >/dev/null",
34
+ "lint:json": "prettier --ignore-path \"../../.prettierignore\" --write \"**/*.json\" >/dev/null",
35
+ "lint:md": "prettier --ignore-path \"../../.prettierignore\" --write \"**/*.md\" >/dev/null && markdownlint-cli2 \"**/*.md\" --fix --config \"../../.markdownlint-cli2.jsonc\"",
36
+ "lint:ts": "eslint --fix && prettier --ignore-path \"../../.prettierignore\" --write \"**/*.{ts,tsx,cjs,mjs}\" >/dev/null",
37
37
  "lint": "concurrently npm:lint:*",
38
38
  "test": "vitest run",
39
39
  "test:watch": "vitest",
@@ -44,7 +44,7 @@
44
44
  "extends": "../../package.json"
45
45
  },
46
46
  "devDependencies": {
47
- "vitest": "3.1.4"
47
+ "vitest": "3.2.4"
48
48
  },
49
- "gitHead": "286845f59ea34438157a1ece5070a4e9ced18c9f"
49
+ "gitHead": "6d0adf5a20ef41c2bddc9d040a3efd44de112dec"
50
50
  }