@oub/fusion 0.2.10 → 0.2.12

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 (5) hide show
  1. package/dist/fusion.umd.cjs +1 -1
  2. package/dist/style.css +1 -1
  3. package/dist/utilities.css +1 -0
  4. package/dist/variables.scss +637 -0
  5. package/package.json +5 -3
package/dist/variables.scss ADDED
@@ -0,0 +1,637 @@
1
+ $colour-text-body-primary-base: var(--colour-text-body-primary-base);
2
+ $colour-text-body-primary-disabled: var(--colour-text-body-primary-disabled);
3
+ $colour-text-body-secondary-base: var(--colour-text-body-secondary-base);
4
+ $colour-text-body-secondary-disabled: var(--colour-text-body-secondary-disabled);
5
+ $colour-text-body-plain-base: var(--colour-text-body-plain-base);
6
+ $colour-text-body-danger-base: var(--colour-text-body-danger-base);
7
+ $colour-text-body-danger-disabled: var(--colour-text-body-danger-disabled);
8
+ $colour-text-placeholder-primary-base: var(--colour-text-placeholder-primary-base);
9
+ $colour-text-heading-primary-base: var(--colour-text-heading-primary-base);
10
+ $colour-text-heading-primary-disabled: var(--colour-text-heading-primary-disabled);
11
+ $colour-text-label-primary-base: var(--colour-text-label-primary-base);
12
+ $colour-text-label-primary-disabled: var(--colour-text-label-primary-disabled);
13
+ $colour-text-label-danger-base: var(--colour-text-label-danger-base);
14
+ $colour-text-label-danger-disabled: var(--colour-text-label-danger-disabled);
15
+ $colour-text-label-secondary-base: var(--colour-text-label-secondary-base);
16
+ $colour-text-label-secondary-disabled: var(--colour-text-label-secondary-disabled);
17
+ $colour-text-input-primary-base: var(--colour-text-input-primary-base);
18
+ $colour-text-input-primary-disabled: var(--colour-text-input-primary-disabled);
19
+ $colour-text-button-primary-base-ghost: var(--colour-text-button-primary-base-ghost);
20
+ $colour-text-button-primary-hover-ghost: var(--colour-text-button-primary-hover-ghost);
21
+ $colour-text-button-primary-focused-ghost: var(--colour-text-button-primary-focused-ghost);
22
+ $colour-text-button-primary-active-ghost: var(--colour-text-button-primary-active-ghost);
23
+ $colour-text-button-primary-disabled-ghost: var(--colour-text-button-primary-disabled-ghost);
24
+ $colour-text-button-danger-base-ghost: var(--colour-text-button-danger-base-ghost);
25
+ $colour-text-button-danger-hover-ghost: var(--colour-text-button-danger-hover-ghost);
26
+ $colour-text-button-danger-focused-ghost: var(--colour-text-button-danger-focused-ghost);
27
+ $colour-text-button-danger-active-ghost: var(--colour-text-button-danger-active-ghost);
28
+ $colour-text-button-danger-disabled-ghost: var(--colour-text-button-danger-disabled-ghost);
29
+ $colour-text-button-primary-base-outlined: var(--colour-text-button-primary-base-outlined);
30
+ $colour-text-button-primary-hover-outlined: var(--colour-text-button-primary-hover-outlined);
31
+ $colour-text-button-primary-focused-outlined: var(--colour-text-button-primary-focused-outlined);
32
+ $colour-text-button-primary-active-outlined: var(--colour-text-button-primary-active-outlined);
33
+ $colour-text-button-primary-disabled-outlined: var(--colour-text-button-primary-disabled-outlined);
34
+ $colour-text-button-danger-base-outlined: var(--colour-text-button-danger-base-outlined);
35
+ $colour-text-button-danger-hover-outlined: var(--colour-text-button-danger-hover-outlined);
36
+ $colour-text-button-danger-focused-outlined: var(--colour-text-button-danger-focused-outlined);
37
+ $colour-text-button-danger-disabled-outlined: var(--colour-text-button-danger-disabled-outlined);
38
+ $colour-text-button-danger-active-outlined: var(--colour-text-button-danger-active-outlined);
39
+ $colour-text-button-primary-base-filled: var(--colour-text-button-primary-base-filled);
40
+ $colour-text-button-danger-base-filled: var(--colour-text-button-danger-base-filled);
41
+ $colour-text-link-primary-base: var(--colour-text-link-primary-base);
42
+ $colour-text-link-primary-hover: var(--colour-text-link-primary-hover);
43
+ $colour-text-link-primary-focused: var(--colour-text-link-primary-focused);
44
+ $colour-text-link-primary-active: var(--colour-text-link-primary-active);
45
+ $colour-text-link-primary-disabled: var(--colour-text-link-primary-disabled);
46
+ $colour-text-link-secondary-base: var(--colour-text-link-secondary-base);
47
+ $colour-text-link-secondary-hover: var(--colour-text-link-secondary-hover);
48
+ $colour-text-link-secondary-focused: var(--colour-text-link-secondary-focused);
49
+ $colour-text-link-secondary-active: var(--colour-text-link-secondary-active);
50
+ $colour-text-link-secondary-disabled: var(--colour-text-link-secondary-disabled);
51
+ $colour-background-input-primary-base: var(--colour-background-input-primary-base);
52
+ $colour-background-input-primary-disabled: var(--colour-background-input-primary-disabled);
53
+ $colour-background-input-selected-disabled: var(--colour-background-input-selected-disabled);
54
+ $colour-background-input-selected-base: var(--colour-background-input-selected-base);
55
+ $colour-background-button-primary-base-filled: var(--colour-background-button-primary-base-filled);
56
+ $colour-background-button-primary-hover-filled: var(--colour-background-button-primary-hover-filled);
57
+ $colour-background-button-primary-focused-filled: var(--colour-background-button-primary-focused-filled);
58
+ $colour-background-button-primary-disabled-filled: var(--colour-background-button-primary-disabled-filled);
59
+ $colour-background-button-primary-loading-filled: var(--colour-background-button-primary-loading-filled);
60
+ $colour-background-button-danger-base-filled: var(--colour-background-button-danger-base-filled);
61
+ $colour-background-button-danger-hover-filled: var(--colour-background-button-danger-hover-filled);
62
+ $colour-background-button-danger-focused-filled: var(--colour-background-button-danger-focused-filled);
63
+ $colour-background-button-danger-loading-filled: var(--colour-background-button-danger-loading-filled);
64
+ $colour-background-button-danger-disabled-filled: var(--colour-background-button-danger-disabled-filled);
65
+ $colour-background-button-primary-base-outlined: var(--colour-background-button-primary-base-outlined);
66
+ $colour-background-button-primary-hover-outlined: var(--colour-background-button-primary-hover-outlined);
67
+ $colour-background-button-primary-focused-outlined: var(--colour-background-button-primary-focused-outlined);
68
+ $colour-background-button-primary-loading-outlined: var(--colour-background-button-primary-loading-outlined);
69
+ $colour-background-button-primary-disabled-outlined: var(--colour-background-button-primary-disabled-outlined);
70
+ $colour-background-button-danger-base-outlined: var(--colour-background-button-danger-base-outlined);
71
+ $colour-background-button-danger-hover-outlined: var(--colour-background-button-danger-hover-outlined);
72
+ $colour-background-button-danger-focused-outlined: var(--colour-background-button-danger-focused-outlined);
73
+ $colour-background-button-danger-loading-outlined: var(--colour-background-button-danger-loading-outlined);
74
+ $colour-background-button-danger-disabled-outlined: var(--colour-background-button-danger-disabled-outlined);
75
+ $colour-background-button-primary-base-ghost: var(--colour-background-button-primary-base-ghost);
76
+ $colour-background-button-primary-hover-ghost: var(--colour-background-button-primary-hover-ghost);
77
+ $colour-background-button-primary-focused-ghost: var(--colour-background-button-primary-focused-ghost);
78
+ $colour-background-button-primary-loading-ghost: var(--colour-background-button-primary-loading-ghost);
79
+ $colour-background-button-primary-disabled-ghost: var(--colour-background-button-primary-disabled-ghost);
80
+ $colour-background-button-danger-base-ghost: var(--colour-background-button-danger-base-ghost);
81
+ $colour-background-button-danger-hover-ghost: var(--colour-background-button-danger-hover-ghost);
82
+ $colour-background-button-danger-focused-ghost: var(--colour-background-button-danger-focused-ghost);
83
+ $colour-background-button-danger-loading-ghost: var(--colour-background-button-danger-loading-ghost);
84
+ $colour-background-button-danger-disabled-ghost: var(--colour-background-button-danger-disabled-ghost);
85
+ $colour-background-container-primary-base: var(--colour-background-container-primary-base);
86
+ $colour-background-container-secondary-base: var(--colour-background-container-secondary-base);
87
+ $colour-background-list-item-primary-base: var(--colour-background-list-item-primary-base);
88
+ $colour-background-list-item-primary-hover: var(--colour-background-list-item-primary-hover);
89
+ $colour-background-list-item-primary-focused: var(--colour-background-list-item-primary-focused);
90
+ $colour-background-list-item-selected-base: var(--colour-background-list-item-selected-base);
91
+ $colour-background-scrollbar-track-base: var(--colour-background-scrollbar-track-base);
92
+ $colour-background-scrollbar-thumb-base: var(--colour-background-scrollbar-thumb-base);
93
+ $colour-icon-body-primary-base: var(--colour-icon-body-primary-base);
94
+ $colour-icon-body-primary-disabled: var(--colour-icon-body-primary-disabled);
95
+ $colour-icon-body-danger-base: var(--colour-icon-body-danger-base);
96
+ $colour-icon-body-danger-disabled: var(--colour-icon-body-danger-disabled);
97
+ $colour-icon-body-plain-base: var(--colour-icon-body-plain-base);
98
+ $colour-icon-body-warning-base: var(--colour-icon-body-warning-base);
99
+ $colour-icon-body-info-base: var(--colour-icon-body-info-base);
100
+ $colour-icon-body-success-base: var(--colour-icon-body-success-base);
101
+ $colour-icon-body-secondary-base: var(--colour-icon-body-secondary-base);
102
+ $colour-icon-body-secondary-disabled: var(--colour-icon-body-secondary-disabled);
103
+ $colour-icon-body-selected-base: var(--colour-icon-body-selected-base);
104
+ $colour-icon-body-selected-disabled: var(--colour-icon-body-selected-disabled);
105
+ $colour-icon-link-primary-base: var(--colour-icon-link-primary-base);
106
+ $colour-icon-link-primary-hover: var(--colour-icon-link-primary-hover);
107
+ $colour-icon-link-primary-focused: var(--colour-icon-link-primary-focused);
108
+ $colour-icon-link-primary-active: var(--colour-icon-link-primary-active);
109
+ $colour-icon-link-primary-disabled: var(--colour-icon-link-primary-disabled);
110
+ $colour-icon-link-secondary-base: var(--colour-icon-link-secondary-base);
111
+ $colour-icon-link-secondary-hover: var(--colour-icon-link-secondary-hover);
112
+ $colour-icon-link-secondary-focused: var(--colour-icon-link-secondary-focused);
113
+ $colour-icon-link-secondary-active: var(--colour-icon-link-secondary-active);
114
+ $colour-icon-link-secondary-disabled: var(--colour-icon-link-secondary-disabled);
115
+ $colour-icon-button-primary-base-ghost: var(--colour-icon-button-primary-base-ghost);
116
+ $colour-icon-button-primary-hover-ghost: var(--colour-icon-button-primary-hover-ghost);
117
+ $colour-icon-button-primary-focused-ghost: var(--colour-icon-button-primary-focused-ghost);
118
+ $colour-icon-button-primary-disabled-ghost: var(--colour-icon-button-primary-disabled-ghost);
119
+ $colour-icon-button-danger-base-ghost: var(--colour-icon-button-danger-base-ghost);
120
+ $colour-icon-button-danger-hover-ghost: var(--colour-icon-button-danger-hover-ghost);
121
+ $colour-icon-button-danger-focused-ghost: var(--colour-icon-button-danger-focused-ghost);
122
+ $colour-icon-button-danger-disabled-ghost: var(--colour-icon-button-danger-disabled-ghost);
123
+ $colour-icon-button-primary-base-outlined: var(--colour-icon-button-primary-base-outlined);
124
+ $colour-icon-button-primary-hover-outlined: var(--colour-icon-button-primary-hover-outlined);
125
+ $colour-icon-button-primary-focused-outlined: var(--colour-icon-button-primary-focused-outlined);
126
+ $colour-icon-button-primary-disabled-outlined: var(--colour-icon-button-primary-disabled-outlined);
127
+ $colour-icon-button-danger-base-outlined: var(--colour-icon-button-danger-base-outlined);
128
+ $colour-icon-button-danger-hover-outlined: var(--colour-icon-button-danger-hover-outlined);
129
+ $colour-icon-button-danger-focused-outlined: var(--colour-icon-button-danger-focused-outlined);
130
+ $colour-icon-button-danger-disabled-outlined: var(--colour-icon-button-danger-disabled-outlined);
131
+ $colour-icon-button-primary-base-filled: var(--colour-icon-button-primary-base-filled);
132
+ $colour-icon-button-danger-base-filled: var(--colour-icon-button-danger-base-filled);
133
+ $colour-icon-input-primary-base: var(--colour-icon-input-primary-base);
134
+ $colour-icon-input-secondary-base: var(--colour-icon-input-secondary-base);
135
+ $colour-icon-input-secondary-disabled: var(--colour-icon-input-secondary-disabled);
136
+ $ring-colour-input-primary-base: var(--ring-colour-input-primary-base);
137
+ $ring-colour-input-danger-base: var(--ring-colour-input-danger-base);
138
+ $ring-colour-button-primary-base-filled: var(--ring-colour-button-primary-base-filled);
139
+ $ring-colour-button-danger-base-filled: var(--ring-colour-button-danger-base-filled);
140
+ $ring-colour-button-primary-base-outlined: var(--ring-colour-button-primary-base-outlined);
141
+ $ring-colour-button-danger-base-outlined: var(--ring-colour-button-danger-base-outlined);
142
+ $ring-colour-button-primary-base-ghost: var(--ring-colour-button-primary-base-ghost);
143
+ $ring-colour-button-danger-base-ghost: var(--ring-colour-button-danger-base-ghost);
144
+ $ring-colour-link-primary-base: var(--ring-colour-link-primary-base);
145
+ $ring-colour-link-secondary-base: var(--ring-colour-link-secondary-base);
146
+ $ring-width-all-none: var(--ring-width-all-none);
147
+ $ring-width-all-sm: var(--ring-width-all-sm);
148
+ $ring-width-all-md: var(--ring-width-all-md);
149
+ $ring-width-all-lg: var(--ring-width-all-lg);
150
+ $border-width-all-none: var(--border-width-all-none);
151
+ $border-width-all-sm: var(--border-width-all-sm);
152
+ $border-width-all-md: var(--border-width-all-md);
153
+ $border-width-all-lg: var(--border-width-all-lg);
154
+ $border-width-all-xl: var(--border-width-all-xl);
155
+ $border-width-right-none: var(--border-width-right-none);
156
+ $border-width-right-sm: var(--border-width-right-sm);
157
+ $border-width-right-md: var(--border-width-right-md);
158
+ $border-width-right-lg: var(--border-width-right-lg);
159
+ $border-width-right-xl: var(--border-width-right-xl);
160
+ $border-width-left-none: var(--border-width-left-none);
161
+ $border-width-left-sm: var(--border-width-left-sm);
162
+ $border-width-left-md: var(--border-width-left-md);
163
+ $border-width-left-lg: var(--border-width-left-lg);
164
+ $border-width-left-xl: var(--border-width-left-xl);
165
+ $border-width-bottom-none: var(--border-width-bottom-none);
166
+ $border-width-bottom-sm: var(--border-width-bottom-sm);
167
+ $border-width-bottom-md: var(--border-width-bottom-md);
168
+ $border-width-bottom-lg: var(--border-width-bottom-lg);
169
+ $border-width-bottom-xl: var(--border-width-bottom-xl);
170
+ $border-width-top-none: var(--border-width-top-none);
171
+ $border-width-top-sm: var(--border-width-top-sm);
172
+ $border-width-top-md: var(--border-width-top-md);
173
+ $border-width-top-lg: var(--border-width-top-lg);
174
+ $border-width-top-xl: var(--border-width-top-xl);
175
+ $border-radius-bottom-right-none: var(--border-radius-bottom-right-none);
176
+ $border-radius-bottom-right-sm: var(--border-radius-bottom-right-sm);
177
+ $border-radius-bottom-right-base: var(--border-radius-bottom-right-base);
178
+ $border-radius-bottom-right-md: var(--border-radius-bottom-right-md);
179
+ $border-radius-bottom-right-lg: var(--border-radius-bottom-right-lg);
180
+ $border-radius-bottom-right-xl: var(--border-radius-bottom-right-xl);
181
+ $border-radius-bottom-right-full: var(--border-radius-bottom-right-full);
182
+ $border-radius-bottom-left-none: var(--border-radius-bottom-left-none);
183
+ $border-radius-bottom-left-sm: var(--border-radius-bottom-left-sm);
184
+ $border-radius-bottom-left-base: var(--border-radius-bottom-left-base);
185
+ $border-radius-bottom-left-md: var(--border-radius-bottom-left-md);
186
+ $border-radius-bottom-left-lg: var(--border-radius-bottom-left-lg);
187
+ $border-radius-bottom-left-xl: var(--border-radius-bottom-left-xl);
188
+ $border-radius-bottom-left-full: var(--border-radius-bottom-left-full);
189
+ $border-radius-top-right-none: var(--border-radius-top-right-none);
190
+ $border-radius-top-right-sm: var(--border-radius-top-right-sm);
191
+ $border-radius-top-right-base: var(--border-radius-top-right-base);
192
+ $border-radius-top-right-md: var(--border-radius-top-right-md);
193
+ $border-radius-top-right-lg: var(--border-radius-top-right-lg);
194
+ $border-radius-top-right-xl: var(--border-radius-top-right-xl);
195
+ $border-radius-top-right-full: var(--border-radius-top-right-full);
196
+ $border-radius-top-left-none: var(--border-radius-top-left-none);
197
+ $border-radius-top-left-sm: var(--border-radius-top-left-sm);
198
+ $border-radius-top-left-base: var(--border-radius-top-left-base);
199
+ $border-radius-top-left-md: var(--border-radius-top-left-md);
200
+ $border-radius-top-left-lg: var(--border-radius-top-left-lg);
201
+ $border-radius-top-left-xl: var(--border-radius-top-left-xl);
202
+ $border-radius-top-left-full: var(--border-radius-top-left-full);
203
+ $border-radius-bottom-none: var(--border-radius-bottom-none);
204
+ $border-radius-bottom-sm: var(--border-radius-bottom-sm);
205
+ $border-radius-bottom-base: var(--border-radius-bottom-base);
206
+ $border-radius-bottom-md: var(--border-radius-bottom-md);
207
+ $border-radius-bottom-lg: var(--border-radius-bottom-lg);
208
+ $border-radius-bottom-xl: var(--border-radius-bottom-xl);
209
+ $border-radius-bottom-full: var(--border-radius-bottom-full);
210
+ $border-radius-all-none: var(--border-radius-all-none);
211
+ $border-radius-all-sm: var(--border-radius-all-sm);
212
+ $border-radius-all-base: var(--border-radius-all-base);
213
+ $border-radius-all-md: var(--border-radius-all-md);
214
+ $border-radius-all-lg: var(--border-radius-all-lg);
215
+ $border-radius-all-xl: var(--border-radius-all-xl);
216
+ $border-radius-all-full: var(--border-radius-all-full);
217
+ $border-radius-top-md: var(--border-radius-top-md);
218
+ $border-radius-top-lg: var(--border-radius-top-lg);
219
+ $border-radius-top-xl: var(--border-radius-top-xl);
220
+ $border-radius-top-full: var(--border-radius-top-full);
221
+ $border-radius-top-none: var(--border-radius-top-none);
222
+ $border-radius-top-sm: var(--border-radius-top-sm);
223
+ $border-radius-top-base: var(--border-radius-top-base);
224
+ $border-radius-left-none: var(--border-radius-left-none);
225
+ $border-radius-left-sm: var(--border-radius-left-sm);
226
+ $border-radius-left-base: var(--border-radius-left-base);
227
+ $border-radius-left-md: var(--border-radius-left-md);
228
+ $border-radius-left-lg: var(--border-radius-left-lg);
229
+ $border-radius-left-xl: var(--border-radius-left-xl);
230
+ $border-radius-left-full: var(--border-radius-left-full);
231
+ $border-radius-right-none: var(--border-radius-right-none);
232
+ $border-radius-right-sm: var(--border-radius-right-sm);
233
+ $border-radius-right-base: var(--border-radius-right-base);
234
+ $border-radius-right-md: var(--border-radius-right-md);
235
+ $border-radius-right-lg: var(--border-radius-right-lg);
236
+ $border-radius-right-xl: var(--border-radius-right-xl);
237
+ $border-radius-right-full: var(--border-radius-right-full);
238
+ $border-colour-input-primary-base: var(--border-colour-input-primary-base);
239
+ $border-colour-input-primary-hover: var(--border-colour-input-primary-hover);
240
+ $border-colour-input-primary-focused: var(--border-colour-input-primary-focused);
241
+ $border-colour-input-primary-active: var(--border-colour-input-primary-active);
242
+ $border-colour-input-primary-disabled: var(--border-colour-input-primary-disabled);
243
+ $border-colour-input-danger-base: var(--border-colour-input-danger-base);
244
+ $border-colour-input-secondary-base: var(--border-colour-input-secondary-base);
245
+ $border-colour-button-primary-base-outlined: var(--border-colour-button-primary-base-outlined);
246
+ $border-colour-button-primary-hover-outlined: var(--border-colour-button-primary-hover-outlined);
247
+ $border-colour-button-primary-focused-outlined: var(--border-colour-button-primary-focused-outlined);
248
+ $border-colour-button-primary-loading-outlined: var(--border-colour-button-primary-loading-outlined);
249
+ $border-colour-button-primary-disabled-outlined: var(--border-colour-button-primary-disabled-outlined);
250
+ $border-colour-button-danger-base-outlined: var(--border-colour-button-danger-base-outlined);
251
+ $border-colour-button-danger-hover-outlined: var(--border-colour-button-danger-hover-outlined);
252
+ $border-colour-button-danger-focused-outlined: var(--border-colour-button-danger-focused-outlined);
253
+ $border-colour-button-danger-loading-outlined: var(--border-colour-button-danger-loading-outlined);
254
+ $border-colour-button-danger-disabled-outlined: var(--border-colour-button-danger-disabled-outlined);
255
+ $border-colour-container-danger-base: var(--border-colour-container-danger-base);
256
+ $border-colour-container-success-base: var(--border-colour-container-success-base);
257
+ $border-colour-container-info-base: var(--border-colour-container-info-base);
258
+ $border-colour-container-warning-base: var(--border-colour-container-warning-base);
259
+ $border-colour-link-primary-base: var(--border-colour-link-primary-base);
260
+ $border-colour-link-secondary-base: var(--border-colour-link-secondary-base);
261
+ $shadow-offset-x-primary-none: var(--shadow-offset-x-primary-none);
262
+ $shadow-offset-x-primary-sm: var(--shadow-offset-x-primary-sm);
263
+ $shadow-offset-x-primary-base: var(--shadow-offset-x-primary-base);
264
+ $shadow-offset-x-primary-md: var(--shadow-offset-x-primary-md);
265
+ $shadow-offset-x-primary-lg: var(--shadow-offset-x-primary-lg);
266
+ $shadow-offset-x-primary-xl: var(--shadow-offset-x-primary-xl);
267
+ $shadow-offset-x-primary-inner: var(--shadow-offset-x-primary-inner);
268
+ $shadow-offset-x-secondary-none: var(--shadow-offset-x-secondary-none);
269
+ $shadow-offset-x-secondary-base: var(--shadow-offset-x-secondary-base);
270
+ $shadow-offset-x-secondary-md: var(--shadow-offset-x-secondary-md);
271
+ $shadow-offset-x-secondary-lg: var(--shadow-offset-x-secondary-lg);
272
+ $shadow-offset-x-secondary-xl: var(--shadow-offset-x-secondary-xl);
273
+ $shadow-colour-all-primary-base: var(--shadow-colour-all-primary-base);
274
+ $shadow-offset-y-primary-none: var(--shadow-offset-y-primary-none);
275
+ $shadow-offset-y-primary-sm: var(--shadow-offset-y-primary-sm);
276
+ $shadow-offset-y-primary-base: var(--shadow-offset-y-primary-base);
277
+ $shadow-offset-y-primary-md: var(--shadow-offset-y-primary-md);
278
+ $shadow-offset-y-primary-lg: var(--shadow-offset-y-primary-lg);
279
+ $shadow-offset-y-primary-xl: var(--shadow-offset-y-primary-xl);
280
+ $shadow-offset-y-primary-inner: var(--shadow-offset-y-primary-inner);
281
+ $shadow-offset-y-secondary-none: var(--shadow-offset-y-secondary-none);
282
+ $shadow-offset-y-secondary-base: var(--shadow-offset-y-secondary-base);
283
+ $shadow-offset-y-secondary-md: var(--shadow-offset-y-secondary-md);
284
+ $shadow-offset-y-secondary-lg: var(--shadow-offset-y-secondary-lg);
285
+ $shadow-offset-y-secondary-xl: var(--shadow-offset-y-secondary-xl);
286
+ $shadow-blur-primary-none: var(--shadow-blur-primary-none);
287
+ $shadow-blur-primary-sm: var(--shadow-blur-primary-sm);
288
+ $shadow-blur-primary-base: var(--shadow-blur-primary-base);
289
+ $shadow-blur-primary-md: var(--shadow-blur-primary-md);
290
+ $shadow-blur-primary-lg: var(--shadow-blur-primary-lg);
291
+ $shadow-blur-primary-xl: var(--shadow-blur-primary-xl);
292
+ $shadow-blur-primary-inner: var(--shadow-blur-primary-inner);
293
+ $shadow-blur-secondary-none: var(--shadow-blur-secondary-none);
294
+ $shadow-blur-secondary-base: var(--shadow-blur-secondary-base);
295
+ $shadow-blur-secondary-md: var(--shadow-blur-secondary-md);
296
+ $shadow-blur-secondary-lg: var(--shadow-blur-secondary-lg);
297
+ $shadow-blur-secondary-xl: var(--shadow-blur-secondary-xl);
298
+ $shadow-spread-primary-none: var(--shadow-spread-primary-none);
299
+ $shadow-spread-primary-sm: var(--shadow-spread-primary-sm);
300
+ $shadow-spread-primary-base: var(--shadow-spread-primary-base);
301
+ $shadow-spread-primary-md: var(--shadow-spread-primary-md);
302
+ $shadow-spread-primary-lg: var(--shadow-spread-primary-lg);
303
+ $shadow-spread-primary-xl: var(--shadow-spread-primary-xl);
304
+ $shadow-spread-primary-inner: var(--shadow-spread-primary-inner);
305
+ $shadow-spread-secondary-none: var(--shadow-spread-secondary-none);
306
+ $shadow-spread-secondary-base: var(--shadow-spread-secondary-base);
307
+ $shadow-spread-secondary-md: var(--shadow-spread-secondary-md);
308
+ $shadow-spread-secondary-lg: var(--shadow-spread-secondary-lg);
309
+ $shadow-spread-secondary-xl: var(--shadow-spread-secondary-xl);
310
+ $typography-font-size-heading-xl: var(--typography-font-size-heading-xl);
311
+ $typography-font-size-heading-3xl: var(--typography-font-size-heading-3xl);
312
+ $typography-font-size-heading-5xl: var(--typography-font-size-heading-5xl);
313
+ $typography-font-size-heading-4xl: var(--typography-font-size-heading-4xl);
314
+ $typography-font-size-body-base: var(--typography-font-size-body-base);
315
+ $typography-font-size-body-sm: var(--typography-font-size-body-sm);
316
+ $typography-font-size-body-xs: var(--typography-font-size-body-xs);
317
+ $typography-font-size-body-xs-medium: var(--typography-font-size-body-xs-medium);
318
+ $typography-font-size-body-sm-medium: var(--typography-font-size-body-sm-medium);
319
+ $typography-font-size-body-base-medium: var(--typography-font-size-body-base-medium);
320
+ $typography-font-size-label-base: var(--typography-font-size-label-base);
321
+ $typography-font-size-label-sm: var(--typography-font-size-label-sm);
322
+ $typography-font-size-link-sm: var(--typography-font-size-link-sm);
323
+ $typography-font-size-link-base: var(--typography-font-size-link-base);
324
+ $typography-letter-spacing-heading-all: var(--typography-letter-spacing-heading-all);
325
+ $typography-letter-spacing-body-all: var(--typography-letter-spacing-body-all);
326
+ $typography-letter-spacing-label-all: var(--typography-letter-spacing-label-all);
327
+ $typography-letter-spacing-link-all: var(--typography-letter-spacing-link-all);
328
+ $typography-text-indent-heading-all: var(--typography-text-indent-heading-all);
329
+ $typography-text-indent-body-all: var(--typography-text-indent-body-all);
330
+ $typography-text-indent-label-all: var(--typography-text-indent-label-all);
331
+ $typography-text-indent-link-all: var(--typography-text-indent-link-all);
332
+ $typography-font-family-heading-all: var(--typography-font-family-heading-all);
333
+ $typography-font-family-body-all: var(--typography-font-family-body-all);
334
+ $typography-font-family-label-all: var(--typography-font-family-label-all);
335
+ $typography-font-family-link-all: var(--typography-font-family-link-all);
336
+ $typography-font-style-heading-all: var(--typography-font-style-heading-all);
337
+ $typography-font-style-body-all: var(--typography-font-style-body-all);
338
+ $typography-font-style-label-all: var(--typography-font-style-label-all);
339
+ $typography-font-style-link-all: var(--typography-font-style-link-all);
340
+ $typography-line-height-heading-4xl: var(--typography-line-height-heading-4xl);
341
+ $typography-line-height-heading-5xl: var(--typography-line-height-heading-5xl);
342
+ $typography-line-height-heading-xl: var(--typography-line-height-heading-xl);
343
+ $typography-line-height-heading-3xl: var(--typography-line-height-heading-3xl);
344
+ $typography-line-height-body-sm: var(--typography-line-height-body-sm);
345
+ $typography-line-height-body-xs: var(--typography-line-height-body-xs);
346
+ $typography-line-height-body-base: var(--typography-line-height-body-base);
347
+ $typography-line-height-body-xs-medium: var(--typography-line-height-body-xs-medium);
348
+ $typography-line-height-body-sm-medium: var(--typography-line-height-body-sm-medium);
349
+ $typography-line-height-body-base-medium: var(--typography-line-height-body-base-medium);
350
+ $typography-line-height-label-sm: var(--typography-line-height-label-sm);
351
+ $typography-line-height-label-base: var(--typography-line-height-label-base);
352
+ $typography-line-height-link-sm: var(--typography-line-height-link-sm);
353
+ $typography-line-height-link-base: var(--typography-line-height-link-base);
354
+ $typography-font-weight-heading-xl: var(--typography-font-weight-heading-xl);
355
+ $typography-font-weight-heading-3xl: var(--typography-font-weight-heading-3xl);
356
+ $typography-font-weight-heading-4xl: var(--typography-font-weight-heading-4xl);
357
+ $typography-font-weight-heading-5xl: var(--typography-font-weight-heading-5xl);
358
+ $typography-font-weight-body-sm: var(--typography-font-weight-body-sm);
359
+ $typography-font-weight-body-base: var(--typography-font-weight-body-base);
360
+ $typography-font-weight-body-sm-medium: var(--typography-font-weight-body-sm-medium);
361
+ $typography-font-weight-body-base-medium: var(--typography-font-weight-body-base-medium);
362
+ $typography-font-weight-body-xs: var(--typography-font-weight-body-xs);
363
+ $typography-font-weight-body-xs-medium: var(--typography-font-weight-body-xs-medium);
364
+ $typography-font-weight-label-sm: var(--typography-font-weight-label-sm);
365
+ $typography-font-weight-label-base: var(--typography-font-weight-label-base);
366
+ $typography-font-weight-link-sm: var(--typography-font-weight-link-sm);
367
+ $typography-font-weight-link-base: var(--typography-font-weight-link-base);
368
+ $typography-text-decoration-heading-all: var(--typography-text-decoration-heading-all);
369
+ $typography-text-decoration-body-all: var(--typography-text-decoration-body-all);
370
+ $typography-text-decoration-label-all: var(--typography-text-decoration-label-all);
371
+ $typography-text-decoration-link-all: var(--typography-text-decoration-link-all);
372
+ $typography-text-decoration-link-none: var(--typography-text-decoration-link-none);
373
+ $typography-paragraph-spacing-heading-5xl: var(--typography-paragraph-spacing-heading-5xl);
374
+ $typography-paragraph-spacing-heading-4xl: var(--typography-paragraph-spacing-heading-4xl);
375
+ $typography-paragraph-spacing-heading-3xl: var(--typography-paragraph-spacing-heading-3xl);
376
+ $typography-paragraph-spacing-heading-xl: var(--typography-paragraph-spacing-heading-xl);
377
+ $typography-paragraph-spacing-body-xs: var(--typography-paragraph-spacing-body-xs);
378
+ $typography-paragraph-spacing-body-sm: var(--typography-paragraph-spacing-body-sm);
379
+ $typography-paragraph-spacing-body-base: var(--typography-paragraph-spacing-body-base);
380
+ $typography-paragraph-spacing-body-xs-medium: var(--typography-paragraph-spacing-body-xs-medium);
381
+ $typography-paragraph-spacing-body-sm-medium: var(--typography-paragraph-spacing-body-sm-medium);
382
+ $typography-paragraph-spacing-body-base-medium: var(--typography-paragraph-spacing-body-base-medium);
383
+ $typography-paragraph-spacing-label-sm: var(--typography-paragraph-spacing-label-sm);
384
+ $typography-paragraph-spacing-label-base: var(--typography-paragraph-spacing-label-base);
385
+ $typography-paragraph-spacing-link-sm: var(--typography-paragraph-spacing-link-sm);
386
+ $typography-paragraph-spacing-link-base: var(--typography-paragraph-spacing-link-base);
387
+ $spacing-margin-all-0: var(--spacing-margin-all-0);
388
+ $spacing-margin-all-base: var(--spacing-margin-all-base);
389
+ $spacing-margin-all-sm: var(--spacing-margin-all-sm);
390
+ $spacing-margin-all-xs: var(--spacing-margin-all-xs);
391
+ $spacing-margin-all-2xs: var(--spacing-margin-all-2xs);
392
+ $spacing-margin-all-4xs: var(--spacing-margin-all-4xs);
393
+ $spacing-margin-all-lg: var(--spacing-margin-all-lg);
394
+ $spacing-margin-all-xl: var(--spacing-margin-all-xl);
395
+ $spacing-margin-all-2xl: var(--spacing-margin-all-2xl);
396
+ $spacing-margin-all-3xl: var(--spacing-margin-all-3xl);
397
+ $spacing-margin-all-4xl: var(--spacing-margin-all-4xl);
398
+ $spacing-margin-all-5xl: var(--spacing-margin-all-5xl);
399
+ $spacing-margin-all-6xl: var(--spacing-margin-all-6xl);
400
+ $spacing-margin-all-7xl: var(--spacing-margin-all-7xl);
401
+ $spacing-margin-all-3xs: var(--spacing-margin-all-3xs);
402
+ $spacing-margin-top-0: var(--spacing-margin-top-0);
403
+ $spacing-margin-top-3xs: var(--spacing-margin-top-3xs);
404
+ $spacing-margin-top-2xs: var(--spacing-margin-top-2xs);
405
+ $spacing-margin-top-xs: var(--spacing-margin-top-xs);
406
+ $spacing-margin-top-sm: var(--spacing-margin-top-sm);
407
+ $spacing-margin-top-base: var(--spacing-margin-top-base);
408
+ $spacing-margin-top-lg: var(--spacing-margin-top-lg);
409
+ $spacing-margin-top-xl: var(--spacing-margin-top-xl);
410
+ $spacing-margin-top-2xl: var(--spacing-margin-top-2xl);
411
+ $spacing-margin-top-3xl: var(--spacing-margin-top-3xl);
412
+ $spacing-margin-top-4xl: var(--spacing-margin-top-4xl);
413
+ $spacing-margin-top-5xl: var(--spacing-margin-top-5xl);
414
+ $spacing-margin-top-6xl: var(--spacing-margin-top-6xl);
415
+ $spacing-margin-top-7xl: var(--spacing-margin-top-7xl);
416
+ $spacing-margin-bottom-0: var(--spacing-margin-bottom-0);
417
+ $spacing-margin-bottom-3xs: var(--spacing-margin-bottom-3xs);
418
+ $spacing-margin-bottom-2xs: var(--spacing-margin-bottom-2xs);
419
+ $spacing-margin-bottom-xs: var(--spacing-margin-bottom-xs);
420
+ $spacing-margin-bottom-sm: var(--spacing-margin-bottom-sm);
421
+ $spacing-margin-bottom-base: var(--spacing-margin-bottom-base);
422
+ $spacing-margin-bottom-lg: var(--spacing-margin-bottom-lg);
423
+ $spacing-margin-bottom-xl: var(--spacing-margin-bottom-xl);
424
+ $spacing-margin-bottom-2xl: var(--spacing-margin-bottom-2xl);
425
+ $spacing-margin-bottom-3xl: var(--spacing-margin-bottom-3xl);
426
+ $spacing-margin-bottom-4xl: var(--spacing-margin-bottom-4xl);
427
+ $spacing-margin-bottom-5xl: var(--spacing-margin-bottom-5xl);
428
+ $spacing-margin-bottom-6xl: var(--spacing-margin-bottom-6xl);
429
+ $spacing-margin-bottom-7xl: var(--spacing-margin-bottom-7xl);
430
+ $spacing-margin-left-0: var(--spacing-margin-left-0);
431
+ $spacing-margin-left-3xs: var(--spacing-margin-left-3xs);
432
+ $spacing-margin-left-2xs: var(--spacing-margin-left-2xs);
433
+ $spacing-margin-left-xs: var(--spacing-margin-left-xs);
434
+ $spacing-margin-left-sm: var(--spacing-margin-left-sm);
435
+ $spacing-margin-left-base: var(--spacing-margin-left-base);
436
+ $spacing-margin-left-lg: var(--spacing-margin-left-lg);
437
+ $spacing-margin-left-xl: var(--spacing-margin-left-xl);
438
+ $spacing-margin-left-2xl: var(--spacing-margin-left-2xl);
439
+ $spacing-margin-left-3xl: var(--spacing-margin-left-3xl);
440
+ $spacing-margin-left-4xl: var(--spacing-margin-left-4xl);
441
+ $spacing-margin-left-5xl: var(--spacing-margin-left-5xl);
442
+ $spacing-margin-left-6xl: var(--spacing-margin-left-6xl);
443
+ $spacing-margin-left-7xl: var(--spacing-margin-left-7xl);
444
+ $spacing-margin-right-0: var(--spacing-margin-right-0);
445
+ $spacing-margin-right-3xs: var(--spacing-margin-right-3xs);
446
+ $spacing-margin-right-2xs: var(--spacing-margin-right-2xs);
447
+ $spacing-margin-right-xs: var(--spacing-margin-right-xs);
448
+ $spacing-margin-right-sm: var(--spacing-margin-right-sm);
449
+ $spacing-margin-right-base: var(--spacing-margin-right-base);
450
+ $spacing-margin-right-lg: var(--spacing-margin-right-lg);
451
+ $spacing-margin-right-xl: var(--spacing-margin-right-xl);
452
+ $spacing-margin-right-2xl: var(--spacing-margin-right-2xl);
453
+ $spacing-margin-right-3xl: var(--spacing-margin-right-3xl);
454
+ $spacing-margin-right-4xl: var(--spacing-margin-right-4xl);
455
+ $spacing-margin-right-5xl: var(--spacing-margin-right-5xl);
456
+ $spacing-margin-right-6xl: var(--spacing-margin-right-6xl);
457
+ $spacing-margin-right-7xl: var(--spacing-margin-right-7xl);
458
+ $spacing-margin-vertical-0: var(--spacing-margin-vertical-0);
459
+ $spacing-margin-vertical-3xs: var(--spacing-margin-vertical-3xs);
460
+ $spacing-margin-vertical-2xs: var(--spacing-margin-vertical-2xs);
461
+ $spacing-margin-vertical-xs: var(--spacing-margin-vertical-xs);
462
+ $spacing-margin-vertical-sm: var(--spacing-margin-vertical-sm);
463
+ $spacing-margin-vertical-base: var(--spacing-margin-vertical-base);
464
+ $spacing-margin-vertical-lg: var(--spacing-margin-vertical-lg);
465
+ $spacing-margin-vertical-xl: var(--spacing-margin-vertical-xl);
466
+ $spacing-margin-vertical-2xl: var(--spacing-margin-vertical-2xl);
467
+ $spacing-margin-vertical-3xl: var(--spacing-margin-vertical-3xl);
468
+ $spacing-margin-vertical-4xl: var(--spacing-margin-vertical-4xl);
469
+ $spacing-margin-vertical-5xl: var(--spacing-margin-vertical-5xl);
470
+ $spacing-margin-vertical-6xl: var(--spacing-margin-vertical-6xl);
471
+ $spacing-margin-vertical-7xl: var(--spacing-margin-vertical-7xl);
472
+ $spacing-margin-horizontal-0: var(--spacing-margin-horizontal-0);
473
+ $spacing-margin-horizontal-3xs: var(--spacing-margin-horizontal-3xs);
474
+ $spacing-margin-horizontal-2xs: var(--spacing-margin-horizontal-2xs);
475
+ $spacing-margin-horizontal-xs: var(--spacing-margin-horizontal-xs);
476
+ $spacing-margin-horizontal-sm: var(--spacing-margin-horizontal-sm);
477
+ $spacing-margin-horizontal-base: var(--spacing-margin-horizontal-base);
478
+ $spacing-margin-horizontal-lg: var(--spacing-margin-horizontal-lg);
479
+ $spacing-margin-horizontal-xl: var(--spacing-margin-horizontal-xl);
480
+ $spacing-margin-horizontal-2xl: var(--spacing-margin-horizontal-2xl);
481
+ $spacing-margin-horizontal-3xl: var(--spacing-margin-horizontal-3xl);
482
+ $spacing-margin-horizontal-4xl: var(--spacing-margin-horizontal-4xl);
483
+ $spacing-margin-horizontal-5xl: var(--spacing-margin-horizontal-5xl);
484
+ $spacing-margin-horizontal-6xl: var(--spacing-margin-horizontal-6xl);
485
+ $spacing-margin-horizontal-7xl: var(--spacing-margin-horizontal-7xl);
486
+ $spacing-padding-all-0: var(--spacing-padding-all-0);
487
+ $spacing-padding-all-4xs: var(--spacing-padding-all-4xs);
488
+ $spacing-padding-all-2xs: var(--spacing-padding-all-2xs);
489
+ $spacing-padding-all-xs: var(--spacing-padding-all-xs);
490
+ $spacing-padding-all-sm: var(--spacing-padding-all-sm);
491
+ $spacing-padding-all-base: var(--spacing-padding-all-base);
492
+ $spacing-padding-all-lg: var(--spacing-padding-all-lg);
493
+ $spacing-padding-all-xl: var(--spacing-padding-all-xl);
494
+ $spacing-padding-all-2xl: var(--spacing-padding-all-2xl);
495
+ $spacing-padding-all-3xl: var(--spacing-padding-all-3xl);
496
+ $spacing-padding-all-4xl: var(--spacing-padding-all-4xl);
497
+ $spacing-padding-all-5xl: var(--spacing-padding-all-5xl);
498
+ $spacing-padding-all-6xl: var(--spacing-padding-all-6xl);
499
+ $spacing-padding-all-7xl: var(--spacing-padding-all-7xl);
500
+ $spacing-padding-all-3xs: var(--spacing-padding-all-3xs);
501
+ $spacing-padding-top-0: var(--spacing-padding-top-0);
502
+ $spacing-padding-top-3xs: var(--spacing-padding-top-3xs);
503
+ $spacing-padding-top-2xs: var(--spacing-padding-top-2xs);
504
+ $spacing-padding-top-xs: var(--spacing-padding-top-xs);
505
+ $spacing-padding-top-sm: var(--spacing-padding-top-sm);
506
+ $spacing-padding-top-base: var(--spacing-padding-top-base);
507
+ $spacing-padding-top-lg: var(--spacing-padding-top-lg);
508
+ $spacing-padding-top-xl: var(--spacing-padding-top-xl);
509
+ $spacing-padding-top-2xl: var(--spacing-padding-top-2xl);
510
+ $spacing-padding-top-3xl: var(--spacing-padding-top-3xl);
511
+ $spacing-padding-top-4xl: var(--spacing-padding-top-4xl);
512
+ $spacing-padding-top-5xl: var(--spacing-padding-top-5xl);
513
+ $spacing-padding-top-6xl: var(--spacing-padding-top-6xl);
514
+ $spacing-padding-top-7xl: var(--spacing-padding-top-7xl);
515
+ $spacing-padding-bottom-0: var(--spacing-padding-bottom-0);
516
+ $spacing-padding-bottom-3xs: var(--spacing-padding-bottom-3xs);
517
+ $spacing-padding-bottom-2xs: var(--spacing-padding-bottom-2xs);
518
+ $spacing-padding-bottom-xs: var(--spacing-padding-bottom-xs);
519
+ $spacing-padding-bottom-sm: var(--spacing-padding-bottom-sm);
520
+ $spacing-padding-bottom-base: var(--spacing-padding-bottom-base);
521
+ $spacing-padding-bottom-lg: var(--spacing-padding-bottom-lg);
522
+ $spacing-padding-bottom-xl: var(--spacing-padding-bottom-xl);
523
+ $spacing-padding-bottom-2xl: var(--spacing-padding-bottom-2xl);
524
+ $spacing-padding-bottom-3xl: var(--spacing-padding-bottom-3xl);
525
+ $spacing-padding-bottom-4xl: var(--spacing-padding-bottom-4xl);
526
+ $spacing-padding-bottom-5xl: var(--spacing-padding-bottom-5xl);
527
+ $spacing-padding-bottom-6xl: var(--spacing-padding-bottom-6xl);
528
+ $spacing-padding-bottom-7xl: var(--spacing-padding-bottom-7xl);
529
+ $spacing-padding-left-0: var(--spacing-padding-left-0);
530
+ $spacing-padding-left-3xs: var(--spacing-padding-left-3xs);
531
+ $spacing-padding-left-2xs: var(--spacing-padding-left-2xs);
532
+ $spacing-padding-left-xs: var(--spacing-padding-left-xs);
533
+ $spacing-padding-left-sm: var(--spacing-padding-left-sm);
534
+ $spacing-padding-left-base: var(--spacing-padding-left-base);
535
+ $spacing-padding-left-lg: var(--spacing-padding-left-lg);
536
+ $spacing-padding-left-xl: var(--spacing-padding-left-xl);
537
+ $spacing-padding-left-2xl: var(--spacing-padding-left-2xl);
538
+ $spacing-padding-left-3xl: var(--spacing-padding-left-3xl);
539
+ $spacing-padding-left-4xl: var(--spacing-padding-left-4xl);
540
+ $spacing-padding-left-5xl: var(--spacing-padding-left-5xl);
541
+ $spacing-padding-left-6xl: var(--spacing-padding-left-6xl);
542
+ $spacing-padding-left-7xl: var(--spacing-padding-left-7xl);
543
+ $spacing-padding-right-0: var(--spacing-padding-right-0);
544
+ $spacing-padding-right-3xs: var(--spacing-padding-right-3xs);
545
+ $spacing-padding-right-2xs: var(--spacing-padding-right-2xs);
546
+ $spacing-padding-right-xs: var(--spacing-padding-right-xs);
547
+ $spacing-padding-right-sm: var(--spacing-padding-right-sm);
548
+ $spacing-padding-right-base: var(--spacing-padding-right-base);
549
+ $spacing-padding-right-lg: var(--spacing-padding-right-lg);
550
+ $spacing-padding-right-xl: var(--spacing-padding-right-xl);
551
+ $spacing-padding-right-2xl: var(--spacing-padding-right-2xl);
552
+ $spacing-padding-right-3xl: var(--spacing-padding-right-3xl);
553
+ $spacing-padding-right-4xl: var(--spacing-padding-right-4xl);
554
+ $spacing-padding-right-5xl: var(--spacing-padding-right-5xl);
555
+ $spacing-padding-right-6xl: var(--spacing-padding-right-6xl);
556
+ $spacing-padding-right-7xl: var(--spacing-padding-right-7xl);
557
+ $spacing-padding-vertical-0: var(--spacing-padding-vertical-0);
558
+ $spacing-padding-vertical-3xs: var(--spacing-padding-vertical-3xs);
559
+ $spacing-padding-vertical-2xs: var(--spacing-padding-vertical-2xs);
560
+ $spacing-padding-vertical-xs: var(--spacing-padding-vertical-xs);
561
+ $spacing-padding-vertical-sm: var(--spacing-padding-vertical-sm);
562
+ $spacing-padding-vertical-base: var(--spacing-padding-vertical-base);
563
+ $spacing-padding-vertical-lg: var(--spacing-padding-vertical-lg);
564
+ $spacing-padding-vertical-xl: var(--spacing-padding-vertical-xl);
565
+ $spacing-padding-vertical-2xl: var(--spacing-padding-vertical-2xl);
566
+ $spacing-padding-vertical-3xl: var(--spacing-padding-vertical-3xl);
567
+ $spacing-padding-vertical-4xl: var(--spacing-padding-vertical-4xl);
568
+ $spacing-padding-vertical-5xl: var(--spacing-padding-vertical-5xl);
569
+ $spacing-padding-vertical-6xl: var(--spacing-padding-vertical-6xl);
570
+ $spacing-padding-vertical-7xl: var(--spacing-padding-vertical-7xl);
571
+ $spacing-padding-horizontal-0: var(--spacing-padding-horizontal-0);
572
+ $spacing-padding-horizontal-3xs: var(--spacing-padding-horizontal-3xs);
573
+ $spacing-padding-horizontal-2xs: var(--spacing-padding-horizontal-2xs);
574
+ $spacing-padding-horizontal-xs: var(--spacing-padding-horizontal-xs);
575
+ $spacing-padding-horizontal-sm: var(--spacing-padding-horizontal-sm);
576
+ $spacing-padding-horizontal-base: var(--spacing-padding-horizontal-base);
577
+ $spacing-padding-horizontal-lg: var(--spacing-padding-horizontal-lg);
578
+ $spacing-padding-horizontal-xl: var(--spacing-padding-horizontal-xl);
579
+ $spacing-padding-horizontal-2xl: var(--spacing-padding-horizontal-2xl);
580
+ $spacing-padding-horizontal-3xl: var(--spacing-padding-horizontal-3xl);
581
+ $spacing-padding-horizontal-4xl: var(--spacing-padding-horizontal-4xl);
582
+ $spacing-padding-horizontal-5xl: var(--spacing-padding-horizontal-5xl);
583
+ $spacing-padding-horizontal-6xl: var(--spacing-padding-horizontal-6xl);
584
+ $spacing-padding-horizontal-7xl: var(--spacing-padding-horizontal-7xl);
585
+ $spacing-gap-all-0: var(--spacing-gap-all-0);
586
+ $spacing-gap-all-4xs: var(--spacing-gap-all-4xs);
587
+ $spacing-gap-all-2xs: var(--spacing-gap-all-2xs);
588
+ $spacing-gap-all-xs: var(--spacing-gap-all-xs);
589
+ $spacing-gap-all-sm: var(--spacing-gap-all-sm);
590
+ $spacing-gap-all-base: var(--spacing-gap-all-base);
591
+ $spacing-gap-all-lg: var(--spacing-gap-all-lg);
592
+ $spacing-gap-all-xl: var(--spacing-gap-all-xl);
593
+ $spacing-gap-all-2xl: var(--spacing-gap-all-2xl);
594
+ $spacing-gap-all-3xl: var(--spacing-gap-all-3xl);
595
+ $spacing-gap-all-4xl: var(--spacing-gap-all-4xl);
596
+ $spacing-gap-all-5xl: var(--spacing-gap-all-5xl);
597
+ $spacing-gap-all-6xl: var(--spacing-gap-all-6xl);
598
+ $spacing-gap-all-7xl: var(--spacing-gap-all-7xl);
599
+ $spacing-gap-all-3xs: var(--spacing-gap-all-3xs);
600
+ $spacing-width-all-0: var(--spacing-width-all-0);
601
+ $spacing-width-all-4xs: var(--spacing-width-all-4xs);
602
+ $spacing-width-all-2xs: var(--spacing-width-all-2xs);
603
+ $spacing-width-all-xs: var(--spacing-width-all-xs);
604
+ $spacing-width-all-sm: var(--spacing-width-all-sm);
605
+ $spacing-width-all-base: var(--spacing-width-all-base);
606
+ $spacing-width-all-lg: var(--spacing-width-all-lg);
607
+ $spacing-width-all-xl: var(--spacing-width-all-xl);
608
+ $spacing-width-all-2xl: var(--spacing-width-all-2xl);
609
+ $spacing-width-all-3xl: var(--spacing-width-all-3xl);
610
+ $spacing-width-all-4xl: var(--spacing-width-all-4xl);
611
+ $spacing-width-all-5xl: var(--spacing-width-all-5xl);
612
+ $spacing-width-all-6xl: var(--spacing-width-all-6xl);
613
+ $spacing-width-all-7xl: var(--spacing-width-all-7xl);
614
+ $spacing-width-all-3xs: var(--spacing-width-all-3xs);
615
+ $spacing-height-all-0: var(--spacing-height-all-0);
616
+ $spacing-height-all-4xs: var(--spacing-height-all-4xs);
617
+ $spacing-height-all-2xs: var(--spacing-height-all-2xs);
618
+ $spacing-height-all-xs: var(--spacing-height-all-xs);
619
+ $spacing-height-all-sm: var(--spacing-height-all-sm);
620
+ $spacing-height-all-base: var(--spacing-height-all-base);
621
+ $spacing-height-all-lg: var(--spacing-height-all-lg);
622
+ $spacing-height-all-xl: var(--spacing-height-all-xl);
623
+ $spacing-height-all-2xl: var(--spacing-height-all-2xl);
624
+ $spacing-height-all-3xl: var(--spacing-height-all-3xl);
625
+ $spacing-height-all-4xl: var(--spacing-height-all-4xl);
626
+ $spacing-height-all-5xl: var(--spacing-height-all-5xl);
627
+ $spacing-height-all-6xl: var(--spacing-height-all-6xl);
628
+ $spacing-height-all-7xl: var(--spacing-height-all-7xl);
629
+ $spacing-height-all-8xl: var(--spacing-height-all-8xl);
630
+ $spacing-height-all-9xl: var(--spacing-height-all-9xl);
631
+ $spacing-height-all-10xl: var(--spacing-height-all-10xl);
632
+ $spacing-height-all-11xl: var(--spacing-height-all-11xl);
633
+ $spacing-height-all-12xl: var(--spacing-height-all-12xl);
634
+ $spacing-height-all-13xl: var(--spacing-height-all-13xl);
635
+ $spacing-height-all-14xl: var(--spacing-height-all-14xl);
636
+ $spacing-height-all-15xl: var(--spacing-height-all-15xl);
637
+ $spacing-height-all-3xs: var(--spacing-height-all-3xs);