@esri/calcite-design-tokens 3.0.2-next.8 → 3.1.0-next.1
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/core.css +17 -15
- package/dist/css/dark.css +13 -11
- package/dist/css/index.css +59 -49
- package/dist/css/light.css +11 -9
- package/dist/docs/core.json +68 -16
- package/dist/docs/dark.json +68 -12
- package/dist/docs/global.json +70 -14
- package/dist/docs/light.json +66 -10
- package/dist/docs/semantic.json +1 -1
- package/dist/es6/core.d.ts +2 -0
- package/dist/es6/core.js +17 -15
- package/dist/es6/dark.d.ts +2 -0
- package/dist/es6/dark.js +13 -11
- package/dist/es6/global.d.ts +8 -0
- package/dist/es6/global.js +21 -13
- package/dist/es6/light.d.ts +2 -0
- package/dist/es6/light.js +11 -9
- package/dist/js/core.d.ts +2 -0
- package/dist/js/core.js +96 -30
- package/dist/js/dark.d.ts +2 -0
- package/dist/js/dark.js +85 -13
- package/dist/js/global.d.ts +4 -0
- package/dist/js/global.js +98 -20
- package/dist/js/light.d.ts +2 -0
- package/dist/js/light.js +81 -9
- package/dist/scss/core.scss +17 -15
- package/dist/scss/dark.scss +13 -11
- package/dist/scss/index.scss +24 -20
- package/dist/scss/light.scss +11 -9
- package/package.json +2 -2
package/dist/es6/global.js
CHANGED
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
export const calciteColorBackground = { light: "#
|
|
7
|
+
export const calciteColorBackground = { light: "#f7f7f7", dark: "#363636" };
|
|
8
8
|
export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
|
|
9
9
|
export const calciteColorForeground1 = { light: "#ffffff", dark: "#2b2b2b" };
|
|
10
|
-
export const calciteColorForeground2 = { light: "#
|
|
11
|
-
export const calciteColorForeground3 = { light: "#
|
|
10
|
+
export const calciteColorForeground2 = { light: "#f2f2f2", dark: "#212121" };
|
|
11
|
+
export const calciteColorForeground3 = { light: "#ebebeb", dark: "#141414" };
|
|
12
12
|
export const calciteColorForegroundCurrent = {
|
|
13
13
|
light: "#c7eaff",
|
|
14
14
|
dark: "#214155",
|
|
@@ -19,11 +19,19 @@ export const calciteColorTransparent = {
|
|
|
19
19
|
};
|
|
20
20
|
export const calciteColorTransparentHover = {
|
|
21
21
|
light: "rgba(0, 0, 0, 0.04)",
|
|
22
|
-
dark: "rgba(255, 255, 255, 0.
|
|
22
|
+
dark: "rgba(255, 255, 255, 0.12)",
|
|
23
23
|
};
|
|
24
24
|
export const calciteColorTransparentPress = {
|
|
25
25
|
light: "rgba(0, 0, 0, 0.08)",
|
|
26
|
-
dark: "rgba(255, 255, 255, 0.
|
|
26
|
+
dark: "rgba(255, 255, 255, 0.16)",
|
|
27
|
+
};
|
|
28
|
+
export const calciteColorTransparentInverseHover = {
|
|
29
|
+
light: "rgba(255, 255, 255, 0.12)",
|
|
30
|
+
dark: "rgba(0, 0, 0, 0.04)",
|
|
31
|
+
};
|
|
32
|
+
export const calciteColorTransparentInversePress = {
|
|
33
|
+
light: "rgba(255, 255, 255, 0.16)",
|
|
34
|
+
dark: "rgba(0, 0, 0, 0.08)",
|
|
27
35
|
};
|
|
28
36
|
export const calciteColorTransparentScrim = {
|
|
29
37
|
light: "rgba(255, 255, 255, 0.85)",
|
|
@@ -76,23 +84,23 @@ export const calciteColorStatusDangerPress = {
|
|
|
76
84
|
light: "#7c1d13",
|
|
77
85
|
dark: "#d90012",
|
|
78
86
|
};
|
|
79
|
-
export const calciteColorInverse = { light: "#
|
|
87
|
+
export const calciteColorInverse = { light: "#363636", dark: "#f7f7f7" };
|
|
80
88
|
export const calciteColorInverseHover = { light: "#2b2b2b", dark: "#ffffff" };
|
|
81
|
-
export const calciteColorInversePress = { light: "#
|
|
82
|
-
export const calciteColorText1 = { light: "#
|
|
89
|
+
export const calciteColorInversePress = { light: "#212121", dark: "#f2f2f2" };
|
|
90
|
+
export const calciteColorText1 = { light: "#141414", dark: "#ffffff" };
|
|
83
91
|
export const calciteColorText2 = { light: "#4a4a4a", dark: "#bfbfbf" };
|
|
84
|
-
export const calciteColorText3 = { light: "#
|
|
85
|
-
export const calciteColorTextInverse = { light: "#ffffff", dark: "#
|
|
92
|
+
export const calciteColorText3 = { light: "#6b6b6b", dark: "#9e9e9e" };
|
|
93
|
+
export const calciteColorTextInverse = { light: "#ffffff", dark: "#141414" };
|
|
86
94
|
export const calciteColorTextLink = { light: "#00619b", dark: "#00a0ff" };
|
|
87
|
-
export const calciteColorBorder1 = { light: "#
|
|
95
|
+
export const calciteColorBorder1 = { light: "#c9c9c9", dark: "#545454" };
|
|
88
96
|
export const calciteColorBorder2 = { light: "#d4d4d4", dark: "#4a4a4a" };
|
|
89
|
-
export const calciteColorBorder3 = { light: "#
|
|
97
|
+
export const calciteColorBorder3 = { light: "#dedede", dark: "#404040" };
|
|
90
98
|
export const calciteColorBorderInput = { light: "#949494", dark: "#757575" };
|
|
91
99
|
export const calciteColorBorderGhost = {
|
|
92
100
|
light: "rgba(0, 0, 0, 0.3)",
|
|
93
101
|
dark: "rgba(117, 117, 117, 0.3)",
|
|
94
102
|
};
|
|
95
|
-
export const calciteColorBorderWhite = { light: "#ffffff", dark: "#
|
|
103
|
+
export const calciteColorBorderWhite = { light: "#ffffff", dark: "#f7f7f7" };
|
|
96
104
|
export const calciteBorderWidthNone = "0";
|
|
97
105
|
export const calciteBorderWidthSm = "1px";
|
|
98
106
|
export const calciteBorderWidthMd = "2px";
|
package/dist/es6/light.d.ts
CHANGED
|
@@ -12,6 +12,8 @@ export const calciteColorForegroundCurrent: string;
|
|
|
12
12
|
export const calciteColorTransparent: string;
|
|
13
13
|
export const calciteColorTransparentHover: string;
|
|
14
14
|
export const calciteColorTransparentPress: string;
|
|
15
|
+
export const calciteColorTransparentInverseHover: string;
|
|
16
|
+
export const calciteColorTransparentInversePress: string;
|
|
15
17
|
export const calciteColorTransparentScrim: string;
|
|
16
18
|
export const calciteColorTransparentTint: string;
|
|
17
19
|
export const calciteColorBrand: string;
|
package/dist/es6/light.js
CHANGED
|
@@ -3,15 +3,17 @@
|
|
|
3
3
|
* Do not edit directly, this file was auto-generated.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const calciteColorBackground = "#
|
|
6
|
+
export const calciteColorBackground = "#f7f7f7";
|
|
7
7
|
export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
|
|
8
8
|
export const calciteColorForeground1 = "#ffffff";
|
|
9
|
-
export const calciteColorForeground2 = "#
|
|
10
|
-
export const calciteColorForeground3 = "#
|
|
9
|
+
export const calciteColorForeground2 = "#f2f2f2";
|
|
10
|
+
export const calciteColorForeground3 = "#ebebeb";
|
|
11
11
|
export const calciteColorForegroundCurrent = "#c7eaff";
|
|
12
12
|
export const calciteColorTransparent = "rgba(0, 0, 0, 0)";
|
|
13
13
|
export const calciteColorTransparentHover = "rgba(0, 0, 0, 0.04)";
|
|
14
14
|
export const calciteColorTransparentPress = "rgba(0, 0, 0, 0.08)";
|
|
15
|
+
export const calciteColorTransparentInverseHover = "rgba(255, 255, 255, 0.12)";
|
|
16
|
+
export const calciteColorTransparentInversePress = "rgba(255, 255, 255, 0.16)";
|
|
15
17
|
export const calciteColorTransparentScrim = "rgba(255, 255, 255, 0.85)";
|
|
16
18
|
export const calciteColorTransparentTint = "rgba(255, 255, 255, 0.8)";
|
|
17
19
|
export const calciteColorBrand = "#007ac2";
|
|
@@ -30,17 +32,17 @@ export const calciteColorStatusWarningPress = "#bfa200";
|
|
|
30
32
|
export const calciteColorStatusDanger = "#d83020";
|
|
31
33
|
export const calciteColorStatusDangerHover = "#a82b1e";
|
|
32
34
|
export const calciteColorStatusDangerPress = "#7c1d13";
|
|
33
|
-
export const calciteColorInverse = "#
|
|
35
|
+
export const calciteColorInverse = "#363636";
|
|
34
36
|
export const calciteColorInverseHover = "#2b2b2b";
|
|
35
|
-
export const calciteColorInversePress = "#
|
|
36
|
-
export const calciteColorText1 = "#
|
|
37
|
+
export const calciteColorInversePress = "#212121";
|
|
38
|
+
export const calciteColorText1 = "#141414";
|
|
37
39
|
export const calciteColorText2 = "#4a4a4a";
|
|
38
|
-
export const calciteColorText3 = "#
|
|
40
|
+
export const calciteColorText3 = "#6b6b6b";
|
|
39
41
|
export const calciteColorTextInverse = "#ffffff";
|
|
40
42
|
export const calciteColorTextLink = "#00619b";
|
|
41
|
-
export const calciteColorBorder1 = "#
|
|
43
|
+
export const calciteColorBorder1 = "#c9c9c9";
|
|
42
44
|
export const calciteColorBorder2 = "#d4d4d4";
|
|
43
|
-
export const calciteColorBorder3 = "#
|
|
45
|
+
export const calciteColorBorder3 = "#dedede";
|
|
44
46
|
export const calciteColorBorderInput = "#949494";
|
|
45
47
|
export const calciteColorBorderGhost = "rgba(0, 0, 0, 0.3)";
|
|
46
48
|
export const calciteColorBorderWhite = "#ffffff";
|
package/dist/js/core.d.ts
CHANGED
package/dist/js/core.js
CHANGED
|
@@ -42,7 +42,7 @@ export default {
|
|
|
42
42
|
key: "{core.color.neutral.blk-000}",
|
|
43
43
|
},
|
|
44
44
|
"blk-005": {
|
|
45
|
-
value: "#
|
|
45
|
+
value: "#f7f7f7",
|
|
46
46
|
type: "color",
|
|
47
47
|
attributes: {
|
|
48
48
|
category: "color",
|
|
@@ -65,7 +65,7 @@ export default {
|
|
|
65
65
|
filePath: "src/tokens/core/color.json",
|
|
66
66
|
isSource: false,
|
|
67
67
|
original: {
|
|
68
|
-
value: "#
|
|
68
|
+
value: "#f7f7f7",
|
|
69
69
|
type: "color",
|
|
70
70
|
attributes: {
|
|
71
71
|
category: "color",
|
|
@@ -76,7 +76,7 @@ export default {
|
|
|
76
76
|
key: "{core.color.neutral.blk-005}",
|
|
77
77
|
},
|
|
78
78
|
"blk-010": {
|
|
79
|
-
value: "#
|
|
79
|
+
value: "#f2f2f2",
|
|
80
80
|
type: "color",
|
|
81
81
|
attributes: {
|
|
82
82
|
category: "color",
|
|
@@ -99,7 +99,7 @@ export default {
|
|
|
99
99
|
filePath: "src/tokens/core/color.json",
|
|
100
100
|
isSource: false,
|
|
101
101
|
original: {
|
|
102
|
-
value: "#
|
|
102
|
+
value: "#f2f2f2",
|
|
103
103
|
type: "color",
|
|
104
104
|
attributes: {
|
|
105
105
|
category: "color",
|
|
@@ -110,7 +110,7 @@ export default {
|
|
|
110
110
|
key: "{core.color.neutral.blk-010}",
|
|
111
111
|
},
|
|
112
112
|
"blk-020": {
|
|
113
|
-
value: "#
|
|
113
|
+
value: "#ebebeb",
|
|
114
114
|
type: "color",
|
|
115
115
|
attributes: {
|
|
116
116
|
category: "color",
|
|
@@ -133,7 +133,7 @@ export default {
|
|
|
133
133
|
filePath: "src/tokens/core/color.json",
|
|
134
134
|
isSource: false,
|
|
135
135
|
original: {
|
|
136
|
-
value: "#
|
|
136
|
+
value: "#ebebeb",
|
|
137
137
|
type: "color",
|
|
138
138
|
attributes: {
|
|
139
139
|
category: "color",
|
|
@@ -144,7 +144,7 @@ export default {
|
|
|
144
144
|
key: "{core.color.neutral.blk-020}",
|
|
145
145
|
},
|
|
146
146
|
"blk-030": {
|
|
147
|
-
value: "#
|
|
147
|
+
value: "#dedede",
|
|
148
148
|
type: "color",
|
|
149
149
|
attributes: {
|
|
150
150
|
category: "color",
|
|
@@ -167,7 +167,7 @@ export default {
|
|
|
167
167
|
filePath: "src/tokens/core/color.json",
|
|
168
168
|
isSource: false,
|
|
169
169
|
original: {
|
|
170
|
-
value: "#
|
|
170
|
+
value: "#dedede",
|
|
171
171
|
type: "color",
|
|
172
172
|
attributes: {
|
|
173
173
|
category: "color",
|
|
@@ -212,7 +212,7 @@ export default {
|
|
|
212
212
|
key: "{core.color.neutral.blk-040}",
|
|
213
213
|
},
|
|
214
214
|
"blk-050": {
|
|
215
|
-
value: "#
|
|
215
|
+
value: "#c9c9c9",
|
|
216
216
|
type: "color",
|
|
217
217
|
attributes: {
|
|
218
218
|
category: "color",
|
|
@@ -235,7 +235,7 @@ export default {
|
|
|
235
235
|
filePath: "src/tokens/core/color.json",
|
|
236
236
|
isSource: false,
|
|
237
237
|
original: {
|
|
238
|
-
value: "#
|
|
238
|
+
value: "#c9c9c9",
|
|
239
239
|
type: "color",
|
|
240
240
|
attributes: {
|
|
241
241
|
category: "color",
|
|
@@ -314,7 +314,7 @@ export default {
|
|
|
314
314
|
key: "{core.color.neutral.blk-070}",
|
|
315
315
|
},
|
|
316
316
|
"blk-080": {
|
|
317
|
-
value: "#
|
|
317
|
+
value: "#ababab",
|
|
318
318
|
type: "color",
|
|
319
319
|
attributes: {
|
|
320
320
|
category: "color",
|
|
@@ -337,7 +337,7 @@ export default {
|
|
|
337
337
|
filePath: "src/tokens/core/color.json",
|
|
338
338
|
isSource: false,
|
|
339
339
|
original: {
|
|
340
|
-
value: "#
|
|
340
|
+
value: "#ababab",
|
|
341
341
|
type: "color",
|
|
342
342
|
attributes: {
|
|
343
343
|
category: "color",
|
|
@@ -348,7 +348,7 @@ export default {
|
|
|
348
348
|
key: "{core.color.neutral.blk-080}",
|
|
349
349
|
},
|
|
350
350
|
"blk-090": {
|
|
351
|
-
value: "#
|
|
351
|
+
value: "#9e9e9e",
|
|
352
352
|
type: "color",
|
|
353
353
|
attributes: {
|
|
354
354
|
category: "color",
|
|
@@ -371,7 +371,7 @@ export default {
|
|
|
371
371
|
filePath: "src/tokens/core/color.json",
|
|
372
372
|
isSource: false,
|
|
373
373
|
original: {
|
|
374
|
-
value: "#
|
|
374
|
+
value: "#9e9e9e",
|
|
375
375
|
type: "color",
|
|
376
376
|
attributes: {
|
|
377
377
|
category: "color",
|
|
@@ -518,7 +518,7 @@ export default {
|
|
|
518
518
|
key: "{core.color.neutral.blk-130}",
|
|
519
519
|
},
|
|
520
520
|
"blk-140": {
|
|
521
|
-
value: "#
|
|
521
|
+
value: "#6b6b6b",
|
|
522
522
|
type: "color",
|
|
523
523
|
attributes: {
|
|
524
524
|
category: "color",
|
|
@@ -541,7 +541,7 @@ export default {
|
|
|
541
541
|
filePath: "src/tokens/core/color.json",
|
|
542
542
|
isSource: false,
|
|
543
543
|
original: {
|
|
544
|
-
value: "#
|
|
544
|
+
value: "#6b6b6b",
|
|
545
545
|
type: "color",
|
|
546
546
|
attributes: {
|
|
547
547
|
category: "color",
|
|
@@ -552,7 +552,7 @@ export default {
|
|
|
552
552
|
key: "{core.color.neutral.blk-140}",
|
|
553
553
|
},
|
|
554
554
|
"blk-150": {
|
|
555
|
-
value: "#
|
|
555
|
+
value: "#616161",
|
|
556
556
|
type: "color",
|
|
557
557
|
attributes: {
|
|
558
558
|
category: "color",
|
|
@@ -575,7 +575,7 @@ export default {
|
|
|
575
575
|
filePath: "src/tokens/core/color.json",
|
|
576
576
|
isSource: false,
|
|
577
577
|
original: {
|
|
578
|
-
value: "#
|
|
578
|
+
value: "#616161",
|
|
579
579
|
type: "color",
|
|
580
580
|
attributes: {
|
|
581
581
|
category: "color",
|
|
@@ -586,7 +586,7 @@ export default {
|
|
|
586
586
|
key: "{core.color.neutral.blk-150}",
|
|
587
587
|
},
|
|
588
588
|
"blk-160": {
|
|
589
|
-
value: "#
|
|
589
|
+
value: "#545454",
|
|
590
590
|
type: "color",
|
|
591
591
|
attributes: {
|
|
592
592
|
category: "color",
|
|
@@ -609,7 +609,7 @@ export default {
|
|
|
609
609
|
filePath: "src/tokens/core/color.json",
|
|
610
610
|
isSource: false,
|
|
611
611
|
original: {
|
|
612
|
-
value: "#
|
|
612
|
+
value: "#545454",
|
|
613
613
|
type: "color",
|
|
614
614
|
attributes: {
|
|
615
615
|
category: "color",
|
|
@@ -688,7 +688,7 @@ export default {
|
|
|
688
688
|
key: "{core.color.neutral.blk-180}",
|
|
689
689
|
},
|
|
690
690
|
"blk-190": {
|
|
691
|
-
value: "#
|
|
691
|
+
value: "#363636",
|
|
692
692
|
type: "color",
|
|
693
693
|
attributes: {
|
|
694
694
|
category: "color",
|
|
@@ -711,7 +711,7 @@ export default {
|
|
|
711
711
|
filePath: "src/tokens/core/color.json",
|
|
712
712
|
isSource: false,
|
|
713
713
|
original: {
|
|
714
|
-
value: "#
|
|
714
|
+
value: "#363636",
|
|
715
715
|
type: "color",
|
|
716
716
|
attributes: {
|
|
717
717
|
category: "color",
|
|
@@ -756,7 +756,7 @@ export default {
|
|
|
756
756
|
key: "{core.color.neutral.blk-200}",
|
|
757
757
|
},
|
|
758
758
|
"blk-210": {
|
|
759
|
-
value: "#
|
|
759
|
+
value: "#212121",
|
|
760
760
|
type: "color",
|
|
761
761
|
attributes: {
|
|
762
762
|
category: "color",
|
|
@@ -779,7 +779,7 @@ export default {
|
|
|
779
779
|
filePath: "src/tokens/core/color.json",
|
|
780
780
|
isSource: false,
|
|
781
781
|
original: {
|
|
782
|
-
value: "#
|
|
782
|
+
value: "#212121",
|
|
783
783
|
type: "color",
|
|
784
784
|
attributes: {
|
|
785
785
|
category: "color",
|
|
@@ -790,7 +790,7 @@ export default {
|
|
|
790
790
|
key: "{core.color.neutral.blk-210}",
|
|
791
791
|
},
|
|
792
792
|
"blk-220": {
|
|
793
|
-
value: "#
|
|
793
|
+
value: "#141414",
|
|
794
794
|
type: "color",
|
|
795
795
|
attributes: {
|
|
796
796
|
category: "color",
|
|
@@ -813,7 +813,7 @@ export default {
|
|
|
813
813
|
filePath: "src/tokens/core/color.json",
|
|
814
814
|
isSource: false,
|
|
815
815
|
original: {
|
|
816
|
-
value: "#
|
|
816
|
+
value: "#141414",
|
|
817
817
|
type: "color",
|
|
818
818
|
attributes: {
|
|
819
819
|
category: "color",
|
|
@@ -824,7 +824,7 @@ export default {
|
|
|
824
824
|
key: "{core.color.neutral.blk-220}",
|
|
825
825
|
},
|
|
826
826
|
"blk-230": {
|
|
827
|
-
value: "#
|
|
827
|
+
value: "#0a0a0a",
|
|
828
828
|
type: "color",
|
|
829
829
|
attributes: {
|
|
830
830
|
category: "color",
|
|
@@ -847,7 +847,7 @@ export default {
|
|
|
847
847
|
filePath: "src/tokens/core/color.json",
|
|
848
848
|
isSource: false,
|
|
849
849
|
original: {
|
|
850
|
-
value: "#
|
|
850
|
+
value: "#0a0a0a",
|
|
851
851
|
type: "color",
|
|
852
852
|
attributes: {
|
|
853
853
|
category: "color",
|
|
@@ -858,7 +858,7 @@ export default {
|
|
|
858
858
|
key: "{core.color.neutral.blk-230}",
|
|
859
859
|
},
|
|
860
860
|
"blk-235": {
|
|
861
|
-
value: "#
|
|
861
|
+
value: "#050505",
|
|
862
862
|
type: "color",
|
|
863
863
|
attributes: {
|
|
864
864
|
category: "color",
|
|
@@ -881,7 +881,7 @@ export default {
|
|
|
881
881
|
filePath: "src/tokens/core/color.json",
|
|
882
882
|
isSource: false,
|
|
883
883
|
original: {
|
|
884
|
-
value: "#
|
|
884
|
+
value: "#050505",
|
|
885
885
|
type: "color",
|
|
886
886
|
attributes: {
|
|
887
887
|
category: "color",
|
|
@@ -18628,6 +18628,72 @@ export default {
|
|
|
18628
18628
|
path: ["core", "opacity", "10"],
|
|
18629
18629
|
key: "{core.opacity.10}",
|
|
18630
18630
|
},
|
|
18631
|
+
12: {
|
|
18632
|
+
value: "0.12",
|
|
18633
|
+
type: "opacity",
|
|
18634
|
+
attributes: {
|
|
18635
|
+
category: "opacity",
|
|
18636
|
+
type: "opacity",
|
|
18637
|
+
item: "12",
|
|
18638
|
+
names: {
|
|
18639
|
+
scss: "$calcite-opacity-12",
|
|
18640
|
+
css: "var(--calcite-opacity-12)",
|
|
18641
|
+
js: "core.opacity.12",
|
|
18642
|
+
docs: "core.opacity.12",
|
|
18643
|
+
es6: "calciteOpacity12",
|
|
18644
|
+
},
|
|
18645
|
+
"calcite-schema": {
|
|
18646
|
+
system: "calcite",
|
|
18647
|
+
tier: "core",
|
|
18648
|
+
type: "opacity",
|
|
18649
|
+
},
|
|
18650
|
+
},
|
|
18651
|
+
filePath: "src/tokens/core/opacity.json",
|
|
18652
|
+
isSource: false,
|
|
18653
|
+
original: {
|
|
18654
|
+
value: "12%",
|
|
18655
|
+
type: "opacity",
|
|
18656
|
+
attributes: {
|
|
18657
|
+
category: "opacity",
|
|
18658
|
+
},
|
|
18659
|
+
},
|
|
18660
|
+
name: "Opacity 12",
|
|
18661
|
+
path: ["core", "opacity", "12"],
|
|
18662
|
+
key: "{core.opacity.12}",
|
|
18663
|
+
},
|
|
18664
|
+
16: {
|
|
18665
|
+
value: "0.16",
|
|
18666
|
+
type: "opacity",
|
|
18667
|
+
attributes: {
|
|
18668
|
+
category: "opacity",
|
|
18669
|
+
type: "opacity",
|
|
18670
|
+
item: "16",
|
|
18671
|
+
names: {
|
|
18672
|
+
scss: "$calcite-opacity-16",
|
|
18673
|
+
css: "var(--calcite-opacity-16)",
|
|
18674
|
+
js: "core.opacity.16",
|
|
18675
|
+
docs: "core.opacity.16",
|
|
18676
|
+
es6: "calciteOpacity16",
|
|
18677
|
+
},
|
|
18678
|
+
"calcite-schema": {
|
|
18679
|
+
system: "calcite",
|
|
18680
|
+
tier: "core",
|
|
18681
|
+
type: "opacity",
|
|
18682
|
+
},
|
|
18683
|
+
},
|
|
18684
|
+
filePath: "src/tokens/core/opacity.json",
|
|
18685
|
+
isSource: false,
|
|
18686
|
+
original: {
|
|
18687
|
+
value: "16%",
|
|
18688
|
+
type: "opacity",
|
|
18689
|
+
attributes: {
|
|
18690
|
+
category: "opacity",
|
|
18691
|
+
},
|
|
18692
|
+
},
|
|
18693
|
+
name: "Opacity 16",
|
|
18694
|
+
path: ["core", "opacity", "16"],
|
|
18695
|
+
key: "{core.opacity.16}",
|
|
18696
|
+
},
|
|
18631
18697
|
20: {
|
|
18632
18698
|
value: "0.2",
|
|
18633
18699
|
type: "opacity",
|
package/dist/js/dark.d.ts
CHANGED
|
@@ -12,6 +12,8 @@ export const calciteColorForegroundCurrent: string;
|
|
|
12
12
|
export const calciteColorTransparent: string;
|
|
13
13
|
export const calciteColorTransparentHover: string;
|
|
14
14
|
export const calciteColorTransparentPress: string;
|
|
15
|
+
export const calciteColorTransparentInverseHover: string;
|
|
16
|
+
export const calciteColorTransparentInversePress: string;
|
|
15
17
|
export const calciteColorTransparentScrim: string;
|
|
16
18
|
export const calciteColorTransparentTint: string;
|
|
17
19
|
export const calciteColorBrand: string;
|
package/dist/js/dark.js
CHANGED
|
@@ -8,7 +8,7 @@ export default {
|
|
|
8
8
|
color: {
|
|
9
9
|
background: {
|
|
10
10
|
default: {
|
|
11
|
-
value: "#
|
|
11
|
+
value: "#363636",
|
|
12
12
|
type: "color",
|
|
13
13
|
attributes: {
|
|
14
14
|
category: "color",
|
|
@@ -112,7 +112,7 @@ export default {
|
|
|
112
112
|
key: "{semantic.color.foreground.1}",
|
|
113
113
|
},
|
|
114
114
|
2: {
|
|
115
|
-
value: "#
|
|
115
|
+
value: "#212121",
|
|
116
116
|
type: "color",
|
|
117
117
|
attributes: {
|
|
118
118
|
category: "color",
|
|
@@ -146,7 +146,7 @@ export default {
|
|
|
146
146
|
key: "{semantic.color.foreground.2}",
|
|
147
147
|
},
|
|
148
148
|
3: {
|
|
149
|
-
value: "#
|
|
149
|
+
value: "#141414",
|
|
150
150
|
type: "color",
|
|
151
151
|
attributes: {
|
|
152
152
|
category: "color",
|
|
@@ -252,7 +252,7 @@ export default {
|
|
|
252
252
|
key: "{semantic.color.transparent.default.default}",
|
|
253
253
|
},
|
|
254
254
|
hover: {
|
|
255
|
-
value: "rgba(255, 255, 255, 0.
|
|
255
|
+
value: "rgba(255, 255, 255, 0.12)",
|
|
256
256
|
type: "color",
|
|
257
257
|
attributes: {
|
|
258
258
|
category: "color",
|
|
@@ -276,7 +276,7 @@ export default {
|
|
|
276
276
|
filePath: "src/tokens/semantic/color/dark.json",
|
|
277
277
|
isSource: true,
|
|
278
278
|
original: {
|
|
279
|
-
value: "rgba({core.color.neutral.blk-000}, {core.opacity.
|
|
279
|
+
value: "rgba({core.color.neutral.blk-000}, {core.opacity.12})",
|
|
280
280
|
type: "color",
|
|
281
281
|
attributes: {
|
|
282
282
|
category: "color",
|
|
@@ -287,7 +287,7 @@ export default {
|
|
|
287
287
|
key: "{semantic.color.transparent.default.hover}",
|
|
288
288
|
},
|
|
289
289
|
press: {
|
|
290
|
-
value: "rgba(255, 255, 255, 0.
|
|
290
|
+
value: "rgba(255, 255, 255, 0.16)",
|
|
291
291
|
type: "color",
|
|
292
292
|
attributes: {
|
|
293
293
|
category: "color",
|
|
@@ -311,7 +311,7 @@ export default {
|
|
|
311
311
|
filePath: "src/tokens/semantic/color/dark.json",
|
|
312
312
|
isSource: true,
|
|
313
313
|
original: {
|
|
314
|
-
value: "rgba({core.color.neutral.blk-000}, {core.opacity.
|
|
314
|
+
value: "rgba({core.color.neutral.blk-000}, {core.opacity.16})",
|
|
315
315
|
type: "color",
|
|
316
316
|
attributes: {
|
|
317
317
|
category: "color",
|
|
@@ -322,6 +322,78 @@ export default {
|
|
|
322
322
|
key: "{semantic.color.transparent.default.press}",
|
|
323
323
|
},
|
|
324
324
|
},
|
|
325
|
+
inverse: {
|
|
326
|
+
hover: {
|
|
327
|
+
value: "rgba(0, 0, 0, 0.04)",
|
|
328
|
+
type: "color",
|
|
329
|
+
attributes: {
|
|
330
|
+
category: "color",
|
|
331
|
+
type: "color",
|
|
332
|
+
item: "transparent",
|
|
333
|
+
subitem: "inverse",
|
|
334
|
+
state: "hover",
|
|
335
|
+
names: {
|
|
336
|
+
scss: "$calcite-color-transparent-inverse-hover",
|
|
337
|
+
css: "var(--calcite-color-transparent-inverse-hover)",
|
|
338
|
+
js: "semantic.color.transparent.inverse.hover",
|
|
339
|
+
docs: "semantic.color.transparent.inverse.hover",
|
|
340
|
+
es6: "calciteColorTransparentInverseHover",
|
|
341
|
+
},
|
|
342
|
+
"calcite-schema": {
|
|
343
|
+
system: "calcite",
|
|
344
|
+
tier: "color",
|
|
345
|
+
type: "color",
|
|
346
|
+
},
|
|
347
|
+
},
|
|
348
|
+
filePath: "src/tokens/semantic/color/dark.json",
|
|
349
|
+
isSource: true,
|
|
350
|
+
original: {
|
|
351
|
+
value: "rgba({core.color.neutral.blk-240}, {core.opacity.4})",
|
|
352
|
+
type: "color",
|
|
353
|
+
attributes: {
|
|
354
|
+
category: "color",
|
|
355
|
+
},
|
|
356
|
+
},
|
|
357
|
+
name: "calciteColorTransparentInverseHover",
|
|
358
|
+
path: ["semantic", "color", "transparent", "inverse", "hover"],
|
|
359
|
+
key: "{semantic.color.transparent.inverse.hover}",
|
|
360
|
+
},
|
|
361
|
+
press: {
|
|
362
|
+
value: "rgba(0, 0, 0, 0.08)",
|
|
363
|
+
type: "color",
|
|
364
|
+
attributes: {
|
|
365
|
+
category: "color",
|
|
366
|
+
type: "color",
|
|
367
|
+
item: "transparent",
|
|
368
|
+
subitem: "inverse",
|
|
369
|
+
state: "press",
|
|
370
|
+
names: {
|
|
371
|
+
scss: "$calcite-color-transparent-inverse-press",
|
|
372
|
+
css: "var(--calcite-color-transparent-inverse-press)",
|
|
373
|
+
js: "semantic.color.transparent.inverse.press",
|
|
374
|
+
docs: "semantic.color.transparent.inverse.press",
|
|
375
|
+
es6: "calciteColorTransparentInversePress",
|
|
376
|
+
},
|
|
377
|
+
"calcite-schema": {
|
|
378
|
+
system: "calcite",
|
|
379
|
+
tier: "color",
|
|
380
|
+
type: "color",
|
|
381
|
+
},
|
|
382
|
+
},
|
|
383
|
+
filePath: "src/tokens/semantic/color/dark.json",
|
|
384
|
+
isSource: true,
|
|
385
|
+
original: {
|
|
386
|
+
value: "rgba({core.color.neutral.blk-240}, {core.opacity.8})",
|
|
387
|
+
type: "color",
|
|
388
|
+
attributes: {
|
|
389
|
+
category: "color",
|
|
390
|
+
},
|
|
391
|
+
},
|
|
392
|
+
name: "calciteColorTransparentInversePress",
|
|
393
|
+
path: ["semantic", "color", "transparent", "inverse", "press"],
|
|
394
|
+
key: "{semantic.color.transparent.inverse.press}",
|
|
395
|
+
},
|
|
396
|
+
},
|
|
325
397
|
scrim: {
|
|
326
398
|
value: "rgba(0, 0, 0, 0.85)",
|
|
327
399
|
type: "color",
|
|
@@ -964,7 +1036,7 @@ export default {
|
|
|
964
1036
|
},
|
|
965
1037
|
inverse: {
|
|
966
1038
|
default: {
|
|
967
|
-
value: "#
|
|
1039
|
+
value: "#f7f7f7",
|
|
968
1040
|
type: "color",
|
|
969
1041
|
attributes: {
|
|
970
1042
|
category: "color",
|
|
@@ -1032,7 +1104,7 @@ export default {
|
|
|
1032
1104
|
key: "{semantic.color.inverse.hover}",
|
|
1033
1105
|
},
|
|
1034
1106
|
press: {
|
|
1035
|
-
value: "#
|
|
1107
|
+
value: "#f2f2f2",
|
|
1036
1108
|
type: "color",
|
|
1037
1109
|
attributes: {
|
|
1038
1110
|
category: "color",
|
|
@@ -1136,7 +1208,7 @@ export default {
|
|
|
1136
1208
|
key: "{semantic.color.text.2}",
|
|
1137
1209
|
},
|
|
1138
1210
|
3: {
|
|
1139
|
-
value: "#
|
|
1211
|
+
value: "#9e9e9e",
|
|
1140
1212
|
type: "color",
|
|
1141
1213
|
attributes: {
|
|
1142
1214
|
category: "color",
|
|
@@ -1170,7 +1242,7 @@ export default {
|
|
|
1170
1242
|
key: "{semantic.color.text.3}",
|
|
1171
1243
|
},
|
|
1172
1244
|
inverse: {
|
|
1173
|
-
value: "#
|
|
1245
|
+
value: "#141414",
|
|
1174
1246
|
type: "color",
|
|
1175
1247
|
attributes: {
|
|
1176
1248
|
category: "color",
|
|
@@ -1240,7 +1312,7 @@ export default {
|
|
|
1240
1312
|
},
|
|
1241
1313
|
border: {
|
|
1242
1314
|
1: {
|
|
1243
|
-
value: "#
|
|
1315
|
+
value: "#545454",
|
|
1244
1316
|
type: "color",
|
|
1245
1317
|
attributes: {
|
|
1246
1318
|
category: "color",
|
|
@@ -1410,7 +1482,7 @@ export default {
|
|
|
1410
1482
|
key: "{semantic.color.border.ghost}",
|
|
1411
1483
|
},
|
|
1412
1484
|
white: {
|
|
1413
|
-
value: "#
|
|
1485
|
+
value: "#f7f7f7",
|
|
1414
1486
|
type: "color",
|
|
1415
1487
|
attributes: {
|
|
1416
1488
|
category: "color",
|