@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/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 Sun, 26 Nov 2023 08:48:21 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 Sun, 26 Nov 2023 08:48:21 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--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--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--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--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--1 {
83
+ line-height: var(--calcite-font-line-height-relative-snug);
84
+ }
85
+
86
+ .calcite-typography-wrap-regular--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--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--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--1h {
159
+ font-weight: var(--calcite-font-weight-semibold);
160
+ }
161
+
162
+ .calcite-typography-bold--2h {
163
+ font-weight: var(--calcite-font-weight-semibold);
164
+ font-size: var(--calcite-font-size-sm);
165
+ }
166
+
167
+ .calcite-typography-bold--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--1h {
186
+ font-weight: var(--calcite-font-weight-medium);
187
+ }
188
+
189
+ .calcite-typography-medium--2h {
190
+ font-weight: var(--calcite-font-weight-medium);
191
+ font-size: var(--calcite-font-size-sm);
192
+ }
193
+
194
+ .calcite-typography-medium--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--2h {
211
+ font-size: var(--calcite-font-size-sm);
212
+ }
213
+
214
+ .calcite-typography-regular--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--1h {
232
+ font-weight: var(--calcite-font-weight-light);
233
+ }
234
+
235
+ .calcite-typography-light--2h {
236
+ font-size: var(--calcite-font-size-sm);
237
+ font-weight: var(--calcite-font-weight-light);
238
+ }
239
+
240
+ .calcite-typography-light--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: 0px;
267
+ line-height: 16px;
268
+ paragraph-spacing: 10px;
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--1h {
319
+ font-family: "Avenir Next LT Pro";
320
+ font-size: 14px;
321
+ font-weight: 400;
322
+ letter-spacing: 0px;
323
+ line-height: 16px;
324
+ paragraph-spacing: 10px;
325
+ text-case: none;
326
+ text-decoration: none;
327
+ }