@esri/calcite-design-tokens 3.0.2-next.2 → 3.0.2-next.4

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 (28) hide show
  1. package/dist/css/dark.css +2 -1
  2. package/dist/css/global.css +1 -1
  3. package/dist/css/index.css +5 -0
  4. package/dist/css/light.css +1 -0
  5. package/dist/docs/core.json +79 -79
  6. package/dist/docs/dark.json +1130 -0
  7. package/dist/docs/global.json +300 -300
  8. package/dist/docs/light.json +1130 -0
  9. package/dist/docs/semantic.json +69 -69
  10. package/dist/es6/dark.d.ts +46 -0
  11. package/dist/es6/dark.js +46 -0
  12. package/dist/es6/global.d.ts +5 -8
  13. package/dist/es6/global.js +4 -4
  14. package/dist/es6/light.d.ts +46 -0
  15. package/dist/es6/light.js +46 -0
  16. package/dist/js/core.js +117 -117
  17. package/dist/js/dark.d.ts +46 -0
  18. package/dist/js/dark.js +2147 -0
  19. package/dist/js/global.d.ts +8 -8
  20. package/dist/js/global.js +534 -654
  21. package/dist/js/light.d.ts +46 -0
  22. package/dist/js/light.js +2148 -0
  23. package/dist/js/semantic.js +92 -92
  24. package/dist/scss/dark.scss +2 -1
  25. package/dist/scss/global.scss +1 -1
  26. package/dist/scss/index.scss +2 -0
  27. package/dist/scss/light.scss +1 -0
  28. package/package.json +3 -6
package/dist/css/dark.css CHANGED
@@ -4,11 +4,12 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --calcite-color-foreground-current: #214155;
8
7
  --calcite-color-background: #353535;
8
+ --calcite-color-background-none: rgba(255, 255, 255, 0);
9
9
  --calcite-color-foreground-1: #2b2b2b;
10
10
  --calcite-color-foreground-2: #202020;
11
11
  --calcite-color-foreground-3: #151515;
12
+ --calcite-color-foreground-current: #214155;
12
13
  --calcite-color-transparent: rgba(255, 255, 255, 0);
13
14
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
14
15
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
package/dist/css/global.css CHANGED
@@ -5,11 +5,11 @@
5
5
  */
6
6
 
7
7
  :root {
8
+ --calcite-color-background-none: rgba(255, 255, 255, 0);
8
9
  --calcite-border-width-none: 0;
9
10
  --calcite-border-width-sm: 1px;
10
11
  --calcite-border-width-md: 2px;
11
12
  --calcite-border-width-lg: 4px;
12
- --calcite-color-background-none: rgba(255, 255, 255, 0);
13
13
  --calcite-container-size-margin: 24px;
14
14
  --calcite-container-size-gutter: 16px;
15
15
  --calcite-container-size-content-fluid: 100%; /* for fluid grid widths */
package/dist/css/index.css CHANGED
@@ -45,6 +45,7 @@
45
45
  --calcite-color-foreground-3: #eaeaea;
46
46
  --calcite-color-foreground-2: #f3f3f3;
47
47
  --calcite-color-foreground-1: #ffffff;
48
+ --calcite-color-background-none: rgba(255, 255, 255, 0);
48
49
  --calcite-color-background: #f8f8f8;
49
50
  }
50
51
  @media (prefers-color-scheme: light) {
@@ -88,6 +89,7 @@
88
89
  --calcite-color-foreground-3: #eaeaea;
89
90
  --calcite-color-foreground-2: #f3f3f3;
90
91
  --calcite-color-foreground-1: #ffffff;
92
+ --calcite-color-background-none: rgba(255, 255, 255, 0);
91
93
  --calcite-color-background: #f8f8f8;
92
94
  }
93
95
  }
@@ -132,6 +134,7 @@
132
134
  --calcite-color-foreground-3: #151515;
133
135
  --calcite-color-foreground-2: #202020;
134
136
  --calcite-color-foreground-1: #2b2b2b;
137
+ --calcite-color-background-none: rgba(255, 255, 255, 0);
135
138
  --calcite-color-background: #353535;
136
139
  }
137
140
  }
@@ -175,6 +178,7 @@
175
178
  --calcite-color-foreground-3: #eaeaea;
176
179
  --calcite-color-foreground-2: #f3f3f3;
177
180
  --calcite-color-foreground-1: #ffffff;
181
+ --calcite-color-background-none: rgba(255, 255, 255, 0);
178
182
  --calcite-color-background: #f8f8f8;
179
183
  }
180
184
  .calcite-mode-dark {
@@ -217,5 +221,6 @@
217
221
  --calcite-color-foreground-3: #151515;
218
222
  --calcite-color-foreground-2: #202020;
219
223
  --calcite-color-foreground-1: #2b2b2b;
224
+ --calcite-color-background-none: rgba(255, 255, 255, 0);
220
225
  --calcite-color-background: #353535;
221
226
  }
package/dist/css/light.css CHANGED
@@ -5,6 +5,7 @@
5
5
 
6
6
  :root {
7
7
  --calcite-color-background: #f8f8f8;
8
+ --calcite-color-background-none: rgba(255, 255, 255, 0);
8
9
  --calcite-color-foreground-1: #ffffff;
9
10
  --calcite-color-foreground-2: #f3f3f3;
10
11
  --calcite-color-foreground-3: #eaeaea;
package/dist/docs/core.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1743809513394,
2
+ "timestamp": 1744215170892,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "#ffffff",
@@ -7446,12 +7446,12 @@
7446
7446
  },
7447
7447
  {
7448
7448
  "value": "1px",
7449
- "type": "size",
7449
+ "type": "dimension",
7450
7450
  "attributes": {
7451
7451
  "calcite-schema": {
7452
7452
  "system": "calcite",
7453
7453
  "tier": "core",
7454
- "type": "size"
7454
+ "type": "dimension"
7455
7455
  },
7456
7456
  "category": "core",
7457
7457
  "type": "size",
@@ -7473,12 +7473,12 @@
7473
7473
  },
7474
7474
  {
7475
7475
  "value": "2px",
7476
- "type": "size",
7476
+ "type": "dimension",
7477
7477
  "attributes": {
7478
7478
  "calcite-schema": {
7479
7479
  "system": "calcite",
7480
7480
  "tier": "core",
7481
- "type": "size"
7481
+ "type": "dimension"
7482
7482
  },
7483
7483
  "category": "core",
7484
7484
  "type": "size",
@@ -7500,12 +7500,12 @@
7500
7500
  },
7501
7501
  {
7502
7502
  "value": "4px",
7503
- "type": "size",
7503
+ "type": "dimension",
7504
7504
  "attributes": {
7505
7505
  "calcite-schema": {
7506
7506
  "system": "calcite",
7507
7507
  "tier": "core",
7508
- "type": "size"
7508
+ "type": "dimension"
7509
7509
  },
7510
7510
  "category": "core",
7511
7511
  "type": "size",
@@ -7527,12 +7527,12 @@
7527
7527
  },
7528
7528
  {
7529
7529
  "value": "6px",
7530
- "type": "size",
7530
+ "type": "dimension",
7531
7531
  "attributes": {
7532
7532
  "calcite-schema": {
7533
7533
  "system": "calcite",
7534
7534
  "tier": "core",
7535
- "type": "size"
7535
+ "type": "dimension"
7536
7536
  },
7537
7537
  "category": "core",
7538
7538
  "type": "size",
@@ -7554,12 +7554,12 @@
7554
7554
  },
7555
7555
  {
7556
7556
  "value": "8px",
7557
- "type": "size",
7557
+ "type": "dimension",
7558
7558
  "attributes": {
7559
7559
  "calcite-schema": {
7560
7560
  "system": "calcite",
7561
7561
  "tier": "core",
7562
- "type": "size"
7562
+ "type": "dimension"
7563
7563
  },
7564
7564
  "category": "core",
7565
7565
  "type": "size",
@@ -7581,12 +7581,12 @@
7581
7581
  },
7582
7582
  {
7583
7583
  "value": "10px",
7584
- "type": "size",
7584
+ "type": "dimension",
7585
7585
  "attributes": {
7586
7586
  "calcite-schema": {
7587
7587
  "system": "calcite",
7588
7588
  "tier": "core",
7589
- "type": "size"
7589
+ "type": "dimension"
7590
7590
  },
7591
7591
  "category": "core",
7592
7592
  "type": "size",
@@ -7608,12 +7608,12 @@
7608
7608
  },
7609
7609
  {
7610
7610
  "value": "12px",
7611
- "type": "size",
7611
+ "type": "dimension",
7612
7612
  "attributes": {
7613
7613
  "calcite-schema": {
7614
7614
  "system": "calcite",
7615
7615
  "tier": "core",
7616
- "type": "size"
7616
+ "type": "dimension"
7617
7617
  },
7618
7618
  "category": "core",
7619
7619
  "type": "size",
@@ -7635,12 +7635,12 @@
7635
7635
  },
7636
7636
  {
7637
7637
  "value": "14px",
7638
- "type": "size",
7638
+ "type": "dimension",
7639
7639
  "attributes": {
7640
7640
  "calcite-schema": {
7641
7641
  "system": "calcite",
7642
7642
  "tier": "core",
7643
- "type": "size"
7643
+ "type": "dimension"
7644
7644
  },
7645
7645
  "category": "core",
7646
7646
  "type": "size",
@@ -7662,12 +7662,12 @@
7662
7662
  },
7663
7663
  {
7664
7664
  "value": "16px",
7665
- "type": "size",
7665
+ "type": "dimension",
7666
7666
  "attributes": {
7667
7667
  "calcite-schema": {
7668
7668
  "system": "calcite",
7669
7669
  "tier": "core",
7670
- "type": "size"
7670
+ "type": "dimension"
7671
7671
  },
7672
7672
  "category": "core",
7673
7673
  "type": "size",
@@ -7689,12 +7689,12 @@
7689
7689
  },
7690
7690
  {
7691
7691
  "value": "20px",
7692
- "type": "size",
7692
+ "type": "dimension",
7693
7693
  "attributes": {
7694
7694
  "calcite-schema": {
7695
7695
  "system": "calcite",
7696
7696
  "tier": "core",
7697
- "type": "size"
7697
+ "type": "dimension"
7698
7698
  },
7699
7699
  "category": "core",
7700
7700
  "type": "size",
@@ -7716,12 +7716,12 @@
7716
7716
  },
7717
7717
  {
7718
7718
  "value": "24px",
7719
- "type": "size",
7719
+ "type": "dimension",
7720
7720
  "attributes": {
7721
7721
  "calcite-schema": {
7722
7722
  "system": "calcite",
7723
7723
  "tier": "core",
7724
- "type": "size"
7724
+ "type": "dimension"
7725
7725
  },
7726
7726
  "category": "core",
7727
7727
  "type": "size",
@@ -7743,12 +7743,12 @@
7743
7743
  },
7744
7744
  {
7745
7745
  "value": "28px",
7746
- "type": "size",
7746
+ "type": "dimension",
7747
7747
  "attributes": {
7748
7748
  "calcite-schema": {
7749
7749
  "system": "calcite",
7750
7750
  "tier": "core",
7751
- "type": "size"
7751
+ "type": "dimension"
7752
7752
  },
7753
7753
  "category": "core",
7754
7754
  "type": "size",
@@ -7770,12 +7770,12 @@
7770
7770
  },
7771
7771
  {
7772
7772
  "value": "32px",
7773
- "type": "size",
7773
+ "type": "dimension",
7774
7774
  "attributes": {
7775
7775
  "calcite-schema": {
7776
7776
  "system": "calcite",
7777
7777
  "tier": "core",
7778
- "type": "size"
7778
+ "type": "dimension"
7779
7779
  },
7780
7780
  "category": "core",
7781
7781
  "type": "size",
@@ -7797,12 +7797,12 @@
7797
7797
  },
7798
7798
  {
7799
7799
  "value": "36px",
7800
- "type": "size",
7800
+ "type": "dimension",
7801
7801
  "attributes": {
7802
7802
  "calcite-schema": {
7803
7803
  "system": "calcite",
7804
7804
  "tier": "core",
7805
- "type": "size"
7805
+ "type": "dimension"
7806
7806
  },
7807
7807
  "category": "core",
7808
7808
  "type": "size",
@@ -7824,12 +7824,12 @@
7824
7824
  },
7825
7825
  {
7826
7826
  "value": "40px",
7827
- "type": "size",
7827
+ "type": "dimension",
7828
7828
  "attributes": {
7829
7829
  "calcite-schema": {
7830
7830
  "system": "calcite",
7831
7831
  "tier": "core",
7832
- "type": "size"
7832
+ "type": "dimension"
7833
7833
  },
7834
7834
  "category": "core",
7835
7835
  "type": "size",
@@ -7851,12 +7851,12 @@
7851
7851
  },
7852
7852
  {
7853
7853
  "value": "44px",
7854
- "type": "size",
7854
+ "type": "dimension",
7855
7855
  "attributes": {
7856
7856
  "calcite-schema": {
7857
7857
  "system": "calcite",
7858
7858
  "tier": "core",
7859
- "type": "size"
7859
+ "type": "dimension"
7860
7860
  },
7861
7861
  "category": "core",
7862
7862
  "type": "size",
@@ -7878,12 +7878,12 @@
7878
7878
  },
7879
7879
  {
7880
7880
  "value": "48px",
7881
- "type": "size",
7881
+ "type": "dimension",
7882
7882
  "attributes": {
7883
7883
  "calcite-schema": {
7884
7884
  "system": "calcite",
7885
7885
  "tier": "core",
7886
- "type": "size"
7886
+ "type": "dimension"
7887
7887
  },
7888
7888
  "category": "core",
7889
7889
  "type": "size",
@@ -7905,12 +7905,12 @@
7905
7905
  },
7906
7906
  {
7907
7907
  "value": "56px",
7908
- "type": "size",
7908
+ "type": "dimension",
7909
7909
  "attributes": {
7910
7910
  "calcite-schema": {
7911
7911
  "system": "calcite",
7912
7912
  "tier": "core",
7913
- "type": "size"
7913
+ "type": "dimension"
7914
7914
  },
7915
7915
  "category": "core",
7916
7916
  "type": "size",
@@ -7932,12 +7932,12 @@
7932
7932
  },
7933
7933
  {
7934
7934
  "value": "64px",
7935
- "type": "size",
7935
+ "type": "dimension",
7936
7936
  "attributes": {
7937
7937
  "calcite-schema": {
7938
7938
  "system": "calcite",
7939
7939
  "tier": "core",
7940
- "type": "size"
7940
+ "type": "dimension"
7941
7941
  },
7942
7942
  "category": "core",
7943
7943
  "type": "size",
@@ -7959,12 +7959,12 @@
7959
7959
  },
7960
7960
  {
7961
7961
  "value": "72px",
7962
- "type": "size",
7962
+ "type": "dimension",
7963
7963
  "attributes": {
7964
7964
  "calcite-schema": {
7965
7965
  "system": "calcite",
7966
7966
  "tier": "core",
7967
- "type": "size"
7967
+ "type": "dimension"
7968
7968
  },
7969
7969
  "category": "core",
7970
7970
  "type": "size",
@@ -7986,12 +7986,12 @@
7986
7986
  },
7987
7987
  {
7988
7988
  "value": "80px",
7989
- "type": "size",
7989
+ "type": "dimension",
7990
7990
  "attributes": {
7991
7991
  "calcite-schema": {
7992
7992
  "system": "calcite",
7993
7993
  "tier": "core",
7994
- "type": "size"
7994
+ "type": "dimension"
7995
7995
  },
7996
7996
  "category": "core",
7997
7997
  "type": "size",
@@ -8013,12 +8013,12 @@
8013
8013
  },
8014
8014
  {
8015
8015
  "value": "96px",
8016
- "type": "size",
8016
+ "type": "dimension",
8017
8017
  "attributes": {
8018
8018
  "calcite-schema": {
8019
8019
  "system": "calcite",
8020
8020
  "tier": "core",
8021
- "type": "size"
8021
+ "type": "dimension"
8022
8022
  },
8023
8023
  "category": "core",
8024
8024
  "type": "size",
@@ -8040,12 +8040,12 @@
8040
8040
  },
8041
8041
  {
8042
8042
  "value": "112px",
8043
- "type": "size",
8043
+ "type": "dimension",
8044
8044
  "attributes": {
8045
8045
  "calcite-schema": {
8046
8046
  "system": "calcite",
8047
8047
  "tier": "core",
8048
- "type": "size"
8048
+ "type": "dimension"
8049
8049
  },
8050
8050
  "category": "core",
8051
8051
  "type": "size",
@@ -8067,12 +8067,12 @@
8067
8067
  },
8068
8068
  {
8069
8069
  "value": "128px",
8070
- "type": "size",
8070
+ "type": "dimension",
8071
8071
  "attributes": {
8072
8072
  "calcite-schema": {
8073
8073
  "system": "calcite",
8074
8074
  "tier": "core",
8075
- "type": "size"
8075
+ "type": "dimension"
8076
8076
  },
8077
8077
  "category": "core",
8078
8078
  "type": "size",
@@ -8094,12 +8094,12 @@
8094
8094
  },
8095
8095
  {
8096
8096
  "value": "144px",
8097
- "type": "size",
8097
+ "type": "dimension",
8098
8098
  "attributes": {
8099
8099
  "calcite-schema": {
8100
8100
  "system": "calcite",
8101
8101
  "tier": "core",
8102
- "type": "size"
8102
+ "type": "dimension"
8103
8103
  },
8104
8104
  "category": "core",
8105
8105
  "type": "size",
@@ -8121,12 +8121,12 @@
8121
8121
  },
8122
8122
  {
8123
8123
  "value": "160px",
8124
- "type": "size",
8124
+ "type": "dimension",
8125
8125
  "attributes": {
8126
8126
  "calcite-schema": {
8127
8127
  "system": "calcite",
8128
8128
  "tier": "core",
8129
- "type": "size"
8129
+ "type": "dimension"
8130
8130
  },
8131
8131
  "category": "core",
8132
8132
  "type": "size",
@@ -8148,12 +8148,12 @@
8148
8148
  },
8149
8149
  {
8150
8150
  "value": "192px",
8151
- "type": "size",
8151
+ "type": "dimension",
8152
8152
  "attributes": {
8153
8153
  "calcite-schema": {
8154
8154
  "system": "calcite",
8155
8155
  "tier": "core",
8156
- "type": "size"
8156
+ "type": "dimension"
8157
8157
  },
8158
8158
  "category": "core",
8159
8159
  "type": "size",
@@ -8175,12 +8175,12 @@
8175
8175
  },
8176
8176
  {
8177
8177
  "value": "224px",
8178
- "type": "size",
8178
+ "type": "dimension",
8179
8179
  "attributes": {
8180
8180
  "calcite-schema": {
8181
8181
  "system": "calcite",
8182
8182
  "tier": "core",
8183
- "type": "size"
8183
+ "type": "dimension"
8184
8184
  },
8185
8185
  "category": "core",
8186
8186
  "type": "size",
@@ -8202,12 +8202,12 @@
8202
8202
  },
8203
8203
  {
8204
8204
  "value": "256px",
8205
- "type": "size",
8205
+ "type": "dimension",
8206
8206
  "attributes": {
8207
8207
  "calcite-schema": {
8208
8208
  "system": "calcite",
8209
8209
  "tier": "core",
8210
- "type": "size"
8210
+ "type": "dimension"
8211
8211
  },
8212
8212
  "category": "core",
8213
8213
  "type": "size",
@@ -8229,12 +8229,12 @@
8229
8229
  },
8230
8230
  {
8231
8231
  "value": "288px",
8232
- "type": "size",
8232
+ "type": "dimension",
8233
8233
  "attributes": {
8234
8234
  "calcite-schema": {
8235
8235
  "system": "calcite",
8236
8236
  "tier": "core",
8237
- "type": "size"
8237
+ "type": "dimension"
8238
8238
  },
8239
8239
  "category": "core",
8240
8240
  "type": "size",
@@ -8256,12 +8256,12 @@
8256
8256
  },
8257
8257
  {
8258
8258
  "value": "0",
8259
- "type": "size",
8259
+ "type": "dimension",
8260
8260
  "attributes": {
8261
8261
  "calcite-schema": {
8262
8262
  "system": "calcite",
8263
8263
  "tier": "core",
8264
- "type": "size"
8264
+ "type": "dimension"
8265
8265
  },
8266
8266
  "category": "core",
8267
8267
  "type": "size",
@@ -8283,12 +8283,12 @@
8283
8283
  },
8284
8284
  {
8285
8285
  "value": "50%",
8286
- "type": "size",
8286
+ "type": "dimension",
8287
8287
  "attributes": {
8288
8288
  "calcite-schema": {
8289
8289
  "system": "calcite",
8290
8290
  "tier": "core",
8291
- "type": "size"
8291
+ "type": "dimension"
8292
8292
  },
8293
8293
  "category": "core",
8294
8294
  "type": "size",
@@ -8310,12 +8310,12 @@
8310
8310
  },
8311
8311
  {
8312
8312
  "value": "100%",
8313
- "type": "size",
8313
+ "type": "dimension",
8314
8314
  "attributes": {
8315
8315
  "calcite-schema": {
8316
8316
  "system": "calcite",
8317
8317
  "tier": "core",
8318
- "type": "size"
8318
+ "type": "dimension"
8319
8319
  },
8320
8320
  "category": "core",
8321
8321
  "type": "size",
@@ -8337,12 +8337,12 @@
8337
8337
  },
8338
8338
  {
8339
8339
  "value": "125%",
8340
- "type": "size",
8340
+ "type": "dimension",
8341
8341
  "attributes": {
8342
8342
  "calcite-schema": {
8343
8343
  "system": "calcite",
8344
8344
  "tier": "core",
8345
- "type": "size"
8345
+ "type": "dimension"
8346
8346
  },
8347
8347
  "category": "core",
8348
8348
  "type": "size",
@@ -8364,12 +8364,12 @@
8364
8364
  },
8365
8365
  {
8366
8366
  "value": "137.5%",
8367
- "type": "size",
8367
+ "type": "dimension",
8368
8368
  "attributes": {
8369
8369
  "calcite-schema": {
8370
8370
  "system": "calcite",
8371
8371
  "tier": "core",
8372
- "type": "size"
8372
+ "type": "dimension"
8373
8373
  },
8374
8374
  "category": "core",
8375
8375
  "type": "size",
@@ -8391,12 +8391,12 @@
8391
8391
  },
8392
8392
  {
8393
8393
  "value": "150%",
8394
- "type": "size",
8394
+ "type": "dimension",
8395
8395
  "attributes": {
8396
8396
  "calcite-schema": {
8397
8397
  "system": "calcite",
8398
8398
  "tier": "core",
8399
- "type": "size"
8399
+ "type": "dimension"
8400
8400
  },
8401
8401
  "category": "core",
8402
8402
  "type": "size",
@@ -8418,12 +8418,12 @@
8418
8418
  },
8419
8419
  {
8420
8420
  "value": "162.5%",
8421
- "type": "size",
8421
+ "type": "dimension",
8422
8422
  "attributes": {
8423
8423
  "calcite-schema": {
8424
8424
  "system": "calcite",
8425
8425
  "tier": "core",
8426
- "type": "size"
8426
+ "type": "dimension"
8427
8427
  },
8428
8428
  "category": "core",
8429
8429
  "type": "size",
@@ -8445,12 +8445,12 @@
8445
8445
  },
8446
8446
  {
8447
8447
  "value": "200%",
8448
- "type": "size",
8448
+ "type": "dimension",
8449
8449
  "attributes": {
8450
8450
  "calcite-schema": {
8451
8451
  "system": "calcite",
8452
8452
  "tier": "core",
8453
- "type": "size"
8453
+ "type": "dimension"
8454
8454
  },
8455
8455
  "category": "core",
8456
8456
  "type": "size",
@@ -8472,12 +8472,12 @@
8472
8472
  },
8473
8473
  {
8474
8474
  "value": "auto",
8475
- "type": "size",
8475
+ "type": "dimension",
8476
8476
  "attributes": {
8477
8477
  "calcite-schema": {
8478
8478
  "system": "calcite",
8479
8479
  "tier": "core",
8480
- "type": "size"
8480
+ "type": "dimension"
8481
8481
  },
8482
8482
  "category": "core",
8483
8483
  "type": "size",