@westpac/ui 0.59.1 → 0.59.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/.eslintrc.cjs +1 -1
  2. package/CHANGELOG.md +17 -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/icon/components/arrow-back-icon.d.ts +2 -0
  13. package/dist/components/icon/components/arrow-back-icon.js +12 -0
  14. package/dist/components/icon/components/arrow-down-icon.d.ts +2 -0
  15. package/dist/components/icon/components/arrow-down-icon.js +12 -0
  16. package/dist/components/icon/components/arrow-forward-icon.d.ts +2 -0
  17. package/dist/components/icon/components/arrow-forward-icon.js +12 -0
  18. package/dist/components/icon/components/arrow-up-icon.d.ts +2 -0
  19. package/dist/components/icon/components/arrow-up-icon.js +12 -0
  20. package/dist/components/icon/icon.styles.js +5 -5
  21. package/dist/components/icon/index.d.ts +4 -0
  22. package/dist/components/icon/index.js +4 -0
  23. package/dist/components/link/link.styles.d.ts +0 -6
  24. package/dist/components/link/link.styles.js +5 -7
  25. package/dist/components/popover/components/panel/panel.component.d.ts +1 -1
  26. package/dist/components/popover/components/panel/panel.component.js +29 -12
  27. package/dist/components/popover/components/panel/panel.hook.js +6 -0
  28. package/dist/components/popover/components/panel/panel.types.d.ts +8 -0
  29. package/dist/components/popover/popover.component.js +14 -4
  30. package/dist/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.component.js +1 -0
  31. package/dist/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.component.js +1 -0
  32. package/dist/css/westpac-ui.css +150 -36
  33. package/dist/css/westpac-ui.min.css +150 -36
  34. package/package.json +5 -4
  35. package/src/components/date-picker-beta/components/calendar/components/calendar-cell/calendar-cell.types.ts +0 -4
  36. package/src/components/icon/components/arrow-back-icon.tsx +17 -0
  37. package/src/components/icon/components/arrow-down-icon.tsx +17 -0
  38. package/src/components/icon/components/arrow-forward-icon.tsx +17 -0
  39. package/src/components/icon/components/arrow-up-icon.tsx +17 -0
  40. package/src/components/icon/icon.styles.ts +5 -5
  41. package/src/components/icon/index.ts +4 -0
  42. package/src/components/link/link.component.tsx +1 -0
  43. package/src/components/link/link.styles.ts +5 -7
  44. package/src/components/popover/components/panel/panel.component.tsx +41 -23
  45. package/src/components/popover/components/panel/panel.hook.tsx +8 -0
  46. package/src/components/popover/components/panel/panel.types.ts +8 -0
  47. package/src/components/popover/popover.component.tsx +16 -2
  48. package/src/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.component.tsx +6 -1
  49. 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
  }
@@ -4190,15 +4205,30 @@ body {
4190
4205
  .min-w-0 {
4191
4206
  min-width: 0rem;
4192
4207
  }
4208
+ .min-w-2 {
4209
+ min-width: 0.75rem;
4210
+ }
4211
+ .min-w-3 {
4212
+ min-width: 1.125rem;
4213
+ }
4193
4214
  .min-w-4 {
4194
4215
  min-width: 1.5rem;
4195
4216
  }
4217
+ .min-w-6 {
4218
+ min-width: 2.25rem;
4219
+ }
4196
4220
  .min-w-7 {
4197
4221
  min-width: 2.625rem;
4198
4222
  }
4223
+ .min-w-8 {
4224
+ min-width: 3rem;
4225
+ }
4199
4226
  .min-w-\[100px\] {
4200
4227
  min-width: 100px;
4201
4228
  }
4229
+ .min-w-\[100vw\] {
4230
+ min-width: 100vw;
4231
+ }
4202
4232
  .min-w-\[11\.875rem\] {
4203
4233
  min-width: 11.875rem;
4204
4234
  }
@@ -4442,9 +4472,6 @@ body {
4442
4472
  .items-center {
4443
4473
  align-items: center;
4444
4474
  }
4445
- .items-baseline {
4446
- align-items: baseline;
4447
- }
4448
4475
  .items-stretch {
4449
4476
  align-items: stretch;
4450
4477
  }
@@ -4505,9 +4532,6 @@ body {
4505
4532
  --tw-divide-opacity: 1;
4506
4533
  border-color: rgba(var(--colors-border), var(--tw-divide-opacity, 1));
4507
4534
  }
4508
- .self-center {
4509
- align-self: center;
4510
- }
4511
4535
  .overflow-auto {
4512
4536
  overflow: auto;
4513
4537
  }
@@ -9126,6 +9150,9 @@ body {
9126
9150
  .xsl\:block {
9127
9151
  display: block;
9128
9152
  }
9153
+ .xsl\:inline {
9154
+ display: inline;
9155
+ }
9129
9156
  .xsl\:flex {
9130
9157
  display: flex;
9131
9158
  }
@@ -9238,6 +9265,15 @@ body {
9238
9265
  .xsl\:min-h-12 {
9239
9266
  min-height: 4.5rem;
9240
9267
  }
9268
+ .xsl\:min-h-2 {
9269
+ min-height: 0.75rem;
9270
+ }
9271
+ .xsl\:min-h-3 {
9272
+ min-height: 1.125rem;
9273
+ }
9274
+ .xsl\:min-h-4 {
9275
+ min-height: 1.5rem;
9276
+ }
9241
9277
  .xsl\:min-h-5 {
9242
9278
  min-height: 1.875rem;
9243
9279
  }
@@ -9329,9 +9365,21 @@ body {
9329
9365
  .xsl\:w-screen {
9330
9366
  width: 100vw;
9331
9367
  }
9368
+ .xsl\:min-w-2 {
9369
+ min-width: 0.75rem;
9370
+ }
9371
+ .xsl\:min-w-3 {
9372
+ min-width: 1.125rem;
9373
+ }
9332
9374
  .xsl\:min-w-4 {
9333
9375
  min-width: 1.5rem;
9334
9376
  }
9377
+ .xsl\:min-w-6 {
9378
+ min-width: 2.25rem;
9379
+ }
9380
+ .xsl\:min-w-8 {
9381
+ min-width: 3rem;
9382
+ }
9335
9383
  .xsl\:min-w-\[11\.875rem\] {
9336
9384
  min-width: 11.875rem;
9337
9385
  }
@@ -9445,9 +9493,6 @@ body {
9445
9493
  .xsl\:items-center {
9446
9494
  align-items: center;
9447
9495
  }
9448
- .xsl\:items-baseline {
9449
- align-items: baseline;
9450
- }
9451
9496
  .xsl\:justify-start {
9452
9497
  justify-content: flex-start;
9453
9498
  }
@@ -9478,9 +9523,6 @@ body {
9478
9523
  .xsl\:gap-\[2px\] {
9479
9524
  gap: 2px;
9480
9525
  }
9481
- .xsl\:self-center {
9482
- align-self: center;
9483
- }
9484
9526
  .xsl\:overflow-auto {
9485
9527
  overflow: auto;
9486
9528
  }
@@ -10868,6 +10910,9 @@ body {
10868
10910
  display: inline-block;
10869
10911
  }
10870
10912
  }
10913
+ .sm\:inline {
10914
+ display: inline;
10915
+ }
10871
10916
  .sm\:flex {
10872
10917
  display: flex;
10873
10918
  }
@@ -10991,6 +11036,15 @@ body {
10991
11036
  .sm\:min-h-12 {
10992
11037
  min-height: 4.5rem;
10993
11038
  }
11039
+ .sm\:min-h-2 {
11040
+ min-height: 0.75rem;
11041
+ }
11042
+ .sm\:min-h-3 {
11043
+ min-height: 1.125rem;
11044
+ }
11045
+ .sm\:min-h-4 {
11046
+ min-height: 1.5rem;
11047
+ }
10994
11048
  .sm\:min-h-5 {
10995
11049
  min-height: 1.875rem;
10996
11050
  }
@@ -11085,9 +11139,21 @@ body {
11085
11139
  .sm\:min-w-10 {
11086
11140
  min-width: 3.75rem;
11087
11141
  }
11142
+ .sm\:min-w-2 {
11143
+ min-width: 0.75rem;
11144
+ }
11145
+ .sm\:min-w-3 {
11146
+ min-width: 1.125rem;
11147
+ }
11088
11148
  .sm\:min-w-4 {
11089
11149
  min-width: 1.5rem;
11090
11150
  }
11151
+ .sm\:min-w-6 {
11152
+ min-width: 2.25rem;
11153
+ }
11154
+ .sm\:min-w-8 {
11155
+ min-width: 3rem;
11156
+ }
11091
11157
  .sm\:min-w-\[11\.875rem\] {
11092
11158
  min-width: 11.875rem;
11093
11159
  }
@@ -11201,9 +11267,6 @@ body {
11201
11267
  .sm\:items-center {
11202
11268
  align-items: center;
11203
11269
  }
11204
- .sm\:items-baseline {
11205
- align-items: baseline;
11206
- }
11207
11270
  .sm\:justify-start {
11208
11271
  justify-content: flex-start;
11209
11272
  }
@@ -11234,9 +11297,6 @@ body {
11234
11297
  .sm\:gap-\[2px\] {
11235
11298
  gap: 2px;
11236
11299
  }
11237
- .sm\:self-center {
11238
- align-self: center;
11239
- }
11240
11300
  .sm\:overflow-auto {
11241
11301
  overflow: auto;
11242
11302
  }
@@ -12723,6 +12783,9 @@ body {
12723
12783
  .md\:block {
12724
12784
  display: block;
12725
12785
  }
12786
+ .md\:inline {
12787
+ display: inline;
12788
+ }
12726
12789
  .md\:flex {
12727
12790
  display: flex;
12728
12791
  }
@@ -12835,6 +12898,15 @@ body {
12835
12898
  .md\:min-h-12 {
12836
12899
  min-height: 4.5rem;
12837
12900
  }
12901
+ .md\:min-h-2 {
12902
+ min-height: 0.75rem;
12903
+ }
12904
+ .md\:min-h-3 {
12905
+ min-height: 1.125rem;
12906
+ }
12907
+ .md\:min-h-4 {
12908
+ min-height: 1.5rem;
12909
+ }
12838
12910
  .md\:min-h-5 {
12839
12911
  min-height: 1.875rem;
12840
12912
  }
@@ -12926,9 +12998,21 @@ body {
12926
12998
  .md\:w-screen {
12927
12999
  width: 100vw;
12928
13000
  }
13001
+ .md\:min-w-2 {
13002
+ min-width: 0.75rem;
13003
+ }
13004
+ .md\:min-w-3 {
13005
+ min-width: 1.125rem;
13006
+ }
12929
13007
  .md\:min-w-4 {
12930
13008
  min-width: 1.5rem;
12931
13009
  }
13010
+ .md\:min-w-6 {
13011
+ min-width: 2.25rem;
13012
+ }
13013
+ .md\:min-w-8 {
13014
+ min-width: 3rem;
13015
+ }
12932
13016
  .md\:min-w-\[11\.875rem\] {
12933
13017
  min-width: 11.875rem;
12934
13018
  }
@@ -13042,9 +13126,6 @@ body {
13042
13126
  .md\:items-center {
13043
13127
  align-items: center;
13044
13128
  }
13045
- .md\:items-baseline {
13046
- align-items: baseline;
13047
- }
13048
13129
  .md\:justify-start {
13049
13130
  justify-content: flex-start;
13050
13131
  }
@@ -13075,9 +13156,6 @@ body {
13075
13156
  .md\:gap-\[2px\] {
13076
13157
  gap: 2px;
13077
13158
  }
13078
- .md\:self-center {
13079
- align-self: center;
13080
- }
13081
13159
  .md\:overflow-auto {
13082
13160
  overflow: auto;
13083
13161
  }
@@ -14563,6 +14641,9 @@ body {
14563
14641
  .lg\:block {
14564
14642
  display: block;
14565
14643
  }
14644
+ .lg\:inline {
14645
+ display: inline;
14646
+ }
14566
14647
  .lg\:flex {
14567
14648
  display: flex;
14568
14649
  }
@@ -14675,6 +14756,15 @@ body {
14675
14756
  .lg\:min-h-12 {
14676
14757
  min-height: 4.5rem;
14677
14758
  }
14759
+ .lg\:min-h-2 {
14760
+ min-height: 0.75rem;
14761
+ }
14762
+ .lg\:min-h-3 {
14763
+ min-height: 1.125rem;
14764
+ }
14765
+ .lg\:min-h-4 {
14766
+ min-height: 1.5rem;
14767
+ }
14678
14768
  .lg\:min-h-5 {
14679
14769
  min-height: 1.875rem;
14680
14770
  }
@@ -14766,9 +14856,21 @@ body {
14766
14856
  .lg\:w-screen {
14767
14857
  width: 100vw;
14768
14858
  }
14859
+ .lg\:min-w-2 {
14860
+ min-width: 0.75rem;
14861
+ }
14862
+ .lg\:min-w-3 {
14863
+ min-width: 1.125rem;
14864
+ }
14769
14865
  .lg\:min-w-4 {
14770
14866
  min-width: 1.5rem;
14771
14867
  }
14868
+ .lg\:min-w-6 {
14869
+ min-width: 2.25rem;
14870
+ }
14871
+ .lg\:min-w-8 {
14872
+ min-width: 3rem;
14873
+ }
14772
14874
  .lg\:min-w-\[11\.875rem\] {
14773
14875
  min-width: 11.875rem;
14774
14876
  }
@@ -14882,9 +14984,6 @@ body {
14882
14984
  .lg\:items-center {
14883
14985
  align-items: center;
14884
14986
  }
14885
- .lg\:items-baseline {
14886
- align-items: baseline;
14887
- }
14888
14987
  .lg\:justify-start {
14889
14988
  justify-content: flex-start;
14890
14989
  }
@@ -14915,9 +15014,6 @@ body {
14915
15014
  .lg\:gap-\[2px\] {
14916
15015
  gap: 2px;
14917
15016
  }
14918
- .lg\:self-center {
14919
- align-self: center;
14920
- }
14921
15017
  .lg\:overflow-auto {
14922
15018
  overflow: auto;
14923
15019
  }
@@ -16338,6 +16434,9 @@ body {
16338
16434
  .xl\:block {
16339
16435
  display: block;
16340
16436
  }
16437
+ .xl\:inline {
16438
+ display: inline;
16439
+ }
16341
16440
  .xl\:flex {
16342
16441
  display: flex;
16343
16442
  }
@@ -16450,6 +16549,15 @@ body {
16450
16549
  .xl\:min-h-12 {
16451
16550
  min-height: 4.5rem;
16452
16551
  }
16552
+ .xl\:min-h-2 {
16553
+ min-height: 0.75rem;
16554
+ }
16555
+ .xl\:min-h-3 {
16556
+ min-height: 1.125rem;
16557
+ }
16558
+ .xl\:min-h-4 {
16559
+ min-height: 1.5rem;
16560
+ }
16453
16561
  .xl\:min-h-5 {
16454
16562
  min-height: 1.875rem;
16455
16563
  }
@@ -16541,9 +16649,21 @@ body {
16541
16649
  .xl\:w-screen {
16542
16650
  width: 100vw;
16543
16651
  }
16652
+ .xl\:min-w-2 {
16653
+ min-width: 0.75rem;
16654
+ }
16655
+ .xl\:min-w-3 {
16656
+ min-width: 1.125rem;
16657
+ }
16544
16658
  .xl\:min-w-4 {
16545
16659
  min-width: 1.5rem;
16546
16660
  }
16661
+ .xl\:min-w-6 {
16662
+ min-width: 2.25rem;
16663
+ }
16664
+ .xl\:min-w-8 {
16665
+ min-width: 3rem;
16666
+ }
16547
16667
  .xl\:min-w-\[11\.875rem\] {
16548
16668
  min-width: 11.875rem;
16549
16669
  }
@@ -16649,9 +16769,6 @@ body {
16649
16769
  .xl\:items-center {
16650
16770
  align-items: center;
16651
16771
  }
16652
- .xl\:items-baseline {
16653
- align-items: baseline;
16654
- }
16655
16772
  .xl\:justify-start {
16656
16773
  justify-content: flex-start;
16657
16774
  }
@@ -16682,9 +16799,6 @@ body {
16682
16799
  .xl\:gap-\[2px\] {
16683
16800
  gap: 2px;
16684
16801
  }
16685
- .xl\:self-center {
16686
- align-self: center;
16687
- }
16688
16802
  .xl\:overflow-auto {
16689
16803
  overflow: auto;
16690
16804
  }