@navikt/ds-react 2.7.7 → 2.8.0

package/_docs.json

@@ -1631,6 +1631,346 @@
       }
     }
   },
+  {
+    "filePath": "src/expansion-card/ExpansionCard.tsx",
+    "displayName": "ExpansionCard",
+    "props": {
+      "onToggle": {
+        "defaultValue": null,
+        "description": "Callback for when Card is toggled open/closed",
+        "name": "onToggle",
+        "parent": {
+          "fileName": "src/expansion-card/ExpansionCard.tsx",
+          "name": "ExpansionCardProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/expansion-card/ExpansionCard.tsx",
+            "name": "ExpansionCardProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((open: boolean) => void)"
+        }
+      },
+      "open": {
+        "defaultValue": null,
+        "description": "Controlled open-state\nUsing this removes automatic control of open-state",
+        "name": "open",
+        "parent": {
+          "fileName": "src/expansion-card/ExpansionCard.tsx",
+          "name": "ExpansionCardProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/expansion-card/ExpansionCard.tsx",
+            "name": "ExpansionCardProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "defaultOpen": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "Defaults to open if not controlled",
+        "name": "defaultOpen",
+        "parent": {
+          "fileName": "src/expansion-card/ExpansionCard.tsx",
+          "name": "ExpansionCardProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/expansion-card/ExpansionCard.tsx",
+            "name": "ExpansionCardProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "size": {
+        "defaultValue": {
+          "value": "\"medium\""
+        },
+        "description": "",
+        "name": "size",
+        "parent": {
+          "fileName": "src/expansion-card/ExpansionCard.tsx",
+          "name": "ExpansionCardProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/expansion-card/ExpansionCard.tsx",
+            "name": "ExpansionCardProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"medium\" | \"small\""
+        }
+      },
+      "aria-label": {
+        "defaultValue": null,
+        "description": "Since ExpansionCard is a section-element, accessible name is required.",
+        "name": "aria-label",
+        "parent": {
+          "fileName": "src/expansion-card/ExpansionCard.tsx",
+          "name": "ExpansionCardProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/expansion-card/ExpansionCard.tsx",
+            "name": "ExpansionCardProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "string"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLDivElement>"
+        }
+      }
+    }
+  },
+  {
+    "filePath": "src/expansion-card/ExpansionCardContent.tsx",
+    "displayName": "ExpansionCardContent",
+    "props": {
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLDivElement>"
+        }
+      }
+    }
+  },
+  {
+    "filePath": "src/expansion-card/ExpansionCardDescription.tsx",
+    "displayName": "ExpansionCardDescription",
+    "props": {
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLParagraphElement>"
+        }
+      }
+    }
+  },
+  {
+    "filePath": "src/expansion-card/ExpansionCardHeader.tsx",
+    "displayName": "ExpansionCardHeader",
+    "props": {
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLDivElement>"
+        }
+      }
+    }
+  },
+  {
+    "filePath": "src/expansion-card/ExpansionCardTitle.tsx",
+    "displayName": "ExpansionCardTitle",
+    "props": {
+      "size": {
+        "defaultValue": {
+          "value": "small"
+        },
+        "description": "Changes text-sizing",
+        "name": "size",
+        "parent": {
+          "fileName": "src/expansion-card/ExpansionCardTitle.tsx",
+          "name": "ExpansionCardTitleProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/expansion-card/ExpansionCardTitle.tsx",
+            "name": "ExpansionCardTitleProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"large\" | \"medium\" | \"small\""
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLHeadingElement>"
+        }
+      }
+    }
+  },
   {
     "filePath": "src/form/ConfirmationPanel.tsx",
     "displayName": "ConfirmationPanel",

package/cjs/expansion-card/ExpansionCard.js

@@ -0,0 +1,76 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpansionCard = exports.ExpansionCardContext = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const ExpansionCardContent_1 = __importDefault(require("./ExpansionCardContent"));
+const ExpansionCardDescription_1 = require("./ExpansionCardDescription");
+const ExpansionCardHeader_1 = __importDefault(require("./ExpansionCardHeader"));
+const ExpansionCardTitle_1 = require("./ExpansionCardTitle");
+exports.ExpansionCardContext = (0, react_1.createContext)({
+    open: false,
+    toggleOpen: () => { },
+});
+exports.ExpansionCard = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, onToggle, open, defaultOpen = false, size = "medium" } = _a, rest = __rest(_a, ["className", "onToggle", "open", "defaultOpen", "size"]);
+    const [_open, _setOpen] = (0, react_1.useState)(defaultOpen);
+    const shouldFade = (0, react_1.useRef)(!(Boolean(open) || defaultOpen));
+    const handleOpen = () => {
+        if (open === undefined) {
+            const newOpen = !_open;
+            _setOpen(newOpen);
+            onToggle === null || onToggle === void 0 ? void 0 : onToggle(newOpen);
+        }
+        else {
+            onToggle === null || onToggle === void 0 ? void 0 : onToggle(!open);
+        }
+        shouldFade.current = true;
+    };
+    return (react_1.default.createElement(exports.ExpansionCardContext.Provider, { value: { open: open !== null && open !== void 0 ? open : _open, toggleOpen: handleOpen } },
+        react_1.default.createElement("section", Object.assign({}, rest, { className: (0, clsx_1.default)("navds-expansioncard", className, `navds-expansioncard--${size}`, {
+                "navds-expansioncard--open": open !== null && open !== void 0 ? open : _open,
+                "navds-expansioncard--no-fade": !shouldFade.current,
+            }), ref: ref }))));
+});
+exports.ExpansionCard.Header = ExpansionCardHeader_1.default;
+exports.ExpansionCard.Content = ExpansionCardContent_1.default;
+exports.ExpansionCard.Title = ExpansionCardTitle_1.ExpansionCardTitle;
+exports.ExpansionCard.Description = ExpansionCardDescription_1.ExpansionCardDescription;
+exports.default = exports.ExpansionCard;

package/cjs/expansion-card/ExpansionCardContent.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const BodyLong_1 = require("../typography/BodyLong");
+const ExpansionCard_1 = require("./ExpansionCard");
+const ExpansionCardContent = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const panelContext = (0, react_1.useContext)(ExpansionCard_1.ExpansionCardContext);
+    if (panelContext === null) {
+        console.error("<ExpansionCard.Content> has to be used within an <ExpansionCard>");
+        return null;
+    }
+    return (react_1.default.createElement(BodyLong_1.BodyLong, Object.assign({}, rest, { ref: ref, as: "div", className: (0, clsx_1.default)("navds-expansioncard__content", {
+            "navds-expansioncard__content--closed": !panelContext.open,
+        }), "aria-hidden": !panelContext.open }),
+        react_1.default.createElement("div", { className: "navds-expansioncard__content-inner" }, children)));
+});
+exports.default = ExpansionCardContent;

package/cjs/expansion-card/ExpansionCardDescription.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpansionCardDescription = void 0;
+const react_1 = __importStar(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+const BodyLong_1 = require("../typography/BodyLong");
+exports.ExpansionCardDescription = (0, react_1.forwardRef)((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (react_1.default.createElement(BodyLong_1.BodyLong, Object.assign({}, rest, { as: "p", ref: ref, className: (0, clsx_1.default)("navds-link-panel__description", className) })));
+});

package/cjs/expansion-card/ExpansionCardHeader.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const ExpansionCard_1 = require("./ExpansionCard");
+const aksel_icons_1 = require("@navikt/aksel-icons");
+const ExpansionCardHeader = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const panelContext = (0, react_1.useContext)(ExpansionCard_1.ExpansionCardContext);
+    if (panelContext === null) {
+        console.error("<ExpansionCard.Header> has to be used within an <ExpansionCard>");
+        return null;
+    }
+    return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-expansioncard__header", className) }),
+        react_1.default.createElement("div", { className: "navds-expansioncard__header-content" }, children),
+        react_1.default.createElement("button", { className: "navds-expansioncard__header-button", onClick: () => panelContext.toggleOpen(), type: "button", "aria-expanded": panelContext.open },
+            react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { className: "navds-expansioncard__header-chevron", title: "Vis mer" }))));
+});
+exports.default = ExpansionCardHeader;

package/cjs/expansion-card/ExpansionCardTitle.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpansionCardTitle = void 0;
+const react_1 = __importStar(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+exports.ExpansionCardTitle = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, as: Component = "h3", size = "small" } = _a, rest = __rest(_a, ["className", "as", "size"]);
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-expansioncard__title", `navds-expansioncard__title--${size}`, "navds-heading", `navds-heading--${size}`, className) })));
+});

package/cjs/expansion-card/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpansionCard = void 0;
+var ExpansionCard_1 = require("./ExpansionCard");
+Object.defineProperty(exports, "ExpansionCard", { enumerable: true, get: function () { return __importDefault(ExpansionCard_1).default; } });

package/cjs/expansion-card/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../esm/expansion-card/index.js",
+  "types": "../../esm/expansion-card/index.d.ts"
+}

package/cjs/index.js

@@ -21,6 +21,7 @@ __exportStar(require("./chat"), exports);
 __exportStar(require("./chips"), exports);
 __exportStar(require("./date"), exports);
 __exportStar(require("./form"), exports);
+__exportStar(require("./expansion-card"), exports);
 __exportStar(require("./grid"), exports);
 __exportStar(require("./guide-panel"), exports);
 __exportStar(require("./help-text"), exports);