@westpac/ui 0.59.3 → 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.
- package/CHANGELOG.md +7 -0
- package/dist/component-type.json +1 -1
- package/dist/components/date-picker-beta/date-picker.styles.js +4 -4
- package/dist/components/input-group/components/input-group-supporting-text/input-group-supporting-text.styles.d.ts +1 -1
- package/dist/components/input-group/components/input-group-supporting-text/input-group-supporting-text.styles.js +1 -1
- package/dist/css/westpac-ui.css +72 -0
- package/dist/css/westpac-ui.min.css +72 -0
- package/package.json +3 -3
- package/src/components/date-picker-beta/date-picker.styles.ts +4 -4
- package/src/components/input-group/components/input-group-supporting-text/input-group-supporting-text.styles.ts +1 -1
|
@@ -9,19 +9,19 @@ export const styles = tv({
|
|
|
9
9
|
size: {
|
|
10
10
|
small: {
|
|
11
11
|
input: 'max-h-5',
|
|
12
|
-
dateField: 'form-control-small h-5'
|
|
12
|
+
dateField: 'form-control-small h-5 w-[120px]'
|
|
13
13
|
},
|
|
14
14
|
medium: {
|
|
15
15
|
input: 'max-h-6',
|
|
16
|
-
dateField: 'form-control-medium h-6'
|
|
16
|
+
dateField: 'form-control-medium h-6 w-[140px]'
|
|
17
17
|
},
|
|
18
18
|
large: {
|
|
19
19
|
input: 'max-h-7',
|
|
20
|
-
dateField: 'form-control-large h-7'
|
|
20
|
+
dateField: 'form-control-large h-7 w-[145px]'
|
|
21
21
|
},
|
|
22
22
|
xlarge: {
|
|
23
23
|
input: 'max-h-8',
|
|
24
|
-
dateField: 'form-control-xlarge h-8'
|
|
24
|
+
dateField: 'form-control-xlarge h-8 w-[165px]'
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
27
|
block: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const styles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "mt-1 text-
|
|
1
|
+
export declare const styles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "mt-1 text-muted", TVConfig<V, EV>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "mt-1 text-muted", TVConfig<V, EV>, unknown, unknown, undefined>>;
|
package/dist/css/westpac-ui.css
CHANGED
|
@@ -4077,12 +4077,21 @@ body {
|
|
|
4077
4077
|
.w-\[12\.67ex\] {
|
|
4078
4078
|
width: 12.67ex;
|
|
4079
4079
|
}
|
|
4080
|
+
.w-\[120px\] {
|
|
4081
|
+
width: 120px;
|
|
4082
|
+
}
|
|
4080
4083
|
.w-\[122px\] {
|
|
4081
4084
|
width: 122px;
|
|
4082
4085
|
}
|
|
4083
4086
|
.w-\[14\.48ex\] {
|
|
4084
4087
|
width: 14.48ex;
|
|
4085
4088
|
}
|
|
4089
|
+
.w-\[140px\] {
|
|
4090
|
+
width: 140px;
|
|
4091
|
+
}
|
|
4092
|
+
.w-\[145px\] {
|
|
4093
|
+
width: 145px;
|
|
4094
|
+
}
|
|
4086
4095
|
.w-\[15\.625rem\] {
|
|
4087
4096
|
width: 15.625rem;
|
|
4088
4097
|
}
|
|
@@ -4098,6 +4107,9 @@ body {
|
|
|
4098
4107
|
.w-\[160px\] {
|
|
4099
4108
|
width: 160px;
|
|
4100
4109
|
}
|
|
4110
|
+
.w-\[165px\] {
|
|
4111
|
+
width: 165px;
|
|
4112
|
+
}
|
|
4101
4113
|
.w-\[170px\] {
|
|
4102
4114
|
width: 170px;
|
|
4103
4115
|
}
|
|
@@ -9316,12 +9328,24 @@ body {
|
|
|
9316
9328
|
.xsl\:w-\[12\.67ex\] {
|
|
9317
9329
|
width: 12.67ex;
|
|
9318
9330
|
}
|
|
9331
|
+
.xsl\:w-\[120px\] {
|
|
9332
|
+
width: 120px;
|
|
9333
|
+
}
|
|
9319
9334
|
.xsl\:w-\[14\.48ex\] {
|
|
9320
9335
|
width: 14.48ex;
|
|
9321
9336
|
}
|
|
9337
|
+
.xsl\:w-\[140px\] {
|
|
9338
|
+
width: 140px;
|
|
9339
|
+
}
|
|
9340
|
+
.xsl\:w-\[145px\] {
|
|
9341
|
+
width: 145px;
|
|
9342
|
+
}
|
|
9322
9343
|
.xsl\:w-\[16\.29ex\] {
|
|
9323
9344
|
width: 16.29ex;
|
|
9324
9345
|
}
|
|
9346
|
+
.xsl\:w-\[165px\] {
|
|
9347
|
+
width: 165px;
|
|
9348
|
+
}
|
|
9325
9349
|
.xsl\:w-\[18\.1ex\] {
|
|
9326
9350
|
width: 18.1ex;
|
|
9327
9351
|
}
|
|
@@ -11087,12 +11111,24 @@ body {
|
|
|
11087
11111
|
.sm\:w-\[12\.67ex\] {
|
|
11088
11112
|
width: 12.67ex;
|
|
11089
11113
|
}
|
|
11114
|
+
.sm\:w-\[120px\] {
|
|
11115
|
+
width: 120px;
|
|
11116
|
+
}
|
|
11090
11117
|
.sm\:w-\[14\.48ex\] {
|
|
11091
11118
|
width: 14.48ex;
|
|
11092
11119
|
}
|
|
11120
|
+
.sm\:w-\[140px\] {
|
|
11121
|
+
width: 140px;
|
|
11122
|
+
}
|
|
11123
|
+
.sm\:w-\[145px\] {
|
|
11124
|
+
width: 145px;
|
|
11125
|
+
}
|
|
11093
11126
|
.sm\:w-\[16\.29ex\] {
|
|
11094
11127
|
width: 16.29ex;
|
|
11095
11128
|
}
|
|
11129
|
+
.sm\:w-\[165px\] {
|
|
11130
|
+
width: 165px;
|
|
11131
|
+
}
|
|
11096
11132
|
.sm\:w-\[18\.1ex\] {
|
|
11097
11133
|
width: 18.1ex;
|
|
11098
11134
|
}
|
|
@@ -12949,12 +12985,24 @@ body {
|
|
|
12949
12985
|
.md\:w-\[12\.67ex\] {
|
|
12950
12986
|
width: 12.67ex;
|
|
12951
12987
|
}
|
|
12988
|
+
.md\:w-\[120px\] {
|
|
12989
|
+
width: 120px;
|
|
12990
|
+
}
|
|
12952
12991
|
.md\:w-\[14\.48ex\] {
|
|
12953
12992
|
width: 14.48ex;
|
|
12954
12993
|
}
|
|
12994
|
+
.md\:w-\[140px\] {
|
|
12995
|
+
width: 140px;
|
|
12996
|
+
}
|
|
12997
|
+
.md\:w-\[145px\] {
|
|
12998
|
+
width: 145px;
|
|
12999
|
+
}
|
|
12955
13000
|
.md\:w-\[16\.29ex\] {
|
|
12956
13001
|
width: 16.29ex;
|
|
12957
13002
|
}
|
|
13003
|
+
.md\:w-\[165px\] {
|
|
13004
|
+
width: 165px;
|
|
13005
|
+
}
|
|
12958
13006
|
.md\:w-\[18\.1ex\] {
|
|
12959
13007
|
width: 18.1ex;
|
|
12960
13008
|
}
|
|
@@ -14807,12 +14855,24 @@ body {
|
|
|
14807
14855
|
.lg\:w-\[12\.67ex\] {
|
|
14808
14856
|
width: 12.67ex;
|
|
14809
14857
|
}
|
|
14858
|
+
.lg\:w-\[120px\] {
|
|
14859
|
+
width: 120px;
|
|
14860
|
+
}
|
|
14810
14861
|
.lg\:w-\[14\.48ex\] {
|
|
14811
14862
|
width: 14.48ex;
|
|
14812
14863
|
}
|
|
14864
|
+
.lg\:w-\[140px\] {
|
|
14865
|
+
width: 140px;
|
|
14866
|
+
}
|
|
14867
|
+
.lg\:w-\[145px\] {
|
|
14868
|
+
width: 145px;
|
|
14869
|
+
}
|
|
14813
14870
|
.lg\:w-\[16\.29ex\] {
|
|
14814
14871
|
width: 16.29ex;
|
|
14815
14872
|
}
|
|
14873
|
+
.lg\:w-\[165px\] {
|
|
14874
|
+
width: 165px;
|
|
14875
|
+
}
|
|
14816
14876
|
.lg\:w-\[18\.1ex\] {
|
|
14817
14877
|
width: 18.1ex;
|
|
14818
14878
|
}
|
|
@@ -16600,12 +16660,24 @@ body {
|
|
|
16600
16660
|
.xl\:w-\[12\.67ex\] {
|
|
16601
16661
|
width: 12.67ex;
|
|
16602
16662
|
}
|
|
16663
|
+
.xl\:w-\[120px\] {
|
|
16664
|
+
width: 120px;
|
|
16665
|
+
}
|
|
16603
16666
|
.xl\:w-\[14\.48ex\] {
|
|
16604
16667
|
width: 14.48ex;
|
|
16605
16668
|
}
|
|
16669
|
+
.xl\:w-\[140px\] {
|
|
16670
|
+
width: 140px;
|
|
16671
|
+
}
|
|
16672
|
+
.xl\:w-\[145px\] {
|
|
16673
|
+
width: 145px;
|
|
16674
|
+
}
|
|
16606
16675
|
.xl\:w-\[16\.29ex\] {
|
|
16607
16676
|
width: 16.29ex;
|
|
16608
16677
|
}
|
|
16678
|
+
.xl\:w-\[165px\] {
|
|
16679
|
+
width: 165px;
|
|
16680
|
+
}
|
|
16609
16681
|
.xl\:w-\[18\.1ex\] {
|
|
16610
16682
|
width: 18.1ex;
|
|
16611
16683
|
}
|
|
@@ -4077,12 +4077,21 @@ body {
|
|
|
4077
4077
|
.w-\[12\.67ex\] {
|
|
4078
4078
|
width: 12.67ex;
|
|
4079
4079
|
}
|
|
4080
|
+
.w-\[120px\] {
|
|
4081
|
+
width: 120px;
|
|
4082
|
+
}
|
|
4080
4083
|
.w-\[122px\] {
|
|
4081
4084
|
width: 122px;
|
|
4082
4085
|
}
|
|
4083
4086
|
.w-\[14\.48ex\] {
|
|
4084
4087
|
width: 14.48ex;
|
|
4085
4088
|
}
|
|
4089
|
+
.w-\[140px\] {
|
|
4090
|
+
width: 140px;
|
|
4091
|
+
}
|
|
4092
|
+
.w-\[145px\] {
|
|
4093
|
+
width: 145px;
|
|
4094
|
+
}
|
|
4086
4095
|
.w-\[15\.625rem\] {
|
|
4087
4096
|
width: 15.625rem;
|
|
4088
4097
|
}
|
|
@@ -4098,6 +4107,9 @@ body {
|
|
|
4098
4107
|
.w-\[160px\] {
|
|
4099
4108
|
width: 160px;
|
|
4100
4109
|
}
|
|
4110
|
+
.w-\[165px\] {
|
|
4111
|
+
width: 165px;
|
|
4112
|
+
}
|
|
4101
4113
|
.w-\[170px\] {
|
|
4102
4114
|
width: 170px;
|
|
4103
4115
|
}
|
|
@@ -9316,12 +9328,24 @@ body {
|
|
|
9316
9328
|
.xsl\:w-\[12\.67ex\] {
|
|
9317
9329
|
width: 12.67ex;
|
|
9318
9330
|
}
|
|
9331
|
+
.xsl\:w-\[120px\] {
|
|
9332
|
+
width: 120px;
|
|
9333
|
+
}
|
|
9319
9334
|
.xsl\:w-\[14\.48ex\] {
|
|
9320
9335
|
width: 14.48ex;
|
|
9321
9336
|
}
|
|
9337
|
+
.xsl\:w-\[140px\] {
|
|
9338
|
+
width: 140px;
|
|
9339
|
+
}
|
|
9340
|
+
.xsl\:w-\[145px\] {
|
|
9341
|
+
width: 145px;
|
|
9342
|
+
}
|
|
9322
9343
|
.xsl\:w-\[16\.29ex\] {
|
|
9323
9344
|
width: 16.29ex;
|
|
9324
9345
|
}
|
|
9346
|
+
.xsl\:w-\[165px\] {
|
|
9347
|
+
width: 165px;
|
|
9348
|
+
}
|
|
9325
9349
|
.xsl\:w-\[18\.1ex\] {
|
|
9326
9350
|
width: 18.1ex;
|
|
9327
9351
|
}
|
|
@@ -11087,12 +11111,24 @@ body {
|
|
|
11087
11111
|
.sm\:w-\[12\.67ex\] {
|
|
11088
11112
|
width: 12.67ex;
|
|
11089
11113
|
}
|
|
11114
|
+
.sm\:w-\[120px\] {
|
|
11115
|
+
width: 120px;
|
|
11116
|
+
}
|
|
11090
11117
|
.sm\:w-\[14\.48ex\] {
|
|
11091
11118
|
width: 14.48ex;
|
|
11092
11119
|
}
|
|
11120
|
+
.sm\:w-\[140px\] {
|
|
11121
|
+
width: 140px;
|
|
11122
|
+
}
|
|
11123
|
+
.sm\:w-\[145px\] {
|
|
11124
|
+
width: 145px;
|
|
11125
|
+
}
|
|
11093
11126
|
.sm\:w-\[16\.29ex\] {
|
|
11094
11127
|
width: 16.29ex;
|
|
11095
11128
|
}
|
|
11129
|
+
.sm\:w-\[165px\] {
|
|
11130
|
+
width: 165px;
|
|
11131
|
+
}
|
|
11096
11132
|
.sm\:w-\[18\.1ex\] {
|
|
11097
11133
|
width: 18.1ex;
|
|
11098
11134
|
}
|
|
@@ -12949,12 +12985,24 @@ body {
|
|
|
12949
12985
|
.md\:w-\[12\.67ex\] {
|
|
12950
12986
|
width: 12.67ex;
|
|
12951
12987
|
}
|
|
12988
|
+
.md\:w-\[120px\] {
|
|
12989
|
+
width: 120px;
|
|
12990
|
+
}
|
|
12952
12991
|
.md\:w-\[14\.48ex\] {
|
|
12953
12992
|
width: 14.48ex;
|
|
12954
12993
|
}
|
|
12994
|
+
.md\:w-\[140px\] {
|
|
12995
|
+
width: 140px;
|
|
12996
|
+
}
|
|
12997
|
+
.md\:w-\[145px\] {
|
|
12998
|
+
width: 145px;
|
|
12999
|
+
}
|
|
12955
13000
|
.md\:w-\[16\.29ex\] {
|
|
12956
13001
|
width: 16.29ex;
|
|
12957
13002
|
}
|
|
13003
|
+
.md\:w-\[165px\] {
|
|
13004
|
+
width: 165px;
|
|
13005
|
+
}
|
|
12958
13006
|
.md\:w-\[18\.1ex\] {
|
|
12959
13007
|
width: 18.1ex;
|
|
12960
13008
|
}
|
|
@@ -14807,12 +14855,24 @@ body {
|
|
|
14807
14855
|
.lg\:w-\[12\.67ex\] {
|
|
14808
14856
|
width: 12.67ex;
|
|
14809
14857
|
}
|
|
14858
|
+
.lg\:w-\[120px\] {
|
|
14859
|
+
width: 120px;
|
|
14860
|
+
}
|
|
14810
14861
|
.lg\:w-\[14\.48ex\] {
|
|
14811
14862
|
width: 14.48ex;
|
|
14812
14863
|
}
|
|
14864
|
+
.lg\:w-\[140px\] {
|
|
14865
|
+
width: 140px;
|
|
14866
|
+
}
|
|
14867
|
+
.lg\:w-\[145px\] {
|
|
14868
|
+
width: 145px;
|
|
14869
|
+
}
|
|
14813
14870
|
.lg\:w-\[16\.29ex\] {
|
|
14814
14871
|
width: 16.29ex;
|
|
14815
14872
|
}
|
|
14873
|
+
.lg\:w-\[165px\] {
|
|
14874
|
+
width: 165px;
|
|
14875
|
+
}
|
|
14816
14876
|
.lg\:w-\[18\.1ex\] {
|
|
14817
14877
|
width: 18.1ex;
|
|
14818
14878
|
}
|
|
@@ -16600,12 +16660,24 @@ body {
|
|
|
16600
16660
|
.xl\:w-\[12\.67ex\] {
|
|
16601
16661
|
width: 12.67ex;
|
|
16602
16662
|
}
|
|
16663
|
+
.xl\:w-\[120px\] {
|
|
16664
|
+
width: 120px;
|
|
16665
|
+
}
|
|
16603
16666
|
.xl\:w-\[14\.48ex\] {
|
|
16604
16667
|
width: 14.48ex;
|
|
16605
16668
|
}
|
|
16669
|
+
.xl\:w-\[140px\] {
|
|
16670
|
+
width: 140px;
|
|
16671
|
+
}
|
|
16672
|
+
.xl\:w-\[145px\] {
|
|
16673
|
+
width: 145px;
|
|
16674
|
+
}
|
|
16606
16675
|
.xl\:w-\[16\.29ex\] {
|
|
16607
16676
|
width: 16.29ex;
|
|
16608
16677
|
}
|
|
16678
|
+
.xl\:w-\[165px\] {
|
|
16679
|
+
width: 165px;
|
|
16680
|
+
}
|
|
16609
16681
|
.xl\:w-\[18\.1ex\] {
|
|
16610
16682
|
width: 18.1ex;
|
|
16611
16683
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@westpac/ui",
|
|
3
|
-
"version": "0.59.
|
|
3
|
+
"version": "0.59.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"type": "module",
|
|
@@ -260,9 +260,9 @@
|
|
|
260
260
|
"typescript": "^5.5.4",
|
|
261
261
|
"vite": "^7.0.8",
|
|
262
262
|
"vitest": "^3.2.4",
|
|
263
|
-
"@westpac/eslint-config": "~1.0.2",
|
|
264
263
|
"@westpac/test-config": "~0.0.0",
|
|
265
|
-
"@westpac/ts-config": "~0.0.0"
|
|
264
|
+
"@westpac/ts-config": "~0.0.0",
|
|
265
|
+
"@westpac/eslint-config": "~1.0.2"
|
|
266
266
|
},
|
|
267
267
|
"dependencies": {
|
|
268
268
|
"@duetds/date-picker": "~1.4.0",
|
|
@@ -11,19 +11,19 @@ export const styles = tv(
|
|
|
11
11
|
size: {
|
|
12
12
|
small: {
|
|
13
13
|
input: 'max-h-5',
|
|
14
|
-
dateField: 'form-control-small h-5',
|
|
14
|
+
dateField: 'form-control-small h-5 w-[120px]',
|
|
15
15
|
},
|
|
16
16
|
medium: {
|
|
17
17
|
input: 'max-h-6',
|
|
18
|
-
dateField: 'form-control-medium h-6',
|
|
18
|
+
dateField: 'form-control-medium h-6 w-[140px]',
|
|
19
19
|
},
|
|
20
20
|
large: {
|
|
21
21
|
input: 'max-h-7',
|
|
22
|
-
dateField: 'form-control-large h-7',
|
|
22
|
+
dateField: 'form-control-large h-7 w-[145px]',
|
|
23
23
|
},
|
|
24
24
|
xlarge: {
|
|
25
25
|
input: 'max-h-8',
|
|
26
|
-
dateField: 'form-control-xlarge h-8',
|
|
26
|
+
dateField: 'form-control-xlarge h-8 w-[165px]',
|
|
27
27
|
},
|
|
28
28
|
},
|
|
29
29
|
block: {
|