@esri/calcite-design-tokens 4.0.0-next.16 → 4.0.0-next.18

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 (27) hide show
  1. package/dist/css/core.css +1 -0
  2. package/dist/css/dark.css +22 -22
  3. package/dist/css/global.css +1 -1
  4. package/dist/css/index.css +110 -110
  5. package/dist/css/light.css +22 -22
  6. package/dist/css/semantic.css +1 -1
  7. package/dist/docs/core.json +27 -1
  8. package/dist/docs/dark.json +427 -433
  9. package/dist/docs/global.json +458 -464
  10. package/dist/docs/light.json +427 -433
  11. package/dist/docs/semantic.json +2 -2
  12. package/dist/es6/core.d.ts +1 -0
  13. package/dist/es6/core.js +1 -0
  14. package/dist/es6/dark.d.ts +22 -22
  15. package/dist/es6/dark.js +22 -22
  16. package/dist/es6/global.d.ts +28 -28
  17. package/dist/es6/global.js +45 -45
  18. package/dist/es6/light.d.ts +22 -22
  19. package/dist/es6/light.js +22 -22
  20. package/dist/es6/semantic.js +1 -1
  21. package/dist/scss/core.scss +1 -0
  22. package/dist/scss/dark.scss +22 -22
  23. package/dist/scss/global.scss +1 -1
  24. package/dist/scss/index.scss +44 -44
  25. package/dist/scss/light.scss +22 -22
  26. package/dist/scss/semantic.scss +1 -1
  27. package/package.json +2 -2
package/dist/css/core.css CHANGED
@@ -556,6 +556,7 @@
556
556
  --calcite-size-224: 224px;
557
557
  --calcite-size-256: 256px;
558
558
  --calcite-size-288: 288px;
559
+ --calcite-size-9999: 9999px;
559
560
  --calcite-size-none: 0;
560
561
  --calcite-size-relative-50: 50%;
561
562
  --calcite-size-relative-100: 100%;
package/dist/css/dark.css CHANGED
@@ -15,17 +15,25 @@
15
15
  --calcite-color-foreground-2: #363636; /** Deprecated, use `--calcite-color-surface-3` instead */
16
16
  --calcite-color-foreground-3: #404040; /** Deprecated, use `--calcite-color-surface-4` instead */
17
17
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
18
- --calcite-color-transparent: rgba(255, 255, 255, 0);
19
- --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
20
- --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
21
- --calcite-color-transparent-inverse-hover: rgba(0, 0, 0, 0.04);
22
- --calcite-color-transparent-inverse-press: rgba(0, 0, 0, 0.08);
23
- --calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
24
- --calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
18
+ --calcite-color-text-1: #ffffff;
19
+ --calcite-color-text-2: #bfbfbf;
20
+ --calcite-color-text-3: #9e9e9e;
21
+ --calcite-color-text-inverse: #141414;
22
+ --calcite-color-text-link: #00a0ff;
23
+ --calcite-color-text-highlight: #d6efff;
24
+ --calcite-color-border-1: #545454;
25
+ --calcite-color-border-2: #4a4a4a;
26
+ --calcite-color-border-3: #404040;
27
+ --calcite-color-border-input: #757575;
28
+ --calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
29
+ --calcite-color-border-white: #f7f7f7;
25
30
  --calcite-color-brand: #009af2;
26
31
  --calcite-color-brand-hover: #007ac2;
27
32
  --calcite-color-brand-press: #00619b;
28
33
  --calcite-color-brand-underline: rgba(0, 160, 255, 0.4);
34
+ --calcite-color-inverse: #f7f7f7;
35
+ --calcite-color-inverse-hover: #f2f2f2;
36
+ --calcite-color-inverse-press: #ebebeb;
29
37
  --calcite-color-status-info: #00a0ff;
30
38
  --calcite-color-status-info-hover: #3db8ff;
31
39
  --calcite-color-status-info-press: #009af2;
@@ -38,20 +46,12 @@
38
46
  --calcite-color-status-danger: #fe583e;
39
47
  --calcite-color-status-danger-hover: #ff0015;
40
48
  --calcite-color-status-danger-press: #d90012;
41
- --calcite-color-inverse: #f7f7f7;
42
- --calcite-color-inverse-hover: #f2f2f2;
43
- --calcite-color-inverse-press: #ebebeb;
44
- --calcite-color-text-1: #ffffff;
45
- --calcite-color-text-2: #bfbfbf;
46
- --calcite-color-text-3: #9e9e9e;
47
- --calcite-color-text-highlight: #d6efff;
48
- --calcite-color-text-inverse: #141414;
49
- --calcite-color-text-link: #00a0ff;
50
- --calcite-color-border-1: #545454;
51
- --calcite-color-border-2: #4a4a4a;
52
- --calcite-color-border-3: #404040;
53
- --calcite-color-border-input: #757575;
54
- --calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
55
- --calcite-color-border-white: #f7f7f7;
49
+ --calcite-color-transparent: rgba(255, 255, 255, 0);
50
+ --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
51
+ --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
52
+ --calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
53
+ --calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
54
+ --calcite-color-transparent-inverse-hover: rgba(0, 0, 0, 0.04);
55
+ --calcite-color-transparent-inverse-press: rgba(0, 0, 0, 0.08);
56
56
  --calcite-color-focus: var(--calcite-color-brand);
57
57
  }
package/dist/css/global.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --calcite-corner-radius-xs: 2px;
20
20
  --calcite-corner-radius-sm: 4px;
21
21
  --calcite-corner-radius-round: 4px; /** deprecated, use --calcite-corner-radius-sm instead */
22
- --calcite-corner-radius-pill: 100%;
22
+ --calcite-corner-radius-pill: 9999px;
23
23
  --calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /** Primary font with fallbacks */
24
24
  --calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /** Font family for code with fallbacks */
25
25
  --calcite-font-weight-light: 300; /** For Avenir Next World (secondary font family) */
package/dist/css/index.css CHANGED
@@ -6,21 +6,13 @@
6
6
  @import url("./semantic.css");
7
7
  @import url("./classes.css");
8
8
  :root {
9
- --calcite-color-border-white: #ffffff;
10
- --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
11
- --calcite-color-border-input: #949494;
12
- --calcite-color-border-3: #ebebeb;
13
- --calcite-color-border-2: #dedede;
14
- --calcite-color-border-1: #d4d4d4;
15
- --calcite-color-text-link: #00619b;
16
- --calcite-color-text-inverse: #ffffff;
17
- --calcite-color-text-highlight: #004874;
18
- --calcite-color-text-3: #6b6b6b;
19
- --calcite-color-text-2: #4a4a4a;
20
- --calcite-color-text-1: #141414;
21
- --calcite-color-inverse-press: #212121;
22
- --calcite-color-inverse-hover: #2b2b2b;
23
- --calcite-color-inverse: #363636;
9
+ --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
10
+ --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
11
+ --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
12
+ --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
13
+ --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
14
+ --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
15
+ --calcite-color-transparent: rgba(0, 0, 0, 0);
24
16
  --calcite-color-status-danger-press: #7c1d13;
25
17
  --calcite-color-status-danger-hover: #a82b1e;
26
18
  --calcite-color-status-danger: #d83020;
@@ -33,17 +25,25 @@
33
25
  --calcite-color-status-info-press: #00304d;
34
26
  --calcite-color-status-info-hover: #004874;
35
27
  --calcite-color-status-info: #00619b;
28
+ --calcite-color-inverse-press: #212121;
29
+ --calcite-color-inverse-hover: #2b2b2b;
30
+ --calcite-color-inverse: #363636;
36
31
  --calcite-color-brand-underline: rgba(0, 97, 155, 0.4);
37
32
  --calcite-color-brand-press: #004874;
38
33
  --calcite-color-brand-hover: #00619b;
39
34
  --calcite-color-brand: #007ac2;
40
- --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
41
- --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
42
- --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
43
- --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
44
- --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
45
- --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
46
- --calcite-color-transparent: rgba(0, 0, 0, 0);
35
+ --calcite-color-border-white: #ffffff;
36
+ --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
37
+ --calcite-color-border-input: #949494;
38
+ --calcite-color-border-3: #ebebeb;
39
+ --calcite-color-border-2: #dedede;
40
+ --calcite-color-border-1: #d4d4d4;
41
+ --calcite-color-text-highlight: #004874;
42
+ --calcite-color-text-link: #00619b;
43
+ --calcite-color-text-inverse: #ffffff;
44
+ --calcite-color-text-3: #6b6b6b;
45
+ --calcite-color-text-2: #4a4a4a;
46
+ --calcite-color-text-1: #141414;
47
47
  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
48
48
  --calcite-color-foreground-3: #ebebeb; /** Deprecated, use `--calcite-color-surface-4` instead */
49
49
  --calcite-color-foreground-2: #f2f2f2; /** Deprecated, use `--calcite-color-surface-3` instead */
@@ -59,21 +59,13 @@
59
59
  }
60
60
  @media (prefers-color-scheme: light) {
61
61
  .calcite-mode-auto {
62
- --calcite-color-border-white: #ffffff;
63
- --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
64
- --calcite-color-border-input: #949494;
65
- --calcite-color-border-3: #ebebeb;
66
- --calcite-color-border-2: #dedede;
67
- --calcite-color-border-1: #d4d4d4;
68
- --calcite-color-text-link: #00619b;
69
- --calcite-color-text-inverse: #ffffff;
70
- --calcite-color-text-highlight: #004874;
71
- --calcite-color-text-3: #6b6b6b;
72
- --calcite-color-text-2: #4a4a4a;
73
- --calcite-color-text-1: #141414;
74
- --calcite-color-inverse-press: #212121;
75
- --calcite-color-inverse-hover: #2b2b2b;
76
- --calcite-color-inverse: #363636;
62
+ --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
63
+ --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
64
+ --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
65
+ --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
66
+ --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
67
+ --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
68
+ --calcite-color-transparent: rgba(0, 0, 0, 0);
77
69
  --calcite-color-status-danger-press: #7c1d13;
78
70
  --calcite-color-status-danger-hover: #a82b1e;
79
71
  --calcite-color-status-danger: #d83020;
@@ -86,17 +78,25 @@
86
78
  --calcite-color-status-info-press: #00304d;
87
79
  --calcite-color-status-info-hover: #004874;
88
80
  --calcite-color-status-info: #00619b;
81
+ --calcite-color-inverse-press: #212121;
82
+ --calcite-color-inverse-hover: #2b2b2b;
83
+ --calcite-color-inverse: #363636;
89
84
  --calcite-color-brand-underline: rgba(0, 97, 155, 0.4);
90
85
  --calcite-color-brand-press: #004874;
91
86
  --calcite-color-brand-hover: #00619b;
92
87
  --calcite-color-brand: #007ac2;
93
- --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
94
- --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
95
- --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
96
- --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
97
- --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
98
- --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
99
- --calcite-color-transparent: rgba(0, 0, 0, 0);
88
+ --calcite-color-border-white: #ffffff;
89
+ --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
90
+ --calcite-color-border-input: #949494;
91
+ --calcite-color-border-3: #ebebeb;
92
+ --calcite-color-border-2: #dedede;
93
+ --calcite-color-border-1: #d4d4d4;
94
+ --calcite-color-text-highlight: #004874;
95
+ --calcite-color-text-link: #00619b;
96
+ --calcite-color-text-inverse: #ffffff;
97
+ --calcite-color-text-3: #6b6b6b;
98
+ --calcite-color-text-2: #4a4a4a;
99
+ --calcite-color-text-1: #141414;
100
100
  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
101
101
  --calcite-color-foreground-3: #ebebeb; /** Deprecated, use `--calcite-color-surface-4` instead */
102
102
  --calcite-color-foreground-2: #f2f2f2; /** Deprecated, use `--calcite-color-surface-3` instead */
@@ -113,21 +113,13 @@
113
113
  }
114
114
  @media (prefers-color-scheme: dark) {
115
115
  .calcite-mode-auto {
116
- --calcite-color-border-white: #f7f7f7;
117
- --calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
118
- --calcite-color-border-input: #757575;
119
- --calcite-color-border-3: #404040;
120
- --calcite-color-border-2: #4a4a4a;
121
- --calcite-color-border-1: #545454;
122
- --calcite-color-text-link: #00a0ff;
123
- --calcite-color-text-inverse: #141414;
124
- --calcite-color-text-highlight: #d6efff;
125
- --calcite-color-text-3: #9e9e9e;
126
- --calcite-color-text-2: #bfbfbf;
127
- --calcite-color-text-1: #ffffff;
128
- --calcite-color-inverse-press: #ebebeb;
129
- --calcite-color-inverse-hover: #f2f2f2;
130
- --calcite-color-inverse: #f7f7f7;
116
+ --calcite-color-transparent-inverse-press: rgba(0, 0, 0, 0.08);
117
+ --calcite-color-transparent-inverse-hover: rgba(0, 0, 0, 0.04);
118
+ --calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
119
+ --calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
120
+ --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
121
+ --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
122
+ --calcite-color-transparent: rgba(255, 255, 255, 0);
131
123
  --calcite-color-status-danger-press: #d90012;
132
124
  --calcite-color-status-danger-hover: #ff0015;
133
125
  --calcite-color-status-danger: #fe583e;
@@ -140,17 +132,25 @@
140
132
  --calcite-color-status-info-press: #009af2;
141
133
  --calcite-color-status-info-hover: #3db8ff;
142
134
  --calcite-color-status-info: #00a0ff;
135
+ --calcite-color-inverse-press: #ebebeb;
136
+ --calcite-color-inverse-hover: #f2f2f2;
137
+ --calcite-color-inverse: #f7f7f7;
143
138
  --calcite-color-brand-underline: rgba(0, 160, 255, 0.4);
144
139
  --calcite-color-brand-press: #00619b;
145
140
  --calcite-color-brand-hover: #007ac2;
146
141
  --calcite-color-brand: #009af2;
147
- --calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
148
- --calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
149
- --calcite-color-transparent-inverse-press: rgba(0, 0, 0, 0.08);
150
- --calcite-color-transparent-inverse-hover: rgba(0, 0, 0, 0.04);
151
- --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
152
- --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
153
- --calcite-color-transparent: rgba(255, 255, 255, 0);
142
+ --calcite-color-border-white: #f7f7f7;
143
+ --calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
144
+ --calcite-color-border-input: #757575;
145
+ --calcite-color-border-3: #404040;
146
+ --calcite-color-border-2: #4a4a4a;
147
+ --calcite-color-border-1: #545454;
148
+ --calcite-color-text-highlight: #d6efff;
149
+ --calcite-color-text-link: #00a0ff;
150
+ --calcite-color-text-inverse: #141414;
151
+ --calcite-color-text-3: #9e9e9e;
152
+ --calcite-color-text-2: #bfbfbf;
153
+ --calcite-color-text-1: #ffffff;
154
154
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
155
155
  --calcite-color-foreground-3: #404040; /** Deprecated, use `--calcite-color-surface-4` instead */
156
156
  --calcite-color-foreground-2: #363636; /** Deprecated, use `--calcite-color-surface-3` instead */
@@ -166,21 +166,13 @@
166
166
  }
167
167
  }
168
168
  .calcite-mode-light {
169
- --calcite-color-border-white: #ffffff;
170
- --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
171
- --calcite-color-border-input: #949494;
172
- --calcite-color-border-3: #ebebeb;
173
- --calcite-color-border-2: #dedede;
174
- --calcite-color-border-1: #d4d4d4;
175
- --calcite-color-text-link: #00619b;
176
- --calcite-color-text-inverse: #ffffff;
177
- --calcite-color-text-highlight: #004874;
178
- --calcite-color-text-3: #6b6b6b;
179
- --calcite-color-text-2: #4a4a4a;
180
- --calcite-color-text-1: #141414;
181
- --calcite-color-inverse-press: #212121;
182
- --calcite-color-inverse-hover: #2b2b2b;
183
- --calcite-color-inverse: #363636;
169
+ --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
170
+ --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
171
+ --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
172
+ --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
173
+ --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
174
+ --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
175
+ --calcite-color-transparent: rgba(0, 0, 0, 0);
184
176
  --calcite-color-status-danger-press: #7c1d13;
185
177
  --calcite-color-status-danger-hover: #a82b1e;
186
178
  --calcite-color-status-danger: #d83020;
@@ -193,17 +185,25 @@
193
185
  --calcite-color-status-info-press: #00304d;
194
186
  --calcite-color-status-info-hover: #004874;
195
187
  --calcite-color-status-info: #00619b;
188
+ --calcite-color-inverse-press: #212121;
189
+ --calcite-color-inverse-hover: #2b2b2b;
190
+ --calcite-color-inverse: #363636;
196
191
  --calcite-color-brand-underline: rgba(0, 97, 155, 0.4);
197
192
  --calcite-color-brand-press: #004874;
198
193
  --calcite-color-brand-hover: #00619b;
199
194
  --calcite-color-brand: #007ac2;
200
- --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
201
- --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
202
- --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
203
- --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
204
- --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
205
- --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
206
- --calcite-color-transparent: rgba(0, 0, 0, 0);
195
+ --calcite-color-border-white: #ffffff;
196
+ --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
197
+ --calcite-color-border-input: #949494;
198
+ --calcite-color-border-3: #ebebeb;
199
+ --calcite-color-border-2: #dedede;
200
+ --calcite-color-border-1: #d4d4d4;
201
+ --calcite-color-text-highlight: #004874;
202
+ --calcite-color-text-link: #00619b;
203
+ --calcite-color-text-inverse: #ffffff;
204
+ --calcite-color-text-3: #6b6b6b;
205
+ --calcite-color-text-2: #4a4a4a;
206
+ --calcite-color-text-1: #141414;
207
207
  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
208
208
  --calcite-color-foreground-3: #ebebeb; /** Deprecated, use `--calcite-color-surface-4` instead */
209
209
  --calcite-color-foreground-2: #f2f2f2; /** Deprecated, use `--calcite-color-surface-3` instead */
@@ -218,21 +218,13 @@
218
218
  --calcite-color-focus: var(--calcite-color-brand);
219
219
  }
220
220
  .calcite-mode-dark {
221
- --calcite-color-border-white: #f7f7f7;
222
- --calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
223
- --calcite-color-border-input: #757575;
224
- --calcite-color-border-3: #404040;
225
- --calcite-color-border-2: #4a4a4a;
226
- --calcite-color-border-1: #545454;
227
- --calcite-color-text-link: #00a0ff;
228
- --calcite-color-text-inverse: #141414;
229
- --calcite-color-text-highlight: #d6efff;
230
- --calcite-color-text-3: #9e9e9e;
231
- --calcite-color-text-2: #bfbfbf;
232
- --calcite-color-text-1: #ffffff;
233
- --calcite-color-inverse-press: #ebebeb;
234
- --calcite-color-inverse-hover: #f2f2f2;
235
- --calcite-color-inverse: #f7f7f7;
221
+ --calcite-color-transparent-inverse-press: rgba(0, 0, 0, 0.08);
222
+ --calcite-color-transparent-inverse-hover: rgba(0, 0, 0, 0.04);
223
+ --calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
224
+ --calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
225
+ --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
226
+ --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
227
+ --calcite-color-transparent: rgba(255, 255, 255, 0);
236
228
  --calcite-color-status-danger-press: #d90012;
237
229
  --calcite-color-status-danger-hover: #ff0015;
238
230
  --calcite-color-status-danger: #fe583e;
@@ -245,17 +237,25 @@
245
237
  --calcite-color-status-info-press: #009af2;
246
238
  --calcite-color-status-info-hover: #3db8ff;
247
239
  --calcite-color-status-info: #00a0ff;
240
+ --calcite-color-inverse-press: #ebebeb;
241
+ --calcite-color-inverse-hover: #f2f2f2;
242
+ --calcite-color-inverse: #f7f7f7;
248
243
  --calcite-color-brand-underline: rgba(0, 160, 255, 0.4);
249
244
  --calcite-color-brand-press: #00619b;
250
245
  --calcite-color-brand-hover: #007ac2;
251
246
  --calcite-color-brand: #009af2;
252
- --calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
253
- --calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
254
- --calcite-color-transparent-inverse-press: rgba(0, 0, 0, 0.08);
255
- --calcite-color-transparent-inverse-hover: rgba(0, 0, 0, 0.04);
256
- --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
257
- --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
258
- --calcite-color-transparent: rgba(255, 255, 255, 0);
247
+ --calcite-color-border-white: #f7f7f7;
248
+ --calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
249
+ --calcite-color-border-input: #757575;
250
+ --calcite-color-border-3: #404040;
251
+ --calcite-color-border-2: #4a4a4a;
252
+ --calcite-color-border-1: #545454;
253
+ --calcite-color-text-highlight: #d6efff;
254
+ --calcite-color-text-link: #00a0ff;
255
+ --calcite-color-text-inverse: #141414;
256
+ --calcite-color-text-3: #9e9e9e;
257
+ --calcite-color-text-2: #bfbfbf;
258
+ --calcite-color-text-1: #ffffff;
259
259
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
260
260
  --calcite-color-foreground-3: #404040; /** Deprecated, use `--calcite-color-surface-4` instead */
261
261
  --calcite-color-foreground-2: #363636; /** Deprecated, use `--calcite-color-surface-3` instead */
package/dist/css/light.css CHANGED
@@ -15,17 +15,25 @@
15
15
  --calcite-color-foreground-2: #f2f2f2; /** Deprecated, use `--calcite-color-surface-3` instead */
16
16
  --calcite-color-foreground-3: #ebebeb; /** Deprecated, use `--calcite-color-surface-4` instead */
17
17
  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
18
- --calcite-color-transparent: rgba(0, 0, 0, 0);
19
- --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
20
- --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
21
- --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
22
- --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
23
- --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
24
- --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
18
+ --calcite-color-text-1: #141414;
19
+ --calcite-color-text-2: #4a4a4a;
20
+ --calcite-color-text-3: #6b6b6b;
21
+ --calcite-color-text-inverse: #ffffff;
22
+ --calcite-color-text-link: #00619b;
23
+ --calcite-color-text-highlight: #004874;
24
+ --calcite-color-border-1: #d4d4d4;
25
+ --calcite-color-border-2: #dedede;
26
+ --calcite-color-border-3: #ebebeb;
27
+ --calcite-color-border-input: #949494;
28
+ --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
29
+ --calcite-color-border-white: #ffffff;
25
30
  --calcite-color-brand: #007ac2;
26
31
  --calcite-color-brand-hover: #00619b;
27
32
  --calcite-color-brand-press: #004874;
28
33
  --calcite-color-brand-underline: rgba(0, 97, 155, 0.4);
34
+ --calcite-color-inverse: #363636;
35
+ --calcite-color-inverse-hover: #2b2b2b;
36
+ --calcite-color-inverse-press: #212121;
29
37
  --calcite-color-status-info: #00619b;
30
38
  --calcite-color-status-info-hover: #004874;
31
39
  --calcite-color-status-info-press: #00304d;
@@ -38,20 +46,12 @@
38
46
  --calcite-color-status-danger: #d83020;
39
47
  --calcite-color-status-danger-hover: #a82b1e;
40
48
  --calcite-color-status-danger-press: #7c1d13;
41
- --calcite-color-inverse: #363636;
42
- --calcite-color-inverse-hover: #2b2b2b;
43
- --calcite-color-inverse-press: #212121;
44
- --calcite-color-text-1: #141414;
45
- --calcite-color-text-2: #4a4a4a;
46
- --calcite-color-text-3: #6b6b6b;
47
- --calcite-color-text-highlight: #004874;
48
- --calcite-color-text-inverse: #ffffff;
49
- --calcite-color-text-link: #00619b;
50
- --calcite-color-border-1: #d4d4d4;
51
- --calcite-color-border-2: #dedede;
52
- --calcite-color-border-3: #ebebeb;
53
- --calcite-color-border-input: #949494;
54
- --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
55
- --calcite-color-border-white: #ffffff;
49
+ --calcite-color-transparent: rgba(0, 0, 0, 0);
50
+ --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
51
+ --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
52
+ --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
53
+ --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
54
+ --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
55
+ --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
56
56
  --calcite-color-focus: var(--calcite-color-brand);
57
57
  }
package/dist/css/semantic.css CHANGED
@@ -17,7 +17,7 @@
17
17
  --calcite-corner-radius-xs: 2px;
18
18
  --calcite-corner-radius-sm: 4px;
19
19
  --calcite-corner-radius-round: 4px; /** deprecated, use --calcite-corner-radius-sm instead */
20
- --calcite-corner-radius-pill: 100%;
20
+ --calcite-corner-radius-pill: 9999px;
21
21
  --calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /** Primary font with fallbacks */
22
22
  --calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /** Font family for code with fallbacks */
23
23
  --calcite-font-weight-light: 300; /** For Avenir Next World (secondary font family) */
package/dist/docs/core.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1767982687626,
2
+ "timestamp": 1769461874091,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{core.color.neutral.blk-000}",
@@ -15610,6 +15610,32 @@
15610
15610
  "name": "Size 288",
15611
15611
  "path": ["core", "size", "default", "288"]
15612
15612
  },
15613
+ {
15614
+ "key": "{core.size.default.9999}",
15615
+ "value": "9999px",
15616
+ "type": "dimension",
15617
+ "attributes": {
15618
+ "category": "size",
15619
+ "type": "size",
15620
+ "item": "default",
15621
+ "subitem": "9999",
15622
+ "names": {
15623
+ "scss": "$calcite-size-9999",
15624
+ "css": "var(--calcite-size-9999)",
15625
+ "docs": "core.size.default.9999",
15626
+ "es6": "calciteSize9999"
15627
+ },
15628
+ "calcite-schema": {
15629
+ "system": "calcite",
15630
+ "tier": "core",
15631
+ "type": "dimension"
15632
+ }
15633
+ },
15634
+ "filePath": "src/tokens/core/size.json",
15635
+ "isSource": false,
15636
+ "name": "Size 9999",
15637
+ "path": ["core", "size", "default", "9999"]
15638
+ },
15613
15639
  {
15614
15640
  "key": "{core.size.default.none}",
15615
15641
  "value": "0",