@westpac/ui 0.53.2 → 0.55.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 (69) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/component-type.json +1 -1
  3. package/dist/components/accordion/components/accordion-item/accordion-item.styles.js +9 -1
  4. package/dist/components/autocomplete/components/autocomplete-list-box/autocomplete-list-box.component.js +1 -1
  5. package/dist/components/autocomplete/components/autocomplete-popover/autocomplete-popover.component.js +1 -1
  6. package/dist/components/button/button.component.d.ts +1 -0
  7. package/dist/components/button/button.component.js +3 -2
  8. package/dist/components/button/button.styles.d.ts +9 -0
  9. package/dist/components/button/button.styles.js +12 -1
  10. package/dist/components/button/button.types.d.ts +5 -0
  11. package/dist/components/button-dropdown/button-dropdown.component.d.ts +1 -1
  12. package/dist/components/button-dropdown/button-dropdown.component.js +2 -2
  13. package/dist/components/button-dropdown/button-dropdown.types.d.ts +5 -0
  14. package/dist/components/button-group/button-group.component.js +1 -0
  15. package/dist/components/checkbox-group/checkbox-group.component.js +1 -0
  16. package/dist/components/header/header.component.js +2 -1
  17. package/dist/components/header/header.types.d.ts +2 -1
  18. package/dist/components/modal/components/modal-backdrop/modal-backdrop.component.d.ts +1 -1
  19. package/dist/components/modal/components/modal-backdrop/modal-backdrop.component.js +3 -3
  20. package/dist/components/modal/components/modal-backdrop/modal-backdrop.styles.d.ts +39 -20
  21. package/dist/components/modal/components/modal-backdrop/modal-backdrop.styles.js +52 -11
  22. package/dist/components/modal/components/modal-backdrop/modal-backdrop.types.d.ts +5 -0
  23. package/dist/components/modal/components/modal-dialog/components/modal-dialog-body/modal-dialog-body.component.js +8 -2
  24. package/dist/components/modal/components/modal-dialog/components/modal-dialog-body/modal-dialog-body.styles.d.ts +54 -0
  25. package/dist/components/modal/components/modal-dialog/components/modal-dialog-body/modal-dialog-body.styles.js +64 -4
  26. package/dist/components/modal/components/modal-dialog/components/modal-dialog-footer/modal-dialog-footer.component.js +9 -3
  27. package/dist/components/modal/components/modal-dialog/components/modal-dialog-footer/modal-dialog-footer.styles.d.ts +12 -0
  28. package/dist/components/modal/components/modal-dialog/components/modal-dialog-footer/modal-dialog-footer.styles.js +25 -8
  29. package/dist/components/modal/components/modal-dialog/modal-dialog.component.d.ts +1 -1
  30. package/dist/components/modal/components/modal-dialog/modal-dialog.component.js +49 -4
  31. package/dist/components/modal/components/modal-dialog/modal-dialog.styles.d.ts +27 -0
  32. package/dist/components/modal/components/modal-dialog/modal-dialog.styles.js +39 -6
  33. package/dist/components/modal/components/modal-dialog/modal-dialog.types.d.ts +33 -0
  34. package/dist/components/modal/modal.component.d.ts +1 -1
  35. package/dist/components/modal/modal.component.js +4 -2
  36. package/dist/components/popover/components/panel/panel.styles.js +1 -1
  37. package/dist/components/radio-group/radio-group.component.js +1 -0
  38. package/dist/components/selector/components/selector-checkbox-group/selector-checkbox-group.component.js +1 -0
  39. package/dist/components/selector/components/selector-radio-group/selector-radio-group.component.js +1 -0
  40. package/dist/css/westpac-ui.css +226 -25
  41. package/dist/css/westpac-ui.min.css +226 -25
  42. package/package.json +6 -6
  43. package/src/components/accordion/components/accordion-item/accordion-item.styles.ts +7 -1
  44. package/src/components/autocomplete/components/autocomplete-list-box/autocomplete-list-box.component.tsx +1 -1
  45. package/src/components/autocomplete/components/autocomplete-popover/autocomplete-popover.component.tsx +1 -4
  46. package/src/components/button/button.component.tsx +2 -0
  47. package/src/components/button/button.styles.ts +10 -1
  48. package/src/components/button/button.types.ts +5 -0
  49. package/src/components/button-dropdown/button-dropdown.component.tsx +2 -1
  50. package/src/components/button-dropdown/button-dropdown.types.ts +5 -0
  51. package/src/components/button-group/button-group.component.tsx +1 -0
  52. package/src/components/checkbox-group/checkbox-group.component.tsx +1 -0
  53. package/src/components/header/header.component.tsx +3 -1
  54. package/src/components/header/header.types.ts +2 -1
  55. package/src/components/modal/components/modal-backdrop/modal-backdrop.component.tsx +5 -2
  56. package/src/components/modal/components/modal-backdrop/modal-backdrop.styles.ts +35 -15
  57. package/src/components/modal/components/modal-backdrop/modal-backdrop.types.ts +5 -0
  58. package/src/components/modal/components/modal-dialog/components/modal-dialog-body/modal-dialog-body.component.tsx +7 -3
  59. package/src/components/modal/components/modal-dialog/components/modal-dialog-body/modal-dialog-body.styles.ts +45 -3
  60. package/src/components/modal/components/modal-dialog/components/modal-dialog-footer/modal-dialog-footer.component.tsx +8 -3
  61. package/src/components/modal/components/modal-dialog/components/modal-dialog-footer/modal-dialog-footer.styles.ts +22 -6
  62. package/src/components/modal/components/modal-dialog/modal-dialog.component.tsx +51 -5
  63. package/src/components/modal/components/modal-dialog/modal-dialog.styles.ts +28 -5
  64. package/src/components/modal/components/modal-dialog/modal-dialog.types.ts +33 -0
  65. package/src/components/modal/modal.component.tsx +4 -2
  66. package/src/components/popover/components/panel/panel.styles.ts +1 -1
  67. package/src/components/radio-group/radio-group.component.tsx +1 -0
  68. package/src/components/selector/components/selector-checkbox-group/selector-checkbox-group.component.tsx +1 -0
  69. package/src/components/selector/components/selector-radio-group/selector-radio-group.component.tsx +1 -0
package/dist/css/westpac-ui.css CHANGED
@@ -3301,6 +3301,9 @@ body {
3301
3301
  .\!left-0 {
3302
3302
  left: 0rem !important;
3303
3303
  }
3304
+ .\!top-0 {
3305
+ top: 0rem !important;
3306
+ }
3304
3307
  .\!top-auto {
3305
3308
  top: auto !important;
3306
3309
  }
@@ -3364,6 +3367,9 @@ body {
3364
3367
  .top-\[0\.3125rem\] {
3365
3368
  top: 0.3125rem;
3366
3369
  }
3370
+ .top-\[5vh\] {
3371
+ top: 5vh;
3372
+ }
3367
3373
  .top-full {
3368
3374
  top: 100%;
3369
3375
  }
@@ -3583,9 +3589,6 @@ body {
3583
3589
  .-mt-2 {
3584
3590
  margin-top: -0.75rem;
3585
3591
  }
3586
- .-mt-6 {
3587
- margin-top: -2.25rem;
3588
- }
3589
3592
  .mb-0 {
3590
3593
  margin-bottom: 0rem;
3591
3594
  }
@@ -3933,16 +3936,21 @@ body {
3933
3936
  .h-auto {
3934
3937
  height: auto;
3935
3938
  }
3936
- .h-fit {
3937
- height: -moz-fit-content;
3938
- height: fit-content;
3939
- }
3940
3939
  .h-full {
3941
3940
  height: 100%;
3942
3941
  }
3942
+ .h-screen {
3943
+ height: 100vh;
3944
+ }
3943
3945
  .max-h-\[400px\] {
3944
3946
  max-height: 400px;
3945
3947
  }
3948
+ .max-h-\[80vh\] {
3949
+ max-height: 80vh;
3950
+ }
3951
+ .max-h-full {
3952
+ max-height: 100%;
3953
+ }
3946
3954
  .max-h-screen {
3947
3955
  max-height: 100vh;
3948
3956
  }
@@ -3970,6 +3978,9 @@ body {
3970
3978
  .min-h-\[17\.5rem\] {
3971
3979
  min-height: 17.5rem;
3972
3980
  }
3981
+ .min-h-\[90px\] {
3982
+ min-height: 90px;
3983
+ }
3973
3984
  .w-0 {
3974
3985
  width: 0rem;
3975
3986
  }
@@ -4036,15 +4047,15 @@ body {
4036
4047
  .w-\[160px\] {
4037
4048
  width: 160px;
4038
4049
  }
4039
- .w-\[17\.625rem\] {
4040
- width: 17.625rem;
4041
- }
4042
4050
  .w-\[170px\] {
4043
4051
  width: 170px;
4044
4052
  }
4045
4053
  .w-\[18\.1ex\] {
4046
4054
  width: 18.1ex;
4047
4055
  }
4056
+ .w-\[18\.75rem\] {
4057
+ width: 18.75rem;
4058
+ }
4048
4059
  .w-\[180px\] {
4049
4060
  width: 180px;
4050
4061
  }
@@ -4137,6 +4148,9 @@ body {
4137
4148
  width: -moz-max-content;
4138
4149
  width: max-content;
4139
4150
  }
4151
+ .w-screen {
4152
+ width: 100vw;
4153
+ }
4140
4154
  .min-w-0 {
4141
4155
  min-width: 0rem;
4142
4156
  }
@@ -4540,6 +4554,10 @@ body {
4540
4554
  .rounded-xl {
4541
4555
  border-radius: 0.75rem;
4542
4556
  }
4557
+ .rounded-b-\[3px\] {
4558
+ border-bottom-right-radius: 3px;
4559
+ border-bottom-left-radius: 3px;
4560
+ }
4543
4561
  .rounded-l {
4544
4562
  border-top-left-radius: 0.1875rem;
4545
4563
  border-bottom-left-radius: 0.1875rem;
@@ -5902,6 +5920,9 @@ body {
5902
5920
  .pb-5 {
5903
5921
  padding-bottom: 1.875rem;
5904
5922
  }
5923
+ .pb-6 {
5924
+ padding-bottom: 2.25rem;
5925
+ }
5905
5926
  .pb-7 {
5906
5927
  padding-bottom: 2.625rem;
5907
5928
  }
@@ -5920,6 +5941,9 @@ body {
5920
5941
  .pb-\[2\.75rem\] {
5921
5942
  padding-bottom: 2.75rem;
5922
5943
  }
5944
+ .pb-\[5vh\] {
5945
+ padding-bottom: 5vh;
5946
+ }
5923
5947
  .pl-0 {
5924
5948
  padding-left: 0rem;
5925
5949
  }
@@ -6175,6 +6199,9 @@ body {
6175
6199
  .pt-4 {
6176
6200
  padding-top: 1.5rem;
6177
6201
  }
6202
+ .pt-6 {
6203
+ padding-top: 2.25rem;
6204
+ }
6178
6205
  .pt-9 {
6179
6206
  padding-top: 3.375rem;
6180
6207
  }
@@ -6432,6 +6459,11 @@ body {
6432
6459
  --tw-shadow-colored: 0 0.375rem 0.75rem var(--tw-shadow-color);
6433
6460
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6434
6461
  }
6462
+ .shadow-\[0_0_0_0_inset\] {
6463
+ --tw-shadow: 0 0 0 0 inset;
6464
+ --tw-shadow-colored: inset 0 0 0 0 var(--tw-shadow-color);
6465
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6466
+ }
6435
6467
  .shadow-\[0_0_0_2px_inset\] {
6436
6468
  --tw-shadow: 0 0 0 2px inset;
6437
6469
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
@@ -6442,6 +6474,16 @@ body {
6442
6474
  --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color);
6443
6475
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6444
6476
  }
6477
+ .shadow-\[0px_-4px_5px_-2px_inset\] {
6478
+ --tw-shadow: 0px -4px 5px -2px inset;
6479
+ --tw-shadow-colored: inset 0px -4px 5px -2px var(--tw-shadow-color);
6480
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6481
+ }
6482
+ .shadow-\[0px_2px_5px_0px\] {
6483
+ --tw-shadow: 0px 2px 5px 0px;
6484
+ --tw-shadow-colored: 0px 2px 5px 0px var(--tw-shadow-color);
6485
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6486
+ }
6445
6487
  .shadow-\[inset_0px_1px_0_0_var\(--tw-shadow-color\)\2c inset_0_-1px_0_0_var\(--tw-shadow-color\)\] {
6446
6488
  --tw-shadow: inset 0px 1px 0 0 var(--tw-shadow-color),inset 0 -1px 0 0 var(--tw-shadow-color);
6447
6489
  --tw-shadow-colored: inset 0px 1px 0 0 var(--tw-shadow-color), inset 0 -1px 0 0 var(--tw-shadow-color);
@@ -6479,6 +6521,10 @@ body {
6479
6521
  --tw-shadow-color: rgb(0 0 0 / 0.1);
6480
6522
  --tw-shadow: var(--tw-shadow-colored);
6481
6523
  }
6524
+ .shadow-black\/30 {
6525
+ --tw-shadow-color: rgb(0 0 0 / 0.3);
6526
+ --tw-shadow: var(--tw-shadow-colored);
6527
+ }
6482
6528
  .shadow-hero {
6483
6529
  --tw-shadow-color: rgb(var(--colors-hero));
6484
6530
  --tw-shadow: var(--tw-shadow-colored);
@@ -6545,11 +6591,19 @@ body {
6545
6591
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6546
6592
  transition-duration: 150ms;
6547
6593
  }
6594
+ .transition-shadow {
6595
+ transition-property: box-shadow;
6596
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6597
+ transition-duration: 150ms;
6598
+ }
6548
6599
  .transition-transform {
6549
6600
  transition-property: transform;
6550
6601
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6551
6602
  transition-duration: 150ms;
6552
6603
  }
6604
+ .delay-0 {
6605
+ transition-delay: 0s;
6606
+ }
6553
6607
  .duration-200 {
6554
6608
  transition-duration: 200ms;
6555
6609
  }
@@ -6562,6 +6616,9 @@ body {
6562
6616
  .duration-\[\.6s\] {
6563
6617
  transition-duration: .6s;
6564
6618
  }
6619
+ .ease-\[ease\] {
6620
+ transition-timing-function: ease;
6621
+ }
6565
6622
  .ease-ease {
6566
6623
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1.0);
6567
6624
  }
@@ -8418,6 +8475,10 @@ body {
8418
8475
  border-top-right-radius: 0.1875rem;
8419
8476
  border-bottom-right-radius: 0.1875rem;
8420
8477
  }
8478
+ .group:last-child .group-last\:rounded-b {
8479
+ border-bottom-right-radius: 0.1875rem;
8480
+ border-bottom-left-radius: 0.1875rem;
8481
+ }
8421
8482
  .group:last-child .group-last\:rounded-b-sm {
8422
8483
  border-bottom-right-radius: 0.125rem;
8423
8484
  border-bottom-left-radius: 0.125rem;
@@ -8757,6 +8818,9 @@ body {
8757
8818
  .xsl\:\!left-0 {
8758
8819
  left: 0rem !important;
8759
8820
  }
8821
+ .xsl\:\!top-0 {
8822
+ top: 0rem !important;
8823
+ }
8760
8824
  .xsl\:\!top-auto {
8761
8825
  top: auto !important;
8762
8826
  }
@@ -8932,9 +8996,6 @@ body {
8932
8996
  .xsl\:-mt-2 {
8933
8997
  margin-top: -0.75rem;
8934
8998
  }
8935
- .xsl\:-mt-6 {
8936
- margin-top: -2.25rem;
8937
- }
8938
8999
  .xsl\:mb-1 {
8939
9000
  margin-bottom: 0.375rem;
8940
9001
  }
@@ -9085,6 +9146,9 @@ body {
9085
9146
  .xsl\:h-\[2\.875rem\] {
9086
9147
  height: 2.875rem;
9087
9148
  }
9149
+ .xsl\:h-screen {
9150
+ height: 100vh;
9151
+ }
9088
9152
  .xsl\:max-h-screen {
9089
9153
  max-height: 100vh;
9090
9154
  }
@@ -9182,6 +9246,9 @@ body {
9182
9246
  .xsl\:w-full {
9183
9247
  width: 100%;
9184
9248
  }
9249
+ .xsl\:w-screen {
9250
+ width: 100vw;
9251
+ }
9185
9252
  .xsl\:min-w-4 {
9186
9253
  min-width: 1.5rem;
9187
9254
  }
@@ -9382,6 +9449,9 @@ body {
9382
9449
  .xsl\:rounded-full {
9383
9450
  border-radius: 9999px;
9384
9451
  }
9452
+ .xsl\:rounded-none {
9453
+ border-radius: 0px;
9454
+ }
9385
9455
  .xsl\:rounded-sm {
9386
9456
  border-radius: 0.125rem;
9387
9457
  }
@@ -9914,6 +9984,11 @@ body {
9914
9984
  .xsl\:opacity-50 {
9915
9985
  opacity: 0.5;
9916
9986
  }
9987
+ .xsl\:shadow-\[0_0_0_0_inset\] {
9988
+ --tw-shadow: 0 0 0 0 inset;
9989
+ --tw-shadow-colored: inset 0 0 0 0 var(--tw-shadow-color);
9990
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
9991
+ }
9917
9992
  .xsl\:shadow-\[0_0_0_2px_inset\] {
9918
9993
  --tw-shadow: 0 0 0 2px inset;
9919
9994
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
@@ -9924,6 +9999,16 @@ body {
9924
9999
  --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color);
9925
10000
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
9926
10001
  }
10002
+ .xsl\:shadow-\[0px_-4px_5px_-2px_inset\] {
10003
+ --tw-shadow: 0px -4px 5px -2px inset;
10004
+ --tw-shadow-colored: inset 0px -4px 5px -2px var(--tw-shadow-color);
10005
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
10006
+ }
10007
+ .xsl\:shadow-\[0px_2px_5px_0px\] {
10008
+ --tw-shadow: 0px 2px 5px 0px;
10009
+ --tw-shadow-colored: 0px 2px 5px 0px var(--tw-shadow-color);
10010
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
10011
+ }
9927
10012
  .xsl\:shadow-\[inset_0px_1px_0_0_var\(--tw-shadow-color\)\2c inset_0_-1px_0_0_var\(--tw-shadow-color\)\] {
9928
10013
  --tw-shadow: inset 0px 1px 0 0 var(--tw-shadow-color),inset 0 -1px 0 0 var(--tw-shadow-color);
9929
10014
  --tw-shadow-colored: inset 0px 1px 0 0 var(--tw-shadow-color), inset 0 -1px 0 0 var(--tw-shadow-color);
@@ -9942,6 +10027,10 @@ body {
9942
10027
  --tw-shadow-color: rgb(0 0 0 / 0.1);
9943
10028
  --tw-shadow: var(--tw-shadow-colored);
9944
10029
  }
10030
+ .xsl\:shadow-black\/30 {
10031
+ --tw-shadow-color: rgb(0 0 0 / 0.3);
10032
+ --tw-shadow: var(--tw-shadow-colored);
10033
+ }
9945
10034
  .xsl\:shadow-hero {
9946
10035
  --tw-shadow-color: rgb(var(--colors-hero));
9947
10036
  --tw-shadow: var(--tw-shadow-colored);
@@ -10461,6 +10550,9 @@ body {
10461
10550
  .sm\:\!left-0 {
10462
10551
  left: 0rem !important;
10463
10552
  }
10553
+ .sm\:\!top-0 {
10554
+ top: 0rem !important;
10555
+ }
10464
10556
  .sm\:\!top-auto {
10465
10557
  top: auto !important;
10466
10558
  }
@@ -10636,9 +10728,6 @@ body {
10636
10728
  .sm\:-mt-2 {
10637
10729
  margin-top: -0.75rem;
10638
10730
  }
10639
- .sm\:-mt-6 {
10640
- margin-top: -2.25rem;
10641
- }
10642
10731
  .sm\:mb-0 {
10643
10732
  margin-bottom: 0rem;
10644
10733
  }
@@ -10806,6 +10895,9 @@ body {
10806
10895
  .sm\:h-\[3\.3125rem\] {
10807
10896
  height: 3.3125rem;
10808
10897
  }
10898
+ .sm\:h-screen {
10899
+ height: 100vh;
10900
+ }
10809
10901
  .sm\:max-h-screen {
10810
10902
  max-height: 100vh;
10811
10903
  }
@@ -10903,6 +10995,9 @@ body {
10903
10995
  .sm\:w-full {
10904
10996
  width: 100%;
10905
10997
  }
10998
+ .sm\:w-screen {
10999
+ width: 100vw;
11000
+ }
10906
11001
  .sm\:min-w-10 {
10907
11002
  min-width: 3.75rem;
10908
11003
  }
@@ -11106,6 +11201,9 @@ body {
11106
11201
  .sm\:rounded-full {
11107
11202
  border-radius: 9999px;
11108
11203
  }
11204
+ .sm\:rounded-none {
11205
+ border-radius: 0px;
11206
+ }
11109
11207
  .sm\:rounded-sm {
11110
11208
  border-radius: 0.125rem;
11111
11209
  }
@@ -11661,6 +11759,11 @@ body {
11661
11759
  .sm\:opacity-50 {
11662
11760
  opacity: 0.5;
11663
11761
  }
11762
+ .sm\:shadow-\[0_0_0_0_inset\] {
11763
+ --tw-shadow: 0 0 0 0 inset;
11764
+ --tw-shadow-colored: inset 0 0 0 0 var(--tw-shadow-color);
11765
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
11766
+ }
11664
11767
  .sm\:shadow-\[0_0_0_2px_inset\] {
11665
11768
  --tw-shadow: 0 0 0 2px inset;
11666
11769
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
@@ -11671,6 +11774,16 @@ body {
11671
11774
  --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color);
11672
11775
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
11673
11776
  }
11777
+ .sm\:shadow-\[0px_-4px_5px_-2px_inset\] {
11778
+ --tw-shadow: 0px -4px 5px -2px inset;
11779
+ --tw-shadow-colored: inset 0px -4px 5px -2px var(--tw-shadow-color);
11780
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
11781
+ }
11782
+ .sm\:shadow-\[0px_2px_5px_0px\] {
11783
+ --tw-shadow: 0px 2px 5px 0px;
11784
+ --tw-shadow-colored: 0px 2px 5px 0px var(--tw-shadow-color);
11785
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
11786
+ }
11674
11787
  .sm\:shadow-\[inset_0px_1px_0_0_var\(--tw-shadow-color\)\2c inset_0_-1px_0_0_var\(--tw-shadow-color\)\] {
11675
11788
  --tw-shadow: inset 0px 1px 0 0 var(--tw-shadow-color),inset 0 -1px 0 0 var(--tw-shadow-color);
11676
11789
  --tw-shadow-colored: inset 0px 1px 0 0 var(--tw-shadow-color), inset 0 -1px 0 0 var(--tw-shadow-color);
@@ -11689,6 +11802,10 @@ body {
11689
11802
  --tw-shadow-color: rgb(0 0 0 / 0.1);
11690
11803
  --tw-shadow: var(--tw-shadow-colored);
11691
11804
  }
11805
+ .sm\:shadow-black\/30 {
11806
+ --tw-shadow-color: rgb(0 0 0 / 0.3);
11807
+ --tw-shadow: var(--tw-shadow-colored);
11808
+ }
11692
11809
  .sm\:shadow-hero {
11693
11810
  --tw-shadow-color: rgb(var(--colors-hero));
11694
11811
  --tw-shadow: var(--tw-shadow-colored);
@@ -12273,6 +12390,9 @@ body {
12273
12390
  .md\:\!left-0 {
12274
12391
  left: 0rem !important;
12275
12392
  }
12393
+ .md\:\!top-0 {
12394
+ top: 0rem !important;
12395
+ }
12276
12396
  .md\:\!top-auto {
12277
12397
  top: auto !important;
12278
12398
  }
@@ -12459,9 +12579,6 @@ body {
12459
12579
  .md\:-mt-3 {
12460
12580
  margin-top: -1.125rem;
12461
12581
  }
12462
- .md\:-mt-6 {
12463
- margin-top: -2.25rem;
12464
- }
12465
12582
  .md\:mb-1 {
12466
12583
  margin-bottom: 0.375rem;
12467
12584
  }
@@ -12615,6 +12732,9 @@ body {
12615
12732
  .md\:h-\[2\.875rem\] {
12616
12733
  height: 2.875rem;
12617
12734
  }
12735
+ .md\:h-screen {
12736
+ height: 100vh;
12737
+ }
12618
12738
  .md\:max-h-screen {
12619
12739
  max-height: 100vh;
12620
12740
  }
@@ -12712,6 +12832,9 @@ body {
12712
12832
  .md\:w-full {
12713
12833
  width: 100%;
12714
12834
  }
12835
+ .md\:w-screen {
12836
+ width: 100vw;
12837
+ }
12715
12838
  .md\:min-w-4 {
12716
12839
  min-width: 1.5rem;
12717
12840
  }
@@ -12915,6 +13038,9 @@ body {
12915
13038
  .md\:rounded-md {
12916
13039
  border-radius: 0.375rem;
12917
13040
  }
13041
+ .md\:rounded-none {
13042
+ border-radius: 0px;
13043
+ }
12918
13044
  .md\:rounded-sm {
12919
13045
  border-radius: 0.125rem;
12920
13046
  }
@@ -13475,6 +13601,11 @@ body {
13475
13601
  .md\:opacity-50 {
13476
13602
  opacity: 0.5;
13477
13603
  }
13604
+ .md\:shadow-\[0_0_0_0_inset\] {
13605
+ --tw-shadow: 0 0 0 0 inset;
13606
+ --tw-shadow-colored: inset 0 0 0 0 var(--tw-shadow-color);
13607
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
13608
+ }
13478
13609
  .md\:shadow-\[0_0_0_2px_inset\] {
13479
13610
  --tw-shadow: 0 0 0 2px inset;
13480
13611
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
@@ -13485,6 +13616,16 @@ body {
13485
13616
  --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color);
13486
13617
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
13487
13618
  }
13619
+ .md\:shadow-\[0px_-4px_5px_-2px_inset\] {
13620
+ --tw-shadow: 0px -4px 5px -2px inset;
13621
+ --tw-shadow-colored: inset 0px -4px 5px -2px var(--tw-shadow-color);
13622
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
13623
+ }
13624
+ .md\:shadow-\[0px_2px_5px_0px\] {
13625
+ --tw-shadow: 0px 2px 5px 0px;
13626
+ --tw-shadow-colored: 0px 2px 5px 0px var(--tw-shadow-color);
13627
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
13628
+ }
13488
13629
  .md\:shadow-\[inset_0px_1px_0_0_var\(--tw-shadow-color\)\2c inset_0_-1px_0_0_var\(--tw-shadow-color\)\] {
13489
13630
  --tw-shadow: inset 0px 1px 0 0 var(--tw-shadow-color),inset 0 -1px 0 0 var(--tw-shadow-color);
13490
13631
  --tw-shadow-colored: inset 0px 1px 0 0 var(--tw-shadow-color), inset 0 -1px 0 0 var(--tw-shadow-color);
@@ -13503,6 +13644,10 @@ body {
13503
13644
  --tw-shadow-color: rgb(0 0 0 / 0.1);
13504
13645
  --tw-shadow: var(--tw-shadow-colored);
13505
13646
  }
13647
+ .md\:shadow-black\/30 {
13648
+ --tw-shadow-color: rgb(0 0 0 / 0.3);
13649
+ --tw-shadow: var(--tw-shadow-colored);
13650
+ }
13506
13651
  .md\:shadow-hero {
13507
13652
  --tw-shadow-color: rgb(var(--colors-hero));
13508
13653
  --tw-shadow: var(--tw-shadow-colored);
@@ -14095,6 +14240,9 @@ body {
14095
14240
  .lg\:\!left-0 {
14096
14241
  left: 0rem !important;
14097
14242
  }
14243
+ .lg\:\!top-0 {
14244
+ top: 0rem !important;
14245
+ }
14098
14246
  .lg\:\!top-auto {
14099
14247
  top: auto !important;
14100
14248
  }
@@ -14267,9 +14415,6 @@ body {
14267
14415
  .lg\:-mt-2 {
14268
14416
  margin-top: -0.75rem;
14269
14417
  }
14270
- .lg\:-mt-6 {
14271
- margin-top: -2.25rem;
14272
- }
14273
14418
  @media (min-width: 1200px) {
14274
14419
  .lg\:lg\:mr-\[300px\] {
14275
14420
  margin-right: 300px;
@@ -14423,6 +14568,9 @@ body {
14423
14568
  .lg\:h-\[2\.875rem\] {
14424
14569
  height: 2.875rem;
14425
14570
  }
14571
+ .lg\:h-screen {
14572
+ height: 100vh;
14573
+ }
14426
14574
  .lg\:max-h-screen {
14427
14575
  max-height: 100vh;
14428
14576
  }
@@ -14520,6 +14668,9 @@ body {
14520
14668
  .lg\:w-full {
14521
14669
  width: 100%;
14522
14670
  }
14671
+ .lg\:w-screen {
14672
+ width: 100vw;
14673
+ }
14523
14674
  .lg\:min-w-4 {
14524
14675
  min-width: 1.5rem;
14525
14676
  }
@@ -14720,6 +14871,9 @@ body {
14720
14871
  .lg\:rounded-full {
14721
14872
  border-radius: 9999px;
14722
14873
  }
14874
+ .lg\:rounded-none {
14875
+ border-radius: 0px;
14876
+ }
14723
14877
  .lg\:rounded-sm {
14724
14878
  border-radius: 0.125rem;
14725
14879
  }
@@ -15264,6 +15418,11 @@ body {
15264
15418
  .lg\:opacity-50 {
15265
15419
  opacity: 0.5;
15266
15420
  }
15421
+ .lg\:shadow-\[0_0_0_0_inset\] {
15422
+ --tw-shadow: 0 0 0 0 inset;
15423
+ --tw-shadow-colored: inset 0 0 0 0 var(--tw-shadow-color);
15424
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
15425
+ }
15267
15426
  .lg\:shadow-\[0_0_0_2px_inset\] {
15268
15427
  --tw-shadow: 0 0 0 2px inset;
15269
15428
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
@@ -15274,6 +15433,16 @@ body {
15274
15433
  --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color);
15275
15434
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
15276
15435
  }
15436
+ .lg\:shadow-\[0px_-4px_5px_-2px_inset\] {
15437
+ --tw-shadow: 0px -4px 5px -2px inset;
15438
+ --tw-shadow-colored: inset 0px -4px 5px -2px var(--tw-shadow-color);
15439
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
15440
+ }
15441
+ .lg\:shadow-\[0px_2px_5px_0px\] {
15442
+ --tw-shadow: 0px 2px 5px 0px;
15443
+ --tw-shadow-colored: 0px 2px 5px 0px var(--tw-shadow-color);
15444
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
15445
+ }
15277
15446
  .lg\:shadow-\[inset_0px_1px_0_0_var\(--tw-shadow-color\)\2c inset_0_-1px_0_0_var\(--tw-shadow-color\)\] {
15278
15447
  --tw-shadow: inset 0px 1px 0 0 var(--tw-shadow-color),inset 0 -1px 0 0 var(--tw-shadow-color);
15279
15448
  --tw-shadow-colored: inset 0px 1px 0 0 var(--tw-shadow-color), inset 0 -1px 0 0 var(--tw-shadow-color);
@@ -15292,6 +15461,10 @@ body {
15292
15461
  --tw-shadow-color: rgb(0 0 0 / 0.1);
15293
15462
  --tw-shadow: var(--tw-shadow-colored);
15294
15463
  }
15464
+ .lg\:shadow-black\/30 {
15465
+ --tw-shadow-color: rgb(0 0 0 / 0.3);
15466
+ --tw-shadow: var(--tw-shadow-colored);
15467
+ }
15295
15468
  .lg\:shadow-hero {
15296
15469
  --tw-shadow-color: rgb(var(--colors-hero));
15297
15470
  --tw-shadow: var(--tw-shadow-colored);
@@ -15846,6 +16019,9 @@ body {
15846
16019
  .xl\:\!left-0 {
15847
16020
  left: 0rem !important;
15848
16021
  }
16022
+ .xl\:\!top-0 {
16023
+ top: 0rem !important;
16024
+ }
15849
16025
  .xl\:\!top-auto {
15850
16026
  top: auto !important;
15851
16027
  }
@@ -16018,9 +16194,6 @@ body {
16018
16194
  .xl\:-mt-2 {
16019
16195
  margin-top: -0.75rem;
16020
16196
  }
16021
- .xl\:-mt-6 {
16022
- margin-top: -2.25rem;
16023
- }
16024
16197
  .xl\:mb-1 {
16025
16198
  margin-bottom: 0.375rem;
16026
16199
  }
@@ -16166,6 +16339,9 @@ body {
16166
16339
  .xl\:h-\[2\.875rem\] {
16167
16340
  height: 2.875rem;
16168
16341
  }
16342
+ .xl\:h-screen {
16343
+ height: 100vh;
16344
+ }
16169
16345
  .xl\:max-h-screen {
16170
16346
  max-height: 100vh;
16171
16347
  }
@@ -16263,6 +16439,9 @@ body {
16263
16439
  .xl\:w-full {
16264
16440
  width: 100%;
16265
16441
  }
16442
+ .xl\:w-screen {
16443
+ width: 100vw;
16444
+ }
16266
16445
  .xl\:min-w-4 {
16267
16446
  min-width: 1.5rem;
16268
16447
  }
@@ -16455,6 +16634,9 @@ body {
16455
16634
  .xl\:rounded-full {
16456
16635
  border-radius: 9999px;
16457
16636
  }
16637
+ .xl\:rounded-none {
16638
+ border-radius: 0px;
16639
+ }
16458
16640
  .xl\:rounded-sm {
16459
16641
  border-radius: 0.125rem;
16460
16642
  }
@@ -16981,6 +17163,11 @@ body {
16981
17163
  .xl\:opacity-50 {
16982
17164
  opacity: 0.5;
16983
17165
  }
17166
+ .xl\:shadow-\[0_0_0_0_inset\] {
17167
+ --tw-shadow: 0 0 0 0 inset;
17168
+ --tw-shadow-colored: inset 0 0 0 0 var(--tw-shadow-color);
17169
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
17170
+ }
16984
17171
  .xl\:shadow-\[0_0_0_2px_inset\] {
16985
17172
  --tw-shadow: 0 0 0 2px inset;
16986
17173
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
@@ -16991,6 +17178,16 @@ body {
16991
17178
  --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color);
16992
17179
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
16993
17180
  }
17181
+ .xl\:shadow-\[0px_-4px_5px_-2px_inset\] {
17182
+ --tw-shadow: 0px -4px 5px -2px inset;
17183
+ --tw-shadow-colored: inset 0px -4px 5px -2px var(--tw-shadow-color);
17184
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
17185
+ }
17186
+ .xl\:shadow-\[0px_2px_5px_0px\] {
17187
+ --tw-shadow: 0px 2px 5px 0px;
17188
+ --tw-shadow-colored: 0px 2px 5px 0px var(--tw-shadow-color);
17189
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
17190
+ }
16994
17191
  .xl\:shadow-\[inset_0px_1px_0_0_var\(--tw-shadow-color\)\2c inset_0_-1px_0_0_var\(--tw-shadow-color\)\] {
16995
17192
  --tw-shadow: inset 0px 1px 0 0 var(--tw-shadow-color),inset 0 -1px 0 0 var(--tw-shadow-color);
16996
17193
  --tw-shadow-colored: inset 0px 1px 0 0 var(--tw-shadow-color), inset 0 -1px 0 0 var(--tw-shadow-color);
@@ -17009,6 +17206,10 @@ body {
17009
17206
  --tw-shadow-color: rgb(0 0 0 / 0.1);
17010
17207
  --tw-shadow: var(--tw-shadow-colored);
17011
17208
  }
17209
+ .xl\:shadow-black\/30 {
17210
+ --tw-shadow-color: rgb(0 0 0 / 0.3);
17211
+ --tw-shadow: var(--tw-shadow-colored);
17212
+ }
17012
17213
  .xl\:shadow-hero {
17013
17214
  --tw-shadow-color: rgb(var(--colors-hero));
17014
17215
  --tw-shadow: var(--tw-shadow-colored);