@opengovsg/oui 0.0.0-snapshot-20250619075023 → 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.
@@ -169,7 +169,7 @@ function GovtBanner({
169
169
  ),
170
170
  /* @__PURE__ */ jsxRuntime.jsxs("article", { children: [
171
171
  formatMessage("officialLinkContent", {
172
- boldThis: (content) => /* @__PURE__ */ jsxRuntime.jsx("b", { children: content })
172
+ boldThis: (content) => /* @__PURE__ */ jsxRuntime.jsx("b", { children: content }, content)
173
173
  }),
174
174
  " ",
175
175
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -167,7 +167,7 @@ function GovtBanner({
167
167
  ),
168
168
  /* @__PURE__ */ jsxs("article", { children: [
169
169
  formatMessage("officialLinkContent", {
170
- boldThis: (content) => /* @__PURE__ */ jsx("b", { children: content })
170
+ boldThis: (content) => /* @__PURE__ */ jsx("b", { children: content }, content)
171
171
  }),
172
172
  " ",
173
173
  /* @__PURE__ */ jsxs(
@@ -49,22 +49,6 @@ export declare function useBadge(originalProps: UseBadgeProps): {
49
49
  md: string;
50
50
  };
51
51
  }, undefined, string, {
52
- responsiveVariants?: boolean | (string | number | symbol)[] | {
53
- size?: boolean | (string | number | symbol)[] | undefined;
54
- isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
55
- } | undefined;
56
- } & import("tailwind-variants/dist/config.js").TWMConfig & {
57
- twMergeConfig: {
58
- extend: {
59
- theme: {};
60
- classGroups: {
61
- prose: {
62
- prose: (() => boolean)[];
63
- }[];
64
- };
65
- };
66
- };
67
- }, {
68
52
  isFocusVisible: {
69
53
  false: string;
70
54
  true: string;
@@ -75,21 +59,6 @@ export declare function useBadge(originalProps: UseBadgeProps): {
75
59
  true: string;
76
60
  };
77
61
  }, undefined, "outline-offset-2 outline-none", {
78
- responsiveVariants?: boolean | (string | number | symbol)[] | {
79
- isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
80
- } | undefined;
81
- } & import("tailwind-variants/dist/config.js").TWMConfig & {
82
- twMergeConfig: {
83
- extend: {
84
- theme: {};
85
- classGroups: {
86
- prose: {
87
- prose: (() => boolean)[];
88
- }[];
89
- };
90
- };
91
- };
92
- }, {
93
62
  isFocusVisible: {
94
63
  false: string;
95
64
  true: string;
@@ -99,17 +68,7 @@ export declare function useBadge(originalProps: UseBadgeProps): {
99
68
  false: string;
100
69
  true: string;
101
70
  };
102
- }, undefined, "outline-offset-2 outline-none", import("tailwind-variants/dist/config.js").TVConfig<{
103
- isFocusVisible: {
104
- false: string;
105
- true: string;
106
- };
107
- }, {
108
- isFocusVisible: {
109
- false: string;
110
- true: string;
111
- };
112
- }>, unknown, unknown, undefined>>>;
71
+ }, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>>;
113
72
  base: ((slotProps?: ({
114
73
  size?: "md" | "sm" | "xs" | undefined;
115
74
  color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
@@ -117,14 +76,14 @@ export declare function useBadge(originalProps: UseBadgeProps): {
117
76
  variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
118
77
  isDisabled?: boolean | undefined;
119
78
  isCloseable?: boolean | undefined;
120
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string) & ((slotProps?: ({
79
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string) & ((slotProps?: ({
121
80
  size?: "md" | "sm" | "xs" | undefined;
122
81
  color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
123
82
  radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
124
83
  variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
125
84
  isDisabled?: boolean | undefined;
126
85
  isCloseable?: boolean | undefined;
127
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string);
86
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string);
128
87
  dot: ((slotProps?: ({
129
88
  size?: "md" | "sm" | "xs" | undefined;
130
89
  color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
@@ -132,14 +91,14 @@ export declare function useBadge(originalProps: UseBadgeProps): {
132
91
  variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
133
92
  isDisabled?: boolean | undefined;
134
93
  isCloseable?: boolean | undefined;
135
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string) & ((slotProps?: ({
94
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string) & ((slotProps?: ({
136
95
  size?: "md" | "sm" | "xs" | undefined;
137
96
  color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
138
97
  radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
139
98
  variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
140
99
  isDisabled?: boolean | undefined;
141
100
  isCloseable?: boolean | undefined;
142
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string);
101
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string);
143
102
  content: ((slotProps?: ({
144
103
  size?: "md" | "sm" | "xs" | undefined;
145
104
  color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
@@ -147,14 +106,14 @@ export declare function useBadge(originalProps: UseBadgeProps): {
147
106
  variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
148
107
  isDisabled?: boolean | undefined;
149
108
  isCloseable?: boolean | undefined;
150
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string) & ((slotProps?: ({
109
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string) & ((slotProps?: ({
151
110
  size?: "md" | "sm" | "xs" | undefined;
152
111
  color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
153
112
  radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
154
113
  variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
155
114
  isDisabled?: boolean | undefined;
156
115
  isCloseable?: boolean | undefined;
157
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string);
116
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string);
158
117
  };
159
118
  classNames: SlotsToClasses<"content" | "base" | "dot" | "closeButton"> | undefined;
160
119
  isCloseable: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"use-badge.d.ts","sourceRoot":"","sources":["../../../src/badge/use-badge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EACjB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAI9D,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,iBAAiB;IACnE,GAAG,CAAC,EAAE,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE5B;;;;;;;;;;;;;OAaG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,GAAG,aAAa,CAAC,CAAA;IACvD;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CAClC;AAiBD,wBAAgB,QAAQ,CAAC,aAAa,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiGpD"}
1
+ {"version":3,"file":"use-badge.d.ts","sourceRoot":"","sources":["../../../src/badge/use-badge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EACjB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAI9D,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,iBAAiB;IACnE,GAAG,CAAC,EAAE,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE5B;;;;;;;;;;;;;OAaG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,GAAG,aAAa,CAAC,CAAA;IACvD;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CAClC;AAiBD,wBAAgB,QAAQ,CAAC,aAAa,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiGpD"}
@@ -28,36 +28,36 @@ export declare const useSpinner: (originalProps: UseSpinnerProps) => {
28
28
  base: (slotProps?: ({
29
29
  size?: "lg" | "md" | "sm" | undefined;
30
30
  color?: "current" | "white" | undefined;
31
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
31
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
32
32
  wrapper: (slotProps?: ({
33
33
  size?: "lg" | "md" | "sm" | undefined;
34
34
  color?: "current" | "white" | undefined;
35
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
35
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
36
36
  circle1: (slotProps?: ({
37
37
  size?: "lg" | "md" | "sm" | undefined;
38
38
  color?: "current" | "white" | undefined;
39
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
39
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
40
40
  circle2: (slotProps?: ({
41
41
  size?: "lg" | "md" | "sm" | undefined;
42
42
  color?: "current" | "white" | undefined;
43
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
43
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
44
44
  } & {
45
45
  base: (slotProps?: ({
46
46
  size?: "lg" | "md" | "sm" | undefined;
47
47
  color?: "current" | "white" | undefined;
48
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
48
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
49
49
  wrapper: (slotProps?: ({
50
50
  size?: "lg" | "md" | "sm" | undefined;
51
51
  color?: "current" | "white" | undefined;
52
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
52
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
53
53
  circle1: (slotProps?: ({
54
54
  size?: "lg" | "md" | "sm" | undefined;
55
55
  color?: "current" | "white" | undefined;
56
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
56
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
57
57
  circle2: (slotProps?: ({
58
58
  size?: "lg" | "md" | "sm" | undefined;
59
59
  color?: "current" | "white" | undefined;
60
- } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
60
+ } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
61
61
  } & {};
62
62
  classNames: SlotsToClasses<"base" | "wrapper" | "circle1" | "circle2"> | undefined;
63
63
  getSpinnerProps: PropGetter;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui",
3
- "version": "0.0.0-snapshot-20250619075023",
3
+ "version": "0.0.0-snapshot-20250808095255",
4
4
  "sideEffects": false,
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "type": "module",
@@ -47,7 +47,7 @@
47
47
  "storybook": "9.0.0-beta.11",
48
48
  "tsx": "^4.20.3",
49
49
  "typescript": "5.7.3",
50
- "@opengovsg/oui-theme": "0.0.0-snapshot-20250619075023",
50
+ "@opengovsg/oui-theme": "0.0.0-snapshot-20250808095255",
51
51
  "@oui/chromatic": "0.0.0",
52
52
  "@oui/eslint-config": "0.0.0",
53
53
  "@oui/prettier-config": "0.0.0",
@@ -80,7 +80,7 @@
80
80
  "peerDependencies": {
81
81
  "motion": ">=11.12.0 || >=12.0.0-alpha.1",
82
82
  "react-aria-components": "^1.10.1",
83
- "@opengovsg/oui-theme": "0.0.0-snapshot-20250619075023"
83
+ "@opengovsg/oui-theme": "0.0.0-snapshot-20250808095255"
84
84
  },
85
85
  "scripts": {
86
86
  "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",