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