@govtechsg/sgds-web-component 3.16.1-rc.0 → 3.16.1-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@govtechsg/sgds-web-component",
-  "version": "3.16.1-rc.0",
+  "version": "3.16.1-rc.1",
   "description": "",
   "main": "./index.umd.js",
   "module": "./index.js",

package/react/index.cjs.js

@@ -8,10 +8,10 @@ var index$1 = require('./accordion/index.cjs.js');
 var index$2 = require('./alert-link/index.cjs.js');
 var index$3 = require('./alert/index.cjs.js');
 var index$4 = require('./badge/index.cjs.js');
-var index$5 = require('./breadcrumb-item/index.cjs.js');
-var index$6 = require('./breadcrumb/index.cjs.js');
-var index$7 = require('./button/index.cjs.js');
-var index$8 = require('./card/index.cjs.js');
+var index$5 = require('./button/index.cjs.js');
+var index$6 = require('./card/index.cjs.js');
+var index$7 = require('./breadcrumb-item/index.cjs.js');
+var index$8 = require('./breadcrumb/index.cjs.js');
 var index$9 = require('./checkbox-group/index.cjs.js');
 var index$a = require('./checkbox/index.cjs.js');
 var index$b = require('./close-button/index.cjs.js');
@@ -83,10 +83,10 @@ exports.SgdsAccordion = index$1["default"];
 exports.SgdsAlertLink = index$2["default"];
 exports.SgdsAlert = index$3["default"];
 exports.SgdsBadge = index$4["default"];
-exports.SgdsBreadcrumbItem = index$5["default"];
-exports.SgdsBreadcrumb = index$6["default"];
-exports.SgdsButton = index$7["default"];
-exports.SgdsCard = index$8["default"];
+exports.SgdsButton = index$5["default"];
+exports.SgdsCard = index$6["default"];
+exports.SgdsBreadcrumbItem = index$7["default"];
+exports.SgdsBreadcrumb = index$8["default"];
 exports.SgdsCheckboxGroup = index$9["default"];
 exports.SgdsCheckbox = index$a["default"];
 exports.SgdsCloseButton = index$b["default"];

package/react/index.d.ts

@@ -3,10 +3,10 @@ export { default as SgdsAccordion } from './accordion';
 export { default as SgdsAlertLink } from './alert-link';
 export { default as SgdsAlert } from './alert';
 export { default as SgdsBadge } from './badge';
-export { default as SgdsBreadcrumbItem } from './breadcrumb-item';
-export { default as SgdsBreadcrumb } from './breadcrumb';
 export { default as SgdsButton } from './button';
 export { default as SgdsCard } from './card';
+export { default as SgdsBreadcrumbItem } from './breadcrumb-item';
+export { default as SgdsBreadcrumb } from './breadcrumb';
 export { default as SgdsCheckboxGroup } from './checkbox-group';
 export { default as SgdsCheckbox } from './checkbox';
 export { default as SgdsCloseButton } from './close-button';

package/react/index.js

@@ -4,10 +4,10 @@ export { default as SgdsAccordion } from './accordion/index.js';
 export { default as SgdsAlertLink } from './alert-link/index.js';
 export { default as SgdsAlert } from './alert/index.js';
 export { default as SgdsBadge } from './badge/index.js';
-export { default as SgdsBreadcrumbItem } from './breadcrumb-item/index.js';
-export { default as SgdsBreadcrumb } from './breadcrumb/index.js';
 export { default as SgdsButton } from './button/index.js';
 export { default as SgdsCard } from './card/index.js';
+export { default as SgdsBreadcrumbItem } from './breadcrumb-item/index.js';
+export { default as SgdsBreadcrumb } from './breadcrumb/index.js';
 export { default as SgdsCheckboxGroup } from './checkbox-group/index.js';
 export { default as SgdsCheckbox } from './checkbox/index.js';
 export { default as SgdsCloseButton } from './close-button/index.js';

package/types/react.d.ts

@@ -29,7 +29,7 @@ export {};
 type SgdsEventHandler = (event: CustomEvent) => void;
 
 /** Common props shared by every SGDS element */
-interface SgdsBaseProps extends React.HTMLAttributes<HTMLElement> {
+interface SgdsBaseProps extends React.HTMLAttributes<HTMLElement>, React.RefAttributes<HTMLElement> {
   /** Override the CSS `class` attribute (use `className` in JSX for React) */
   class?: string;
 }
@@ -162,20 +162,6 @@ Variants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `
   "onsgds-after-hide"?: SgdsEventHandler;
 }
 
-// ── BreadcrumbItem ─────────────────────────────────────────────────────────────
-
-interface SgdsBreadcrumbItemProps extends SgdsBaseProps {
-  /** Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item */
-  active?: boolean;
-}
-
-// ── Breadcrumb ─────────────────────────────────────────────────────────────
-
-interface SgdsBreadcrumbProps extends SgdsBaseProps {
-  /** The aria-label of nav element within breadcrumb component. */
-  ariaLabel?: string;
-}
-
 // ── Button ─────────────────────────────────────────────────────────────
 
 interface SgdsButtonProps extends SgdsBaseProps {
@@ -251,6 +237,20 @@ interface SgdsCardProps extends SgdsBaseProps {
   orientation?: CardOrientation;
 }
 
+// ── BreadcrumbItem ─────────────────────────────────────────────────────────────
+
+interface SgdsBreadcrumbItemProps extends SgdsBaseProps {
+  /** Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item */
+  active?: boolean;
+}
+
+// ── Breadcrumb ─────────────────────────────────────────────────────────────
+
+interface SgdsBreadcrumbProps extends SgdsBaseProps {
+  /** The aria-label of nav element within breadcrumb component. */
+  ariaLabel?: string;
+}
+
 // ── CheckboxGroup ─────────────────────────────────────────────────────────────
 
 interface SgdsCheckboxGroupProps extends SgdsBaseProps {
@@ -1470,10 +1470,10 @@ declare module "react" {
       "sgds-alert-link": SgdsAlertLinkProps;
       "sgds-alert": SgdsAlertProps;
       "sgds-badge": SgdsBadgeProps;
-      "sgds-breadcrumb-item": SgdsBreadcrumbItemProps;
-      "sgds-breadcrumb": SgdsBreadcrumbProps;
       "sgds-button": SgdsButtonProps;
       "sgds-card": SgdsCardProps;
+      "sgds-breadcrumb-item": SgdsBreadcrumbItemProps;
+      "sgds-breadcrumb": SgdsBreadcrumbProps;
       "sgds-checkbox-group": SgdsCheckboxGroupProps;
       "sgds-checkbox": SgdsCheckboxProps;
       "sgds-close-button": SgdsCloseButtonProps;
@@ -1552,10 +1552,10 @@ declare global {
     "sgds-alert-link": HTMLElement;
     "sgds-alert": HTMLElement;
     "sgds-badge": HTMLElement;
-    "sgds-breadcrumb-item": HTMLElement;
-    "sgds-breadcrumb": HTMLElement;
     "sgds-button": HTMLElement;
     "sgds-card": HTMLElement;
+    "sgds-breadcrumb-item": HTMLElement;
+    "sgds-breadcrumb": HTMLElement;
     "sgds-checkbox-group": HTMLElement;
     "sgds-checkbox": HTMLElement;
     "sgds-close-button": HTMLElement;