@unifiedsoftware/styles 1.0.8 → 1.0.10

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 (17) hide show
  1. package/css/styles.css +534 -38
  2. package/css/styles.min.css +1 -1
  3. package/css/theme-default.css +94 -0
  4. package/css/theme-default.min.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/_utilities.scss +53 -2
  7. package/scss/components/_accordion.scss +42 -0
  8. package/scss/components/_button.scss +5 -0
  9. package/scss/components/_card.scss +34 -0
  10. package/scss/components/_index.scss +6 -0
  11. package/scss/components/_list.scss +119 -0
  12. package/scss/components/_scroll-area.scss +21 -0
  13. package/scss/mixins/_overlay.scss +1 -4
  14. package/scss/themes/default/components/_button.scss +29 -2
  15. package/scss/themes/default/components/_card.scss +20 -0
  16. package/scss/themes/default/components/_index.scss +3 -0
  17. package/scss/themes/default/components/_list.scss +62 -0
package/css/styles.css CHANGED
@@ -16,12 +16,11 @@
16
16
  color: var(--us-overlay-color);
17
17
  opacity: var(--us-overlay-opacity);
18
18
  background-color: currentColor;
19
- transition: opacity 15ms linear, background-color 15ms linear;
19
+ transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
20
20
  }
21
21
  .us-toolbar:hover > .us-overlay {
22
22
  color: var(--us-_hover-overlay-color, var(--us-overlay-color));
23
23
  opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
24
- transition: opacity 30ms linear;
25
24
  }
26
25
  .us-toolbar:active > .us-overlay {
27
26
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
@@ -80,12 +79,11 @@
80
79
  color: var(--us-overlay-color);
81
80
  opacity: var(--us-overlay-opacity);
82
81
  background-color: currentColor;
83
- transition: opacity 15ms linear, background-color 15ms linear;
82
+ transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
84
83
  }
85
84
  .us-badge:hover > .us-overlay {
86
85
  color: var(--us-_hover-overlay-color, var(--us-overlay-color));
87
86
  opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
88
- transition: opacity 30ms linear;
89
87
  }
90
88
  .us-badge:active > .us-overlay {
91
89
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
@@ -151,12 +149,11 @@
151
149
  color: var(--us-overlay-color);
152
150
  opacity: var(--us-overlay-opacity);
153
151
  background-color: currentColor;
154
- transition: opacity 15ms linear, background-color 15ms linear;
152
+ transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
155
153
  }
156
154
  .us-chip:hover > .us-overlay {
157
155
  color: var(--us-_hover-overlay-color, var(--us-overlay-color));
158
156
  opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
159
- transition: opacity 30ms linear;
160
157
  }
161
158
  .us-chip:active > .us-overlay {
162
159
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
@@ -184,6 +181,7 @@
184
181
  color: var(--us-button-color);
185
182
  background-color: var(--us-button-background);
186
183
  display: inline-flex;
184
+ justify-content: center;
187
185
  align-items: center;
188
186
  gap: var(--us-button-gap);
189
187
  user-select: none;
@@ -200,12 +198,11 @@
200
198
  color: var(--us-overlay-color);
201
199
  opacity: var(--us-overlay-opacity);
202
200
  background-color: currentColor;
203
- transition: opacity 15ms linear, background-color 15ms linear;
201
+ transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
204
202
  }
205
203
  .us-button:hover > .us-overlay {
206
204
  color: var(--us-_hover-overlay-color, var(--us-overlay-color));
207
205
  opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
208
- transition: opacity 30ms linear;
209
206
  }
210
207
  .us-button:active > .us-overlay {
211
208
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
@@ -218,6 +215,9 @@
218
215
  overflow: hidden;
219
216
  border: var(--us-outline-border-width) solid var(--us-outline-border-color);
220
217
  }
218
+ .us-button--block {
219
+ width: 100%;
220
+ }
221
221
  .us-button--disabled {
222
222
  opacity: 0.6;
223
223
  pointer-events: none;
@@ -242,6 +242,21 @@
242
242
  align-items: center;
243
243
  }
244
244
 
245
+ .us-scroll-area::-webkit-scrollbar {
246
+ width: 12px;
247
+ }
248
+ .us-scroll-area::-webkit-scrollbar-track {
249
+ box-shadow: inset 0 0 0px 2px #fff;
250
+ }
251
+ .us-scroll-area::-webkit-scrollbar-thumb {
252
+ background-color: #ccd2d9;
253
+ box-shadow: inset 0 0 0px 2px #fff;
254
+ border-radius: 6px;
255
+ }
256
+ .us-scroll-area--vertical {
257
+ overflow-y: auto;
258
+ }
259
+
245
260
  .us-backdrop {
246
261
  position: fixed;
247
262
  top: 0;
@@ -381,6 +396,170 @@
381
396
  }
382
397
  }
383
398
 
399
+ .us-accordion-item {
400
+ border-bottom: 1px solid #e6e6e6;
401
+ }
402
+ .us-accordion-item:last-child {
403
+ border-bottom: none;
404
+ }
405
+ .us-accordion-header {
406
+ padding: 0.75rem 1rem;
407
+ cursor: pointer;
408
+ display: flex;
409
+ align-items: center;
410
+ gap: 1rem;
411
+ }
412
+ .us-accordion-header__content {
413
+ flex-grow: 1;
414
+ }
415
+ .us-accordion-header__start-content, .us-accordion-header__end-content {
416
+ flex-shrink: 0;
417
+ }
418
+ .us-accordion-header__title {
419
+ font-size: 0.875rem;
420
+ font-weight: 500;
421
+ }
422
+ .us-accordion-header__subtitle {
423
+ font-size: 0.75rem;
424
+ opacity: 0.75;
425
+ }
426
+ .us-accordion-panel {
427
+ padding: 1rem;
428
+ }
429
+
430
+ .us-list {
431
+ margin: 0;
432
+ padding: var(--us-list-padding-y) var(--us-list-padding-x);
433
+ color: var(--us-list-color);
434
+ background-color: var(--us-list-background);
435
+ }
436
+ .us-list-item {
437
+ position: relative;
438
+ height: var(--us-list-item-height);
439
+ padding: var(--us-list-item-padding-y) var(--us-list-item-padding-x);
440
+ font-size: var(--us-list-item-font-size);
441
+ font-weight: var(--us-list-item-font-weight);
442
+ border-radius: var(--us-list-item-border-radius);
443
+ text-decoration: none;
444
+ display: flex;
445
+ align-items: center;
446
+ color: var(--us-list-item-color);
447
+ background-color: var(--us-list-item-background);
448
+ -webkit-tap-highlight-color: transparent;
449
+ gap: var(--us-list-item-gap);
450
+ }
451
+ .us-list-item:hover {
452
+ text-decoration: none;
453
+ }
454
+ .us-list-item > .us-overlay {
455
+ position: absolute;
456
+ inset: 0px;
457
+ border-radius: inherit;
458
+ overflow: hidden;
459
+ color: var(--us-overlay-color);
460
+ opacity: var(--us-overlay-opacity);
461
+ background-color: currentColor;
462
+ transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
463
+ }
464
+ .us-list-item:hover > .us-overlay {
465
+ color: var(--us-_hover-overlay-color, var(--us-overlay-color));
466
+ opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
467
+ }
468
+ .us-list-item:active > .us-overlay {
469
+ color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
470
+ opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
471
+ }
472
+ .us-list-item--hoverable {
473
+ cursor: pointer;
474
+ user-select: none;
475
+ }
476
+ .us-list-item--disabled {
477
+ opacity: 0.6;
478
+ pointer-events: none;
479
+ }
480
+ .us-list-item__start-content, .us-list-item__end-content {
481
+ flex-shrink: 0;
482
+ z-index: 1;
483
+ display: flex;
484
+ justify-content: center;
485
+ align-items: center;
486
+ gap: calc(var(--us-list-item-gap) * 0.5);
487
+ }
488
+ .us-list-item__start-content .us-icon, .us-list-item__end-content .us-icon {
489
+ --us-icon-font-size: var(--us-list-item-icon-font-size);
490
+ --us-icon-color: var(--us-list-item-icon-color);
491
+ }
492
+ .us-list-item__content {
493
+ flex-grow: 1;
494
+ z-index: 1;
495
+ display: grid;
496
+ overflow: hidden;
497
+ }
498
+ .us-list-item__title {
499
+ overflow: hidden;
500
+ display: -webkit-box;
501
+ -webkit-box-orient: vertical;
502
+ -webkit-line-clamp: 1;
503
+ }
504
+ .us-list-subheader {
505
+ position: relative;
506
+ height: var(--us-list-subheader-height);
507
+ padding: var(--us-list-subheader-padding-y) var(--us-list-subheader-padding-x);
508
+ font-size: var(--us-list-subheader-font-size);
509
+ font-weight: var(--us-list-subheader-font-weight);
510
+ text-decoration: none;
511
+ border-bottom: var(--us-list-subheader-border-width) solid var(--us-list-subheader-border-color);
512
+ border-radius: var(--us-list-subheader-border-radius);
513
+ display: flex;
514
+ align-items: center;
515
+ color: var(--us-list-subheader-color);
516
+ background-color: var(--us-list-subheader-background);
517
+ gap: var(--us-list-subheader-gap);
518
+ }
519
+ .us-list-subheader:hover {
520
+ text-decoration: none;
521
+ }
522
+ .us-list-subheader > .us-overlay {
523
+ position: absolute;
524
+ inset: 0px;
525
+ border-radius: inherit;
526
+ overflow: hidden;
527
+ color: var(--us-overlay-color);
528
+ opacity: var(--us-overlay-opacity);
529
+ background-color: currentColor;
530
+ transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
531
+ }
532
+ .us-list-subheader:hover > .us-overlay {
533
+ color: var(--us-_hover-overlay-color, var(--us-overlay-color));
534
+ opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
535
+ }
536
+ .us-list-subheader:active > .us-overlay {
537
+ color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
538
+ opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
539
+ }
540
+ .us-list-subheader__icon {
541
+ flex-shrink: 0;
542
+ z-index: 1;
543
+ display: flex;
544
+ justify-content: center;
545
+ align-items: center;
546
+ }
547
+ .us-list-subheader__content {
548
+ flex-grow: 1;
549
+ z-index: 1;
550
+ display: grid;
551
+ overflow: hidden;
552
+ }
553
+ .us-list-subheader__title {
554
+ overflow: hidden;
555
+ display: -webkit-box;
556
+ -webkit-box-orient: vertical;
557
+ -webkit-line-clamp: 1;
558
+ }
559
+ .us-list-group .us-list {
560
+ --us-list-background: var(--us-list-group-background);
561
+ }
562
+
384
563
  .us-menu {
385
564
  margin: 0;
386
565
  padding: var(--us-menu-padding-y) var(--us-menu-padding-x);
@@ -415,12 +594,11 @@
415
594
  color: var(--us-overlay-color);
416
595
  opacity: var(--us-overlay-opacity);
417
596
  background-color: currentColor;
418
- transition: opacity 15ms linear, background-color 15ms linear;
597
+ transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
419
598
  }
420
599
  .us-menu-item:hover > .us-overlay {
421
600
  color: var(--us-_hover-overlay-color, var(--us-overlay-color));
422
601
  opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
423
- transition: opacity 30ms linear;
424
602
  }
425
603
  .us-menu-item:active > .us-overlay {
426
604
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
@@ -482,12 +660,11 @@
482
660
  color: var(--us-overlay-color);
483
661
  opacity: var(--us-overlay-opacity);
484
662
  background-color: currentColor;
485
- transition: opacity 15ms linear, background-color 15ms linear;
663
+ transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
486
664
  }
487
665
  .us-menu-group:hover > .us-overlay {
488
666
  color: var(--us-_hover-overlay-color, var(--us-overlay-color));
489
667
  opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
490
- transition: opacity 30ms linear;
491
668
  }
492
669
  .us-menu-group:active > .us-overlay {
493
670
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
@@ -573,12 +750,11 @@
573
750
  color: var(--us-overlay-color);
574
751
  opacity: var(--us-overlay-opacity);
575
752
  background-color: currentColor;
576
- transition: opacity 15ms linear, background-color 15ms linear;
753
+ transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
577
754
  }
578
755
  .us-tab:hover > .us-overlay {
579
756
  color: var(--us-_hover-overlay-color, var(--us-overlay-color));
580
757
  opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
581
- transition: opacity 30ms linear;
582
758
  }
583
759
  .us-tab:active > .us-overlay {
584
760
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
@@ -611,6 +787,33 @@
611
787
  opacity: 1;
612
788
  }
613
789
 
790
+ .us-card {
791
+ border: var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color);
792
+ border-radius: var(--us-card-border-radius);
793
+ }
794
+ .us-card-header {
795
+ padding: var(--us-card-header-padding-y) var(--us-card-header-padding-x);
796
+ display: flex;
797
+ align-items: center;
798
+ gap: var(--us-card-header-gap);
799
+ }
800
+ .us-card-header__start-content, .us-card-header__end-content {
801
+ flex-shrink: 0;
802
+ }
803
+ .us-card-header__content {
804
+ flex-grow: 1;
805
+ }
806
+ .us-card-header__title {
807
+ font-size: var(--us-card-header-title-font-size);
808
+ font-weight: var(--us-card-header-title-font-weight);
809
+ line-height: var(--us-card-header-title-line-height);
810
+ }
811
+ .us-card-header__subtitle {
812
+ font-size: var(--us-card-header-subtitle-font-size);
813
+ font-weight: var(--us-card-header-subtitle-font-weight);
814
+ line-height: var(--us-card-header-subtitle-line-height);
815
+ }
816
+
614
817
  .us-animation-spin {
615
818
  animation: us-animation-spin 1s linear infinite;
616
819
  transform-origin: center center;
@@ -650,6 +853,30 @@
650
853
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
651
854
  }
652
855
  }
856
+ .us-w-full {
857
+ width: 100%;
858
+ }
859
+
860
+ .us-w-screen {
861
+ width: 100vh;
862
+ }
863
+
864
+ .us-h-full {
865
+ height: 100%;
866
+ }
867
+
868
+ .us-h-screen {
869
+ height: 100dvh;
870
+ }
871
+
872
+ .us-overflow-auto {
873
+ overflow: auto;
874
+ }
875
+
876
+ .us-overflow-hidden {
877
+ overflow: hidden;
878
+ }
879
+
653
880
  .us-d-block {
654
881
  display: block;
655
882
  }
@@ -702,22 +929,66 @@
702
929
  flex-wrap: wrap-reverse;
703
930
  }
704
931
 
705
- .us-flex-grow-0 {
932
+ .us-grow-0 {
706
933
  flex-grow: 0;
707
934
  }
708
935
 
709
- .us-flex-grow-1 {
936
+ .us-grow-1 {
710
937
  flex-grow: 1;
711
938
  }
712
939
 
713
- .us-flex-shrink-0 {
940
+ .us-shrink-0 {
714
941
  flex-shrink: 0;
715
942
  }
716
943
 
717
- .us-flex-shrink-1 {
944
+ .us-shrink-1 {
718
945
  flex-shrink: 1;
719
946
  }
720
947
 
948
+ .us-justify-start {
949
+ justify-content: flex-start;
950
+ }
951
+
952
+ .us-justify-end {
953
+ justify-content: flex-end;
954
+ }
955
+
956
+ .us-justify-center {
957
+ justify-content: center;
958
+ }
959
+
960
+ .us-justify-between {
961
+ justify-content: space-between;
962
+ }
963
+
964
+ .us-justify-around {
965
+ justify-content: space-around;
966
+ }
967
+
968
+ .us-justify-evenly {
969
+ justify-content: space-evenly;
970
+ }
971
+
972
+ .us-items-start {
973
+ align-items: flex-start;
974
+ }
975
+
976
+ .us-items-end {
977
+ align-items: flex-end;
978
+ }
979
+
980
+ .us-items-center {
981
+ align-items: center;
982
+ }
983
+
984
+ .us-items-stretch {
985
+ align-items: stretch;
986
+ }
987
+
988
+ .us-items-baseline {
989
+ align-items: baseline;
990
+ }
991
+
721
992
  .us-gap-0 {
722
993
  gap: 0;
723
994
  }
@@ -827,6 +1098,18 @@
827
1098
  }
828
1099
 
829
1100
  @media screen and (min-width: 0px) {
1101
+ .xs\:us-h-full {
1102
+ height: 100%;
1103
+ }
1104
+ .xs\:us-h-screen {
1105
+ height: 100dvh;
1106
+ }
1107
+ .xs\:us-overflow-auto {
1108
+ overflow: auto;
1109
+ }
1110
+ .xs\:us-overflow-hidden {
1111
+ overflow: hidden;
1112
+ }
830
1113
  .xs\:us-d-block {
831
1114
  display: block;
832
1115
  }
@@ -866,18 +1149,51 @@
866
1149
  .xs\:us-flex-wrap-reverse {
867
1150
  flex-wrap: wrap-reverse;
868
1151
  }
869
- .xs\:us-flex-grow-0 {
1152
+ .xs\:us-grow-0 {
870
1153
  flex-grow: 0;
871
1154
  }
872
- .xs\:us-flex-grow-1 {
1155
+ .xs\:us-grow-1 {
873
1156
  flex-grow: 1;
874
1157
  }
875
- .xs\:us-flex-shrink-0 {
1158
+ .xs\:us-shrink-0 {
876
1159
  flex-shrink: 0;
877
1160
  }
878
- .xs\:us-flex-shrink-1 {
1161
+ .xs\:us-shrink-1 {
879
1162
  flex-shrink: 1;
880
1163
  }
1164
+ .xs\:us-justify-start {
1165
+ justify-content: flex-start;
1166
+ }
1167
+ .xs\:us-justify-end {
1168
+ justify-content: flex-end;
1169
+ }
1170
+ .xs\:us-justify-center {
1171
+ justify-content: center;
1172
+ }
1173
+ .xs\:us-justify-between {
1174
+ justify-content: space-between;
1175
+ }
1176
+ .xs\:us-justify-around {
1177
+ justify-content: space-around;
1178
+ }
1179
+ .xs\:us-justify-evenly {
1180
+ justify-content: space-evenly;
1181
+ }
1182
+ .xs\:us-items-start {
1183
+ align-items: flex-start;
1184
+ }
1185
+ .xs\:us-items-end {
1186
+ align-items: flex-end;
1187
+ }
1188
+ .xs\:us-items-center {
1189
+ align-items: center;
1190
+ }
1191
+ .xs\:us-items-stretch {
1192
+ align-items: stretch;
1193
+ }
1194
+ .xs\:us-items-baseline {
1195
+ align-items: baseline;
1196
+ }
881
1197
  .xs\:us-gap-0 {
882
1198
  gap: 0;
883
1199
  }
@@ -961,6 +1277,18 @@
961
1277
  }
962
1278
  }
963
1279
  @media screen and (min-width: 600px) {
1280
+ .sm\:us-h-full {
1281
+ height: 100%;
1282
+ }
1283
+ .sm\:us-h-screen {
1284
+ height: 100dvh;
1285
+ }
1286
+ .sm\:us-overflow-auto {
1287
+ overflow: auto;
1288
+ }
1289
+ .sm\:us-overflow-hidden {
1290
+ overflow: hidden;
1291
+ }
964
1292
  .sm\:us-d-block {
965
1293
  display: block;
966
1294
  }
@@ -1000,18 +1328,51 @@
1000
1328
  .sm\:us-flex-wrap-reverse {
1001
1329
  flex-wrap: wrap-reverse;
1002
1330
  }
1003
- .sm\:us-flex-grow-0 {
1331
+ .sm\:us-grow-0 {
1004
1332
  flex-grow: 0;
1005
1333
  }
1006
- .sm\:us-flex-grow-1 {
1334
+ .sm\:us-grow-1 {
1007
1335
  flex-grow: 1;
1008
1336
  }
1009
- .sm\:us-flex-shrink-0 {
1337
+ .sm\:us-shrink-0 {
1010
1338
  flex-shrink: 0;
1011
1339
  }
1012
- .sm\:us-flex-shrink-1 {
1340
+ .sm\:us-shrink-1 {
1013
1341
  flex-shrink: 1;
1014
1342
  }
1343
+ .sm\:us-justify-start {
1344
+ justify-content: flex-start;
1345
+ }
1346
+ .sm\:us-justify-end {
1347
+ justify-content: flex-end;
1348
+ }
1349
+ .sm\:us-justify-center {
1350
+ justify-content: center;
1351
+ }
1352
+ .sm\:us-justify-between {
1353
+ justify-content: space-between;
1354
+ }
1355
+ .sm\:us-justify-around {
1356
+ justify-content: space-around;
1357
+ }
1358
+ .sm\:us-justify-evenly {
1359
+ justify-content: space-evenly;
1360
+ }
1361
+ .sm\:us-items-start {
1362
+ align-items: flex-start;
1363
+ }
1364
+ .sm\:us-items-end {
1365
+ align-items: flex-end;
1366
+ }
1367
+ .sm\:us-items-center {
1368
+ align-items: center;
1369
+ }
1370
+ .sm\:us-items-stretch {
1371
+ align-items: stretch;
1372
+ }
1373
+ .sm\:us-items-baseline {
1374
+ align-items: baseline;
1375
+ }
1015
1376
  .sm\:us-gap-0 {
1016
1377
  gap: 0;
1017
1378
  }
@@ -1095,6 +1456,18 @@
1095
1456
  }
1096
1457
  }
1097
1458
  @media screen and (min-width: 960px) {
1459
+ .md\:us-h-full {
1460
+ height: 100%;
1461
+ }
1462
+ .md\:us-h-screen {
1463
+ height: 100dvh;
1464
+ }
1465
+ .md\:us-overflow-auto {
1466
+ overflow: auto;
1467
+ }
1468
+ .md\:us-overflow-hidden {
1469
+ overflow: hidden;
1470
+ }
1098
1471
  .md\:us-d-block {
1099
1472
  display: block;
1100
1473
  }
@@ -1134,18 +1507,51 @@
1134
1507
  .md\:us-flex-wrap-reverse {
1135
1508
  flex-wrap: wrap-reverse;
1136
1509
  }
1137
- .md\:us-flex-grow-0 {
1510
+ .md\:us-grow-0 {
1138
1511
  flex-grow: 0;
1139
1512
  }
1140
- .md\:us-flex-grow-1 {
1513
+ .md\:us-grow-1 {
1141
1514
  flex-grow: 1;
1142
1515
  }
1143
- .md\:us-flex-shrink-0 {
1516
+ .md\:us-shrink-0 {
1144
1517
  flex-shrink: 0;
1145
1518
  }
1146
- .md\:us-flex-shrink-1 {
1519
+ .md\:us-shrink-1 {
1147
1520
  flex-shrink: 1;
1148
1521
  }
1522
+ .md\:us-justify-start {
1523
+ justify-content: flex-start;
1524
+ }
1525
+ .md\:us-justify-end {
1526
+ justify-content: flex-end;
1527
+ }
1528
+ .md\:us-justify-center {
1529
+ justify-content: center;
1530
+ }
1531
+ .md\:us-justify-between {
1532
+ justify-content: space-between;
1533
+ }
1534
+ .md\:us-justify-around {
1535
+ justify-content: space-around;
1536
+ }
1537
+ .md\:us-justify-evenly {
1538
+ justify-content: space-evenly;
1539
+ }
1540
+ .md\:us-items-start {
1541
+ align-items: flex-start;
1542
+ }
1543
+ .md\:us-items-end {
1544
+ align-items: flex-end;
1545
+ }
1546
+ .md\:us-items-center {
1547
+ align-items: center;
1548
+ }
1549
+ .md\:us-items-stretch {
1550
+ align-items: stretch;
1551
+ }
1552
+ .md\:us-items-baseline {
1553
+ align-items: baseline;
1554
+ }
1149
1555
  .md\:us-gap-0 {
1150
1556
  gap: 0;
1151
1557
  }
@@ -1229,6 +1635,18 @@
1229
1635
  }
1230
1636
  }
1231
1637
  @media screen and (min-width: 1264px) {
1638
+ .lg\:us-h-full {
1639
+ height: 100%;
1640
+ }
1641
+ .lg\:us-h-screen {
1642
+ height: 100dvh;
1643
+ }
1644
+ .lg\:us-overflow-auto {
1645
+ overflow: auto;
1646
+ }
1647
+ .lg\:us-overflow-hidden {
1648
+ overflow: hidden;
1649
+ }
1232
1650
  .lg\:us-d-block {
1233
1651
  display: block;
1234
1652
  }
@@ -1268,18 +1686,51 @@
1268
1686
  .lg\:us-flex-wrap-reverse {
1269
1687
  flex-wrap: wrap-reverse;
1270
1688
  }
1271
- .lg\:us-flex-grow-0 {
1689
+ .lg\:us-grow-0 {
1272
1690
  flex-grow: 0;
1273
1691
  }
1274
- .lg\:us-flex-grow-1 {
1692
+ .lg\:us-grow-1 {
1275
1693
  flex-grow: 1;
1276
1694
  }
1277
- .lg\:us-flex-shrink-0 {
1695
+ .lg\:us-shrink-0 {
1278
1696
  flex-shrink: 0;
1279
1697
  }
1280
- .lg\:us-flex-shrink-1 {
1698
+ .lg\:us-shrink-1 {
1281
1699
  flex-shrink: 1;
1282
1700
  }
1701
+ .lg\:us-justify-start {
1702
+ justify-content: flex-start;
1703
+ }
1704
+ .lg\:us-justify-end {
1705
+ justify-content: flex-end;
1706
+ }
1707
+ .lg\:us-justify-center {
1708
+ justify-content: center;
1709
+ }
1710
+ .lg\:us-justify-between {
1711
+ justify-content: space-between;
1712
+ }
1713
+ .lg\:us-justify-around {
1714
+ justify-content: space-around;
1715
+ }
1716
+ .lg\:us-justify-evenly {
1717
+ justify-content: space-evenly;
1718
+ }
1719
+ .lg\:us-items-start {
1720
+ align-items: flex-start;
1721
+ }
1722
+ .lg\:us-items-end {
1723
+ align-items: flex-end;
1724
+ }
1725
+ .lg\:us-items-center {
1726
+ align-items: center;
1727
+ }
1728
+ .lg\:us-items-stretch {
1729
+ align-items: stretch;
1730
+ }
1731
+ .lg\:us-items-baseline {
1732
+ align-items: baseline;
1733
+ }
1283
1734
  .lg\:us-gap-0 {
1284
1735
  gap: 0;
1285
1736
  }
@@ -1363,6 +1814,18 @@
1363
1814
  }
1364
1815
  }
1365
1816
  @media screen and (min-width: 1904px) {
1817
+ .xl\:us-h-full {
1818
+ height: 100%;
1819
+ }
1820
+ .xl\:us-h-screen {
1821
+ height: 100dvh;
1822
+ }
1823
+ .xl\:us-overflow-auto {
1824
+ overflow: auto;
1825
+ }
1826
+ .xl\:us-overflow-hidden {
1827
+ overflow: hidden;
1828
+ }
1366
1829
  .xl\:us-d-block {
1367
1830
  display: block;
1368
1831
  }
@@ -1402,18 +1865,51 @@
1402
1865
  .xl\:us-flex-wrap-reverse {
1403
1866
  flex-wrap: wrap-reverse;
1404
1867
  }
1405
- .xl\:us-flex-grow-0 {
1868
+ .xl\:us-grow-0 {
1406
1869
  flex-grow: 0;
1407
1870
  }
1408
- .xl\:us-flex-grow-1 {
1871
+ .xl\:us-grow-1 {
1409
1872
  flex-grow: 1;
1410
1873
  }
1411
- .xl\:us-flex-shrink-0 {
1874
+ .xl\:us-shrink-0 {
1412
1875
  flex-shrink: 0;
1413
1876
  }
1414
- .xl\:us-flex-shrink-1 {
1877
+ .xl\:us-shrink-1 {
1415
1878
  flex-shrink: 1;
1416
1879
  }
1880
+ .xl\:us-justify-start {
1881
+ justify-content: flex-start;
1882
+ }
1883
+ .xl\:us-justify-end {
1884
+ justify-content: flex-end;
1885
+ }
1886
+ .xl\:us-justify-center {
1887
+ justify-content: center;
1888
+ }
1889
+ .xl\:us-justify-between {
1890
+ justify-content: space-between;
1891
+ }
1892
+ .xl\:us-justify-around {
1893
+ justify-content: space-around;
1894
+ }
1895
+ .xl\:us-justify-evenly {
1896
+ justify-content: space-evenly;
1897
+ }
1898
+ .xl\:us-items-start {
1899
+ align-items: flex-start;
1900
+ }
1901
+ .xl\:us-items-end {
1902
+ align-items: flex-end;
1903
+ }
1904
+ .xl\:us-items-center {
1905
+ align-items: center;
1906
+ }
1907
+ .xl\:us-items-stretch {
1908
+ align-items: stretch;
1909
+ }
1910
+ .xl\:us-items-baseline {
1911
+ align-items: baseline;
1912
+ }
1417
1913
  .xl\:us-gap-0 {
1418
1914
  gap: 0;
1419
1915
  }