@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.
@@ -220,16 +220,16 @@ export default {
220
220
  min: "0",
221
221
  max: "154px",
222
222
  },
223
- type: "breakpoint",
223
+ type: "dimension",
224
224
  description: "Small handheld devices and mini-windows",
225
225
  attributes: {
226
226
  "calcite-schema": {
227
227
  system: "calcite",
228
228
  tier: "semantic",
229
- type: "breakpoint",
229
+ type: "dimension",
230
230
  },
231
231
  category: "semantic",
232
- type: "breakpoint",
232
+ type: "dimension",
233
233
  item: "height",
234
234
  subitem: "xxs",
235
235
  value: {
@@ -257,7 +257,7 @@ export default {
257
257
  min: "0",
258
258
  max: "{core.container-size.154}",
259
259
  },
260
- type: "breakpoint",
260
+ type: "dimension",
261
261
  description: "Small handheld devices and mini-windows",
262
262
  attributes: {
263
263
  "calcite-schema": {
@@ -290,16 +290,16 @@ export default {
290
290
  min: "155px",
291
291
  max: "328px",
292
292
  },
293
- type: "breakpoint",
293
+ type: "dimension",
294
294
  description: "Handheld devices",
295
295
  attributes: {
296
296
  "calcite-schema": {
297
297
  system: "calcite",
298
298
  tier: "semantic",
299
- type: "breakpoint",
299
+ type: "dimension",
300
300
  },
301
301
  category: "semantic",
302
- type: "breakpoint",
302
+ type: "dimension",
303
303
  item: "height",
304
304
  subitem: "xs",
305
305
  value: {
@@ -327,7 +327,7 @@ export default {
327
327
  min: "{core.container-size.154} + 1",
328
328
  max: "{core.container-size.328}",
329
329
  },
330
- type: "breakpoint",
330
+ type: "dimension",
331
331
  description: "Handheld devices",
332
332
  attributes: {
333
333
  "calcite-schema": {
@@ -360,16 +360,16 @@ export default {
360
360
  min: "329px",
361
361
  max: "504px",
362
362
  },
363
- type: "breakpoint",
363
+ type: "dimension",
364
364
  description: "Small tablets",
365
365
  attributes: {
366
366
  "calcite-schema": {
367
367
  system: "calcite",
368
368
  tier: "semantic",
369
- type: "breakpoint",
369
+ type: "dimension",
370
370
  },
371
371
  category: "semantic",
372
- type: "breakpoint",
372
+ type: "dimension",
373
373
  item: "height",
374
374
  subitem: "sm",
375
375
  value: {
@@ -397,7 +397,7 @@ export default {
397
397
  min: "{core.container-size.328} + 1",
398
398
  max: "{core.container-size.504}",
399
399
  },
400
- type: "breakpoint",
400
+ type: "dimension",
401
401
  description: "Small tablets",
402
402
  attributes: {
403
403
  "calcite-schema": {
@@ -430,16 +430,16 @@ export default {
430
430
  min: "505px",
431
431
  max: "678px",
432
432
  },
433
- type: "breakpoint",
433
+ type: "dimension",
434
434
  description: "Small laptops",
435
435
  attributes: {
436
436
  "calcite-schema": {
437
437
  system: "calcite",
438
438
  tier: "semantic",
439
- type: "breakpoint",
439
+ type: "dimension",
440
440
  },
441
441
  category: "semantic",
442
- type: "breakpoint",
442
+ type: "dimension",
443
443
  item: "height",
444
444
  subitem: "md",
445
445
  value: {
@@ -467,7 +467,7 @@ export default {
467
467
  min: "{core.container-size.504} + 1",
468
468
  max: "{core.container-size.678}",
469
469
  },
470
- type: "breakpoint",
470
+ type: "dimension",
471
471
  description: "Small laptops",
472
472
  attributes: {
473
473
  "calcite-schema": {
@@ -500,16 +500,16 @@ export default {
500
500
  min: "679px",
501
501
  max: "854px",
502
502
  },
503
- type: "breakpoint",
503
+ type: "dimension",
504
504
  description: "Large laptops and desktop computers",
505
505
  attributes: {
506
506
  "calcite-schema": {
507
507
  system: "calcite",
508
508
  tier: "semantic",
509
- type: "breakpoint",
509
+ type: "dimension",
510
510
  },
511
511
  category: "semantic",
512
- type: "breakpoint",
512
+ type: "dimension",
513
513
  item: "height",
514
514
  subitem: "lg",
515
515
  value: {
@@ -537,7 +537,7 @@ export default {
537
537
  min: "{core.container-size.678} + 1",
538
538
  max: "{core.container-size.854}",
539
539
  },
540
- type: "breakpoint",
540
+ type: "dimension",
541
541
  description: "Large laptops and desktop computers",
542
542
  attributes: {
543
543
  "calcite-schema": {
@@ -569,16 +569,16 @@ export default {
569
569
  value: {
570
570
  min: "855px",
571
571
  },
572
- type: "breakpoint",
572
+ type: "dimension",
573
573
  description: "Projectors and televisions",
574
574
  attributes: {
575
575
  "calcite-schema": {
576
576
  system: "calcite",
577
577
  tier: "semantic",
578
- type: "breakpoint",
578
+ type: "dimension",
579
579
  },
580
580
  category: "semantic",
581
- type: "breakpoint",
581
+ type: "dimension",
582
582
  item: "height",
583
583
  subitem: "xl",
584
584
  value: {
@@ -604,7 +604,7 @@ export default {
604
604
  value: {
605
605
  min: "{core.container-size.854} + 1",
606
606
  },
607
- type: "breakpoint",
607
+ type: "dimension",
608
608
  description: "Projectors and televisions",
609
609
  attributes: {
610
610
  "calcite-schema": {
@@ -639,16 +639,16 @@ export default {
639
639
  min: "0",
640
640
  max: "320px",
641
641
  },
642
- type: "breakpoint",
642
+ type: "dimension",
643
643
  description: "Small handheld devices and mini-windows",
644
644
  attributes: {
645
645
  "calcite-schema": {
646
646
  system: "calcite",
647
647
  tier: "semantic",
648
- type: "breakpoint",
648
+ type: "dimension",
649
649
  },
650
650
  category: "semantic",
651
- type: "breakpoint",
651
+ type: "dimension",
652
652
  item: "width",
653
653
  subitem: "xxs",
654
654
  value: {
@@ -676,7 +676,7 @@ export default {
676
676
  min: 0,
677
677
  max: "{core.container-size.320}",
678
678
  },
679
- type: "breakpoint",
679
+ type: "dimension",
680
680
  description: "Small handheld devices and mini-windows",
681
681
  attributes: {
682
682
  "calcite-schema": {
@@ -709,16 +709,16 @@ export default {
709
709
  min: "321px",
710
710
  max: "476px",
711
711
  },
712
- type: "breakpoint",
712
+ type: "dimension",
713
713
  description: "Handheld devices",
714
714
  attributes: {
715
715
  "calcite-schema": {
716
716
  system: "calcite",
717
717
  tier: "semantic",
718
- type: "breakpoint",
718
+ type: "dimension",
719
719
  },
720
720
  category: "semantic",
721
- type: "breakpoint",
721
+ type: "dimension",
722
722
  item: "width",
723
723
  subitem: "xs",
724
724
  value: {
@@ -746,7 +746,7 @@ export default {
746
746
  min: "{core.container-size.320} + 1",
747
747
  max: "{core.container-size.476}",
748
748
  },
749
- type: "breakpoint",
749
+ type: "dimension",
750
750
  description: "Handheld devices",
751
751
  attributes: {
752
752
  "calcite-schema": {
@@ -779,16 +779,16 @@ export default {
779
779
  min: "477px",
780
780
  max: "768px",
781
781
  },
782
- type: "breakpoint",
782
+ type: "dimension",
783
783
  description: "Small tablets",
784
784
  attributes: {
785
785
  "calcite-schema": {
786
786
  system: "calcite",
787
787
  tier: "semantic",
788
- type: "breakpoint",
788
+ type: "dimension",
789
789
  },
790
790
  category: "semantic",
791
- type: "breakpoint",
791
+ type: "dimension",
792
792
  item: "width",
793
793
  subitem: "sm",
794
794
  value: {
@@ -816,7 +816,7 @@ export default {
816
816
  min: "{core.container-size.476} + 1",
817
817
  max: "{core.container-size.768}",
818
818
  },
819
- type: "breakpoint",
819
+ type: "dimension",
820
820
  description: "Small tablets",
821
821
  attributes: {
822
822
  "calcite-schema": {
@@ -849,16 +849,16 @@ export default {
849
849
  min: "769px",
850
850
  max: "1152px",
851
851
  },
852
- type: "breakpoint",
852
+ type: "dimension",
853
853
  description: "Small laptops",
854
854
  attributes: {
855
855
  "calcite-schema": {
856
856
  system: "calcite",
857
857
  tier: "semantic",
858
- type: "breakpoint",
858
+ type: "dimension",
859
859
  },
860
860
  category: "semantic",
861
- type: "breakpoint",
861
+ type: "dimension",
862
862
  item: "width",
863
863
  subitem: "md",
864
864
  value: {
@@ -886,7 +886,7 @@ export default {
886
886
  min: "{core.container-size.768} + 1",
887
887
  max: "{core.container-size.1152}",
888
888
  },
889
- type: "breakpoint",
889
+ type: "dimension",
890
890
  description: "Small laptops",
891
891
  attributes: {
892
892
  "calcite-schema": {
@@ -919,16 +919,16 @@ export default {
919
919
  min: "1153px",
920
920
  max: "1440px",
921
921
  },
922
- type: "breakpoint",
922
+ type: "dimension",
923
923
  description: "Large laptops and desktop computers",
924
924
  attributes: {
925
925
  "calcite-schema": {
926
926
  system: "calcite",
927
927
  tier: "semantic",
928
- type: "breakpoint",
928
+ type: "dimension",
929
929
  },
930
930
  category: "semantic",
931
- type: "breakpoint",
931
+ type: "dimension",
932
932
  item: "width",
933
933
  subitem: "lg",
934
934
  value: {
@@ -956,7 +956,7 @@ export default {
956
956
  min: "{core.container-size.1152} + 1",
957
957
  max: "{core.container-size.1440}",
958
958
  },
959
- type: "breakpoint",
959
+ type: "dimension",
960
960
  description: "Large laptops and desktop computers",
961
961
  attributes: {
962
962
  "calcite-schema": {
@@ -988,16 +988,16 @@ export default {
988
988
  value: {
989
989
  min: "1441px",
990
990
  },
991
- type: "breakpoint",
991
+ type: "dimension",
992
992
  description: "Projectors and televisions",
993
993
  attributes: {
994
994
  "calcite-schema": {
995
995
  system: "calcite",
996
996
  tier: "semantic",
997
- type: "breakpoint",
997
+ type: "dimension",
998
998
  },
999
999
  category: "semantic",
1000
- type: "breakpoint",
1000
+ type: "dimension",
1001
1001
  item: "width",
1002
1002
  subitem: "xl",
1003
1003
  value: {
@@ -1023,7 +1023,7 @@ export default {
1023
1023
  value: {
1024
1024
  min: "{core.container-size.1440} + 1",
1025
1025
  },
1026
- type: "breakpoint",
1026
+ type: "dimension",
1027
1027
  description: "Projectors and televisions",
1028
1028
  attributes: {
1029
1029
  "calcite-schema": {
@@ -4725,12 +4725,12 @@ export default {
4725
4725
  default: {
4726
4726
  px: {
4727
4727
  value: "1px",
4728
- type: "size",
4728
+ type: "dimension",
4729
4729
  attributes: {
4730
4730
  "calcite-schema": {
4731
4731
  system: "calcite",
4732
4732
  tier: "semantic",
4733
- type: "size",
4733
+ type: "dimension",
4734
4734
  },
4735
4735
  category: "semantic",
4736
4736
  type: "size",
@@ -4748,7 +4748,7 @@ export default {
4748
4748
  isSource: true,
4749
4749
  original: {
4750
4750
  value: "{core.size.default.1}",
4751
- type: "size",
4751
+ type: "dimension",
4752
4752
  attributes: {
4753
4753
  "calcite-schema": {
4754
4754
  system: "calcite",
@@ -5235,16 +5235,16 @@ export default {
5235
5235
  fixed: {
5236
5236
  xxs: {
5237
5237
  value: "4px",
5238
- type: "space",
5238
+ type: "dimension",
5239
5239
  description: "deprecated",
5240
5240
  attributes: {
5241
5241
  "calcite-schema": {
5242
5242
  system: "calcite",
5243
5243
  tier: "semantic",
5244
- type: "space",
5244
+ type: "dimension",
5245
5245
  },
5246
5246
  category: "semantic",
5247
- type: "space",
5247
+ type: "dimension",
5248
5248
  item: "fixed",
5249
5249
  subitem: "xxs",
5250
5250
  value: "4px",
@@ -5266,7 +5266,7 @@ export default {
5266
5266
  isSource: true,
5267
5267
  original: {
5268
5268
  value: "{core.size.default.4}",
5269
- type: "space",
5269
+ type: "dimension",
5270
5270
  description: "deprecated",
5271
5271
  attributes: {
5272
5272
  "calcite-schema": {
@@ -5296,16 +5296,16 @@ export default {
5296
5296
  },
5297
5297
  xs: {
5298
5298
  value: "6px",
5299
- type: "space",
5299
+ type: "dimension",
5300
5300
  description: "deprecated",
5301
5301
  attributes: {
5302
5302
  "calcite-schema": {
5303
5303
  system: "calcite",
5304
5304
  tier: "semantic",
5305
- type: "space",
5305
+ type: "dimension",
5306
5306
  },
5307
5307
  category: "semantic",
5308
- type: "space",
5308
+ type: "dimension",
5309
5309
  item: "fixed",
5310
5310
  subitem: "xs",
5311
5311
  value: "6px",
@@ -5327,7 +5327,7 @@ export default {
5327
5327
  isSource: true,
5328
5328
  original: {
5329
5329
  value: "{core.size.default.6}",
5330
- type: "space",
5330
+ type: "dimension",
5331
5331
  description: "deprecated",
5332
5332
  attributes: {
5333
5333
  "calcite-schema": {
@@ -5357,16 +5357,16 @@ export default {
5357
5357
  },
5358
5358
  sm: {
5359
5359
  value: "8px",
5360
- type: "space",
5360
+ type: "dimension",
5361
5361
  description: "deprecated",
5362
5362
  attributes: {
5363
5363
  "calcite-schema": {
5364
5364
  system: "calcite",
5365
5365
  tier: "semantic",
5366
- type: "space",
5366
+ type: "dimension",
5367
5367
  },
5368
5368
  category: "semantic",
5369
- type: "space",
5369
+ type: "dimension",
5370
5370
  item: "fixed",
5371
5371
  subitem: "sm",
5372
5372
  value: "8px",
@@ -5388,7 +5388,7 @@ export default {
5388
5388
  isSource: true,
5389
5389
  original: {
5390
5390
  value: "{core.size.default.8}",
5391
- type: "space",
5391
+ type: "dimension",
5392
5392
  description: "deprecated",
5393
5393
  attributes: {
5394
5394
  "calcite-schema": {
@@ -5418,16 +5418,16 @@ export default {
5418
5418
  },
5419
5419
  md: {
5420
5420
  value: "12px",
5421
- type: "space",
5421
+ type: "dimension",
5422
5422
  description: "deprecated",
5423
5423
  attributes: {
5424
5424
  "calcite-schema": {
5425
5425
  system: "calcite",
5426
5426
  tier: "semantic",
5427
- type: "space",
5427
+ type: "dimension",
5428
5428
  },
5429
5429
  category: "semantic",
5430
- type: "space",
5430
+ type: "dimension",
5431
5431
  item: "fixed",
5432
5432
  subitem: "md",
5433
5433
  value: "12px",
@@ -5449,7 +5449,7 @@ export default {
5449
5449
  isSource: true,
5450
5450
  original: {
5451
5451
  value: "{core.size.default.12}",
5452
- type: "space",
5452
+ type: "dimension",
5453
5453
  description: "deprecated",
5454
5454
  attributes: {
5455
5455
  "calcite-schema": {
@@ -5479,16 +5479,16 @@ export default {
5479
5479
  },
5480
5480
  lg: {
5481
5481
  value: "14px",
5482
- type: "space",
5482
+ type: "dimension",
5483
5483
  description: "deprecated",
5484
5484
  attributes: {
5485
5485
  "calcite-schema": {
5486
5486
  system: "calcite",
5487
5487
  tier: "semantic",
5488
- type: "space",
5488
+ type: "dimension",
5489
5489
  },
5490
5490
  category: "semantic",
5491
- type: "space",
5491
+ type: "dimension",
5492
5492
  item: "fixed",
5493
5493
  subitem: "lg",
5494
5494
  value: "14px",
@@ -5510,7 +5510,7 @@ export default {
5510
5510
  isSource: true,
5511
5511
  original: {
5512
5512
  value: "{core.size.default.14}",
5513
- type: "space",
5513
+ type: "dimension",
5514
5514
  description: "deprecated",
5515
5515
  attributes: {
5516
5516
  "calcite-schema": {
@@ -5540,16 +5540,16 @@ export default {
5540
5540
  },
5541
5541
  xl: {
5542
5542
  value: "16px",
5543
- type: "space",
5543
+ type: "dimension",
5544
5544
  description: "deprecated",
5545
5545
  attributes: {
5546
5546
  "calcite-schema": {
5547
5547
  system: "calcite",
5548
5548
  tier: "semantic",
5549
- type: "space",
5549
+ type: "dimension",
5550
5550
  },
5551
5551
  category: "semantic",
5552
- type: "space",
5552
+ type: "dimension",
5553
5553
  item: "fixed",
5554
5554
  subitem: "xl",
5555
5555
  value: "16px",
@@ -5571,7 +5571,7 @@ export default {
5571
5571
  isSource: true,
5572
5572
  original: {
5573
5573
  value: "{core.size.default.16}",
5574
- type: "space",
5574
+ type: "dimension",
5575
5575
  description: "deprecated",
5576
5576
  attributes: {
5577
5577
  "calcite-schema": {
@@ -5601,16 +5601,16 @@ export default {
5601
5601
  },
5602
5602
  xxl: {
5603
5603
  value: "20px",
5604
- type: "space",
5604
+ type: "dimension",
5605
5605
  description: "deprecated",
5606
5606
  attributes: {
5607
5607
  "calcite-schema": {
5608
5608
  system: "calcite",
5609
5609
  tier: "semantic",
5610
- type: "space",
5610
+ type: "dimension",
5611
5611
  },
5612
5612
  category: "semantic",
5613
- type: "space",
5613
+ type: "dimension",
5614
5614
  item: "fixed",
5615
5615
  subitem: "xxl",
5616
5616
  value: "20px",
@@ -5632,7 +5632,7 @@ export default {
5632
5632
  isSource: true,
5633
5633
  original: {
5634
5634
  value: "{core.size.default.20}",
5635
- type: "space",
5635
+ type: "dimension",
5636
5636
  description: "deprecated",
5637
5637
  attributes: {
5638
5638
  "calcite-schema": {
@@ -5662,16 +5662,16 @@ export default {
5662
5662
  },
5663
5663
  xxxl: {
5664
5664
  value: "32px",
5665
- type: "space",
5665
+ type: "dimension",
5666
5666
  description: "deprecated",
5667
5667
  attributes: {
5668
5668
  "calcite-schema": {
5669
5669
  system: "calcite",
5670
5670
  tier: "semantic",
5671
- type: "space",
5671
+ type: "dimension",
5672
5672
  },
5673
5673
  category: "semantic",
5674
- type: "space",
5674
+ type: "dimension",
5675
5675
  item: "fixed",
5676
5676
  subitem: "xxxl",
5677
5677
  value: "32px",
@@ -5693,7 +5693,7 @@ export default {
5693
5693
  isSource: true,
5694
5694
  original: {
5695
5695
  value: "{core.size.default.32}",
5696
- type: "space",
5696
+ type: "dimension",
5697
5697
  description: "deprecated",
5698
5698
  attributes: {
5699
5699
  "calcite-schema": {
@@ -5725,12 +5725,12 @@ export default {
5725
5725
  default: {
5726
5726
  none: {
5727
5727
  value: "0",
5728
- type: "space",
5728
+ type: "dimension",
5729
5729
  attributes: {
5730
5730
  "calcite-schema": {
5731
5731
  system: "calcite",
5732
5732
  tier: "semantic",
5733
- type: "space",
5733
+ type: "dimension",
5734
5734
  },
5735
5735
  category: "semantic",
5736
5736
  type: "spacing",
@@ -5748,7 +5748,7 @@ export default {
5748
5748
  isSource: true,
5749
5749
  original: {
5750
5750
  value: "{core.size.default.none}",
5751
- type: "space",
5751
+ type: "dimension",
5752
5752
  attributes: {
5753
5753
  "calcite-schema": {
5754
5754
  system: "calcite",
@@ -5776,12 +5776,12 @@ export default {
5776
5776
  },
5777
5777
  px: {
5778
5778
  value: "1px",
5779
- type: "space",
5779
+ type: "dimension",
5780
5780
  attributes: {
5781
5781
  "calcite-schema": {
5782
5782
  system: "calcite",
5783
5783
  tier: "semantic",
5784
- type: "space",
5784
+ type: "dimension",
5785
5785
  },
5786
5786
  category: "semantic",
5787
5787
  type: "spacing",
@@ -5799,7 +5799,7 @@ export default {
5799
5799
  isSource: true,
5800
5800
  original: {
5801
5801
  value: "{core.size.default.1}",
5802
- type: "space",
5802
+ type: "dimension",
5803
5803
  attributes: {
5804
5804
  "calcite-schema": {
5805
5805
  system: "calcite",
@@ -5827,12 +5827,12 @@ export default {
5827
5827
  },
5828
5828
  base: {
5829
5829
  value: "2px",
5830
- type: "space",
5830
+ type: "dimension",
5831
5831
  attributes: {
5832
5832
  "calcite-schema": {
5833
5833
  system: "calcite",
5834
5834
  tier: "semantic",
5835
- type: "space",
5835
+ type: "dimension",
5836
5836
  },
5837
5837
  category: "semantic",
5838
5838
  type: "spacing",
@@ -5850,7 +5850,7 @@ export default {
5850
5850
  isSource: true,
5851
5851
  original: {
5852
5852
  value: "{core.size.default.2}",
5853
- type: "space",
5853
+ type: "dimension",
5854
5854
  attributes: {
5855
5855
  "calcite-schema": {
5856
5856
  system: "calcite",
@@ -2,11 +2,12 @@
2
2
  // Calcite Design System
3
3
  // Do not edit directly, this file was auto-generated.
4
4
 
5
- $calcite-color-foreground-current: #214155;
6
5
  $calcite-color-background: #353535;
6
+ $calcite-color-background-none: rgba(255, 255, 255, 0);
7
7
  $calcite-color-foreground-1: #2b2b2b;
8
8
  $calcite-color-foreground-2: #202020;
9
9
  $calcite-color-foreground-3: #151515;
10
+ $calcite-color-foreground-current: #214155;
10
11
  $calcite-color-transparent: rgba(255, 255, 255, 0);
11
12
  $calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
12
13
  $calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
@@ -3,11 +3,11 @@
3
3
  // File to be deprecated in next major release
4
4
  // Do not edit directly, this file was auto-generated.
5
5
 
6
+ $calcite-color-background-none: rgba(255, 255, 255, 0);
6
7
  $calcite-border-width-none: 0;
7
8
  $calcite-border-width-sm: 1px;
8
9
  $calcite-border-width-md: 2px;
9
10
  $calcite-border-width-lg: 4px;
10
- $calcite-color-background-none: rgba(255, 255, 255, 0);
11
11
  $calcite-container-size-margin: 24px;
12
12
  $calcite-container-size-gutter: 16px;
13
13
  $calcite-container-size-content-fluid: 100%; // for fluid grid widths