@opengovsg/oui 0.0.40 → 0.0.41

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 (72) hide show
  1. package/dist/cjs/badge/i18n.cjs +19 -0
  2. package/dist/cjs/badge/use-badge.cjs +4 -17
  3. package/dist/cjs/banner/banner.cjs +3 -16
  4. package/dist/cjs/banner/i18n.cjs +19 -0
  5. package/dist/cjs/calendar/calendar-bottom-content.cjs +4 -3
  6. package/dist/cjs/calendar/calendar-month-day-selector.cjs +5 -4
  7. package/dist/cjs/calendar/hooks/index.cjs +0 -3
  8. package/dist/cjs/calendar/i18n.cjs +27 -0
  9. package/dist/cjs/combo-box/combo-box.cjs +5 -22
  10. package/dist/cjs/combo-box/i18n.cjs +23 -0
  11. package/dist/cjs/index.cjs +2 -0
  12. package/dist/cjs/modal/i18n.cjs +4 -4
  13. package/dist/cjs/modal/modal-content.cjs +2 -2
  14. package/dist/cjs/navbar/navbar-menu/i18n.cjs +8 -8
  15. package/dist/cjs/navbar/navbar-menu/toggle.cjs +2 -2
  16. package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/search.cjs +22 -0
  17. package/dist/cjs/search-field/i18n.cjs +19 -0
  18. package/dist/cjs/search-field/index.cjs +8 -0
  19. package/dist/cjs/search-field/search-field.cjs +91 -0
  20. package/dist/esm/badge/i18n.js +17 -0
  21. package/dist/esm/badge/use-badge.js +5 -18
  22. package/dist/esm/banner/banner.js +4 -17
  23. package/dist/esm/banner/i18n.js +17 -0
  24. package/dist/esm/calendar/calendar-bottom-content.js +4 -3
  25. package/dist/esm/calendar/calendar-month-day-selector.js +5 -4
  26. package/dist/esm/calendar/hooks/index.js +0 -1
  27. package/dist/esm/calendar/i18n.js +25 -0
  28. package/dist/esm/combo-box/combo-box.js +6 -23
  29. package/dist/esm/combo-box/i18n.js +21 -0
  30. package/dist/esm/index.js +1 -0
  31. package/dist/esm/modal/i18n.js +4 -4
  32. package/dist/esm/modal/modal-content.js +3 -3
  33. package/dist/esm/navbar/navbar-menu/i18n.js +8 -8
  34. package/dist/esm/navbar/navbar-menu/toggle.js +3 -3
  35. package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/search.js +17 -0
  36. package/dist/esm/search-field/i18n.js +17 -0
  37. package/dist/esm/search-field/index.js +2 -0
  38. package/dist/esm/search-field/search-field.js +89 -0
  39. package/dist/types/badge/i18n.d.ts +15 -0
  40. package/dist/types/badge/i18n.d.ts.map +1 -0
  41. package/dist/types/badge/use-badge.d.ts.map +1 -1
  42. package/dist/types/banner/banner.d.ts.map +1 -1
  43. package/dist/types/banner/i18n.d.ts +15 -0
  44. package/dist/types/banner/i18n.d.ts.map +1 -0
  45. package/dist/types/calendar/calendar-bottom-content.d.ts.map +1 -1
  46. package/dist/types/calendar/calendar-month-day-selector.d.ts.map +1 -1
  47. package/dist/types/calendar/hooks/index.d.ts +0 -1
  48. package/dist/types/calendar/hooks/index.d.ts.map +1 -1
  49. package/dist/types/calendar/i18n.d.ts +23 -0
  50. package/dist/types/calendar/i18n.d.ts.map +1 -0
  51. package/dist/types/combo-box/combo-box.d.ts.map +1 -1
  52. package/dist/types/combo-box/i18n.d.ts +19 -0
  53. package/dist/types/combo-box/i18n.d.ts.map +1 -0
  54. package/dist/types/index.d.mts +1 -0
  55. package/dist/types/index.d.ts +1 -0
  56. package/dist/types/index.d.ts.map +1 -1
  57. package/dist/types/modal/i18n.d.ts +14 -2
  58. package/dist/types/modal/i18n.d.ts.map +1 -1
  59. package/dist/types/navbar/navbar-menu/i18n.d.ts +18 -2
  60. package/dist/types/navbar/navbar-menu/i18n.d.ts.map +1 -1
  61. package/dist/types/navbar/navbar-menu/toggle.d.ts.map +1 -1
  62. package/dist/types/search-field/i18n.d.ts +15 -0
  63. package/dist/types/search-field/i18n.d.ts.map +1 -0
  64. package/dist/types/search-field/index.d.ts +2 -0
  65. package/dist/types/search-field/index.d.ts.map +1 -0
  66. package/dist/types/search-field/search-field.d.ts +15 -0
  67. package/dist/types/search-field/search-field.d.ts.map +1 -0
  68. package/package.json +3 -3
  69. package/dist/cjs/calendar/hooks/use-calendar-i18n.cjs +0 -33
  70. package/dist/esm/calendar/hooks/use-calendar-i18n.js +0 -30
  71. package/dist/types/calendar/hooks/use-calendar-i18n.d.ts +0 -4
  72. package/dist/types/calendar/hooks/use-calendar-i18n.d.ts.map +0 -1
@@ -33,4 +33,5 @@ export * from "./navbar";
33
33
  export * from "./avatar";
34
34
  export * from "./accordion";
35
35
  export * from "./time-field";
36
+ export * from "./search-field";
36
37
  //# sourceMappingURL=index.d.ts.map
@@ -33,4 +33,5 @@ export * from "./navbar";
33
33
  export * from "./avatar";
34
34
  export * from "./accordion";
35
35
  export * from "./time-field";
36
+ export * from "./search-field";
36
37
  //# 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;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,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;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA"}
@@ -1,3 +1,15 @@
1
- import type { LocalizedStrings } from "react-aria";
2
- export declare const i18nStrings: LocalizedStrings;
1
+ export declare const i18nStrings: {
2
+ "en-SG": {
3
+ Dismiss: string;
4
+ };
5
+ "zh-SG": {
6
+ Dismiss: string;
7
+ };
8
+ "ms-SG": {
9
+ Dismiss: string;
10
+ };
11
+ "ta-SG": {
12
+ Dismiss: string;
13
+ };
14
+ };
3
15
  //# sourceMappingURL=i18n.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/modal/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,WAAW,EAAE,gBAazB,CAAA"}
1
+ {"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/modal/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAaI,CAAA"}
@@ -1,3 +1,19 @@
1
- import type { LocalizedStrings } from "react-aria";
2
- export declare const i18nStrings: LocalizedStrings;
1
+ export declare const i18nStrings: {
2
+ "en-SG": {
3
+ "Open navigation menu": string;
4
+ "Close navigation menu": string;
5
+ };
6
+ "zh-SG": {
7
+ "Open navigation menu": string;
8
+ "Close navigation menu": string;
9
+ };
10
+ "ms-SG": {
11
+ "Open navigation menu": string;
12
+ "Close navigation menu": string;
13
+ };
14
+ "ta-SG": {
15
+ "Open navigation menu": string;
16
+ "Close navigation menu": string;
17
+ };
18
+ };
3
19
  //# sourceMappingURL=i18n.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../src/navbar/navbar-menu/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,WAAW,EAAE,gBAiBzB,CAAA"}
1
+ {"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../src/navbar/navbar-menu/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBI,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/navbar/navbar-menu/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAK9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAM9E,MAAM,WAAW,qBACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC5D;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC,GAAG,IAAI,CAAA;IAC1D,UAAU,CAAC,EAAE,cAAc,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAA;CACrD;AAED,eAAO,MAAM,gBAAgB,kFAS1B,qBAAqB,4CAkFvB,CAAA"}
1
+ {"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/navbar/navbar-menu/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAK9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAM9E,MAAM,WAAW,qBACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC5D;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC,GAAG,IAAI,CAAA;IAC1D,UAAU,CAAC,EAAE,cAAc,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAA;CACrD;AAED,eAAO,MAAM,gBAAgB,kFAS1B,qBAAqB,4CAoFvB,CAAA"}
@@ -0,0 +1,15 @@
1
+ export declare const i18nStrings: {
2
+ "en-SG": {
3
+ Search: string;
4
+ };
5
+ "zh-SG": {
6
+ Search: string;
7
+ };
8
+ "ms-SG": {
9
+ Search: string;
10
+ };
11
+ "ta-SG": {
12
+ Search: string;
13
+ };
14
+ };
15
+ //# sourceMappingURL=i18n.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/search-field/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAaI,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from "./search-field";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/search-field/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
@@ -0,0 +1,15 @@
1
+ import type { SearchFieldProps as AriaSearchFieldProps, ValidationResult } from "react-aria-components";
2
+ import type { SearchFieldSlots, SearchFieldVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
3
+ import type { InputProps } from "../input";
4
+ export interface SearchFieldProps extends AriaSearchFieldProps, SearchFieldVariantProps {
5
+ label?: React.ReactNode;
6
+ description?: React.ReactNode;
7
+ errorMessage?: React.ReactNode | ((validation: ValidationResult) => React.ReactNode);
8
+ /** The icon to display in the search field. Defaults to `SearchIcon`.
9
+ * Set to `null` to hide the icon. */
10
+ searchIcon?: React.ReactNode | null;
11
+ inputProps?: Partial<InputProps>;
12
+ classNames?: SlotsToClasses<SearchFieldSlots>;
13
+ }
14
+ export declare function SearchField(originalProps: SearchFieldProps): import("react/jsx-runtime").JSX.Element;
15
+ //# sourceMappingURL=search-field.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../src/search-field/search-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,IAAI,oBAAoB,EACxC,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAK9B,OAAO,KAAK,EACV,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAO1C,MAAM,WAAW,gBACf,SAAQ,oBAAoB,EAC1B,uBAAuB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EACT,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACvD;yCACqC;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;IAChC,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;CAC9C;AAED,wBAAgB,WAAW,CAAC,aAAa,EAAE,gBAAgB,2CAwE1D"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui",
3
- "version": "0.0.40",
3
+ "version": "0.0.41",
4
4
  "sideEffects": false,
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "type": "module",
@@ -50,7 +50,7 @@
50
50
  "storybook": "10.1.10",
51
51
  "tsx": "^4.21.0",
52
52
  "typescript": "5.7.3",
53
- "@opengovsg/oui-theme": "0.0.40",
53
+ "@opengovsg/oui-theme": "0.0.41",
54
54
  "@oui/chromatic": "0.0.0",
55
55
  "@oui/eslint-config": "0.0.0",
56
56
  "@oui/prettier-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.14.0",
91
- "@opengovsg/oui-theme": "0.0.40"
91
+ "@opengovsg/oui-theme": "0.0.41"
92
92
  },
93
93
  "scripts": {
94
94
  "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",
@@ -1,33 +0,0 @@
1
- "use strict";
2
- 'use strict';
3
-
4
- var reactAria = require('react-aria');
5
-
6
- const i18nStrings = {
7
- "en-SG": {
8
- selectMonth: "Select month",
9
- selectYear: "Select year",
10
- today: "Today"
11
- },
12
- "zh-SG": {
13
- selectMonth: "\u9009\u62E9\u6708\u4EFD",
14
- selectYear: "\u9009\u62E9\u5E74\u4EFD",
15
- today: "\u4ECA\u5929"
16
- },
17
- "ms-SG": {
18
- selectMonth: "Pilih bulan",
19
- selectYear: "Pilih tahun",
20
- today: "Hari ini"
21
- },
22
- "ta-SG": {
23
- selectMonth: "\u0BAE\u0BBE\u0BA4\u0BA4\u0BCD\u0BA4\u0BC8 \u0BA4\u0BC7\u0BB0\u0BCD\u0BA8\u0BCD\u0BA4\u0BC6\u0B9F\u0BC1\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD",
24
- selectYear: "\u0B86\u0BA3\u0BCD\u0B9F\u0BC8 \u0BA4\u0BC7\u0BB0\u0BCD\u0BA8\u0BCD\u0BA4\u0BC6\u0B9F\u0BC1\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD",
25
- today: "\u0B87\u0BA9\u0BCD\u0BB1\u0BC1"
26
- }
27
- };
28
- const useCalendarI18n = () => {
29
- return reactAria.useMessageFormatter(i18nStrings);
30
- };
31
-
32
- exports.i18nStrings = i18nStrings;
33
- exports.useCalendarI18n = useCalendarI18n;
@@ -1,30 +0,0 @@
1
- "use strict";
2
- import { useMessageFormatter } from 'react-aria';
3
-
4
- const i18nStrings = {
5
- "en-SG": {
6
- selectMonth: "Select month",
7
- selectYear: "Select year",
8
- today: "Today"
9
- },
10
- "zh-SG": {
11
- selectMonth: "\u9009\u62E9\u6708\u4EFD",
12
- selectYear: "\u9009\u62E9\u5E74\u4EFD",
13
- today: "\u4ECA\u5929"
14
- },
15
- "ms-SG": {
16
- selectMonth: "Pilih bulan",
17
- selectYear: "Pilih tahun",
18
- today: "Hari ini"
19
- },
20
- "ta-SG": {
21
- selectMonth: "\u0BAE\u0BBE\u0BA4\u0BA4\u0BCD\u0BA4\u0BC8 \u0BA4\u0BC7\u0BB0\u0BCD\u0BA8\u0BCD\u0BA4\u0BC6\u0B9F\u0BC1\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD",
22
- selectYear: "\u0B86\u0BA3\u0BCD\u0B9F\u0BC8 \u0BA4\u0BC7\u0BB0\u0BCD\u0BA8\u0BCD\u0BA4\u0BC6\u0B9F\u0BC1\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD",
23
- today: "\u0B87\u0BA9\u0BCD\u0BB1\u0BC1"
24
- }
25
- };
26
- const useCalendarI18n = () => {
27
- return useMessageFormatter(i18nStrings);
28
- };
29
-
30
- export { i18nStrings, useCalendarI18n };
@@ -1,4 +0,0 @@
1
- import type { LocalizedStrings } from "react-aria";
2
- export declare const i18nStrings: LocalizedStrings;
3
- export declare const useCalendarI18n: () => import("react-aria").FormatMessage;
4
- //# sourceMappingURL=use-calendar-i18n.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-calendar-i18n.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/use-calendar-i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAGlD,eAAO,MAAM,WAAW,EAAE,gBAqBzB,CAAA;AAED,eAAO,MAAM,eAAe,0CAE3B,CAAA"}