@esri/calcite-design-tokens 4.0.0-next.3 → 4.0.0-next.5

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 (19) hide show
  1. package/dist/css/dark.css +5 -5
  2. package/dist/css/global.css +26 -13
  3. package/dist/css/index.css +10 -10
  4. package/dist/css/semantic.css +26 -13
  5. package/dist/docs/core.json +1 -1
  6. package/dist/docs/dark.json +6 -6
  7. package/dist/docs/global.json +516 -40
  8. package/dist/docs/light.json +1 -1
  9. package/dist/docs/semantic.json +511 -35
  10. package/dist/es6/dark.js +5 -5
  11. package/dist/es6/global.d.ts +26 -0
  12. package/dist/es6/global.js +31 -18
  13. package/dist/es6/semantic.d.ts +26 -0
  14. package/dist/es6/semantic.js +26 -13
  15. package/dist/scss/dark.scss +5 -5
  16. package/dist/scss/global.scss +26 -13
  17. package/dist/scss/index.scss +5 -5
  18. package/dist/scss/semantic.scss +26 -13
  19. package/package.json +2 -2
package/dist/css/dark.css CHANGED
@@ -4,11 +4,11 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --calcite-color-background: #363636;
7
+ --calcite-color-background: #212121;
8
8
  --calcite-color-background-none: rgba(255, 255, 255, 0);
9
9
  --calcite-color-foreground-1: #2b2b2b;
10
- --calcite-color-foreground-2: #212121;
11
- --calcite-color-foreground-3: #141414;
10
+ --calcite-color-foreground-2: #363636;
11
+ --calcite-color-foreground-3: #404040;
12
12
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
13
13
  --calcite-color-surface-highlight: #2b465f;
14
14
  --calcite-color-transparent: rgba(255, 255, 255, 0);
@@ -35,8 +35,8 @@
35
35
  --calcite-color-status-danger-hover: #ff0015;
36
36
  --calcite-color-status-danger-press: #d90012;
37
37
  --calcite-color-inverse: #f7f7f7;
38
- --calcite-color-inverse-hover: #ffffff;
39
- --calcite-color-inverse-press: #f2f2f2;
38
+ --calcite-color-inverse-hover: #f2f2f2;
39
+ --calcite-color-inverse-press: #ebebeb;
40
40
  --calcite-color-text-1: #ffffff;
41
41
  --calcite-color-text-2: #bfbfbf;
42
42
  --calcite-color-text-3: #9e9e9e;
package/dist/css/global.css CHANGED
@@ -96,19 +96,32 @@
96
96
  --calcite-spacing-fixed-xl: 16px; /** deprecated */
97
97
  --calcite-spacing-fixed-xxl: 20px; /** deprecated */
98
98
  --calcite-spacing-fixed-xxxl: 32px; /** deprecated */
99
- --calcite-spacing-none: 0;
100
- --calcite-spacing-px: 1px;
101
- --calcite-spacing-base: 2px;
102
- --calcite-spacing-xxs: 0.25rem;
103
- --calcite-spacing-xs: 0.375rem;
104
- --calcite-spacing-sm: 0.5rem;
105
- --calcite-spacing-sm-plus: 0.625rem;
106
- --calcite-spacing-md: 0.75rem;
107
- --calcite-spacing-md-plus: 0.875rem;
108
- --calcite-spacing-lg: 1rem;
109
- --calcite-spacing-xl: 1.25rem;
110
- --calcite-spacing-xxl: 1.5rem;
111
- --calcite-spacing-xxxl: 2rem;
99
+ --calcite-spacing-none: 0; /** deprecated, use `--calcite-space-none` instead */
100
+ --calcite-spacing-px: 1px; /** deprecated, use `--calcite-space-px` instead */
101
+ --calcite-spacing-base: 2px; /** deprecated, use `--calcite-space-base` instead */
102
+ --calcite-spacing-xxs: 0.25rem; /** deprecated, use `--calcite-space-2xs` instead */
103
+ --calcite-spacing-xs: 0.375rem; /** deprecated, use `--calcite-space-xs` instead */
104
+ --calcite-spacing-sm: 0.5rem; /** deprecated, use `--calcite-space-sm` instead */
105
+ --calcite-spacing-sm-plus: 0.625rem; /** deprecated, use `--calcite-space-sm-plus` instead */
106
+ --calcite-spacing-md: 0.75rem; /** deprecated, use `--calcite-space-md` instead */
107
+ --calcite-spacing-md-plus: 0.875rem; /** deprecated, use `--calcite-space-md-plus` instead */
108
+ --calcite-spacing-lg: 1rem; /** deprecated, use `--calcite-space-lg` instead */
109
+ --calcite-spacing-xl: 1.25rem; /** deprecated, use `--calcite-space-xl` instead */
110
+ --calcite-spacing-xxl: 1.5rem; /** deprecated, use `--calcite-space-2xl` instead */
111
+ --calcite-spacing-xxxl: 2rem; /** deprecated, use `--calcite-space-3xl` instead */
112
+ --calcite-space-none: 0;
113
+ --calcite-space-px: 1px;
114
+ --calcite-space-base: 2px;
115
+ --calcite-space-2xs: 0.25rem;
116
+ --calcite-space-xs: 0.375rem;
117
+ --calcite-space-sm: 0.5rem;
118
+ --calcite-space-sm-plus: 0.625rem;
119
+ --calcite-space-md: 0.75rem;
120
+ --calcite-space-md-plus: 0.875rem;
121
+ --calcite-space-lg: 1rem;
122
+ --calcite-space-xl: 1.25rem;
123
+ --calcite-space-2xl: 1.5rem;
124
+ --calcite-space-3xl: 2rem;
112
125
  --calcite-z-index-deep: -999999;
113
126
  --calcite-z-index: 1;
114
127
  --calcite-z-index-sticky: 300;
package/dist/css/index.css CHANGED
@@ -115,8 +115,8 @@
115
115
  --calcite-color-text-3: #9e9e9e;
116
116
  --calcite-color-text-2: #bfbfbf;
117
117
  --calcite-color-text-1: #ffffff;
118
- --calcite-color-inverse-press: #f2f2f2;
119
- --calcite-color-inverse-hover: #ffffff;
118
+ --calcite-color-inverse-press: #ebebeb;
119
+ --calcite-color-inverse-hover: #f2f2f2;
120
120
  --calcite-color-inverse: #f7f7f7;
121
121
  --calcite-color-status-danger-press: #d90012;
122
122
  --calcite-color-status-danger-hover: #ff0015;
@@ -143,11 +143,11 @@
143
143
  --calcite-color-transparent: rgba(255, 255, 255, 0);
144
144
  --calcite-color-surface-highlight: #2b465f;
145
145
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
146
- --calcite-color-foreground-3: #141414;
147
- --calcite-color-foreground-2: #212121;
146
+ --calcite-color-foreground-3: #404040;
147
+ --calcite-color-foreground-2: #363636;
148
148
  --calcite-color-foreground-1: #2b2b2b;
149
149
  --calcite-color-background-none: rgba(255, 255, 255, 0);
150
- --calcite-color-background: #363636;
150
+ --calcite-color-background: #212121;
151
151
  }
152
152
  }
153
153
  .calcite-mode-light {
@@ -210,8 +210,8 @@
210
210
  --calcite-color-text-3: #9e9e9e;
211
211
  --calcite-color-text-2: #bfbfbf;
212
212
  --calcite-color-text-1: #ffffff;
213
- --calcite-color-inverse-press: #f2f2f2;
214
- --calcite-color-inverse-hover: #ffffff;
213
+ --calcite-color-inverse-press: #ebebeb;
214
+ --calcite-color-inverse-hover: #f2f2f2;
215
215
  --calcite-color-inverse: #f7f7f7;
216
216
  --calcite-color-status-danger-press: #d90012;
217
217
  --calcite-color-status-danger-hover: #ff0015;
@@ -238,9 +238,9 @@
238
238
  --calcite-color-transparent: rgba(255, 255, 255, 0);
239
239
  --calcite-color-surface-highlight: #2b465f;
240
240
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
241
- --calcite-color-foreground-3: #141414;
242
- --calcite-color-foreground-2: #212121;
241
+ --calcite-color-foreground-3: #404040;
242
+ --calcite-color-foreground-2: #363636;
243
243
  --calcite-color-foreground-1: #2b2b2b;
244
244
  --calcite-color-background-none: rgba(255, 255, 255, 0);
245
- --calcite-color-background: #363636;
245
+ --calcite-color-background: #212121;
246
246
  }
package/dist/css/semantic.css CHANGED
@@ -94,19 +94,32 @@
94
94
  --calcite-spacing-fixed-xl: 16px; /** deprecated */
95
95
  --calcite-spacing-fixed-xxl: 20px; /** deprecated */
96
96
  --calcite-spacing-fixed-xxxl: 32px; /** deprecated */
97
- --calcite-spacing-none: 0;
98
- --calcite-spacing-px: 1px;
99
- --calcite-spacing-base: 2px;
100
- --calcite-spacing-xxs: 0.25rem;
101
- --calcite-spacing-xs: 0.375rem;
102
- --calcite-spacing-sm: 0.5rem;
103
- --calcite-spacing-sm-plus: 0.625rem;
104
- --calcite-spacing-md: 0.75rem;
105
- --calcite-spacing-md-plus: 0.875rem;
106
- --calcite-spacing-lg: 1rem;
107
- --calcite-spacing-xl: 1.25rem;
108
- --calcite-spacing-xxl: 1.5rem;
109
- --calcite-spacing-xxxl: 2rem;
97
+ --calcite-spacing-none: 0; /** deprecated, use `--calcite-space-none` instead */
98
+ --calcite-spacing-px: 1px; /** deprecated, use `--calcite-space-px` instead */
99
+ --calcite-spacing-base: 2px; /** deprecated, use `--calcite-space-base` instead */
100
+ --calcite-spacing-xxs: 0.25rem; /** deprecated, use `--calcite-space-2xs` instead */
101
+ --calcite-spacing-xs: 0.375rem; /** deprecated, use `--calcite-space-xs` instead */
102
+ --calcite-spacing-sm: 0.5rem; /** deprecated, use `--calcite-space-sm` instead */
103
+ --calcite-spacing-sm-plus: 0.625rem; /** deprecated, use `--calcite-space-sm-plus` instead */
104
+ --calcite-spacing-md: 0.75rem; /** deprecated, use `--calcite-space-md` instead */
105
+ --calcite-spacing-md-plus: 0.875rem; /** deprecated, use `--calcite-space-md-plus` instead */
106
+ --calcite-spacing-lg: 1rem; /** deprecated, use `--calcite-space-lg` instead */
107
+ --calcite-spacing-xl: 1.25rem; /** deprecated, use `--calcite-space-xl` instead */
108
+ --calcite-spacing-xxl: 1.5rem; /** deprecated, use `--calcite-space-2xl` instead */
109
+ --calcite-spacing-xxxl: 2rem; /** deprecated, use `--calcite-space-3xl` instead */
110
+ --calcite-space-none: 0;
111
+ --calcite-space-px: 1px;
112
+ --calcite-space-base: 2px;
113
+ --calcite-space-2xs: 0.25rem;
114
+ --calcite-space-xs: 0.375rem;
115
+ --calcite-space-sm: 0.5rem;
116
+ --calcite-space-sm-plus: 0.625rem;
117
+ --calcite-space-md: 0.75rem;
118
+ --calcite-space-md-plus: 0.875rem;
119
+ --calcite-space-lg: 1rem;
120
+ --calcite-space-xl: 1.25rem;
121
+ --calcite-space-2xl: 1.5rem;
122
+ --calcite-space-3xl: 2rem;
110
123
  --calcite-z-index-deep: -999999;
111
124
  --calcite-z-index: 1;
112
125
  --calcite-z-index-sticky: 300;
package/dist/docs/core.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1760396751797,
2
+ "timestamp": 1761603823990,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{core.color.neutral.blk-000}",
package/dist/docs/dark.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
- "timestamp": 1760396750288,
2
+ "timestamp": 1761603822473,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
6
- "value": "#363636",
6
+ "value": "#212121",
7
7
  "type": "color",
8
8
  "attributes": {
9
9
  "category": "color",
@@ -84,7 +84,7 @@
84
84
  },
85
85
  {
86
86
  "key": "{semantic.color.foreground.2}",
87
- "value": "#212121",
87
+ "value": "#363636",
88
88
  "type": "color",
89
89
  "attributes": {
90
90
  "category": "color",
@@ -111,7 +111,7 @@
111
111
  },
112
112
  {
113
113
  "key": "{semantic.color.foreground.3}",
114
- "value": "#141414",
114
+ "value": "#404040",
115
115
  "type": "color",
116
116
  "attributes": {
117
117
  "category": "color",
@@ -884,7 +884,7 @@
884
884
  },
885
885
  {
886
886
  "key": "{semantic.color.inverse.hover}",
887
- "value": "#ffffff",
887
+ "value": "#f2f2f2",
888
888
  "type": "color",
889
889
  "attributes": {
890
890
  "category": "color",
@@ -911,7 +911,7 @@
911
911
  },
912
912
  {
913
913
  "key": "{semantic.color.inverse.press}",
914
- "value": "#f2f2f2",
914
+ "value": "#ebebeb",
915
915
  "type": "color",
916
916
  "attributes": {
917
917
  "category": "color",