@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/README.md CHANGED
@@ -11,10 +11,10 @@ npm install @esri/calcite-design-tokens
11
11
  Reference tokens in your CSS:
12
12
 
13
13
  ```css
14
- @import "@esri/calcite-design-tokens/css/calcite-light";
14
+ @import "@esri/calcite-design-tokens/css/global";
15
15
 
16
16
  :root {
17
- --my-custom-token: var(--calcite-ui-brand);
17
+ --my-custom-token: var(--calcite-color-brand);
18
18
  }
19
19
  ```
20
20
 
@@ -22,10 +22,8 @@ Reference tokens in your CSS:
22
22
 
23
23
  These are the published asset files generated by the token transformer:
24
24
 
25
- | Name | CSS | SCSS |
26
- | ------------------- | -------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- |
27
- | Calcite Headless | @esri/calcite-design-tokens/css @esri/calcite-design-tokens/css/calcite-headless | @esri/calcite-design-tokens/scss @esri/calcite-design-tokens/scss/calcite-headless |
28
- | Calcite Light | @esri/calcite-design-tokens/css/calcite-light | @esri/calcite-design-tokens/scss/calcite-light |
29
- | Calcite Dark | @esri/calcite-design-tokens/css/calcite-dark | @esri/calcite-design-tokens/scss/calcite-dark |
30
- | Calcite Brand Light | @esri/calcite-design-tokens/css/brand-light | @esri/calcite-design-tokens/scss/brand-light |
31
- | Calcite Brand Dark | @esri/calcite-design-tokens/css/brand-dark | @esri/calcite-design-tokens/scss/brand-dark |
25
+ | Name | CSS | SCSS |
26
+ | ------------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------ |
27
+ | Global | @esri/calcite-design-tokens/css @esri/calcite-design-tokens/css/global | @esri/calcite-design-tokens/scss @esri/calcite-design-tokens/scss/global |
28
+ | Calcite Light | @esri/calcite-design-tokens/css/light | @esri/calcite-design-tokens/scss/light |
29
+ | Calcite Dark | @esri/calcite-design-tokens/css/dark | @esri/calcite-design-tokens/scss/dark |
package/dist/css/breakpoint.css ADDED
@@ -0,0 +1,29 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
4
+ */
5
+
6
+ :root{
7
+ --calcite-container-size-width-xl-min: 1441px; /* Projectors and televisions */
8
+ --calcite-container-size-width-lg-min: 1153px; /* Large laptops and desktop computers */
9
+ --calcite-container-size-width-lg-max: 1440px; /* Large laptops and desktop computers */
10
+ --calcite-container-size-width-md-min: 769px; /* Small laptops */
11
+ --calcite-container-size-width-md-max: 1152px; /* Small laptops */
12
+ --calcite-container-size-width-sm-min: 477px; /* Small tablets */
13
+ --calcite-container-size-width-sm-max: 768px; /* Small tablets */
14
+ --calcite-container-size-width-xs-min: 321px; /* Handheld devices */
15
+ --calcite-container-size-width-xs-max: 476px; /* Handheld devices */
16
+ --calcite-container-size-width-xxs-min: 0; /* Small handheld devices and mini-windows */
17
+ --calcite-container-size-width-xxs-max: 320px; /* Small handheld devices and mini-windows */
18
+ --calcite-container-size-height-xl-min: 855px; /* Projectors and televisions */
19
+ --calcite-container-size-height-lg-min: 679px; /* Large laptops and desktop computers */
20
+ --calcite-container-size-height-lg-max: 854px; /* Large laptops and desktop computers */
21
+ --calcite-container-size-height-md-min: 505px; /* Small laptops */
22
+ --calcite-container-size-height-md-max: 678px; /* Small laptops */
23
+ --calcite-container-size-height-sm-min: 329px; /* Small tablets */
24
+ --calcite-container-size-height-sm-max: 504px; /* Small tablets */
25
+ --calcite-container-size-height-xs-min: 155px; /* Handheld devices */
26
+ --calcite-container-size-height-xs-max: 328px; /* Handheld devices */
27
+ --calcite-container-size-height-xxs-min: 0; /* Small handheld devices and mini-windows */
28
+ --calcite-container-size-height-xxs-max: 154px; /* Small handheld devices and mini-windows */
29
+ }
package/dist/css/classes.css ADDED
@@ -0,0 +1,327 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
4
+ */
5
+
6
+ .calcite-typography-hierarchy-overline {
7
+ line-height: var(--calcite-font-line-height-fixed-sm);
8
+ text-case: var(--calcite-font-text-case-uppercase);
9
+ font-weight: var(--calcite-font-weight-bold);
10
+ }
11
+
12
+ .calcite-typography-wrap-bold-minus-1 {
13
+ font-weight: var(--calcite-font-weight-semibold);
14
+ line-height: var(--calcite-font-line-height-relative-snug);
15
+ }
16
+
17
+ .calcite-typography-wrap-bold-minus-2 {
18
+ font-weight: var(--calcite-font-weight-semibold);
19
+ line-height: var(--calcite-font-line-height-relative-snug);
20
+ font-size: var(--calcite-font-size-sm);
21
+ }
22
+
23
+ .calcite-typography-wrap-bold-3 {
24
+ font-weight: var(--calcite-font-weight-semibold);
25
+ line-height: var(--calcite-font-line-height-relative-snug);
26
+ font-size: var(--calcite-font-size-xxl);
27
+ }
28
+
29
+ .calcite-typography-wrap-bold-2 {
30
+ font-weight: var(--calcite-font-weight-semibold);
31
+ line-height: var(--calcite-font-line-height-relative-snug);
32
+ font-size: var(--calcite-font-size-xl);
33
+ }
34
+
35
+ .calcite-typography-wrap-bold-1 {
36
+ font-weight: var(--calcite-font-weight-semibold);
37
+ line-height: var(--calcite-font-line-height-relative-snug);
38
+ font-size: var(--calcite-font-size-lg);
39
+ }
40
+
41
+ .calcite-typography-wrap-bold-0 {
42
+ font-weight: var(--calcite-font-weight-semibold);
43
+ line-height: var(--calcite-font-line-height-relative-snug);
44
+ font-size: var(--calcite-font-size-md);
45
+ }
46
+
47
+ .calcite-typography-wrap-medium-minus-1 {
48
+ font-weight: var(--calcite-font-weight-medium);
49
+ line-height: var(--calcite-font-line-height-relative-snug);
50
+ }
51
+
52
+ .calcite-typography-wrap-medium-minus-2 {
53
+ font-weight: var(--calcite-font-weight-medium);
54
+ line-height: var(--calcite-font-line-height-relative-snug);
55
+ font-size: var(--calcite-font-size-sm);
56
+ }
57
+
58
+ .calcite-typography-wrap-medium-3 {
59
+ font-weight: var(--calcite-font-weight-medium);
60
+ line-height: var(--calcite-font-line-height-relative-snug);
61
+ font-size: var(--calcite-font-size-xxl);
62
+ }
63
+
64
+ .calcite-typography-wrap-medium-2 {
65
+ font-weight: var(--calcite-font-weight-medium);
66
+ line-height: var(--calcite-font-line-height-relative-snug);
67
+ font-size: var(--calcite-font-size-xl);
68
+ }
69
+
70
+ .calcite-typography-wrap-medium-1 {
71
+ font-weight: var(--calcite-font-weight-medium);
72
+ line-height: var(--calcite-font-line-height-relative-snug);
73
+ font-size: var(--calcite-font-size-lg);
74
+ }
75
+
76
+ .calcite-typography-wrap-medium-0 {
77
+ font-weight: var(--calcite-font-weight-medium);
78
+ line-height: var(--calcite-font-line-height-relative-snug);
79
+ font-size: var(--calcite-font-size-md);
80
+ }
81
+
82
+ .calcite-typography-wrap-regular-minus-1 {
83
+ line-height: var(--calcite-font-line-height-relative-snug);
84
+ }
85
+
86
+ .calcite-typography-wrap-regular-minus-2 {
87
+ line-height: var(--calcite-font-line-height-relative-snug);
88
+ font-size: var(--calcite-font-size-sm);
89
+ }
90
+
91
+ .calcite-typography-wrap-regular-3 {
92
+ line-height: var(--calcite-font-line-height-relative-snug);
93
+ font-size: var(--calcite-font-size-xxl);
94
+ }
95
+
96
+ .calcite-typography-wrap-regular-2 {
97
+ line-height: var(--calcite-font-line-height-relative-snug);
98
+ font-size: var(--calcite-font-size-xl);
99
+ }
100
+
101
+ .calcite-typography-wrap-regular-1 {
102
+ line-height: var(--calcite-font-line-height-relative-snug);
103
+ font-size: var(--calcite-font-size-lg);
104
+ }
105
+
106
+ .calcite-typography-wrap-regular-0 {
107
+ line-height: var(--calcite-font-line-height-relative-snug);
108
+ font-size: var(--calcite-font-size-md);
109
+ }
110
+
111
+ .calcite-typography-wrap-light-minus-1 {
112
+ font-weight: var(--calcite-font-weight-light);
113
+ line-height: var(--calcite-font-line-height-relative-snug);
114
+ }
115
+
116
+ .calcite-typography-wrap-light-minus-2 {
117
+ font-weight: var(--calcite-font-weight-light);
118
+ line-height: var(--calcite-font-line-height-relative-snug);
119
+ font-size: var(--calcite-font-size-sm);
120
+ }
121
+
122
+ .calcite-typography-wrap-light-3 {
123
+ font-weight: var(--calcite-font-weight-light);
124
+ line-height: var(--calcite-font-line-height-relative-tight);
125
+ font-size: var(--calcite-font-size-xxl);
126
+ }
127
+
128
+ .calcite-typography-wrap-light-2 {
129
+ font-weight: var(--calcite-font-weight-light);
130
+ line-height: var(--calcite-font-line-height-relative-snug);
131
+ font-size: var(--calcite-font-size-xl);
132
+ }
133
+
134
+ .calcite-typography-wrap-light-1 {
135
+ font-weight: var(--calcite-font-weight-light);
136
+ line-height: var(--calcite-font-line-height-relative-snug);
137
+ font-size: var(--calcite-font-size-lg);
138
+ }
139
+
140
+ .calcite-typography-wrap-light-0 {
141
+ font-weight: var(--calcite-font-weight-light);
142
+ line-height: var(--calcite-font-line-height-relative-snug);
143
+ font-size: var(--calcite-font-size-md);
144
+ }
145
+
146
+ .calcite-typography-bold-1h {
147
+ font-weight: var(--calcite-font-weight-semibold);
148
+ line-height: var(--calcite-font-line-height-fixed-xl);
149
+ font-size: var(--calcite-font-size-lg);
150
+ }
151
+
152
+ .calcite-typography-bold-0h {
153
+ font-weight: var(--calcite-font-weight-semibold);
154
+ line-height: var(--calcite-font-line-height-fixed-lg);
155
+ font-size: var(--calcite-font-size-md);
156
+ }
157
+
158
+ .calcite-typography-bold-minus-1h {
159
+ font-weight: var(--calcite-font-weight-semibold);
160
+ }
161
+
162
+ .calcite-typography-bold-minus-2h {
163
+ font-weight: var(--calcite-font-weight-semibold);
164
+ font-size: var(--calcite-font-size-sm);
165
+ }
166
+
167
+ .calcite-typography-bold-minus-3h {
168
+ font-weight: var(--calcite-font-weight-semibold);
169
+ line-height: var(--calcite-font-line-height-fixed-sm);
170
+ font-size: var(--calcite-font-size-xs);
171
+ }
172
+
173
+ .calcite-typography-medium-1h {
174
+ font-weight: var(--calcite-font-weight-medium);
175
+ line-height: var(--calcite-font-line-height-fixed-xl);
176
+ font-size: var(--calcite-font-size-lg);
177
+ }
178
+
179
+ .calcite-typography-medium-0h {
180
+ font-weight: var(--calcite-font-weight-medium);
181
+ line-height: var(--calcite-font-line-height-fixed-lg);
182
+ font-size: var(--calcite-font-size-md);
183
+ }
184
+
185
+ .calcite-typography-medium-minus-1h {
186
+ font-weight: var(--calcite-font-weight-medium);
187
+ }
188
+
189
+ .calcite-typography-medium-minus-2h {
190
+ font-weight: var(--calcite-font-weight-medium);
191
+ font-size: var(--calcite-font-size-sm);
192
+ }
193
+
194
+ .calcite-typography-medium-minus-3h {
195
+ font-weight: var(--calcite-font-weight-medium);
196
+ line-height: var(--calcite-font-line-height-fixed-sm);
197
+ font-size: var(--calcite-font-size-xs);
198
+ }
199
+
200
+ .calcite-typography-regular-1h {
201
+ line-height: var(--calcite-font-line-height-fixed-xl);
202
+ font-size: var(--calcite-font-size-lg);
203
+ }
204
+
205
+ .calcite-typography-regular-0h {
206
+ line-height: var(--calcite-font-line-height-fixed-lg);
207
+ font-size: var(--calcite-font-size-md);
208
+ }
209
+
210
+ .calcite-typography-regular-minus-2h {
211
+ font-size: var(--calcite-font-size-sm);
212
+ }
213
+
214
+ .calcite-typography-regular-minus-3h {
215
+ line-height: var(--calcite-font-line-height-fixed-sm);
216
+ font-size: var(--calcite-font-size-xs);
217
+ }
218
+
219
+ .calcite-typography-light-1h {
220
+ font-size: var(--calcite-font-size-lg);
221
+ font-weight: var(--calcite-font-weight-light);
222
+ line-height: var(--calcite-font-line-height-fixed-xl);
223
+ }
224
+
225
+ .calcite-typography-light-0h {
226
+ font-size: var(--calcite-font-size-md);
227
+ font-weight: var(--calcite-font-weight-light);
228
+ line-height: var(--calcite-font-line-height-fixed-lg);
229
+ }
230
+
231
+ .calcite-typography-light-minus-1h {
232
+ font-weight: var(--calcite-font-weight-light);
233
+ }
234
+
235
+ .calcite-typography-light-minus-2h {
236
+ font-size: var(--calcite-font-size-sm);
237
+ font-weight: var(--calcite-font-weight-light);
238
+ }
239
+
240
+ .calcite-typography-light-minus-3h {
241
+ font-size: var(--calcite-font-size-xs);
242
+ font-weight: var(--calcite-font-weight-light);
243
+ line-height: var(--calcite-font-line-height-fixed-sm);
244
+ }
245
+
246
+ .calcite-typography {
247
+ font-family: var(--calcite-font-family);
248
+ font-size: var(--calcite-font-size);
249
+ font-weight: var(--calcite-font-weight-regular);
250
+ letter-spacing: var(--calcite-font-letter-spacing-normal);
251
+ line-height: var(--calcite-font-line-height-fixed-base);
252
+ paragraph-spacing: var(--calcite-font-paragraph-spacing-normal);
253
+ text-case: var(--calcite-font-text-case-none);
254
+ text-decoration: var(--calcite-font-text-decoration-none);
255
+ }
256
+
257
+ .calcite-typography-hierarchy-caption {
258
+ line-height: 1.375;
259
+ font-size: 12px;
260
+ }
261
+
262
+ .calcite-typography-hierarchy-body {
263
+ font-family: "Avenir Next LT Pro";
264
+ font-size: 14px;
265
+ font-weight: 400;
266
+ letter-spacing: 0;
267
+ line-height: 16px;
268
+ paragraph-spacing: 4px;
269
+ text-case: none;
270
+ text-decoration: none;
271
+ }
272
+
273
+ .calcite-typography-hierarchy-body-snug {
274
+ line-height: 1.375;
275
+ }
276
+
277
+ .calcite-typography-hierarchy-heading-5 {
278
+ font-weight: 500;
279
+ line-height: 1.375;
280
+ }
281
+
282
+ .calcite-typography-hierarchy-heading-4 {
283
+ font-weight: 500;
284
+ line-height: 1.375;
285
+ font-size: 16px;
286
+ }
287
+
288
+ .calcite-typography-hierarchy-heading-3 {
289
+ font-weight: 500;
290
+ line-height: 1.375;
291
+ font-size: 18px;
292
+ }
293
+
294
+ .calcite-typography-hierarchy-heading-2 {
295
+ font-weight: 500;
296
+ line-height: 1.375;
297
+ font-size: 20px;
298
+ }
299
+
300
+ .calcite-typography-hierarchy-heading-1 {
301
+ font-weight: 500;
302
+ line-height: 1.375;
303
+ font-size: 24px;
304
+ }
305
+
306
+ .calcite-typography-hierarchy-display-2 {
307
+ font-weight: 600;
308
+ line-height: 1.375;
309
+ font-size: 20px;
310
+ }
311
+
312
+ .calcite-typography-hierarchy-display-1 {
313
+ font-weight: 600;
314
+ line-height: 1.375;
315
+ font-size: 24px;
316
+ }
317
+
318
+ .calcite-typography-regular-minus-1h {
319
+ font-family: "Avenir Next LT Pro";
320
+ font-size: 14px;
321
+ font-weight: 400;
322
+ letter-spacing: 0;
323
+ line-height: 16px;
324
+ paragraph-spacing: 4px;
325
+ text-case: none;
326
+ text-decoration: none;
327
+ }
package/dist/css/core.css ADDED
@@ -0,0 +1,311 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
4
+ */
5
+
6
+ :root {
7
+ --calcite-z-index-9: 900;
8
+ --calcite-z-index-8: 800;
9
+ --calcite-z-index-7: 700;
10
+ --calcite-z-index-6: 600;
11
+ --calcite-z-index-5: 500;
12
+ --calcite-z-index-4: 400;
13
+ --calcite-z-index-3: 300;
14
+ --calcite-z-index-1: 1;
15
+ --calcite-z-index-0: -999999;
16
+ --calcite-size-relative-auto: auto;
17
+ --calcite-size-relative-200: 200%;
18
+ --calcite-size-relative-162: 162.5%;
19
+ --calcite-size-relative-150: 150%;
20
+ --calcite-size-relative-137: 137.5%;
21
+ --calcite-size-relative-125: 125%;
22
+ --calcite-size-relative-100: 100%;
23
+ --calcite-size-relative-50: 50%;
24
+ --calcite-size-none: 0;
25
+ --calcite-size-288: 288px;
26
+ --calcite-size-256: 256px;
27
+ --calcite-size-224: 224px;
28
+ --calcite-size-192: 192px;
29
+ --calcite-size-160: 160px;
30
+ --calcite-size-144: 144px;
31
+ --calcite-size-128: 128px;
32
+ --calcite-size-112: 112px;
33
+ --calcite-size-96: 96px;
34
+ --calcite-size-80: 80px;
35
+ --calcite-size-72: 72px;
36
+ --calcite-size-64: 64px;
37
+ --calcite-size-56: 56px;
38
+ --calcite-size-48: 48px;
39
+ --calcite-size-44: 44px;
40
+ --calcite-size-40: 40px;
41
+ --calcite-size-36: 36px;
42
+ --calcite-size-32: 32px;
43
+ --calcite-size-28: 28px;
44
+ --calcite-size-24: 24px;
45
+ --calcite-size-20: 20px;
46
+ --calcite-size-16: 16px;
47
+ --calcite-size-14: 14px;
48
+ --calcite-size-12: 12px;
49
+ --calcite-size-10: 10px;
50
+ --calcite-size-8: 8px;
51
+ --calcite-size-6: 6px;
52
+ --calcite-size-4: 4px;
53
+ --calcite-size-2: 2px;
54
+ --calcite-size-1: 1px;
55
+ --calcite-opacity-100: 1;
56
+ --calcite-opacity-96: 0.96;
57
+ --calcite-opacity-92: 0.92;
58
+ --calcite-opacity-90: 0.9;
59
+ --calcite-opacity-85: 0.85;
60
+ --calcite-opacity-80: 0.8;
61
+ --calcite-opacity-70: 0.7;
62
+ --calcite-opacity-60: 0.6;
63
+ --calcite-opacity-50: 0.5;
64
+ --calcite-opacity-40: 0.4;
65
+ --calcite-opacity-30: 0.3;
66
+ --calcite-opacity-20: 0.2;
67
+ --calcite-opacity-10: 0.1;
68
+ --calcite-opacity-8: 0.08;
69
+ --calcite-opacity-4: 0.04;
70
+ --calcite-opacity-0: 0;
71
+ --calcite-font-text-case-capitalize: capitalize;
72
+ --calcite-font-text-case-lowercase: lowercase;
73
+ --calcite-font-text-case-uppercase: uppercase;
74
+ --calcite-font-text-case-none: none;
75
+ --calcite-font-text-decoration-underline: underline;
76
+ --calcite-font-text-decoration-none: none;
77
+ --calcite-font-weight-heavy: 900;
78
+ --calcite-font-weight-black: 900; /* only for Avenir Next World (secondary font family) */
79
+ --calcite-font-weight-extrabold: 800; /* only for Avenir Next World (secondary font family) */
80
+ --calcite-font-weight-bold: 700;
81
+ --calcite-font-weight-demi: 600;
82
+ --calcite-font-weight-medium-italic: "Medium Italic";
83
+ --calcite-font-weight-medium: 500;
84
+ --calcite-font-weight-regular: 400;
85
+ --calcite-font-weight-light: 300; /* only for Avenir Next World (secondary font family) */
86
+ --calcite-font-weight-thin: 100;
87
+ --calcite-font-weight-ultralight: 200; /* only for Avenir Next World (secondary font family) */
88
+ --calcite-font-style-italic: italic; /* used in ratings */
89
+ --calcite-font-family-monaco: Monaco;
90
+ --calcite-font-family-avenir-next-world: "Avenir Next World";
91
+ --calcite-font-family-avenir-next-pro: "Avenir Next LT Pro";
92
+ --calcite-container-size-1440: 1440px;
93
+ --calcite-container-size-1152: 1152px;
94
+ --calcite-container-size-854: 854px;
95
+ --calcite-container-size-768: 768px;
96
+ --calcite-container-size-678: 678px;
97
+ --calcite-container-size-504: 504px;
98
+ --calcite-container-size-476: 476px;
99
+ --calcite-container-size-328: 328px;
100
+ --calcite-container-size-320: 320px;
101
+ --calcite-container-size-154: 154px;
102
+ --calcite-container-size-0: 0;
103
+ --calcite-color-dark-blue-d-bb-430: #0087D7;
104
+ --calcite-color-dark-blue-d-bb-420: #00A0FF;
105
+ --calcite-color-dark-blue-d-bb-410: #47BBFF;
106
+ --calcite-color-dark-red-d-rr-430: #F3381B;
107
+ --calcite-color-dark-red-d-rr-420: #FE583E;
108
+ --calcite-color-dark-red-d-rr-410: #FF7465;
109
+ --calcite-color-dark-yellow-d-yy-430: #F4B000;
110
+ --calcite-color-dark-yellow-d-yy-420: #FFC900;
111
+ --calcite-color-dark-yellow-d-yy-410: #FFE24D;
112
+ --calcite-color-dark-green-d-gg-430: #36DA43;
113
+ --calcite-color-dark-green-d-gg-420: #36DA43;
114
+ --calcite-color-dark-green-d-gg-410: #44ED51;
115
+ --calcite-color-vibrant-violet-v-vv-180: #6a0be6;
116
+ --calcite-color-vibrant-violet-v-vv-160: #8129ff;
117
+ --calcite-color-vibrant-violet-v-vv-140: #974dff;
118
+ --calcite-color-vibrant-violet-v-vv-120: #b580ff;
119
+ --calcite-color-vibrant-violet-red-v-vr-180: #83009e;
120
+ --calcite-color-vibrant-violet-red-v-vr-160: #ac08cc;
121
+ --calcite-color-vibrant-violet-red-v-vr-140: #dd33ff;
122
+ --calcite-color-vibrant-violet-red-v-vr-120: #ea80ff;
123
+ --calcite-color-vibrant-pink-v-pk-180: #c00073;
124
+ --calcite-color-vibrant-pink-v-pk-160: #d11486;
125
+ --calcite-color-vibrant-pink-v-pk-140: #ff19a4;
126
+ --calcite-color-vibrant-pink-v-pk-120: #ff66c2;
127
+ --calcite-color-vibrant-red-v-rr-180: #b3000f;
128
+ --calcite-color-vibrant-red-v-rr-160: #d90012;
129
+ --calcite-color-vibrant-red-v-rr-140: #ff0015;
130
+ --calcite-color-vibrant-red-v-rr-120: #ff624d;
131
+ --calcite-color-vibrant-red-orange-v-ro-180: #c93b00;
132
+ --calcite-color-vibrant-red-orange-v-ro-160: #de4300;
133
+ --calcite-color-vibrant-red-orange-v-ro-140: #ff4d00;
134
+ --calcite-color-vibrant-red-orange-v-ro-120: #ff824d;
135
+ --calcite-color-vibrant-orange-yellow-v-oy-180: #d17300;
136
+ --calcite-color-vibrant-orange-yellow-v-oy-160: #e68600;
137
+ --calcite-color-vibrant-orange-yellow-v-oy-140: #ff9500;
138
+ --calcite-color-vibrant-orange-yellow-v-oy-120: #ffb54d;
139
+ --calcite-color-vibrant-yellow-v-yy-180: #ebba17;
140
+ --calcite-color-vibrant-yellow-v-yy-160: #f5d000;
141
+ --calcite-color-vibrant-yellow-v-yy-140: #ffee33;
142
+ --calcite-color-vibrant-yellow-v-yy-120: #fff766;
143
+ --calcite-color-vibrant-yellow-green-v-yg-180: #7fab00;
144
+ --calcite-color-vibrant-yellow-green-v-yg-160: #96cc00;
145
+ --calcite-color-vibrant-yellow-green-v-yg-140: #bbed3b;
146
+ --calcite-color-vibrant-yellow-green-v-yg-120: #d7ff73;
147
+ --calcite-color-vibrant-green-v-gg-180: #00a118;
148
+ --calcite-color-vibrant-green-v-gg-160: #00b81b;
149
+ --calcite-color-vibrant-green-v-gg-140: #3bed52;
150
+ --calcite-color-vibrant-green-v-gg-120: #73ff84;
151
+ --calcite-color-vibrant-green-blue-v-gb-180: #00cfca;
152
+ --calcite-color-vibrant-green-blue-v-gb-160: #00e6e2;
153
+ --calcite-color-vibrant-green-blue-v-gb-140: #00f7f3;
154
+ --calcite-color-vibrant-green-blue-v-gb-120: #59fffc;
155
+ --calcite-color-vibrant-blue-v-bb-180: #009af2;
156
+ --calcite-color-vibrant-blue-v-bb-160: #009af2;
157
+ --calcite-color-vibrant-blue-v-bb-140: #3db8ff;
158
+ --calcite-color-vibrant-blue-v-bb-120: #59d6ff;
159
+ --calcite-color-high-saturation-violet-h-vv-100: #100026;
160
+ --calcite-color-high-saturation-violet-h-vv-090: #250f43;
161
+ --calcite-color-high-saturation-violet-h-vv-080: #3a1e61;
162
+ --calcite-color-high-saturation-violet-h-vv-070: #4e2c7e;
163
+ --calcite-color-high-saturation-violet-h-vv-060: #633b9b;
164
+ --calcite-color-high-saturation-violet-h-vv-050: #7e5baf;
165
+ --calcite-color-high-saturation-violet-h-vv-040: #987ac3;
166
+ --calcite-color-high-saturation-violet-h-vv-030: #b39ad7;
167
+ --calcite-color-high-saturation-violet-h-vv-020: #cdb9eb;
168
+ --calcite-color-high-saturation-violet-h-vv-010: #e8d9ff;
169
+ --calcite-color-high-saturation-violet-red-h-vr-100: #200026;
170
+ --calcite-color-high-saturation-violet-red-h-vr-090: #3c1243;
171
+ --calcite-color-high-saturation-violet-red-h-vr-080: #572561;
172
+ --calcite-color-high-saturation-violet-red-h-vr-070: #73377e;
173
+ --calcite-color-high-saturation-violet-red-h-vr-060: #8e499b;
174
+ --calcite-color-high-saturation-violet-red-h-vr-050: #a466af;
175
+ --calcite-color-high-saturation-violet-red-h-vr-040: #b983c3;
176
+ --calcite-color-high-saturation-violet-red-h-vr-030: #cfa1d7;
177
+ --calcite-color-high-saturation-violet-red-h-vr-020: #e4beeb;
178
+ --calcite-color-high-saturation-violet-red-h-vr-010: #fadbff;
179
+ --calcite-color-high-saturation-pink-h-pk-100: #260404;
180
+ --calcite-color-high-saturation-pink-h-pk-090: #590b32;
181
+ --calcite-color-high-saturation-pink-h-pk-080: #851b52;
182
+ --calcite-color-high-saturation-pink-h-pk-070: #ba2f7e;
183
+ --calcite-color-high-saturation-pink-h-pk-060: #e04ea6;
184
+ --calcite-color-high-saturation-pink-h-pk-050: #e673bb;
185
+ --calcite-color-high-saturation-pink-h-pk-040: #eb8dc9;
186
+ --calcite-color-high-saturation-pink-h-pk-030: #f2a5d6;
187
+ --calcite-color-high-saturation-pink-h-pk-020: #fabee4;
188
+ --calcite-color-high-saturation-pink-h-pk-010: #ffd1ef;
189
+ --calcite-color-high-saturation-red-h-rr-100: #210300;
190
+ --calcite-color-high-saturation-red-h-rr-090: #4f0e08;
191
+ --calcite-color-high-saturation-red-h-rr-080: #7c1d13;
192
+ --calcite-color-high-saturation-red-h-rr-070: #a82b1e;
193
+ --calcite-color-high-saturation-red-h-rr-060: #d83020;
194
+ --calcite-color-high-saturation-red-h-rr-050: #e65240;
195
+ --calcite-color-high-saturation-red-h-rr-040: #f07062;
196
+ --calcite-color-high-saturation-red-h-rr-030: #f2877b;
197
+ --calcite-color-high-saturation-red-h-rr-020: #ffaaa1;
198
+ --calcite-color-high-saturation-red-h-rr-010: #ffc6bf;
199
+ --calcite-color-high-saturation-red-orange-h-ro-100: #260a00;
200
+ --calcite-color-high-saturation-red-orange-h-ro-090: #531b07;
201
+ --calcite-color-high-saturation-red-orange-h-ro-080: #802c0f;
202
+ --calcite-color-high-saturation-red-orange-h-ro-070: #ad3c16;
203
+ --calcite-color-high-saturation-red-orange-h-ro-060: #da4d1e;
204
+ --calcite-color-high-saturation-red-orange-h-ro-050: #e1653c;
205
+ --calcite-color-high-saturation-red-orange-h-ro-040: #e97e5a;
206
+ --calcite-color-high-saturation-red-orange-h-ro-030: #f09677;
207
+ --calcite-color-high-saturation-red-orange-h-ro-020: #f8af95;
208
+ --calcite-color-high-saturation-red-orange-h-ro-010: #ffc7b3;
209
+ --calcite-color-high-saturation-orange-h-oo-100: #401900;
210
+ --calcite-color-high-saturation-orange-h-oo-090: #6d2f08;
211
+ --calcite-color-high-saturation-orange-h-oo-080: #9a4410;
212
+ --calcite-color-high-saturation-orange-h-oo-070: #c65a18;
213
+ --calcite-color-high-saturation-orange-h-oo-060: #f36f20;
214
+ --calcite-color-high-saturation-orange-h-oo-050: #f58440;
215
+ --calcite-color-high-saturation-orange-h-oo-040: #f89960;
216
+ --calcite-color-high-saturation-orange-h-oo-030: #faae7f;
217
+ --calcite-color-high-saturation-orange-h-oo-020: #fdc39f;
218
+ --calcite-color-high-saturation-orange-h-oo-010: #ffd8bf;
219
+ --calcite-color-high-saturation-orange-yellow-h-oy-100: #402300;
220
+ --calcite-color-high-saturation-orange-yellow-h-oy-090: #6d3f08;
221
+ --calcite-color-high-saturation-orange-yellow-h-oy-080: #9a5b10;
222
+ --calcite-color-high-saturation-orange-yellow-h-oy-070: #c67718;
223
+ --calcite-color-high-saturation-orange-yellow-h-oy-060: #f89927;
224
+ --calcite-color-high-saturation-orange-yellow-h-oy-050: #f9a845;
225
+ --calcite-color-high-saturation-orange-yellow-h-oy-040: #fbb664;
226
+ --calcite-color-high-saturation-orange-yellow-h-oy-030: #fcc582;
227
+ --calcite-color-high-saturation-orange-yellow-h-oy-020: #fed3a1;
228
+ --calcite-color-high-saturation-orange-yellow-h-oy-010: #ffe2bf;
229
+ --calcite-color-high-saturation-yellow-h-yy-100: #5c4e00;
230
+ --calcite-color-high-saturation-yellow-h-yy-090: #8c7500;
231
+ --calcite-color-high-saturation-yellow-h-yy-080: #bfa200;
232
+ --calcite-color-high-saturation-yellow-h-yy-070: #d9bc00;
233
+ --calcite-color-high-saturation-yellow-h-yy-060: #edd317;
234
+ --calcite-color-high-saturation-yellow-h-yy-050: #f9e54e;
235
+ --calcite-color-high-saturation-yellow-h-yy-040: #fbea6e;
236
+ --calcite-color-high-saturation-yellow-h-yy-030: #fcee8d;
237
+ --calcite-color-high-saturation-yellow-h-yy-020: #fef3ad;
238
+ --calcite-color-high-saturation-yellow-h-yy-010: #fff7cc;
239
+ --calcite-color-high-saturation-yellow-green-h-yg-100: #121a00;
240
+ --calcite-color-high-saturation-yellow-green-h-yg-090: #384813;
241
+ --calcite-color-high-saturation-yellow-green-h-yg-080: #5e7526;
242
+ --calcite-color-high-saturation-yellow-green-h-yg-070: #84a338;
243
+ --calcite-color-high-saturation-yellow-green-h-yg-060: #aad04b;
244
+ --calcite-color-high-saturation-yellow-green-h-yg-050: #b6d860;
245
+ --calcite-color-high-saturation-yellow-green-h-yg-040: #c2e075;
246
+ --calcite-color-high-saturation-yellow-green-h-yg-030: #cde78a;
247
+ --calcite-color-high-saturation-yellow-green-h-yg-020: #d9ef9f;
248
+ --calcite-color-high-saturation-yellow-green-h-yg-010: #e5f7b4;
249
+ --calcite-color-high-saturation-green-h-gg-100: #001a03;
250
+ --calcite-color-high-saturation-green-h-gg-090: #0d3f14;
251
+ --calcite-color-high-saturation-green-h-gg-080: #1a6324;
252
+ --calcite-color-high-saturation-green-h-gg-070: #288835;
253
+ --calcite-color-high-saturation-green-h-gg-060: #35ac46;
254
+ --calcite-color-high-saturation-green-h-gg-050: #50ba5f;
255
+ --calcite-color-high-saturation-green-h-gg-040: #6bc878;
256
+ --calcite-color-high-saturation-green-h-gg-030: #87d692;
257
+ --calcite-color-high-saturation-green-h-gg-020: #a2e4ab;
258
+ --calcite-color-high-saturation-green-h-gg-010: #bdf2c4;
259
+ --calcite-color-high-saturation-green-blue-h-gb-100: #002625;
260
+ --calcite-color-high-saturation-green-blue-h-gb-090: #004d4c;
261
+ --calcite-color-high-saturation-green-blue-h-gb-080: #007472;
262
+ --calcite-color-high-saturation-green-blue-h-gb-070: #009b98;
263
+ --calcite-color-high-saturation-green-blue-h-gb-060: #00bab5;
264
+ --calcite-color-high-saturation-green-blue-h-gb-050: #28cecb;
265
+ --calcite-color-high-saturation-green-blue-h-gb-040: #5ae0de;
266
+ --calcite-color-high-saturation-green-blue-h-gb-030: #8fe6e5;
267
+ --calcite-color-high-saturation-green-blue-h-gb-020: #afedec;
268
+ --calcite-color-high-saturation-green-blue-h-gb-010: #cef5f4;
269
+ --calcite-color-high-saturation-blue-h-bb-100: #001726;
270
+ --calcite-color-high-saturation-blue-h-bb-090: #00304d;
271
+ --calcite-color-high-saturation-blue-h-bb-080: #004874;
272
+ --calcite-color-high-saturation-blue-h-bb-070: #00619b;
273
+ --calcite-color-high-saturation-blue-h-bb-060: #007ac2;
274
+ --calcite-color-high-saturation-blue-h-bb-050: #2890ce;
275
+ --calcite-color-high-saturation-blue-h-bb-040: #50a7da;
276
+ --calcite-color-high-saturation-blue-h-bb-030: #77bde7;
277
+ --calcite-color-high-saturation-blue-h-bb-020: #9fd4f3;
278
+ --calcite-color-high-saturation-blue-h-bb-010: #c7eaff;
279
+ --calcite-color-neutral-blk-240: #000000;
280
+ --calcite-color-neutral-blk-235: #060606;
281
+ --calcite-color-neutral-blk-230: #0b0b0b;
282
+ --calcite-color-neutral-blk-220: #151515;
283
+ --calcite-color-neutral-blk-210: #202020;
284
+ --calcite-color-neutral-blk-200: #2b2b2b;
285
+ --calcite-color-neutral-blk-190: #353535;
286
+ --calcite-color-neutral-blk-180: #404040;
287
+ --calcite-color-neutral-blk-170: #4a4a4a;
288
+ --calcite-color-neutral-blk-160: #555555;
289
+ --calcite-color-neutral-blk-150: #606060;
290
+ --calcite-color-neutral-blk-140: #6a6a6a;
291
+ --calcite-color-neutral-blk-130: #757575;
292
+ --calcite-color-neutral-blk-120: #808080;
293
+ --calcite-color-neutral-blk-110: #8a8a8a;
294
+ --calcite-color-neutral-blk-100: #949494;
295
+ --calcite-color-neutral-blk-090: #9f9f9f;
296
+ --calcite-color-neutral-blk-080: #aaaaaa;
297
+ --calcite-color-neutral-blk-070: #b5b5b5;
298
+ --calcite-color-neutral-blk-060: #bfbfbf;
299
+ --calcite-color-neutral-blk-050: #cacaca;
300
+ --calcite-color-neutral-blk-040: #d4d4d4;
301
+ --calcite-color-neutral-blk-030: #dfdfdf;
302
+ --calcite-color-neutral-blk-020: #eaeaea;
303
+ --calcite-color-neutral-blk-010: #f3f3f3;
304
+ --calcite-color-neutral-blk-005: #f8f8f8;
305
+ --calcite-color-neutral-blk-000: #ffffff;
306
+ --calcite-shadow-4: 0 12px 32px -2px rgba(var(--calcite-color-neutral-blk-240), 0.1);
307
+ --calcite-shadow-3: 0 4px 20px 0 rgba(var(--calcite-color-neutral-blk-240), 0.08);
308
+ --calcite-shadow-2: 0 4px 16px 0 rgba(var(--calcite-color-neutral-blk-240), 0.08);
309
+ --calcite-shadow-1: 0 2px 8px 0 rgba(var(--calcite-color-neutral-blk-240), 0.04);
310
+ --calcite-shadow-0: 0 0 0 0 rgba(var(--calcite-color-neutral-blk-240), 0);
311
+ }