@opengovsg/oui 0.0.19 → 0.0.20

package/dist/cjs/banner/banner.cjs

@@ -43,6 +43,9 @@ const Banner = ({
     if (startContentProp) {
       return startContentProp;
     }
+    if (startContentProp === null) {
+      return null;
+    }
     switch (variant) {
       case "info":
         return /* @__PURE__ */ jsxRuntime.jsx(info.default, { className: styles.icon({ className: classNames?.icon }) });
@@ -58,7 +61,9 @@ const Banner = ({
   }, [classNames?.icon, startContentProp, styles, variant]);
   const bannerRef = $670gB$react.useRef(null);
   const state = reactStately.useDisclosureState({
-    defaultExpanded
+    defaultExpanded,
+    isExpanded: disclosureProps.isExpanded,
+    onExpandedChange: disclosureProps.onExpandedChange
   });
   const { buttonProps, panelProps: bannerProps } = reactAria.useDisclosure(
     disclosureProps,
@@ -76,7 +81,7 @@ const Banner = ({
       ...isDismissable ? bannerProps : {},
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.content({ className: classNames?.content }), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          startContent && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               className: styles.startContentWrapper({

package/dist/cjs/index.cjs

@@ -23,6 +23,7 @@ var tagFieldItem = require('./tag-field/tag-field-item.cjs');
 var select = require('./select/select.cjs');
 var selectItem = require('./select/select-item.cjs');
 var selectVariantContext = require('./select/select-variant-context.cjs');
+var badge = require('./badge/badge.cjs');
 var calendar = require('./calendar/calendar.cjs');
 var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
 var utils = require('./calendar/utils.cjs');
@@ -43,7 +44,6 @@ var usePagination = require('./pagination/hooks/use-pagination.cjs');
 var usePagination$1 = require('./pagination/use-pagination.cjs');
 var button = require('./button/button.cjs');
 var banner = require('./banner/banner.cjs');
-var badge = require('./badge/badge.cjs');
 
 
 
@@ -75,6 +75,7 @@ exports.Select = select.Select;
 exports.SelectItem = selectItem.SelectItem;
 exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
 exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
+exports.Badge = badge.Badge;
 exports.Calendar = calendar.Calendar;
 exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
 exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
@@ -121,4 +122,3 @@ exports.CURSOR_TRANSITION_TIMEOUT = usePagination$1.CURSOR_TRANSITION_TIMEOUT;
 exports.usePagination = usePagination$1.usePagination;
 exports.Button = button.Button;
 exports.Banner = banner.Banner;
-exports.Badge = badge.Badge;

package/dist/esm/banner/banner.js

@@ -41,6 +41,9 @@ const Banner = ({
     if (startContentProp) {
       return startContentProp;
     }
+    if (startContentProp === null) {
+      return null;
+    }
     switch (variant) {
       case "info":
         return /* @__PURE__ */ jsx(Info, { className: styles.icon({ className: classNames?.icon }) });
@@ -56,7 +59,9 @@ const Banner = ({
   }, [classNames?.icon, startContentProp, styles, variant]);
   const bannerRef = useRef(null);
   const state = useDisclosureState({
-    defaultExpanded
+    defaultExpanded,
+    isExpanded: disclosureProps.isExpanded,
+    onExpandedChange: disclosureProps.onExpandedChange
   });
   const { buttonProps, panelProps: bannerProps } = useDisclosure(
     disclosureProps,
@@ -74,7 +79,7 @@ const Banner = ({
       ...isDismissable ? bannerProps : {},
       children: [
         /* @__PURE__ */ jsxs("div", { className: styles.content({ className: classNames?.content }), children: [
-          /* @__PURE__ */ jsx(
+          startContent && /* @__PURE__ */ jsx(
             "div",
             {
               className: styles.startContentWrapper({

package/dist/esm/index.js

@@ -21,6 +21,7 @@ export { TagFieldItem } from './tag-field/tag-field-item.js';
 export { Select } from './select/select.js';
 export { SelectItem } from './select/select-item.js';
 export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
+export { Badge } from './badge/badge.js';
 export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
 export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
 export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
@@ -41,4 +42,3 @@ export { PaginationItemType } from './pagination/hooks/use-pagination.js';
 export { CURSOR_TRANSITION_TIMEOUT, usePagination } from './pagination/use-pagination.js';
 export { Button } from './button/button.js';
 export { Banner } from './banner/banner.js';
-export { Badge } from './badge/badge.js';

package/dist/types/banner/banner.d.ts

@@ -6,7 +6,7 @@ interface BannerProps extends VariantProps<typeof bannerStyles>, AriaDisclosureP
     /**
      * The banner start content. Will default to the relevant icons based on the `variant` prop.
      */
-    startContent?: React.ReactNode;
+    startContent?: React.ReactNode | null;
     children: ReactNode;
     /**
      * If provided, the dismiss button will be rendered.

package/dist/types/banner/banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,mBAAmB,EAAoB,MAAM,YAAY,CAAA;AAMvE,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,UAAU,WACR,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,mBAAmB;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;CACzC;AAiBD,eAAO,MAAM,MAAM,2IAUhB,WAAW,mDA6Eb,CAAA"}
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,mBAAmB,EAAoB,MAAM,YAAY,CAAA;AAMvE,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,UAAU,WACR,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,mBAAmB;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IACrC,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;CACzC;AAiBD,eAAO,MAAM,MAAM,2IAUhB,WAAW,mDAsFb,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "sideEffects": false,
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
@@ -49,9 +49,9 @@
     "storybook": "9.1.6",
     "tsx": "^4.20.3",
     "typescript": "5.7.3",
-    "@opengovsg/oui-theme": "0.0.19",
-    "@oui/chromatic": "0.0.0",
     "@oui/eslint-config": "0.0.0",
+    "@oui/chromatic": "0.0.0",
+    "@opengovsg/oui-theme": "0.0.20",
     "@oui/prettier-config": "0.0.0",
     "@oui/typescript-config": "0.0.0"
   },
@@ -83,7 +83,7 @@
     "motion": ">=11.12.0 || >=12.0.0-alpha.1",
     "react": ">= 18",
     "react-aria-components": "^1.12.2",
-    "@opengovsg/oui-theme": "0.0.19"
+    "@opengovsg/oui-theme": "0.0.20"
   },
   "scripts": {
     "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",