@westpac/ui 0.20.0 → 0.20.1

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 (10) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/component-type.json +1 -1
  3. package/dist/components/input-group/input-group.component.js +1 -1
  4. package/dist/components/input-group/input-group.styles.d.ts +74 -4
  5. package/dist/components/input-group/input-group.styles.js +16 -8
  6. package/dist/css/westpac-ui.css +2 -0
  7. package/dist/css/westpac-ui.min.css +2 -0
  8. package/package.json +3 -3
  9. package/src/components/input-group/input-group.component.tsx +1 -1
  10. package/src/components/input-group/input-group.styles.ts +15 -8
package/dist/components/input-group/input-group.component.js CHANGED
@@ -109,7 +109,7 @@ export function InputGroup({ label , hideLabel , size ='medium' , hint , errorMe
109
109
  after: !!after,
110
110
  afterInset,
111
111
  beforeInset,
112
- width: !isNaN(Number(width))
112
+ width: width
113
113
  });
114
114
  return React.createElement(Tag, _extends({
115
115
  className: styles.base({
package/dist/components/input-group/input-group.styles.d.ts CHANGED
@@ -16,8 +16,43 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
16
16
  false: string;
17
17
  };
18
18
  width: {
19
- true: string;
20
- false: string;
19
+ full: string;
20
+ 1: {
21
+ input: string;
22
+ };
23
+ 2: {
24
+ input: string;
25
+ };
26
+ 3: {
27
+ input: string;
28
+ };
29
+ 4: {
30
+ input: string;
31
+ };
32
+ 5: {
33
+ input: string;
34
+ };
35
+ 6: {
36
+ input: string;
37
+ };
38
+ 7: {
39
+ input: string;
40
+ };
41
+ 8: {
42
+ input: string;
43
+ };
44
+ 9: {
45
+ input: string;
46
+ };
47
+ 10: {
48
+ input: string;
49
+ };
50
+ 20: {
51
+ input: string;
52
+ };
53
+ 30: {
54
+ input: string;
55
+ };
21
56
  };
22
57
  }, {
23
58
  base: string;
@@ -42,8 +77,43 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
42
77
  false: string;
43
78
  };
44
79
  width: {
45
- true: string;
46
- false: string;
80
+ full: string;
81
+ 1: {
82
+ input: string;
83
+ };
84
+ 2: {
85
+ input: string;
86
+ };
87
+ 3: {
88
+ input: string;
89
+ };
90
+ 4: {
91
+ input: string;
92
+ };
93
+ 5: {
94
+ input: string;
95
+ };
96
+ 6: {
97
+ input: string;
98
+ };
99
+ 7: {
100
+ input: string;
101
+ };
102
+ 8: {
103
+ input: string;
104
+ };
105
+ 9: {
106
+ input: string;
107
+ };
108
+ 10: {
109
+ input: string;
110
+ };
111
+ 20: {
112
+ input: string;
113
+ };
114
+ 30: {
115
+ input: string;
116
+ };
47
117
  };
48
118
  }, {
49
119
  base: string;
package/dist/components/input-group/input-group.styles.js CHANGED
@@ -1,4 +1,7 @@
1
1
  import { tv } from 'tailwind-variants';
2
+ const inlineFlexInput = {
3
+ input: 'inline-flex'
4
+ };
2
5
  export const styles = tv({
3
6
  slots: {
4
7
  base: 'group m-0 mb-5 border-none p-0',
@@ -22,8 +25,19 @@ export const styles = tv({
22
25
  false: ''
23
26
  },
24
27
  width: {
25
- true: '',
26
- false: ''
28
+ full: '',
29
+ 1: inlineFlexInput,
30
+ 2: inlineFlexInput,
31
+ 3: inlineFlexInput,
32
+ 4: inlineFlexInput,
33
+ 5: inlineFlexInput,
34
+ 6: inlineFlexInput,
35
+ 7: inlineFlexInput,
36
+ 8: inlineFlexInput,
37
+ 9: inlineFlexInput,
38
+ 10: inlineFlexInput,
39
+ 20: inlineFlexInput,
40
+ 30: inlineFlexInput
27
41
  }
28
42
  },
29
43
  compoundVariants: [
@@ -54,12 +68,6 @@ export const styles = tv({
54
68
  className: {
55
69
  base: 'input-group-inset-before'
56
70
  }
57
- },
58
- {
59
- width: true,
60
- className: {
61
- input: 'inline-flex'
62
- }
63
71
  }
64
72
  ]
65
73
  }, {
package/dist/css/westpac-ui.css CHANGED
@@ -1,3 +1,5 @@
1
+ Tailwind Variants Transform Failed: inlineFlexInput is not defined
2
+ If you think this is an issue, please submit it at https://github.com/nextui-org/tailwind-variants/issues/new/choose
1
3
  /*
2
4
  ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
3
5
  *//*
package/dist/css/westpac-ui.min.css CHANGED
@@ -1,3 +1,5 @@
1
+ Tailwind Variants Transform Failed: inlineFlexInput is not defined
2
+ If you think this is an issue, please submit it at https://github.com/nextui-org/tailwind-variants/issues/new/choose
1
3
  /*
2
4
  ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
3
5
  *//*
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@westpac/ui",
3
- "version": "0.20.0",
3
+ "version": "0.20.1",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "type": "module",
@@ -255,9 +255,9 @@
255
255
  "typescript": "^5.1.6",
256
256
  "vite": "^4.3.9",
257
257
  "vitest": "^0.30.1",
258
- "@westpac/eslint-config": "~0.2.1",
258
+ "@westpac/ts-config": "~0.0.0",
259
259
  "@westpac/test-config": "~0.0.0",
260
- "@westpac/ts-config": "~0.0.0"
260
+ "@westpac/eslint-config": "~0.2.1"
261
261
  },
262
262
  "dependencies": {
263
263
  "@duetds/date-picker": "~1.4.0",
package/src/components/input-group/input-group.component.tsx CHANGED
@@ -102,7 +102,7 @@ export function InputGroup({
102
102
  after: !!after,
103
103
  afterInset,
104
104
  beforeInset,
105
- width: !isNaN(Number(width)),
105
+ width: width,
106
106
  });
107
107
 
108
108
  return (
package/src/components/input-group/input-group.styles.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { tv } from 'tailwind-variants';
2
2
 
3
+ const inlineFlexInput = { input: 'inline-flex' };
3
4
  export const styles = tv(
4
5
  {
5
6
  slots: {
@@ -23,9 +24,21 @@ export const styles = tv(
23
24
  true: '',
24
25
  false: '',
25
26
  },
27
+ // Has to be done this as doing it with compoundVariants with array was not working
26
28
  width: {
27
- true: '',
28
- false: '',
29
+ full: '',
30
+ 1: inlineFlexInput,
31
+ 2: inlineFlexInput,
32
+ 3: inlineFlexInput,
33
+ 4: inlineFlexInput,
34
+ 5: inlineFlexInput,
35
+ 6: inlineFlexInput,
36
+ 7: inlineFlexInput,
37
+ 8: inlineFlexInput,
38
+ 9: inlineFlexInput,
39
+ 10: inlineFlexInput,
40
+ 20: inlineFlexInput,
41
+ 30: inlineFlexInput,
29
42
  },
30
43
  },
31
44
  compoundVariants: [
@@ -49,12 +62,6 @@ export const styles = tv(
49
62
  beforeInset: true,
50
63
  className: { base: 'input-group-inset-before' },
51
64
  },
52
- {
53
- width: true,
54
- className: {
55
- input: 'inline-flex',
56
- },
57
- },
58
65
  ],
59
66
  },
60
67
  { responsiveVariants: ['xsl', 'sm', 'md', 'lg', 'xl'] },