@esri/calcite-design-tokens 4.0.0-next.12 → 4.0.0-next.13
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.
- package/dist/css/dark.css +9 -5
- package/dist/css/index.css +45 -25
- package/dist/css/light.css +9 -5
- package/dist/docs/core.json +1 -1
- package/dist/docs/dark.json +180 -32
- package/dist/docs/global.json +180 -32
- package/dist/docs/light.json +180 -32
- package/dist/docs/semantic.json +1 -1
- package/dist/es6/dark.d.ts +9 -1
- package/dist/es6/dark.js +9 -5
- package/dist/es6/global.d.ts +9 -1
- package/dist/es6/global.js +12 -8
- package/dist/es6/light.d.ts +9 -1
- package/dist/es6/light.js +9 -5
- package/dist/scss/dark.scss +9 -5
- package/dist/scss/index.scss +18 -10
- package/dist/scss/light.scss +9 -5
- package/package.json +2 -2
package/dist/docs/global.json
CHANGED
|
@@ -1,6 +1,141 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp":
|
|
2
|
+
"timestamp": 1766025216894,
|
|
3
3
|
"tokens": [
|
|
4
|
+
{
|
|
5
|
+
"key": "{semantic.color.surface.1}",
|
|
6
|
+
"value": "{\"light\":\"#f7f7f7\",\"dark\":\"#212121\"}",
|
|
7
|
+
"type": "color",
|
|
8
|
+
"attributes": {
|
|
9
|
+
"category": "color",
|
|
10
|
+
"group": "surface",
|
|
11
|
+
"type": "color",
|
|
12
|
+
"item": "surface",
|
|
13
|
+
"subitem": "1",
|
|
14
|
+
"names": {
|
|
15
|
+
"scss": "$calcite-color-surface-1",
|
|
16
|
+
"css": "var(--calcite-color-surface-1)",
|
|
17
|
+
"docs": "semantic.color.surface.1",
|
|
18
|
+
"es6": "calciteColorSurface1"
|
|
19
|
+
},
|
|
20
|
+
"calcite-schema": {
|
|
21
|
+
"system": "calcite",
|
|
22
|
+
"tier": "color",
|
|
23
|
+
"type": "color"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
27
|
+
"isSource": false,
|
|
28
|
+
"name": "Color Surface 1",
|
|
29
|
+
"path": ["semantic", "color", "surface", "1"]
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"key": "{semantic.color.surface.2}",
|
|
33
|
+
"value": "{\"light\":\"#ffffff\",\"dark\":\"#2b2b2b\"}",
|
|
34
|
+
"type": "color",
|
|
35
|
+
"attributes": {
|
|
36
|
+
"category": "color",
|
|
37
|
+
"group": "surface",
|
|
38
|
+
"type": "color",
|
|
39
|
+
"item": "surface",
|
|
40
|
+
"subitem": "2",
|
|
41
|
+
"names": {
|
|
42
|
+
"scss": "$calcite-color-surface-2",
|
|
43
|
+
"css": "var(--calcite-color-surface-2)",
|
|
44
|
+
"docs": "semantic.color.surface.2",
|
|
45
|
+
"es6": "calciteColorSurface2"
|
|
46
|
+
},
|
|
47
|
+
"calcite-schema": {
|
|
48
|
+
"system": "calcite",
|
|
49
|
+
"tier": "color",
|
|
50
|
+
"type": "color"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
54
|
+
"isSource": false,
|
|
55
|
+
"name": "Color Surface 2",
|
|
56
|
+
"path": ["semantic", "color", "surface", "2"]
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"key": "{semantic.color.surface.3}",
|
|
60
|
+
"value": "{\"light\":\"#f2f2f2\",\"dark\":\"#363636\"}",
|
|
61
|
+
"type": "color",
|
|
62
|
+
"attributes": {
|
|
63
|
+
"category": "color",
|
|
64
|
+
"group": "surface",
|
|
65
|
+
"type": "color",
|
|
66
|
+
"item": "surface",
|
|
67
|
+
"subitem": "3",
|
|
68
|
+
"names": {
|
|
69
|
+
"scss": "$calcite-color-surface-3",
|
|
70
|
+
"css": "var(--calcite-color-surface-3)",
|
|
71
|
+
"docs": "semantic.color.surface.3",
|
|
72
|
+
"es6": "calciteColorSurface3"
|
|
73
|
+
},
|
|
74
|
+
"calcite-schema": {
|
|
75
|
+
"system": "calcite",
|
|
76
|
+
"tier": "color",
|
|
77
|
+
"type": "color"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
81
|
+
"isSource": false,
|
|
82
|
+
"name": "Color Surface 3",
|
|
83
|
+
"path": ["semantic", "color", "surface", "3"]
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"key": "{semantic.color.surface.4}",
|
|
87
|
+
"value": "{\"light\":\"#ebebeb\",\"dark\":\"#404040\"}",
|
|
88
|
+
"type": "color",
|
|
89
|
+
"attributes": {
|
|
90
|
+
"category": "color",
|
|
91
|
+
"group": "surface",
|
|
92
|
+
"type": "color",
|
|
93
|
+
"item": "surface",
|
|
94
|
+
"subitem": "4",
|
|
95
|
+
"names": {
|
|
96
|
+
"scss": "$calcite-color-surface-4",
|
|
97
|
+
"css": "var(--calcite-color-surface-4)",
|
|
98
|
+
"docs": "semantic.color.surface.4",
|
|
99
|
+
"es6": "calciteColorSurface4"
|
|
100
|
+
},
|
|
101
|
+
"calcite-schema": {
|
|
102
|
+
"system": "calcite",
|
|
103
|
+
"tier": "color",
|
|
104
|
+
"type": "color"
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
108
|
+
"isSource": false,
|
|
109
|
+
"name": "Color Surface 4",
|
|
110
|
+
"path": ["semantic", "color", "surface", "4"]
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"key": "{semantic.color.surface.highlight}",
|
|
114
|
+
"value": "{\"light\":\"#d6efff\",\"dark\":\"#2b465f\"}",
|
|
115
|
+
"type": "color",
|
|
116
|
+
"attributes": {
|
|
117
|
+
"category": "color",
|
|
118
|
+
"group": "surface",
|
|
119
|
+
"type": "color",
|
|
120
|
+
"item": "surface",
|
|
121
|
+
"subitem": "highlight",
|
|
122
|
+
"names": {
|
|
123
|
+
"scss": "$calcite-color-surface-highlight",
|
|
124
|
+
"css": "var(--calcite-color-surface-highlight)",
|
|
125
|
+
"docs": "semantic.color.surface.highlight",
|
|
126
|
+
"es6": "calciteColorSurfaceHighlight"
|
|
127
|
+
},
|
|
128
|
+
"calcite-schema": {
|
|
129
|
+
"system": "calcite",
|
|
130
|
+
"tier": "color",
|
|
131
|
+
"type": "color"
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
135
|
+
"isSource": false,
|
|
136
|
+
"name": "Color Surface Highlight",
|
|
137
|
+
"path": ["semantic", "color", "surface", "highlight"]
|
|
138
|
+
},
|
|
4
139
|
{
|
|
5
140
|
"key": "{semantic.color.background.default}",
|
|
6
141
|
"value": "{\"light\":\"#f7f7f7\",\"dark\":\"#212121\"}",
|
|
@@ -11,6 +146,14 @@
|
|
|
11
146
|
"type": "color",
|
|
12
147
|
"item": "background",
|
|
13
148
|
"subitem": "default",
|
|
149
|
+
"value": "#f7f7f7",
|
|
150
|
+
"description": "Deprecated, use `--calcite-color-surface-1` instead",
|
|
151
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
152
|
+
"isSource": false,
|
|
153
|
+
"key": "{semantic.color.background.default}",
|
|
154
|
+
"name": "calcite-semantic-color-background-default",
|
|
155
|
+
"path": ["semantic", "color", "background", "default"],
|
|
156
|
+
"comment": "Deprecated, use `--calcite-color-surface-1` instead",
|
|
14
157
|
"names": {
|
|
15
158
|
"scss": "$calcite-color-background",
|
|
16
159
|
"css": "var(--calcite-color-background)",
|
|
@@ -23,10 +166,12 @@
|
|
|
23
166
|
"type": "color"
|
|
24
167
|
}
|
|
25
168
|
},
|
|
169
|
+
"description": "Deprecated, use `--calcite-color-surface-1` instead",
|
|
26
170
|
"filePath": "src/tokens/semantic/color/light.json",
|
|
27
171
|
"isSource": false,
|
|
28
172
|
"name": "Color Background",
|
|
29
|
-
"path": ["semantic", "color", "background", "default"]
|
|
173
|
+
"path": ["semantic", "color", "background", "default"],
|
|
174
|
+
"comment": "Deprecated, use `--calcite-color-surface-1` instead"
|
|
30
175
|
},
|
|
31
176
|
{
|
|
32
177
|
"key": "{semantic.color.background.none}",
|
|
@@ -65,6 +210,14 @@
|
|
|
65
210
|
"type": "color",
|
|
66
211
|
"item": "foreground",
|
|
67
212
|
"subitem": "1",
|
|
213
|
+
"value": "#ffffff",
|
|
214
|
+
"description": "Deprecated, use `--calcite-color-surface-2` instead",
|
|
215
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
216
|
+
"isSource": false,
|
|
217
|
+
"key": "{semantic.color.foreground.1}",
|
|
218
|
+
"name": "calcite-semantic-color-foreground-1",
|
|
219
|
+
"path": ["semantic", "color", "foreground", "1"],
|
|
220
|
+
"comment": "Deprecated, use `--calcite-color-surface-2` instead",
|
|
68
221
|
"names": {
|
|
69
222
|
"scss": "$calcite-color-foreground-1",
|
|
70
223
|
"css": "var(--calcite-color-foreground-1)",
|
|
@@ -77,10 +230,12 @@
|
|
|
77
230
|
"type": "color"
|
|
78
231
|
}
|
|
79
232
|
},
|
|
233
|
+
"description": "Deprecated, use `--calcite-color-surface-2` instead",
|
|
80
234
|
"filePath": "src/tokens/semantic/color/light.json",
|
|
81
235
|
"isSource": false,
|
|
82
236
|
"name": "Color Foreground 1",
|
|
83
|
-
"path": ["semantic", "color", "foreground", "1"]
|
|
237
|
+
"path": ["semantic", "color", "foreground", "1"],
|
|
238
|
+
"comment": "Deprecated, use `--calcite-color-surface-2` instead"
|
|
84
239
|
},
|
|
85
240
|
{
|
|
86
241
|
"key": "{semantic.color.foreground.2}",
|
|
@@ -92,6 +247,14 @@
|
|
|
92
247
|
"type": "color",
|
|
93
248
|
"item": "foreground",
|
|
94
249
|
"subitem": "2",
|
|
250
|
+
"value": "#f2f2f2",
|
|
251
|
+
"description": "Deprecated, use `--calcite-color-surface-3` instead",
|
|
252
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
253
|
+
"isSource": false,
|
|
254
|
+
"key": "{semantic.color.foreground.2}",
|
|
255
|
+
"name": "calcite-semantic-color-foreground-2",
|
|
256
|
+
"path": ["semantic", "color", "foreground", "2"],
|
|
257
|
+
"comment": "Deprecated, use `--calcite-color-surface-3` instead",
|
|
95
258
|
"names": {
|
|
96
259
|
"scss": "$calcite-color-foreground-2",
|
|
97
260
|
"css": "var(--calcite-color-foreground-2)",
|
|
@@ -104,10 +267,12 @@
|
|
|
104
267
|
"type": "color"
|
|
105
268
|
}
|
|
106
269
|
},
|
|
270
|
+
"description": "Deprecated, use `--calcite-color-surface-3` instead",
|
|
107
271
|
"filePath": "src/tokens/semantic/color/light.json",
|
|
108
272
|
"isSource": false,
|
|
109
273
|
"name": "Color Foreground 2",
|
|
110
|
-
"path": ["semantic", "color", "foreground", "2"]
|
|
274
|
+
"path": ["semantic", "color", "foreground", "2"],
|
|
275
|
+
"comment": "Deprecated, use `--calcite-color-surface-3` instead"
|
|
111
276
|
},
|
|
112
277
|
{
|
|
113
278
|
"key": "{semantic.color.foreground.3}",
|
|
@@ -119,6 +284,14 @@
|
|
|
119
284
|
"type": "color",
|
|
120
285
|
"item": "foreground",
|
|
121
286
|
"subitem": "3",
|
|
287
|
+
"value": "#ebebeb",
|
|
288
|
+
"description": "Deprecated, use `--calcite-color-surface-4` instead",
|
|
289
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
290
|
+
"isSource": false,
|
|
291
|
+
"key": "{semantic.color.foreground.3}",
|
|
292
|
+
"name": "calcite-semantic-color-foreground-3",
|
|
293
|
+
"path": ["semantic", "color", "foreground", "3"],
|
|
294
|
+
"comment": "Deprecated, use `--calcite-color-surface-4` instead",
|
|
122
295
|
"names": {
|
|
123
296
|
"scss": "$calcite-color-foreground-3",
|
|
124
297
|
"css": "var(--calcite-color-foreground-3)",
|
|
@@ -131,10 +304,12 @@
|
|
|
131
304
|
"type": "color"
|
|
132
305
|
}
|
|
133
306
|
},
|
|
307
|
+
"description": "Deprecated, use `--calcite-color-surface-4` instead",
|
|
134
308
|
"filePath": "src/tokens/semantic/color/light.json",
|
|
135
309
|
"isSource": false,
|
|
136
310
|
"name": "Color Foreground 3",
|
|
137
|
-
"path": ["semantic", "color", "foreground", "3"]
|
|
311
|
+
"path": ["semantic", "color", "foreground", "3"],
|
|
312
|
+
"comment": "Deprecated, use `--calcite-color-surface-4` instead"
|
|
138
313
|
},
|
|
139
314
|
{
|
|
140
315
|
"key": "{semantic.color.foreground.current}",
|
|
@@ -173,33 +348,6 @@
|
|
|
173
348
|
"path": ["semantic", "color", "foreground", "current"],
|
|
174
349
|
"comment": "deprecated, use --calcite-color-surface-highlight instead"
|
|
175
350
|
},
|
|
176
|
-
{
|
|
177
|
-
"key": "{semantic.color.surface.highlight}",
|
|
178
|
-
"value": "{\"light\":\"#d6efff\",\"dark\":\"#2b465f\"}",
|
|
179
|
-
"type": "color",
|
|
180
|
-
"attributes": {
|
|
181
|
-
"category": "color",
|
|
182
|
-
"group": "foreground",
|
|
183
|
-
"type": "color",
|
|
184
|
-
"item": "surface",
|
|
185
|
-
"subitem": "highlight",
|
|
186
|
-
"names": {
|
|
187
|
-
"scss": "$calcite-color-surface-highlight",
|
|
188
|
-
"css": "var(--calcite-color-surface-highlight)",
|
|
189
|
-
"docs": "semantic.color.surface.highlight",
|
|
190
|
-
"es6": "calciteColorSurfaceHighlight"
|
|
191
|
-
},
|
|
192
|
-
"calcite-schema": {
|
|
193
|
-
"system": "calcite",
|
|
194
|
-
"tier": "color",
|
|
195
|
-
"type": "color"
|
|
196
|
-
}
|
|
197
|
-
},
|
|
198
|
-
"filePath": "src/tokens/semantic/color/light.json",
|
|
199
|
-
"isSource": false,
|
|
200
|
-
"name": "Color Surface Highlight",
|
|
201
|
-
"path": ["semantic", "color", "surface", "highlight"]
|
|
202
|
-
},
|
|
203
351
|
{
|
|
204
352
|
"key": "{semantic.color.transparent.default.default}",
|
|
205
353
|
"value": "{\"light\":\"rgba(0, 0, 0, 0)\",\"dark\":\"rgba(255, 255, 255, 0)\"}",
|
package/dist/docs/light.json
CHANGED
|
@@ -1,6 +1,141 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp":
|
|
2
|
+
"timestamp": 1766025216375,
|
|
3
3
|
"tokens": [
|
|
4
|
+
{
|
|
5
|
+
"key": "{semantic.color.surface.1}",
|
|
6
|
+
"value": "#f7f7f7",
|
|
7
|
+
"type": "color",
|
|
8
|
+
"attributes": {
|
|
9
|
+
"category": "color",
|
|
10
|
+
"group": "surface",
|
|
11
|
+
"type": "color",
|
|
12
|
+
"item": "surface",
|
|
13
|
+
"subitem": "1",
|
|
14
|
+
"names": {
|
|
15
|
+
"scss": "$calcite-color-surface-1",
|
|
16
|
+
"css": "var(--calcite-color-surface-1)",
|
|
17
|
+
"docs": "semantic.color.surface.1",
|
|
18
|
+
"es6": "calciteColorSurface1"
|
|
19
|
+
},
|
|
20
|
+
"calcite-schema": {
|
|
21
|
+
"system": "calcite",
|
|
22
|
+
"tier": "color",
|
|
23
|
+
"type": "color"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
27
|
+
"isSource": true,
|
|
28
|
+
"name": "Color Surface 1",
|
|
29
|
+
"path": ["semantic", "color", "surface", "1"]
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"key": "{semantic.color.surface.2}",
|
|
33
|
+
"value": "#ffffff",
|
|
34
|
+
"type": "color",
|
|
35
|
+
"attributes": {
|
|
36
|
+
"category": "color",
|
|
37
|
+
"group": "surface",
|
|
38
|
+
"type": "color",
|
|
39
|
+
"item": "surface",
|
|
40
|
+
"subitem": "2",
|
|
41
|
+
"names": {
|
|
42
|
+
"scss": "$calcite-color-surface-2",
|
|
43
|
+
"css": "var(--calcite-color-surface-2)",
|
|
44
|
+
"docs": "semantic.color.surface.2",
|
|
45
|
+
"es6": "calciteColorSurface2"
|
|
46
|
+
},
|
|
47
|
+
"calcite-schema": {
|
|
48
|
+
"system": "calcite",
|
|
49
|
+
"tier": "color",
|
|
50
|
+
"type": "color"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
54
|
+
"isSource": true,
|
|
55
|
+
"name": "Color Surface 2",
|
|
56
|
+
"path": ["semantic", "color", "surface", "2"]
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"key": "{semantic.color.surface.3}",
|
|
60
|
+
"value": "#f2f2f2",
|
|
61
|
+
"type": "color",
|
|
62
|
+
"attributes": {
|
|
63
|
+
"category": "color",
|
|
64
|
+
"group": "surface",
|
|
65
|
+
"type": "color",
|
|
66
|
+
"item": "surface",
|
|
67
|
+
"subitem": "3",
|
|
68
|
+
"names": {
|
|
69
|
+
"scss": "$calcite-color-surface-3",
|
|
70
|
+
"css": "var(--calcite-color-surface-3)",
|
|
71
|
+
"docs": "semantic.color.surface.3",
|
|
72
|
+
"es6": "calciteColorSurface3"
|
|
73
|
+
},
|
|
74
|
+
"calcite-schema": {
|
|
75
|
+
"system": "calcite",
|
|
76
|
+
"tier": "color",
|
|
77
|
+
"type": "color"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
81
|
+
"isSource": true,
|
|
82
|
+
"name": "Color Surface 3",
|
|
83
|
+
"path": ["semantic", "color", "surface", "3"]
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"key": "{semantic.color.surface.4}",
|
|
87
|
+
"value": "#ebebeb",
|
|
88
|
+
"type": "color",
|
|
89
|
+
"attributes": {
|
|
90
|
+
"category": "color",
|
|
91
|
+
"group": "surface",
|
|
92
|
+
"type": "color",
|
|
93
|
+
"item": "surface",
|
|
94
|
+
"subitem": "4",
|
|
95
|
+
"names": {
|
|
96
|
+
"scss": "$calcite-color-surface-4",
|
|
97
|
+
"css": "var(--calcite-color-surface-4)",
|
|
98
|
+
"docs": "semantic.color.surface.4",
|
|
99
|
+
"es6": "calciteColorSurface4"
|
|
100
|
+
},
|
|
101
|
+
"calcite-schema": {
|
|
102
|
+
"system": "calcite",
|
|
103
|
+
"tier": "color",
|
|
104
|
+
"type": "color"
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
108
|
+
"isSource": true,
|
|
109
|
+
"name": "Color Surface 4",
|
|
110
|
+
"path": ["semantic", "color", "surface", "4"]
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"key": "{semantic.color.surface.highlight}",
|
|
114
|
+
"value": "#d6efff",
|
|
115
|
+
"type": "color",
|
|
116
|
+
"attributes": {
|
|
117
|
+
"category": "color",
|
|
118
|
+
"group": "surface",
|
|
119
|
+
"type": "color",
|
|
120
|
+
"item": "surface",
|
|
121
|
+
"subitem": "highlight",
|
|
122
|
+
"names": {
|
|
123
|
+
"scss": "$calcite-color-surface-highlight",
|
|
124
|
+
"css": "var(--calcite-color-surface-highlight)",
|
|
125
|
+
"docs": "semantic.color.surface.highlight",
|
|
126
|
+
"es6": "calciteColorSurfaceHighlight"
|
|
127
|
+
},
|
|
128
|
+
"calcite-schema": {
|
|
129
|
+
"system": "calcite",
|
|
130
|
+
"tier": "color",
|
|
131
|
+
"type": "color"
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
135
|
+
"isSource": true,
|
|
136
|
+
"name": "Color Surface Highlight",
|
|
137
|
+
"path": ["semantic", "color", "surface", "highlight"]
|
|
138
|
+
},
|
|
4
139
|
{
|
|
5
140
|
"key": "{semantic.color.background.default}",
|
|
6
141
|
"value": "#f7f7f7",
|
|
@@ -11,6 +146,14 @@
|
|
|
11
146
|
"type": "color",
|
|
12
147
|
"item": "background",
|
|
13
148
|
"subitem": "default",
|
|
149
|
+
"value": "#f7f7f7",
|
|
150
|
+
"description": "Deprecated, use `--calcite-color-surface-1` instead",
|
|
151
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
152
|
+
"isSource": true,
|
|
153
|
+
"key": "{semantic.color.background.default}",
|
|
154
|
+
"name": "calcite-semantic-color-background-default",
|
|
155
|
+
"path": ["semantic", "color", "background", "default"],
|
|
156
|
+
"comment": "Deprecated, use `--calcite-color-surface-1` instead",
|
|
14
157
|
"names": {
|
|
15
158
|
"scss": "$calcite-color-background",
|
|
16
159
|
"css": "var(--calcite-color-background)",
|
|
@@ -23,10 +166,12 @@
|
|
|
23
166
|
"type": "color"
|
|
24
167
|
}
|
|
25
168
|
},
|
|
169
|
+
"description": "Deprecated, use `--calcite-color-surface-1` instead",
|
|
26
170
|
"filePath": "src/tokens/semantic/color/light.json",
|
|
27
171
|
"isSource": true,
|
|
28
172
|
"name": "Color Background",
|
|
29
|
-
"path": ["semantic", "color", "background", "default"]
|
|
173
|
+
"path": ["semantic", "color", "background", "default"],
|
|
174
|
+
"comment": "Deprecated, use `--calcite-color-surface-1` instead"
|
|
30
175
|
},
|
|
31
176
|
{
|
|
32
177
|
"key": "{semantic.color.background.none}",
|
|
@@ -65,6 +210,14 @@
|
|
|
65
210
|
"type": "color",
|
|
66
211
|
"item": "foreground",
|
|
67
212
|
"subitem": "1",
|
|
213
|
+
"value": "#ffffff",
|
|
214
|
+
"description": "Deprecated, use `--calcite-color-surface-2` instead",
|
|
215
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
216
|
+
"isSource": true,
|
|
217
|
+
"key": "{semantic.color.foreground.1}",
|
|
218
|
+
"name": "calcite-semantic-color-foreground-1",
|
|
219
|
+
"path": ["semantic", "color", "foreground", "1"],
|
|
220
|
+
"comment": "Deprecated, use `--calcite-color-surface-2` instead",
|
|
68
221
|
"names": {
|
|
69
222
|
"scss": "$calcite-color-foreground-1",
|
|
70
223
|
"css": "var(--calcite-color-foreground-1)",
|
|
@@ -77,10 +230,12 @@
|
|
|
77
230
|
"type": "color"
|
|
78
231
|
}
|
|
79
232
|
},
|
|
233
|
+
"description": "Deprecated, use `--calcite-color-surface-2` instead",
|
|
80
234
|
"filePath": "src/tokens/semantic/color/light.json",
|
|
81
235
|
"isSource": true,
|
|
82
236
|
"name": "Color Foreground 1",
|
|
83
|
-
"path": ["semantic", "color", "foreground", "1"]
|
|
237
|
+
"path": ["semantic", "color", "foreground", "1"],
|
|
238
|
+
"comment": "Deprecated, use `--calcite-color-surface-2` instead"
|
|
84
239
|
},
|
|
85
240
|
{
|
|
86
241
|
"key": "{semantic.color.foreground.2}",
|
|
@@ -92,6 +247,14 @@
|
|
|
92
247
|
"type": "color",
|
|
93
248
|
"item": "foreground",
|
|
94
249
|
"subitem": "2",
|
|
250
|
+
"value": "#f2f2f2",
|
|
251
|
+
"description": "Deprecated, use `--calcite-color-surface-3` instead",
|
|
252
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
253
|
+
"isSource": true,
|
|
254
|
+
"key": "{semantic.color.foreground.2}",
|
|
255
|
+
"name": "calcite-semantic-color-foreground-2",
|
|
256
|
+
"path": ["semantic", "color", "foreground", "2"],
|
|
257
|
+
"comment": "Deprecated, use `--calcite-color-surface-3` instead",
|
|
95
258
|
"names": {
|
|
96
259
|
"scss": "$calcite-color-foreground-2",
|
|
97
260
|
"css": "var(--calcite-color-foreground-2)",
|
|
@@ -104,10 +267,12 @@
|
|
|
104
267
|
"type": "color"
|
|
105
268
|
}
|
|
106
269
|
},
|
|
270
|
+
"description": "Deprecated, use `--calcite-color-surface-3` instead",
|
|
107
271
|
"filePath": "src/tokens/semantic/color/light.json",
|
|
108
272
|
"isSource": true,
|
|
109
273
|
"name": "Color Foreground 2",
|
|
110
|
-
"path": ["semantic", "color", "foreground", "2"]
|
|
274
|
+
"path": ["semantic", "color", "foreground", "2"],
|
|
275
|
+
"comment": "Deprecated, use `--calcite-color-surface-3` instead"
|
|
111
276
|
},
|
|
112
277
|
{
|
|
113
278
|
"key": "{semantic.color.foreground.3}",
|
|
@@ -119,6 +284,14 @@
|
|
|
119
284
|
"type": "color",
|
|
120
285
|
"item": "foreground",
|
|
121
286
|
"subitem": "3",
|
|
287
|
+
"value": "#ebebeb",
|
|
288
|
+
"description": "Deprecated, use `--calcite-color-surface-4` instead",
|
|
289
|
+
"filePath": "src/tokens/semantic/color/light.json",
|
|
290
|
+
"isSource": true,
|
|
291
|
+
"key": "{semantic.color.foreground.3}",
|
|
292
|
+
"name": "calcite-semantic-color-foreground-3",
|
|
293
|
+
"path": ["semantic", "color", "foreground", "3"],
|
|
294
|
+
"comment": "Deprecated, use `--calcite-color-surface-4` instead",
|
|
122
295
|
"names": {
|
|
123
296
|
"scss": "$calcite-color-foreground-3",
|
|
124
297
|
"css": "var(--calcite-color-foreground-3)",
|
|
@@ -131,10 +304,12 @@
|
|
|
131
304
|
"type": "color"
|
|
132
305
|
}
|
|
133
306
|
},
|
|
307
|
+
"description": "Deprecated, use `--calcite-color-surface-4` instead",
|
|
134
308
|
"filePath": "src/tokens/semantic/color/light.json",
|
|
135
309
|
"isSource": true,
|
|
136
310
|
"name": "Color Foreground 3",
|
|
137
|
-
"path": ["semantic", "color", "foreground", "3"]
|
|
311
|
+
"path": ["semantic", "color", "foreground", "3"],
|
|
312
|
+
"comment": "Deprecated, use `--calcite-color-surface-4` instead"
|
|
138
313
|
},
|
|
139
314
|
{
|
|
140
315
|
"key": "{semantic.color.foreground.current}",
|
|
@@ -173,33 +348,6 @@
|
|
|
173
348
|
"path": ["semantic", "color", "foreground", "current"],
|
|
174
349
|
"comment": "deprecated, use --calcite-color-surface-highlight instead"
|
|
175
350
|
},
|
|
176
|
-
{
|
|
177
|
-
"key": "{semantic.color.surface.highlight}",
|
|
178
|
-
"value": "#d6efff",
|
|
179
|
-
"type": "color",
|
|
180
|
-
"attributes": {
|
|
181
|
-
"category": "color",
|
|
182
|
-
"group": "foreground",
|
|
183
|
-
"type": "color",
|
|
184
|
-
"item": "surface",
|
|
185
|
-
"subitem": "highlight",
|
|
186
|
-
"names": {
|
|
187
|
-
"scss": "$calcite-color-surface-highlight",
|
|
188
|
-
"css": "var(--calcite-color-surface-highlight)",
|
|
189
|
-
"docs": "semantic.color.surface.highlight",
|
|
190
|
-
"es6": "calciteColorSurfaceHighlight"
|
|
191
|
-
},
|
|
192
|
-
"calcite-schema": {
|
|
193
|
-
"system": "calcite",
|
|
194
|
-
"tier": "color",
|
|
195
|
-
"type": "color"
|
|
196
|
-
}
|
|
197
|
-
},
|
|
198
|
-
"filePath": "src/tokens/semantic/color/light.json",
|
|
199
|
-
"isSource": true,
|
|
200
|
-
"name": "Color Surface Highlight",
|
|
201
|
-
"path": ["semantic", "color", "surface", "highlight"]
|
|
202
|
-
},
|
|
203
351
|
{
|
|
204
352
|
"key": "{semantic.color.transparent.default.default}",
|
|
205
353
|
"value": "rgba(0, 0, 0, 0)",
|
package/dist/docs/semantic.json
CHANGED
package/dist/es6/dark.d.ts
CHANGED
|
@@ -3,14 +3,22 @@
|
|
|
3
3
|
* Do not edit directly, this file was auto-generated.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
export const calciteColorSurface1: string;
|
|
7
|
+
export const calciteColorSurface2: string;
|
|
8
|
+
export const calciteColorSurface3: string;
|
|
9
|
+
export const calciteColorSurface4: string;
|
|
10
|
+
export const calciteColorSurfaceHighlight: string;
|
|
11
|
+
/** Deprecated, use `--calcite-color-surface-1` instead */
|
|
6
12
|
export const calciteColorBackground: string;
|
|
7
13
|
export const calciteColorBackgroundNone: string;
|
|
14
|
+
/** Deprecated, use `--calcite-color-surface-2` instead */
|
|
8
15
|
export const calciteColorForeground1: string;
|
|
16
|
+
/** Deprecated, use `--calcite-color-surface-3` instead */
|
|
9
17
|
export const calciteColorForeground2: string;
|
|
18
|
+
/** Deprecated, use `--calcite-color-surface-4` instead */
|
|
10
19
|
export const calciteColorForeground3: string;
|
|
11
20
|
/** deprecated, use --calcite-color-surface-highlight instead */
|
|
12
21
|
export const calciteColorForegroundCurrent: string;
|
|
13
|
-
export const calciteColorSurfaceHighlight: string;
|
|
14
22
|
export const calciteColorTransparent: string;
|
|
15
23
|
export const calciteColorTransparentHover: string;
|
|
16
24
|
export const calciteColorTransparentPress: string;
|
package/dist/es6/dark.js
CHANGED
|
@@ -3,13 +3,17 @@
|
|
|
3
3
|
* Do not edit directly, this file was auto-generated.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const
|
|
6
|
+
export const calciteColorSurface1 = "#212121";
|
|
7
|
+
export const calciteColorSurface2 = "#2b2b2b";
|
|
8
|
+
export const calciteColorSurface3 = "#363636";
|
|
9
|
+
export const calciteColorSurface4 = "#404040";
|
|
10
|
+
export const calciteColorSurfaceHighlight = "#2b465f";
|
|
11
|
+
export const calciteColorBackground = "#212121"; // Deprecated, use `--calcite-color-surface-1` instead
|
|
7
12
|
export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
|
|
8
|
-
export const calciteColorForeground1 = "#2b2b2b";
|
|
9
|
-
export const calciteColorForeground2 = "#363636";
|
|
10
|
-
export const calciteColorForeground3 = "#404040";
|
|
13
|
+
export const calciteColorForeground1 = "#2b2b2b"; // Deprecated, use `--calcite-color-surface-2` instead
|
|
14
|
+
export const calciteColorForeground2 = "#363636"; // Deprecated, use `--calcite-color-surface-3` instead
|
|
15
|
+
export const calciteColorForeground3 = "#404040"; // Deprecated, use `--calcite-color-surface-4` instead
|
|
11
16
|
export const calciteColorForegroundCurrent = "#2b465f"; // deprecated, use --calcite-color-surface-highlight instead
|
|
12
|
-
export const calciteColorSurfaceHighlight = "#2b465f";
|
|
13
17
|
export const calciteColorTransparent = "rgba(255, 255, 255, 0)";
|
|
14
18
|
export const calciteColorTransparentHover = "rgba(255, 255, 255, 0.12)";
|
|
15
19
|
export const calciteColorTransparentPress = "rgba(255, 255, 255, 0.16)";
|
package/dist/es6/global.d.ts
CHANGED
|
@@ -4,14 +4,22 @@
|
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
+
export const calciteColorSurface1: { light: string; dark: string };
|
|
8
|
+
export const calciteColorSurface2: { light: string; dark: string };
|
|
9
|
+
export const calciteColorSurface3: { light: string; dark: string };
|
|
10
|
+
export const calciteColorSurface4: { light: string; dark: string };
|
|
11
|
+
export const calciteColorSurfaceHighlight: { light: string; dark: string };
|
|
12
|
+
/** Deprecated, use `--calcite-color-surface-1` instead */
|
|
7
13
|
export const calciteColorBackground: { light: string; dark: string };
|
|
8
14
|
export const calciteColorBackgroundNone: string;
|
|
15
|
+
/** Deprecated, use `--calcite-color-surface-2` instead */
|
|
9
16
|
export const calciteColorForeground1: { light: string; dark: string };
|
|
17
|
+
/** Deprecated, use `--calcite-color-surface-3` instead */
|
|
10
18
|
export const calciteColorForeground2: { light: string; dark: string };
|
|
19
|
+
/** Deprecated, use `--calcite-color-surface-4` instead */
|
|
11
20
|
export const calciteColorForeground3: { light: string; dark: string };
|
|
12
21
|
/** deprecated, use --calcite-color-surface-highlight instead */
|
|
13
22
|
export const calciteColorForegroundCurrent: { light: string; dark: string };
|
|
14
|
-
export const calciteColorSurfaceHighlight: { light: string; dark: string };
|
|
15
23
|
export const calciteColorTransparent: { light: string; dark: string };
|
|
16
24
|
export const calciteColorTransparentHover: { light: string; dark: string };
|
|
17
25
|
export const calciteColorTransparentPress: { light: string; dark: string };
|