@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 comboBoxStyles: tailwind_variants.TVReturnType<{
6
5
  isClearable: {
@@ -44,23 +43,6 @@ declare const comboBoxStyles: tailwind_variants.TVReturnType<{
44
43
  popover: string;
45
44
  list: string;
46
45
  }, never[], {
47
- responsiveVariants?: boolean | (string | number | symbol)[] | {
48
- size?: boolean | (string | number | symbol)[] | undefined;
49
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
50
- isClearable?: boolean | (string | number | symbol)[] | undefined;
51
- } | undefined;
52
- } & tailwind_variants_dist_config_js.TWMConfig & {
53
- twMergeConfig: {
54
- extend: {
55
- theme: {};
56
- classGroups: {
57
- prose: {
58
- prose: (() => boolean)[];
59
- }[];
60
- };
61
- };
62
- };
63
- }, {
64
46
  isClearable: {
65
47
  true: {
66
48
  group: string;
@@ -142,71 +124,7 @@ declare const comboBoxStyles: tailwind_variants.TVReturnType<{
142
124
  field: string;
143
125
  popover: string;
144
126
  list: string;
145
- }, never[], tailwind_variants_dist_config_js.TVConfig<{
146
- isClearable: {
147
- true: {
148
- group: string;
149
- };
150
- };
151
- isDisabled: {
152
- true: {
153
- expandButton: string;
154
- };
155
- };
156
- size: {
157
- xs: {
158
- field: string;
159
- group: string[];
160
- expandButton: string;
161
- icon: string;
162
- };
163
- sm: {
164
- popover: string;
165
- field: string;
166
- group: string[];
167
- expandButton: string;
168
- icon: string;
169
- };
170
- md: {
171
- group: string[];
172
- field: string;
173
- expandButton: string;
174
- icon: string;
175
- };
176
- };
177
- }, {
178
- isClearable: {
179
- true: {
180
- group: string;
181
- };
182
- };
183
- isDisabled: {
184
- true: {
185
- expandButton: string;
186
- };
187
- };
188
- size: {
189
- xs: {
190
- field: string;
191
- group: string[];
192
- expandButton: string;
193
- icon: string;
194
- };
195
- sm: {
196
- popover: string;
197
- field: string;
198
- group: string[];
199
- expandButton: string;
200
- icon: string;
201
- };
202
- md: {
203
- group: string[];
204
- field: string;
205
- expandButton: string;
206
- icon: string;
207
- };
208
- };
209
- }>, unknown, unknown, undefined>>;
127
+ }, never[], unknown, unknown, undefined>>;
210
128
  type ComboBoxVariantProps = VariantProps<typeof comboBoxStyles>;
211
129
  type ComboBoxSlots = keyof ReturnType<typeof comboBoxStyles>;
212
130
  declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
@@ -231,26 +149,6 @@ declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
231
149
  md: string;
232
150
  };
233
151
  }, undefined, "border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition", {
234
- responsiveVariants?: boolean | (string | number | symbol)[] | {
235
- size?: boolean | (string | number | symbol)[] | undefined;
236
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
237
- isInactive?: boolean | (string | number | symbol)[] | undefined;
238
- isHovered?: boolean | (string | number | symbol)[] | undefined;
239
- isFocused?: boolean | (string | number | symbol)[] | undefined;
240
- isPressed?: boolean | (string | number | symbol)[] | undefined;
241
- } | undefined;
242
- } & tailwind_variants_dist_config_js.TWMConfig & {
243
- twMergeConfig: {
244
- extend: {
245
- theme: {};
246
- classGroups: {
247
- prose: {
248
- prose: (() => boolean)[];
249
- }[];
250
- };
251
- };
252
- };
253
- }, {
254
152
  isDisabled: {
255
153
  true: string;
256
154
  };
@@ -292,48 +190,6 @@ declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
292
190
  sm: string;
293
191
  md: string;
294
192
  };
295
- }, undefined, "border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition", tailwind_variants_dist_config_js.TVConfig<{
296
- isDisabled: {
297
- true: string;
298
- };
299
- isInactive: {
300
- true: string;
301
- };
302
- isHovered: {
303
- true: string;
304
- };
305
- isFocused: {
306
- true: string;
307
- };
308
- isPressed: {
309
- true: string;
310
- };
311
- size: {
312
- xs: string;
313
- sm: string;
314
- md: string;
315
- };
316
- }, {
317
- isDisabled: {
318
- true: string;
319
- };
320
- isInactive: {
321
- true: string;
322
- };
323
- isHovered: {
324
- true: string;
325
- };
326
- isFocused: {
327
- true: string;
328
- };
329
- isPressed: {
330
- true: string;
331
- };
332
- size: {
333
- xs: string;
334
- sm: string;
335
- md: string;
336
- };
337
- }>, unknown, unknown, undefined>>;
193
+ }, undefined, "border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition", unknown, unknown, undefined>>;
338
194
 
339
195
  export { type ComboBoxSlots, type ComboBoxVariantProps, comboBoxClearButtonStyles, comboBoxStyles };
@@ -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 comboBoxStyles: tailwind_variants.TVReturnType<{
6
5
  isClearable: {
@@ -44,23 +43,6 @@ declare const comboBoxStyles: tailwind_variants.TVReturnType<{
44
43
  popover: string;
45
44
  list: string;
46
45
  }, never[], {
47
- responsiveVariants?: boolean | (string | number | symbol)[] | {
48
- size?: boolean | (string | number | symbol)[] | undefined;
49
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
50
- isClearable?: boolean | (string | number | symbol)[] | undefined;
51
- } | undefined;
52
- } & tailwind_variants_dist_config_js.TWMConfig & {
53
- twMergeConfig: {
54
- extend: {
55
- theme: {};
56
- classGroups: {
57
- prose: {
58
- prose: (() => boolean)[];
59
- }[];
60
- };
61
- };
62
- };
63
- }, {
64
46
  isClearable: {
65
47
  true: {
66
48
  group: string;
@@ -142,71 +124,7 @@ declare const comboBoxStyles: tailwind_variants.TVReturnType<{
142
124
  field: string;
143
125
  popover: string;
144
126
  list: string;
145
- }, never[], tailwind_variants_dist_config_js.TVConfig<{
146
- isClearable: {
147
- true: {
148
- group: string;
149
- };
150
- };
151
- isDisabled: {
152
- true: {
153
- expandButton: string;
154
- };
155
- };
156
- size: {
157
- xs: {
158
- field: string;
159
- group: string[];
160
- expandButton: string;
161
- icon: string;
162
- };
163
- sm: {
164
- popover: string;
165
- field: string;
166
- group: string[];
167
- expandButton: string;
168
- icon: string;
169
- };
170
- md: {
171
- group: string[];
172
- field: string;
173
- expandButton: string;
174
- icon: string;
175
- };
176
- };
177
- }, {
178
- isClearable: {
179
- true: {
180
- group: string;
181
- };
182
- };
183
- isDisabled: {
184
- true: {
185
- expandButton: string;
186
- };
187
- };
188
- size: {
189
- xs: {
190
- field: string;
191
- group: string[];
192
- expandButton: string;
193
- icon: string;
194
- };
195
- sm: {
196
- popover: string;
197
- field: string;
198
- group: string[];
199
- expandButton: string;
200
- icon: string;
201
- };
202
- md: {
203
- group: string[];
204
- field: string;
205
- expandButton: string;
206
- icon: string;
207
- };
208
- };
209
- }>, unknown, unknown, undefined>>;
127
+ }, never[], unknown, unknown, undefined>>;
210
128
  type ComboBoxVariantProps = VariantProps<typeof comboBoxStyles>;
211
129
  type ComboBoxSlots = keyof ReturnType<typeof comboBoxStyles>;
212
130
  declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
@@ -231,26 +149,6 @@ declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
231
149
  md: string;
232
150
  };
233
151
  }, undefined, "border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition", {
234
- responsiveVariants?: boolean | (string | number | symbol)[] | {
235
- size?: boolean | (string | number | symbol)[] | undefined;
236
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
237
- isInactive?: boolean | (string | number | symbol)[] | undefined;
238
- isHovered?: boolean | (string | number | symbol)[] | undefined;
239
- isFocused?: boolean | (string | number | symbol)[] | undefined;
240
- isPressed?: boolean | (string | number | symbol)[] | undefined;
241
- } | undefined;
242
- } & tailwind_variants_dist_config_js.TWMConfig & {
243
- twMergeConfig: {
244
- extend: {
245
- theme: {};
246
- classGroups: {
247
- prose: {
248
- prose: (() => boolean)[];
249
- }[];
250
- };
251
- };
252
- };
253
- }, {
254
152
  isDisabled: {
255
153
  true: string;
256
154
  };
@@ -292,48 +190,6 @@ declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
292
190
  sm: string;
293
191
  md: string;
294
192
  };
295
- }, undefined, "border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition", tailwind_variants_dist_config_js.TVConfig<{
296
- isDisabled: {
297
- true: string;
298
- };
299
- isInactive: {
300
- true: string;
301
- };
302
- isHovered: {
303
- true: string;
304
- };
305
- isFocused: {
306
- true: string;
307
- };
308
- isPressed: {
309
- true: string;
310
- };
311
- size: {
312
- xs: string;
313
- sm: string;
314
- md: string;
315
- };
316
- }, {
317
- isDisabled: {
318
- true: string;
319
- };
320
- isInactive: {
321
- true: string;
322
- };
323
- isHovered: {
324
- true: string;
325
- };
326
- isFocused: {
327
- true: string;
328
- };
329
- isPressed: {
330
- true: string;
331
- };
332
- size: {
333
- xs: string;
334
- sm: string;
335
- md: string;
336
- };
337
- }>, unknown, unknown, undefined>>;
193
+ }, undefined, "border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition", unknown, unknown, undefined>>;
338
194
 
339
195
  export { type ComboBoxSlots, type ComboBoxVariantProps, comboBoxClearButtonStyles, comboBoxStyles };
@@ -1,6 +1,6 @@
1
+ import * as tailwind_merge from 'tailwind-merge';
1
2
  import * as tailwind_variants from 'tailwind-variants';
2
3
  import { VariantProps } from 'tailwind-variants';
3
- import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
4
4
 
5
5
  declare const dateInputStyles: tailwind_variants.TVReturnType<{
6
6
  variant: {};
@@ -37,25 +37,6 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
37
37
  base: string;
38
38
  segment: string;
39
39
  }, undefined, {
40
- responsiveVariants?: boolean | (string | number | symbol)[] | {
41
- size?: boolean | (string | number | symbol)[] | undefined;
42
- variant?: boolean | (string | number | symbol)[] | undefined;
43
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
44
- isFocused?: boolean | (string | number | symbol)[] | undefined;
45
- isPlaceholder?: 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
40
  variant: {};
60
41
  isPlaceholder: {
61
42
  true: {
@@ -123,102 +104,23 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
123
104
  }, {
124
105
  base: string;
125
106
  segment: string;
126
- }, undefined, tailwind_variants_dist_config_js.TVConfig<{
127
- variant: {};
128
- isPlaceholder: {
129
- true: {
130
- segment: string;
131
- };
132
- false: {
133
- segment: string;
134
- };
135
- };
136
- isDisabled: {
137
- true: {
138
- segment: string;
139
- };
140
- };
141
- isFocused: {
142
- true: {
143
- segment: string;
144
- };
145
- };
146
- size: {
147
- xs: {
148
- base: string;
149
- };
150
- sm: {
151
- base: string;
152
- };
153
- md: {
154
- base: string;
155
- };
156
- };
157
- }, {
158
- variant: {};
159
- isPlaceholder: {
160
- true: {
161
- segment: string;
162
- };
163
- false: {
164
- segment: string;
165
- };
166
- };
167
- isDisabled: {
168
- true: {
169
- segment: string;
170
- };
171
- };
172
- isFocused: {
173
- true: {
174
- segment: string;
175
- };
176
- };
177
- size: {
178
- xs: {
179
- base: string;
180
- };
181
- sm: {
182
- base: string;
183
- };
184
- md: {
185
- base: string;
186
- };
187
- };
188
- }>, unknown, unknown, undefined>>;
107
+ }, undefined, unknown, unknown, undefined>>;
189
108
  type DateInputSlots = keyof ReturnType<typeof dateInputStyles>;
190
109
  type DateInputVariantProps = VariantProps<typeof dateInputStyles>;
191
110
  declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
192
111
  size: {
193
- xs: tailwind_variants.ClassValue | {};
194
- sm: tailwind_variants.ClassValue | {};
195
- md: tailwind_variants.ClassValue | {};
112
+ xs: tailwind_merge.ClassNameValue | {};
113
+ sm: tailwind_merge.ClassNameValue | {};
114
+ md: tailwind_merge.ClassNameValue | {};
196
115
  };
197
116
  variant: {
198
- outline: tailwind_variants.ClassValue | {};
199
- unstyled: tailwind_variants.ClassValue | {};
117
+ outline: tailwind_merge.ClassNameValue | {};
118
+ unstyled: tailwind_merge.ClassNameValue | {};
200
119
  };
201
120
  isDisabled: {
202
- true: tailwind_variants.ClassValue | {};
121
+ true: tailwind_merge.ClassNameValue | {};
203
122
  };
204
123
  }, undefined, undefined, {
205
- responsiveVariants?: boolean | (string | number | symbol)[] | {
206
- size?: boolean | (string | number | symbol)[] | undefined;
207
- variant?: boolean | (string | number | symbol)[] | undefined;
208
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
209
- } | undefined;
210
- } & tailwind_variants_dist_config_js.TWMConfig & {
211
- twMergeConfig: {
212
- extend: {
213
- theme: {};
214
- classGroups: {
215
- prose: {
216
- prose: (() => boolean)[];
217
- }[];
218
- };
219
- };
220
- };
221
- }, {
222
124
  size: {
223
125
  xs: string;
224
126
  sm: string;
@@ -245,23 +147,6 @@ declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
245
147
  true: string;
246
148
  };
247
149
  }, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", {
248
- responsiveVariants?: boolean | (string | number | symbol)[] | {
249
- size?: boolean | (string | number | symbol)[] | undefined;
250
- variant?: boolean | (string | number | symbol)[] | undefined;
251
- isDisabled?: boolean | (string | number | symbol)[] | undefined;
252
- } | undefined;
253
- } & tailwind_variants_dist_config_js.TWMConfig & {
254
- twMergeConfig: {
255
- extend: {
256
- theme: {};
257
- classGroups: {
258
- prose: {
259
- prose: (() => boolean)[];
260
- }[];
261
- };
262
- };
263
- };
264
- }, {
265
150
  size: {
266
151
  xs: string;
267
152
  sm: string;
@@ -287,33 +172,7 @@ declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
287
172
  isDisabled: {
288
173
  true: string;
289
174
  };
290
- }, 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<{
291
- size: {
292
- xs: string;
293
- sm: string;
294
- md: string;
295
- };
296
- variant: {
297
- outline: string;
298
- unstyled: string;
299
- };
300
- isDisabled: {
301
- true: string;
302
- };
303
- }, {
304
- size: {
305
- xs: string;
306
- sm: string;
307
- md: string;
308
- };
309
- variant: {
310
- outline: string;
311
- unstyled: string;
312
- };
313
- isDisabled: {
314
- true: string;
315
- };
316
- }>, unknown, unknown, undefined>>>;
175
+ }, 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>>>;
317
176
  type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>;
318
177
 
319
178
  export { type DateFieldVariantProps, type DateInputSlots, type DateInputVariantProps, dateFieldStyles, dateInputStyles };