@westpac/ui 0.59.2 → 0.59.4

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 (52) hide show
  1. package/.eslintrc.cjs +1 -1
  2. package/CHANGELOG.md +18 -0
  3. package/assets/icons/filled/arrow-back-filled.svg +3 -0
  4. package/assets/icons/filled/arrow-down-filled.svg +3 -0
  5. package/assets/icons/filled/arrow-forward-filled.svg +3 -0
  6. package/assets/icons/filled/arrow-up-filled.svg +3 -0
  7. package/assets/icons/outlined/arrow-back-outlined.svg +3 -0
  8. package/assets/icons/outlined/arrow-down-outlined.svg +3 -0
  9. package/assets/icons/outlined/arrow-forward-outlined.svg +3 -0
  10. package/assets/icons/outlined/arrow-up-outlined.svg +3 -0
  11. package/dist/component-type.json +1 -1
  12. package/dist/components/date-picker-beta/date-picker.styles.js +4 -4
  13. package/dist/components/icon/components/arrow-back-icon.d.ts +2 -0
  14. package/dist/components/icon/components/arrow-back-icon.js +12 -0
  15. package/dist/components/icon/components/arrow-down-icon.d.ts +2 -0
  16. package/dist/components/icon/components/arrow-down-icon.js +12 -0
  17. package/dist/components/icon/components/arrow-forward-icon.d.ts +2 -0
  18. package/dist/components/icon/components/arrow-forward-icon.js +12 -0
  19. package/dist/components/icon/components/arrow-up-icon.d.ts +2 -0
  20. package/dist/components/icon/components/arrow-up-icon.js +12 -0
  21. package/dist/components/icon/icon.styles.js +5 -5
  22. package/dist/components/icon/index.d.ts +4 -0
  23. package/dist/components/icon/index.js +4 -0
  24. package/dist/components/input-group/components/input-group-supporting-text/input-group-supporting-text.styles.d.ts +1 -1
  25. package/dist/components/input-group/components/input-group-supporting-text/input-group-supporting-text.styles.js +1 -1
  26. package/dist/components/link/link.styles.d.ts +0 -6
  27. package/dist/components/link/link.styles.js +5 -7
  28. package/dist/components/popover/components/panel/panel.component.d.ts +1 -1
  29. package/dist/components/popover/components/panel/panel.component.js +29 -12
  30. package/dist/components/popover/components/panel/panel.types.d.ts +8 -0
  31. package/dist/components/popover/popover.component.js +14 -4
  32. package/dist/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.component.js +1 -0
  33. package/dist/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.component.js +1 -0
  34. package/dist/css/westpac-ui.css +222 -36
  35. package/dist/css/westpac-ui.min.css +222 -36
  36. package/package.json +6 -5
  37. package/src/components/date-picker-beta/components/calendar/components/calendar-cell/calendar-cell.types.ts +0 -4
  38. package/src/components/date-picker-beta/date-picker.styles.ts +4 -4
  39. package/src/components/icon/components/arrow-back-icon.tsx +17 -0
  40. package/src/components/icon/components/arrow-down-icon.tsx +17 -0
  41. package/src/components/icon/components/arrow-forward-icon.tsx +17 -0
  42. package/src/components/icon/components/arrow-up-icon.tsx +17 -0
  43. package/src/components/icon/icon.styles.ts +5 -5
  44. package/src/components/icon/index.ts +4 -0
  45. package/src/components/input-group/components/input-group-supporting-text/input-group-supporting-text.styles.ts +1 -1
  46. package/src/components/link/link.component.tsx +1 -0
  47. package/src/components/link/link.styles.ts +5 -7
  48. package/src/components/popover/components/panel/panel.component.tsx +41 -23
  49. package/src/components/popover/components/panel/panel.types.ts +8 -0
  50. package/src/components/popover/popover.component.tsx +16 -2
  51. package/src/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.component.tsx +6 -1
  52. package/src/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.component.tsx +6 -1
@@ -3312,6 +3312,9 @@ body {
3312
3312
  .bottom-0 {
3313
3313
  bottom: 0rem;
3314
3314
  }
3315
+ .bottom-\[0\.1em\] {
3316
+ bottom: 0.1em;
3317
+ }
3315
3318
  .bottom-full {
3316
3319
  bottom: 100%;
3317
3320
  }
@@ -3993,6 +3996,15 @@ body {
3993
3996
  .min-h-12 {
3994
3997
  min-height: 4.5rem;
3995
3998
  }
3999
+ .min-h-2 {
4000
+ min-height: 0.75rem;
4001
+ }
4002
+ .min-h-3 {
4003
+ min-height: 1.125rem;
4004
+ }
4005
+ .min-h-4 {
4006
+ min-height: 1.5rem;
4007
+ }
3996
4008
  .min-h-5 {
3997
4009
  min-height: 1.875rem;
3998
4010
  }
@@ -4014,6 +4026,9 @@ body {
4014
4026
  .min-h-\[90px\] {
4015
4027
  min-height: 90px;
4016
4028
  }
4029
+ .min-h-screen {
4030
+ min-height: 100vh;
4031
+ }
4017
4032
  .w-0 {
4018
4033
  width: 0rem;
4019
4034
  }
@@ -4062,12 +4077,21 @@ body {
4062
4077
  .w-\[12\.67ex\] {
4063
4078
  width: 12.67ex;
4064
4079
  }
4080
+ .w-\[120px\] {
4081
+ width: 120px;
4082
+ }
4065
4083
  .w-\[122px\] {
4066
4084
  width: 122px;
4067
4085
  }
4068
4086
  .w-\[14\.48ex\] {
4069
4087
  width: 14.48ex;
4070
4088
  }
4089
+ .w-\[140px\] {
4090
+ width: 140px;
4091
+ }
4092
+ .w-\[145px\] {
4093
+ width: 145px;
4094
+ }
4071
4095
  .w-\[15\.625rem\] {
4072
4096
  width: 15.625rem;
4073
4097
  }
@@ -4083,6 +4107,9 @@ body {
4083
4107
  .w-\[160px\] {
4084
4108
  width: 160px;
4085
4109
  }
4110
+ .w-\[165px\] {
4111
+ width: 165px;
4112
+ }
4086
4113
  .w-\[170px\] {
4087
4114
  width: 170px;
4088
4115
  }
@@ -4190,15 +4217,30 @@ body {
4190
4217
  .min-w-0 {
4191
4218
  min-width: 0rem;
4192
4219
  }
4220
+ .min-w-2 {
4221
+ min-width: 0.75rem;
4222
+ }
4223
+ .min-w-3 {
4224
+ min-width: 1.125rem;
4225
+ }
4193
4226
  .min-w-4 {
4194
4227
  min-width: 1.5rem;
4195
4228
  }
4229
+ .min-w-6 {
4230
+ min-width: 2.25rem;
4231
+ }
4196
4232
  .min-w-7 {
4197
4233
  min-width: 2.625rem;
4198
4234
  }
4235
+ .min-w-8 {
4236
+ min-width: 3rem;
4237
+ }
4199
4238
  .min-w-\[100px\] {
4200
4239
  min-width: 100px;
4201
4240
  }
4241
+ .min-w-\[100vw\] {
4242
+ min-width: 100vw;
4243
+ }
4202
4244
  .min-w-\[11\.875rem\] {
4203
4245
  min-width: 11.875rem;
4204
4246
  }
@@ -4442,9 +4484,6 @@ body {
4442
4484
  .items-center {
4443
4485
  align-items: center;
4444
4486
  }
4445
- .items-baseline {
4446
- align-items: baseline;
4447
- }
4448
4487
  .items-stretch {
4449
4488
  align-items: stretch;
4450
4489
  }
@@ -4505,9 +4544,6 @@ body {
4505
4544
  --tw-divide-opacity: 1;
4506
4545
  border-color: rgba(var(--colors-border), var(--tw-divide-opacity, 1));
4507
4546
  }
4508
- .self-center {
4509
- align-self: center;
4510
- }
4511
4547
  .overflow-auto {
4512
4548
  overflow: auto;
4513
4549
  }
@@ -9126,6 +9162,9 @@ body {
9126
9162
  .xsl\:block {
9127
9163
  display: block;
9128
9164
  }
9165
+ .xsl\:inline {
9166
+ display: inline;
9167
+ }
9129
9168
  .xsl\:flex {
9130
9169
  display: flex;
9131
9170
  }
@@ -9238,6 +9277,15 @@ body {
9238
9277
  .xsl\:min-h-12 {
9239
9278
  min-height: 4.5rem;
9240
9279
  }
9280
+ .xsl\:min-h-2 {
9281
+ min-height: 0.75rem;
9282
+ }
9283
+ .xsl\:min-h-3 {
9284
+ min-height: 1.125rem;
9285
+ }
9286
+ .xsl\:min-h-4 {
9287
+ min-height: 1.5rem;
9288
+ }
9241
9289
  .xsl\:min-h-5 {
9242
9290
  min-height: 1.875rem;
9243
9291
  }
@@ -9280,12 +9328,24 @@ body {
9280
9328
  .xsl\:w-\[12\.67ex\] {
9281
9329
  width: 12.67ex;
9282
9330
  }
9331
+ .xsl\:w-\[120px\] {
9332
+ width: 120px;
9333
+ }
9283
9334
  .xsl\:w-\[14\.48ex\] {
9284
9335
  width: 14.48ex;
9285
9336
  }
9337
+ .xsl\:w-\[140px\] {
9338
+ width: 140px;
9339
+ }
9340
+ .xsl\:w-\[145px\] {
9341
+ width: 145px;
9342
+ }
9286
9343
  .xsl\:w-\[16\.29ex\] {
9287
9344
  width: 16.29ex;
9288
9345
  }
9346
+ .xsl\:w-\[165px\] {
9347
+ width: 165px;
9348
+ }
9289
9349
  .xsl\:w-\[18\.1ex\] {
9290
9350
  width: 18.1ex;
9291
9351
  }
@@ -9329,9 +9389,21 @@ body {
9329
9389
  .xsl\:w-screen {
9330
9390
  width: 100vw;
9331
9391
  }
9392
+ .xsl\:min-w-2 {
9393
+ min-width: 0.75rem;
9394
+ }
9395
+ .xsl\:min-w-3 {
9396
+ min-width: 1.125rem;
9397
+ }
9332
9398
  .xsl\:min-w-4 {
9333
9399
  min-width: 1.5rem;
9334
9400
  }
9401
+ .xsl\:min-w-6 {
9402
+ min-width: 2.25rem;
9403
+ }
9404
+ .xsl\:min-w-8 {
9405
+ min-width: 3rem;
9406
+ }
9335
9407
  .xsl\:min-w-\[11\.875rem\] {
9336
9408
  min-width: 11.875rem;
9337
9409
  }
@@ -9445,9 +9517,6 @@ body {
9445
9517
  .xsl\:items-center {
9446
9518
  align-items: center;
9447
9519
  }
9448
- .xsl\:items-baseline {
9449
- align-items: baseline;
9450
- }
9451
9520
  .xsl\:justify-start {
9452
9521
  justify-content: flex-start;
9453
9522
  }
@@ -9478,9 +9547,6 @@ body {
9478
9547
  .xsl\:gap-\[2px\] {
9479
9548
  gap: 2px;
9480
9549
  }
9481
- .xsl\:self-center {
9482
- align-self: center;
9483
- }
9484
9550
  .xsl\:overflow-auto {
9485
9551
  overflow: auto;
9486
9552
  }
@@ -10868,6 +10934,9 @@ body {
10868
10934
  display: inline-block;
10869
10935
  }
10870
10936
  }
10937
+ .sm\:inline {
10938
+ display: inline;
10939
+ }
10871
10940
  .sm\:flex {
10872
10941
  display: flex;
10873
10942
  }
@@ -10991,6 +11060,15 @@ body {
10991
11060
  .sm\:min-h-12 {
10992
11061
  min-height: 4.5rem;
10993
11062
  }
11063
+ .sm\:min-h-2 {
11064
+ min-height: 0.75rem;
11065
+ }
11066
+ .sm\:min-h-3 {
11067
+ min-height: 1.125rem;
11068
+ }
11069
+ .sm\:min-h-4 {
11070
+ min-height: 1.5rem;
11071
+ }
10994
11072
  .sm\:min-h-5 {
10995
11073
  min-height: 1.875rem;
10996
11074
  }
@@ -11033,12 +11111,24 @@ body {
11033
11111
  .sm\:w-\[12\.67ex\] {
11034
11112
  width: 12.67ex;
11035
11113
  }
11114
+ .sm\:w-\[120px\] {
11115
+ width: 120px;
11116
+ }
11036
11117
  .sm\:w-\[14\.48ex\] {
11037
11118
  width: 14.48ex;
11038
11119
  }
11120
+ .sm\:w-\[140px\] {
11121
+ width: 140px;
11122
+ }
11123
+ .sm\:w-\[145px\] {
11124
+ width: 145px;
11125
+ }
11039
11126
  .sm\:w-\[16\.29ex\] {
11040
11127
  width: 16.29ex;
11041
11128
  }
11129
+ .sm\:w-\[165px\] {
11130
+ width: 165px;
11131
+ }
11042
11132
  .sm\:w-\[18\.1ex\] {
11043
11133
  width: 18.1ex;
11044
11134
  }
@@ -11085,9 +11175,21 @@ body {
11085
11175
  .sm\:min-w-10 {
11086
11176
  min-width: 3.75rem;
11087
11177
  }
11178
+ .sm\:min-w-2 {
11179
+ min-width: 0.75rem;
11180
+ }
11181
+ .sm\:min-w-3 {
11182
+ min-width: 1.125rem;
11183
+ }
11088
11184
  .sm\:min-w-4 {
11089
11185
  min-width: 1.5rem;
11090
11186
  }
11187
+ .sm\:min-w-6 {
11188
+ min-width: 2.25rem;
11189
+ }
11190
+ .sm\:min-w-8 {
11191
+ min-width: 3rem;
11192
+ }
11091
11193
  .sm\:min-w-\[11\.875rem\] {
11092
11194
  min-width: 11.875rem;
11093
11195
  }
@@ -11201,9 +11303,6 @@ body {
11201
11303
  .sm\:items-center {
11202
11304
  align-items: center;
11203
11305
  }
11204
- .sm\:items-baseline {
11205
- align-items: baseline;
11206
- }
11207
11306
  .sm\:justify-start {
11208
11307
  justify-content: flex-start;
11209
11308
  }
@@ -11234,9 +11333,6 @@ body {
11234
11333
  .sm\:gap-\[2px\] {
11235
11334
  gap: 2px;
11236
11335
  }
11237
- .sm\:self-center {
11238
- align-self: center;
11239
- }
11240
11336
  .sm\:overflow-auto {
11241
11337
  overflow: auto;
11242
11338
  }
@@ -12723,6 +12819,9 @@ body {
12723
12819
  .md\:block {
12724
12820
  display: block;
12725
12821
  }
12822
+ .md\:inline {
12823
+ display: inline;
12824
+ }
12726
12825
  .md\:flex {
12727
12826
  display: flex;
12728
12827
  }
@@ -12835,6 +12934,15 @@ body {
12835
12934
  .md\:min-h-12 {
12836
12935
  min-height: 4.5rem;
12837
12936
  }
12937
+ .md\:min-h-2 {
12938
+ min-height: 0.75rem;
12939
+ }
12940
+ .md\:min-h-3 {
12941
+ min-height: 1.125rem;
12942
+ }
12943
+ .md\:min-h-4 {
12944
+ min-height: 1.5rem;
12945
+ }
12838
12946
  .md\:min-h-5 {
12839
12947
  min-height: 1.875rem;
12840
12948
  }
@@ -12877,12 +12985,24 @@ body {
12877
12985
  .md\:w-\[12\.67ex\] {
12878
12986
  width: 12.67ex;
12879
12987
  }
12988
+ .md\:w-\[120px\] {
12989
+ width: 120px;
12990
+ }
12880
12991
  .md\:w-\[14\.48ex\] {
12881
12992
  width: 14.48ex;
12882
12993
  }
12994
+ .md\:w-\[140px\] {
12995
+ width: 140px;
12996
+ }
12997
+ .md\:w-\[145px\] {
12998
+ width: 145px;
12999
+ }
12883
13000
  .md\:w-\[16\.29ex\] {
12884
13001
  width: 16.29ex;
12885
13002
  }
13003
+ .md\:w-\[165px\] {
13004
+ width: 165px;
13005
+ }
12886
13006
  .md\:w-\[18\.1ex\] {
12887
13007
  width: 18.1ex;
12888
13008
  }
@@ -12926,9 +13046,21 @@ body {
12926
13046
  .md\:w-screen {
12927
13047
  width: 100vw;
12928
13048
  }
13049
+ .md\:min-w-2 {
13050
+ min-width: 0.75rem;
13051
+ }
13052
+ .md\:min-w-3 {
13053
+ min-width: 1.125rem;
13054
+ }
12929
13055
  .md\:min-w-4 {
12930
13056
  min-width: 1.5rem;
12931
13057
  }
13058
+ .md\:min-w-6 {
13059
+ min-width: 2.25rem;
13060
+ }
13061
+ .md\:min-w-8 {
13062
+ min-width: 3rem;
13063
+ }
12932
13064
  .md\:min-w-\[11\.875rem\] {
12933
13065
  min-width: 11.875rem;
12934
13066
  }
@@ -13042,9 +13174,6 @@ body {
13042
13174
  .md\:items-center {
13043
13175
  align-items: center;
13044
13176
  }
13045
- .md\:items-baseline {
13046
- align-items: baseline;
13047
- }
13048
13177
  .md\:justify-start {
13049
13178
  justify-content: flex-start;
13050
13179
  }
@@ -13075,9 +13204,6 @@ body {
13075
13204
  .md\:gap-\[2px\] {
13076
13205
  gap: 2px;
13077
13206
  }
13078
- .md\:self-center {
13079
- align-self: center;
13080
- }
13081
13207
  .md\:overflow-auto {
13082
13208
  overflow: auto;
13083
13209
  }
@@ -14563,6 +14689,9 @@ body {
14563
14689
  .lg\:block {
14564
14690
  display: block;
14565
14691
  }
14692
+ .lg\:inline {
14693
+ display: inline;
14694
+ }
14566
14695
  .lg\:flex {
14567
14696
  display: flex;
14568
14697
  }
@@ -14675,6 +14804,15 @@ body {
14675
14804
  .lg\:min-h-12 {
14676
14805
  min-height: 4.5rem;
14677
14806
  }
14807
+ .lg\:min-h-2 {
14808
+ min-height: 0.75rem;
14809
+ }
14810
+ .lg\:min-h-3 {
14811
+ min-height: 1.125rem;
14812
+ }
14813
+ .lg\:min-h-4 {
14814
+ min-height: 1.5rem;
14815
+ }
14678
14816
  .lg\:min-h-5 {
14679
14817
  min-height: 1.875rem;
14680
14818
  }
@@ -14717,12 +14855,24 @@ body {
14717
14855
  .lg\:w-\[12\.67ex\] {
14718
14856
  width: 12.67ex;
14719
14857
  }
14858
+ .lg\:w-\[120px\] {
14859
+ width: 120px;
14860
+ }
14720
14861
  .lg\:w-\[14\.48ex\] {
14721
14862
  width: 14.48ex;
14722
14863
  }
14864
+ .lg\:w-\[140px\] {
14865
+ width: 140px;
14866
+ }
14867
+ .lg\:w-\[145px\] {
14868
+ width: 145px;
14869
+ }
14723
14870
  .lg\:w-\[16\.29ex\] {
14724
14871
  width: 16.29ex;
14725
14872
  }
14873
+ .lg\:w-\[165px\] {
14874
+ width: 165px;
14875
+ }
14726
14876
  .lg\:w-\[18\.1ex\] {
14727
14877
  width: 18.1ex;
14728
14878
  }
@@ -14766,9 +14916,21 @@ body {
14766
14916
  .lg\:w-screen {
14767
14917
  width: 100vw;
14768
14918
  }
14919
+ .lg\:min-w-2 {
14920
+ min-width: 0.75rem;
14921
+ }
14922
+ .lg\:min-w-3 {
14923
+ min-width: 1.125rem;
14924
+ }
14769
14925
  .lg\:min-w-4 {
14770
14926
  min-width: 1.5rem;
14771
14927
  }
14928
+ .lg\:min-w-6 {
14929
+ min-width: 2.25rem;
14930
+ }
14931
+ .lg\:min-w-8 {
14932
+ min-width: 3rem;
14933
+ }
14772
14934
  .lg\:min-w-\[11\.875rem\] {
14773
14935
  min-width: 11.875rem;
14774
14936
  }
@@ -14882,9 +15044,6 @@ body {
14882
15044
  .lg\:items-center {
14883
15045
  align-items: center;
14884
15046
  }
14885
- .lg\:items-baseline {
14886
- align-items: baseline;
14887
- }
14888
15047
  .lg\:justify-start {
14889
15048
  justify-content: flex-start;
14890
15049
  }
@@ -14915,9 +15074,6 @@ body {
14915
15074
  .lg\:gap-\[2px\] {
14916
15075
  gap: 2px;
14917
15076
  }
14918
- .lg\:self-center {
14919
- align-self: center;
14920
- }
14921
15077
  .lg\:overflow-auto {
14922
15078
  overflow: auto;
14923
15079
  }
@@ -16338,6 +16494,9 @@ body {
16338
16494
  .xl\:block {
16339
16495
  display: block;
16340
16496
  }
16497
+ .xl\:inline {
16498
+ display: inline;
16499
+ }
16341
16500
  .xl\:flex {
16342
16501
  display: flex;
16343
16502
  }
@@ -16450,6 +16609,15 @@ body {
16450
16609
  .xl\:min-h-12 {
16451
16610
  min-height: 4.5rem;
16452
16611
  }
16612
+ .xl\:min-h-2 {
16613
+ min-height: 0.75rem;
16614
+ }
16615
+ .xl\:min-h-3 {
16616
+ min-height: 1.125rem;
16617
+ }
16618
+ .xl\:min-h-4 {
16619
+ min-height: 1.5rem;
16620
+ }
16453
16621
  .xl\:min-h-5 {
16454
16622
  min-height: 1.875rem;
16455
16623
  }
@@ -16492,12 +16660,24 @@ body {
16492
16660
  .xl\:w-\[12\.67ex\] {
16493
16661
  width: 12.67ex;
16494
16662
  }
16663
+ .xl\:w-\[120px\] {
16664
+ width: 120px;
16665
+ }
16495
16666
  .xl\:w-\[14\.48ex\] {
16496
16667
  width: 14.48ex;
16497
16668
  }
16669
+ .xl\:w-\[140px\] {
16670
+ width: 140px;
16671
+ }
16672
+ .xl\:w-\[145px\] {
16673
+ width: 145px;
16674
+ }
16498
16675
  .xl\:w-\[16\.29ex\] {
16499
16676
  width: 16.29ex;
16500
16677
  }
16678
+ .xl\:w-\[165px\] {
16679
+ width: 165px;
16680
+ }
16501
16681
  .xl\:w-\[18\.1ex\] {
16502
16682
  width: 18.1ex;
16503
16683
  }
@@ -16541,9 +16721,21 @@ body {
16541
16721
  .xl\:w-screen {
16542
16722
  width: 100vw;
16543
16723
  }
16724
+ .xl\:min-w-2 {
16725
+ min-width: 0.75rem;
16726
+ }
16727
+ .xl\:min-w-3 {
16728
+ min-width: 1.125rem;
16729
+ }
16544
16730
  .xl\:min-w-4 {
16545
16731
  min-width: 1.5rem;
16546
16732
  }
16733
+ .xl\:min-w-6 {
16734
+ min-width: 2.25rem;
16735
+ }
16736
+ .xl\:min-w-8 {
16737
+ min-width: 3rem;
16738
+ }
16547
16739
  .xl\:min-w-\[11\.875rem\] {
16548
16740
  min-width: 11.875rem;
16549
16741
  }
@@ -16649,9 +16841,6 @@ body {
16649
16841
  .xl\:items-center {
16650
16842
  align-items: center;
16651
16843
  }
16652
- .xl\:items-baseline {
16653
- align-items: baseline;
16654
- }
16655
16844
  .xl\:justify-start {
16656
16845
  justify-content: flex-start;
16657
16846
  }
@@ -16682,9 +16871,6 @@ body {
16682
16871
  .xl\:gap-\[2px\] {
16683
16872
  gap: 2px;
16684
16873
  }
16685
- .xl\:self-center {
16686
- align-self: center;
16687
- }
16688
16874
  .xl\:overflow-auto {
16689
16875
  overflow: auto;
16690
16876
  }