@navikt/ds-react 0.7.4 → 0.8.0

package/esm/accordion-menu/AccordionMenuItem.js

@@ -11,11 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef } from "react";
 import cl from "classnames";
-const AccordionMenuItem = forwardRef((_a, ref) => {
-    var { children, component: Component = "a", active = false, className } = _a, rest = __rest(_a, ["children", "component", "active", "className"]);
+const Item = forwardRef((_a, ref) => {
+    var { children, as: Component = "a", active = false, className } = _a, rest = __rest(_a, ["children", "as", "active", "className"]);
     return (React.createElement(Component, Object.assign({ ref: ref, className: cl("navds-accordion-menu-item", className, {
             "navds-accordion-menu-item--active": active,
         }) }, rest), children));
 });
-export default AccordionMenuItem;
+export default Item;
 //# sourceMappingURL=AccordionMenuItem.js.map

package/esm/accordion-menu/AccordionMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionMenuItem.js","sourceRoot":"","sources":["../../src/accordion-menu/AccordionMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAY5B,MAAM,iBAAiB,GAA0B,UAAU,CACzD,CACE,EAMC,EACD,GAAG,EACH,EAAE;QARF,EACE,QAAQ,EACR,SAAS,EAAE,SAAS,GAAG,GAAG,EAC1B,MAAM,GAAG,KAAK,EACd,SAAS,OAEV,EADI,IAAI,cALT,gDAMC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,EAAE;YACpD,mCAAmC,EAAE,MAAM;SAC5C,CAAC,IACE,IAAI,GAEP,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"AccordionMenuItem.js","sourceRoot":"","sources":["../../src/accordion-menu/AccordionMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAiB5B,MAAM,IAAI,GAA0B,UAAU,CAC5C,CACE,EAAqE,EACrE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,MAAM,GAAG,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAAnE,yCAAqE,CAAF;IAGnE,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,EAAE;YACpD,mCAAmC,EAAE,MAAM;SAC5C,CAAC,IACE,IAAI,GAEP,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/accordion-menu/index.d.ts

@@ -1,3 +1,3 @@
-export { default as AccordionMenu } from "./AccordionMenu";
-export { default as AccordionMenuCollapsable } from "./AccordionMenuCollapsable";
-export { default as AccordionMenuItem, AccordionMenuItemType, } from "./AccordionMenuItem";
+export { default as AccordionMenu, AccordionMenuProps } from "./AccordionMenu";
+export { AccordionMenuCollapsableProps } from "./AccordionMenuCollapsable";
+export { AccordionMenuItemProps } from "./AccordionMenuItem";

package/esm/accordion-menu/index.js

@@ -1,4 +1,2 @@
 export { default as AccordionMenu } from "./AccordionMenu";
-export { default as AccordionMenuCollapsable } from "./AccordionMenuCollapsable";
-export { default as AccordionMenuItem, } from "./AccordionMenuItem";
 //# sourceMappingURL=index.js.map

package/esm/accordion-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/accordion-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EACL,OAAO,IAAI,iBAAiB,GAE7B,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/accordion-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAsB,MAAM,iBAAiB,CAAC"}

package/esm/alert/Alert.d.ts

@@ -1,15 +1,37 @@
 import React from "react";
+import { AlertContentType } from "./AlertContent";
+import { AlertTitleType } from "./AlertTitle";
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Alert content
+     */
+    children: React.ReactNode;
     /**
      * Decides what design the alert will have
      */
     variant: "error" | "warning" | "info" | "success";
-    children: React.ReactNode;
     /**
      * Changes padding and font-sizes
-     * @default "m"
+     * @default "medium"
+     */
+    size?: "medium" | "small";
+    /**
+     * Toggles full-width Alert
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Removes background from Alert
      */
-    size?: "m" | "s";
+    inline?: boolean;
+}
+export interface AlertContextProps {
+    size: "medium" | "small";
+}
+export declare const AlertContext: React.Context<AlertContextProps | null>;
+interface AlertComponent extends React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>> {
+    Title: AlertTitleType;
+    Content: AlertContentType;
 }
-declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+declare const Alert: AlertComponent;
 export default Alert;

package/esm/alert/Alert.js

@@ -9,30 +9,35 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from "react";
+import React, { createContext, forwardRef } from "react";
 import cl from "classnames";
 import { ErrorFilled, WarningFilled, InformationFilled, SuccessFilled, } from "@navikt/ds-icons";
-const Icon = ({ variant }) => {
+import AlertContent from "./AlertContent";
+import AlertTitle from "./AlertTitle";
+import { BodyLong } from "..";
+const Icon = (_a) => {
+    var { variant } = _a, props = __rest(_a, ["variant"]);
     switch (variant) {
         case "error":
-            return (React.createElement(ErrorFilled, { "aria-label": `${variant}-ikon`, focusable: "false", role: "img" }));
+            return React.createElement(ErrorFilled, Object.assign({}, props));
         case "warning":
-            return (React.createElement(WarningFilled, { "aria-label": `${variant}-ikon`, focusable: "false", role: "img" }));
+            return React.createElement(WarningFilled, Object.assign({}, props));
         case "info":
-            return (React.createElement(InformationFilled, { "aria-label": `${variant}-ikon`, focusable: "false", role: "img" }));
+            return React.createElement(InformationFilled, Object.assign({}, props));
         case "success":
-            return (React.createElement(SuccessFilled, { "aria-label": `${variant}-ikon`, focusable: "false", role: "img" }));
+            return React.createElement(SuccessFilled, Object.assign({}, props));
         default:
             return null;
     }
 };
+export const AlertContext = createContext(null);
 const Alert = forwardRef((_a, ref) => {
-    var { variant, children, className, size = "m" } = _a, rest = __rest(_a, ["variant", "children", "className", "size"]);
-    return (React.createElement("div", Object.assign({ ref: ref, className: cl(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, "navds-body-long", { "navds-body--s": size === "s" }) }, rest),
-        React.createElement("span", null,
-            React.createElement("span", { className: "sr-only" }, `${variant}-ikon`),
-            React.createElement(Icon, { variant: variant })),
-        React.createElement("div", null, children)));
+    var { children, className, variant, size = "medium", fullWidth = false, inline = false } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "fullWidth", "inline"]);
+    return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, { "navds-alert--full-width": fullWidth, "navds-alert--inline": inline }) }),
+        React.createElement(Icon, { "aria-label": `${variant}-ikon`, focusable: "false", role: "img", variant: variant, alt: `${variant}-ikon`, className: "navds-alert__icon" }),
+        React.createElement(BodyLong, { as: "div", size: size, className: "navds-alert__wrapper" }, children)));
 });
+Alert.Title = AlertTitle;
+Alert.Content = AlertContent;
 export default Alert;
 //# sourceMappingURL=Alert.js.map

package/esm/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,GACd,MAAM,kBAAkB,CAAC;AAe1B,MAAM,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3B,QAAQ,OAAO,EAAE;QACf,KAAK,OAAO;YACV,OAAO,CACL,oBAAC,WAAW,kBACE,GAAG,OAAO,OAAO,EAC7B,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,GACV,CACH,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO,CACL,oBAAC,aAAa,kBACA,GAAG,OAAO,OAAO,EAC7B,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,GACV,CACH,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,CACL,oBAAC,iBAAiB,kBACJ,GAAG,OAAO,OAAO,EAC7B,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,GACV,CACH,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO,CACL,oBAAC,aAAa,kBACA,GAAG,OAAO,OAAO,EAC7B,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,GACV,CACH,CAAC;QACJ;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAqD,EAAE,GAAG,EAAE,EAAE;QAA9D,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG,GAAG,OAAW,EAAN,IAAI,cAAnD,4CAAqD,CAAF;IAAY,OAAA,CAC9D,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB,iBAAiB,EACjB,EAAE,eAAe,EAAE,IAAI,KAAK,GAAG,EAAE,CAClC,IACG,IAAI;QAER;YACE,8BAAM,SAAS,EAAC,SAAS,IAAE,GAAG,OAAO,OAAO,CAAQ;YACpD,oBAAC,IAAI,IAAC,OAAO,EAAE,OAAO,GAAI,CACrB;QACP,iCAAM,QAAQ,CAAO,CACjB,CACP,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,YAAkC,MAAM,gBAAgB,CAAC;AAChE,OAAO,UAA8B,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AA2B9B,MAAM,IAAI,GAAG,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,OAAO;YACV,OAAO,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;QACpC,KAAK,SAAS;YACZ,OAAO,oBAAC,aAAa,oBAAK,KAAK,EAAI,CAAC;QACtC,KAAK,MAAM;YACT,OAAO,oBAAC,iBAAiB,oBAAK,KAAK,EAAI,CAAC;QAC1C,KAAK,SAAS;YACZ,OAAO,oBAAC,aAAa,oBAAK,KAAK,EAAI,CAAC;QACtC;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAC;AAS1E,MAAM,KAAK,GAAG,UAAU,CACtB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,OAEf,EADI,IAAI,cAPT,mEAQC,CADQ;IAGN,OAAA,CACH,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB,EAAE,yBAAyB,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,EAAE,CACxE;QAED,oBAAC,IAAI,kBACS,GAAG,OAAO,OAAO,EAC7B,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,OAAO,OAAO,EACtB,SAAS,EAAC,mBAAmB,GAC7B;QACF,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,IAC5D,QAAQ,CACA,CACP,CACP,CAAA;CAAA,CACgB,CAAC;AAEpB,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC;AACzB,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;AAE7B,eAAe,KAAK,CAAC"}

package/esm/alert/AlertContent.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface AlertContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Alert content
+     */
+    children: React.ReactNode;
+}
+export declare type AlertContentType = React.ForwardRefExoticComponent<AlertContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const AlertContent: AlertContentType;
+export default AlertContent;

package/esm/alert/AlertContent.js

@@ -0,0 +1,27 @@
+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;
+};
+import React, { forwardRef, useContext } from "react";
+import cl from "classnames";
+import { BodyLong } from "..";
+import { AlertContext } from ".";
+const AlertContent = forwardRef((_a, ref) => {
+    var _b;
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const context = useContext(AlertContext);
+    if (context === null) {
+        console.warn("AlertContent has to be wrapped in <Alert />");
+        return null;
+    }
+    return (React.createElement(BodyLong, Object.assign({}, rest, { as: "div", className: cl(className, "navds-alert__content"), ref: ref, size: (_b = context.size) !== null && _b !== void 0 ? _b : "medium" }), children));
+});
+export default AlertContent;
+//# sourceMappingURL=AlertContent.js.map

package/esm/alert/AlertContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertContent.js","sourceRoot":"","sources":["../../src/alert/AlertContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAcjC,MAAM,YAAY,GAAqB,UAAU,CAC/C,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAC;QAC5D,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,EAChD,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,MAAA,OAAO,CAAC,IAAI,mCAAI,QAAQ,KAE7B,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/alert/AlertTitle.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Alert content
+     */
+    children: React.ReactNode;
+}
+export declare type AlertTitleType = React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: AlertTitleType;
+export default AlertTitle;

package/esm/alert/AlertTitle.js

@@ -0,0 +1,26 @@
+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;
+};
+import React, { forwardRef, useContext } from "react";
+import cl from "classnames";
+import { AlertContext, Heading } from "..";
+const AlertTitle = forwardRef((_a, ref) => {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const context = useContext(AlertContext);
+    if (context === null) {
+        console.warn("AlertTitle has to be wrapped in <Alert />");
+        return null;
+    }
+    const size = context.size === "medium" ? "small" : "xsmall";
+    return (React.createElement(Heading, Object.assign({}, rest, { ref: ref, className: cl(className, "navds-alert__title"), as: "div", size: size }), children));
+});
+export default AlertTitle;
+//# sourceMappingURL=AlertTitle.js.map

package/esm/alert/AlertTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertTitle.js","sourceRoot":"","sources":["../../src/alert/AlertTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAa3C,MAAM,UAAU,GAAmB,UAAU,CAC3C,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;KACb;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE5D,OAAO,CACL,oBAAC,OAAO,oBACF,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,oBAAoB,CAAC,EAC9C,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,KAET,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/button/Button.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { OverridableComponent } from "../";
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Component content
@@ -8,12 +9,12 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * Changes design and interactions
      * @default "primary"
      */
-    variant?: "primary" | "secondary" | "action" | "danger";
+    variant?: "primary" | "secondary" | "tertiary" | "danger";
     /**
      * Changes padding, height and font-size
-     * @default "m"
+     * @default "medium"
      */
-    size?: "m" | "s";
+    size?: "medium" | "small";
     /**
      * Prevent the user from interacting with the button: it cannot be pressed or focused.
      * @note Avoid using if possible for accessibility purposes
@@ -21,5 +22,5 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      */
     disabled?: boolean;
 }
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: OverridableComponent<ButtonProps, HTMLButtonElement>;
 export default Button;

package/esm/button/Button.js

@@ -11,9 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef } from "react";
 import cl from "classnames";
+import { BodyShort } from "../";
 const Button = forwardRef((_a, ref) => {
-    var { variant = "primary", className, size = "m" } = _a, rest = __rest(_a, ["variant", "className", "size"]);
-    return (React.createElement("button", Object.assign({ ref: ref, className: cl(className, "navds-button", `navds-button--${variant}`, `navds-button--${size}`, "navds-body-short", { "navds-body--s": size === "s" }) }, rest)));
+    var { as: Component = "button", variant = "primary", className, children, size = "medium" } = _a, rest = __rest(_a, ["as", "variant", "className", "children", "size"]);
+    return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl(className, "navds-button", `navds-button--${variant}`, `navds-button--${size}`) }),
+        React.createElement(BodyShort, { as: "span", className: "navds-button__inner", size: size }, children)));
 });
 export default Button;
 //# sourceMappingURL=Button.js.map

package/esm/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AA0B5B,MAAM,MAAM,GAAG,UAAU,CACvB,CAAC,EAAuD,EAAE,GAAG,EAAE,EAAE;QAAhE,EAAE,OAAO,GAAG,SAAS,EAAE,SAAS,EAAE,IAAI,GAAG,GAAG,OAAW,EAAN,IAAI,cAArD,gCAAuD,CAAF;IAAY,OAAA,CAChE,8CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,iBAAiB,OAAO,EAAE,EAC1B,iBAAiB,IAAI,EAAE,EACvB,kBAAkB,EAClB,EAAE,eAAe,EAAE,IAAI,KAAK,GAAG,EAAE,CAClC,IACG,IAAI,EACR,CACH,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAwB,MAAM,KAAK,CAAC;AA0BtD,MAAM,MAAM,GAAyD,UAAU,CAC7E,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cANT,kDAOC,CADQ;IAGN,OAAA,CACH,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,iBAAiB,OAAO,EAAE,EAC1B,iBAAiB,IAAI,EAAE,CACxB;QAED,oBAAC,SAAS,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,IAC5D,QAAQ,CACC,CACF,CACb,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/card/MicroCard.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import { OverridableComponent } from "../util";
-export interface MicroCardProps {
-    props: {
-        children: string;
-    } & React.HTMLAttributes<HTMLAnchorElement>;
-    defaultComponent: "a";
+import { OverridableComponent } from "..";
+export interface MicroCardProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Link text
+     */
+    children: React.ReactNode;
 }
-export declare const MicroCard: OverridableComponent<MicroCardProps>;
+export declare const MicroCard: OverridableComponent<MicroCardProps, HTMLAnchorElement>;
 export default MicroCard;

package/esm/card/MicroCard.js

@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { forwardRef } from "react";
 import cl from "classnames";
 export const MicroCard = forwardRef((_a, ref) => {
-    var { className, component: Component = "a", children } = _a, rest = __rest(_a, ["className", "component", "children"]);
-    return (React.createElement(Component, Object.assign({ ref: ref, className: cl("navds-card__micro", "navds-detail", "navds-detail--s", className), title: children }, rest), children));
+    var { className, as: Component = "a", children } = _a, rest = __rest(_a, ["className", "as", "children"]);
+    return (React.createElement(Component, Object.assign({ ref: ref, className: cl("navds-card__micro", "navds-detail", "navds-detail--small", className), title: children }, rest), children));
 });
 export default MicroCard;
 //# sourceMappingURL=MicroCard.js.map

package/esm/card/MicroCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MicroCard.js","sourceRoot":"","sources":["../../src/card/MicroCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAU5B,MAAM,CAAC,MAAM,SAAS,GAAyC,UAAU,CACvE,CAAC,EAA4D,EAAE,GAAG,EAAE,EAAE;QAArE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA1D,sCAA4D,CAAF;IAAY,OAAA,CACrE,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,SAAS,CACV,EACD,KAAK,EAAE,QAAQ,IACX,IAAI,GAEP,QAAQ,CACC,CACb,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MicroCard.js","sourceRoot":"","sources":["../../src/card/MicroCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAW5B,MAAM,CAAC,MAAM,SAAS,GAGlB,UAAU,CAAC,CAAC,EAAqD,EAAE,GAAG,EAAE,EAAE;QAA9D,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnD,+BAAqD,CAAF;IAAY,OAAA,CAC7E,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,SAAS,CACV,EACD,KAAK,EAAE,QAAQ,IACX,IAAI,GAEP,QAAQ,CACC,CACb,CAAA;CAAA,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/esm/copy-to-clipboard/CopyToClipboard.d.ts

@@ -1,5 +1,7 @@
-import React, { HTMLAttributes } from "react";
-export interface CopyToClipboardProps extends HTMLAttributes<HTMLButtonElement> {
+import { Placement } from "@popperjs/core";
+import React from "react";
+import { ButtonProps } from "..";
+export interface CopyToClipboardProps extends Omit<ButtonProps, "children"> {
     /**
      * Button text
      */
@@ -7,16 +9,16 @@ export interface CopyToClipboardProps extends HTMLAttributes<HTMLButtonElement>
     /**
      * Text to be copied to clipboard
      */
-    text: string;
+    copyText: string;
     /**
      * Description of text, examples: "personnummer", "navn", "epost" etc.
      */
-    label: string;
+    popoverText: string;
     /**
-     * Use a differnet icon to display
-     * @default "Files" from @navikt/ds-icons
+     * Allows extending popover properties like "placement"
+     * @default "right"
      */
-    icon?: React.ReactElement;
+    popoverPlacement?: Placement;
 }
 declare const CopyToClipboard: React.ForwardRefExoticComponent<CopyToClipboardProps & React.RefAttributes<HTMLButtonElement>>;
 export default CopyToClipboard;

package/esm/copy-to-clipboard/CopyToClipboard.js

@@ -10,13 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { Copy } from "@navikt/ds-icons";
-import copy from "copy-to-clipboard";
 import cl from "classnames";
-import React, { forwardRef, useEffect, useRef, useState, } from "react";
+import copy from "copy-to-clipboard";
+import React, { forwardRef, useEffect, useRef, useState } from "react";
 import mergeRefs from "react-merge-refs";
-import { Popover, Button } from "..";
+import { BodyShort, Button, Popover } from "..";
 const CopyToClipboard = forwardRef((_a, ref) => {
-    var { children, text, label, icon, className } = _a, rest = __rest(_a, ["children", "text", "label", "icon", "className"]);
+    var { children, copyText, popoverText, className, size = "medium", popoverPlacement = "right" } = _a, rest = __rest(_a, ["children", "copyText", "popoverText", "className", "size", "popoverPlacement"]);
     const buttonRef = useRef(null);
     const mergedRef = mergeRefs([buttonRef, ref]);
     const timeoutRef = useRef();
@@ -29,16 +29,17 @@ const CopyToClipboard = forwardRef((_a, ref) => {
             timeoutRef.current && clearTimeout(timeoutRef.current);
         };
     }, [openPopover]);
-    const title = `Kopier ${label} (${text})`;
+    const title = `Kopier ${copyText}`;
     const handleClick = () => {
-        copy(text);
+        copy(copyText);
         setOpenPopover(true);
     };
     return (React.createElement("div", null,
-        React.createElement(Button, Object.assign({ ref: mergedRef, variant: "secondary", title: title, className: cl("navds-copy-to-clipboard", className), onClick: handleClick }, rest),
-            icon ? (React.createElement(React.Fragment, null, icon)) : (React.createElement(Copy, { focusable: "false", role: "img", "aria-label": "Fil ikon for kopiering" })),
+        React.createElement(Button, Object.assign({ ref: mergedRef, variant: "secondary", title: title, className: cl("navds-copy-to-clipboard", className), onClick: handleClick, size: size }, rest),
+            React.createElement(Copy, { focusable: "false", role: "img", "aria-label": "Fil ikon for kopiering" }),
             children ? children : React.createElement("span", { className: "sr-only" }, title)),
-        React.createElement(Popover, { role: "alert", anchorEl: buttonRef.current, open: openPopover, onClose: () => setOpenPopover(false), placement: "right", arrow: false, className: "navds-copy-to-clipboard__popover" }, label)));
+        React.createElement(Popover, { role: "alert", anchorEl: buttonRef.current, open: openPopover, onClose: () => setOpenPopover(false), placement: popoverPlacement, arrow: false, className: "navds-copy-to-clipboard__popover" },
+            React.createElement(BodyShort, { size: size, as: "span" }, popoverText))));
 });
 export default CopyToClipboard;
 //# sourceMappingURL=CopyToClipboard.js.map

package/esm/copy-to-clipboard/CopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../src/copy-to-clipboard/CopyToClipboard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAuBrC,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAmD,EAAE,GAAG,EAAE,EAAE;QAA5D,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,OAAW,EAAN,IAAI,cAAjD,kDAAmD,CAAF;IAChD,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,MAAM,EAAiB,CAAC;IAC3C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,WAAW;YAC9B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;YACtD,CAAC,CAAC,IAAI,CAAC;QACT,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,KAAK,GAAG,UAAU,KAAK,KAAK,IAAI,GAAG,CAAC;IAE1C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,IAAI,CAAC,CAAC;QACX,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,MAAM,kBACL,GAAG,EAAE,SAAS,EACd,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,WAAW,IAChB,IAAI;YAEP,IAAI,CAAC,CAAC,CAAC,CACN,0CAAG,IAAI,CAAI,CACZ,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IACH,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,gBACC,wBAAwB,GACnC,CACH;YACA,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,SAAS,IAAE,KAAK,CAAQ,CACxD;QACT,oBAAC,OAAO,IACN,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACpC,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,kCAAkC,IAE3C,KAAK,CACE,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../src/copy-to-clipboard/CopyToClipboard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAe,OAAO,EAAE,MAAM,IAAI,CAAC;AAsB7D,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,gBAAgB,GAAG,OAAO,OAE3B,EADI,IAAI,cAPT,gFAQC,CADQ;IAIT,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,MAAM,EAAiB,CAAC;IAC3C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,WAAW;YAC9B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;YACtD,CAAC,CAAC,IAAI,CAAC;QACT,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,KAAK,GAAG,UAAU,QAAQ,EAAE,CAAC;IAEnC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,QAAQ,CAAC,CAAC;QACf,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,MAAM,kBACL,GAAG,EAAE,SAAS,EACd,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,IACN,IAAI;YAER,oBAAC,IAAI,IACH,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,gBACC,wBAAwB,GACnC;YACD,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,SAAS,IAAE,KAAK,CAAQ,CACxD;QACT,oBAAC,OAAO,IACN,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACpC,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,kCAAkC;YAE5C,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAC,MAAM,IAC7B,WAAW,CACF,CACJ,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/form/ConfirmationPanel.js

@@ -15,7 +15,7 @@ import { BodyLong, Checkbox } from "..";
 const ConfirmationPanel = forwardRef((_a, ref) => {
     var { className, children, label } = _a, props = __rest(_a, ["className", "children", "label"]);
     return (React.createElement("div", { ref: ref, className: cl("navds-confirmation-panel", className, {
-            "navds-confirmation-panel--s": props.size === "s",
+            "navds-confirmation-panel--s": props.size === "small",
             "navds-confirmation-panel--error": !!props.error,
             "navds-confirmation-panel--checked": !!props.checked,
         }) },

package/esm/form/ConfirmationPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationPanel.js","sourceRoot":"","sources":["../../src/form/ConfirmationPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAiB,MAAM,IAAI,CAAC;AAiBvD,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,EAAwC,EAAE,GAAG,EAAE,EAAE;QAAjD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,cAAtC,kCAAwC,CAAF;IACrC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,EAAE;YACnD,6BAA6B,EAAE,KAAK,CAAC,IAAI,KAAK,GAAG;YACjD,iCAAiC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;YAChD,mCAAmC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;SACrD,CAAC;QAED,QAAQ,IAAI,CACX,oBAAC,QAAQ,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAC,mCAAmC,IAE5C,QAAQ,CACA,CACZ;QACD,oBAAC,QAAQ,oBAAK,KAAK,GAAG,KAAK,CAAY,CACnC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ConfirmationPanel.js","sourceRoot":"","sources":["../../src/form/ConfirmationPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAiB,MAAM,IAAI,CAAC;AAiBvD,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,EAAwC,EAAE,GAAG,EAAE,EAAE;QAAjD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,cAAtC,kCAAwC,CAAF;IACrC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,EAAE;YACnD,6BAA6B,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;YACrD,iCAAiC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;YAChD,mCAAmC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;SACrD,CAAC;QAED,QAAQ,IAAI,CACX,oBAAC,QAAQ,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAC,mCAAmC,IAE5C,QAAQ,CACA,CACZ;QACD,oBAAC,QAAQ,oBAAK,KAAK,GAAG,KAAK,CAAY,CACnC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/esm/form/ErrorMessage.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const ErrorMessage: (props: any) => JSX.Element;
 export default ErrorMessage;

package/esm/form/ErrorMessage.js

@@ -3,7 +3,7 @@ import cl from "classnames";
 import { Label } from "..";
 const ErrorMessage = (props) => {
     var _a;
-    return (React.createElement(Label, Object.assign({}, props, { component: "div", className: cl("navds-error-message", props.className, `navds-error-message--${(_a = props.size) !== null && _a !== void 0 ? _a : "m"}`) })));
+    return (React.createElement(Label, Object.assign({}, props, { as: "div", className: cl("navds-error-message", props.className, `navds-error-message--${(_a = props.size) !== null && _a !== void 0 ? _a : "medium"}`) })));
 };
 export default ErrorMessage;
 //# sourceMappingURL=ErrorMessage.js.map

package/esm/form/ErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/form/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAE3B,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;;IAAC,OAAA,CAC9B,oBAAC,KAAK,oBACA,KAAK,IACT,SAAS,EAAC,KAAK,EACf,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,KAAK,CAAC,SAAS,EACf,wBAAwB,MAAA,KAAK,CAAC,IAAI,mCAAI,GAAG,EAAE,CAC5C,IACD,CACH,CAAA;CAAA,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/form/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAE3B,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;;IAAC,OAAA,CAC9B,oBAAC,KAAK,oBACA,KAAK,IACT,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,KAAK,CAAC,SAAS,EACf,wBAAwB,MAAA,KAAK,CAAC,IAAI,mCAAI,QAAQ,EAAE,CACjD,IACD,CACH,CAAA;CAAA,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/form/Fieldset/Fieldset.d.ts

@@ -12,7 +12,7 @@ export declare type FieldsetContextProps = {
     /**
      * Changes paddings, margins and font-sizes
      */
-    size: "m" | "s";
+    size: "medium" | "small";
     disabled: boolean;
 };
 export declare const FieldsetContext: React.Context<FieldsetContextProps | null>;

package/esm/form/Fieldset/Fieldset.js

@@ -30,7 +30,7 @@ const Fieldset = forwardRef((props, ref) => {
             disabled: (_c = props.disabled) !== null && _c !== void 0 ? _c : false,
         } },
         React.createElement("fieldset", Object.assign({}, omit(rest, ["errorId", "error", "size"]), inputProps, { ref: ref, className: cl(className, "navds-fieldset", `navds-fieldset--${size}`, { "navds-fieldset--error": hasError }) }),
-            React.createElement(Label, { size: size, component: "legend", className: cl("navds-fieldset__legend", {
+            React.createElement(Label, { size: size, as: "legend", className: cl("navds-fieldset__legend", {
                     "sr-only": !!hideLegend,
                 }) }, legend),
             !!description && (React.createElement(BodyShort, { className: cl("navds-fieldset__description", {

package/esm/form/Fieldset/Fieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/form/Fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EAA0B,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAkB5C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAChD,IAAI,CACL,CAAC;AAuBF,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAEvB,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,gBAAgB,GAAG,IAAI,EACvB,MAAM,EACN,WAAW,EACX,UAAU,KAER,KAAK,EADJ,IAAI,UACL,KAAK,EARH,oFAQL,CAAQ,CAAC;IAEV,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,KAAK,EAAE,gBAAgB,CAAC,CAAC,OAAC,KAAK,CAAC,KAAK,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC,CAAC,CAAC,SAAS;YACpE,OAAO,EAAE,EAAE,CAAC;gBACV,CAAC,OAAO,CAAC,EAAE,YAAY;gBACvB,OAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,mCAAI,EAAE,CAAC,EAAE,CAAC,EAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA;aAC7C,CAAC;YACF,IAAI;YACJ,QAAQ,QAAE,KAAK,CAAC,QAAQ,mCAAI,KAAK;SAClC;QAED,kDACM,IAAI,CAAC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,EACxC,UAAU,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB,EAAE,uBAAuB,EAAE,QAAQ,EAAE,CACtC;YAED,oBAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE;oBACtC,SAAS,EAAE,CAAC,CAAC,UAAU;iBACxB,CAAC,IAED,MAAM,CACD;YACP,CAAC,CAAC,WAAW,IAAI,CAChB,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE;oBAC3C,SAAS,EAAE,CAAC,CAAC,UAAU;iBACxB,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,IAET,WAAW,CACF,CACb;YACA,QAAQ;YACT,6BACE,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,EAClB,SAAS,EAAC,uBAAuB,IAEhC,YAAY,IAAI,CACf,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAC,KAAK,CAAgB,CACvD,CACG,CACG,CACc,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/form/Fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EAA0B,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAkB5C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAChD,IAAI,CACL,CAAC;AAuBF,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAEvB,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,gBAAgB,GAAG,IAAI,EACvB,MAAM,EACN,WAAW,EACX,UAAU,KAER,KAAK,EADJ,IAAI,UACL,KAAK,EARH,oFAQL,CAAQ,CAAC;IAEV,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,KAAK,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC,CAAC,CAAC,SAAS;YACpE,OAAO,EAAE,EAAE,CAAC;gBACV,CAAC,OAAO,CAAC,EAAE,YAAY;gBACvB,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,mCAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA;aAC7C,CAAC;YACF,IAAI;YACJ,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;SAClC;QAED,kDACM,IAAI,CAAC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,EACxC,UAAU,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB,EAAE,uBAAuB,EAAE,QAAQ,EAAE,CACtC;YAED,oBAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,QAAQ,EACX,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE;oBACtC,SAAS,EAAE,CAAC,CAAC,UAAU;iBACxB,CAAC,IAED,MAAM,CACD;YACP,CAAC,CAAC,WAAW,IAAI,CAChB,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE;oBAC3C,SAAS,EAAE,CAAC,CAAC,UAAU;iBACxB,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,IAET,WAAW,CACF,CACb;YACA,QAAQ;YACT,6BACE,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,EAClB,SAAS,EAAC,uBAAuB,IAEhC,YAAY,IAAI,CACf,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAC,KAAK,CAAgB,CACvD,CACG,CACG,CACc,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/form/Fieldset/useFieldset.d.ts

@@ -10,5 +10,5 @@ export declare const useFieldset: (props: any) => {
     hasError: boolean;
     errorId: string;
     inputDescriptionId: string;
-    size: "s" | "m";
+    size: "small" | "medium";
 };