@statistikzh/leu 0.9.0 → 0.11.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 (127) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/Accordion.d.ts +1 -1
  3. package/dist/Accordion.js +1 -1
  4. package/dist/Breadcrumb.d.ts +1 -1
  5. package/dist/Breadcrumb.js +1 -1
  6. package/dist/Button.d.ts +45 -1
  7. package/dist/Button.d.ts.map +1 -1
  8. package/dist/Button.js +473 -6
  9. package/dist/ButtonGroup.d.ts +1 -1
  10. package/dist/ButtonGroup.js +1 -1
  11. package/dist/Checkbox.d.ts +1 -1
  12. package/dist/Checkbox.js +1 -1
  13. package/dist/CheckboxGroup.d.ts +1 -1
  14. package/dist/CheckboxGroup.js +1 -1
  15. package/dist/Chip.d.ts +1 -1
  16. package/dist/Chip.js +1 -1
  17. package/dist/ChipGroup.d.ts +1 -1
  18. package/dist/ChipGroup.js +2 -2
  19. package/dist/ChipLink.js +1 -1
  20. package/dist/ChipRemovable.js +1 -1
  21. package/dist/ChipSelectable.js +1 -1
  22. package/dist/Dialog.d.ts +17 -0
  23. package/dist/Dialog.d.ts.map +1 -0
  24. package/dist/Dialog.js +255 -0
  25. package/dist/Dropdown.d.ts +1 -1
  26. package/dist/Dropdown.d.ts.map +1 -1
  27. package/dist/Dropdown.js +3 -2
  28. package/dist/Icon.d.ts +1 -1
  29. package/dist/Icon.js +1 -1
  30. package/dist/Input.d.ts +1 -1
  31. package/dist/Input.d.ts.map +1 -1
  32. package/dist/Input.js +3 -1
  33. package/dist/{LeuElement-7ab5ef5e.d.ts → LeuElement-78b4a998.d.ts} +1 -1
  34. package/dist/LeuElement-78b4a998.d.ts.map +1 -0
  35. package/dist/{LeuElement-7ab5ef5e.js → LeuElement-78b4a998.js} +1 -1
  36. package/dist/Menu.d.ts +1 -1
  37. package/dist/Menu.js +1 -1
  38. package/dist/MenuItem.d.ts +1 -1
  39. package/dist/MenuItem.js +1 -1
  40. package/dist/Pagination.d.ts +1 -1
  41. package/dist/Pagination.d.ts.map +1 -1
  42. package/dist/Pagination.js +3 -2
  43. package/dist/Popup.d.ts +1 -1
  44. package/dist/Popup.js +1 -1
  45. package/dist/Radio.d.ts +1 -1
  46. package/dist/Radio.js +1 -1
  47. package/dist/RadioGroup.d.ts +1 -1
  48. package/dist/RadioGroup.js +1 -1
  49. package/dist/Range.d.ts +60 -0
  50. package/dist/Range.d.ts.map +1 -0
  51. package/dist/Range.js +414 -0
  52. package/dist/ScrollTop.d.ts +1 -1
  53. package/dist/ScrollTop.d.ts.map +1 -1
  54. package/dist/ScrollTop.js +3 -2
  55. package/dist/Select.d.ts +1 -1
  56. package/dist/Select.d.ts.map +1 -1
  57. package/dist/Select.js +3 -2
  58. package/dist/Spinner.d.ts +1 -1
  59. package/dist/Spinner.js +1 -1
  60. package/dist/Table.d.ts +1 -1
  61. package/dist/Table.d.ts.map +1 -1
  62. package/dist/Table.js +3 -2
  63. package/dist/VisuallyHidden.d.ts +1 -1
  64. package/dist/VisuallyHidden.js +1 -1
  65. package/dist/hasSlotController-fd1950b4.d.ts +38 -0
  66. package/dist/hasSlotController-fd1950b4.d.ts.map +1 -0
  67. package/dist/hasSlotController-fd1950b4.js +75 -0
  68. package/dist/index.d.ts +1 -1
  69. package/dist/index.js +3 -2
  70. package/dist/leu-accordion.js +1 -1
  71. package/dist/leu-breadcrumb.js +1 -1
  72. package/dist/leu-button-group.js +1 -1
  73. package/dist/leu-button.d.ts +1 -1
  74. package/dist/leu-button.d.ts.map +1 -1
  75. package/dist/leu-button.js +3 -2
  76. package/dist/leu-checkbox-group.js +1 -1
  77. package/dist/leu-checkbox.js +1 -1
  78. package/dist/leu-chip-group.js +1 -1
  79. package/dist/leu-chip-link.js +1 -1
  80. package/dist/leu-chip-removable.js +1 -1
  81. package/dist/leu-chip-selectable.js +1 -1
  82. package/dist/leu-dialog.d.ts +3 -0
  83. package/dist/leu-dialog.d.ts.map +1 -0
  84. package/dist/leu-dialog.js +11 -0
  85. package/dist/leu-dropdown.js +3 -2
  86. package/dist/leu-icon.js +1 -1
  87. package/dist/leu-input.js +1 -1
  88. package/dist/leu-menu-item.js +1 -1
  89. package/dist/leu-menu.js +1 -1
  90. package/dist/leu-pagination.js +3 -2
  91. package/dist/leu-popup.js +1 -1
  92. package/dist/leu-radio-group.js +1 -1
  93. package/dist/leu-radio.js +1 -1
  94. package/dist/leu-range.d.ts +3 -0
  95. package/dist/leu-range.d.ts.map +1 -0
  96. package/dist/leu-range.js +7 -0
  97. package/dist/leu-scroll-top.js +3 -2
  98. package/dist/leu-select.js +3 -2
  99. package/dist/leu-spinner.js +1 -1
  100. package/dist/leu-table.js +3 -2
  101. package/dist/leu-visually-hidden.js +1 -1
  102. package/dist/theme.css +318 -192
  103. package/dist/vscode.html-custom-data.json +35 -0
  104. package/dist/vue/index.d.ts +60 -0
  105. package/dist/web-types.json +73 -1
  106. package/package.json +1 -1
  107. package/rollup.config.js +4 -1
  108. package/scripts/postcss-leu-font-styles.cjs +29 -35
  109. package/src/components/chip/chip-group.css +1 -1
  110. package/src/components/dialog/Dialog.js +100 -0
  111. package/src/components/dialog/dialog.css +162 -0
  112. package/src/components/dialog/leu-dialog.js +5 -0
  113. package/src/components/dialog/stories/dialog.stories.js +144 -0
  114. package/src/components/dialog/test/dialog.test.js +85 -0
  115. package/src/components/input/input.css +2 -0
  116. package/src/components/range/Range.js +237 -0
  117. package/src/components/range/leu-range.js +5 -0
  118. package/src/components/range/range.css +181 -0
  119. package/src/components/range/stories/range-slider.stories.js +142 -0
  120. package/src/components/range/test/range-test.js +24 -0
  121. package/src/styles/custom-properties.css +27 -0
  122. package/src/styles/font-definitions.json +27 -19
  123. package/src/styles/style.stories.js +61 -0
  124. package/dist/Button-5a8009c5.d.ts +0 -83
  125. package/dist/Button-5a8009c5.d.ts.map +0 -1
  126. package/dist/Button-5a8009c5.js +0 -544
  127. package/dist/LeuElement-7ab5ef5e.d.ts.map +0 -1
package/dist/theme.css CHANGED
@@ -55,410 +55,536 @@
55
55
  --leu-box-shadow-long: 0px 0px 80px var(--leu-color-black-transp-20);
56
56
 
57
57
  --leu-z-index-popup: 100;
58
+ --leu-t-font-feature-settings: "ss07", "ss08", "cv03", "cv04", "cv10";
58
59
 
59
- --leu-t-30-regular-font-size: 0.75rem;
60
+ /*
61
+ * Grid system
62
+ *
63
+ * The design system uses a 6 columns system on smaller screens.
64
+ * For simplicity we use a 12 column grid for all breakpoints (zh web implementation does the same).
65
+ *
66
+ * The goal is to keep the css footprint small
67
+ * by not generating all classes for every cell width for every breakpoint.
68
+ * Most components don't need a grid and those who do probably have a very simple configuration.
69
+ * If we have enough use cases for a more complex grid system we can add it later.
70
+ */
71
+ --leu-grid-gap: 1rem;
72
+ --leu-grid-template-columns: repeat(12, minmax(0, 4.25rem));
73
+ --leu-grid-max-width: 73rem;
60
74
 
61
- --leu-t-30-regular-line-height: 1.5;
75
+ --leu-grid-columns-full: 1 / -1;
76
+ --leu-grid-columns-offset: 1 / -1;
62
77
 
63
- --leu-t-30-regular-spacing: 0.5625rem;
78
+ --leu-t-tiny-regular-font-size: 0.75rem;
64
79
 
65
- --leu-t-30-regular-font: var(--leu-t-30-regular-font-size) / var(--leu-t-30-regular-line-height) var(--leu-font-family-regular);
80
+ --leu-t-tiny-regular-line-height: 1.5;
66
81
 
67
- --leu-t-30-black-font-size: 0.75rem;
82
+ --leu-t-tiny-regular-spacing: 0.5625rem;
68
83
 
69
- --leu-t-30-black-line-height: 1.5;
84
+ --leu-t-tiny-regular-font: var(--leu-t-tiny-regular-font-size) / var(--leu-t-tiny-regular-line-height) var(--leu-font-family-regular);
70
85
 
71
- --leu-t-30-black-spacing: 0.5625rem;
86
+ --leu-t-tiny-black-font-size: 0.75rem;
72
87
 
73
- --leu-t-30-black-font: var(--leu-t-30-black-font-size) / var(--leu-t-30-black-line-height) var(--leu-font-family-black);
88
+ --leu-t-tiny-black-line-height: 1.5;
74
89
 
75
- --leu-t-35-regular-font-size: 0.875rem;
90
+ --leu-t-tiny-black-spacing: 0.5625rem;
76
91
 
77
- --leu-t-35-regular-line-height: 1.4;
92
+ --leu-t-tiny-black-font: var(--leu-t-tiny-black-font-size) / var(--leu-t-tiny-black-line-height) var(--leu-font-family-black);
78
93
 
79
- --leu-t-35-regular-spacing: 0.625rem;
94
+ --leu-t-small-regular-font-size: 0.875rem;
80
95
 
81
- --leu-t-35-regular-font: var(--leu-t-35-regular-font-size) / var(--leu-t-35-regular-line-height) var(--leu-font-family-regular);
96
+ --leu-t-small-regular-line-height: 1.4;
82
97
 
83
- --leu-t-35-black-font-size: 0.875rem;
98
+ --leu-t-small-regular-spacing: 0.625rem;
84
99
 
85
- --leu-t-35-black-line-height: 1.4;
100
+ --leu-t-small-regular-font: var(--leu-t-small-regular-font-size) / var(--leu-t-small-regular-line-height) var(--leu-font-family-regular);
86
101
 
87
- --leu-t-35-black-spacing: 0.625rem;
102
+ --leu-t-small-black-font-size: 0.875rem;
88
103
 
89
- --leu-t-35-black-font: var(--leu-t-35-black-font-size) / var(--leu-t-35-black-line-height) var(--leu-font-family-black);
104
+ --leu-t-small-black-line-height: 1.4;
90
105
 
91
- --leu-t-40-regular-font-size: 1rem;
106
+ --leu-t-small-black-spacing: 0.625rem;
92
107
 
93
- --leu-t-40-regular-line-height: 1.5;
108
+ --leu-t-small-black-font: var(--leu-t-small-black-font-size) / var(--leu-t-small-black-line-height) var(--leu-font-family-black);
94
109
 
95
- --leu-t-40-regular-spacing: 0.75rem;
110
+ --leu-t-regular-regular-font-size: 1rem;
96
111
 
97
- --leu-t-40-regular-font: var(--leu-t-40-regular-font-size) / var(--leu-t-40-regular-line-height) var(--leu-font-family-regular);
112
+ --leu-t-regular-regular-line-height: 1.5;
98
113
 
99
- --leu-t-40-black-font-size: 1rem;
114
+ --leu-t-regular-regular-spacing: 0.75rem;
100
115
 
101
- --leu-t-40-black-line-height: 1.5;
116
+ --leu-t-regular-regular-font: var(--leu-t-regular-regular-font-size) / var(--leu-t-regular-regular-line-height) var(--leu-font-family-regular);
102
117
 
103
- --leu-t-40-black-spacing: 0.75rem;
118
+ --leu-t-regular-black-font-size: 1rem;
104
119
 
105
- --leu-t-40-black-font: var(--leu-t-40-black-font-size) / var(--leu-t-40-black-line-height) var(--leu-font-family-black);
120
+ --leu-t-regular-black-line-height: 1.5;
106
121
 
107
- --leu-t-45-regular-font-size: 1.125rem;
122
+ --leu-t-regular-black-spacing: 0.75rem;
108
123
 
109
- --leu-t-45-regular-line-height: 1.5;
124
+ --leu-t-regular-black-font: var(--leu-t-regular-black-font-size) / var(--leu-t-regular-black-line-height) var(--leu-font-family-black);
110
125
 
111
- --leu-t-45-regular-spacing: 0.8125rem;
126
+ --leu-t-bigger-regular-regular-font-size: 1.125rem;
112
127
 
113
- --leu-t-45-regular-font: var(--leu-t-45-regular-font-size) / var(--leu-t-45-regular-line-height) var(--leu-font-family-regular);
128
+ --leu-t-bigger-regular-regular-line-height: 1.5;
114
129
 
115
- --leu-t-45-black-font-size: 1.125rem;
130
+ --leu-t-bigger-regular-regular-spacing: 0.8125rem;
116
131
 
117
- --leu-t-45-black-line-height: 1.3;
132
+ --leu-t-bigger-regular-regular-font: var(--leu-t-bigger-regular-regular-font-size) / var(--leu-t-bigger-regular-regular-line-height) var(--leu-font-family-regular);
118
133
 
119
- --leu-t-45-black-spacing: 0.75rem;
134
+ --leu-t-bigger-regular-black-font-size: 1.125rem;
120
135
 
121
- --leu-t-45-black-font: var(--leu-t-45-black-font-size) / var(--leu-t-45-black-line-height) var(--leu-font-family-black);
136
+ --leu-t-bigger-regular-black-line-height: 1.3;
122
137
 
123
- --leu-t-50-regular-font-size: 1.25rem;
138
+ --leu-t-bigger-regular-black-spacing: 0.75rem;
124
139
 
125
- --leu-t-50-regular-line-height: 1.5;
140
+ --leu-t-bigger-regular-black-font: var(--leu-t-bigger-regular-black-font-size) / var(--leu-t-bigger-regular-black-line-height) var(--leu-font-family-black);
126
141
 
127
- --leu-t-50-regular-spacing: 0.9375rem;
142
+ --leu-t-medium-regular-font-size: 1.25rem;
128
143
 
129
- --leu-t-50-regular-font: var(--leu-t-50-regular-font-size) / var(--leu-t-50-regular-line-height) var(--leu-font-family-regular);
144
+ --leu-t-medium-regular-line-height: 1.5;
130
145
 
131
- --leu-t-50-black-font-size: 1.25rem;
146
+ --leu-t-medium-regular-spacing: 0.9375rem;
132
147
 
133
- --leu-t-50-black-line-height: 1.3;
148
+ --leu-t-medium-regular-font: var(--leu-t-medium-regular-font-size) / var(--leu-t-medium-regular-line-height) var(--leu-font-family-regular);
134
149
 
135
- --leu-t-50-black-spacing: 0.8125rem;
150
+ --leu-t-medium-black-font-size: 1.25rem;
136
151
 
137
- --leu-t-50-black-font: var(--leu-t-50-black-font-size) / var(--leu-t-50-black-line-height) var(--leu-font-family-black);
152
+ --leu-t-medium-black-line-height: 1.3;
138
153
 
139
- --leu-t-60-regular-font-size: 1.5rem;
154
+ --leu-t-medium-black-spacing: 0.8125rem;
140
155
 
141
- --leu-t-60-regular-line-height: 1.5;
156
+ --leu-t-medium-black-font: var(--leu-t-medium-black-font-size) / var(--leu-t-medium-black-line-height) var(--leu-font-family-black);
142
157
 
143
- --leu-t-60-regular-spacing: 1.125rem;
158
+ --leu-t-large-regular-font-size: 1.5rem;
144
159
 
145
- --leu-t-60-regular-font: var(--leu-t-60-regular-font-size) / var(--leu-t-60-regular-line-height) var(--leu-font-family-regular);
160
+ --leu-t-large-regular-line-height: 1.5;
146
161
 
147
- --leu-t-60-black-font-size: 1.5rem;
162
+ --leu-t-large-regular-spacing: 1.125rem;
148
163
 
149
- --leu-t-60-black-line-height: 1.3;
164
+ --leu-t-large-regular-font: var(--leu-t-large-regular-font-size) / var(--leu-t-large-regular-line-height) var(--leu-font-family-regular);
150
165
 
151
- --leu-t-60-black-spacing: 0.9375rem;
166
+ --leu-t-large-black-font-size: 1.5rem;
152
167
 
153
- --leu-t-60-black-font: var(--leu-t-60-black-font-size) / var(--leu-t-60-black-line-height) var(--leu-font-family-black);
168
+ --leu-t-large-black-line-height: 1.3;
154
169
 
155
- --leu-t-70-black-font-size: 1.75rem;
170
+ --leu-t-large-black-spacing: 0.9375rem;
156
171
 
157
- --leu-t-70-black-line-height: 1.2;
172
+ --leu-t-large-black-font: var(--leu-t-large-black-font-size) / var(--leu-t-large-black-line-height) var(--leu-font-family-black);
158
173
 
159
- --leu-t-70-black-spacing: 1.0625rem;
174
+ --leu-t-small-big-black-font-size: 1.75rem;
160
175
 
161
- --leu-t-70-black-font: var(--leu-t-70-black-font-size) / var(--leu-t-70-black-line-height) var(--leu-font-family-black);
176
+ --leu-t-small-big-black-line-height: 1.2;
162
177
 
163
- --leu-t-80-black-font-size: 2rem;
178
+ --leu-t-small-big-black-spacing: 1.0625rem;
164
179
 
165
- --leu-t-80-black-line-height: 1.2;
180
+ --leu-t-small-big-black-font: var(--leu-t-small-big-black-font-size) / var(--leu-t-small-big-black-line-height) var(--leu-font-family-black);
166
181
 
167
- --leu-t-80-black-spacing: 1.1875rem;
182
+ --leu-t-big-black-font-size: 2rem;
168
183
 
169
- --leu-t-80-black-font: var(--leu-t-80-black-font-size) / var(--leu-t-80-black-line-height) var(--leu-font-family-black);
184
+ --leu-t-big-black-line-height: 1.2;
170
185
 
171
- --leu-t-100-black-font-size: 2.5rem;
186
+ --leu-t-big-black-spacing: 1.1875rem;
172
187
 
173
- --leu-t-100-black-line-height: 1.2;
188
+ --leu-t-big-black-font: var(--leu-t-big-black-font-size) / var(--leu-t-big-black-line-height) var(--leu-font-family-black);
174
189
 
175
- --leu-t-100-black-spacing: 1.5rem;
190
+ --leu-t-bigger-big-black-font-size: 2.5rem;
176
191
 
177
- --leu-t-100-black-font: var(--leu-t-100-black-font-size) / var(--leu-t-100-black-line-height) var(--leu-font-family-black);
192
+ --leu-t-bigger-big-black-line-height: 1.2;
178
193
 
179
- --leu-t-120-black-font-size: 3rem;
194
+ --leu-t-bigger-big-black-spacing: 1.5rem;
180
195
 
181
- --leu-t-120-black-line-height: 1;
196
+ --leu-t-bigger-big-black-font: var(--leu-t-bigger-big-black-font-size) / var(--leu-t-bigger-big-black-line-height) var(--leu-font-family-black);
182
197
 
183
- --leu-t-120-black-spacing: 1.5rem;
198
+ --leu-t-small-huge-black-font-size: 3rem;
184
199
 
185
- --leu-t-120-black-font: var(--leu-t-120-black-font-size) / var(--leu-t-120-black-line-height) var(--leu-font-family-black);
200
+ --leu-t-small-huge-black-line-height: 1;
186
201
 
187
- --leu-t-140-black-font-size: 3.5rem;
202
+ --leu-t-small-huge-black-spacing: 1.5rem;
188
203
 
189
- --leu-t-140-black-line-height: 1;
204
+ --leu-t-small-huge-black-font: var(--leu-t-small-huge-black-font-size) / var(--leu-t-small-huge-black-line-height) var(--leu-font-family-black);
190
205
 
191
- --leu-t-140-black-spacing: 1.75rem;
206
+ --leu-t-huge-black-font-size: 3.5rem;
192
207
 
193
- --leu-t-140-black-font: var(--leu-t-140-black-font-size) / var(--leu-t-140-black-line-height) var(--leu-font-family-black);
208
+ --leu-t-huge-black-line-height: 1;
194
209
 
195
- --leu-t-180-black-font-size: 4.5rem;
210
+ --leu-t-huge-black-spacing: 1.75rem;
196
211
 
197
- --leu-t-180-black-line-height: 1;
212
+ --leu-t-huge-black-font: var(--leu-t-huge-black-font-size) / var(--leu-t-huge-black-line-height) var(--leu-font-family-black);
198
213
 
199
- --leu-t-180-black-spacing: 2.25rem;
214
+ --leu-t-giant-black-font-size: 4.5rem;
200
215
 
201
- --leu-t-180-black-font: var(--leu-t-180-black-font-size) / var(--leu-t-180-black-line-height) var(--leu-font-family-black);
216
+ --leu-t-giant-black-line-height: 1;
202
217
 
203
- --leu-t-curve-35-black-font-size: var(--leu-t-30-black-font-size);
218
+ --leu-t-giant-black-spacing: 2.25rem;
204
219
 
205
- --leu-t-curve-35-black-line-height: var(--leu-t-30-black-line-height);
220
+ --leu-t-giant-black-font: var(--leu-t-giant-black-font-size) / var(--leu-t-giant-black-line-height) var(--leu-font-family-black);
206
221
 
207
- --leu-t-curve-35-black-spacing: var(--leu-t-30-black-spacing);
222
+ --leu-t-curve-tiny-regular-font-size: var(--leu-t-tiny-regular-font-size);
208
223
 
209
- --leu-t-curve-35-black-font: var(--leu-t-30-black-font);
224
+ --leu-t-curve-tiny-regular-line-height: var(--leu-t-tiny-regular-line-height);
210
225
 
211
- --leu-t-curve-45-black-font-size: var(--leu-t-35-black-font-size);
226
+ --leu-t-curve-tiny-regular-spacing: var(--leu-t-tiny-regular-spacing);
212
227
 
213
- --leu-t-curve-45-black-line-height: var(--leu-t-35-black-line-height);
228
+ --leu-t-curve-tiny-regular-font: var(--leu-t-tiny-regular-font);
214
229
 
215
- --leu-t-curve-45-black-spacing: var(--leu-t-35-black-spacing);
230
+ --leu-t-curve-tiny-black-font-size: var(--leu-t-tiny-black-font-size);
216
231
 
217
- --leu-t-curve-45-black-font: var(--leu-t-35-black-font);
232
+ --leu-t-curve-tiny-black-line-height: var(--leu-t-tiny-black-line-height);
218
233
 
219
- --leu-t-curve-50-black-font-size: var(--leu-t-40-black-font-size);
234
+ --leu-t-curve-tiny-black-spacing: var(--leu-t-tiny-black-spacing);
220
235
 
221
- --leu-t-curve-50-black-line-height: var(--leu-t-40-black-line-height);
236
+ --leu-t-curve-tiny-black-font: var(--leu-t-tiny-black-font);
222
237
 
223
- --leu-t-curve-50-black-spacing: var(--leu-t-40-black-spacing);
238
+ --leu-t-curve-small-regular-font-size: var(--leu-t-small-regular-font-size);
224
239
 
225
- --leu-t-curve-50-black-font: var(--leu-t-40-black-font);
240
+ --leu-t-curve-small-regular-line-height: var(--leu-t-small-regular-line-height);
226
241
 
227
- --leu-t-curve-60-black-font-size: var(--leu-t-45-black-font-size);
242
+ --leu-t-curve-small-regular-spacing: var(--leu-t-small-regular-spacing);
228
243
 
229
- --leu-t-curve-60-black-line-height: var(--leu-t-45-black-line-height);
244
+ --leu-t-curve-small-regular-font: var(--leu-t-small-regular-font);
230
245
 
231
- --leu-t-curve-60-black-spacing: var(--leu-t-45-black-spacing);
246
+ --leu-t-curve-small-black-font-size: var(--leu-t-small-black-font-size);
232
247
 
233
- --leu-t-curve-60-black-font: var(--leu-t-45-black-font);
248
+ --leu-t-curve-small-black-line-height: var(--leu-t-small-black-line-height);
234
249
 
235
- --leu-t-curve-70-black-font-size: var(--leu-t-45-black-font-size);
250
+ --leu-t-curve-small-black-spacing: var(--leu-t-small-black-spacing);
236
251
 
237
- --leu-t-curve-70-black-line-height: var(--leu-t-45-black-line-height);
252
+ --leu-t-curve-small-black-font: var(--leu-t-small-black-font);
238
253
 
239
- --leu-t-curve-70-black-spacing: var(--leu-t-45-black-spacing);
254
+ --leu-t-curve-regular-regular-font-size: var(--leu-t-regular-regular-font-size);
240
255
 
241
- --leu-t-curve-70-black-font: var(--leu-t-45-black-font);
256
+ --leu-t-curve-regular-regular-line-height: var(--leu-t-regular-regular-line-height);
242
257
 
243
- --leu-t-curve-80-black-font-size: var(--leu-t-45-black-font-size);
258
+ --leu-t-curve-regular-regular-spacing: var(--leu-t-regular-regular-spacing);
244
259
 
245
- --leu-t-curve-80-black-line-height: var(--leu-t-45-black-line-height);
260
+ --leu-t-curve-regular-regular-font: var(--leu-t-regular-regular-font);
246
261
 
247
- --leu-t-curve-80-black-spacing: var(--leu-t-45-black-spacing);
262
+ --leu-t-curve-regular-black-font-size: var(--leu-t-regular-black-font-size);
248
263
 
249
- --leu-t-curve-80-black-font: var(--leu-t-45-black-font);
264
+ --leu-t-curve-regular-black-line-height: var(--leu-t-regular-black-line-height);
250
265
 
251
- --leu-t-curve-120-black-font-size: var(--leu-t-60-black-font-size);
266
+ --leu-t-curve-regular-black-spacing: var(--leu-t-regular-black-spacing);
252
267
 
253
- --leu-t-curve-120-black-line-height: var(--leu-t-60-black-line-height);
268
+ --leu-t-curve-regular-black-font: var(--leu-t-regular-black-font);
254
269
 
255
- --leu-t-curve-120-black-spacing: var(--leu-t-60-black-spacing);
270
+ --leu-t-curve-bigger-regular-regular-font-size: var(--leu-t-bigger-regular-regular-font-size);
256
271
 
257
- --leu-t-curve-120-black-font: var(--leu-t-60-black-font);
272
+ --leu-t-curve-bigger-regular-regular-line-height: var(--leu-t-bigger-regular-regular-line-height);
258
273
 
259
- --leu-t-curve-180-black-font-size: var(--leu-t-70-black-font-size);
274
+ --leu-t-curve-bigger-regular-regular-spacing: var(--leu-t-bigger-regular-regular-spacing);
260
275
 
261
- --leu-t-curve-180-black-line-height: var(--leu-t-70-black-line-height);
276
+ --leu-t-curve-bigger-regular-regular-font: var(--leu-t-bigger-regular-regular-font);
262
277
 
263
- --leu-t-curve-180-black-spacing: var(--leu-t-70-black-spacing);
278
+ --leu-t-curve-bigger-regular-black-font-size: var(--leu-t-bigger-regular-black-font-size);
264
279
 
265
- --leu-t-curve-180-black-font: var(--leu-t-70-black-font);
280
+ --leu-t-curve-bigger-regular-black-line-height: var(--leu-t-bigger-regular-black-line-height);
281
+
282
+ --leu-t-curve-bigger-regular-black-spacing: var(--leu-t-bigger-regular-black-spacing);
283
+
284
+ --leu-t-curve-bigger-regular-black-font: var(--leu-t-bigger-regular-black-font);
285
+
286
+ --leu-t-curve-medium-black-font-size: var(--leu-t-bigger-regular-black-font-size);
287
+
288
+ --leu-t-curve-medium-black-line-height: var(--leu-t-bigger-regular-black-line-height);
289
+
290
+ --leu-t-curve-medium-black-spacing: var(--leu-t-bigger-regular-black-spacing);
291
+
292
+ --leu-t-curve-medium-black-font: var(--leu-t-bigger-regular-black-font);
293
+
294
+ --leu-t-curve-large-black-font-size: var(--leu-t-bigger-regular-black-font-size);
295
+
296
+ --leu-t-curve-large-black-line-height: var(--leu-t-bigger-regular-black-line-height);
297
+
298
+ --leu-t-curve-large-black-spacing: var(--leu-t-bigger-regular-black-spacing);
299
+
300
+ --leu-t-curve-large-black-font: var(--leu-t-bigger-regular-black-font);
301
+
302
+ --leu-t-curve-big-black-font-size: var(--leu-t-large-black-font-size);
303
+
304
+ --leu-t-curve-big-black-line-height: var(--leu-t-large-black-line-height);
305
+
306
+ --leu-t-curve-big-black-spacing: var(--leu-t-large-black-spacing);
307
+
308
+ --leu-t-curve-big-black-font: var(--leu-t-large-black-font);
309
+
310
+ --leu-t-curve-huge-black-font-size: var(--leu-t-small-big-black-font-size);
311
+
312
+ --leu-t-curve-huge-black-line-height: var(--leu-t-small-big-black-line-height);
313
+
314
+ --leu-t-curve-huge-black-spacing: var(--leu-t-small-big-black-spacing);
315
+
316
+ --leu-t-curve-huge-black-font: var(--leu-t-small-big-black-font);
317
+ }
318
+ @media (min-width: 600px) {
319
+ :root,
320
+ :host {
321
+ --leu-t-curve-tiny-regular-font-size: var(--leu-t-small-regular-font-size);
322
+ --leu-t-curve-tiny-regular-line-height: var(--leu-t-small-regular-line-height);
323
+ --leu-t-curve-tiny-regular-spacing: var(--leu-t-small-regular-spacing);
324
+ --leu-t-curve-tiny-regular-font: var(--leu-t-small-regular-font);
325
+ }
266
326
  }
267
327
  @media (min-width: 600px) {
268
328
  :root,
269
329
  :host {
270
- --leu-t-curve-35-black-font-size: var(--leu-t-35-black-font-size);
271
- --leu-t-curve-35-black-line-height: var(--leu-t-35-black-line-height);
272
- --leu-t-curve-35-black-spacing: var(--leu-t-35-black-spacing);
273
- --leu-t-curve-35-black-font: var(--leu-t-35-black-font);
330
+ --leu-t-curve-tiny-black-font-size: var(--leu-t-small-black-font-size);
331
+ --leu-t-curve-tiny-black-line-height: var(--leu-t-small-black-line-height);
332
+ --leu-t-curve-tiny-black-spacing: var(--leu-t-small-black-spacing);
333
+ --leu-t-curve-tiny-black-font: var(--leu-t-small-black-font);
274
334
  }
275
335
  }
276
336
  @media (min-width: 600px) {
277
337
  :root,
278
338
  :host {
279
- --leu-t-curve-45-black-font-size: var(--leu-t-40-black-font-size);
280
- --leu-t-curve-45-black-line-height: var(--leu-t-40-black-line-height);
281
- --leu-t-curve-45-black-spacing: var(--leu-t-40-black-spacing);
282
- --leu-t-curve-45-black-font: var(--leu-t-40-black-font);
339
+ --leu-t-curve-small-regular-font-size: var(--leu-t-regular-regular-font-size);
340
+ --leu-t-curve-small-regular-line-height: var(--leu-t-regular-regular-line-height);
341
+ --leu-t-curve-small-regular-spacing: var(--leu-t-regular-regular-spacing);
342
+ --leu-t-curve-small-regular-font: var(--leu-t-regular-regular-font);
283
343
  }
284
344
  }
285
345
  @media (min-width: 1024px) {
286
346
  :root,
287
347
  :host {
288
- --leu-t-curve-45-black-font-size: var(--leu-t-45-black-font-size);
289
- --leu-t-curve-45-black-line-height: var(--leu-t-45-black-line-height);
290
- --leu-t-curve-45-black-spacing: var(--leu-t-45-black-spacing);
291
- --leu-t-curve-45-black-font: var(--leu-t-45-black-font);
348
+ --leu-t-curve-small-regular-font-size: var(--leu-t-bigger-regular-regular-font-size);
349
+ --leu-t-curve-small-regular-line-height: var(--leu-t-bigger-regular-regular-line-height);
350
+ --leu-t-curve-small-regular-spacing: var(--leu-t-bigger-regular-regular-spacing);
351
+ --leu-t-curve-small-regular-font: var(--leu-t-bigger-regular-regular-font);
352
+ }
353
+ }
354
+ @media (min-width: 600px) {
355
+ :root,
356
+ :host {
357
+ --leu-t-curve-small-black-font-size: var(--leu-t-regular-black-font-size);
358
+ --leu-t-curve-small-black-line-height: var(--leu-t-regular-black-line-height);
359
+ --leu-t-curve-small-black-spacing: var(--leu-t-regular-black-spacing);
360
+ --leu-t-curve-small-black-font: var(--leu-t-regular-black-font);
361
+ }
362
+ }
363
+ @media (min-width: 1024px) {
364
+ :root,
365
+ :host {
366
+ --leu-t-curve-small-black-font-size: var(--leu-t-bigger-regular-black-font-size);
367
+ --leu-t-curve-small-black-line-height: var(--leu-t-bigger-regular-black-line-height);
368
+ --leu-t-curve-small-black-spacing: var(--leu-t-bigger-regular-black-spacing);
369
+ --leu-t-curve-small-black-font: var(--leu-t-bigger-regular-black-font);
292
370
  }
293
371
  }
294
372
  @media (min-width: 400px) {
295
373
  :root,
296
374
  :host {
297
- --leu-t-curve-50-black-font-size: var(--leu-t-45-black-font-size);
298
- --leu-t-curve-50-black-line-height: var(--leu-t-45-black-line-height);
299
- --leu-t-curve-50-black-spacing: var(--leu-t-45-black-spacing);
300
- --leu-t-curve-50-black-font: var(--leu-t-45-black-font);
375
+ --leu-t-curve-regular-regular-font-size: var(--leu-t-bigger-regular-regular-font-size);
376
+ --leu-t-curve-regular-regular-line-height: var(--leu-t-bigger-regular-regular-line-height);
377
+ --leu-t-curve-regular-regular-spacing: var(--leu-t-bigger-regular-regular-spacing);
378
+ --leu-t-curve-regular-regular-font: var(--leu-t-bigger-regular-regular-font);
379
+ }
380
+ }
381
+ @media (min-width: 1280px) {
382
+ :root,
383
+ :host {
384
+ --leu-t-curve-regular-regular-font-size: var(--leu-t-medium-regular-font-size);
385
+ --leu-t-curve-regular-regular-line-height: var(--leu-t-medium-regular-line-height);
386
+ --leu-t-curve-regular-regular-spacing: var(--leu-t-medium-regular-spacing);
387
+ --leu-t-curve-regular-regular-font: var(--leu-t-medium-regular-font);
388
+ }
389
+ }
390
+ @media (min-width: 400px) {
391
+ :root,
392
+ :host {
393
+ --leu-t-curve-regular-black-font-size: var(--leu-t-bigger-regular-black-font-size);
394
+ --leu-t-curve-regular-black-line-height: var(--leu-t-bigger-regular-black-line-height);
395
+ --leu-t-curve-regular-black-spacing: var(--leu-t-bigger-regular-black-spacing);
396
+ --leu-t-curve-regular-black-font: var(--leu-t-bigger-regular-black-font);
397
+ }
398
+ }
399
+ @media (min-width: 1280px) {
400
+ :root,
401
+ :host {
402
+ --leu-t-curve-regular-black-font-size: var(--leu-t-medium-black-font-size);
403
+ --leu-t-curve-regular-black-line-height: var(--leu-t-medium-black-line-height);
404
+ --leu-t-curve-regular-black-spacing: var(--leu-t-medium-black-spacing);
405
+ --leu-t-curve-regular-black-font: var(--leu-t-medium-black-font);
406
+ }
407
+ }
408
+ @media (min-width: 600px) {
409
+ :root,
410
+ :host {
411
+ --leu-t-curve-bigger-regular-regular-font-size: var(--leu-t-medium-regular-font-size);
412
+ --leu-t-curve-bigger-regular-regular-line-height: var(--leu-t-medium-regular-line-height);
413
+ --leu-t-curve-bigger-regular-regular-spacing: var(--leu-t-medium-regular-spacing);
414
+ --leu-t-curve-bigger-regular-regular-font: var(--leu-t-medium-regular-font);
301
415
  }
302
416
  }
303
417
  @media (min-width: 1280px) {
304
418
  :root,
305
419
  :host {
306
- --leu-t-curve-50-black-font-size: var(--leu-t-50-black-font-size);
307
- --leu-t-curve-50-black-line-height: var(--leu-t-50-black-line-height);
308
- --leu-t-curve-50-black-spacing: var(--leu-t-50-black-spacing);
309
- --leu-t-curve-50-black-font: var(--leu-t-50-black-font);
420
+ --leu-t-curve-bigger-regular-regular-font-size: var(--leu-t-large-regular-font-size);
421
+ --leu-t-curve-bigger-regular-regular-line-height: var(--leu-t-large-regular-line-height);
422
+ --leu-t-curve-bigger-regular-regular-spacing: var(--leu-t-large-regular-spacing);
423
+ --leu-t-curve-bigger-regular-regular-font: var(--leu-t-large-regular-font);
310
424
  }
311
425
  }
312
426
  @media (min-width: 600px) {
313
427
  :root,
314
428
  :host {
315
- --leu-t-curve-60-black-font-size: var(--leu-t-50-black-font-size);
316
- --leu-t-curve-60-black-line-height: var(--leu-t-50-black-line-height);
317
- --leu-t-curve-60-black-spacing: var(--leu-t-50-black-spacing);
318
- --leu-t-curve-60-black-font: var(--leu-t-50-black-font);
429
+ --leu-t-curve-bigger-regular-black-font-size: var(--leu-t-medium-black-font-size);
430
+ --leu-t-curve-bigger-regular-black-line-height: var(--leu-t-medium-black-line-height);
431
+ --leu-t-curve-bigger-regular-black-spacing: var(--leu-t-medium-black-spacing);
432
+ --leu-t-curve-bigger-regular-black-font: var(--leu-t-medium-black-font);
319
433
  }
320
434
  }
321
435
  @media (min-width: 1280px) {
322
436
  :root,
323
437
  :host {
324
- --leu-t-curve-60-black-font-size: var(--leu-t-60-black-font-size);
325
- --leu-t-curve-60-black-line-height: var(--leu-t-60-black-line-height);
326
- --leu-t-curve-60-black-spacing: var(--leu-t-60-black-spacing);
327
- --leu-t-curve-60-black-font: var(--leu-t-60-black-font);
438
+ --leu-t-curve-bigger-regular-black-font-size: var(--leu-t-large-black-font-size);
439
+ --leu-t-curve-bigger-regular-black-line-height: var(--leu-t-large-black-line-height);
440
+ --leu-t-curve-bigger-regular-black-spacing: var(--leu-t-large-black-spacing);
441
+ --leu-t-curve-bigger-regular-black-font: var(--leu-t-large-black-font);
328
442
  }
329
443
  }
330
444
  @media (min-width: 400px) {
331
445
  :root,
332
446
  :host {
333
- --leu-t-curve-70-black-font-size: var(--leu-t-50-black-font-size);
334
- --leu-t-curve-70-black-line-height: var(--leu-t-50-black-line-height);
335
- --leu-t-curve-70-black-spacing: var(--leu-t-50-black-spacing);
336
- --leu-t-curve-70-black-font: var(--leu-t-50-black-font);
447
+ --leu-t-curve-medium-black-font-size: var(--leu-t-medium-black-font-size);
448
+ --leu-t-curve-medium-black-line-height: var(--leu-t-medium-black-line-height);
449
+ --leu-t-curve-medium-black-spacing: var(--leu-t-medium-black-spacing);
450
+ --leu-t-curve-medium-black-font: var(--leu-t-medium-black-font);
337
451
  }
338
452
  }
339
453
  @media (min-width: 1024px) {
340
454
  :root,
341
455
  :host {
342
- --leu-t-curve-70-black-font-size: var(--leu-t-60-black-font-size);
343
- --leu-t-curve-70-black-line-height: var(--leu-t-60-black-line-height);
344
- --leu-t-curve-70-black-spacing: var(--leu-t-60-black-spacing);
345
- --leu-t-curve-70-black-font: var(--leu-t-60-black-font);
456
+ --leu-t-curve-medium-black-font-size: var(--leu-t-large-black-font-size);
457
+ --leu-t-curve-medium-black-line-height: var(--leu-t-large-black-line-height);
458
+ --leu-t-curve-medium-black-spacing: var(--leu-t-large-black-spacing);
459
+ --leu-t-curve-medium-black-font: var(--leu-t-large-black-font);
346
460
  }
347
461
  }
348
462
  @media (min-width: 1280px) {
349
463
  :root,
350
464
  :host {
351
- --leu-t-curve-70-black-font-size: var(--leu-t-70-black-font-size);
352
- --leu-t-curve-70-black-line-height: var(--leu-t-70-black-line-height);
353
- --leu-t-curve-70-black-spacing: var(--leu-t-70-black-spacing);
354
- --leu-t-curve-70-black-font: var(--leu-t-70-black-font);
465
+ --leu-t-curve-medium-black-font-size: var(--leu-t-small-big-black-font-size);
466
+ --leu-t-curve-medium-black-line-height: var(--leu-t-small-big-black-line-height);
467
+ --leu-t-curve-medium-black-spacing: var(--leu-t-small-big-black-spacing);
468
+ --leu-t-curve-medium-black-font: var(--leu-t-small-big-black-font);
355
469
  }
356
470
  }
357
471
  @media (min-width: 600px) {
358
472
  :root,
359
473
  :host {
360
- --leu-t-curve-80-black-font-size: var(--leu-t-60-black-font-size);
361
- --leu-t-curve-80-black-line-height: var(--leu-t-60-black-line-height);
362
- --leu-t-curve-80-black-spacing: var(--leu-t-60-black-spacing);
363
- --leu-t-curve-80-black-font: var(--leu-t-60-black-font);
474
+ --leu-t-curve-large-black-font-size: var(--leu-t-large-black-font-size);
475
+ --leu-t-curve-large-black-line-height: var(--leu-t-large-black-line-height);
476
+ --leu-t-curve-large-black-spacing: var(--leu-t-large-black-spacing);
477
+ --leu-t-curve-large-black-font: var(--leu-t-large-black-font);
364
478
  }
365
479
  }
366
480
  @media (min-width: 1024px) {
367
481
  :root,
368
482
  :host {
369
- --leu-t-curve-80-black-font-size: var(--leu-t-70-black-font-size);
370
- --leu-t-curve-80-black-line-height: var(--leu-t-70-black-line-height);
371
- --leu-t-curve-80-black-spacing: var(--leu-t-70-black-spacing);
372
- --leu-t-curve-80-black-font: var(--leu-t-70-black-font);
483
+ --leu-t-curve-large-black-font-size: var(--leu-t-small-big-black-font-size);
484
+ --leu-t-curve-large-black-line-height: var(--leu-t-small-big-black-line-height);
485
+ --leu-t-curve-large-black-spacing: var(--leu-t-small-big-black-spacing);
486
+ --leu-t-curve-large-black-font: var(--leu-t-small-big-black-font);
373
487
  }
374
488
  }
375
489
  @media (min-width: 1280px) {
376
490
  :root,
377
491
  :host {
378
- --leu-t-curve-80-black-font-size: var(--leu-t-80-black-font-size);
379
- --leu-t-curve-80-black-line-height: var(--leu-t-80-black-line-height);
380
- --leu-t-curve-80-black-spacing: var(--leu-t-80-black-spacing);
381
- --leu-t-curve-80-black-font: var(--leu-t-80-black-font);
492
+ --leu-t-curve-large-black-font-size: var(--leu-t-big-black-font-size);
493
+ --leu-t-curve-large-black-line-height: var(--leu-t-big-black-line-height);
494
+ --leu-t-curve-large-black-spacing: var(--leu-t-big-black-spacing);
495
+ --leu-t-curve-large-black-font: var(--leu-t-big-black-font);
382
496
  }
383
497
  }
384
498
  @media (min-width: 600px) {
385
499
  :root,
386
500
  :host {
387
- --leu-t-curve-120-black-font-size: var(--leu-t-70-black-font-size);
388
- --leu-t-curve-120-black-line-height: var(--leu-t-70-black-line-height);
389
- --leu-t-curve-120-black-spacing: var(--leu-t-70-black-spacing);
390
- --leu-t-curve-120-black-font: var(--leu-t-70-black-font);
501
+ --leu-t-curve-big-black-font-size: var(--leu-t-small-big-black-font-size);
502
+ --leu-t-curve-big-black-line-height: var(--leu-t-small-big-black-line-height);
503
+ --leu-t-curve-big-black-spacing: var(--leu-t-small-big-black-spacing);
504
+ --leu-t-curve-big-black-font: var(--leu-t-small-big-black-font);
391
505
  }
392
506
  }
393
507
  @media (min-width: 840px) {
394
508
  :root,
395
509
  :host {
396
- --leu-t-curve-120-black-font-size: var(--leu-t-80-black-font-size);
397
- --leu-t-curve-120-black-line-height: var(--leu-t-80-black-line-height);
398
- --leu-t-curve-120-black-spacing: var(--leu-t-80-black-spacing);
399
- --leu-t-curve-120-black-font: var(--leu-t-80-black-font);
510
+ --leu-t-curve-big-black-font-size: var(--leu-t-big-black-font-size);
511
+ --leu-t-curve-big-black-line-height: var(--leu-t-big-black-line-height);
512
+ --leu-t-curve-big-black-spacing: var(--leu-t-big-black-spacing);
513
+ --leu-t-curve-big-black-font: var(--leu-t-big-black-font);
400
514
  }
401
515
  }
402
516
  @media (min-width: 1024px) {
403
517
  :root,
404
518
  :host {
405
- --leu-t-curve-120-black-font-size: var(--leu-t-100-black-font-size);
406
- --leu-t-curve-120-black-line-height: var(--leu-t-100-black-line-height);
407
- --leu-t-curve-120-black-spacing: var(--leu-t-100-black-spacing);
408
- --leu-t-curve-120-black-font: var(--leu-t-100-black-font);
519
+ --leu-t-curve-big-black-font-size: var(--leu-t-bigger-big-black-font-size);
520
+ --leu-t-curve-big-black-line-height: var(--leu-t-bigger-big-black-line-height);
521
+ --leu-t-curve-big-black-spacing: var(--leu-t-bigger-big-black-spacing);
522
+ --leu-t-curve-big-black-font: var(--leu-t-bigger-big-black-font);
409
523
  }
410
524
  }
411
525
  @media (min-width: 1280px) {
412
526
  :root,
413
527
  :host {
414
- --leu-t-curve-120-black-font-size: var(--leu-t-120-black-font-size);
415
- --leu-t-curve-120-black-line-height: var(--leu-t-120-black-line-height);
416
- --leu-t-curve-120-black-spacing: var(--leu-t-120-black-spacing);
417
- --leu-t-curve-120-black-font: var(--leu-t-120-black-font);
528
+ --leu-t-curve-big-black-font-size: var(--leu-t-small-huge-black-font-size);
529
+ --leu-t-curve-big-black-line-height: var(--leu-t-small-huge-black-line-height);
530
+ --leu-t-curve-big-black-spacing: var(--leu-t-small-huge-black-spacing);
531
+ --leu-t-curve-big-black-font: var(--leu-t-small-huge-black-font);
418
532
  }
419
533
  }
420
534
  @media (min-width: 400px) {
421
535
  :root,
422
536
  :host {
423
- --leu-t-curve-180-black-font-size: var(--leu-t-80-black-font-size);
424
- --leu-t-curve-180-black-line-height: var(--leu-t-80-black-line-height);
425
- --leu-t-curve-180-black-spacing: var(--leu-t-80-black-spacing);
426
- --leu-t-curve-180-black-font: var(--leu-t-80-black-font);
537
+ --leu-t-curve-huge-black-font-size: var(--leu-t-big-black-font-size);
538
+ --leu-t-curve-huge-black-line-height: var(--leu-t-big-black-line-height);
539
+ --leu-t-curve-huge-black-spacing: var(--leu-t-big-black-spacing);
540
+ --leu-t-curve-huge-black-font: var(--leu-t-big-black-font);
427
541
  }
428
542
  }
429
543
  @media (min-width: 600px) {
430
544
  :root,
431
545
  :host {
432
- --leu-t-curve-180-black-font-size: var(--leu-t-100-black-font-size);
433
- --leu-t-curve-180-black-line-height: var(--leu-t-100-black-line-height);
434
- --leu-t-curve-180-black-spacing: var(--leu-t-100-black-spacing);
435
- --leu-t-curve-180-black-font: var(--leu-t-100-black-font);
546
+ --leu-t-curve-huge-black-font-size: var(--leu-t-bigger-big-black-font-size);
547
+ --leu-t-curve-huge-black-line-height: var(--leu-t-bigger-big-black-line-height);
548
+ --leu-t-curve-huge-black-spacing: var(--leu-t-bigger-big-black-spacing);
549
+ --leu-t-curve-huge-black-font: var(--leu-t-bigger-big-black-font);
436
550
  }
437
551
  }
438
552
  @media (min-width: 840px) {
439
553
  :root,
440
554
  :host {
441
- --leu-t-curve-180-black-font-size: var(--leu-t-120-black-font-size);
442
- --leu-t-curve-180-black-line-height: var(--leu-t-120-black-line-height);
443
- --leu-t-curve-180-black-spacing: var(--leu-t-120-black-spacing);
444
- --leu-t-curve-180-black-font: var(--leu-t-120-black-font);
555
+ --leu-t-curve-huge-black-font-size: var(--leu-t-small-huge-black-font-size);
556
+ --leu-t-curve-huge-black-line-height: var(--leu-t-small-huge-black-line-height);
557
+ --leu-t-curve-huge-black-spacing: var(--leu-t-small-huge-black-spacing);
558
+ --leu-t-curve-huge-black-font: var(--leu-t-small-huge-black-font);
445
559
  }
446
560
  }
447
561
  @media (min-width: 1024px) {
448
562
  :root,
449
563
  :host {
450
- --leu-t-curve-180-black-font-size: var(--leu-t-140-black-font-size);
451
- --leu-t-curve-180-black-line-height: var(--leu-t-140-black-line-height);
452
- --leu-t-curve-180-black-spacing: var(--leu-t-140-black-spacing);
453
- --leu-t-curve-180-black-font: var(--leu-t-140-black-font);
564
+ --leu-t-curve-huge-black-font-size: var(--leu-t-huge-black-font-size);
565
+ --leu-t-curve-huge-black-line-height: var(--leu-t-huge-black-line-height);
566
+ --leu-t-curve-huge-black-spacing: var(--leu-t-huge-black-spacing);
567
+ --leu-t-curve-huge-black-font: var(--leu-t-huge-black-font);
454
568
  }
455
569
  }
456
570
  @media (min-width: 1280px) {
457
571
  :root,
458
572
  :host {
459
- --leu-t-curve-180-black-font-size: var(--leu-t-180-black-font-size);
460
- --leu-t-curve-180-black-line-height: var(--leu-t-180-black-line-height);
461
- --leu-t-curve-180-black-spacing: var(--leu-t-180-black-spacing);
462
- --leu-t-curve-180-black-font: var(--leu-t-180-black-font);
573
+ --leu-t-curve-huge-black-font-size: var(--leu-t-giant-black-font-size);
574
+ --leu-t-curve-huge-black-line-height: var(--leu-t-giant-black-line-height);
575
+ --leu-t-curve-huge-black-spacing: var(--leu-t-giant-black-spacing);
576
+ --leu-t-curve-huge-black-font: var(--leu-t-giant-black-font);
577
+ }
463
578
  }
579
+ @media (min-width: 600px) {
580
+ :root,
581
+ :host {
582
+ --leu-grid-columns-offset: 3 / -1;
583
+ }
584
+ }
585
+ @media (min-width: 840px) {
586
+ :root,
587
+ :host {
588
+ --leu-grid-gap: 2rem;
464
589
  }
590
+ }