@esri/calcite-design-tokens 1.1.1-next.1 → 2.0.0-rc.0

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 (148) hide show
  1. package/README.md +7 -9
  2. package/dist/css/breakpoint.css +29 -0
  3. package/dist/css/classes.css +327 -0
  4. package/dist/css/core.css +344 -0
  5. package/dist/css/dark.css +45 -0
  6. package/dist/css/global.css +103 -0
  7. package/dist/css/index.css +176 -0
  8. package/dist/css/light.css +45 -0
  9. package/dist/es6/core.d.ts +342 -0
  10. package/dist/es6/core.js +342 -0
  11. package/dist/es6/global.d.ts +207 -0
  12. package/dist/es6/global.js +207 -0
  13. package/dist/js/core.d.ts +466 -0
  14. package/dist/js/core.js +8795 -0
  15. package/dist/js/global.d.ts +331 -0
  16. package/dist/js/global.js +6597 -0
  17. package/dist/scss/breakpoints.scss +37 -0
  18. package/dist/scss/core.scss +342 -0
  19. package/dist/scss/dark.scss +43 -0
  20. package/dist/scss/index.scss +92 -0
  21. package/dist/scss/light.scss +43 -0
  22. package/dist/scss/mixins.scss +342 -0
  23. package/package.json +28 -21
  24. package/.eslintrc.cjs +0 -85
  25. package/.turbo/turbo-build.log +0 -7034
  26. package/.turbo/turbo-test.log +0 -14
  27. package/CHANGELOG.md +0 -29
  28. package/CONTRIBUTING.md +0 -41
  29. package/dist/css/brand-light.css +0 -9
  30. package/dist/css/calcite-dark.css +0 -504
  31. package/dist/css/calcite-headless.css +0 -2615
  32. package/dist/css/calcite-light.css +0 -507
  33. package/dist/es6/brand-light.d.ts +0 -7
  34. package/dist/es6/brand-light.js +0 -7
  35. package/dist/es6/calcite-dark.d.ts +0 -502
  36. package/dist/es6/calcite-dark.js +0 -502
  37. package/dist/es6/calcite-headless.d.ts +0 -2613
  38. package/dist/es6/calcite-headless.js +0 -2613
  39. package/dist/es6/calcite-light.d.ts +0 -505
  40. package/dist/es6/calcite-light.js +0 -505
  41. package/dist/js/brand-light.d.ts +0 -72
  42. package/dist/js/brand-light.js +0 -95
  43. package/dist/js/calcite-dark.d.ts +0 -563
  44. package/dist/js/calcite-dark.js +0 -10024
  45. package/dist/js/calcite-headless.d.ts +0 -1730
  46. package/dist/js/calcite-headless.js +0 -50082
  47. package/dist/js/calcite-light.d.ts +0 -544
  48. package/dist/js/calcite-light.js +0 -10090
  49. package/dist/scss/calcite-dark.scss +0 -535
  50. package/dist/scss/calcite-headless.scss +0 -3012
  51. package/dist/scss/calcite-light.scss +0 -538
  52. package/jest.config.json +0 -16
  53. package/src/$metadata.json +0 -76
  54. package/src/$themes.json +0 -2363
  55. package/src/brand/dark.json +0 -1
  56. package/src/brand/global.json +0 -1
  57. package/src/brand/light.json +0 -20
  58. package/src/calcite/dark.json +0 -2488
  59. package/src/calcite/light.json +0 -2508
  60. package/src/component/accordion-item.json +0 -172
  61. package/src/component/accordion.json +0 -192
  62. package/src/component/action-bar-grid.json +0 -66
  63. package/src/component/action-bar.json +0 -66
  64. package/src/component/action-pad-grid.json +0 -80
  65. package/src/component/action-pad.json +0 -80
  66. package/src/component/action.json +0 -156
  67. package/src/component/alert.json +0 -258
  68. package/src/component/avatar.json +0 -140
  69. package/src/component/block-section.json +0 -124
  70. package/src/component/block.json +0 -198
  71. package/src/component/button.json +0 -650
  72. package/src/component/card.json +0 -116
  73. package/src/component/checkbox.json +0 -110
  74. package/src/component/chip.json +0 -382
  75. package/src/component/color-picker.json +0 -148
  76. package/src/component/combobox.json +0 -152
  77. package/src/component/date-picker.json +0 -354
  78. package/src/component/dropdown-item.json +0 -384
  79. package/src/component/dropdown.json +0 -58
  80. package/src/component/fab.json +0 -490
  81. package/src/component/filter.json +0 -174
  82. package/src/component/icon.json +0 -18
  83. package/src/component/input-date-picker.json +0 -224
  84. package/src/component/input-datetime-local.json +0 -230
  85. package/src/component/input-email.json +0 -244
  86. package/src/component/input-file.json +0 -244
  87. package/src/component/input-message.json +0 -72
  88. package/src/component/input-month.json +0 -244
  89. package/src/component/input-number.json +0 -244
  90. package/src/component/input-password.json +0 -244
  91. package/src/component/input-search.json +0 -244
  92. package/src/component/input-telephone.json +0 -244
  93. package/src/component/input-text.json +0 -244
  94. package/src/component/input-time.json +0 -1
  95. package/src/component/input-week.json +0 -244
  96. package/src/component/label.json +0 -26
  97. package/src/component/link.json +0 -44
  98. package/src/component/loader.json +0 -130
  99. package/src/component/modal.json +0 -278
  100. package/src/component/notice.json +0 -280
  101. package/src/component/pagination.json +0 -152
  102. package/src/component/panel-header.json +0 -88
  103. package/src/component/popover.json +0 -170
  104. package/src/component/radio.json +0 -124
  105. package/src/component/rating.json +0 -243
  106. package/src/component/scrim.json +0 -18
  107. package/src/component/segmented-control.json +0 -154
  108. package/src/component/slider-histogram-range.json +0 -284
  109. package/src/component/slider-histogram.json +0 -280
  110. package/src/component/slider-range.json +0 -226
  111. package/src/component/slider.json +0 -226
  112. package/src/component/split-button.json +0 -830
  113. package/src/component/stepper-item.json +0 -372
  114. package/src/component/stepper.json +0 -152
  115. package/src/component/switch.json +0 -178
  116. package/src/component/tab-title.json +0 -228
  117. package/src/component/tabs.json +0 -242
  118. package/src/component/textarea.json +0 -200
  119. package/src/component/time-picker.json +0 -138
  120. package/src/component/tip-manager.json +0 -118
  121. package/src/component/tip.json +0 -114
  122. package/src/component/tooltip.json +0 -66
  123. package/src/component/tree-item.json +0 -176
  124. package/src/core.json +0 -1833
  125. package/src/semantic.json +0 -1709
  126. package/support/run.ts +0 -16
  127. package/support/token-transformer/format/javascript.ts +0 -22
  128. package/support/token-transformer/format/scss.ts +0 -81
  129. package/support/token-transformer/getThemes.ts +0 -41
  130. package/support/token-transformer/parse/expandComposites.test.ts +0 -144
  131. package/support/token-transformer/parse/expandComposites.ts +0 -72
  132. package/support/token-transformer/sd-run.ts +0 -191
  133. package/support/token-transformer/transform/nameCamelCase.test.ts +0 -36
  134. package/support/token-transformer/transform/nameCamelCase.ts +0 -15
  135. package/support/token-transformer/transform/nameKebabCase.test.ts +0 -36
  136. package/support/token-transformer/transform/nameKebabCase.ts +0 -26
  137. package/support/token-transformer/utils/compositeTokens.test.ts +0 -133
  138. package/support/token-transformer/utils/compositeTokens.ts +0 -103
  139. package/support/token-transformer/utils/convertTokenToStyleDictionaryFormat.ts +0 -20
  140. package/support/token-transformer/utils/matchList.ts +0 -11
  141. package/support/token-transformer/utils/parseName.ts +0 -18
  142. package/support/token-transformer/utils/parseTokenPath.ts +0 -19
  143. package/support/token-transformer/utils/regex.ts +0 -9
  144. package/support/token-transformer/utils/sortAllTokens.ts +0 -12
  145. package/support/token-transformer/utils/transformOptions.ts +0 -31
  146. package/tsconfig-base.json +0 -17
  147. package/tsconfig-eslint.json +0 -4
  148. package/tsconfig.json +0 -4
package/src/component/time-picker.json DELETED
@@ -1,138 +0,0 @@
1
- {
2
- "time-picker": {
3
- "font": {
4
- "light": {
5
- "value": "$semantic.ui.color.text.3.light",
6
- "type": "color"
7
- },
8
- "dark": {
9
- "value": "$semantic.ui.color.text.3.dark",
10
- "type": "color"
11
- },
12
- "sm": {
13
- "value": "$semantic.font.default.bold.-2h",
14
- "type": "typography"
15
- },
16
- "md": {
17
- "value": "$semantic.font.default.bold.-1h",
18
- "type": "typography"
19
- },
20
- "lg": {
21
- "value": "$semantic.font.default.bold.0h",
22
- "type": "typography"
23
- }
24
- },
25
- "icon": {
26
- "light": {
27
- "value": "$semantic.ui.color.text.3.light",
28
- "type": "color"
29
- },
30
- "dark": {
31
- "value": "$semantic.ui.color.text.3.dark",
32
- "type": "color"
33
- }
34
- },
35
- "border": {
36
- "light": {
37
- "value": "$semantic.ui.color.border.1.light",
38
- "type": "color"
39
- },
40
- "dark": {
41
- "value": "$semantic.ui.color.border.1.dark",
42
- "type": "color"
43
- }
44
- },
45
- "background": {
46
- "default": {
47
- "light": {
48
- "value": "$semantic.ui.color.background.light",
49
- "type": "color"
50
- },
51
- "dark": {
52
- "value": "$semantic.ui.color.background.dark",
53
- "type": "color"
54
- }
55
- }
56
- },
57
- "foreground": {
58
- "light": {
59
- "value": "$semantic.ui.color.foreground.2.light",
60
- "type": "color"
61
- },
62
- "dark": {
63
- "value": "$semantic.ui.color.foreground.2.dark",
64
- "type": "color"
65
- }
66
- },
67
- "border-radius": {
68
- "sm": {
69
- "value": "$core.border.border-radius.4",
70
- "type": "borderRadius"
71
- },
72
- "md": {
73
- "value": "$core.border.border-radius.5",
74
- "type": "borderRadius"
75
- },
76
- "lg": {
77
- "value": "$core.border.border-radius.6",
78
- "type": "borderRadius"
79
- }
80
- },
81
- "border-width": {
82
- "sm": {
83
- "value": "$core.border.border-width.1",
84
- "type": "borderWidth"
85
- },
86
- "md": {
87
- "value": "$core.border.border-width.2",
88
- "type": "borderWidth"
89
- },
90
- "lg": {
91
- "value": "$core.border.border-width.4",
92
- "type": "borderWidth"
93
- }
94
- },
95
- "icon-size": {
96
- "sm": {
97
- "value": "$core.sizing.7",
98
- "type": "sizing"
99
- },
100
- "md": {
101
- "value": "$core.sizing.7",
102
- "type": "sizing"
103
- },
104
- "lg": {
105
- "value": "$core.sizing.9",
106
- "type": "sizing"
107
- }
108
- },
109
- "space-between": {
110
- "sm": {
111
- "value": "$core.spacing.9",
112
- "type": "spacing"
113
- },
114
- "md": {
115
- "value": "$core.spacing.11",
116
- "type": "spacing"
117
- },
118
- "lg": {
119
- "value": "$core.spacing.14",
120
- "type": "spacing"
121
- }
122
- },
123
- "space-around": {
124
- "sm": {
125
- "value": "$core.spacing.7",
126
- "type": "spacing"
127
- },
128
- "md": {
129
- "value": "$core.spacing.9",
130
- "type": "spacing"
131
- },
132
- "lg": {
133
- "value": "$core.spacing.11",
134
- "type": "spacing"
135
- }
136
- }
137
- }
138
- }
package/src/component/tip-manager.json DELETED
@@ -1,118 +0,0 @@
1
- {
2
- "tip-manager": {
3
- "font": {
4
- "heading": {
5
- "light": {
6
- "value": "$semantic.ui.color.text.1.light",
7
- "type": "color"
8
- },
9
- "dark": {
10
- "value": "$semantic.ui.color.text.1.dark",
11
- "type": "color"
12
- },
13
- "md": {
14
- "value": "$semantic.font.default.bold.1h",
15
- "type": "typography"
16
- }
17
- }
18
- },
19
- "icon": {
20
- "light": {
21
- "value": "$semantic.ui.color.text.3.light",
22
- "type": "color"
23
- },
24
- "dark": {
25
- "value": "$semantic.ui.color.text.3.dark",
26
- "type": "color"
27
- }
28
- },
29
- "background": {
30
- "default": {
31
- "light": {
32
- "value": "$semantic.ui.color.foreground.1.light",
33
- "type": "color"
34
- },
35
- "dark": {
36
- "value": "$semantic.ui.color.foreground.1.dark",
37
- "type": "color"
38
- }
39
- }
40
- },
41
- "border-radius": {
42
- "md": {
43
- "value": "$core.border.border-radius.none",
44
- "type": "borderRadius"
45
- }
46
- },
47
- "icon-size": {
48
- "md": {
49
- "value": "$core.sizing.9",
50
- "type": "sizing"
51
- }
52
- },
53
- "border": {
54
- "default": {
55
- "light": {
56
- "value": "$semantic.ui.color.border.2.light",
57
- "type": "color"
58
- },
59
- "dark": {
60
- "value": "$semantic.ui.color.border.2.dark",
61
- "type": "color"
62
- }
63
- }
64
- },
65
- "header": {
66
- "space-between": {
67
- "md": {
68
- "value": "{core.spacing.none}",
69
- "type": "spacing"
70
- }
71
- },
72
- "space-around": {
73
- "left": {
74
- "md": {
75
- "value": "{core.spacing.7}",
76
- "type": "spacing"
77
- }
78
- }
79
- }
80
- },
81
- "footer": {
82
- "space-around": {
83
- "top": {
84
- "md": {
85
- "value": "{core.spacing.5}",
86
- "type": "spacing"
87
- }
88
- },
89
- "bottom": {
90
- "md": {
91
- "value": "{core.spacing.3}",
92
- "type": "spacing"
93
- }
94
- }
95
- }
96
- },
97
- "border-width": {
98
- "md": {
99
- "value": "{core.border.border-width.0}",
100
- "type": "borderWidth"
101
- }
102
- },
103
- "space-between": {
104
- "md": {
105
- "value": "{core.spacing.none}",
106
- "type": "spacing"
107
- }
108
- },
109
- "space-around": {
110
- "top-bottom": {
111
- "md": {
112
- "value": "{core.spacing.5}",
113
- "type": "spacing"
114
- }
115
- }
116
- }
117
- }
118
- }
package/src/component/tip.json DELETED
@@ -1,114 +0,0 @@
1
- {
2
- "tip": {
3
- "font": {
4
- "heading": {
5
- "light": {
6
- "value": "$semantic.ui.color.text.1.light",
7
- "type": "color"
8
- },
9
- "dark": {
10
- "value": "$semantic.ui.color.text.1.dark",
11
- "type": "color"
12
- },
13
- "md": {
14
- "value": "$semantic.font.default.medium.0h",
15
- "type": "typography"
16
- }
17
- },
18
- "description": {
19
- "light": {
20
- "value": "$semantic.ui.color.text.2.light",
21
- "type": "color"
22
- },
23
- "dark": {
24
- "value": "$semantic.ui.color.text.2.dark",
25
- "type": "color"
26
- },
27
- "md": {
28
- "value": "$semantic.font.default.regular.-1h",
29
- "type": "typography"
30
- }
31
- }
32
- },
33
- "icon": {
34
- "light": {
35
- "value": "$semantic.ui.color.text.3.light",
36
- "type": "color"
37
- },
38
- "dark": {
39
- "value": "$semantic.ui.color.text.3.dark",
40
- "type": "color"
41
- }
42
- },
43
- "background": {
44
- "default": {
45
- "light": {
46
- "value": "$semantic.ui.color.foreground.1.light",
47
- "type": "color"
48
- },
49
- "dark": {
50
- "value": "$semantic.ui.color.foreground.1.dark",
51
- "type": "color"
52
- }
53
- }
54
- },
55
- "border-radius": {
56
- "md": {
57
- "value": "$core.border.border-radius.none",
58
- "type": "borderRadius"
59
- }
60
- },
61
- "icon-size": {
62
- "md": {
63
- "value": "$core.sizing.9",
64
- "type": "sizing"
65
- }
66
- },
67
- "border": {
68
- "default": {
69
- "light": {
70
- "value": "$semantic.ui.color.border.2.light",
71
- "type": "color"
72
- },
73
- "dark": {
74
- "value": "$semantic.ui.color.border.2.dark",
75
- "type": "color"
76
- }
77
- }
78
- },
79
- "default": {
80
- "space-between": {
81
- "md": {
82
- "value": "{core.spacing.3}",
83
- "type": "spacing"
84
- }
85
- },
86
- "space-around": {
87
- "md": {
88
- "value": "{core.spacing.7}",
89
- "type": "spacing"
90
- }
91
- }
92
- },
93
- "selected": {
94
- "space-between": {
95
- "md": {
96
- "value": "{core.spacing.3}",
97
- "type": "spacing"
98
- }
99
- },
100
- "space-around": {
101
- "md": {
102
- "value": "{core.spacing.none}",
103
- "type": "spacing"
104
- }
105
- }
106
- },
107
- "border-width": {
108
- "md": {
109
- "value": "{core.border.border-width.0}",
110
- "type": "borderWidth"
111
- }
112
- }
113
- }
114
- }
package/src/component/tooltip.json DELETED
@@ -1,66 +0,0 @@
1
- {
2
- "tooltip": {
3
- "space-arround": {
4
- "top-bottom": {
5
- "value": "$core.spacing.5",
6
- "type": "spacing"
7
- },
8
- "left-right": {
9
- "value": "$core.spacing.7",
10
- "type": "spacing"
11
- }
12
- },
13
- "foreground": {
14
- "light": {
15
- "value": "$semantic.ui.color.foreground.1.light",
16
- "type": "color"
17
- },
18
- "dark": {
19
- "value": "$semantic.ui.color.foreground.1.dark",
20
- "type": "color"
21
- }
22
- },
23
- "font": {
24
- "light": {
25
- "value": "$semantic.ui.color.text.1.light",
26
- "type": "color"
27
- },
28
- "dark": {
29
- "value": "$semantic.ui.color.text.1.dark",
30
- "type": "color"
31
- },
32
- "standard": {
33
- "value": "$semantic.font.wrap.medium.-2",
34
- "type": "typography"
35
- }
36
- },
37
- "border": {
38
- "light": {
39
- "value": "$semantic.ui.color.border.3.light",
40
- "type": "color"
41
- },
42
- "dark": {
43
- "value": "$semantic.ui.color.border.3.dark",
44
- "type": "color"
45
- }
46
- },
47
- "border-radius": {
48
- "value": "$core.border.border-radius.1",
49
- "type": "borderRadius"
50
- },
51
- "border-width": {
52
- "value": "$core.border.border-width.0",
53
- "type": "borderWidth"
54
- },
55
- "arrow": {
56
- "width": {
57
- "value": "$core.sizing.6",
58
- "type": "sizing"
59
- },
60
- "height": {
61
- "value": "$core.sizing.2",
62
- "type": "sizing"
63
- }
64
- }
65
- }
66
- }
package/src/component/tree-item.json DELETED
@@ -1,176 +0,0 @@
1
- {
2
- "tree-item": {
3
- "font": {
4
- "default": {
5
- "light": {
6
- "value": "$semantic.ui.color.text.3.light",
7
- "type": "color"
8
- },
9
- "dark": {
10
- "value": "$semantic.ui.color.text.3.dark",
11
- "type": "color"
12
- },
13
- "sm": {
14
- "value": "$semantic.font.default.regular.-2h",
15
- "type": "typography"
16
- },
17
- "md": {
18
- "value": "$semantic.font.default.regular.-1h",
19
- "type": "typography"
20
- },
21
- "lg": {
22
- "value": "$semantic.font.default.regular.0h",
23
- "type": "typography"
24
- }
25
- },
26
- "selected": {
27
- "light": {
28
- "value": "$semantic.ui.color.text.1.light",
29
- "type": "color"
30
- },
31
- "dark": {
32
- "value": "$semantic.ui.color.text.1.dark",
33
- "type": "color"
34
- },
35
- "sm": {
36
- "value": "$semantic.font.default.medium.-2h",
37
- "type": "typography"
38
- },
39
- "md": {
40
- "value": "$semantic.font.default.medium.-1h",
41
- "type": "typography"
42
- },
43
- "lg": {
44
- "value": "$semantic.font.default.medium.0h",
45
- "type": "typography"
46
- }
47
- },
48
- "children-selected": {
49
- "light": {
50
- "value": "$semantic.ui.color.brand.default.light",
51
- "type": "color"
52
- },
53
- "dark": {
54
- "value": "$semantic.ui.color.brand.default.dark",
55
- "type": "color"
56
- }
57
- }
58
- },
59
- "icon": {
60
- "default": {
61
- "light": {
62
- "value": "$semantic.ui.color.text.3.light",
63
- "type": "color"
64
- },
65
- "dark": {
66
- "value": "$semantic.ui.color.text.3.dark",
67
- "type": "color"
68
- }
69
- },
70
- "selected": {
71
- "light": {
72
- "value": "$semantic.ui.color.brand.default.light",
73
- "type": "color"
74
- },
75
- "dark": {
76
- "value": "$semantic.ui.color.brand.default.dark",
77
- "type": "color"
78
- }
79
- }
80
- },
81
- "border": {
82
- "light": {
83
- "value": "$semantic.ui.color.border.1.light",
84
- "type": "color"
85
- },
86
- "dark": {
87
- "value": "$semantic.ui.color.border.1.dark",
88
- "type": "color"
89
- }
90
- },
91
- "border-radius": {
92
- "sm": {
93
- "value": "$core.border.border-radius.4",
94
- "type": "borderRadius"
95
- },
96
- "md": {
97
- "value": "$core.border.border-radius.5",
98
- "type": "borderRadius"
99
- },
100
- "lg": {
101
- "value": "$core.border.border-radius.6",
102
- "type": "borderRadius"
103
- }
104
- },
105
- "border-width": {
106
- "sm": {
107
- "value": "$core.border.border-width.1",
108
- "type": "borderWidth"
109
- },
110
- "md": {
111
- "value": "$core.border.border-width.2",
112
- "type": "borderWidth"
113
- },
114
- "lg": {
115
- "value": "$core.border.border-width.4",
116
- "type": "borderWidth"
117
- }
118
- },
119
- "comp-size": {
120
- "sm": {
121
- "value": "$core.sizing.9",
122
- "type": "sizing"
123
- },
124
- "md": {
125
- "value": "$core.sizing.11",
126
- "type": "sizing"
127
- },
128
- "lg": {
129
- "value": "$core.sizing.14",
130
- "type": "sizing"
131
- }
132
- },
133
- "icon-size": {
134
- "sm": {
135
- "value": "$core.sizing.7",
136
- "type": "sizing"
137
- },
138
- "md": {
139
- "value": "$core.sizing.9",
140
- "type": "sizing"
141
- },
142
- "lg": {
143
- "value": "$core.sizing.11",
144
- "type": "sizing"
145
- }
146
- },
147
- "space-between": {
148
- "sm": {
149
- "value": "$core.spacing.9",
150
- "type": "spacing"
151
- },
152
- "md": {
153
- "value": "$core.spacing.11",
154
- "type": "spacing"
155
- },
156
- "lg": {
157
- "value": "$core.spacing.14",
158
- "type": "spacing"
159
- }
160
- },
161
- "space-around": {
162
- "sm": {
163
- "value": "$core.spacing.1",
164
- "type": "spacing"
165
- },
166
- "md": {
167
- "value": "$core.spacing.3",
168
- "type": "spacing"
169
- },
170
- "lg": {
171
- "value": "$core.spacing.5",
172
- "type": "spacing"
173
- }
174
- }
175
- }
176
- }