@esri/calcite-design-tokens 1.1.1-next.2 → 2.0.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 (153) 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 +311 -0
  5. package/dist/css/dark.css +47 -0
  6. package/dist/css/global.css +96 -0
  7. package/dist/css/index.css +184 -0
  8. package/dist/css/light.css +47 -0
  9. package/dist/docs/core.json +8134 -0
  10. package/dist/docs/global.json +6617 -0
  11. package/dist/es6/core.d.ts +309 -0
  12. package/dist/es6/core.js +309 -0
  13. package/dist/es6/global.d.ts +202 -0
  14. package/dist/es6/global.js +202 -0
  15. package/dist/js/core.d.ts +421 -0
  16. package/dist/js/core.js +8208 -0
  17. package/dist/js/global.d.ts +330 -0
  18. package/dist/js/global.js +6689 -0
  19. package/dist/scss/breakpoints.scss +37 -0
  20. package/dist/scss/core.scss +309 -0
  21. package/dist/scss/dark.scss +45 -0
  22. package/dist/scss/global.scss +94 -0
  23. package/dist/scss/index.scss +96 -0
  24. package/dist/scss/light.scss +45 -0
  25. package/dist/scss/mixins.scss +342 -0
  26. package/package.json +7 -21
  27. package/.eslintrc.cjs +0 -85
  28. package/.turbo/turbo-build.log +0 -7034
  29. package/.turbo/turbo-test.log +0 -15
  30. package/CHANGELOG.md +0 -33
  31. package/CONTRIBUTING.md +0 -41
  32. package/dist/css/brand-light.css +0 -9
  33. package/dist/css/calcite-dark.css +0 -504
  34. package/dist/css/calcite-headless.css +0 -2615
  35. package/dist/css/calcite-light.css +0 -507
  36. package/dist/es6/brand-light.d.ts +0 -7
  37. package/dist/es6/brand-light.js +0 -7
  38. package/dist/es6/calcite-dark.d.ts +0 -502
  39. package/dist/es6/calcite-dark.js +0 -502
  40. package/dist/es6/calcite-headless.d.ts +0 -2613
  41. package/dist/es6/calcite-headless.js +0 -2613
  42. package/dist/es6/calcite-light.d.ts +0 -505
  43. package/dist/es6/calcite-light.js +0 -505
  44. package/dist/js/brand-light.d.ts +0 -72
  45. package/dist/js/brand-light.js +0 -95
  46. package/dist/js/calcite-dark.d.ts +0 -563
  47. package/dist/js/calcite-dark.js +0 -10024
  48. package/dist/js/calcite-headless.d.ts +0 -1730
  49. package/dist/js/calcite-headless.js +0 -50082
  50. package/dist/js/calcite-light.d.ts +0 -544
  51. package/dist/js/calcite-light.js +0 -10090
  52. package/dist/scss/calcite-dark.scss +0 -535
  53. package/dist/scss/calcite-headless.scss +0 -3012
  54. package/dist/scss/calcite-light.scss +0 -538
  55. package/jest.config.json +0 -16
  56. package/src/$metadata.json +0 -76
  57. package/src/$themes.json +0 -2363
  58. package/src/brand/dark.json +0 -1
  59. package/src/brand/global.json +0 -1
  60. package/src/brand/light.json +0 -20
  61. package/src/calcite/dark.json +0 -2488
  62. package/src/calcite/light.json +0 -2508
  63. package/src/component/accordion-item.json +0 -172
  64. package/src/component/accordion.json +0 -192
  65. package/src/component/action-bar-grid.json +0 -66
  66. package/src/component/action-bar.json +0 -66
  67. package/src/component/action-pad-grid.json +0 -80
  68. package/src/component/action-pad.json +0 -80
  69. package/src/component/action.json +0 -156
  70. package/src/component/alert.json +0 -258
  71. package/src/component/avatar.json +0 -140
  72. package/src/component/block-section.json +0 -124
  73. package/src/component/block.json +0 -198
  74. package/src/component/button.json +0 -650
  75. package/src/component/card.json +0 -116
  76. package/src/component/checkbox.json +0 -110
  77. package/src/component/chip.json +0 -382
  78. package/src/component/color-picker.json +0 -148
  79. package/src/component/combobox.json +0 -152
  80. package/src/component/date-picker.json +0 -354
  81. package/src/component/dropdown-item.json +0 -384
  82. package/src/component/dropdown.json +0 -58
  83. package/src/component/fab.json +0 -490
  84. package/src/component/filter.json +0 -174
  85. package/src/component/icon.json +0 -18
  86. package/src/component/input-date-picker.json +0 -224
  87. package/src/component/input-datetime-local.json +0 -230
  88. package/src/component/input-email.json +0 -244
  89. package/src/component/input-file.json +0 -244
  90. package/src/component/input-message.json +0 -72
  91. package/src/component/input-month.json +0 -244
  92. package/src/component/input-number.json +0 -244
  93. package/src/component/input-password.json +0 -244
  94. package/src/component/input-search.json +0 -244
  95. package/src/component/input-telephone.json +0 -244
  96. package/src/component/input-text.json +0 -244
  97. package/src/component/input-time.json +0 -1
  98. package/src/component/input-week.json +0 -244
  99. package/src/component/label.json +0 -26
  100. package/src/component/link.json +0 -44
  101. package/src/component/loader.json +0 -130
  102. package/src/component/modal.json +0 -278
  103. package/src/component/notice.json +0 -280
  104. package/src/component/pagination.json +0 -152
  105. package/src/component/panel-header.json +0 -88
  106. package/src/component/popover.json +0 -170
  107. package/src/component/radio.json +0 -124
  108. package/src/component/rating.json +0 -243
  109. package/src/component/scrim.json +0 -18
  110. package/src/component/segmented-control.json +0 -154
  111. package/src/component/slider-histogram-range.json +0 -284
  112. package/src/component/slider-histogram.json +0 -280
  113. package/src/component/slider-range.json +0 -226
  114. package/src/component/slider.json +0 -226
  115. package/src/component/split-button.json +0 -830
  116. package/src/component/stepper-item.json +0 -372
  117. package/src/component/stepper.json +0 -152
  118. package/src/component/switch.json +0 -178
  119. package/src/component/tab-title.json +0 -228
  120. package/src/component/tabs.json +0 -242
  121. package/src/component/textarea.json +0 -200
  122. package/src/component/time-picker.json +0 -138
  123. package/src/component/tip-manager.json +0 -118
  124. package/src/component/tip.json +0 -114
  125. package/src/component/tooltip.json +0 -66
  126. package/src/component/tree-item.json +0 -176
  127. package/src/core.json +0 -1833
  128. package/src/semantic.json +0 -1709
  129. package/support/run.ts +0 -16
  130. package/support/tests/__snapshots__/index.spec.ts.snap +0 -88066
  131. package/support/tests/index.spec.ts +0 -102
  132. package/support/token-transformer/format/javascript.ts +0 -22
  133. package/support/token-transformer/format/scss.ts +0 -81
  134. package/support/token-transformer/getThemes.ts +0 -41
  135. package/support/token-transformer/parse/expandComposites.test.ts +0 -144
  136. package/support/token-transformer/parse/expandComposites.ts +0 -72
  137. package/support/token-transformer/sd-run.ts +0 -191
  138. package/support/token-transformer/transform/nameCamelCase.test.ts +0 -36
  139. package/support/token-transformer/transform/nameCamelCase.ts +0 -15
  140. package/support/token-transformer/transform/nameKebabCase.test.ts +0 -36
  141. package/support/token-transformer/transform/nameKebabCase.ts +0 -26
  142. package/support/token-transformer/utils/compositeTokens.test.ts +0 -133
  143. package/support/token-transformer/utils/compositeTokens.ts +0 -103
  144. package/support/token-transformer/utils/convertTokenToStyleDictionaryFormat.ts +0 -20
  145. package/support/token-transformer/utils/matchList.ts +0 -11
  146. package/support/token-transformer/utils/parseName.ts +0 -18
  147. package/support/token-transformer/utils/parseTokenPath.ts +0 -19
  148. package/support/token-transformer/utils/regex.ts +0 -9
  149. package/support/token-transformer/utils/sortAllTokens.ts +0 -12
  150. package/support/token-transformer/utils/transformOptions.ts +0 -31
  151. package/tsconfig-base.json +0 -17
  152. package/tsconfig-eslint.json +0 -4
  153. package/tsconfig.json +0 -4
package/src/component/input-search.json DELETED
@@ -1,244 +0,0 @@
1
- {
2
- "input-search": {
3
- "font": {
4
- "placeholder-value": {
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
- "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
- "label": {
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.regular.-2h",
37
- "type": "typography"
38
- },
39
- "md": {
40
- "value": "$semantic.font.default.regular.-1h",
41
- "type": "typography"
42
- },
43
- "lg": {
44
- "value": "$semantic.font.default.regular.0h",
45
- "type": "typography"
46
- }
47
- },
48
- "prefix-suffix": {
49
- "sm": {
50
- "value": "$semantic.font.default.medium.-2h",
51
- "type": "typography"
52
- },
53
- "md": {
54
- "value": "$semantic.font.default.medium.-1h",
55
- "type": "typography"
56
- },
57
- "lg": {
58
- "value": "$semantic.font.default.medium.0h",
59
- "type": "typography"
60
- },
61
- "light": {
62
- "value": "$semantic.ui.color.text.2.light",
63
- "type": "color"
64
- },
65
- "dark": {
66
- "value": "$semantic.ui.color.text.2.dark",
67
- "type": "color"
68
- }
69
- },
70
- "read-only": {
71
- "sm": {
72
- "value": "$semantic.font.default.medium.-2h",
73
- "type": "typography"
74
- },
75
- "md": {
76
- "value": "$semantic.font.default.medium.-1h",
77
- "type": "typography"
78
- },
79
- "lg": {
80
- "value": "$semantic.font.default.medium.0h",
81
- "type": "typography"
82
- }
83
- }
84
- },
85
- "icon": {
86
- "light": {
87
- "value": "$semantic.ui.color.text.3.light",
88
- "type": "color"
89
- },
90
- "dark": {
91
- "value": "$semantic.ui.color.text.3.dark",
92
- "type": "color"
93
- }
94
- },
95
- "border": {
96
- "invalid": {
97
- "light": {
98
- "value": "$semantic.ui.color.danger.default.light",
99
- "type": "color"
100
- },
101
- "dark": {
102
- "value": "$semantic.ui.color.danger.default.dark",
103
- "type": "color"
104
- }
105
- },
106
- "default": {
107
- "light": {
108
- "value": "$semantic.ui.color.border.input.light",
109
- "type": "color"
110
- },
111
- "dark": {
112
- "value": "$semantic.ui.color.border.input.dark",
113
- "type": "color"
114
- }
115
- }
116
- },
117
- "background": {
118
- "default": {
119
- "light": {
120
- "value": "$semantic.ui.color.foreground.1.light",
121
- "type": "color"
122
- },
123
- "dark": {
124
- "value": "$semantic.ui.color.foreground.1.dark",
125
- "type": "color"
126
- }
127
- },
128
- "prefix-suffix": {
129
- "light": {
130
- "value": "$semantic.ui.color.background.light",
131
- "type": "color"
132
- },
133
- "dark": {
134
- "value": "$semantic.ui.color.background.dark",
135
- "type": "color"
136
- }
137
- },
138
- "read-only": {
139
- "light": {
140
- "value": "$semantic.ui.color.background.light",
141
- "type": "color"
142
- },
143
- "dark": {
144
- "value": "$semantic.ui.color.background.dark",
145
- "type": "color"
146
- }
147
- }
148
- },
149
- "border-radius": {
150
- "sm": {
151
- "value": "$core.border.border-radius.none",
152
- "type": "borderRadius"
153
- },
154
- "md": {
155
- "value": "$core.border.border-radius.none",
156
- "type": "borderRadius"
157
- },
158
- "lg": {
159
- "value": "$core.border.border-radius.none",
160
- "type": "borderRadius"
161
- }
162
- },
163
- "border-width": {
164
- "sm": {
165
- "value": "$core.border.border-width.0",
166
- "type": "borderWidth"
167
- },
168
- "md": {
169
- "value": "$core.border.border-width.0",
170
- "type": "borderWidth"
171
- },
172
- "lg": {
173
- "value": "$core.border.border-width.0",
174
- "type": "borderWidth"
175
- }
176
- },
177
- "icon-size": {
178
- "sm": {
179
- "value": "$core.sizing.7",
180
- "type": "sizing"
181
- },
182
- "md": {
183
- "value": "$core.sizing.7",
184
- "type": "sizing"
185
- },
186
- "lg": {
187
- "value": "$core.sizing.9",
188
- "type": "sizing"
189
- }
190
- },
191
- "space-between": {
192
- "sm": {
193
- "value": "$core.spacing.3",
194
- "type": "spacing"
195
- },
196
- "md": {
197
- "value": "$core.spacing.5",
198
- "type": "spacing"
199
- },
200
- "lg": {
201
- "value": "$core.spacing.7",
202
- "type": "spacing"
203
- }
204
- },
205
- "space-around": {
206
- "left-right": {
207
- "sm": {
208
- "value": "$core.spacing.3",
209
- "type": "spacing"
210
- },
211
- "md": {
212
- "value": "$core.spacing.5",
213
- "type": "spacing"
214
- },
215
- "lg": {
216
- "value": "$core.spacing.7",
217
- "type": "spacing"
218
- }
219
- },
220
- "top-bottom": {
221
- "sm": {
222
- "value": "$core.spacing.1",
223
- "type": "spacing"
224
- },
225
- "md": {
226
- "value": "$core.spacing.3",
227
- "type": "spacing"
228
- },
229
- "lg": {
230
- "value": "$core.spacing.5",
231
- "type": "spacing"
232
- }
233
- }
234
- },
235
- "opacity": {
236
- "placeholder": {
237
- "light": {
238
- "value": "{core.opacity.50}",
239
- "type": "opacity"
240
- }
241
- }
242
- }
243
- }
244
- }
package/src/component/input-telephone.json DELETED
@@ -1,244 +0,0 @@
1
- {
2
- "input-telephone": {
3
- "font": {
4
- "placeholder-value": {
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
- "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
- "label": {
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.regular.-2h",
37
- "type": "typography"
38
- },
39
- "md": {
40
- "value": "$semantic.font.default.regular.-1h",
41
- "type": "typography"
42
- },
43
- "lg": {
44
- "value": "$semantic.font.default.regular.0h",
45
- "type": "typography"
46
- }
47
- },
48
- "prefix-suffix": {
49
- "sm": {
50
- "value": "$semantic.font.default.medium.-2h",
51
- "type": "typography"
52
- },
53
- "md": {
54
- "value": "$semantic.font.default.medium.-1h",
55
- "type": "typography"
56
- },
57
- "lg": {
58
- "value": "$semantic.font.default.medium.0h",
59
- "type": "typography"
60
- },
61
- "light": {
62
- "value": "$semantic.ui.color.text.2.light",
63
- "type": "color"
64
- },
65
- "dark": {
66
- "value": "$semantic.ui.color.text.2.dark",
67
- "type": "color"
68
- }
69
- },
70
- "read-only": {
71
- "sm": {
72
- "value": "$semantic.font.default.medium.-2h",
73
- "type": "typography"
74
- },
75
- "md": {
76
- "value": "$semantic.font.default.medium.-1h",
77
- "type": "typography"
78
- },
79
- "lg": {
80
- "value": "$semantic.font.default.medium.0h",
81
- "type": "typography"
82
- }
83
- }
84
- },
85
- "icon": {
86
- "light": {
87
- "value": "$semantic.ui.color.text.3.light",
88
- "type": "color"
89
- },
90
- "dark": {
91
- "value": "$semantic.ui.color.text.3.dark",
92
- "type": "color"
93
- }
94
- },
95
- "border": {
96
- "invalid": {
97
- "light": {
98
- "value": "$semantic.ui.color.danger.default.light",
99
- "type": "color"
100
- },
101
- "dark": {
102
- "value": "$semantic.ui.color.danger.default.dark",
103
- "type": "color"
104
- }
105
- },
106
- "default": {
107
- "light": {
108
- "value": "$semantic.ui.color.border.input.light",
109
- "type": "color"
110
- },
111
- "dark": {
112
- "value": "$semantic.ui.color.border.input.dark",
113
- "type": "color"
114
- }
115
- }
116
- },
117
- "background": {
118
- "default": {
119
- "light": {
120
- "value": "$semantic.ui.color.foreground.1.light",
121
- "type": "color"
122
- },
123
- "dark": {
124
- "value": "$semantic.ui.color.foreground.1.dark",
125
- "type": "color"
126
- }
127
- },
128
- "prefix-suffix": {
129
- "light": {
130
- "value": "$semantic.ui.color.background.light",
131
- "type": "color"
132
- },
133
- "dark": {
134
- "value": "$semantic.ui.color.background.dark",
135
- "type": "color"
136
- }
137
- },
138
- "read-only": {
139
- "light": {
140
- "value": "$semantic.ui.color.background.light",
141
- "type": "color"
142
- },
143
- "dark": {
144
- "value": "$semantic.ui.color.background.dark",
145
- "type": "color"
146
- }
147
- }
148
- },
149
- "border-radius": {
150
- "sm": {
151
- "value": "$core.border.border-radius.none",
152
- "type": "borderRadius"
153
- },
154
- "md": {
155
- "value": "$core.border.border-radius.none",
156
- "type": "borderRadius"
157
- },
158
- "lg": {
159
- "value": "$core.border.border-radius.none",
160
- "type": "borderRadius"
161
- }
162
- },
163
- "border-width": {
164
- "sm": {
165
- "value": "$core.border.border-width.0",
166
- "type": "borderWidth"
167
- },
168
- "md": {
169
- "value": "$core.border.border-width.0",
170
- "type": "borderWidth"
171
- },
172
- "lg": {
173
- "value": "$core.border.border-width.0",
174
- "type": "borderWidth"
175
- }
176
- },
177
- "icon-size": {
178
- "sm": {
179
- "value": "$core.sizing.7",
180
- "type": "sizing"
181
- },
182
- "md": {
183
- "value": "$core.sizing.7",
184
- "type": "sizing"
185
- },
186
- "lg": {
187
- "value": "$core.sizing.9",
188
- "type": "sizing"
189
- }
190
- },
191
- "space-between": {
192
- "sm": {
193
- "value": "$core.spacing.3",
194
- "type": "spacing"
195
- },
196
- "md": {
197
- "value": "$core.spacing.5",
198
- "type": "spacing"
199
- },
200
- "lg": {
201
- "value": "$core.spacing.7",
202
- "type": "spacing"
203
- }
204
- },
205
- "space-around": {
206
- "left-right": {
207
- "sm": {
208
- "value": "$core.spacing.3",
209
- "type": "spacing"
210
- },
211
- "md": {
212
- "value": "$core.spacing.5",
213
- "type": "spacing"
214
- },
215
- "lg": {
216
- "value": "$core.spacing.7",
217
- "type": "spacing"
218
- }
219
- },
220
- "top-bottom": {
221
- "sm": {
222
- "value": "$core.spacing.1",
223
- "type": "spacing"
224
- },
225
- "md": {
226
- "value": "$core.spacing.3",
227
- "type": "spacing"
228
- },
229
- "lg": {
230
- "value": "$core.spacing.5",
231
- "type": "spacing"
232
- }
233
- }
234
- },
235
- "opacity": {
236
- "placeholder": {
237
- "light": {
238
- "value": "{core.opacity.50}",
239
- "type": "opacity"
240
- }
241
- }
242
- }
243
- }
244
- }