@navikt/ds-react 5.15.0 → 6.0.0-alpha.0

package/cjs/accordion/Accordion.d.ts

@@ -0,0 +1,63 @@
+import React from "react";
+import { AccordionContentProps } from "./AccordionContent";
+import { AccordionHeaderProps } from "./AccordionHeader";
+import { AccordionItemProps } from "./AccordionItem";
+interface AccordionComponent extends React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link AccordionItemProps}
+     */
+    Item: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * @see 🏷️ {@link AccordionHeaderProps}
+     */
+    Header: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLButtonElement>>;
+    /**
+     * @see 🏷️ {@link AccordionContentProps}
+     */
+    Content: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+}
+export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @default 'default'
+     */
+    variant?: "default" | "neutral";
+    /**
+     * @default 'small'
+     */
+    headingSize?: "large" | "medium" | "small" | "xsmall";
+    /**
+     * @default "medium"
+     */
+    size?: "large" | "medium" | "small";
+    /**
+     * Whether to indent content or not
+     * @default true
+     */
+    indent?: boolean;
+    /**
+     * Instances of Accordion.Item
+     */
+    children: React.ReactNode;
+}
+/**
+ * A component that displays collapsible content sections.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/accordion)
+ * @see 🏷️ {@link AccordionProps}
+ *
+ * @example
+ * ```jsx
+ * <Accordion>
+ *   <Accordion.Item>
+ *     <Accordion.Header>Section 1</Accordion.Header>
+ *     <Accordion.Content>Content 1</Accordion.Content>
+ *   </Accordion.Item>
+ *   <Accordion.Item>
+ *     <Accordion.Header>Section 2</Accordion.Header>
+ *     <Accordion.Content>Content 2</Accordion.Content>
+ *   </Accordion.Item>
+ * </Accordion>
+ * ```
+ */
+export declare const Accordion: AccordionComponent;
+export default Accordion;

package/cjs/accordion/Accordion.js

@@ -78,3 +78,4 @@ exports.Accordion.Header = AccordionHeader_1.default;
 exports.Accordion.Content = AccordionContent_1.default;
 exports.Accordion.Item = AccordionItem_1.default;
 exports.default = exports.Accordion;
+//# sourceMappingURL=Accordion.js.map

package/cjs/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,0EAA6E;AAC7E,yDAAsD;AACtD,wEAA0E;AAC1E,oEAAoE;AAkDpE;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,WAAW,GAAG,OAAO,EACrB,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,IAAI,OAEd,EADI,IAAI,cANT,yDAOC,CADQ;IAIT,OAAO,CACL,8BAAC,mCAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,OAAO;YACP,WAAW;YACX,IAAI;YACJ,OAAO,EAAE,IAAI;SACd;QAED,uDACM,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EACX,iBAAiB,EACjB,SAAS,EACT,oBAAoB,IAAI,EAAE,EAC1B,EAAE,yBAAyB,EAAE,MAAM,EAAE,CACtC,EACD,GAAG,EAAE,GAAG,IACR,CACwB,CAC7B,CAAC;AACJ,CAAC,CACoB,CAAC;AAExB,iBAAS,CAAC,MAAM,GAAG,yBAAe,CAAC;AACnC,iBAAS,CAAC,OAAO,GAAG,0BAAgB,CAAC;AACrC,iBAAS,CAAC,IAAI,GAAG,uBAAa,CAAC;AAE/B,kBAAe,iBAAS,CAAC"}

package/cjs/accordion/AccordionContent.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content inside Accordion.Content
+     */
+    children: React.ReactNode;
+}
+declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+export default AccordionContent;

package/cjs/accordion/AccordionContent.js

@@ -53,3 +53,4 @@ const AccordionContent = (0, react_1.forwardRef)((_a, ref) => {
         }, className), "aria-hidden": !context.open || undefined }), children));
 });
 exports.default = AccordionContent;
+//# sourceMappingURL=AccordionContent.js.map

package/cjs/accordion/AccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../src/accordion/AccordionContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,8CAAyC;AACzC,mDAAuD;AAUvD,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,oCAAoB,CAAC,CAAC;IAEjD,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,CAAC,KAAK,CACX,+DAA+D,CAChE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,qBAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,0BAA0B,EAC1B;YACE,kCAAkC,EAAE,CAAC,OAAO,CAAC,IAAI;SAClD,EACD,SAAS,CACV,iBAEC,CAAC,OAAO,CAAC,IAAI,IAAI,SAAS,KAG3B,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/cjs/accordion/AccordionContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type AccordionContextProps = {
+    variant?: "default" | "neutral";
+    headingSize?: "large" | "medium" | "small" | "xsmall";
+    size?: "large" | "medium" | "small";
+    openItems?: number[];
+    mounted: boolean;
+};
+export declare const AccordionContext: import("react").Context<AccordionContextProps | null>;

package/cjs/accordion/AccordionContext.js

@@ -8,3 +8,4 @@ exports.AccordionContext = (0, react_1.createContext)({
     openItems: [],
     mounted: false,
 });
+//# sourceMappingURL=AccordionContext.js.map

package/cjs/accordion/AccordionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.js","sourceRoot":"","sources":["../../src/accordion/AccordionContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AAUzB,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAA+B;IAC1E,WAAW,EAAE,OAAO;IACpB,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,KAAK;CACf,CAAC,CAAC"}

package/cjs/accordion/AccordionHeader.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface AccordionHeaderProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Text inside Accordion.Header
+     */
+    children: React.ReactNode;
+}
+declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLButtonElement>>;
+export default AccordionHeader;

package/cjs/accordion/AccordionHeader.js

@@ -59,3 +59,4 @@ const AccordionHeader = (0, react_1.forwardRef)((_a, ref) => {
         react_1.default.createElement(typography_1.Heading, { size: (_b = accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.headingSize) !== null && _b !== void 0 ? _b : "small", as: "span", className: "navds-accordion__header-content" }, children)));
 });
 exports.default = AccordionHeader;
+//# sourceMappingURL=AccordionHeader.js.map

package/cjs/accordion/AccordionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,qDAAsD;AACtD,8CAAwC;AACxC,uEAAoE;AACpE,yDAAsD;AACtD,mDAAuD;AAUvD,MAAM,eAAe,GAAG,IAAA,kBAAU,EAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,oCAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EAAC,mCAAgB,CAAC,CAAC;IAEtD,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,wDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,mBAC/C,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,wCAAM,SAAS,EAAC,+BAA+B;YAC7C,8BAAC,6BAAe,IACd,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,SAAS,wBAEf,CACG;QACP,8BAAC,oBAAO,IACN,IAAI,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,EAC9C,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,iCAAiC,IAE1C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/cjs/accordion/AccordionItem.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content in Accordion.Item
+     * Should include one Accordion.Header and one Accordion.Content
+     */
+    children: React.ReactNode;
+    /**
+     * Controlled open-state
+     * Using this removes automatic control of open-state
+     */
+    open?: boolean;
+    /**
+     * Defaults the accordion to open if not controlled
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback for current open-state
+     */
+    onOpenChange?: (open: boolean) => void;
+}
+export interface AccordionItemContextProps {
+    open: boolean;
+    toggleOpen: () => void;
+}
+export declare const AccordionItemContext: React.Context<AccordionItemContextProps | null>;
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+export default AccordionItem;

package/cjs/accordion/AccordionItem.js

@@ -71,3 +71,4 @@ const AccordionItem = (0, react_1.forwardRef)((_a, ref) => {
             } }, children)));
 });
 exports.default = AccordionItem;
+//# sourceMappingURL=AccordionItem.js.map

package/cjs/accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA6E;AAC7E,kCAA+B;AAC/B,6EAA0E;AAC1E,yDAAsD;AA8BzC,QAAA,oBAAoB,GAC/B,IAAA,qBAAa,EAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,CACE,EAAyE,EACzE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,YAAY,OAAW,EAAN,IAAI,cAAvE,gEAAyE,CAAF;IAGvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,2CAAoB,EAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mCAAgB,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,IAAA,cAAM,EAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEvE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACpB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,EAAE,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,uDAAuD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,qDACE,SAAS,EAAE,IAAA,cAAE,EAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,KAAK;YACpC,gCAAgC,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAK,SAAS;YAChE,qCAAqC,EAAE,CAAC,aAAa,CAAC,OAAO;SAC9D,CAAC,EACF,GAAG,EAAE,GAAG,IACJ,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC;QAE3B,8BAAC,4BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,UAAU;aACvB,IAEA,QAAQ,CACqB,CAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/cjs/accordion/index.d.ts

@@ -0,0 +1 @@
+export { type AccordionProps, default as Accordion } from "./Accordion";

package/cjs/accordion/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = void 0;
 var Accordion_1 = require("./Accordion");
 Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return __importDefault(Accordion_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/accordion/index.ts"],"names":[],"mappings":";;;;;;AAAA,yCAAwE;AAA1C,uHAAA,OAAO,OAAa"}

package/cjs/alert/Alert.d.ts

@@ -0,0 +1,51 @@
+import React from "react";
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Alert content
+     */
+    children: React.ReactNode;
+    /**
+     * Changes colors and icon usage when changed
+     */
+    variant: "error" | "warning" | "info" | "success";
+    /**
+     * Changes padding and font-sizes
+     * @default medium
+     */
+    size?: "medium" | "small";
+    /**
+     * Removes border-radius
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Removes background from Alert
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * Removes close-button(X) when false
+     * Requires onClose to be set
+     * @default true
+     */
+    closeButton?: boolean;
+    /**
+     * Callback for alert wanting to close
+     * requires closeButton to be true
+     */
+    onClose?: () => void;
+}
+export interface AlertContextProps {
+    size: "medium" | "small";
+}
+/**
+ * A component for displaying alerts
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/alert)
+ * @see 🏷️ {@link AlertProps}
+ * @example
+ * ```jsx
+ * <Alert variant="error">Dette er en feilmelding</Alert>
+ * ```
+ */
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export default Alert;

package/cjs/alert/Alert.js

@@ -80,3 +80,4 @@ exports.Alert = (0, react_1.forwardRef)((_a, ref) => {
             react_1.default.createElement(button_1.Button, { className: "navds-alert__button", size: "small", variant: "tertiary-neutral", onClick: onClose, type: "button", icon: react_1.default.createElement(aksel_icons_1.XMarkIcon, { title: "Lukk Alert" }) })))));
 });
 exports.default = exports.Alert;
+//# sourceMappingURL=Alert.js.map

package/cjs/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qDAM6B;AAC7B,sCAAmC;AACnC,8CAAyC;AAuCzC,MAAM,IAAI,GAAG,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAC/B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,8BAAC,kCAAoB,kBAAC,KAAK,EAAC,MAAM,IAAK,KAAK,EAAI,CAAC;QAC1D,KAAK,SAAS;YACZ,OAAO,8BAAC,6CAA+B,kBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI,CAAC;QACzE,KAAK,MAAM;YACT,OAAO,8BAAC,uCAAyB,kBAAC,KAAK,EAAC,aAAa,IAAK,KAAK,EAAI,CAAC;QACtE,KAAK,SAAS;YACZ,OAAO,8BAAC,qCAAuB,kBAAC,KAAK,EAAC,SAAS,IAAK,KAAK,EAAI,CAAC;QAChE;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAMF;;;;;;;;GAQG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cATT,6FAUC,CADQ;IAIT,OAAO,CACL,uDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB;YACE,yBAAyB,EAAE,SAAS;YACpC,qBAAqB,EAAE,MAAM;YAC7B,2BAA2B,EAAE,WAAW;SACzC,CACF;QAED,8BAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,mBAAmB,GAAG;QACxD,8BAAC,qBAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,IAC5D,QAAQ,CACA;QACV,WAAW,IAAI,CAAC,MAAM,IAAI,CACzB,uCAAK,SAAS,EAAC,6BAA6B;YAC1C,8BAAC,eAAM,IACL,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,8BAAC,uBAAS,IAAC,KAAK,EAAC,YAAY,GAAG,GACtC,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAK,CAAC"}

package/cjs/alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Alert } from "./Alert";
+export { type AlertProps } from "./Alert";

package/cjs/alert/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
 var Alert_1 = require("./Alert");
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return __importDefault(Alert_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":";;;;;;AAAA,iCAA2C;AAAlC,+GAAA,OAAO,OAAS"}

package/cjs/button/Button.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { OverridableComponent } from "../util/types";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Button content
+     */
+    children?: React.ReactNode;
+    /**
+     * Changes design and interaction-visuals
+     * @default "primary"
+     */
+    variant?: "primary" | "primary-neutral" | "secondary" | "secondary-neutral" | "tertiary" | "tertiary-neutral" | "danger";
+    /**
+     * Changes padding, height and font-size
+     * @default medium
+     */
+    size?: "medium" | "small" | "xsmall";
+    /**
+     * Prevent the user from interacting with the button: it cannot be pressed or focused.
+     * @note Avoid using if possible for accessibility purposes
+     */
+    disabled?: boolean;
+    /**
+     * Replaces button content with a Loader component, keeps width
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Button Icon
+     */
+    icon?: React.ReactNode;
+    /**
+     * Icon position in Button
+     * @default "left"
+     */
+    iconPosition?: "left" | "right";
+}
+/**
+ * A button component
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/button)
+ * @see 🏷️ {@link ButtonProps}
+ * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
+ * @example
+ * ```jsx
+ * <Button>Klikk meg</Button>
+ * ```
+ */
+export declare const Button: OverridableComponent<ButtonProps, HTMLButtonElement>;
+export default Button;

package/cjs/button/Button.js

@@ -89,3 +89,4 @@ exports.Button = (0, react_1.forwardRef)((_a, ref) => {
         icon && iconPosition === "right" && (react_1.default.createElement("span", { className: "navds-button__icon" }, icon))))));
 });
 exports.default = exports.Button;
+//# sourceMappingURL=Button.js.map

package/cjs/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"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"}

package/cjs/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button";
+export { type ButtonProps } from "./Button";

package/cjs/button/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 var Button_1 = require("./Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAA6C;AAApC,iHAAA,OAAO,OAAU"}

package/cjs/chat/Bubble.d.ts

@@ -0,0 +1,26 @@
+import React, { HTMLAttributes } from "react";
+export interface BubbleProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Bubble text
+     */
+    children: React.ReactNode;
+    /**
+     * name/sender on bubble
+     */
+    name?: string;
+    /**
+     * Timestamp for sent message
+     */
+    timestamp?: string;
+    /**
+     * Background color on bubble
+     * @deprecated Use `variant` on Chat instead
+     */
+    backgroundColor?: string;
+    /**
+     * Overrides hoizontal position of toptext
+     */
+    toptextPosition?: "left" | "right";
+}
+declare const Bubble: React.ForwardRefExoticComponent<BubbleProps & React.RefAttributes<HTMLDivElement>>;
+export default Bubble;

package/cjs/chat/Bubble.js

@@ -50,3 +50,4 @@ const Bubble = (0, react_1.forwardRef)((_a, ref) => {
         children));
 });
 exports.default = Bubble;
+//# sourceMappingURL=Bubble.js.map

package/cjs/chat/Bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.js","sourceRoot":"","sources":["../../src/chat/Bubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAC1D,8CAAuC;AA0BvC,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,eAAe,EACf,eAAe,OAEhB,EADI,IAAI,cAPT,oFAQC,CADQ;IAIT,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,oBAAoB,EAAE,SAAS,CAAC,EAC9C,KAAK,EAAE,EAAE,eAAe,EAAE,IACtB,IAAI;QAEP,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CACtB,sCACE,SAAS,EAAE,IAAA,cAAE,EACX,sBAAsB,EACtB,eAAe,IAAI,yBAAyB,eAAe,EAAE,CAC9D;YAEA,IAAI,IAAI,8BAAC,mBAAM,IAAC,EAAE,EAAC,MAAM,IAAE,IAAI,CAAU;YACzC,IAAI,IAAI,SAAS,IAAI,CACpB,8BAAC,mBAAM,IAAC,EAAE,EAAC,MAAM,kCAER,CACV;YACA,SAAS,IAAI,8BAAC,mBAAM,IAAC,EAAE,EAAC,MAAM,IAAE,SAAS,CAAU,CACjD,CACN;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/cjs/chat/Chat.d.ts

@@ -0,0 +1,78 @@
+import React, { HTMLAttributes } from "react";
+import Bubble from "./Bubble";
+export declare const POSITIONS: readonly ["left", "right"];
+export declare const SIZES: readonly ["medium", "small"];
+export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Children of type <Chat.Bubble />
+     */
+    children: React.ReactNode;
+    /**
+     * Chat-message name
+     */
+    name?: string;
+    /**
+     * Timestamp for sent message
+     */
+    timestamp?: string;
+    /**
+     * Avatar for messenger. Regular text for initials works too, but it will be hidden for screen readers.
+     */
+    avatar?: React.ReactNode;
+    /**
+     * Changes background color on avatar and bubbles.
+     * Avoid using the same background as the surface behind Chat.
+     * @default "neutral"
+     */
+    variant?: "subtle" | "info" | "neutral";
+    /**
+     * Background color on bubbles
+     * @deprecated Use `variant` instead
+     */
+    backgroundColor?: string;
+    /**
+     * Background color for avatar
+     * @deprecated Use `variant` instead
+     */
+    avatarBgColor?: string;
+    /**
+     * Positions avatar and bubbles
+     * @default "left"
+     */
+    position?: (typeof POSITIONS)[number];
+    /**
+     * Hoizontal position of toptext
+     * @default Same as position
+     */
+    toptextPosition?: (typeof POSITIONS)[number];
+    /**
+     * Affects padding and font size in bubbles
+     * @default "medium"
+     */
+    size?: (typeof SIZES)[number];
+}
+interface ChatComponent extends React.ForwardRefExoticComponent<ChatProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link BubbleProps}
+     */
+    Bubble: typeof Bubble;
+}
+/**
+ * A component for communicating dialogs between two parties.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/chat)
+ * @see 🏷️ {@link ChatProps}
+ *
+ * @example
+ * ```jsx
+ * <Chat avatar="A" name="Alice" timestamp="01.01.21 14:00">
+ *   <Chat.Bubble>Hello!</Chat.Bubble>
+ *   <Chat.Bubble>How can I help you?</Chat.Bubble>
+ * </Chat>
+ * <Chat avatar="B" name="Bob" timestamp="01.01.21 14:01" position="right">
+ *   <Chat.Bubble>Hi there!</Chat.Bubble>
+ * </Chat>
+ * ```
+ */
+export declare const Chat: ChatComponent;
+export default Chat;

package/cjs/chat/Chat.js

@@ -73,3 +73,4 @@ exports.Chat = (0, react_1.forwardRef)((_a, ref) => {
 });
 exports.Chat.Bubble = Bubble_1.default;
 exports.default = exports.Chat;
+//# sourceMappingURL=Chat.js.map

package/cjs/chat/Chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAC1D,8CAAyC;AACzC,sDAA8B;AAEjB,QAAA,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACvC,QAAA,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AA8DlD;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EAaY,EACZ,GAAG,EACH,EAAE;QAfF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,SAAS,EACnB,aAAa,EACb,eAAe,EACf,eAAe,EACf,IAAI,GAAG,QAAQ,OAEL,EADP,IAAI,cAZT,8IAaC,CADQ;IAGN,OAAA,CACH,qDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,YAAY,EACZ,SAAS,EACT,eAAe,QAAQ,EAAE,EACzB,wBAAwB,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,EACrD,eAAe,IAAI,EAAE,EACrB,eAAe,OAAO,EAAE,CACzB,IACG,IAAI;QAEP,MAAM,IAAI,CACT,uCACE,SAAS,EAAC,oBAAoB,uBAE9B,KAAK,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,IAExC,MAAM,CACH,CACP;QACD,sCAAI,SAAS,EAAC,4BAA4B,IACvC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBAChC,OAAO,CACL,8BAAC,qBAAQ,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,IACzB,eAAK,CAAC,YAAY,CAAC,KAAK,kBACvB,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvD,eAAe,IACZ,KAAK,CAAC,KAAK,EACd,CACO,CACZ,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAA;CAAA,CACe,CAAC;AAEnB,YAAI,CAAC,MAAM,GAAG,gBAAM,CAAC;AAErB,kBAAe,YAAI,CAAC"}

package/cjs/chat/index.d.ts

@@ -0,0 +1 @@
+export { default as Chat, type ChatProps } from "./Chat";

package/cjs/chat/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chat = void 0;
 var Chat_1 = require("./Chat");
 Object.defineProperty(exports, "Chat", { enumerable: true, get: function () { return __importDefault(Chat_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAyD;AAAhD,6GAAA,OAAO,OAAQ"}

package/cjs/chips/Chips.d.ts

@@ -0,0 +1,55 @@
+import React, { HTMLAttributes } from "react";
+import { OverridableComponent } from "../util/types";
+import { RemovableChipsProps } from "./Removable";
+import { ToggleChipsProps } from "./Toggle";
+export interface ChipsProps extends HTMLAttributes<HTMLUListElement> {
+    children: React.ReactNode;
+    /**
+     * Changes padding and font-sizes
+     * @default "medium"
+     */
+    size?: "medium" | "small";
+}
+interface ChipsComponent extends React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLUListElement>> {
+    /**
+     * Toggle between selected-states.
+     * @see 🏷️ {@link ToggleChipsProps}
+     * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
+     */
+    Toggle: OverridableComponent<ToggleChipsProps, HTMLButtonElement>;
+    /**
+     * Remove filter or the likes on click
+     * @see 🏷️ {@link RemovableChipsProps}
+     * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
+     */
+    Removable: OverridableComponent<RemovableChipsProps, HTMLButtonElement>;
+}
+/**
+ * A component that displays a list of items as chips.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/chips)
+ * @see 🏷️ {@link ChipsProps}
+ *
+ * @example
+ * ```jsx
+      <Chips size="small">
+        {options.map((c) => (
+          <Chips.Toggle
+            selected={selected.includes(c)}
+            key={c}
+            onClick={() =>
+              setSelected(
+                selected.includes(c)
+                  ? selected.filter((x) => x !== c)
+                  : [...selected, c]
+              )
+            }
+          >
+            {c}
+          </Chips.Toggle>
+        ))}
+      </Chips>
+ * ```
+ */
+export declare const Chips: ChipsComponent;
+export default Chips;

package/cjs/chips/Chips.js

@@ -81,3 +81,4 @@ exports.Chips = (0, react_1.forwardRef)((_a, ref) => {
 exports.Chips.Toggle = Toggle_1.default;
 exports.Chips.Removable = Removable_1.default;
 exports.default = exports.Chips;
+//# sourceMappingURL=Chips.js.map

package/cjs/chips/Chips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../src/chips/Chips.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAE1D,4DAAkE;AAClE,sDAAyD;AA6BzD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACU,QAAA,KAAK,GAAmB,IAAA,kBAAU,EAC7C,CAAC,EAAiD,EAAE,GAAG,EAAE,EAAE;QAA1D,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA/C,iCAAiD,CAAF;IAC9C,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE,gBAAgB,IAAI,EAAE,EAAE;YAC9D,0CAA0C,EAAE,IAAI,KAAK,QAAQ;YAC7D,kCAAkC,EAAE,IAAI,KAAK,OAAO;SACrD,CAAC,KAED,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5C,OAAO,sCAAI,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,EAAE,KAAI,KAAK,IAAG,IAAI,CAAM,CAAC;IACzD,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACgB,CAAC;AAEpB,aAAK,CAAC,MAAM,GAAG,gBAAW,CAAC;AAC3B,aAAK,CAAC,SAAS,GAAG,mBAAc,CAAC;AAEjC,kBAAe,aAAK,CAAC"}

package/cjs/chips/Removable.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export interface RemovableChipsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: string;
+    /**
+     * Chip-variants
+     * @default "action"
+     */
+    variant?: "action" | "neutral";
+    /**
+     * Replaces label read for screen-readers
+     * @default "slett filter"
+     */
+    removeLabel?: string;
+    /**
+     * Click callback
+     */
+    onDelete?: () => void;
+}
+export declare const RemovableChips: React.ForwardRefExoticComponent<RemovableChipsProps & React.RefAttributes<HTMLButtonElement>>;
+export default RemovableChips;

package/cjs/chips/Removable.js

@@ -50,3 +50,4 @@ exports.RemovableChips = (0, react_1.forwardRef)((_a, ref) => {
             react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true }))));
 });
 exports.default = exports.RemovableChips;
+//# sourceMappingURL=Removable.js.map

package/cjs/chips/Removable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qDAAgD;AAChD,uEAAoE;AAqBvD,QAAA,cAAc,GAAG,IAAA,kBAAU,EAItC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,WAAW,GAAG,OAAO,EACrB,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,OAAO,OAER,EADI,IAAI,cART,kFASC,CADQ;IAIT,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAE,EACX,kEAAkE,EAClE,SAAS,EACT,2BAA2B,OAAO,EAAE,CACrC,gBACW,GAAG,QAAQ,IAAI,WAAW,EAAE,EACxC,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,QAAQ,CAAC;QAEhD,wCAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;QAC1D,wCAAM,SAAS,EAAC,6BAA6B;YAC3C,8BAAC,uBAAS,0BAAe,CACpB,CACA,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,sBAAc,CAAC"}

package/cjs/chips/Toggle.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { OverridableComponent } from "../util/types";
+export interface ToggleChipsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: string;
+    /**
+     * Toggles aria-pressed and visual changes
+     */
+    selected?: boolean;
+    /**
+     * Chip-variants
+     * @default "action"
+     */
+    variant?: "action" | "neutral";
+    /**
+     * Toggles display of checkmark on selected
+     * @default true
+     */
+    checkmark?: boolean;
+}
+export declare const ToggleChips: OverridableComponent<ToggleChipsProps, HTMLButtonElement>;
+export default ToggleChips;

package/cjs/chips/Toggle.js

@@ -47,3 +47,4 @@ exports.ToggleChips = (0, react_1.forwardRef)((_a, ref) => {
         react_1.default.createElement("span", { className: "navds-chips__chip-text" }, children)));
 });
 exports.default = exports.ToggleChips;
+//# sourceMappingURL=Toggle.js.map

package/cjs/chips/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAsB7B,QAAA,WAAW,GAGpB,IAAA,kBAAU,EACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,IAAI,EAChB,EAAE,EAAE,SAAS,GAAG,QAAQ,OAEzB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,uCAAuC,EACvC,SAAS,EACT,wBAAwB,OAAO,EAAE,EACjC,EAAE,qCAAqC,EAAE,SAAS,EAAE,CACrD,kBACa,QAAQ;QAErB,SAAS,IAAI,CACZ,4DAEE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,IAET,QAAQ,CAAC,CAAC,CAAC,CACV,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,GACnB,CACH,CAAC,CAAC,CAAC,CACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU,EACxU,IAAI,EAAC,8DAA8D,GACnE,CACH,CACG,CACP;QACD,wCAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ,CAChD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,mBAAW,CAAC"}

package/cjs/chips/index.d.ts

@@ -0,0 +1 @@
+export { default as Chips, type ChipsProps } from "./Chips";

package/cjs/chips/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chips = void 0;
 var Chips_1 = require("./Chips");
 Object.defineProperty(exports, "Chips", { enumerable: true, get: function () { return __importDefault(Chips_1).default; } });
+//# sourceMappingURL=index.js.map