@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,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 buttonStyles: tailwind_variants.TVReturnType<{
6
5
  layout: {
@@ -52,29 +51,6 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
52
51
  lg: string;
53
52
  };
54
53
  }, undefined, string, {
55
- responsiveVariants?: boolean | (string | number | symbol)[] | {
56
- size?: boolean | (string | number | symbol)[] | undefined;
57
- color?: boolean | (string | number | symbol)[] | undefined;
58
- radius?: boolean | (string | number | symbol)[] | undefined;
59
- isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
60
- variant?: boolean | (string | number | symbol)[] | undefined;
61
- isIconOnly?: boolean | (string | number | symbol)[] | undefined;
62
- layout?: boolean | (string | number | symbol)[] | undefined;
63
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
64
- isAttached?: boolean | (string | number | symbol)[] | undefined;
65
- } | undefined;
66
- } & tailwind_variants_dist_config_js.TWMConfig & {
67
- twMergeConfig: {
68
- extend: {
69
- theme: {};
70
- classGroups: {
71
- prose: {
72
- prose: (() => boolean)[];
73
- }[];
74
- };
75
- };
76
- };
77
- }, {
78
54
  layout: {
79
55
  stretch: string;
80
56
  default: string;
@@ -172,105 +148,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
172
148
  md: string;
173
149
  lg: string;
174
150
  };
175
- }, undefined, string, tailwind_variants_dist_config_js.TVConfig<{
176
- layout: {
177
- stretch: string;
178
- default: string;
179
- };
180
- variant: {
181
- field: string;
182
- solid: string;
183
- reverse: string;
184
- outline: string;
185
- clear: string;
186
- unstyled: string;
187
- };
188
- color: {
189
- main: string;
190
- success: string;
191
- warning: string;
192
- critical: string;
193
- sub: string;
194
- neutral: string;
195
- inverse: string;
196
- };
197
- radius: {
198
- none: string;
199
- sm: string;
200
- default: string;
201
- md: string;
202
- lg: string;
203
- full: string;
204
- };
205
- isFocusVisible: {
206
- true: string;
207
- };
208
- isDisabled: {
209
- true: string;
210
- };
211
- isIconOnly: {
212
- true: string;
213
- false: string;
214
- };
215
- isAttached: {
216
- true: string;
217
- };
218
- size: {
219
- xs: string;
220
- sm: string;
221
- md: string;
222
- lg: string;
223
- };
224
- }, {
225
- layout: {
226
- stretch: string;
227
- default: string;
228
- };
229
- variant: {
230
- field: string;
231
- solid: string;
232
- reverse: string;
233
- outline: string;
234
- clear: string;
235
- unstyled: string;
236
- };
237
- color: {
238
- main: string;
239
- success: string;
240
- warning: string;
241
- critical: string;
242
- sub: string;
243
- neutral: string;
244
- inverse: string;
245
- };
246
- radius: {
247
- none: string;
248
- sm: string;
249
- default: string;
250
- md: string;
251
- lg: string;
252
- full: string;
253
- };
254
- isFocusVisible: {
255
- true: string;
256
- };
257
- isDisabled: {
258
- true: string;
259
- };
260
- isIconOnly: {
261
- true: string;
262
- false: string;
263
- };
264
- isAttached: {
265
- true: string;
266
- };
267
- size: {
268
- xs: string;
269
- sm: string;
270
- md: string;
271
- lg: string;
272
- };
273
- }>, unknown, unknown, undefined>>;
151
+ }, undefined, string, unknown, unknown, undefined>>;
274
152
  type ButtonVariantProps = VariantProps<typeof buttonStyles>;
275
153
 
276
154
  export { type ButtonVariantProps, buttonStyles };
@@ -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 buttonStyles: tailwind_variants.TVReturnType<{
6
5
  layout: {
@@ -52,29 +51,6 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
52
51
  lg: string;
53
52
  };
54
53
  }, undefined, string, {
55
- responsiveVariants?: boolean | (string | number | symbol)[] | {
56
- size?: boolean | (string | number | symbol)[] | undefined;
57
- color?: boolean | (string | number | symbol)[] | undefined;
58
- radius?: boolean | (string | number | symbol)[] | undefined;
59
- isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
60
- variant?: boolean | (string | number | symbol)[] | undefined;
61
- isIconOnly?: boolean | (string | number | symbol)[] | undefined;
62
- layout?: boolean | (string | number | symbol)[] | undefined;
63
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
64
- isAttached?: boolean | (string | number | symbol)[] | undefined;
65
- } | undefined;
66
- } & tailwind_variants_dist_config_js.TWMConfig & {
67
- twMergeConfig: {
68
- extend: {
69
- theme: {};
70
- classGroups: {
71
- prose: {
72
- prose: (() => boolean)[];
73
- }[];
74
- };
75
- };
76
- };
77
- }, {
78
54
  layout: {
79
55
  stretch: string;
80
56
  default: string;
@@ -172,105 +148,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
172
148
  md: string;
173
149
  lg: string;
174
150
  };
175
- }, undefined, string, tailwind_variants_dist_config_js.TVConfig<{
176
- layout: {
177
- stretch: string;
178
- default: string;
179
- };
180
- variant: {
181
- field: string;
182
- solid: string;
183
- reverse: string;
184
- outline: string;
185
- clear: string;
186
- unstyled: string;
187
- };
188
- color: {
189
- main: string;
190
- success: string;
191
- warning: string;
192
- critical: string;
193
- sub: string;
194
- neutral: string;
195
- inverse: string;
196
- };
197
- radius: {
198
- none: string;
199
- sm: string;
200
- default: string;
201
- md: string;
202
- lg: string;
203
- full: string;
204
- };
205
- isFocusVisible: {
206
- true: string;
207
- };
208
- isDisabled: {
209
- true: string;
210
- };
211
- isIconOnly: {
212
- true: string;
213
- false: string;
214
- };
215
- isAttached: {
216
- true: string;
217
- };
218
- size: {
219
- xs: string;
220
- sm: string;
221
- md: string;
222
- lg: string;
223
- };
224
- }, {
225
- layout: {
226
- stretch: string;
227
- default: string;
228
- };
229
- variant: {
230
- field: string;
231
- solid: string;
232
- reverse: string;
233
- outline: string;
234
- clear: string;
235
- unstyled: string;
236
- };
237
- color: {
238
- main: string;
239
- success: string;
240
- warning: string;
241
- critical: string;
242
- sub: string;
243
- neutral: string;
244
- inverse: string;
245
- };
246
- radius: {
247
- none: string;
248
- sm: string;
249
- default: string;
250
- md: string;
251
- lg: string;
252
- full: string;
253
- };
254
- isFocusVisible: {
255
- true: string;
256
- };
257
- isDisabled: {
258
- true: string;
259
- };
260
- isIconOnly: {
261
- true: string;
262
- false: string;
263
- };
264
- isAttached: {
265
- true: string;
266
- };
267
- size: {
268
- xs: string;
269
- sm: string;
270
- md: string;
271
- lg: string;
272
- };
273
- }>, unknown, unknown, undefined>>;
151
+ }, undefined, string, unknown, unknown, undefined>>;
274
152
  type ButtonVariantProps = VariantProps<typeof buttonStyles>;
275
153
 
276
154
  export { type ButtonVariantProps, buttonStyles };
@@ -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 calendarStyles: tailwind_variants.TVReturnType<{
6
5
  variant: {};
@@ -70,25 +69,6 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
70
69
  todayButton: string;
71
70
  errorMessage: string;
72
71
  }, undefined, {
73
- responsiveVariants?: boolean | (string | number | symbol)[] | {
74
- size?: boolean | (string | number | symbol)[] | undefined;
75
- variant?: boolean | (string | number | symbol)[] | undefined;
76
- isRange?: boolean | (string | number | symbol)[] | undefined;
77
- isSelected?: boolean | (string | number | symbol)[] | undefined;
78
- isMultipleMonths?: boolean | (string | number | symbol)[] | undefined;
79
- } | undefined;
80
- } & tailwind_variants_dist_config_js.TWMConfig & {
81
- twMergeConfig: {
82
- extend: {
83
- theme: {};
84
- classGroups: {
85
- prose: {
86
- prose: (() => boolean)[];
87
- }[];
88
- };
89
- };
90
- };
91
- }, {
92
72
  variant: {};
93
73
  isRange: {
94
74
  true: {
@@ -222,93 +202,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
222
202
  bottomContentWrapper: string;
223
203
  todayButton: string;
224
204
  errorMessage: string;
225
- }, undefined, tailwind_variants_dist_config_js.TVConfig<{
226
- variant: {};
227
- isRange: {
228
- true: {
229
- cell: string;
230
- };
231
- };
232
- isMultipleMonths: {
233
- true: {
234
- cell: string;
235
- };
236
- };
237
- isSelected: {
238
- true: string;
239
- };
240
- size: {
241
- sm: {
242
- base: string;
243
- gridHeaderCell: string;
244
- header: string;
245
- cell: string;
246
- monthSelector: string;
247
- selectorText: string;
248
- yearSelector: string;
249
- nextButton: string;
250
- selectors: string;
251
- bottomContentWrapper: string;
252
- calendar: string;
253
- };
254
- md: {
255
- base: string;
256
- gridHeaderCell: string;
257
- header: string;
258
- cell: string;
259
- monthSelector: string;
260
- selectorText: string;
261
- yearSelector: string;
262
- nextButton: string;
263
- selectors: string;
264
- bottomContentWrapper: string;
265
- calendar: string;
266
- };
267
- };
268
- }, {
269
- variant: {};
270
- isRange: {
271
- true: {
272
- cell: string;
273
- };
274
- };
275
- isMultipleMonths: {
276
- true: {
277
- cell: string;
278
- };
279
- };
280
- isSelected: {
281
- true: string;
282
- };
283
- size: {
284
- sm: {
285
- base: string;
286
- gridHeaderCell: string;
287
- header: string;
288
- cell: string;
289
- monthSelector: string;
290
- selectorText: string;
291
- yearSelector: string;
292
- nextButton: string;
293
- selectors: string;
294
- bottomContentWrapper: string;
295
- calendar: string;
296
- };
297
- md: {
298
- base: string;
299
- gridHeaderCell: string;
300
- header: string;
301
- cell: string;
302
- monthSelector: string;
303
- selectorText: string;
304
- yearSelector: string;
305
- nextButton: string;
306
- selectors: string;
307
- bottomContentWrapper: string;
308
- calendar: string;
309
- };
310
- };
311
- }>, unknown, unknown, undefined>>;
205
+ }, undefined, unknown, unknown, undefined>>;
312
206
  type CalendarVariantProps = VariantProps<typeof calendarStyles>;
313
207
  type CalendarSlots = keyof ReturnType<typeof calendarStyles>;
314
208
 
@@ -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 calendarStyles: tailwind_variants.TVReturnType<{
6
5
  variant: {};
@@ -70,25 +69,6 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
70
69
  todayButton: string;
71
70
  errorMessage: string;
72
71
  }, undefined, {
73
- responsiveVariants?: boolean | (string | number | symbol)[] | {
74
- size?: boolean | (string | number | symbol)[] | undefined;
75
- variant?: boolean | (string | number | symbol)[] | undefined;
76
- isRange?: boolean | (string | number | symbol)[] | undefined;
77
- isSelected?: boolean | (string | number | symbol)[] | undefined;
78
- isMultipleMonths?: boolean | (string | number | symbol)[] | undefined;
79
- } | undefined;
80
- } & tailwind_variants_dist_config_js.TWMConfig & {
81
- twMergeConfig: {
82
- extend: {
83
- theme: {};
84
- classGroups: {
85
- prose: {
86
- prose: (() => boolean)[];
87
- }[];
88
- };
89
- };
90
- };
91
- }, {
92
72
  variant: {};
93
73
  isRange: {
94
74
  true: {
@@ -222,93 +202,7 @@ declare const calendarStyles: tailwind_variants.TVReturnType<{
222
202
  bottomContentWrapper: string;
223
203
  todayButton: string;
224
204
  errorMessage: string;
225
- }, undefined, tailwind_variants_dist_config_js.TVConfig<{
226
- variant: {};
227
- isRange: {
228
- true: {
229
- cell: string;
230
- };
231
- };
232
- isMultipleMonths: {
233
- true: {
234
- cell: string;
235
- };
236
- };
237
- isSelected: {
238
- true: string;
239
- };
240
- size: {
241
- sm: {
242
- base: string;
243
- gridHeaderCell: string;
244
- header: string;
245
- cell: string;
246
- monthSelector: string;
247
- selectorText: string;
248
- yearSelector: string;
249
- nextButton: string;
250
- selectors: string;
251
- bottomContentWrapper: string;
252
- calendar: string;
253
- };
254
- md: {
255
- base: string;
256
- gridHeaderCell: string;
257
- header: string;
258
- cell: string;
259
- monthSelector: string;
260
- selectorText: string;
261
- yearSelector: string;
262
- nextButton: string;
263
- selectors: string;
264
- bottomContentWrapper: string;
265
- calendar: string;
266
- };
267
- };
268
- }, {
269
- variant: {};
270
- isRange: {
271
- true: {
272
- cell: string;
273
- };
274
- };
275
- isMultipleMonths: {
276
- true: {
277
- cell: string;
278
- };
279
- };
280
- isSelected: {
281
- true: string;
282
- };
283
- size: {
284
- sm: {
285
- base: string;
286
- gridHeaderCell: string;
287
- header: string;
288
- cell: string;
289
- monthSelector: string;
290
- selectorText: string;
291
- yearSelector: string;
292
- nextButton: string;
293
- selectors: string;
294
- bottomContentWrapper: string;
295
- calendar: string;
296
- };
297
- md: {
298
- base: string;
299
- gridHeaderCell: string;
300
- header: string;
301
- cell: string;
302
- monthSelector: string;
303
- selectorText: string;
304
- yearSelector: string;
305
- nextButton: string;
306
- selectors: string;
307
- bottomContentWrapper: string;
308
- calendar: string;
309
- };
310
- };
311
- }>, unknown, unknown, undefined>>;
205
+ }, undefined, unknown, unknown, undefined>>;
312
206
  type CalendarVariantProps = VariantProps<typeof calendarStyles>;
313
207
  type CalendarSlots = keyof ReturnType<typeof calendarStyles>;
314
208
 
@@ -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 comboBoxFuzzyHighlightedTextStyles: tailwind_variants.TVReturnType<{
6
5
  isSelected: {
@@ -10,22 +9,6 @@ declare const comboBoxFuzzyHighlightedTextStyles: tailwind_variants.TVReturnType
10
9
  true: string;
11
10
  };
12
11
  }, undefined, "bg-utility-feedback-info-subtle", {
13
- responsiveVariants?: boolean | (string | number | symbol)[] | {
14
- isSelected?: boolean | (string | number | symbol)[] | undefined;
15
- isFocused?: boolean | (string | number | symbol)[] | undefined;
16
- } | undefined;
17
- } & tailwind_variants_dist_config_js.TWMConfig & {
18
- twMergeConfig: {
19
- extend: {
20
- theme: {};
21
- classGroups: {
22
- prose: {
23
- prose: (() => boolean)[];
24
- }[];
25
- };
26
- };
27
- };
28
- }, {
29
12
  isSelected: {
30
13
  true: string;
31
14
  };
@@ -39,21 +22,7 @@ declare const comboBoxFuzzyHighlightedTextStyles: tailwind_variants.TVReturnType
39
22
  isFocused: {
40
23
  true: string;
41
24
  };
42
- }, undefined, "bg-utility-feedback-info-subtle", tailwind_variants_dist_config_js.TVConfig<{
43
- isSelected: {
44
- true: string;
45
- };
46
- isFocused: {
47
- true: string;
48
- };
49
- }, {
50
- isSelected: {
51
- true: string;
52
- };
53
- isFocused: {
54
- true: string;
55
- };
56
- }>, unknown, unknown, undefined>>;
25
+ }, undefined, "bg-utility-feedback-info-subtle", unknown, unknown, undefined>>;
57
26
  type ComboBoxFuzzyVariantProps = VariantProps<typeof comboBoxFuzzyHighlightedTextStyles>;
58
27
  type ComboBoxFuzzySlots = keyof ReturnType<typeof comboBoxFuzzyHighlightedTextStyles>;
59
28
 
@@ -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 comboBoxFuzzyHighlightedTextStyles: tailwind_variants.TVReturnType<{
6
5
  isSelected: {
@@ -10,22 +9,6 @@ declare const comboBoxFuzzyHighlightedTextStyles: tailwind_variants.TVReturnType
10
9
  true: string;
11
10
  };
12
11
  }, undefined, "bg-utility-feedback-info-subtle", {
13
- responsiveVariants?: boolean | (string | number | symbol)[] | {
14
- isSelected?: boolean | (string | number | symbol)[] | undefined;
15
- isFocused?: boolean | (string | number | symbol)[] | undefined;
16
- } | undefined;
17
- } & tailwind_variants_dist_config_js.TWMConfig & {
18
- twMergeConfig: {
19
- extend: {
20
- theme: {};
21
- classGroups: {
22
- prose: {
23
- prose: (() => boolean)[];
24
- }[];
25
- };
26
- };
27
- };
28
- }, {
29
12
  isSelected: {
30
13
  true: string;
31
14
  };
@@ -39,21 +22,7 @@ declare const comboBoxFuzzyHighlightedTextStyles: tailwind_variants.TVReturnType
39
22
  isFocused: {
40
23
  true: string;
41
24
  };
42
- }, undefined, "bg-utility-feedback-info-subtle", tailwind_variants_dist_config_js.TVConfig<{
43
- isSelected: {
44
- true: string;
45
- };
46
- isFocused: {
47
- true: string;
48
- };
49
- }, {
50
- isSelected: {
51
- true: string;
52
- };
53
- isFocused: {
54
- true: string;
55
- };
56
- }>, unknown, unknown, undefined>>;
25
+ }, undefined, "bg-utility-feedback-info-subtle", unknown, unknown, undefined>>;
57
26
  type ComboBoxFuzzyVariantProps = VariantProps<typeof comboBoxFuzzyHighlightedTextStyles>;
58
27
  type ComboBoxFuzzySlots = keyof ReturnType<typeof comboBoxFuzzyHighlightedTextStyles>;
59
28