@bagelink/vue 0.0.268 → 0.0.276

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 (49) hide show
  1. package/dist/components/Accordion.vue.d.ts +10 -0
  2. package/dist/components/Accordion.vue.d.ts.map +1 -0
  3. package/dist/components/AccordionItem.vue.d.ts +2 -0
  4. package/dist/components/AccordionItem.vue.d.ts.map +1 -1
  5. package/dist/components/Btn.vue.d.ts +3 -3
  6. package/dist/components/ComboBox.vue.d.ts +32 -0
  7. package/dist/components/ComboBox.vue.d.ts.map +1 -0
  8. package/dist/components/ModalForm.vue.d.ts.map +1 -1
  9. package/dist/components/Popover.vue.d.ts +10 -0
  10. package/dist/components/Popover.vue.d.ts.map +1 -0
  11. package/dist/components/Title.vue.d.ts +1 -1
  12. package/dist/components/form/BglField.vue.d.ts.map +1 -1
  13. package/dist/components/form/inputs/DateInput.vue.d.ts.map +1 -1
  14. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  15. package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
  16. package/dist/components/form/inputs/index.d.ts +0 -1
  17. package/dist/components/form/inputs/index.d.ts.map +1 -1
  18. package/dist/components/index.d.ts +3 -0
  19. package/dist/components/index.d.ts.map +1 -1
  20. package/dist/index.cjs +12380 -10473
  21. package/dist/index.mjs +12658 -10751
  22. package/dist/plugins/bagel.d.ts.map +1 -1
  23. package/dist/plugins/modal.d.ts +1 -1
  24. package/dist/plugins/modal.d.ts.map +1 -1
  25. package/dist/style.css +309 -277
  26. package/dist/types/BagelForm.d.ts +1 -1
  27. package/dist/types/BagelForm.d.ts.map +1 -1
  28. package/dist/utils/clickOutside.d.ts +7 -0
  29. package/dist/utils/clickOutside.d.ts.map +1 -0
  30. package/package.json +3 -2
  31. package/src/components/Accordion.vue +15 -0
  32. package/src/components/AccordionItem.vue +48 -24
  33. package/src/components/ComboBox.vue +132 -0
  34. package/src/components/ModalForm.vue +7 -35
  35. package/src/components/form/BglField.vue +22 -7
  36. package/src/components/form/BglFieldSet.vue +13 -0
  37. package/src/components/form/BglForm.vue +5 -22
  38. package/src/components/form/inputs/DateInput.vue +6 -2
  39. package/src/components/form/inputs/SelectInput.vue +2 -9
  40. package/src/components/form/inputs/TextInput.vue +12 -8
  41. package/src/components/form/inputs/index.ts +0 -1
  42. package/src/components/index.ts +3 -0
  43. package/src/plugins/bagel.ts +14 -2
  44. package/src/plugins/modal.ts +1 -1
  45. package/src/styles/layout.css +191 -188
  46. package/src/styles/text.css +40 -43
  47. package/src/types/BagelForm.ts +20 -20
  48. package/src/utils/clickOutside.ts +15 -0
  49. package/src/components/form/inputs/TextArea.vue +0 -81
package/src/styles/layout.css CHANGED
@@ -1,168 +1,167 @@
1
1
  .grid {
2
- display: grid;
2
+ display: grid;
3
3
  }
4
4
 
5
5
  .inline-grid {
6
- display: inline-grid;
6
+ display: inline-grid;
7
7
  }
8
8
 
9
9
  .fill {
10
- width: 100vw;
11
- height: 100vh;
10
+ width: 100vw;
11
+ height: 100vh;
12
12
  }
13
13
 
14
14
  .justify-items-center {
15
- justify-items: center;
15
+ justify-items: center;
16
16
  }
17
17
 
18
18
  .justify-content-center {
19
- justify-content: center;
19
+ justify-content: center;
20
20
  }
21
21
 
22
22
  .justify-content-start {
23
- justify-content: start;
23
+ justify-content: start;
24
24
  }
25
25
 
26
26
  .align-content-center {
27
- align-content: center;
27
+ align-content: center;
28
28
  }
29
29
 
30
30
  .align-items-top {
31
- align-items: flex-start !important;
31
+ align-items: flex-start !important;
32
32
  }
33
33
 
34
34
  .align-items-center {
35
- align-items: center;
35
+ align-items: center;
36
36
  }
37
37
 
38
38
  .row-gap-1 {
39
- row-gap: 0.2rem;
39
+ row-gap: 0.2rem;
40
40
  }
41
41
 
42
42
  .row-gap-2 {
43
- row-gap: 0.5rem;
43
+ row-gap: 0.5rem;
44
44
  }
45
45
 
46
46
  .row-gap-3 {
47
- row-gap: 1rem;
47
+ row-gap: 1rem;
48
48
  }
49
49
 
50
50
  .align-items-end {
51
- align-items: end !important;
51
+ align-items: end !important;
52
52
  }
53
53
 
54
54
  .fit-content {
55
- width: fit-content;
56
- height: fit-content;
55
+ width: fit-content;
56
+ height: fit-content;
57
57
  }
58
58
 
59
59
  .margin-auto {
60
- margin-left: auto;
61
- margin-right: auto;
60
+ margin-left: auto;
61
+ margin-right: auto;
62
62
  }
63
63
 
64
64
  .auto-flow-columns {
65
- grid-auto-flow: column;
65
+ grid-auto-flow: column;
66
66
  }
67
67
 
68
68
  .grid-2-col {
69
- grid-template-columns: 1fr 1fr;
69
+ grid-template-columns: 1fr 1fr;
70
70
  }
71
71
 
72
72
  .justify-content-between {
73
- justify-content: space-between;
73
+ justify-content: space-between;
74
74
  }
75
75
 
76
76
  .justify-self-start {
77
- justify-self: start;
77
+ justify-self: start;
78
78
  }
79
79
 
80
80
  .columns-max-content {
81
- grid-auto-columns: max-content;
81
+ grid-auto-columns: max-content;
82
82
  }
83
83
 
84
84
  .w-100 {
85
- width: 100%;
85
+ width: 100%;
86
86
  }
87
87
 
88
-
89
88
  .col-gap-1 {
90
- column-gap: 1rem;
89
+ column-gap: 1rem;
91
90
  }
92
91
 
93
92
  .col-gap-05 {
94
- column-gap: 0.5rem;
93
+ column-gap: 0.5rem;
95
94
  }
96
95
 
97
96
  .rows-max-content {
98
- grid-auto-rows: max-content;
97
+ grid-auto-rows: max-content;
99
98
  }
100
99
 
101
- .grid.overflow>* {
102
- min-width: 0px;
103
- overflow: auto;
100
+ .grid.overflow > * {
101
+ min-width: 0px;
102
+ overflow: auto;
104
103
  }
105
104
 
106
105
  .ps-1 {
107
- padding-left: 1rem;
106
+ padding-left: 1rem;
108
107
  }
109
108
 
110
109
  .justify-content-around {
111
- justify-content: space-between;
110
+ justify-content: space-between;
112
111
  }
113
112
 
114
113
  .justify-content-end {
115
- justify-content: end;
114
+ justify-content: end;
116
115
  }
117
116
 
118
117
  .justify-self-end {
119
- justify-self: end;
118
+ justify-self: end;
120
119
  }
121
120
 
122
121
  .justify-self-center {
123
- justify-self: center;
122
+ justify-self: center;
124
123
  }
125
124
 
126
125
  .position-right {
127
- position: absolute;
128
- top: 0px;
129
- right: 0px;
126
+ position: absolute;
127
+ top: 0px;
128
+ right: 0px;
130
129
  }
131
130
 
132
131
  .position-absolute {
133
- position: absolute;
132
+ position: absolute;
134
133
  }
135
134
 
136
135
  .position-relative {
137
- position: relative;
136
+ position: relative;
138
137
  }
139
138
 
140
139
  .auto-flow-rows {
141
- grid-auto-flow: row;
140
+ grid-auto-flow: row;
142
141
  }
143
142
 
144
143
  .align-items-start {
145
- align-items: start !important;
144
+ align-items: start !important;
146
145
  }
147
146
 
148
147
  .align-self-end {
149
- align-self: end;
148
+ align-self: end;
150
149
  }
151
150
 
152
151
  .h-100 {
153
- height: 100%;
152
+ height: 100%;
154
153
  }
155
154
 
156
155
  .vh-100 {
157
- height: 100vh;
156
+ height: 100vh;
158
157
  }
159
158
 
160
159
  .min-100 {
161
- min-height: 100%;
160
+ min-height: 100%;
162
161
  }
163
162
 
164
163
  .w-100 {
165
- width: 100%;
164
+ width: 100%;
166
165
  }
167
166
 
168
167
  .w300,
@@ -174,519 +173,523 @@
174
173
  .w600,
175
174
  .w650,
176
175
  .w700 {
177
- margin-left: auto;
178
- margin-right: auto;
179
- width: 98%;
176
+ margin-left: auto;
177
+ margin-right: auto;
178
+ width: 98%;
180
179
  }
181
180
 
182
181
  .w300 {
183
- max-width: 300px;
182
+ max-width: 300px;
184
183
  }
185
184
 
186
185
  .w350 {
187
- max-width: 350px;
186
+ max-width: 350px;
188
187
  }
189
188
 
190
189
  .w400 {
191
- max-width: 400px;
190
+ max-width: 400px;
192
191
  }
193
192
 
194
193
  .w450 {
195
- max-width: 450px;
194
+ max-width: 450px;
196
195
  }
197
196
 
198
197
  .w500 {
199
- max-width: 500px;
198
+ max-width: 500px;
200
199
  }
201
200
 
202
201
  .w550 {
203
- max-width: 550px;
202
+ max-width: 550px;
204
203
  }
205
204
 
206
205
  .w600 {
207
- max-width: 600px;
206
+ max-width: 600px;
208
207
  }
209
208
 
210
209
  .w650 {
211
- max-width: 650px;
210
+ max-width: 650px;
212
211
  }
213
212
 
214
213
  .w650 {
215
- max-width: 700px;
214
+ max-width: 700px;
216
215
  }
217
216
 
218
217
  .gap-1 {
219
- gap: 0.25rem;
218
+ gap: 0.25rem;
220
219
  }
221
220
 
222
221
  .gap-2 {
223
- gap: 0.5rem;
222
+ gap: 0.5rem;
224
223
  }
225
224
 
226
225
  .gap-3 {
227
- gap: 1rem;
226
+ gap: 1rem;
228
227
  }
229
228
 
230
229
  .gap-col-1 {
231
- column-gap: 0.25rem;
230
+ column-gap: 0.25rem;
232
231
  }
233
232
 
234
233
  .gap-col-2 {
235
- column-gap: 0.5rem;
234
+ column-gap: 0.5rem;
236
235
  }
237
236
 
238
237
  .gap-col-3 {
239
- column-gap: 1rem;
238
+ column-gap: 1rem;
240
239
  }
241
240
 
242
241
  .gap-row-1 {
243
- row-gap: 0.25rem;
242
+ row-gap: 0.25rem;
244
243
  }
245
244
 
246
245
  .gap-row-2 {
247
- row-gap: 0.5rem;
246
+ row-gap: 0.5rem;
248
247
  }
249
248
 
250
249
  .gap-row-3 {
251
- row-gap: 1rem;
250
+ row-gap: 1rem;
252
251
  }
253
252
 
254
253
  .flex-wrap {
255
- flex-wrap: wrap;
254
+ flex-wrap: wrap;
255
+ }
256
+
257
+ .column {
258
+ flex-direction: column;
259
+ }
260
+
261
+ .row {
262
+ flex-direction: row;
256
263
  }
257
264
 
258
265
  .flex-grow {
259
- flex-grow: 1;
266
+ flex-grow: 1;
260
267
  }
261
268
 
262
269
  .flex-shrink {
263
- flex-shrink: 1;
270
+ flex-shrink: 1;
264
271
  }
265
272
 
266
273
  .flex-2-col {
267
- max-width: 50%;
268
- flex: 1 1 calc(50% - 2rem);
274
+ max-width: 50%;
275
+ flex: 1 1 calc(50% - 2rem);
269
276
  }
270
277
 
271
278
  .flex-3-col {
272
- flex: 1 1 33.33333%;
279
+ flex: 1 1 33.33333%;
273
280
  }
274
281
 
275
282
  .mb-auto {
276
- margin-bottom: auto !important;
283
+ margin-bottom: auto !important;
277
284
  }
278
285
 
279
286
  .mb-0 {
280
- margin-bottom: 0rem !important;
287
+ margin-bottom: 0rem !important;
281
288
  }
282
289
 
283
290
  .mb-025 {
284
- margin-bottom: 0.25rem !important;
291
+ margin-bottom: 0.25rem !important;
285
292
  }
286
293
 
287
294
  .mb-05 {
288
- margin-bottom: 0.5rem !important;
295
+ margin-bottom: 0.5rem !important;
289
296
  }
290
297
 
291
298
  .mb-075 {
292
- margin-bottom: 0.75rem !important;
299
+ margin-bottom: 0.75rem !important;
293
300
  }
294
301
 
295
302
  .mb-1 {
296
- margin-bottom: 1rem !important;
303
+ margin-bottom: 1rem !important;
297
304
  }
298
305
 
299
306
  .mb-2 {
300
- margin-bottom: 2rem !important;
307
+ margin-bottom: 2rem !important;
301
308
  }
302
309
 
303
310
  .mb-3 {
304
- margin-bottom: 3rem !important;
311
+ margin-bottom: 3rem !important;
305
312
  }
306
313
 
307
314
  .mb-4 {
308
- margin-bottom: 4rem !important;
315
+ margin-bottom: 4rem !important;
309
316
  }
310
317
 
311
318
  .mt-auto {
312
- margin-top: auto !important;
319
+ margin-top: auto !important;
313
320
  }
314
321
 
315
322
  .mt-0 {
316
- margin-top: 0rem !important;
323
+ margin-top: 0rem !important;
317
324
  }
318
325
 
319
326
  .mt-025 {
320
- margin-top: 0.25rem !important;
327
+ margin-top: 0.25rem !important;
321
328
  }
322
329
 
323
330
  .mt-05 {
324
- margin-top: 0.5rem !important;
331
+ margin-top: 0.5rem !important;
325
332
  }
326
333
 
327
334
  .mt-075 {
328
- margin-top: 0.75rem !important;
335
+ margin-top: 0.75rem !important;
329
336
  }
330
337
 
331
338
  .mt-1 {
332
- margin-top: 1rem !important;
339
+ margin-top: 1rem !important;
333
340
  }
334
341
 
335
342
  .mt-2 {
336
- margin-top: 2rem !important;
343
+ margin-top: 2rem !important;
337
344
  }
338
345
 
339
346
  .mt-3 {
340
- margin-top: 3rem !important;
347
+ margin-top: 3rem !important;
341
348
  }
342
349
 
343
350
  .mt-4 {
344
- margin-top: 4rem !important;
351
+ margin-top: 4rem !important;
345
352
  }
346
353
 
347
354
  .ms-auto {
348
- margin-inline-start: auto !important;
355
+ margin-inline-start: auto !important;
349
356
  }
350
357
 
351
358
  .ms-0 {
352
- margin-inline-start: 0rem !important;
359
+ margin-inline-start: 0rem !important;
353
360
  }
354
361
 
355
362
  .ms-025 {
356
- margin-inline-start: 0.25rem !important;
363
+ margin-inline-start: 0.25rem !important;
357
364
  }
358
365
 
359
366
  .ms-05 {
360
- margin-inline-start: 0.5rem !important;
367
+ margin-inline-start: 0.5rem !important;
361
368
  }
362
369
 
363
370
  .ms-075 {
364
- margin-inline-start: 0.75rem !important;
371
+ margin-inline-start: 0.75rem !important;
365
372
  }
366
373
 
367
374
  .ms-1 {
368
- margin-inline-start: 1rem !important;
375
+ margin-inline-start: 1rem !important;
369
376
  }
370
377
 
371
378
  .ms-2 {
372
- margin-inline-start: 2rem !important;
379
+ margin-inline-start: 2rem !important;
373
380
  }
374
381
 
375
382
  .ms-3 {
376
- margin-inline-start: 3rem !important;
383
+ margin-inline-start: 3rem !important;
377
384
  }
378
385
 
379
386
  .ms-4 {
380
- margin-inline-start: 4rem !important;
387
+ margin-inline-start: 4rem !important;
381
388
  }
382
389
 
383
390
  .me-auto {
384
- margin-inline-end: auto !important;
391
+ margin-inline-end: auto !important;
385
392
  }
386
393
 
387
394
  .me-0 {
388
- margin-inline-end: 0rem !important;
395
+ margin-inline-end: 0rem !important;
389
396
  }
390
397
 
391
398
  .me-025 {
392
- margin-inline-end: 0.25rem !important;
399
+ margin-inline-end: 0.25rem !important;
393
400
  }
394
401
 
395
402
  .me-05 {
396
- margin-inline-end: 0.5rem !important;
403
+ margin-inline-end: 0.5rem !important;
397
404
  }
398
405
 
399
406
  .me-075 {
400
- margin-inline-end: 0.75rem !important;
407
+ margin-inline-end: 0.75rem !important;
401
408
  }
402
409
 
403
410
  .me-1 {
404
- margin-inline-end: 1rem !important;
411
+ margin-inline-end: 1rem !important;
405
412
  }
406
413
 
407
414
  .me-2 {
408
- margin-inline-end: 2rem !important;
415
+ margin-inline-end: 2rem !important;
409
416
  }
410
417
 
411
418
  .me-3 {
412
- margin-inline-end: 3rem !important;
419
+ margin-inline-end: 3rem !important;
413
420
  }
414
421
 
415
422
  .me-4 {
416
- margin-inline-end: 4rem !important;
423
+ margin-inline-end: 4rem !important;
417
424
  }
418
425
 
419
-
420
426
  .-mb-025 {
421
- margin-bottom: -0.25rem !important;
427
+ margin-bottom: -0.25rem !important;
422
428
  }
423
429
 
424
430
  .-mb-05 {
425
- margin-bottom: -0.5rem !important;
431
+ margin-bottom: -0.5rem !important;
426
432
  }
427
433
 
428
434
  .-mb-075 {
429
- margin-bottom: -0.75rem !important;
435
+ margin-bottom: -0.75rem !important;
430
436
  }
431
437
 
432
438
  .-mb-1 {
433
- margin-bottom: -1rem !important;
439
+ margin-bottom: -1rem !important;
434
440
  }
435
441
 
436
442
  .-mb-2 {
437
- margin-bottom: -2rem !important;
443
+ margin-bottom: -2rem !important;
438
444
  }
439
445
 
440
446
  .-mb-3 {
441
- margin-bottom: -3rem !important;
447
+ margin-bottom: -3rem !important;
442
448
  }
443
449
 
444
450
  .-mb-4 {
445
- margin-bottom: -4rem !important;
451
+ margin-bottom: -4rem !important;
446
452
  }
447
453
 
448
454
  .-mt-025 {
449
- margin-top: -0.25rem !important;
455
+ margin-top: -0.25rem !important;
450
456
  }
451
457
 
452
458
  .-mt-05 {
453
- margin-top: -0.5rem !important;
459
+ margin-top: -0.5rem !important;
454
460
  }
455
461
 
456
462
  .-mt-075 {
457
- margin-top: 0.75rem !important;
463
+ margin-top: 0.75rem !important;
458
464
  }
459
465
 
460
466
  .-mt-1 {
461
- margin-top: -1rem !important;
467
+ margin-top: -1rem !important;
462
468
  }
463
469
 
464
470
  .-mt-2 {
465
- margin-top: -2rem !important;
471
+ margin-top: -2rem !important;
466
472
  }
467
473
 
468
474
  .-mt-3 {
469
- margin-top: -3rem !important;
475
+ margin-top: -3rem !important;
470
476
  }
471
477
 
472
478
  .-mt-4 {
473
- margin-top: -4rem !important;
479
+ margin-top: -4rem !important;
474
480
  }
475
481
 
476
482
  .-ms-025 {
477
- margin-inline-start: -0.25rem !important;
483
+ margin-inline-start: -0.25rem !important;
478
484
  }
479
485
 
480
486
  .-ms-05 {
481
- margin-inline-start: -0.5rem !important;
487
+ margin-inline-start: -0.5rem !important;
482
488
  }
483
489
 
484
490
  .-ms-075 {
485
- margin-inline-start: -0.75rem !important;
491
+ margin-inline-start: -0.75rem !important;
486
492
  }
487
493
 
488
494
  .-ms-1 {
489
- margin-inline-start: -1rem !important;
495
+ margin-inline-start: -1rem !important;
490
496
  }
491
497
 
492
498
  .-ms-2 {
493
- margin-inline-start: -2rem !important;
499
+ margin-inline-start: -2rem !important;
494
500
  }
495
501
 
496
502
  .-ms-3 {
497
- margin-inline-start: -3rem !important;
503
+ margin-inline-start: -3rem !important;
498
504
  }
499
505
 
500
506
  .-ms-4 {
501
- margin-inline-start: -4rem !important;
507
+ margin-inline-start: -4rem !important;
502
508
  }
503
509
 
504
-
505
510
  .-me-025 {
506
- margin-inline-end: -0.25rem !important;
511
+ margin-inline-end: -0.25rem !important;
507
512
  }
508
513
 
509
514
  .-me-05 {
510
- margin-inline-end: -0.5rem !important;
515
+ margin-inline-end: -0.5rem !important;
511
516
  }
512
517
 
513
518
  .-me-075 {
514
- margin-inline-end: -0.75rem !important;
519
+ margin-inline-end: -0.75rem !important;
515
520
  }
516
521
 
517
522
  .-me-1 {
518
- margin-inline-end: -1rem !important;
523
+ margin-inline-end: -1rem !important;
519
524
  }
520
525
 
521
526
  .-me-2 {
522
- margin-inline-end: -2rem !important;
527
+ margin-inline-end: -2rem !important;
523
528
  }
524
529
 
525
530
  .-me-3 {
526
- margin-inline-end: -3rem !important;
531
+ margin-inline-end: -3rem !important;
527
532
  }
528
533
 
529
534
  .-me-4 {
530
- margin-inline-end: -4rem !important;
535
+ margin-inline-end: -4rem !important;
531
536
  }
532
537
 
533
-
534
538
  .pb-0 {
535
- padding-bottom: 0rem !important;
539
+ padding-bottom: 0rem !important;
536
540
  }
537
541
 
538
542
  .pb-1 {
539
- padding-bottom: 1rem !important;
543
+ padding-bottom: 1rem !important;
540
544
  }
541
545
 
542
546
  .pb-2 {
543
- padding-bottom: 2rem !important;
547
+ padding-bottom: 2rem !important;
544
548
  }
545
549
 
546
550
  .pb-3 {
547
- padding-bottom: 3rem !important;
551
+ padding-bottom: 3rem !important;
548
552
  }
549
553
 
550
554
  .pb-4 {
551
- padding-bottom: 4rem !important;
555
+ padding-bottom: 4rem !important;
552
556
  }
553
557
 
554
558
  .pb-075 {
555
- padding-bottom: 0.75rem !important;
559
+ padding-bottom: 0.75rem !important;
556
560
  }
557
561
 
558
562
  .pb-05 {
559
- padding-bottom: 0.5rem !important;
563
+ padding-bottom: 0.5rem !important;
560
564
  }
561
565
 
562
566
  .pb-025 {
563
- padding-bottom: 0.25rem !important;
567
+ padding-bottom: 0.25rem !important;
564
568
  }
565
569
 
566
570
  .pt-0 {
567
- padding-top: 0rem !important;
571
+ padding-top: 0rem !important;
568
572
  }
569
573
 
570
574
  .pt-1 {
571
- padding-top: 1rem !important;
575
+ padding-top: 1rem !important;
572
576
  }
573
577
 
574
578
  .pt-2 {
575
- padding-top: 2rem !important;
579
+ padding-top: 2rem !important;
576
580
  }
577
581
 
578
582
  .pt-3 {
579
- padding-top: 3rem !important;
583
+ padding-top: 3rem !important;
580
584
  }
581
585
 
582
586
  .pt-4 {
583
- padding-top: 4rem !important;
587
+ padding-top: 4rem !important;
584
588
  }
585
589
 
586
590
  .pt-075 {
587
- padding-top: 0.75rem !important;
591
+ padding-top: 0.75rem !important;
588
592
  }
589
593
 
590
594
  .pt-05 {
591
- padding-top: 0.5rem !important;
595
+ padding-top: 0.5rem !important;
592
596
  }
593
597
 
594
598
  .pt-025 {
595
- padding-top: 0.25rem !important;
599
+ padding-top: 0.25rem !important;
596
600
  }
597
601
 
598
602
  .ps-0 {
599
- padding-inline-start: 0rem !important;
603
+ padding-inline-start: 0rem !important;
600
604
  }
601
605
 
602
606
  .ps-1 {
603
- padding-inline-start: 1rem !important;
607
+ padding-inline-start: 1rem !important;
604
608
  }
605
609
 
606
610
  .ps-2 {
607
- padding-inline-start: 2rem !important;
611
+ padding-inline-start: 2rem !important;
608
612
  }
609
613
 
610
614
  .ps-3 {
611
- padding-inline-start: 3rem !important;
615
+ padding-inline-start: 3rem !important;
612
616
  }
613
617
 
614
618
  .ps-4 {
615
- padding-inline-start: 4rem !important;
619
+ padding-inline-start: 4rem !important;
616
620
  }
617
621
 
618
622
  .ps-075 {
619
- padding-inline-start: 0.75rem !important;
623
+ padding-inline-start: 0.75rem !important;
620
624
  }
621
625
 
622
626
  .ps-05 {
623
- padding-inline-start: 0.5rem !important;
627
+ padding-inline-start: 0.5rem !important;
624
628
  }
625
629
 
626
630
  .ps-025 {
627
- padding-inline-start: 0.25rem !important;
631
+ padding-inline-start: 0.25rem !important;
628
632
  }
629
633
 
630
634
  .pe-0 {
631
- padding-inline-end: 0rem !important;
635
+ padding-inline-end: 0rem !important;
632
636
  }
633
637
 
634
638
  .pe-1 {
635
- padding-inline-end: 1rem !important;
639
+ padding-inline-end: 1rem !important;
636
640
  }
637
641
 
638
642
  .pe-2 {
639
- padding-inline-end: 2rem !important;
643
+ padding-inline-end: 2rem !important;
640
644
  }
641
645
 
642
646
  .pe-3 {
643
- padding-inline-end: 3rem !important;
647
+ padding-inline-end: 3rem !important;
644
648
  }
645
649
 
646
650
  .pe-4 {
647
- padding-inline-end: 4rem !important;
651
+ padding-inline-end: 4rem !important;
648
652
  }
649
653
 
650
654
  .pe-075 {
651
- padding-inline-end: 0.75rem !important;
655
+ padding-inline-end: 0.75rem !important;
652
656
  }
653
657
 
654
658
  .pe-05 {
655
- padding-inline-end: 0.5rem !important;
659
+ padding-inline-end: 0.5rem !important;
656
660
  }
657
661
 
658
662
  .pe-025 {
659
- padding-inline-end: 0.25rem !important;
663
+ padding-inline-end: 0.25rem !important;
660
664
  }
661
665
 
662
-
663
666
  .flex {
664
- display: flex;
665
- align-items: center;
667
+ display: flex;
668
+ align-items: center;
666
669
  }
667
670
 
668
671
  .flex-stretch {
669
- display: flex;
670
- align-items: stretch;
672
+ display: flex;
673
+ align-items: stretch;
671
674
  }
672
675
 
673
676
  .flex-wrap {
674
- flex-wrap: wrap;
677
+ flex-wrap: wrap;
675
678
  }
676
679
 
677
680
  .flex-end {
678
- justify-content: flex-end;
681
+ justify-content: flex-end;
679
682
  }
680
683
 
681
684
  .space-between {
682
- justify-content: space-between;
685
+ justify-content: space-between;
683
686
  }
684
687
 
685
688
  label,
686
689
  .label {
687
- display: block;
688
- font-size: var(--label-font-size);
689
- margin-bottom: 2px;
690
- line-height: 1.3;
691
- color: var(--label-color);
692
- }
690
+ display: block;
691
+ font-size: var(--label-font-size);
692
+ margin-bottom: 2px;
693
+ line-height: 1.3;
694
+ color: var(--label-color);
695
+ }