@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
package/dist/components/badge.d.mts CHANGED
@@ -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 badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
6
5
  size: {
@@ -9,22 +8,6 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
9
8
  md: string;
10
9
  };
11
10
  }, undefined, string, {
12
- responsiveVariants?: boolean | (string | number | symbol)[] | {
13
- size?: boolean | (string | number | symbol)[] | undefined;
14
- isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
15
- } | undefined;
16
- } & tailwind_variants_dist_config_js.TWMConfig & {
17
- twMergeConfig: {
18
- extend: {
19
- theme: {};
20
- classGroups: {
21
- prose: {
22
- prose: (() => boolean)[];
23
- }[];
24
- };
25
- };
26
- };
27
- }, {
28
11
  isFocusVisible: {
29
12
  false: string;
30
13
  true: string;
@@ -35,21 +18,6 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
35
18
  true: string;
36
19
  };
37
20
  }, undefined, "outline-offset-2 outline-none", {
38
- responsiveVariants?: boolean | (string | number | symbol)[] | {
39
- isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
40
- } | undefined;
41
- } & tailwind_variants_dist_config_js.TWMConfig & {
42
- twMergeConfig: {
43
- extend: {
44
- theme: {};
45
- classGroups: {
46
- prose: {
47
- prose: (() => boolean)[];
48
- }[];
49
- };
50
- };
51
- };
52
- }, {
53
21
  isFocusVisible: {
54
22
  false: string;
55
23
  true: string;
@@ -59,17 +27,7 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
59
27
  false: string;
60
28
  true: string;
61
29
  };
62
- }, undefined, "outline-offset-2 outline-none", tailwind_variants_dist_config_js.TVConfig<{
63
- isFocusVisible: {
64
- false: string;
65
- true: string;
66
- };
67
- }, {
68
- isFocusVisible: {
69
- false: string;
70
- true: string;
71
- };
72
- }>, unknown, unknown, undefined>>>;
30
+ }, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>>;
73
31
  declare const badgeStyles: tailwind_variants.TVReturnType<{
74
32
  isCloseable: {
75
33
  true: string;
@@ -134,26 +92,6 @@ declare const badgeStyles: tailwind_variants.TVReturnType<{
134
92
  dot: string;
135
93
  content: string;
136
94
  }, undefined, {
137
- responsiveVariants?: boolean | (string | number | symbol)[] | {
138
- size?: boolean | (string | number | symbol)[] | undefined;
139
- color?: boolean | (string | number | symbol)[] | undefined;
140
- radius?: boolean | (string | number | symbol)[] | undefined;
141
- variant?: boolean | (string | number | symbol)[] | undefined;
142
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
143
- isCloseable?: boolean | (string | number | symbol)[] | undefined;
144
- } | undefined;
145
- } & tailwind_variants_dist_config_js.TWMConfig & {
146
- twMergeConfig: {
147
- extend: {
148
- theme: {};
149
- classGroups: {
150
- prose: {
151
- prose: (() => boolean)[];
152
- }[];
153
- };
154
- };
155
- };
156
- }, {
157
95
  isCloseable: {
158
96
  true: string;
159
97
  };
@@ -279,125 +217,7 @@ declare const badgeStyles: tailwind_variants.TVReturnType<{
279
217
  base: string;
280
218
  dot: string;
281
219
  content: string;
282
- }, undefined, tailwind_variants_dist_config_js.TVConfig<{
283
- isCloseable: {
284
- true: string;
285
- };
286
- isDisabled: {
287
- true: {
288
- base: string;
289
- };
290
- };
291
- variant: {
292
- solid: {};
293
- subtle: {};
294
- outline: {
295
- base: string;
296
- };
297
- dot: {
298
- base: string;
299
- dot: string;
300
- };
301
- };
302
- size: {
303
- xs: {
304
- base: string;
305
- dot: string;
306
- };
307
- sm: {
308
- base: string;
309
- dot: string;
310
- };
311
- md: {
312
- base: string;
313
- dot: string;
314
- };
315
- };
316
- color: {
317
- main: string;
318
- sub: string;
319
- success: string;
320
- neutral: string;
321
- warning: string;
322
- critical: string;
323
- };
324
- radius: {
325
- none: {
326
- base: string;
327
- };
328
- sm: {
329
- base: string;
330
- };
331
- md: {
332
- base: string;
333
- };
334
- lg: {
335
- base: string;
336
- };
337
- full: {
338
- base: string;
339
- };
340
- };
341
- }, {
342
- isCloseable: {
343
- true: string;
344
- };
345
- isDisabled: {
346
- true: {
347
- base: string;
348
- };
349
- };
350
- variant: {
351
- solid: {};
352
- subtle: {};
353
- outline: {
354
- base: string;
355
- };
356
- dot: {
357
- base: string;
358
- dot: string;
359
- };
360
- };
361
- size: {
362
- xs: {
363
- base: string;
364
- dot: string;
365
- };
366
- sm: {
367
- base: string;
368
- dot: string;
369
- };
370
- md: {
371
- base: string;
372
- dot: string;
373
- };
374
- };
375
- color: {
376
- main: string;
377
- sub: string;
378
- success: string;
379
- neutral: string;
380
- warning: string;
381
- critical: string;
382
- };
383
- radius: {
384
- none: {
385
- base: string;
386
- };
387
- sm: {
388
- base: string;
389
- };
390
- md: {
391
- base: string;
392
- };
393
- lg: {
394
- base: string;
395
- };
396
- full: {
397
- base: string;
398
- };
399
- };
400
- }>, unknown, unknown, undefined>>;
220
+ }, undefined, unknown, unknown, undefined>>;
401
221
  type BadgeVariantProps = VariantProps<typeof badgeStyles>;
402
222
  type BadgeSlots = keyof typeof badgeStyles.slots;
403
223
 
package/dist/components/badge.d.ts CHANGED
@@ -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 badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
6
5
  size: {
@@ -9,22 +8,6 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
9
8
  md: string;
10
9
  };
11
10
  }, undefined, string, {
12
- responsiveVariants?: boolean | (string | number | symbol)[] | {
13
- size?: boolean | (string | number | symbol)[] | undefined;
14
- isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
15
- } | undefined;
16
- } & tailwind_variants_dist_config_js.TWMConfig & {
17
- twMergeConfig: {
18
- extend: {
19
- theme: {};
20
- classGroups: {
21
- prose: {
22
- prose: (() => boolean)[];
23
- }[];
24
- };
25
- };
26
- };
27
- }, {
28
11
  isFocusVisible: {
29
12
  false: string;
30
13
  true: string;
@@ -35,21 +18,6 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
35
18
  true: string;
36
19
  };
37
20
  }, undefined, "outline-offset-2 outline-none", {
38
- responsiveVariants?: boolean | (string | number | symbol)[] | {
39
- isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
40
- } | undefined;
41
- } & tailwind_variants_dist_config_js.TWMConfig & {
42
- twMergeConfig: {
43
- extend: {
44
- theme: {};
45
- classGroups: {
46
- prose: {
47
- prose: (() => boolean)[];
48
- }[];
49
- };
50
- };
51
- };
52
- }, {
53
21
  isFocusVisible: {
54
22
  false: string;
55
23
  true: string;
@@ -59,17 +27,7 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
59
27
  false: string;
60
28
  true: string;
61
29
  };
62
- }, undefined, "outline-offset-2 outline-none", tailwind_variants_dist_config_js.TVConfig<{
63
- isFocusVisible: {
64
- false: string;
65
- true: string;
66
- };
67
- }, {
68
- isFocusVisible: {
69
- false: string;
70
- true: string;
71
- };
72
- }>, unknown, unknown, undefined>>>;
30
+ }, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>>;
73
31
  declare const badgeStyles: tailwind_variants.TVReturnType<{
74
32
  isCloseable: {
75
33
  true: string;
@@ -134,26 +92,6 @@ declare const badgeStyles: tailwind_variants.TVReturnType<{
134
92
  dot: string;
135
93
  content: string;
136
94
  }, undefined, {
137
- responsiveVariants?: boolean | (string | number | symbol)[] | {
138
- size?: boolean | (string | number | symbol)[] | undefined;
139
- color?: boolean | (string | number | symbol)[] | undefined;
140
- radius?: boolean | (string | number | symbol)[] | undefined;
141
- variant?: boolean | (string | number | symbol)[] | undefined;
142
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
143
- isCloseable?: boolean | (string | number | symbol)[] | undefined;
144
- } | undefined;
145
- } & tailwind_variants_dist_config_js.TWMConfig & {
146
- twMergeConfig: {
147
- extend: {
148
- theme: {};
149
- classGroups: {
150
- prose: {
151
- prose: (() => boolean)[];
152
- }[];
153
- };
154
- };
155
- };
156
- }, {
157
95
  isCloseable: {
158
96
  true: string;
159
97
  };
@@ -279,125 +217,7 @@ declare const badgeStyles: tailwind_variants.TVReturnType<{
279
217
  base: string;
280
218
  dot: string;
281
219
  content: string;
282
- }, undefined, tailwind_variants_dist_config_js.TVConfig<{
283
- isCloseable: {
284
- true: string;
285
- };
286
- isDisabled: {
287
- true: {
288
- base: string;
289
- };
290
- };
291
- variant: {
292
- solid: {};
293
- subtle: {};
294
- outline: {
295
- base: string;
296
- };
297
- dot: {
298
- base: string;
299
- dot: string;
300
- };
301
- };
302
- size: {
303
- xs: {
304
- base: string;
305
- dot: string;
306
- };
307
- sm: {
308
- base: string;
309
- dot: string;
310
- };
311
- md: {
312
- base: string;
313
- dot: string;
314
- };
315
- };
316
- color: {
317
- main: string;
318
- sub: string;
319
- success: string;
320
- neutral: string;
321
- warning: string;
322
- critical: string;
323
- };
324
- radius: {
325
- none: {
326
- base: string;
327
- };
328
- sm: {
329
- base: string;
330
- };
331
- md: {
332
- base: string;
333
- };
334
- lg: {
335
- base: string;
336
- };
337
- full: {
338
- base: string;
339
- };
340
- };
341
- }, {
342
- isCloseable: {
343
- true: string;
344
- };
345
- isDisabled: {
346
- true: {
347
- base: string;
348
- };
349
- };
350
- variant: {
351
- solid: {};
352
- subtle: {};
353
- outline: {
354
- base: string;
355
- };
356
- dot: {
357
- base: string;
358
- dot: string;
359
- };
360
- };
361
- size: {
362
- xs: {
363
- base: string;
364
- dot: string;
365
- };
366
- sm: {
367
- base: string;
368
- dot: string;
369
- };
370
- md: {
371
- base: string;
372
- dot: string;
373
- };
374
- };
375
- color: {
376
- main: string;
377
- sub: string;
378
- success: string;
379
- neutral: string;
380
- warning: string;
381
- critical: string;
382
- };
383
- radius: {
384
- none: {
385
- base: string;
386
- };
387
- sm: {
388
- base: string;
389
- };
390
- md: {
391
- base: string;
392
- };
393
- lg: {
394
- base: string;
395
- };
396
- full: {
397
- base: string;
398
- };
399
- };
400
- }>, unknown, unknown, undefined>>;
220
+ }, undefined, unknown, unknown, undefined>>;
401
221
  type BadgeVariantProps = VariantProps<typeof badgeStyles>;
402
222
  type BadgeSlots = keyof typeof badgeStyles.slots;
403
223
 
package/dist/components/banner.d.mts CHANGED
@@ -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 bannerStyles: tailwind_variants.TVReturnType<{
6
5
  variant: {
@@ -40,22 +39,6 @@ declare const bannerStyles: tailwind_variants.TVReturnType<{
40
39
  icon: string;
41
40
  dismissButton: string;
42
41
  }, undefined, {
43
- responsiveVariants?: boolean | (string | number | symbol)[] | {
44
- size?: boolean | (string | number | symbol)[] | undefined;
45
- variant?: boolean | (string | number | symbol)[] | undefined;
46
- } | undefined;
47
- } & tailwind_variants_dist_config_js.TWMConfig & {
48
- twMergeConfig: {
49
- extend: {
50
- theme: {};
51
- classGroups: {
52
- prose: {
53
- prose: (() => boolean)[];
54
- }[];
55
- };
56
- };
57
- };
58
- }, {
59
42
  variant: {
60
43
  unstyled: string;
61
44
  info: {
@@ -129,67 +112,7 @@ declare const bannerStyles: tailwind_variants.TVReturnType<{
129
112
  content: string;
130
113
  icon: string;
131
114
  dismissButton: string;
132
- }, undefined, tailwind_variants_dist_config_js.TVConfig<{
133
- variant: {
134
- unstyled: string;
135
- info: {
136
- base: string;
137
- dismissButton: string;
138
- };
139
- warning: {
140
- base: string;
141
- dismissButton: string;
142
- };
143
- error: {
144
- base: string;
145
- dismissButton: string;
146
- };
147
- };
148
- size: {
149
- sm: {
150
- base: string;
151
- content: string;
152
- icon: string;
153
- dismissButton: string;
154
- };
155
- md: {
156
- base: string;
157
- content: string;
158
- icon: string;
159
- dismissButton: string;
160
- };
161
- };
162
- }, {
163
- variant: {
164
- unstyled: string;
165
- info: {
166
- base: string;
167
- dismissButton: string;
168
- };
169
- warning: {
170
- base: string;
171
- dismissButton: string;
172
- };
173
- error: {
174
- base: string;
175
- dismissButton: string;
176
- };
177
- };
178
- size: {
179
- sm: {
180
- base: string;
181
- content: string;
182
- icon: string;
183
- dismissButton: string;
184
- };
185
- md: {
186
- base: string;
187
- content: string;
188
- icon: string;
189
- dismissButton: string;
190
- };
191
- };
192
- }>, unknown, unknown, undefined>>;
115
+ }, undefined, unknown, unknown, undefined>>;
193
116
  type BannerVariantProps = VariantProps<typeof bannerStyles>;
194
117
  type BannerSlots = keyof ReturnType<typeof bannerStyles>;
195
118
 
package/dist/components/banner.d.ts CHANGED
@@ -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 bannerStyles: tailwind_variants.TVReturnType<{
6
5
  variant: {
@@ -40,22 +39,6 @@ declare const bannerStyles: tailwind_variants.TVReturnType<{
40
39
  icon: string;
41
40
  dismissButton: string;
42
41
  }, undefined, {
43
- responsiveVariants?: boolean | (string | number | symbol)[] | {
44
- size?: boolean | (string | number | symbol)[] | undefined;
45
- variant?: boolean | (string | number | symbol)[] | undefined;
46
- } | undefined;
47
- } & tailwind_variants_dist_config_js.TWMConfig & {
48
- twMergeConfig: {
49
- extend: {
50
- theme: {};
51
- classGroups: {
52
- prose: {
53
- prose: (() => boolean)[];
54
- }[];
55
- };
56
- };
57
- };
58
- }, {
59
42
  variant: {
60
43
  unstyled: string;
61
44
  info: {
@@ -129,67 +112,7 @@ declare const bannerStyles: tailwind_variants.TVReturnType<{
129
112
  content: string;
130
113
  icon: string;
131
114
  dismissButton: string;
132
- }, undefined, tailwind_variants_dist_config_js.TVConfig<{
133
- variant: {
134
- unstyled: string;
135
- info: {
136
- base: string;
137
- dismissButton: string;
138
- };
139
- warning: {
140
- base: string;
141
- dismissButton: string;
142
- };
143
- error: {
144
- base: string;
145
- dismissButton: string;
146
- };
147
- };
148
- size: {
149
- sm: {
150
- base: string;
151
- content: string;
152
- icon: string;
153
- dismissButton: string;
154
- };
155
- md: {
156
- base: string;
157
- content: string;
158
- icon: string;
159
- dismissButton: string;
160
- };
161
- };
162
- }, {
163
- variant: {
164
- unstyled: string;
165
- info: {
166
- base: string;
167
- dismissButton: string;
168
- };
169
- warning: {
170
- base: string;
171
- dismissButton: string;
172
- };
173
- error: {
174
- base: string;
175
- dismissButton: string;
176
- };
177
- };
178
- size: {
179
- sm: {
180
- base: string;
181
- content: string;
182
- icon: string;
183
- dismissButton: string;
184
- };
185
- md: {
186
- base: string;
187
- content: string;
188
- icon: string;
189
- dismissButton: string;
190
- };
191
- };
192
- }>, unknown, unknown, undefined>>;
115
+ }, undefined, unknown, unknown, undefined>>;
193
116
  type BannerVariantProps = VariantProps<typeof bannerStyles>;
194
117
  type BannerSlots = keyof ReturnType<typeof bannerStyles>;
195
118