@opengovsg/oui 0.0.32 → 0.0.33

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 (58) hide show
  1. package/dist/cjs/accordion/accordion.cjs +189 -0
  2. package/dist/cjs/accordion/index.cjs +13 -0
  3. package/dist/cjs/banner/banner.cjs +1 -1
  4. package/dist/cjs/button/button.cjs +13 -10
  5. package/dist/cjs/calendar/calendar-month-day-selector.cjs +2 -2
  6. package/dist/cjs/checkbox/checkbox.cjs +1 -1
  7. package/dist/cjs/combo-box/combo-box.cjs +2 -2
  8. package/dist/cjs/date-field/date-field.cjs +1 -1
  9. package/dist/cjs/date-picker/date-picker.cjs +5 -4
  10. package/dist/cjs/date-range-picker/date-range-picker.cjs +5 -5
  11. package/dist/cjs/file-dropzone/file-dropzone.cjs +2 -2
  12. package/dist/cjs/file-dropzone/file-info.cjs +1 -1
  13. package/dist/cjs/index.cjs +21 -14
  14. package/dist/cjs/menu/menu.cjs +1 -1
  15. package/dist/cjs/modal/modal-content.cjs +1 -1
  16. package/dist/cjs/number-field/number-field.cjs +3 -3
  17. package/dist/cjs/range-calendar/range-calendar.cjs +1 -1
  18. package/dist/cjs/select/select.cjs +3 -3
  19. package/dist/cjs/system/react-utils/children.cjs +7 -0
  20. package/dist/cjs/tag-field/tag-field.cjs +3 -3
  21. package/dist/cjs/text-area-field/text-area-field.cjs +1 -1
  22. package/dist/cjs/text-field/text-field.cjs +1 -1
  23. package/dist/cjs/toast/toast.cjs +1 -1
  24. package/dist/esm/accordion/accordion.js +182 -0
  25. package/dist/esm/accordion/index.js +2 -0
  26. package/dist/esm/banner/banner.js +1 -1
  27. package/dist/esm/button/button.js +13 -10
  28. package/dist/esm/calendar/calendar-month-day-selector.js +2 -2
  29. package/dist/esm/checkbox/checkbox.js +1 -1
  30. package/dist/esm/combo-box/combo-box.js +2 -2
  31. package/dist/esm/date-field/date-field.js +1 -1
  32. package/dist/esm/date-picker/date-picker.js +5 -4
  33. package/dist/esm/date-range-picker/date-range-picker.js +5 -5
  34. package/dist/esm/file-dropzone/file-dropzone.js +2 -2
  35. package/dist/esm/file-dropzone/file-info.js +1 -1
  36. package/dist/esm/index.js +5 -4
  37. package/dist/esm/menu/menu.js +1 -1
  38. package/dist/esm/modal/modal-content.js +1 -1
  39. package/dist/esm/number-field/number-field.js +3 -3
  40. package/dist/esm/range-calendar/range-calendar.js +1 -1
  41. package/dist/esm/select/select.js +3 -3
  42. package/dist/esm/system/react-utils/children.js +7 -1
  43. package/dist/esm/tag-field/tag-field.js +3 -3
  44. package/dist/esm/text-area-field/text-area-field.js +1 -1
  45. package/dist/esm/text-field/text-field.js +1 -1
  46. package/dist/esm/toast/toast.js +1 -1
  47. package/dist/types/accordion/accordion.d.ts +50 -0
  48. package/dist/types/accordion/accordion.d.ts.map +1 -0
  49. package/dist/types/accordion/index.d.ts +2 -0
  50. package/dist/types/accordion/index.d.ts.map +1 -0
  51. package/dist/types/button/button.d.ts +12 -6
  52. package/dist/types/button/button.d.ts.map +1 -1
  53. package/dist/types/index.d.mts +1 -0
  54. package/dist/types/index.d.ts +1 -0
  55. package/dist/types/index.d.ts.map +1 -1
  56. package/dist/types/system/react-utils/children.d.ts +3 -0
  57. package/dist/types/system/react-utils/children.d.ts.map +1 -1
  58. package/package.json +3 -3
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EACV,oBAAoB,IAAI,wBAAwB,EAChD,eAAe,IAAI,mBAAmB,EACtC,iBAAiB,EACjB,oBAAoB,EACpB,WAAW,EACZ,MAAM,uBAAuB,CAAA;AAa9B,OAAO,KAAK,EACV,cAAc,EACd,qBAAqB,EACrB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EACL,eAAe,EAGhB,MAAM,sBAAsB,CAAA;AAM7B,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;IACzC,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAC5C;AAED,eAAO,MAAO,qBAAqB,kDAAE,wBAAwB,uCAIzD,CAAA;AAEJ,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,mBAAmB,EACnB,YAAY,GAAG,iBAAiB,GAAG,kBAAkB,CACtD;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAC5C;AAED,eAAO,MAAM,aAAa,8FAkBzB,CAAA;AAGD,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;IACnE,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,WAAW,CAAC,0BAA0B,CAAC,EAAE,UAAU,CAAC;IACjE,UAAU,CAAC,EAAE,cAAc,CACzB,OAAO,CACL,cAAc,EACZ,SAAS,GACT,OAAO,GACP,SAAS,GACT,WAAW,GACX,qBAAqB,GACrB,mBAAmB,CACtB,CACF,CAAA;IAED;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC,UAAU,CAAC,CAAA;IAE/D;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC,UAAU,CAAC,CAAA;IAClE;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC,UAAU,CAAC,CAAA;CACjE;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,YAAY,EACZ,UAAU,EACV,aAAqB,GACtB,EAAE,oBAAoB,2CA6EtB;AAED,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;CACjD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAU,EACV,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAuBvB;AAED,UAAU,cAAe,SAAQ,oBAAoB,EAAE,qBAAqB;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAC5C;AAED,eAAO,MAAM,SAAS,0FA0BrB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from "./accordion";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/accordion/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}
@@ -1,30 +1,36 @@
1
- import type { ButtonProps as AriaButtonProps } from "react-aria-components";
1
+ import type { ButtonProps as AriaButtonProps, RenderProps } from "react-aria-components";
2
2
  import type { ButtonVariantProps } from "@opengovsg/oui-theme";
3
- export interface ButtonProps extends Omit<AriaButtonProps, "children">, ButtonVariantProps {
3
+ export interface ButtonProps extends AriaButtonProps, ButtonVariantProps {
4
4
  /**
5
5
  * Whether the button should display a ripple effect on press.
6
6
  * @defaultValue false
7
7
  */
8
8
  disableRipple?: boolean;
9
- children: React.ReactNode;
10
9
  /**
11
10
  * The button start content.
12
11
  */
13
- startContent?: React.ReactNode;
12
+ startContent?: RenderProps<ButtonProps>["children"];
14
13
  /**
15
14
  * The button end content.
16
15
  */
17
- endContent?: React.ReactNode;
16
+ endContent?: RenderProps<ButtonProps>["children"];
18
17
  /**
19
18
  * Spinner to display when loading.
20
19
  * @defaultValue \@opengovsg/oui/components/spinner
21
20
  */
22
- spinner?: React.ReactNode;
21
+ spinner?: RenderProps<ButtonProps>["children"];
23
22
  /**
24
23
  * Text to show when the button is loading.
25
24
  * If not provided, the button will only show the loading spinner.
25
+ *
26
+ * @deprecated Use `pendingElement` instead.
26
27
  */
27
28
  loadingText?: string;
29
+ /**
30
+ * Text to show when the button is loading.
31
+ * If not provided, the button will only show the loading spinner.
32
+ */
33
+ pendingElement?: RenderProps<ButtonProps>["children"];
28
34
  /**
29
35
  * The spinner placement.
30
36
  * @defaultValue "start"
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAK3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAO9D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,kBAAkB;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAElC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GA0ElB,CAAA"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,WAAW,EACZ,MAAM,uBAAuB,CAAA;AAK9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAQ9D,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,kBAAkB;IACtE;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAA;IACnD;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAA;IACjD;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAA;IAE9C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAA;IAErD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAElC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAwFlB,CAAA"}
@@ -31,4 +31,5 @@ export * from "./modal";
31
31
  export * from "./toast";
32
32
  export * from "./navbar";
33
33
  export * from "./avatar";
34
+ export * from "./accordion";
34
35
  //# sourceMappingURL=index.d.ts.map
@@ -31,4 +31,5 @@ export * from "./modal";
31
31
  export * from "./toast";
32
32
  export * from "./navbar";
33
33
  export * from "./avatar";
34
+ export * from "./accordion";
34
35
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA"}
@@ -1,4 +1,5 @@
1
1
  import type { ReactNode } from "react";
2
+ type ChildrenOrFunction<T> = ReactNode | ((values: T) => ReactNode);
2
3
  /**
3
4
  * Gets only the valid children of a component,
4
5
  * and ignores any nullish or falsy child.
@@ -7,4 +8,6 @@ import type { ReactNode } from "react";
7
8
  */
8
9
  export declare function getValidChildren(children: React.ReactNode): React.ReactElement[];
9
10
  export declare const pickChildren: <T = ReactNode>(children: T | undefined, targetChild: React.ElementType) => [T | undefined, T[] | undefined];
11
+ export declare const renderChildren: <T>(renderProps: T, children: ChildrenOrFunction<T>) => ReactNode;
12
+ export {};
10
13
  //# sourceMappingURL=children.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"children.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/children.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAGnD,KAAK,CAAC,YAAY,EAAE,CAC1B;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,wBAClB,CAAC,GAAG,SAAS,eACV,KAAK,CAAC,WAAW,KAC7B,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAiBjC,CAAA"}
1
+ {"version":3,"file":"children.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/children.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,kBAAkB,CAAC,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC,CAAA;AAEnE;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAGnD,KAAK,CAAC,YAAY,EAAE,CAC1B;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,wBAClB,CAAC,GAAG,SAAS,eACV,KAAK,CAAC,WAAW,KAC7B,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAiBjC,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,eACjB,CAAC,YACJ,kBAAkB,CAAC,CAAC,CAAC,cAOhC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui",
3
- "version": "0.0.32",
3
+ "version": "0.0.33",
4
4
  "sideEffects": false,
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "type": "module",
@@ -50,8 +50,8 @@
50
50
  "storybook": "10.1.10",
51
51
  "tsx": "^4.21.0",
52
52
  "typescript": "5.7.3",
53
+ "@opengovsg/oui-theme": "0.0.33",
53
54
  "@oui/chromatic": "0.0.0",
54
- "@opengovsg/oui-theme": "0.0.32",
55
55
  "@oui/eslint-config": "0.0.0",
56
56
  "@oui/prettier-config": "0.0.0",
57
57
  "@oui/typescript-config": "0.0.0"
@@ -88,7 +88,7 @@
88
88
  "motion": ">=11.12.0 || >=12.0.0-alpha.1",
89
89
  "react": ">= 18",
90
90
  "react-aria-components": "^1.13.0",
91
- "@opengovsg/oui-theme": "0.0.32"
91
+ "@opengovsg/oui-theme": "0.0.33"
92
92
  },
93
93
  "scripts": {
94
94
  "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",