@esri/calcite-design-tokens 3.2.0-next.6 → 3.2.0-next.8
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 +1 -1
- package/dist/css/index.css +5 -5
- package/dist/css/light.css +1 -1
- package/dist/docs/core.json +1 -1
- package/dist/docs/dark.json +10 -10
- package/dist/docs/global.json +31 -31
- package/dist/docs/light.json +10 -10
- package/dist/docs/semantic.json +22 -22
- package/dist/es6/dark.d.ts +1 -1
- package/dist/es6/dark.js +1 -1
- package/dist/es6/global.d.ts +1 -1
- package/dist/es6/global.js +1 -1
- package/dist/es6/light.d.ts +1 -1
- package/dist/es6/light.js +1 -1
- package/dist/js/dark.d.ts +1 -1
- package/dist/js/dark.js +12 -10
- package/dist/js/global.d.ts +2 -0
- package/dist/js/global.js +54 -52
- package/dist/js/light.d.ts +1 -1
- package/dist/js/light.js +12 -10
- package/dist/js/semantic.js +42 -42
- package/dist/scss/dark.scss +1 -1
- package/dist/scss/index.scss +2 -2
- package/dist/scss/light.scss +1 -1
- package/package.json +2 -2
package/dist/js/semantic.js
CHANGED
|
@@ -3403,7 +3403,7 @@ export default {
|
|
|
3403
3403
|
value: "4px",
|
|
3404
3404
|
type: "dimension",
|
|
3405
3405
|
attributes: {
|
|
3406
|
-
category: "
|
|
3406
|
+
category: "spacing",
|
|
3407
3407
|
type: "dimension",
|
|
3408
3408
|
item: "fixed",
|
|
3409
3409
|
subitem: "xxs",
|
|
@@ -3435,7 +3435,7 @@ export default {
|
|
|
3435
3435
|
value: "{core.size.default.4}",
|
|
3436
3436
|
type: "dimension",
|
|
3437
3437
|
attributes: {
|
|
3438
|
-
category: "
|
|
3438
|
+
category: "spacing",
|
|
3439
3439
|
},
|
|
3440
3440
|
description: "deprecated",
|
|
3441
3441
|
key: "{semantic.spacing.fixed.xxs}",
|
|
@@ -3449,7 +3449,7 @@ export default {
|
|
|
3449
3449
|
value: "6px",
|
|
3450
3450
|
type: "dimension",
|
|
3451
3451
|
attributes: {
|
|
3452
|
-
category: "
|
|
3452
|
+
category: "spacing",
|
|
3453
3453
|
type: "dimension",
|
|
3454
3454
|
item: "fixed",
|
|
3455
3455
|
subitem: "xs",
|
|
@@ -3481,7 +3481,7 @@ export default {
|
|
|
3481
3481
|
value: "{core.size.default.6}",
|
|
3482
3482
|
type: "dimension",
|
|
3483
3483
|
attributes: {
|
|
3484
|
-
category: "
|
|
3484
|
+
category: "spacing",
|
|
3485
3485
|
},
|
|
3486
3486
|
description: "deprecated",
|
|
3487
3487
|
key: "{semantic.spacing.fixed.xs}",
|
|
@@ -3495,7 +3495,7 @@ export default {
|
|
|
3495
3495
|
value: "8px",
|
|
3496
3496
|
type: "dimension",
|
|
3497
3497
|
attributes: {
|
|
3498
|
-
category: "
|
|
3498
|
+
category: "spacing",
|
|
3499
3499
|
type: "dimension",
|
|
3500
3500
|
item: "fixed",
|
|
3501
3501
|
subitem: "sm",
|
|
@@ -3527,7 +3527,7 @@ export default {
|
|
|
3527
3527
|
value: "{core.size.default.8}",
|
|
3528
3528
|
type: "dimension",
|
|
3529
3529
|
attributes: {
|
|
3530
|
-
category: "
|
|
3530
|
+
category: "spacing",
|
|
3531
3531
|
},
|
|
3532
3532
|
description: "deprecated",
|
|
3533
3533
|
key: "{semantic.spacing.fixed.sm}",
|
|
@@ -3541,7 +3541,7 @@ export default {
|
|
|
3541
3541
|
value: "12px",
|
|
3542
3542
|
type: "dimension",
|
|
3543
3543
|
attributes: {
|
|
3544
|
-
category: "
|
|
3544
|
+
category: "spacing",
|
|
3545
3545
|
type: "dimension",
|
|
3546
3546
|
item: "fixed",
|
|
3547
3547
|
subitem: "md",
|
|
@@ -3573,7 +3573,7 @@ export default {
|
|
|
3573
3573
|
value: "{core.size.default.12}",
|
|
3574
3574
|
type: "dimension",
|
|
3575
3575
|
attributes: {
|
|
3576
|
-
category: "
|
|
3576
|
+
category: "spacing",
|
|
3577
3577
|
},
|
|
3578
3578
|
description: "deprecated",
|
|
3579
3579
|
key: "{semantic.spacing.fixed.md}",
|
|
@@ -3587,7 +3587,7 @@ export default {
|
|
|
3587
3587
|
value: "14px",
|
|
3588
3588
|
type: "dimension",
|
|
3589
3589
|
attributes: {
|
|
3590
|
-
category: "
|
|
3590
|
+
category: "spacing",
|
|
3591
3591
|
type: "dimension",
|
|
3592
3592
|
item: "fixed",
|
|
3593
3593
|
subitem: "lg",
|
|
@@ -3619,7 +3619,7 @@ export default {
|
|
|
3619
3619
|
value: "{core.size.default.14}",
|
|
3620
3620
|
type: "dimension",
|
|
3621
3621
|
attributes: {
|
|
3622
|
-
category: "
|
|
3622
|
+
category: "spacing",
|
|
3623
3623
|
},
|
|
3624
3624
|
description: "deprecated",
|
|
3625
3625
|
key: "{semantic.spacing.fixed.lg}",
|
|
@@ -3633,7 +3633,7 @@ export default {
|
|
|
3633
3633
|
value: "16px",
|
|
3634
3634
|
type: "dimension",
|
|
3635
3635
|
attributes: {
|
|
3636
|
-
category: "
|
|
3636
|
+
category: "spacing",
|
|
3637
3637
|
type: "dimension",
|
|
3638
3638
|
item: "fixed",
|
|
3639
3639
|
subitem: "xl",
|
|
@@ -3665,7 +3665,7 @@ export default {
|
|
|
3665
3665
|
value: "{core.size.default.16}",
|
|
3666
3666
|
type: "dimension",
|
|
3667
3667
|
attributes: {
|
|
3668
|
-
category: "
|
|
3668
|
+
category: "spacing",
|
|
3669
3669
|
},
|
|
3670
3670
|
description: "deprecated",
|
|
3671
3671
|
key: "{semantic.spacing.fixed.xl}",
|
|
@@ -3679,7 +3679,7 @@ export default {
|
|
|
3679
3679
|
value: "20px",
|
|
3680
3680
|
type: "dimension",
|
|
3681
3681
|
attributes: {
|
|
3682
|
-
category: "
|
|
3682
|
+
category: "spacing",
|
|
3683
3683
|
type: "dimension",
|
|
3684
3684
|
item: "fixed",
|
|
3685
3685
|
subitem: "xxl",
|
|
@@ -3711,7 +3711,7 @@ export default {
|
|
|
3711
3711
|
value: "{core.size.default.20}",
|
|
3712
3712
|
type: "dimension",
|
|
3713
3713
|
attributes: {
|
|
3714
|
-
category: "
|
|
3714
|
+
category: "spacing",
|
|
3715
3715
|
},
|
|
3716
3716
|
description: "deprecated",
|
|
3717
3717
|
key: "{semantic.spacing.fixed.xxl}",
|
|
@@ -3725,7 +3725,7 @@ export default {
|
|
|
3725
3725
|
value: "32px",
|
|
3726
3726
|
type: "dimension",
|
|
3727
3727
|
attributes: {
|
|
3728
|
-
category: "
|
|
3728
|
+
category: "spacing",
|
|
3729
3729
|
type: "dimension",
|
|
3730
3730
|
item: "fixed",
|
|
3731
3731
|
subitem: "xxxl",
|
|
@@ -3757,7 +3757,7 @@ export default {
|
|
|
3757
3757
|
value: "{core.size.default.32}",
|
|
3758
3758
|
type: "dimension",
|
|
3759
3759
|
attributes: {
|
|
3760
|
-
category: "
|
|
3760
|
+
category: "spacing",
|
|
3761
3761
|
},
|
|
3762
3762
|
description: "deprecated",
|
|
3763
3763
|
key: "{semantic.spacing.fixed.xxxl}",
|
|
@@ -3773,7 +3773,7 @@ export default {
|
|
|
3773
3773
|
value: "0",
|
|
3774
3774
|
type: "dimension",
|
|
3775
3775
|
attributes: {
|
|
3776
|
-
category: "
|
|
3776
|
+
category: "spacing",
|
|
3777
3777
|
type: "spacing",
|
|
3778
3778
|
item: "default",
|
|
3779
3779
|
subitem: "none",
|
|
@@ -3796,7 +3796,7 @@ export default {
|
|
|
3796
3796
|
value: "{core.size.default.none}",
|
|
3797
3797
|
type: "dimension",
|
|
3798
3798
|
attributes: {
|
|
3799
|
-
category: "
|
|
3799
|
+
category: "spacing",
|
|
3800
3800
|
},
|
|
3801
3801
|
key: "{semantic.spacing.default.none}",
|
|
3802
3802
|
},
|
|
@@ -3808,7 +3808,7 @@ export default {
|
|
|
3808
3808
|
value: "1px",
|
|
3809
3809
|
type: "dimension",
|
|
3810
3810
|
attributes: {
|
|
3811
|
-
category: "
|
|
3811
|
+
category: "spacing",
|
|
3812
3812
|
type: "spacing",
|
|
3813
3813
|
item: "default",
|
|
3814
3814
|
subitem: "px",
|
|
@@ -3831,7 +3831,7 @@ export default {
|
|
|
3831
3831
|
value: "{core.size.default.1}",
|
|
3832
3832
|
type: "dimension",
|
|
3833
3833
|
attributes: {
|
|
3834
|
-
category: "
|
|
3834
|
+
category: "spacing",
|
|
3835
3835
|
},
|
|
3836
3836
|
key: "{semantic.spacing.default.px}",
|
|
3837
3837
|
},
|
|
@@ -3843,7 +3843,7 @@ export default {
|
|
|
3843
3843
|
value: "2px",
|
|
3844
3844
|
type: "dimension",
|
|
3845
3845
|
attributes: {
|
|
3846
|
-
category: "
|
|
3846
|
+
category: "spacing",
|
|
3847
3847
|
type: "spacing",
|
|
3848
3848
|
item: "default",
|
|
3849
3849
|
subitem: "base",
|
|
@@ -3866,7 +3866,7 @@ export default {
|
|
|
3866
3866
|
value: "{core.size.default.2}",
|
|
3867
3867
|
type: "dimension",
|
|
3868
3868
|
attributes: {
|
|
3869
|
-
category: "
|
|
3869
|
+
category: "spacing",
|
|
3870
3870
|
},
|
|
3871
3871
|
key: "{semantic.spacing.default.base}",
|
|
3872
3872
|
},
|
|
@@ -3878,7 +3878,7 @@ export default {
|
|
|
3878
3878
|
value: "0.25rem",
|
|
3879
3879
|
type: "dimension",
|
|
3880
3880
|
attributes: {
|
|
3881
|
-
category: "
|
|
3881
|
+
category: "spacing",
|
|
3882
3882
|
type: "spacing",
|
|
3883
3883
|
item: "default",
|
|
3884
3884
|
subitem: "xxs",
|
|
@@ -3901,7 +3901,7 @@ export default {
|
|
|
3901
3901
|
value: "{core.size.default.4}",
|
|
3902
3902
|
type: "dimension",
|
|
3903
3903
|
attributes: {
|
|
3904
|
-
category: "
|
|
3904
|
+
category: "spacing",
|
|
3905
3905
|
},
|
|
3906
3906
|
key: "{semantic.spacing.default.xxs}",
|
|
3907
3907
|
},
|
|
@@ -3913,7 +3913,7 @@ export default {
|
|
|
3913
3913
|
value: "0.375rem",
|
|
3914
3914
|
type: "dimension",
|
|
3915
3915
|
attributes: {
|
|
3916
|
-
category: "
|
|
3916
|
+
category: "spacing",
|
|
3917
3917
|
type: "spacing",
|
|
3918
3918
|
item: "default",
|
|
3919
3919
|
subitem: "xs",
|
|
@@ -3936,7 +3936,7 @@ export default {
|
|
|
3936
3936
|
value: "{core.size.default.6}",
|
|
3937
3937
|
type: "dimension",
|
|
3938
3938
|
attributes: {
|
|
3939
|
-
category: "
|
|
3939
|
+
category: "spacing",
|
|
3940
3940
|
},
|
|
3941
3941
|
key: "{semantic.spacing.default.xs}",
|
|
3942
3942
|
},
|
|
@@ -3948,7 +3948,7 @@ export default {
|
|
|
3948
3948
|
value: "0.5rem",
|
|
3949
3949
|
type: "dimension",
|
|
3950
3950
|
attributes: {
|
|
3951
|
-
category: "
|
|
3951
|
+
category: "spacing",
|
|
3952
3952
|
type: "spacing",
|
|
3953
3953
|
item: "default",
|
|
3954
3954
|
subitem: "sm",
|
|
@@ -3971,7 +3971,7 @@ export default {
|
|
|
3971
3971
|
value: "{core.size.default.8}",
|
|
3972
3972
|
type: "dimension",
|
|
3973
3973
|
attributes: {
|
|
3974
|
-
category: "
|
|
3974
|
+
category: "spacing",
|
|
3975
3975
|
},
|
|
3976
3976
|
key: "{semantic.spacing.default.sm}",
|
|
3977
3977
|
},
|
|
@@ -3983,7 +3983,7 @@ export default {
|
|
|
3983
3983
|
value: "0.625rem",
|
|
3984
3984
|
type: "dimension",
|
|
3985
3985
|
attributes: {
|
|
3986
|
-
category: "
|
|
3986
|
+
category: "spacing",
|
|
3987
3987
|
type: "spacing",
|
|
3988
3988
|
item: "default",
|
|
3989
3989
|
subitem: "sm+",
|
|
@@ -4006,7 +4006,7 @@ export default {
|
|
|
4006
4006
|
value: "{core.size.default.10}",
|
|
4007
4007
|
type: "dimension",
|
|
4008
4008
|
attributes: {
|
|
4009
|
-
category: "
|
|
4009
|
+
category: "spacing",
|
|
4010
4010
|
},
|
|
4011
4011
|
key: "{semantic.spacing.default.sm+}",
|
|
4012
4012
|
},
|
|
@@ -4018,7 +4018,7 @@ export default {
|
|
|
4018
4018
|
value: "0.75rem",
|
|
4019
4019
|
type: "dimension",
|
|
4020
4020
|
attributes: {
|
|
4021
|
-
category: "
|
|
4021
|
+
category: "spacing",
|
|
4022
4022
|
type: "spacing",
|
|
4023
4023
|
item: "default",
|
|
4024
4024
|
subitem: "md",
|
|
@@ -4041,7 +4041,7 @@ export default {
|
|
|
4041
4041
|
value: "{core.size.default.12}",
|
|
4042
4042
|
type: "dimension",
|
|
4043
4043
|
attributes: {
|
|
4044
|
-
category: "
|
|
4044
|
+
category: "spacing",
|
|
4045
4045
|
},
|
|
4046
4046
|
key: "{semantic.spacing.default.md}",
|
|
4047
4047
|
},
|
|
@@ -4053,7 +4053,7 @@ export default {
|
|
|
4053
4053
|
value: "0.875rem",
|
|
4054
4054
|
type: "dimension",
|
|
4055
4055
|
attributes: {
|
|
4056
|
-
category: "
|
|
4056
|
+
category: "spacing",
|
|
4057
4057
|
type: "spacing",
|
|
4058
4058
|
item: "default",
|
|
4059
4059
|
subitem: "md+",
|
|
@@ -4076,7 +4076,7 @@ export default {
|
|
|
4076
4076
|
value: "{core.size.default.14}",
|
|
4077
4077
|
type: "dimension",
|
|
4078
4078
|
attributes: {
|
|
4079
|
-
category: "
|
|
4079
|
+
category: "spacing",
|
|
4080
4080
|
},
|
|
4081
4081
|
key: "{semantic.spacing.default.md+}",
|
|
4082
4082
|
},
|
|
@@ -4088,7 +4088,7 @@ export default {
|
|
|
4088
4088
|
value: "1rem",
|
|
4089
4089
|
type: "dimension",
|
|
4090
4090
|
attributes: {
|
|
4091
|
-
category: "
|
|
4091
|
+
category: "spacing",
|
|
4092
4092
|
type: "spacing",
|
|
4093
4093
|
item: "default",
|
|
4094
4094
|
subitem: "lg",
|
|
@@ -4111,7 +4111,7 @@ export default {
|
|
|
4111
4111
|
value: "{core.size.default.16}",
|
|
4112
4112
|
type: "dimension",
|
|
4113
4113
|
attributes: {
|
|
4114
|
-
category: "
|
|
4114
|
+
category: "spacing",
|
|
4115
4115
|
},
|
|
4116
4116
|
key: "{semantic.spacing.default.lg}",
|
|
4117
4117
|
},
|
|
@@ -4123,7 +4123,7 @@ export default {
|
|
|
4123
4123
|
value: "1.25rem",
|
|
4124
4124
|
type: "dimension",
|
|
4125
4125
|
attributes: {
|
|
4126
|
-
category: "
|
|
4126
|
+
category: "spacing",
|
|
4127
4127
|
type: "spacing",
|
|
4128
4128
|
item: "default",
|
|
4129
4129
|
subitem: "xl",
|
|
@@ -4146,7 +4146,7 @@ export default {
|
|
|
4146
4146
|
value: "{core.size.default.20}",
|
|
4147
4147
|
type: "dimension",
|
|
4148
4148
|
attributes: {
|
|
4149
|
-
category: "
|
|
4149
|
+
category: "spacing",
|
|
4150
4150
|
},
|
|
4151
4151
|
key: "{semantic.spacing.default.xl}",
|
|
4152
4152
|
},
|
|
@@ -4158,7 +4158,7 @@ export default {
|
|
|
4158
4158
|
value: "1.5rem",
|
|
4159
4159
|
type: "dimension",
|
|
4160
4160
|
attributes: {
|
|
4161
|
-
category: "
|
|
4161
|
+
category: "spacing",
|
|
4162
4162
|
type: "spacing",
|
|
4163
4163
|
item: "default",
|
|
4164
4164
|
subitem: "xxl",
|
|
@@ -4181,7 +4181,7 @@ export default {
|
|
|
4181
4181
|
value: "{core.size.default.24}",
|
|
4182
4182
|
type: "dimension",
|
|
4183
4183
|
attributes: {
|
|
4184
|
-
category: "
|
|
4184
|
+
category: "spacing",
|
|
4185
4185
|
},
|
|
4186
4186
|
key: "{semantic.spacing.default.xxl}",
|
|
4187
4187
|
},
|
|
@@ -4193,7 +4193,7 @@ export default {
|
|
|
4193
4193
|
value: "2rem",
|
|
4194
4194
|
type: "dimension",
|
|
4195
4195
|
attributes: {
|
|
4196
|
-
category: "
|
|
4196
|
+
category: "spacing",
|
|
4197
4197
|
type: "spacing",
|
|
4198
4198
|
item: "default",
|
|
4199
4199
|
subitem: "xxxl",
|
|
@@ -4216,7 +4216,7 @@ export default {
|
|
|
4216
4216
|
value: "{core.size.default.32}",
|
|
4217
4217
|
type: "dimension",
|
|
4218
4218
|
attributes: {
|
|
4219
|
-
category: "
|
|
4219
|
+
category: "spacing",
|
|
4220
4220
|
},
|
|
4221
4221
|
key: "{semantic.spacing.default.xxxl}",
|
|
4222
4222
|
},
|
package/dist/scss/dark.scss
CHANGED
|
@@ -8,7 +8,7 @@ $calcite-color-foreground-1: #2b2b2b;
|
|
|
8
8
|
$calcite-color-foreground-2: #212121;
|
|
9
9
|
$calcite-color-foreground-3: #141414;
|
|
10
10
|
$calcite-color-foreground-current: #2b465f; // deprecated, use --calcite-color-foreground-highlight instead
|
|
11
|
-
$calcite-color-
|
|
11
|
+
$calcite-color-surface-highlight: #2b465f;
|
|
12
12
|
$calcite-color-transparent: rgba(255, 255, 255, 0);
|
|
13
13
|
$calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
|
|
14
14
|
$calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
|
package/dist/scss/index.scss
CHANGED
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
--calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
|
|
46
46
|
--calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
|
|
47
47
|
--calcite-color-transparent: rgba(0, 0, 0, 0);
|
|
48
|
-
--calcite-color-
|
|
48
|
+
--calcite-color-surface-highlight: #d6efff;
|
|
49
49
|
--calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
|
|
50
50
|
--calcite-color-foreground-3: #ebebeb;
|
|
51
51
|
--calcite-color-foreground-2: #f2f2f2;
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
--calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
|
|
93
93
|
--calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
|
|
94
94
|
--calcite-color-transparent: rgba(255, 255, 255, 0);
|
|
95
|
-
--calcite-color-
|
|
95
|
+
--calcite-color-surface-highlight: #2b465f;
|
|
96
96
|
--calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
|
|
97
97
|
--calcite-color-foreground-3: #141414;
|
|
98
98
|
--calcite-color-foreground-2: #212121;
|
package/dist/scss/light.scss
CHANGED
|
@@ -8,7 +8,7 @@ $calcite-color-foreground-1: #ffffff;
|
|
|
8
8
|
$calcite-color-foreground-2: #f2f2f2;
|
|
9
9
|
$calcite-color-foreground-3: #ebebeb;
|
|
10
10
|
$calcite-color-foreground-current: #d6efff; // deprecated, use --calcite-color-foreground-highlight instead
|
|
11
|
-
$calcite-color-
|
|
11
|
+
$calcite-color-surface-highlight: #d6efff;
|
|
12
12
|
$calcite-color-transparent: rgba(0, 0, 0, 0);
|
|
13
13
|
$calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
|
|
14
14
|
$calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@esri/calcite-design-tokens",
|
|
3
|
-
"version": "3.2.0-next.
|
|
3
|
+
"version": "3.2.0-next.8",
|
|
4
4
|
"description": "Esri's Calcite Design System Tokens",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Calcite",
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"vitest": "3.2.4"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "ba5103b1582367659e3c9513891e201f7097b926"
|
|
50
50
|
}
|