@opengovsg/oui-theme 0.0.0-snapshot-20250808095237 → 0.0.0-snapshot-20250808095255

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 (57) hide show
  1. package/dist/components/badge.d.mts +2 -182
  2. package/dist/components/badge.d.ts +2 -182
  3. package/dist/components/banner.d.mts +1 -78
  4. package/dist/components/banner.d.ts +1 -78
  5. package/dist/components/button.d.mts +1 -123
  6. package/dist/components/button.d.ts +1 -123
  7. package/dist/components/calendar.d.mts +1 -107
  8. package/dist/components/calendar.d.ts +1 -107
  9. package/dist/components/combo-box-fuzzy.d.mts +1 -32
  10. package/dist/components/combo-box-fuzzy.d.ts +1 -32
  11. package/dist/components/combo-box.d.mts +2 -146
  12. package/dist/components/combo-box.d.ts +2 -146
  13. package/dist/components/date-field.d.mts +9 -150
  14. package/dist/components/date-field.d.ts +9 -150
  15. package/dist/components/date-picker.d.mts +1 -50
  16. package/dist/components/date-picker.d.ts +1 -50
  17. package/dist/components/date-range-picker.d.mts +1 -68
  18. package/dist/components/date-range-picker.d.ts +1 -68
  19. package/dist/components/field-group.d.mts +2 -109
  20. package/dist/components/field-group.d.ts +2 -109
  21. package/dist/components/field.d.mts +3 -103
  22. package/dist/components/field.d.ts +3 -103
  23. package/dist/components/govt-banner.d.mts +44 -75
  24. package/dist/components/govt-banner.d.ts +44 -75
  25. package/dist/components/index.d.mts +1 -1
  26. package/dist/components/index.d.ts +1 -1
  27. package/dist/components/input.d.mts +1 -45
  28. package/dist/components/input.d.ts +1 -45
  29. package/dist/components/list-box.d.mts +1 -87
  30. package/dist/components/list-box.d.ts +1 -87
  31. package/dist/components/menu.d.mts +4 -198
  32. package/dist/components/menu.d.ts +4 -198
  33. package/dist/components/popover.d.mts +2 -46
  34. package/dist/components/popover.d.ts +2 -46
  35. package/dist/components/select.d.mts +19 -197
  36. package/dist/components/select.d.ts +19 -197
  37. package/dist/components/skip-nav-link.d.mts +1 -15
  38. package/dist/components/skip-nav-link.d.ts +1 -15
  39. package/dist/components/spinner.d.mts +1 -74
  40. package/dist/components/spinner.d.ts +1 -74
  41. package/dist/components/tabs.d.mts +9 -198
  42. package/dist/components/tabs.d.ts +9 -198
  43. package/dist/components/tag-field.d.mts +1 -79
  44. package/dist/components/tag-field.d.ts +1 -79
  45. package/dist/components/text-area.d.mts +1 -62
  46. package/dist/components/text-area.d.ts +1 -62
  47. package/dist/components/toggle.d.mts +1 -68
  48. package/dist/components/toggle.d.ts +1 -68
  49. package/dist/index.d.mts +0 -1
  50. package/dist/index.d.ts +0 -1
  51. package/dist/utils/classes.d.mts +1 -27
  52. package/dist/utils/classes.d.ts +1 -27
  53. package/dist/utils/index.d.mts +0 -1
  54. package/dist/utils/index.d.ts +0 -1
  55. package/dist/utils/tv.d.mts +1 -12
  56. package/dist/utils/tv.d.ts +1 -12
  57. package/package.json +6 -5
@@ -1,41 +1,41 @@
1
- import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
2
1
  import * as tailwind_variants from 'tailwind-variants';
3
2
  import { VariantProps } from 'tailwind-variants';
3
+ import * as tailwind_merge from 'tailwind-merge';
4
4
 
5
5
  declare const govtBannerStyles: tailwind_variants.TVReturnType<{
6
6
  [key: string]: {
7
- [key: string]: tailwind_variants.ClassValue | {
8
- link?: tailwind_variants.ClassValue;
9
- banner?: tailwind_variants.ClassValue;
10
- mainContentContainer?: tailwind_variants.ClassValue;
11
- crest?: tailwind_variants.ClassValue;
12
- mainContent?: tailwind_variants.ClassValue;
13
- panel?: tailwind_variants.ClassValue;
14
- panelGroup?: tailwind_variants.ClassValue;
15
- panelSection?: tailwind_variants.ClassValue;
16
- panelIcon?: tailwind_variants.ClassValue;
17
- chevron?: tailwind_variants.ClassValue;
18
- inlineIcon?: tailwind_variants.ClassValue;
19
- panelHeader?: tailwind_variants.ClassValue;
20
- identifyButton?: tailwind_variants.ClassValue;
7
+ [key: string]: tailwind_merge.ClassNameValue | {
8
+ link?: tailwind_merge.ClassNameValue;
9
+ banner?: tailwind_merge.ClassNameValue;
10
+ mainContentContainer?: tailwind_merge.ClassNameValue;
11
+ crest?: tailwind_merge.ClassNameValue;
12
+ mainContent?: tailwind_merge.ClassNameValue;
13
+ panel?: tailwind_merge.ClassNameValue;
14
+ panelGroup?: tailwind_merge.ClassNameValue;
15
+ panelSection?: tailwind_merge.ClassNameValue;
16
+ panelIcon?: tailwind_merge.ClassNameValue;
17
+ chevron?: tailwind_merge.ClassNameValue;
18
+ inlineIcon?: tailwind_merge.ClassNameValue;
19
+ panelHeader?: tailwind_merge.ClassNameValue;
20
+ identifyButton?: tailwind_merge.ClassNameValue;
21
21
  };
22
22
  };
23
23
  } | {
24
24
  [x: string]: {
25
- [x: string]: tailwind_variants.ClassValue | {
26
- link?: tailwind_variants.ClassValue;
27
- banner?: tailwind_variants.ClassValue;
28
- mainContentContainer?: tailwind_variants.ClassValue;
29
- crest?: tailwind_variants.ClassValue;
30
- mainContent?: tailwind_variants.ClassValue;
31
- panel?: tailwind_variants.ClassValue;
32
- panelGroup?: tailwind_variants.ClassValue;
33
- panelSection?: tailwind_variants.ClassValue;
34
- panelIcon?: tailwind_variants.ClassValue;
35
- chevron?: tailwind_variants.ClassValue;
36
- inlineIcon?: tailwind_variants.ClassValue;
37
- panelHeader?: tailwind_variants.ClassValue;
38
- identifyButton?: tailwind_variants.ClassValue;
25
+ [x: string]: tailwind_merge.ClassNameValue | {
26
+ link?: tailwind_merge.ClassNameValue;
27
+ banner?: tailwind_merge.ClassNameValue;
28
+ mainContentContainer?: tailwind_merge.ClassNameValue;
29
+ crest?: tailwind_merge.ClassNameValue;
30
+ mainContent?: tailwind_merge.ClassNameValue;
31
+ panel?: tailwind_merge.ClassNameValue;
32
+ panelGroup?: tailwind_merge.ClassNameValue;
33
+ panelSection?: tailwind_merge.ClassNameValue;
34
+ panelIcon?: tailwind_merge.ClassNameValue;
35
+ chevron?: tailwind_merge.ClassNameValue;
36
+ inlineIcon?: tailwind_merge.ClassNameValue;
37
+ panelHeader?: tailwind_merge.ClassNameValue;
38
+ identifyButton?: tailwind_merge.ClassNameValue;
39
39
  };
40
40
  };
41
41
  } | {}, {
@@ -53,34 +53,21 @@ declare const govtBannerStyles: tailwind_variants.TVReturnType<{
53
53
  inlineIcon: string;
54
54
  panelHeader: string;
55
55
  }, undefined, {
56
- responsiveVariants?: boolean | (string | number | symbol)[] | {} | undefined;
57
- } & tailwind_variants_dist_config_js.TWMConfig & {
58
- twMergeConfig: {
59
- extend: {
60
- theme: {};
61
- classGroups: {
62
- prose: {
63
- prose: (() => boolean)[];
64
- }[];
65
- };
66
- };
67
- };
68
- }, {
69
56
  [key: string]: {
70
- [key: string]: tailwind_variants.ClassValue | {
71
- link?: tailwind_variants.ClassValue;
72
- banner?: tailwind_variants.ClassValue;
73
- mainContentContainer?: tailwind_variants.ClassValue;
74
- crest?: tailwind_variants.ClassValue;
75
- mainContent?: tailwind_variants.ClassValue;
76
- panel?: tailwind_variants.ClassValue;
77
- panelGroup?: tailwind_variants.ClassValue;
78
- panelSection?: tailwind_variants.ClassValue;
79
- panelIcon?: tailwind_variants.ClassValue;
80
- chevron?: tailwind_variants.ClassValue;
81
- inlineIcon?: tailwind_variants.ClassValue;
82
- panelHeader?: tailwind_variants.ClassValue;
83
- identifyButton?: tailwind_variants.ClassValue;
57
+ [key: string]: tailwind_merge.ClassNameValue | {
58
+ link?: tailwind_merge.ClassNameValue;
59
+ banner?: tailwind_merge.ClassNameValue;
60
+ mainContentContainer?: tailwind_merge.ClassNameValue;
61
+ crest?: tailwind_merge.ClassNameValue;
62
+ mainContent?: tailwind_merge.ClassNameValue;
63
+ panel?: tailwind_merge.ClassNameValue;
64
+ panelGroup?: tailwind_merge.ClassNameValue;
65
+ panelSection?: tailwind_merge.ClassNameValue;
66
+ panelIcon?: tailwind_merge.ClassNameValue;
67
+ chevron?: tailwind_merge.ClassNameValue;
68
+ inlineIcon?: tailwind_merge.ClassNameValue;
69
+ panelHeader?: tailwind_merge.ClassNameValue;
70
+ identifyButton?: tailwind_merge.ClassNameValue;
84
71
  };
85
72
  };
86
73
  } | {}, {
@@ -111,25 +98,7 @@ declare const govtBannerStyles: tailwind_variants.TVReturnType<{
111
98
  chevron: string;
112
99
  inlineIcon: string;
113
100
  panelHeader: string;
114
- }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
115
- [key: string]: {
116
- [key: string]: tailwind_variants.ClassValue | {
117
- link?: tailwind_variants.ClassValue;
118
- banner?: tailwind_variants.ClassValue;
119
- mainContentContainer?: tailwind_variants.ClassValue;
120
- crest?: tailwind_variants.ClassValue;
121
- mainContent?: tailwind_variants.ClassValue;
122
- panel?: tailwind_variants.ClassValue;
123
- panelGroup?: tailwind_variants.ClassValue;
124
- panelSection?: tailwind_variants.ClassValue;
125
- panelIcon?: tailwind_variants.ClassValue;
126
- chevron?: tailwind_variants.ClassValue;
127
- inlineIcon?: tailwind_variants.ClassValue;
128
- panelHeader?: tailwind_variants.ClassValue;
129
- identifyButton?: tailwind_variants.ClassValue;
130
- };
131
- };
132
- } | {}>, unknown, unknown, undefined>>;
101
+ }, undefined, unknown, unknown, undefined>>;
133
102
  type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>;
134
103
  type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>;
135
104
 
@@ -22,4 +22,4 @@ export { DateFieldVariantProps, DateInputSlots, DateInputVariantProps, dateField
22
22
  export { DatePickerSlots, DatePickerVariantProps, datePickerStyles } from './date-picker.mjs';
23
23
  export { DateRangePickerSlots, DateRangePickerVariantProps, dateRangePickerStyles } from './date-range-picker.mjs';
24
24
  import 'tailwind-variants';
25
- import 'tailwind-variants/dist/config.js';
25
+ import 'tailwind-merge';
@@ -22,4 +22,4 @@ export { DateFieldVariantProps, DateInputSlots, DateInputVariantProps, dateField
22
22
  export { DatePickerSlots, DatePickerVariantProps, datePickerStyles } from './date-picker.js';
23
23
  export { DateRangePickerSlots, DateRangePickerVariantProps, dateRangePickerStyles } from './date-range-picker.js';
24
24
  import 'tailwind-variants';
25
- import 'tailwind-variants/dist/config.js';
25
+ import 'tailwind-merge';
@@ -1,6 +1,5 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
2
  import { VariantProps } from 'tailwind-variants';
3
- import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
4
3
 
5
4
  declare const inputStyles: tailwind_variants.TVReturnType<{
6
5
  size: {
@@ -16,23 +15,6 @@ declare const inputStyles: tailwind_variants.TVReturnType<{
16
15
  true: string;
17
16
  };
18
17
  }, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", {
19
- responsiveVariants?: boolean | (string | number | symbol)[] | {
20
- size?: boolean | (string | number | symbol)[] | undefined;
21
- variant?: boolean | (string | number | symbol)[] | undefined;
22
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
23
- } | undefined;
24
- } & tailwind_variants_dist_config_js.TWMConfig & {
25
- twMergeConfig: {
26
- extend: {
27
- theme: {};
28
- classGroups: {
29
- prose: {
30
- prose: (() => boolean)[];
31
- }[];
32
- };
33
- };
34
- };
35
- }, {
36
18
  size: {
37
19
  xs: string;
38
20
  sm: string;
@@ -58,33 +40,7 @@ declare const inputStyles: tailwind_variants.TVReturnType<{
58
40
  isDisabled: {
59
41
  true: string;
60
42
  };
61
- }, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", tailwind_variants_dist_config_js.TVConfig<{
62
- size: {
63
- xs: string;
64
- sm: string;
65
- md: string;
66
- };
67
- variant: {
68
- outline: string;
69
- unstyled: string;
70
- };
71
- isDisabled: {
72
- true: string;
73
- };
74
- }, {
75
- size: {
76
- xs: string;
77
- sm: string;
78
- md: string;
79
- };
80
- variant: {
81
- outline: string;
82
- unstyled: string;
83
- };
84
- isDisabled: {
85
- true: string;
86
- };
87
- }>, unknown, unknown, undefined>>;
43
+ }, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", unknown, unknown, undefined>>;
88
44
  type InputVariantProps = VariantProps<typeof inputStyles>;
89
45
 
90
46
  export { type InputVariantProps, inputStyles };
@@ -1,6 +1,5 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
2
  import { VariantProps } from 'tailwind-variants';
3
- import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
4
3
 
5
4
  declare const inputStyles: tailwind_variants.TVReturnType<{
6
5
  size: {
@@ -16,23 +15,6 @@ declare const inputStyles: tailwind_variants.TVReturnType<{
16
15
  true: string;
17
16
  };
18
17
  }, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", {
19
- responsiveVariants?: boolean | (string | number | symbol)[] | {
20
- size?: boolean | (string | number | symbol)[] | undefined;
21
- variant?: boolean | (string | number | symbol)[] | undefined;
22
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
23
- } | undefined;
24
- } & tailwind_variants_dist_config_js.TWMConfig & {
25
- twMergeConfig: {
26
- extend: {
27
- theme: {};
28
- classGroups: {
29
- prose: {
30
- prose: (() => boolean)[];
31
- }[];
32
- };
33
- };
34
- };
35
- }, {
36
18
  size: {
37
19
  xs: string;
38
20
  sm: string;
@@ -58,33 +40,7 @@ declare const inputStyles: tailwind_variants.TVReturnType<{
58
40
  isDisabled: {
59
41
  true: string;
60
42
  };
61
- }, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", tailwind_variants_dist_config_js.TVConfig<{
62
- size: {
63
- xs: string;
64
- sm: string;
65
- md: string;
66
- };
67
- variant: {
68
- outline: string;
69
- unstyled: string;
70
- };
71
- isDisabled: {
72
- true: string;
73
- };
74
- }, {
75
- size: {
76
- xs: string;
77
- sm: string;
78
- md: string;
79
- };
80
- variant: {
81
- outline: string;
82
- unstyled: string;
83
- };
84
- isDisabled: {
85
- true: string;
86
- };
87
- }>, unknown, unknown, undefined>>;
43
+ }, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", unknown, unknown, undefined>>;
88
44
  type InputVariantProps = VariantProps<typeof inputStyles>;
89
45
 
90
46
  export { type InputVariantProps, inputStyles };
@@ -1,6 +1,5 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
2
  import { VariantProps } from 'tailwind-variants';
3
- import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
4
3
 
5
4
  declare const listBoxItemStyles: tailwind_variants.TVReturnType<{
6
5
  size: {
@@ -40,25 +39,6 @@ declare const listBoxItemStyles: tailwind_variants.TVReturnType<{
40
39
  label: string;
41
40
  description: string;
42
41
  }, undefined, {
43
- responsiveVariants?: boolean | (string | number | symbol)[] | {
44
- size?: boolean | (string | number | symbol)[] | undefined;
45
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
46
- isSelected?: boolean | (string | number | symbol)[] | undefined;
47
- isFocused?: boolean | (string | number | symbol)[] | undefined;
48
- isOpen?: boolean | (string | number | symbol)[] | undefined;
49
- } | undefined;
50
- } & tailwind_variants_dist_config_js.TWMConfig & {
51
- twMergeConfig: {
52
- extend: {
53
- theme: {};
54
- classGroups: {
55
- prose: {
56
- prose: (() => boolean)[];
57
- }[];
58
- };
59
- };
60
- };
61
- }, {
62
42
  size: {
63
43
  xs: {
64
44
  container: string;
@@ -132,73 +112,7 @@ declare const listBoxItemStyles: tailwind_variants.TVReturnType<{
132
112
  container: string;
133
113
  label: string;
134
114
  description: string;
135
- }, undefined, tailwind_variants_dist_config_js.TVConfig<{
136
- size: {
137
- xs: {
138
- container: string;
139
- description: string;
140
- };
141
- sm: {
142
- container: string;
143
- description: string;
144
- };
145
- md: {
146
- container: string;
147
- description: string;
148
- };
149
- };
150
- isFocused: {
151
- true: {
152
- container: string;
153
- };
154
- };
155
- isOpen: {
156
- true: string;
157
- };
158
- isSelected: {
159
- true: {
160
- container: string;
161
- };
162
- };
163
- isDisabled: {
164
- true: {
165
- container: string;
166
- };
167
- };
168
- }, {
169
- size: {
170
- xs: {
171
- container: string;
172
- description: string;
173
- };
174
- sm: {
175
- container: string;
176
- description: string;
177
- };
178
- md: {
179
- container: string;
180
- description: string;
181
- };
182
- };
183
- isFocused: {
184
- true: {
185
- container: string;
186
- };
187
- };
188
- isOpen: {
189
- true: string;
190
- };
191
- isSelected: {
192
- true: {
193
- container: string;
194
- };
195
- };
196
- isDisabled: {
197
- true: {
198
- container: string;
199
- };
200
- };
201
- }>, unknown, unknown, undefined>>;
115
+ }, undefined, unknown, unknown, undefined>>;
202
116
  type ListBoxItemVariantProps = VariantProps<typeof listBoxItemStyles>;
203
117
  type ListBoxItemSlots = keyof ReturnType<typeof listBoxItemStyles>;
204
118
 
@@ -1,6 +1,5 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
2
  import { VariantProps } from 'tailwind-variants';
3
- import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
4
3
 
5
4
  declare const listBoxItemStyles: tailwind_variants.TVReturnType<{
6
5
  size: {
@@ -40,25 +39,6 @@ declare const listBoxItemStyles: tailwind_variants.TVReturnType<{
40
39
  label: string;
41
40
  description: string;
42
41
  }, undefined, {
43
- responsiveVariants?: boolean | (string | number | symbol)[] | {
44
- size?: boolean | (string | number | symbol)[] | undefined;
45
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
46
- isSelected?: boolean | (string | number | symbol)[] | undefined;
47
- isFocused?: boolean | (string | number | symbol)[] | undefined;
48
- isOpen?: boolean | (string | number | symbol)[] | undefined;
49
- } | undefined;
50
- } & tailwind_variants_dist_config_js.TWMConfig & {
51
- twMergeConfig: {
52
- extend: {
53
- theme: {};
54
- classGroups: {
55
- prose: {
56
- prose: (() => boolean)[];
57
- }[];
58
- };
59
- };
60
- };
61
- }, {
62
42
  size: {
63
43
  xs: {
64
44
  container: string;
@@ -132,73 +112,7 @@ declare const listBoxItemStyles: tailwind_variants.TVReturnType<{
132
112
  container: string;
133
113
  label: string;
134
114
  description: string;
135
- }, undefined, tailwind_variants_dist_config_js.TVConfig<{
136
- size: {
137
- xs: {
138
- container: string;
139
- description: string;
140
- };
141
- sm: {
142
- container: string;
143
- description: string;
144
- };
145
- md: {
146
- container: string;
147
- description: string;
148
- };
149
- };
150
- isFocused: {
151
- true: {
152
- container: string;
153
- };
154
- };
155
- isOpen: {
156
- true: string;
157
- };
158
- isSelected: {
159
- true: {
160
- container: string;
161
- };
162
- };
163
- isDisabled: {
164
- true: {
165
- container: string;
166
- };
167
- };
168
- }, {
169
- size: {
170
- xs: {
171
- container: string;
172
- description: string;
173
- };
174
- sm: {
175
- container: string;
176
- description: string;
177
- };
178
- md: {
179
- container: string;
180
- description: string;
181
- };
182
- };
183
- isFocused: {
184
- true: {
185
- container: string;
186
- };
187
- };
188
- isOpen: {
189
- true: string;
190
- };
191
- isSelected: {
192
- true: {
193
- container: string;
194
- };
195
- };
196
- isDisabled: {
197
- true: {
198
- container: string;
199
- };
200
- };
201
- }>, unknown, unknown, undefined>>;
115
+ }, undefined, unknown, unknown, undefined>>;
202
116
  type ListBoxItemVariantProps = VariantProps<typeof listBoxItemStyles>;
203
117
  type ListBoxItemSlots = keyof ReturnType<typeof listBoxItemStyles>;
204
118