@massimo-cassandro/minimo 1.20.15 → 1.21.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 (56) hide show
  1. package/design-tokens/_src/link.minimo.tokens.mjs +35 -4
  2. package/package.json +1 -1
  3. package/src/components/autocomplete/autocomplete.css +113 -109
  4. package/src/components/inner-nav/inner-nav.css +13 -9
  5. package/src/components/modal-alert/modal-alert.js +13 -13
  6. package/src/components/modal-alert/modal-alert.module.css +157 -153
  7. package/src/components/modal-popup/modal-popup.module.css +89 -85
  8. package/src/components/overlay/overlay.css +14 -10
  9. package/src/components/sf-macro/sf-macro.css +60 -56
  10. package/src/components/slide-up-down-toggle/slide-up-down-toggle.module.css +33 -29
  11. package/src/components/snackbar/snackbar.module.css +93 -89
  12. package/src/components/spinner/spinner-circle-basic.css +18 -14
  13. package/src/components/spinner/spinner.module.css +8 -4
  14. package/src/components/unsplash-page/unsplash-page.module.css +260 -256
  15. package/src/css/alerts.css +55 -53
  16. package/src/css/badge.css +16 -12
  17. package/src/css/buttons/btn-close.css +57 -53
  18. package/src/css/buttons/buttons-primary.css +38 -34
  19. package/src/css/buttons/buttons-secondary.css +38 -34
  20. package/src/css/buttons/buttons.css +84 -80
  21. package/src/css/buttons/status-buttons.css +66 -63
  22. package/src/css/container.css +9 -5
  23. package/src/css/data-formats.css +28 -24
  24. package/src/css/details.css +17 -13
  25. package/src/css/dimensions.css +13 -9
  26. package/src/css/display.css +27 -23
  27. package/src/css/flex.css +39 -35
  28. package/src/css/forms/fieldset.css +47 -43
  29. package/src/css/forms/form-collections.css +16 -12
  30. package/src/css/forms/form-disabled-readonly.css +31 -27
  31. package/src/css/forms/form-group.css +15 -11
  32. package/src/css/forms/form-utilities.css +32 -28
  33. package/src/css/forms/forms.css +136 -134
  34. package/src/css/forms/input-group.css +47 -43
  35. package/src/css/forms/switch.css +50 -46
  36. package/src/css/forms/validation.css +26 -22
  37. package/src/css/grid.css +66 -62
  38. package/src/css/headings.css +32 -28
  39. package/src/css/icons.css +41 -37
  40. package/src/css/layout-base.css +16 -12
  41. package/src/css/links.css +49 -0
  42. package/src/css/margin-padding-bootstrap-media.css +1836 -1832
  43. package/src/css/margin-padding-bootstrap.css +445 -441
  44. package/src/css/margin-padding-media.css +1836 -1832
  45. package/src/css/margin-padding.css +445 -441
  46. package/src/css/overflow.css +7 -3
  47. package/src/css/position.css +5 -1
  48. package/src/css/reset.css +47 -44
  49. package/src/css/svg.css +6 -2
  50. package/src/css/table.css +59 -55
  51. package/src/css/text.css +96 -92
  52. package/src/css/visibility.css +23 -19
  53. package/src/custom-properties.css +9 -3
  54. package/src/minimo.css +3 -1
  55. package/src/web-components/s-datatable-component/s-datatable-component.module.css +175 -171
  56. package/src/css/anchors.css +0 -45
@@ -1,4 +1,4 @@
1
- /* stylelint-disable declaration-no-important, selector-class-pattern */
1
+ /* stylelint-disable selector-class-pattern */
2
2
 
3
3
  /* AUTO-GENERATED FILE — do not edit by hand.
4
4
  Generated by `node scripts/build-margin-padding-css.mjs`.
@@ -6,457 +6,461 @@
6
6
 
7
7
  Responsive variants live in `margin-padding-media.css`. */
8
8
 
9
- .m-0 {
10
- margin: 0 !important;
11
- }
12
- .m-auto {
13
- margin: auto !important;
14
- }
15
- .m-3xl {
16
- margin: var(--size-3xl) !important;
17
- }
18
- .m-2xl {
19
- margin: var(--size-2xl) !important;
20
- }
21
- .m {
22
- margin: var(--size-base) !important;
23
- }
24
- .m-lg {
25
- margin: var(--size-lg) !important;
26
- }
27
- .m-md {
28
- margin: var(--size-md) !important;
29
- }
30
- .m-sm {
31
- margin: var(--size-sm) !important;
32
- }
33
- .m-xl {
34
- margin: var(--size-xl) !important;
35
- }
36
- .m-xs {
37
- margin: var(--size-xs) !important;
38
- }
39
- .m-xxs {
40
- margin: var(--size-xxs) !important;
41
- }
9
+ @layer utilities {
42
10
 
43
- .mb-0 {
44
- margin-block: 0 !important;
45
- }
46
- .mb-auto {
47
- margin-block: auto !important;
48
- }
49
- .mb-3xl {
50
- margin-block: var(--size-3xl) !important;
51
- }
52
- .mb-2xl {
53
- margin-block: var(--size-2xl) !important;
54
- }
55
- .mb {
56
- margin-block: var(--size-base) !important;
57
- }
58
- .mb-lg {
59
- margin-block: var(--size-lg) !important;
60
- }
61
- .mb-md {
62
- margin-block: var(--size-md) !important;
63
- }
64
- .mb-sm {
65
- margin-block: var(--size-sm) !important;
66
- }
67
- .mb-xl {
68
- margin-block: var(--size-xl) !important;
69
- }
70
- .mb-xs {
71
- margin-block: var(--size-xs) !important;
72
- }
73
- .mb-xxs {
74
- margin-block: var(--size-xxs) !important;
75
- }
11
+ .m-0 {
12
+ margin: 0;
13
+ }
14
+ .m-auto {
15
+ margin: auto;
16
+ }
17
+ .m-3xl {
18
+ margin: var(--size-3xl);
19
+ }
20
+ .m-2xl {
21
+ margin: var(--size-2xl);
22
+ }
23
+ .m {
24
+ margin: var(--size-base);
25
+ }
26
+ .m-lg {
27
+ margin: var(--size-lg);
28
+ }
29
+ .m-md {
30
+ margin: var(--size-md);
31
+ }
32
+ .m-sm {
33
+ margin: var(--size-sm);
34
+ }
35
+ .m-xl {
36
+ margin: var(--size-xl);
37
+ }
38
+ .m-xs {
39
+ margin: var(--size-xs);
40
+ }
41
+ .m-xxs {
42
+ margin: var(--size-xxs);
43
+ }
76
44
 
77
- .mbs-0 {
78
- margin-block-start: 0 !important;
79
- }
80
- .mbs-auto {
81
- margin-block-start: auto !important;
82
- }
83
- .mbs-3xl {
84
- margin-block-start: var(--size-3xl) !important;
85
- }
86
- .mbs-2xl {
87
- margin-block-start: var(--size-2xl) !important;
88
- }
89
- .mbs {
90
- margin-block-start: var(--size-base) !important;
91
- }
92
- .mbs-lg {
93
- margin-block-start: var(--size-lg) !important;
94
- }
95
- .mbs-md {
96
- margin-block-start: var(--size-md) !important;
97
- }
98
- .mbs-sm {
99
- margin-block-start: var(--size-sm) !important;
100
- }
101
- .mbs-xl {
102
- margin-block-start: var(--size-xl) !important;
103
- }
104
- .mbs-xs {
105
- margin-block-start: var(--size-xs) !important;
106
- }
107
- .mbs-xxs {
108
- margin-block-start: var(--size-xxs) !important;
109
- }
45
+ .mb-0 {
46
+ margin-block: 0;
47
+ }
48
+ .mb-auto {
49
+ margin-block: auto;
50
+ }
51
+ .mb-3xl {
52
+ margin-block: var(--size-3xl);
53
+ }
54
+ .mb-2xl {
55
+ margin-block: var(--size-2xl);
56
+ }
57
+ .mb {
58
+ margin-block: var(--size-base);
59
+ }
60
+ .mb-lg {
61
+ margin-block: var(--size-lg);
62
+ }
63
+ .mb-md {
64
+ margin-block: var(--size-md);
65
+ }
66
+ .mb-sm {
67
+ margin-block: var(--size-sm);
68
+ }
69
+ .mb-xl {
70
+ margin-block: var(--size-xl);
71
+ }
72
+ .mb-xs {
73
+ margin-block: var(--size-xs);
74
+ }
75
+ .mb-xxs {
76
+ margin-block: var(--size-xxs);
77
+ }
110
78
 
111
- .mbe-0 {
112
- margin-block-end: 0 !important;
113
- }
114
- .mbe-auto {
115
- margin-block-end: auto !important;
116
- }
117
- .mbe-3xl {
118
- margin-block-end: var(--size-3xl) !important;
119
- }
120
- .mbe-2xl {
121
- margin-block-end: var(--size-2xl) !important;
122
- }
123
- .mbe {
124
- margin-block-end: var(--size-base) !important;
125
- }
126
- .mbe-lg {
127
- margin-block-end: var(--size-lg) !important;
128
- }
129
- .mbe-md {
130
- margin-block-end: var(--size-md) !important;
131
- }
132
- .mbe-sm {
133
- margin-block-end: var(--size-sm) !important;
134
- }
135
- .mbe-xl {
136
- margin-block-end: var(--size-xl) !important;
137
- }
138
- .mbe-xs {
139
- margin-block-end: var(--size-xs) !important;
140
- }
141
- .mbe-xxs {
142
- margin-block-end: var(--size-xxs) !important;
143
- }
79
+ .mbs-0 {
80
+ margin-block-start: 0;
81
+ }
82
+ .mbs-auto {
83
+ margin-block-start: auto;
84
+ }
85
+ .mbs-3xl {
86
+ margin-block-start: var(--size-3xl);
87
+ }
88
+ .mbs-2xl {
89
+ margin-block-start: var(--size-2xl);
90
+ }
91
+ .mbs {
92
+ margin-block-start: var(--size-base);
93
+ }
94
+ .mbs-lg {
95
+ margin-block-start: var(--size-lg);
96
+ }
97
+ .mbs-md {
98
+ margin-block-start: var(--size-md);
99
+ }
100
+ .mbs-sm {
101
+ margin-block-start: var(--size-sm);
102
+ }
103
+ .mbs-xl {
104
+ margin-block-start: var(--size-xl);
105
+ }
106
+ .mbs-xs {
107
+ margin-block-start: var(--size-xs);
108
+ }
109
+ .mbs-xxs {
110
+ margin-block-start: var(--size-xxs);
111
+ }
144
112
 
145
- .mi-0 {
146
- margin-inline: 0 !important;
147
- }
148
- .mi-auto {
149
- margin-inline: auto !important;
150
- }
151
- .mi-3xl {
152
- margin-inline: var(--size-3xl) !important;
153
- }
154
- .mi-2xl {
155
- margin-inline: var(--size-2xl) !important;
156
- }
157
- .mi {
158
- margin-inline: var(--size-base) !important;
159
- }
160
- .mi-lg {
161
- margin-inline: var(--size-lg) !important;
162
- }
163
- .mi-md {
164
- margin-inline: var(--size-md) !important;
165
- }
166
- .mi-sm {
167
- margin-inline: var(--size-sm) !important;
168
- }
169
- .mi-xl {
170
- margin-inline: var(--size-xl) !important;
171
- }
172
- .mi-xs {
173
- margin-inline: var(--size-xs) !important;
174
- }
175
- .mi-xxs {
176
- margin-inline: var(--size-xxs) !important;
177
- }
113
+ .mbe-0 {
114
+ margin-block-end: 0;
115
+ }
116
+ .mbe-auto {
117
+ margin-block-end: auto;
118
+ }
119
+ .mbe-3xl {
120
+ margin-block-end: var(--size-3xl);
121
+ }
122
+ .mbe-2xl {
123
+ margin-block-end: var(--size-2xl);
124
+ }
125
+ .mbe {
126
+ margin-block-end: var(--size-base);
127
+ }
128
+ .mbe-lg {
129
+ margin-block-end: var(--size-lg);
130
+ }
131
+ .mbe-md {
132
+ margin-block-end: var(--size-md);
133
+ }
134
+ .mbe-sm {
135
+ margin-block-end: var(--size-sm);
136
+ }
137
+ .mbe-xl {
138
+ margin-block-end: var(--size-xl);
139
+ }
140
+ .mbe-xs {
141
+ margin-block-end: var(--size-xs);
142
+ }
143
+ .mbe-xxs {
144
+ margin-block-end: var(--size-xxs);
145
+ }
178
146
 
179
- .mis-0 {
180
- margin-inline-start: 0 !important;
181
- }
182
- .mis-auto {
183
- margin-inline-start: auto !important;
184
- }
185
- .mis-3xl {
186
- margin-inline-start: var(--size-3xl) !important;
187
- }
188
- .mis-2xl {
189
- margin-inline-start: var(--size-2xl) !important;
190
- }
191
- .mis {
192
- margin-inline-start: var(--size-base) !important;
193
- }
194
- .mis-lg {
195
- margin-inline-start: var(--size-lg) !important;
196
- }
197
- .mis-md {
198
- margin-inline-start: var(--size-md) !important;
199
- }
200
- .mis-sm {
201
- margin-inline-start: var(--size-sm) !important;
202
- }
203
- .mis-xl {
204
- margin-inline-start: var(--size-xl) !important;
205
- }
206
- .mis-xs {
207
- margin-inline-start: var(--size-xs) !important;
208
- }
209
- .mis-xxs {
210
- margin-inline-start: var(--size-xxs) !important;
211
- }
147
+ .mi-0 {
148
+ margin-inline: 0;
149
+ }
150
+ .mi-auto {
151
+ margin-inline: auto;
152
+ }
153
+ .mi-3xl {
154
+ margin-inline: var(--size-3xl);
155
+ }
156
+ .mi-2xl {
157
+ margin-inline: var(--size-2xl);
158
+ }
159
+ .mi {
160
+ margin-inline: var(--size-base);
161
+ }
162
+ .mi-lg {
163
+ margin-inline: var(--size-lg);
164
+ }
165
+ .mi-md {
166
+ margin-inline: var(--size-md);
167
+ }
168
+ .mi-sm {
169
+ margin-inline: var(--size-sm);
170
+ }
171
+ .mi-xl {
172
+ margin-inline: var(--size-xl);
173
+ }
174
+ .mi-xs {
175
+ margin-inline: var(--size-xs);
176
+ }
177
+ .mi-xxs {
178
+ margin-inline: var(--size-xxs);
179
+ }
212
180
 
213
- .mie-0 {
214
- margin-inline-end: 0 !important;
215
- }
216
- .mie-auto {
217
- margin-inline-end: auto !important;
218
- }
219
- .mie-3xl {
220
- margin-inline-end: var(--size-3xl) !important;
221
- }
222
- .mie-2xl {
223
- margin-inline-end: var(--size-2xl) !important;
224
- }
225
- .mie {
226
- margin-inline-end: var(--size-base) !important;
227
- }
228
- .mie-lg {
229
- margin-inline-end: var(--size-lg) !important;
230
- }
231
- .mie-md {
232
- margin-inline-end: var(--size-md) !important;
233
- }
234
- .mie-sm {
235
- margin-inline-end: var(--size-sm) !important;
236
- }
237
- .mie-xl {
238
- margin-inline-end: var(--size-xl) !important;
239
- }
240
- .mie-xs {
241
- margin-inline-end: var(--size-xs) !important;
242
- }
243
- .mie-xxs {
244
- margin-inline-end: var(--size-xxs) !important;
245
- }
181
+ .mis-0 {
182
+ margin-inline-start: 0;
183
+ }
184
+ .mis-auto {
185
+ margin-inline-start: auto;
186
+ }
187
+ .mis-3xl {
188
+ margin-inline-start: var(--size-3xl);
189
+ }
190
+ .mis-2xl {
191
+ margin-inline-start: var(--size-2xl);
192
+ }
193
+ .mis {
194
+ margin-inline-start: var(--size-base);
195
+ }
196
+ .mis-lg {
197
+ margin-inline-start: var(--size-lg);
198
+ }
199
+ .mis-md {
200
+ margin-inline-start: var(--size-md);
201
+ }
202
+ .mis-sm {
203
+ margin-inline-start: var(--size-sm);
204
+ }
205
+ .mis-xl {
206
+ margin-inline-start: var(--size-xl);
207
+ }
208
+ .mis-xs {
209
+ margin-inline-start: var(--size-xs);
210
+ }
211
+ .mis-xxs {
212
+ margin-inline-start: var(--size-xxs);
213
+ }
246
214
 
247
- .p-0 {
248
- padding: 0 !important;
249
- }
250
- .p-3xl {
251
- padding: var(--size-3xl) !important;
252
- }
253
- .p-2xl {
254
- padding: var(--size-2xl) !important;
255
- }
256
- .p {
257
- padding: var(--size-base) !important;
258
- }
259
- .p-lg {
260
- padding: var(--size-lg) !important;
261
- }
262
- .p-md {
263
- padding: var(--size-md) !important;
264
- }
265
- .p-sm {
266
- padding: var(--size-sm) !important;
267
- }
268
- .p-xl {
269
- padding: var(--size-xl) !important;
270
- }
271
- .p-xs {
272
- padding: var(--size-xs) !important;
273
- }
274
- .p-xxs {
275
- padding: var(--size-xxs) !important;
276
- }
215
+ .mie-0 {
216
+ margin-inline-end: 0;
217
+ }
218
+ .mie-auto {
219
+ margin-inline-end: auto;
220
+ }
221
+ .mie-3xl {
222
+ margin-inline-end: var(--size-3xl);
223
+ }
224
+ .mie-2xl {
225
+ margin-inline-end: var(--size-2xl);
226
+ }
227
+ .mie {
228
+ margin-inline-end: var(--size-base);
229
+ }
230
+ .mie-lg {
231
+ margin-inline-end: var(--size-lg);
232
+ }
233
+ .mie-md {
234
+ margin-inline-end: var(--size-md);
235
+ }
236
+ .mie-sm {
237
+ margin-inline-end: var(--size-sm);
238
+ }
239
+ .mie-xl {
240
+ margin-inline-end: var(--size-xl);
241
+ }
242
+ .mie-xs {
243
+ margin-inline-end: var(--size-xs);
244
+ }
245
+ .mie-xxs {
246
+ margin-inline-end: var(--size-xxs);
247
+ }
277
248
 
278
- .pb-0 {
279
- padding-block: 0 !important;
280
- }
281
- .pb-3xl {
282
- padding-block: var(--size-3xl) !important;
283
- }
284
- .pb-2xl {
285
- padding-block: var(--size-2xl) !important;
286
- }
287
- .pb {
288
- padding-block: var(--size-base) !important;
289
- }
290
- .pb-lg {
291
- padding-block: var(--size-lg) !important;
292
- }
293
- .pb-md {
294
- padding-block: var(--size-md) !important;
295
- }
296
- .pb-sm {
297
- padding-block: var(--size-sm) !important;
298
- }
299
- .pb-xl {
300
- padding-block: var(--size-xl) !important;
301
- }
302
- .pb-xs {
303
- padding-block: var(--size-xs) !important;
304
- }
305
- .pb-xxs {
306
- padding-block: var(--size-xxs) !important;
307
- }
249
+ .p-0 {
250
+ padding: 0;
251
+ }
252
+ .p-3xl {
253
+ padding: var(--size-3xl);
254
+ }
255
+ .p-2xl {
256
+ padding: var(--size-2xl);
257
+ }
258
+ .p {
259
+ padding: var(--size-base);
260
+ }
261
+ .p-lg {
262
+ padding: var(--size-lg);
263
+ }
264
+ .p-md {
265
+ padding: var(--size-md);
266
+ }
267
+ .p-sm {
268
+ padding: var(--size-sm);
269
+ }
270
+ .p-xl {
271
+ padding: var(--size-xl);
272
+ }
273
+ .p-xs {
274
+ padding: var(--size-xs);
275
+ }
276
+ .p-xxs {
277
+ padding: var(--size-xxs);
278
+ }
308
279
 
309
- .pbs-0 {
310
- padding-block-start: 0 !important;
311
- }
312
- .pbs-3xl {
313
- padding-block-start: var(--size-3xl) !important;
314
- }
315
- .pbs-2xl {
316
- padding-block-start: var(--size-2xl) !important;
317
- }
318
- .pbs {
319
- padding-block-start: var(--size-base) !important;
320
- }
321
- .pbs-lg {
322
- padding-block-start: var(--size-lg) !important;
323
- }
324
- .pbs-md {
325
- padding-block-start: var(--size-md) !important;
326
- }
327
- .pbs-sm {
328
- padding-block-start: var(--size-sm) !important;
329
- }
330
- .pbs-xl {
331
- padding-block-start: var(--size-xl) !important;
332
- }
333
- .pbs-xs {
334
- padding-block-start: var(--size-xs) !important;
335
- }
336
- .pbs-xxs {
337
- padding-block-start: var(--size-xxs) !important;
338
- }
280
+ .pb-0 {
281
+ padding-block: 0;
282
+ }
283
+ .pb-3xl {
284
+ padding-block: var(--size-3xl);
285
+ }
286
+ .pb-2xl {
287
+ padding-block: var(--size-2xl);
288
+ }
289
+ .pb {
290
+ padding-block: var(--size-base);
291
+ }
292
+ .pb-lg {
293
+ padding-block: var(--size-lg);
294
+ }
295
+ .pb-md {
296
+ padding-block: var(--size-md);
297
+ }
298
+ .pb-sm {
299
+ padding-block: var(--size-sm);
300
+ }
301
+ .pb-xl {
302
+ padding-block: var(--size-xl);
303
+ }
304
+ .pb-xs {
305
+ padding-block: var(--size-xs);
306
+ }
307
+ .pb-xxs {
308
+ padding-block: var(--size-xxs);
309
+ }
339
310
 
340
- .pbe-0 {
341
- padding-block-end: 0 !important;
342
- }
343
- .pbe-3xl {
344
- padding-block-end: var(--size-3xl) !important;
345
- }
346
- .pbe-2xl {
347
- padding-block-end: var(--size-2xl) !important;
348
- }
349
- .pbe {
350
- padding-block-end: var(--size-base) !important;
351
- }
352
- .pbe-lg {
353
- padding-block-end: var(--size-lg) !important;
354
- }
355
- .pbe-md {
356
- padding-block-end: var(--size-md) !important;
357
- }
358
- .pbe-sm {
359
- padding-block-end: var(--size-sm) !important;
360
- }
361
- .pbe-xl {
362
- padding-block-end: var(--size-xl) !important;
363
- }
364
- .pbe-xs {
365
- padding-block-end: var(--size-xs) !important;
366
- }
367
- .pbe-xxs {
368
- padding-block-end: var(--size-xxs) !important;
369
- }
311
+ .pbs-0 {
312
+ padding-block-start: 0;
313
+ }
314
+ .pbs-3xl {
315
+ padding-block-start: var(--size-3xl);
316
+ }
317
+ .pbs-2xl {
318
+ padding-block-start: var(--size-2xl);
319
+ }
320
+ .pbs {
321
+ padding-block-start: var(--size-base);
322
+ }
323
+ .pbs-lg {
324
+ padding-block-start: var(--size-lg);
325
+ }
326
+ .pbs-md {
327
+ padding-block-start: var(--size-md);
328
+ }
329
+ .pbs-sm {
330
+ padding-block-start: var(--size-sm);
331
+ }
332
+ .pbs-xl {
333
+ padding-block-start: var(--size-xl);
334
+ }
335
+ .pbs-xs {
336
+ padding-block-start: var(--size-xs);
337
+ }
338
+ .pbs-xxs {
339
+ padding-block-start: var(--size-xxs);
340
+ }
370
341
 
371
- .pi-0 {
372
- padding-inline: 0 !important;
373
- }
374
- .pi-3xl {
375
- padding-inline: var(--size-3xl) !important;
376
- }
377
- .pi-2xl {
378
- padding-inline: var(--size-2xl) !important;
379
- }
380
- .pi {
381
- padding-inline: var(--size-base) !important;
382
- }
383
- .pi-lg {
384
- padding-inline: var(--size-lg) !important;
385
- }
386
- .pi-md {
387
- padding-inline: var(--size-md) !important;
388
- }
389
- .pi-sm {
390
- padding-inline: var(--size-sm) !important;
391
- }
392
- .pi-xl {
393
- padding-inline: var(--size-xl) !important;
394
- }
395
- .pi-xs {
396
- padding-inline: var(--size-xs) !important;
397
- }
398
- .pi-xxs {
399
- padding-inline: var(--size-xxs) !important;
400
- }
342
+ .pbe-0 {
343
+ padding-block-end: 0;
344
+ }
345
+ .pbe-3xl {
346
+ padding-block-end: var(--size-3xl);
347
+ }
348
+ .pbe-2xl {
349
+ padding-block-end: var(--size-2xl);
350
+ }
351
+ .pbe {
352
+ padding-block-end: var(--size-base);
353
+ }
354
+ .pbe-lg {
355
+ padding-block-end: var(--size-lg);
356
+ }
357
+ .pbe-md {
358
+ padding-block-end: var(--size-md);
359
+ }
360
+ .pbe-sm {
361
+ padding-block-end: var(--size-sm);
362
+ }
363
+ .pbe-xl {
364
+ padding-block-end: var(--size-xl);
365
+ }
366
+ .pbe-xs {
367
+ padding-block-end: var(--size-xs);
368
+ }
369
+ .pbe-xxs {
370
+ padding-block-end: var(--size-xxs);
371
+ }
401
372
 
402
- .pis-0 {
403
- padding-inline-start: 0 !important;
404
- }
405
- .pis-3xl {
406
- padding-inline-start: var(--size-3xl) !important;
407
- }
408
- .pis-2xl {
409
- padding-inline-start: var(--size-2xl) !important;
410
- }
411
- .pis {
412
- padding-inline-start: var(--size-base) !important;
413
- }
414
- .pis-lg {
415
- padding-inline-start: var(--size-lg) !important;
416
- }
417
- .pis-md {
418
- padding-inline-start: var(--size-md) !important;
419
- }
420
- .pis-sm {
421
- padding-inline-start: var(--size-sm) !important;
422
- }
423
- .pis-xl {
424
- padding-inline-start: var(--size-xl) !important;
425
- }
426
- .pis-xs {
427
- padding-inline-start: var(--size-xs) !important;
428
- }
429
- .pis-xxs {
430
- padding-inline-start: var(--size-xxs) !important;
431
- }
373
+ .pi-0 {
374
+ padding-inline: 0;
375
+ }
376
+ .pi-3xl {
377
+ padding-inline: var(--size-3xl);
378
+ }
379
+ .pi-2xl {
380
+ padding-inline: var(--size-2xl);
381
+ }
382
+ .pi {
383
+ padding-inline: var(--size-base);
384
+ }
385
+ .pi-lg {
386
+ padding-inline: var(--size-lg);
387
+ }
388
+ .pi-md {
389
+ padding-inline: var(--size-md);
390
+ }
391
+ .pi-sm {
392
+ padding-inline: var(--size-sm);
393
+ }
394
+ .pi-xl {
395
+ padding-inline: var(--size-xl);
396
+ }
397
+ .pi-xs {
398
+ padding-inline: var(--size-xs);
399
+ }
400
+ .pi-xxs {
401
+ padding-inline: var(--size-xxs);
402
+ }
403
+
404
+ .pis-0 {
405
+ padding-inline-start: 0;
406
+ }
407
+ .pis-3xl {
408
+ padding-inline-start: var(--size-3xl);
409
+ }
410
+ .pis-2xl {
411
+ padding-inline-start: var(--size-2xl);
412
+ }
413
+ .pis {
414
+ padding-inline-start: var(--size-base);
415
+ }
416
+ .pis-lg {
417
+ padding-inline-start: var(--size-lg);
418
+ }
419
+ .pis-md {
420
+ padding-inline-start: var(--size-md);
421
+ }
422
+ .pis-sm {
423
+ padding-inline-start: var(--size-sm);
424
+ }
425
+ .pis-xl {
426
+ padding-inline-start: var(--size-xl);
427
+ }
428
+ .pis-xs {
429
+ padding-inline-start: var(--size-xs);
430
+ }
431
+ .pis-xxs {
432
+ padding-inline-start: var(--size-xxs);
433
+ }
434
+
435
+ .pie-0 {
436
+ padding-inline-end: 0;
437
+ }
438
+ .pie-3xl {
439
+ padding-inline-end: var(--size-3xl);
440
+ }
441
+ .pie-2xl {
442
+ padding-inline-end: var(--size-2xl);
443
+ }
444
+ .pie {
445
+ padding-inline-end: var(--size-base);
446
+ }
447
+ .pie-lg {
448
+ padding-inline-end: var(--size-lg);
449
+ }
450
+ .pie-md {
451
+ padding-inline-end: var(--size-md);
452
+ }
453
+ .pie-sm {
454
+ padding-inline-end: var(--size-sm);
455
+ }
456
+ .pie-xl {
457
+ padding-inline-end: var(--size-xl);
458
+ }
459
+ .pie-xs {
460
+ padding-inline-end: var(--size-xs);
461
+ }
462
+ .pie-xxs {
463
+ padding-inline-end: var(--size-xxs);
464
+ }
432
465
 
433
- .pie-0 {
434
- padding-inline-end: 0 !important;
435
- }
436
- .pie-3xl {
437
- padding-inline-end: var(--size-3xl) !important;
438
- }
439
- .pie-2xl {
440
- padding-inline-end: var(--size-2xl) !important;
441
- }
442
- .pie {
443
- padding-inline-end: var(--size-base) !important;
444
- }
445
- .pie-lg {
446
- padding-inline-end: var(--size-lg) !important;
447
- }
448
- .pie-md {
449
- padding-inline-end: var(--size-md) !important;
450
- }
451
- .pie-sm {
452
- padding-inline-end: var(--size-sm) !important;
453
- }
454
- .pie-xl {
455
- padding-inline-end: var(--size-xl) !important;
456
- }
457
- .pie-xs {
458
- padding-inline-end: var(--size-xs) !important;
459
- }
460
- .pie-xxs {
461
- padding-inline-end: var(--size-xxs) !important;
462
466
  }