@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.
Files changed (25) hide show
  1. package/dist/css/dark.css +1 -1
  2. package/dist/css/index.css +5 -5
  3. package/dist/css/light.css +1 -1
  4. package/dist/docs/core.json +1 -1
  5. package/dist/docs/dark.json +10 -10
  6. package/dist/docs/global.json +31 -31
  7. package/dist/docs/light.json +10 -10
  8. package/dist/docs/semantic.json +22 -22
  9. package/dist/es6/dark.d.ts +1 -1
  10. package/dist/es6/dark.js +1 -1
  11. package/dist/es6/global.d.ts +1 -1
  12. package/dist/es6/global.js +1 -1
  13. package/dist/es6/light.d.ts +1 -1
  14. package/dist/es6/light.js +1 -1
  15. package/dist/js/dark.d.ts +1 -1
  16. package/dist/js/dark.js +12 -10
  17. package/dist/js/global.d.ts +2 -0
  18. package/dist/js/global.js +54 -52
  19. package/dist/js/light.d.ts +1 -1
  20. package/dist/js/light.js +12 -10
  21. package/dist/js/semantic.js +42 -42
  22. package/dist/scss/dark.scss +1 -1
  23. package/dist/scss/index.scss +2 -2
  24. package/dist/scss/light.scss +1 -1
  25. package/package.json +2 -2
package/dist/js/dark.js CHANGED
@@ -247,22 +247,24 @@ export default {
247
247
  comment:
248
248
  "deprecated, use --calcite-color-foreground-highlight instead",
249
249
  },
250
+ },
251
+ surface: {
250
252
  highlight: {
251
- key: "{semantic.color.foreground.highlight}",
253
+ key: "{semantic.color.surface.highlight}",
252
254
  value: "#2b465f",
253
255
  type: "color",
254
256
  attributes: {
255
257
  category: "color",
256
258
  group: "foreground",
257
259
  type: "color",
258
- item: "foreground",
260
+ item: "surface",
259
261
  subitem: "highlight",
260
262
  names: {
261
- scss: "$calcite-color-foreground-highlight",
262
- css: "var(--calcite-color-foreground-highlight)",
263
- js: "semantic.color.foreground.highlight",
264
- docs: "semantic.color.foreground.highlight",
265
- es6: "calciteColorForegroundHighlight",
263
+ scss: "$calcite-color-surface-highlight",
264
+ css: "var(--calcite-color-surface-highlight)",
265
+ js: "semantic.color.surface.highlight",
266
+ docs: "semantic.color.surface.highlight",
267
+ es6: "calciteColorSurfaceHighlight",
266
268
  },
267
269
  "calcite-schema": {
268
270
  system: "calcite",
@@ -279,10 +281,10 @@ export default {
279
281
  category: "color",
280
282
  group: "foreground",
281
283
  },
282
- key: "{semantic.color.foreground.highlight}",
284
+ key: "{semantic.color.surface.highlight}",
283
285
  },
284
- name: "calciteColorForegroundHighlight",
285
- path: ["semantic", "color", "foreground", "highlight"],
286
+ name: "calciteColorSurfaceHighlight",
287
+ path: ["semantic", "color", "surface", "highlight"],
286
288
  },
287
289
  },
288
290
  transparent: {
package/dist/js/global.d.ts CHANGED
@@ -28,6 +28,8 @@ declare const tokens: {
28
28
  "2": DesignToken;
29
29
  "3": DesignToken;
30
30
  current: DesignToken;
31
+ };
32
+ surface: {
31
33
  highlight: DesignToken;
32
34
  };
33
35
  transparent: {
package/dist/js/global.js CHANGED
@@ -263,8 +263,10 @@ export default {
263
263
  comment:
264
264
  "deprecated, use --calcite-color-foreground-highlight instead",
265
265
  },
266
+ },
267
+ surface: {
266
268
  highlight: {
267
- key: "{semantic.color.foreground.highlight}",
269
+ key: "{semantic.color.surface.highlight}",
268
270
  value: {
269
271
  light: "#d6efff",
270
272
  dark: "#2b465f",
@@ -274,14 +276,14 @@ export default {
274
276
  category: "color",
275
277
  group: "foreground",
276
278
  type: "color",
277
- item: "foreground",
279
+ item: "surface",
278
280
  subitem: "highlight",
279
281
  names: {
280
- scss: "$calcite-color-foreground-highlight",
281
- css: "var(--calcite-color-foreground-highlight)",
282
- js: "semantic.color.foreground.highlight",
283
- docs: "semantic.color.foreground.highlight",
284
- es6: "calciteColorForegroundHighlight",
282
+ scss: "$calcite-color-surface-highlight",
283
+ css: "var(--calcite-color-surface-highlight)",
284
+ js: "semantic.color.surface.highlight",
285
+ docs: "semantic.color.surface.highlight",
286
+ es6: "calciteColorSurfaceHighlight",
285
287
  },
286
288
  "calcite-schema": {
287
289
  system: "calcite",
@@ -298,10 +300,10 @@ export default {
298
300
  category: "color",
299
301
  group: "foreground",
300
302
  },
301
- key: "{semantic.color.foreground.highlight}",
303
+ key: "{semantic.color.surface.highlight}",
302
304
  },
303
- name: "Color Foreground Highlight",
304
- path: ["semantic", "color", "foreground", "highlight"],
305
+ name: "Color Surface Highlight",
306
+ path: ["semantic", "color", "surface", "highlight"],
305
307
  },
306
308
  },
307
309
  transparent: {
@@ -6000,7 +6002,7 @@ export default {
6000
6002
  value: "4px",
6001
6003
  type: "dimension",
6002
6004
  attributes: {
6003
- category: "space",
6005
+ category: "spacing",
6004
6006
  type: "dimension",
6005
6007
  item: "fixed",
6006
6008
  subitem: "xxs",
@@ -6032,7 +6034,7 @@ export default {
6032
6034
  value: "{core.size.default.4}",
6033
6035
  type: "dimension",
6034
6036
  attributes: {
6035
- category: "space",
6037
+ category: "spacing",
6036
6038
  },
6037
6039
  description: "deprecated",
6038
6040
  key: "{semantic.spacing.fixed.xxs}",
@@ -6046,7 +6048,7 @@ export default {
6046
6048
  value: "6px",
6047
6049
  type: "dimension",
6048
6050
  attributes: {
6049
- category: "space",
6051
+ category: "spacing",
6050
6052
  type: "dimension",
6051
6053
  item: "fixed",
6052
6054
  subitem: "xs",
@@ -6078,7 +6080,7 @@ export default {
6078
6080
  value: "{core.size.default.6}",
6079
6081
  type: "dimension",
6080
6082
  attributes: {
6081
- category: "space",
6083
+ category: "spacing",
6082
6084
  },
6083
6085
  description: "deprecated",
6084
6086
  key: "{semantic.spacing.fixed.xs}",
@@ -6092,7 +6094,7 @@ export default {
6092
6094
  value: "8px",
6093
6095
  type: "dimension",
6094
6096
  attributes: {
6095
- category: "space",
6097
+ category: "spacing",
6096
6098
  type: "dimension",
6097
6099
  item: "fixed",
6098
6100
  subitem: "sm",
@@ -6124,7 +6126,7 @@ export default {
6124
6126
  value: "{core.size.default.8}",
6125
6127
  type: "dimension",
6126
6128
  attributes: {
6127
- category: "space",
6129
+ category: "spacing",
6128
6130
  },
6129
6131
  description: "deprecated",
6130
6132
  key: "{semantic.spacing.fixed.sm}",
@@ -6138,7 +6140,7 @@ export default {
6138
6140
  value: "12px",
6139
6141
  type: "dimension",
6140
6142
  attributes: {
6141
- category: "space",
6143
+ category: "spacing",
6142
6144
  type: "dimension",
6143
6145
  item: "fixed",
6144
6146
  subitem: "md",
@@ -6170,7 +6172,7 @@ export default {
6170
6172
  value: "{core.size.default.12}",
6171
6173
  type: "dimension",
6172
6174
  attributes: {
6173
- category: "space",
6175
+ category: "spacing",
6174
6176
  },
6175
6177
  description: "deprecated",
6176
6178
  key: "{semantic.spacing.fixed.md}",
@@ -6184,7 +6186,7 @@ export default {
6184
6186
  value: "14px",
6185
6187
  type: "dimension",
6186
6188
  attributes: {
6187
- category: "space",
6189
+ category: "spacing",
6188
6190
  type: "dimension",
6189
6191
  item: "fixed",
6190
6192
  subitem: "lg",
@@ -6216,7 +6218,7 @@ export default {
6216
6218
  value: "{core.size.default.14}",
6217
6219
  type: "dimension",
6218
6220
  attributes: {
6219
- category: "space",
6221
+ category: "spacing",
6220
6222
  },
6221
6223
  description: "deprecated",
6222
6224
  key: "{semantic.spacing.fixed.lg}",
@@ -6230,7 +6232,7 @@ export default {
6230
6232
  value: "16px",
6231
6233
  type: "dimension",
6232
6234
  attributes: {
6233
- category: "space",
6235
+ category: "spacing",
6234
6236
  type: "dimension",
6235
6237
  item: "fixed",
6236
6238
  subitem: "xl",
@@ -6262,7 +6264,7 @@ export default {
6262
6264
  value: "{core.size.default.16}",
6263
6265
  type: "dimension",
6264
6266
  attributes: {
6265
- category: "space",
6267
+ category: "spacing",
6266
6268
  },
6267
6269
  description: "deprecated",
6268
6270
  key: "{semantic.spacing.fixed.xl}",
@@ -6276,7 +6278,7 @@ export default {
6276
6278
  value: "20px",
6277
6279
  type: "dimension",
6278
6280
  attributes: {
6279
- category: "space",
6281
+ category: "spacing",
6280
6282
  type: "dimension",
6281
6283
  item: "fixed",
6282
6284
  subitem: "xxl",
@@ -6308,7 +6310,7 @@ export default {
6308
6310
  value: "{core.size.default.20}",
6309
6311
  type: "dimension",
6310
6312
  attributes: {
6311
- category: "space",
6313
+ category: "spacing",
6312
6314
  },
6313
6315
  description: "deprecated",
6314
6316
  key: "{semantic.spacing.fixed.xxl}",
@@ -6322,7 +6324,7 @@ export default {
6322
6324
  value: "32px",
6323
6325
  type: "dimension",
6324
6326
  attributes: {
6325
- category: "space",
6327
+ category: "spacing",
6326
6328
  type: "dimension",
6327
6329
  item: "fixed",
6328
6330
  subitem: "xxxl",
@@ -6354,7 +6356,7 @@ export default {
6354
6356
  value: "{core.size.default.32}",
6355
6357
  type: "dimension",
6356
6358
  attributes: {
6357
- category: "space",
6359
+ category: "spacing",
6358
6360
  },
6359
6361
  description: "deprecated",
6360
6362
  key: "{semantic.spacing.fixed.xxxl}",
@@ -6370,7 +6372,7 @@ export default {
6370
6372
  value: "0",
6371
6373
  type: "dimension",
6372
6374
  attributes: {
6373
- category: "space",
6375
+ category: "spacing",
6374
6376
  type: "spacing",
6375
6377
  item: "default",
6376
6378
  subitem: "none",
@@ -6393,7 +6395,7 @@ export default {
6393
6395
  value: "{core.size.default.none}",
6394
6396
  type: "dimension",
6395
6397
  attributes: {
6396
- category: "space",
6398
+ category: "spacing",
6397
6399
  },
6398
6400
  key: "{semantic.spacing.default.none}",
6399
6401
  },
@@ -6405,7 +6407,7 @@ export default {
6405
6407
  value: "1px",
6406
6408
  type: "dimension",
6407
6409
  attributes: {
6408
- category: "space",
6410
+ category: "spacing",
6409
6411
  type: "spacing",
6410
6412
  item: "default",
6411
6413
  subitem: "px",
@@ -6428,7 +6430,7 @@ export default {
6428
6430
  value: "{core.size.default.1}",
6429
6431
  type: "dimension",
6430
6432
  attributes: {
6431
- category: "space",
6433
+ category: "spacing",
6432
6434
  },
6433
6435
  key: "{semantic.spacing.default.px}",
6434
6436
  },
@@ -6440,7 +6442,7 @@ export default {
6440
6442
  value: "2px",
6441
6443
  type: "dimension",
6442
6444
  attributes: {
6443
- category: "space",
6445
+ category: "spacing",
6444
6446
  type: "spacing",
6445
6447
  item: "default",
6446
6448
  subitem: "base",
@@ -6463,7 +6465,7 @@ export default {
6463
6465
  value: "{core.size.default.2}",
6464
6466
  type: "dimension",
6465
6467
  attributes: {
6466
- category: "space",
6468
+ category: "spacing",
6467
6469
  },
6468
6470
  key: "{semantic.spacing.default.base}",
6469
6471
  },
@@ -6475,7 +6477,7 @@ export default {
6475
6477
  value: "0.25rem",
6476
6478
  type: "dimension",
6477
6479
  attributes: {
6478
- category: "space",
6480
+ category: "spacing",
6479
6481
  type: "spacing",
6480
6482
  item: "default",
6481
6483
  subitem: "xxs",
@@ -6498,7 +6500,7 @@ export default {
6498
6500
  value: "{core.size.default.4}",
6499
6501
  type: "dimension",
6500
6502
  attributes: {
6501
- category: "space",
6503
+ category: "spacing",
6502
6504
  },
6503
6505
  key: "{semantic.spacing.default.xxs}",
6504
6506
  },
@@ -6510,7 +6512,7 @@ export default {
6510
6512
  value: "0.375rem",
6511
6513
  type: "dimension",
6512
6514
  attributes: {
6513
- category: "space",
6515
+ category: "spacing",
6514
6516
  type: "spacing",
6515
6517
  item: "default",
6516
6518
  subitem: "xs",
@@ -6533,7 +6535,7 @@ export default {
6533
6535
  value: "{core.size.default.6}",
6534
6536
  type: "dimension",
6535
6537
  attributes: {
6536
- category: "space",
6538
+ category: "spacing",
6537
6539
  },
6538
6540
  key: "{semantic.spacing.default.xs}",
6539
6541
  },
@@ -6545,7 +6547,7 @@ export default {
6545
6547
  value: "0.5rem",
6546
6548
  type: "dimension",
6547
6549
  attributes: {
6548
- category: "space",
6550
+ category: "spacing",
6549
6551
  type: "spacing",
6550
6552
  item: "default",
6551
6553
  subitem: "sm",
@@ -6568,7 +6570,7 @@ export default {
6568
6570
  value: "{core.size.default.8}",
6569
6571
  type: "dimension",
6570
6572
  attributes: {
6571
- category: "space",
6573
+ category: "spacing",
6572
6574
  },
6573
6575
  key: "{semantic.spacing.default.sm}",
6574
6576
  },
@@ -6580,7 +6582,7 @@ export default {
6580
6582
  value: "0.625rem",
6581
6583
  type: "dimension",
6582
6584
  attributes: {
6583
- category: "space",
6585
+ category: "spacing",
6584
6586
  type: "spacing",
6585
6587
  item: "default",
6586
6588
  subitem: "sm+",
@@ -6603,7 +6605,7 @@ export default {
6603
6605
  value: "{core.size.default.10}",
6604
6606
  type: "dimension",
6605
6607
  attributes: {
6606
- category: "space",
6608
+ category: "spacing",
6607
6609
  },
6608
6610
  key: "{semantic.spacing.default.sm+}",
6609
6611
  },
@@ -6615,7 +6617,7 @@ export default {
6615
6617
  value: "0.75rem",
6616
6618
  type: "dimension",
6617
6619
  attributes: {
6618
- category: "space",
6620
+ category: "spacing",
6619
6621
  type: "spacing",
6620
6622
  item: "default",
6621
6623
  subitem: "md",
@@ -6638,7 +6640,7 @@ export default {
6638
6640
  value: "{core.size.default.12}",
6639
6641
  type: "dimension",
6640
6642
  attributes: {
6641
- category: "space",
6643
+ category: "spacing",
6642
6644
  },
6643
6645
  key: "{semantic.spacing.default.md}",
6644
6646
  },
@@ -6650,7 +6652,7 @@ export default {
6650
6652
  value: "0.875rem",
6651
6653
  type: "dimension",
6652
6654
  attributes: {
6653
- category: "space",
6655
+ category: "spacing",
6654
6656
  type: "spacing",
6655
6657
  item: "default",
6656
6658
  subitem: "md+",
@@ -6673,7 +6675,7 @@ export default {
6673
6675
  value: "{core.size.default.14}",
6674
6676
  type: "dimension",
6675
6677
  attributes: {
6676
- category: "space",
6678
+ category: "spacing",
6677
6679
  },
6678
6680
  key: "{semantic.spacing.default.md+}",
6679
6681
  },
@@ -6685,7 +6687,7 @@ export default {
6685
6687
  value: "1rem",
6686
6688
  type: "dimension",
6687
6689
  attributes: {
6688
- category: "space",
6690
+ category: "spacing",
6689
6691
  type: "spacing",
6690
6692
  item: "default",
6691
6693
  subitem: "lg",
@@ -6708,7 +6710,7 @@ export default {
6708
6710
  value: "{core.size.default.16}",
6709
6711
  type: "dimension",
6710
6712
  attributes: {
6711
- category: "space",
6713
+ category: "spacing",
6712
6714
  },
6713
6715
  key: "{semantic.spacing.default.lg}",
6714
6716
  },
@@ -6720,7 +6722,7 @@ export default {
6720
6722
  value: "1.25rem",
6721
6723
  type: "dimension",
6722
6724
  attributes: {
6723
- category: "space",
6725
+ category: "spacing",
6724
6726
  type: "spacing",
6725
6727
  item: "default",
6726
6728
  subitem: "xl",
@@ -6743,7 +6745,7 @@ export default {
6743
6745
  value: "{core.size.default.20}",
6744
6746
  type: "dimension",
6745
6747
  attributes: {
6746
- category: "space",
6748
+ category: "spacing",
6747
6749
  },
6748
6750
  key: "{semantic.spacing.default.xl}",
6749
6751
  },
@@ -6755,7 +6757,7 @@ export default {
6755
6757
  value: "1.5rem",
6756
6758
  type: "dimension",
6757
6759
  attributes: {
6758
- category: "space",
6760
+ category: "spacing",
6759
6761
  type: "spacing",
6760
6762
  item: "default",
6761
6763
  subitem: "xxl",
@@ -6778,7 +6780,7 @@ export default {
6778
6780
  value: "{core.size.default.24}",
6779
6781
  type: "dimension",
6780
6782
  attributes: {
6781
- category: "space",
6783
+ category: "spacing",
6782
6784
  },
6783
6785
  key: "{semantic.spacing.default.xxl}",
6784
6786
  },
@@ -6790,7 +6792,7 @@ export default {
6790
6792
  value: "2rem",
6791
6793
  type: "dimension",
6792
6794
  attributes: {
6793
- category: "space",
6795
+ category: "spacing",
6794
6796
  type: "spacing",
6795
6797
  item: "default",
6796
6798
  subitem: "xxxl",
@@ -6813,7 +6815,7 @@ export default {
6813
6815
  value: "{core.size.default.32}",
6814
6816
  type: "dimension",
6815
6817
  attributes: {
6816
- category: "space",
6818
+ category: "spacing",
6817
6819
  },
6818
6820
  key: "{semantic.spacing.default.xxxl}",
6819
6821
  },
package/dist/js/light.d.ts CHANGED
@@ -10,7 +10,7 @@ export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
11
  /** deprecated, use --calcite-color-foreground-highlight instead */
12
12
  export const calciteColorForegroundCurrent: string;
13
- export const calciteColorForegroundHighlight: string;
13
+ export const calciteColorSurfaceHighlight: string;
14
14
  export const calciteColorTransparent: string;
15
15
  export const calciteColorTransparentHover: string;
16
16
  export const calciteColorTransparentPress: string;
package/dist/js/light.js CHANGED
@@ -247,22 +247,24 @@ export default {
247
247
  comment:
248
248
  "deprecated, use --calcite-color-foreground-highlight instead",
249
249
  },
250
+ },
251
+ surface: {
250
252
  highlight: {
251
- key: "{semantic.color.foreground.highlight}",
253
+ key: "{semantic.color.surface.highlight}",
252
254
  value: "#d6efff",
253
255
  type: "color",
254
256
  attributes: {
255
257
  category: "color",
256
258
  group: "foreground",
257
259
  type: "color",
258
- item: "foreground",
260
+ item: "surface",
259
261
  subitem: "highlight",
260
262
  names: {
261
- scss: "$calcite-color-foreground-highlight",
262
- css: "var(--calcite-color-foreground-highlight)",
263
- js: "semantic.color.foreground.highlight",
264
- docs: "semantic.color.foreground.highlight",
265
- es6: "calciteColorForegroundHighlight",
263
+ scss: "$calcite-color-surface-highlight",
264
+ css: "var(--calcite-color-surface-highlight)",
265
+ js: "semantic.color.surface.highlight",
266
+ docs: "semantic.color.surface.highlight",
267
+ es6: "calciteColorSurfaceHighlight",
266
268
  },
267
269
  "calcite-schema": {
268
270
  system: "calcite",
@@ -279,10 +281,10 @@ export default {
279
281
  category: "color",
280
282
  group: "foreground",
281
283
  },
282
- key: "{semantic.color.foreground.highlight}",
284
+ key: "{semantic.color.surface.highlight}",
283
285
  },
284
- name: "calciteColorForegroundHighlight",
285
- path: ["semantic", "color", "foreground", "highlight"],
286
+ name: "calciteColorSurfaceHighlight",
287
+ path: ["semantic", "color", "surface", "highlight"],
286
288
  },
287
289
  },
288
290
  transparent: {