@massimo-cassandro/minimo 1.21.2 → 1.21.3

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