@opengovsg/oui 0.0.24 → 0.0.25

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 (54) hide show
  1. package/dist/cjs/date-picker/date-picker.cjs +3 -2
  2. package/dist/cjs/date-range-picker/date-range-picker.cjs +1 -1
  3. package/dist/cjs/hooks/index.cjs +2 -0
  4. package/dist/cjs/hooks/use-draggable.cjs +88 -0
  5. package/dist/cjs/index.cjs +54 -39
  6. package/dist/cjs/modal/i18n.cjs +19 -0
  7. package/dist/cjs/modal/index.cjs +19 -0
  8. package/dist/cjs/modal/modal-body.cjs +26 -0
  9. package/dist/cjs/modal/modal-content.cjs +54 -0
  10. package/dist/cjs/modal/modal-footer.cjs +27 -0
  11. package/dist/cjs/modal/modal-header.cjs +25 -0
  12. package/dist/cjs/modal/modal-variant-context.cjs +13 -0
  13. package/dist/cjs/modal/modal.cjs +66 -0
  14. package/dist/cjs/range-calendar/range-calendar.cjs +1 -1
  15. package/dist/esm/date-picker/date-picker.js +3 -2
  16. package/dist/esm/date-range-picker/date-range-picker.js +1 -1
  17. package/dist/esm/hooks/index.js +1 -0
  18. package/dist/esm/hooks/use-draggable.js +86 -0
  19. package/dist/esm/index.js +20 -13
  20. package/dist/esm/modal/i18n.js +17 -0
  21. package/dist/esm/modal/index.js +7 -0
  22. package/dist/esm/modal/modal-body.js +24 -0
  23. package/dist/esm/modal/modal-content.js +52 -0
  24. package/dist/esm/modal/modal-footer.js +25 -0
  25. package/dist/esm/modal/modal-header.js +23 -0
  26. package/dist/esm/modal/modal-variant-context.js +10 -0
  27. package/dist/esm/modal/modal.js +64 -0
  28. package/dist/esm/range-calendar/range-calendar.js +1 -1
  29. package/dist/types/badge/use-badge.d.ts +12 -12
  30. package/dist/types/hooks/index.d.ts +4 -1
  31. package/dist/types/hooks/index.d.ts.map +1 -1
  32. package/dist/types/hooks/use-draggable.d.ts +24 -0
  33. package/dist/types/hooks/use-draggable.d.ts.map +1 -0
  34. package/dist/types/index.d.mts +1 -0
  35. package/dist/types/index.d.ts +1 -0
  36. package/dist/types/index.d.ts.map +1 -1
  37. package/dist/types/modal/i18n.d.ts +3 -0
  38. package/dist/types/modal/i18n.d.ts.map +1 -0
  39. package/dist/types/modal/index.d.ts +12 -0
  40. package/dist/types/modal/index.d.ts.map +1 -0
  41. package/dist/types/modal/modal-body.d.ts +5 -0
  42. package/dist/types/modal/modal-body.d.ts.map +1 -0
  43. package/dist/types/modal/modal-content.d.ts +10 -0
  44. package/dist/types/modal/modal-content.d.ts.map +1 -0
  45. package/dist/types/modal/modal-footer.d.ts +5 -0
  46. package/dist/types/modal/modal-footer.d.ts.map +1 -0
  47. package/dist/types/modal/modal-header.d.ts +5 -0
  48. package/dist/types/modal/modal-header.d.ts.map +1 -0
  49. package/dist/types/modal/modal-variant-context.d.ts +8 -0
  50. package/dist/types/modal/modal-variant-context.d.ts.map +1 -0
  51. package/dist/types/modal/modal.d.ts +8 -0
  52. package/dist/types/modal/modal.d.ts.map +1 -0
  53. package/dist/types/pagination/use-pagination.d.ts +36 -36
  54. package/package.json +5 -5
package/dist/types/pagination/use-pagination.d.ts CHANGED
@@ -149,182 +149,182 @@ export declare function usePagination(originalProps: UsePaginationProps): {
149
149
  dotsJump: number;
150
150
  slots: {
151
151
  base: (slotProps?: ({
152
+ isDisabled?: boolean | undefined;
152
153
  size?: "lg" | "md" | "sm" | undefined;
153
154
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
154
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
155
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
155
156
  variant?: "light" | undefined;
156
- isDisabled?: boolean | undefined;
157
157
  isCompact?: boolean | undefined;
158
158
  disableCursorAnimation?: boolean | undefined;
159
159
  disableAnimation?: boolean | undefined;
160
160
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
161
161
  wrapper: (slotProps?: ({
162
+ isDisabled?: boolean | undefined;
162
163
  size?: "lg" | "md" | "sm" | undefined;
163
164
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
164
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
165
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
165
166
  variant?: "light" | undefined;
166
- isDisabled?: boolean | undefined;
167
167
  isCompact?: boolean | undefined;
168
168
  disableCursorAnimation?: boolean | undefined;
169
169
  disableAnimation?: boolean | undefined;
170
170
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
171
171
  item: (slotProps?: ({
172
+ isDisabled?: boolean | undefined;
172
173
  size?: "lg" | "md" | "sm" | undefined;
173
174
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
174
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
175
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
175
176
  variant?: "light" | undefined;
176
- isDisabled?: boolean | undefined;
177
177
  isCompact?: boolean | undefined;
178
178
  disableCursorAnimation?: boolean | undefined;
179
179
  disableAnimation?: boolean | undefined;
180
180
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
181
181
  prev: (slotProps?: ({
182
+ isDisabled?: boolean | undefined;
182
183
  size?: "lg" | "md" | "sm" | undefined;
183
184
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
184
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
185
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
185
186
  variant?: "light" | undefined;
186
- isDisabled?: boolean | undefined;
187
187
  isCompact?: boolean | undefined;
188
188
  disableCursorAnimation?: boolean | undefined;
189
189
  disableAnimation?: boolean | undefined;
190
190
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
191
191
  next: (slotProps?: ({
192
+ isDisabled?: boolean | undefined;
192
193
  size?: "lg" | "md" | "sm" | undefined;
193
194
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
194
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
195
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
195
196
  variant?: "light" | undefined;
196
- isDisabled?: boolean | undefined;
197
197
  isCompact?: boolean | undefined;
198
198
  disableCursorAnimation?: boolean | undefined;
199
199
  disableAnimation?: boolean | undefined;
200
200
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
201
201
  cursor: (slotProps?: ({
202
+ isDisabled?: boolean | undefined;
202
203
  size?: "lg" | "md" | "sm" | undefined;
203
204
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
204
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
205
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
205
206
  variant?: "light" | undefined;
206
- isDisabled?: boolean | undefined;
207
207
  isCompact?: boolean | undefined;
208
208
  disableCursorAnimation?: boolean | undefined;
209
209
  disableAnimation?: boolean | undefined;
210
210
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
211
211
  forwardIcon: (slotProps?: ({
212
+ isDisabled?: boolean | undefined;
212
213
  size?: "lg" | "md" | "sm" | undefined;
213
214
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
214
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
215
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
215
216
  variant?: "light" | undefined;
216
- isDisabled?: boolean | undefined;
217
217
  isCompact?: boolean | undefined;
218
218
  disableCursorAnimation?: boolean | undefined;
219
219
  disableAnimation?: boolean | undefined;
220
220
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
221
221
  ellipsis: (slotProps?: ({
222
+ isDisabled?: boolean | undefined;
222
223
  size?: "lg" | "md" | "sm" | undefined;
223
224
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
224
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
225
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
225
226
  variant?: "light" | undefined;
226
- isDisabled?: boolean | undefined;
227
227
  isCompact?: boolean | undefined;
228
228
  disableCursorAnimation?: boolean | undefined;
229
229
  disableAnimation?: boolean | undefined;
230
230
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
231
231
  chevronNext: (slotProps?: ({
232
+ isDisabled?: boolean | undefined;
232
233
  size?: "lg" | "md" | "sm" | undefined;
233
234
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
234
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
235
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
235
236
  variant?: "light" | undefined;
236
- isDisabled?: boolean | undefined;
237
237
  isCompact?: boolean | undefined;
238
238
  disableCursorAnimation?: boolean | undefined;
239
239
  disableAnimation?: boolean | undefined;
240
240
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
241
241
  } & {
242
242
  base: (slotProps?: ({
243
+ isDisabled?: boolean | undefined;
243
244
  size?: "lg" | "md" | "sm" | undefined;
244
245
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
245
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
246
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
246
247
  variant?: "light" | undefined;
247
- isDisabled?: boolean | undefined;
248
248
  isCompact?: boolean | undefined;
249
249
  disableCursorAnimation?: boolean | undefined;
250
250
  disableAnimation?: boolean | undefined;
251
251
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
252
252
  wrapper: (slotProps?: ({
253
+ isDisabled?: boolean | undefined;
253
254
  size?: "lg" | "md" | "sm" | undefined;
254
255
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
255
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
256
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
256
257
  variant?: "light" | undefined;
257
- isDisabled?: boolean | undefined;
258
258
  isCompact?: boolean | undefined;
259
259
  disableCursorAnimation?: boolean | undefined;
260
260
  disableAnimation?: boolean | undefined;
261
261
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
262
262
  item: (slotProps?: ({
263
+ isDisabled?: boolean | undefined;
263
264
  size?: "lg" | "md" | "sm" | undefined;
264
265
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
265
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
266
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
266
267
  variant?: "light" | undefined;
267
- isDisabled?: boolean | undefined;
268
268
  isCompact?: boolean | undefined;
269
269
  disableCursorAnimation?: boolean | undefined;
270
270
  disableAnimation?: boolean | undefined;
271
271
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
272
272
  prev: (slotProps?: ({
273
+ isDisabled?: boolean | undefined;
273
274
  size?: "lg" | "md" | "sm" | undefined;
274
275
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
275
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
276
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
276
277
  variant?: "light" | undefined;
277
- isDisabled?: boolean | undefined;
278
278
  isCompact?: boolean | undefined;
279
279
  disableCursorAnimation?: boolean | undefined;
280
280
  disableAnimation?: boolean | undefined;
281
281
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
282
282
  next: (slotProps?: ({
283
+ isDisabled?: boolean | undefined;
283
284
  size?: "lg" | "md" | "sm" | undefined;
284
285
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
285
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
286
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
286
287
  variant?: "light" | undefined;
287
- isDisabled?: boolean | undefined;
288
288
  isCompact?: boolean | undefined;
289
289
  disableCursorAnimation?: boolean | undefined;
290
290
  disableAnimation?: boolean | undefined;
291
291
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
292
292
  cursor: (slotProps?: ({
293
+ isDisabled?: boolean | undefined;
293
294
  size?: "lg" | "md" | "sm" | undefined;
294
295
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
295
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
296
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
296
297
  variant?: "light" | undefined;
297
- isDisabled?: boolean | undefined;
298
298
  isCompact?: boolean | undefined;
299
299
  disableCursorAnimation?: boolean | undefined;
300
300
  disableAnimation?: boolean | undefined;
301
301
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
302
302
  forwardIcon: (slotProps?: ({
303
+ isDisabled?: boolean | undefined;
303
304
  size?: "lg" | "md" | "sm" | undefined;
304
305
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
305
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
306
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
306
307
  variant?: "light" | undefined;
307
- isDisabled?: boolean | undefined;
308
308
  isCompact?: boolean | undefined;
309
309
  disableCursorAnimation?: boolean | undefined;
310
310
  disableAnimation?: boolean | undefined;
311
311
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
312
312
  ellipsis: (slotProps?: ({
313
+ isDisabled?: boolean | undefined;
313
314
  size?: "lg" | "md" | "sm" | undefined;
314
315
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
315
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
316
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
316
317
  variant?: "light" | undefined;
317
- isDisabled?: boolean | undefined;
318
318
  isCompact?: boolean | undefined;
319
319
  disableCursorAnimation?: boolean | undefined;
320
320
  disableAnimation?: boolean | undefined;
321
321
  } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
322
322
  chevronNext: (slotProps?: ({
323
+ isDisabled?: boolean | undefined;
323
324
  size?: "lg" | "md" | "sm" | undefined;
324
325
  color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
325
- radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
326
+ radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
326
327
  variant?: "light" | undefined;
327
- isDisabled?: boolean | undefined;
328
328
  isCompact?: boolean | undefined;
329
329
  disableCursorAnimation?: boolean | undefined;
330
330
  disableAnimation?: boolean | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui",
3
- "version": "0.0.24",
3
+ "version": "0.0.25",
4
4
  "sideEffects": false,
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "type": "module",
@@ -50,11 +50,11 @@
50
50
  "storybook": "10.1.2",
51
51
  "tsx": "^4.20.3",
52
52
  "typescript": "5.7.3",
53
- "@opengovsg/oui-theme": "0.0.24",
54
53
  "@oui/chromatic": "0.0.0",
55
54
  "@oui/eslint-config": "0.0.0",
56
- "@oui/prettier-config": "0.0.0",
57
- "@oui/typescript-config": "0.0.0"
55
+ "@opengovsg/oui-theme": "0.0.25",
56
+ "@oui/typescript-config": "0.0.0",
57
+ "@oui/prettier-config": "0.0.0"
58
58
  },
59
59
  "dependencies": {
60
60
  "@internationalized/date": "^3.9.0",
@@ -87,7 +87,7 @@
87
87
  "motion": ">=11.12.0 || >=12.0.0-alpha.1",
88
88
  "react": ">= 18",
89
89
  "react-aria-components": "^1.12.2",
90
- "@opengovsg/oui-theme": "0.0.24"
90
+ "@opengovsg/oui-theme": "0.0.25"
91
91
  },
92
92
  "scripts": {
93
93
  "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",