@postenbring/hedwig-react 0.0.71 → 0.0.73

package/dist/_tsup-dts-rollup.d.mts

@@ -164,6 +164,12 @@ declare interface AutoAnimateHeightProps {
      * default is "quick"
      */
     animationDuration?: "quick" | "normal" | "slow";
+    /**
+     * Callback fired when animiation transition ends
+     * Use this to do effects after resizing is done, e.g. scrolling to the element
+     * using `element.scrollIntoView()`
+     */
+    onTransitionEnd?: () => void;
     /**
      * Which hedwig easing function to use, default is "normal"
      */
@@ -293,18 +299,14 @@ export { BoxProps as BoxProps_alias_3 }
  * </nav>
  * ```
  */
-declare function Breadcrumbs({ olProps, children, ...rest }: BreadcrumbsProps): JSX_2.Element;
-
-declare namespace Breadcrumbs {
-    var displayName: string;
-}
+declare const Breadcrumbs: ForwardRefExoticComponent<BreadcrumbsProps & RefAttributes<HTMLDivElement>>;
 export { Breadcrumbs }
 export { Breadcrumbs as Breadcrumbs_alias_1 }
 export { Breadcrumbs as Breadcrumbs_alias_2 }
 export { Breadcrumbs as Breadcrumbs_alias_3 }
 
 declare interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {
-    children: ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];
+    children: ReactNode | ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];
     /**
      * Props passed to the `ol` html element
      */
@@ -319,27 +321,15 @@ declare type Breakpoints = "initial" | "small" | "medium" | "large" | "xlarge";
 
 export declare const ButtonAsLink: Story_18;
 
-declare type ButtonProps = ButtonPropsInternal & ({
-    /**
-     * The background fill of the button
-     */
-    fill?: "contained" | "outline";
-} | {
-    /**
-     * @deprecated use `fill='outline'` instead
-     */
-    fill?: "outlined";
-});
-export { ButtonProps }
-export { ButtonProps as ButtonProps_alias_1 }
-export { ButtonProps as ButtonProps_alias_2 }
-export { ButtonProps as ButtonProps_alias_3 }
-
-declare interface ButtonPropsInternal extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+declare interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * The height, font size and padding of the button
      */
     size?: "small" | "medium" | "large";
+    /**
+     * The background fill of the button
+     */
+    fill?: "contained" | "outline";
     /**
      * Make the button use 100% width available.
      * Using the "mobile" it only stretch to full width on smaller screens
@@ -351,6 +341,10 @@ declare interface ButtonPropsInternal extends React.ButtonHTMLAttributes<HTMLBut
     icon?: React.ReactNode;
     children?: React.ReactNode;
 }
+export { ButtonProps }
+export { ButtonProps as ButtonProps_alias_1 }
+export { ButtonProps as ButtonProps_alias_2 }
+export { ButtonProps as ButtonProps_alias_3 }
 
 export declare const Card_alias_2: Story_6;
 
@@ -742,11 +736,7 @@ export declare const DefaultWithError: Story_15;
  * </DescriptionList>
  * ```
  */
-declare function DescriptionList({ variant, className, ...rest }: DescriptionListProps): JSX_2.Element;
-
-declare namespace DescriptionList {
-    var displayName: string;
-}
+declare const DescriptionList: ForwardRefExoticComponent<DescriptionListProps & RefAttributes<HTMLDListElement>>;
 export { DescriptionList }
 export { DescriptionList as DescriptionList_alias_1 }
 export { DescriptionList as DescriptionList_alias_2 }
@@ -1053,6 +1043,59 @@ declare interface HeadingProps {
     as: React_3.ElementType;
 }
 
+/**
+ * Show a help text for a word or phrase when clicked
+ *
+ * Useful for providing explanations for domain-specific terms, acronyms or phrases that could do with further elaboration
+ *
+ * **Usage**
+ * ```tsx
+ * <p>
+ *   En annen avgjørende faktor for avgifter er om nettbutikken er registrert i{" "}
+ *   <HelpText helpText={`VOEC er en forkortelse for "VAT on E-commerce" (mva. på e-handel).`}>
+ *    VOEC
+ *   </HelpText>
+ * </p>
+ * ```
+ */
+declare const HelpText: ForwardRefExoticComponent<HelpTextProps & RefAttributes<HTMLButtonElement>>;
+export { HelpText }
+export { HelpText as HelpText_alias_1 }
+export { HelpText as HelpText_alias_2 }
+export { HelpText as HelpText_alias_3 }
+
+declare interface HelpTextProps extends React.HTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    /**
+     * The content of the help text, often a word or phrase that could use some explanation
+     */
+    children: React.ReactNode;
+    /**
+     * The help text that will be shown when the user clicks the trigger
+     */
+    helpText: React.ReactNode;
+    /**
+     * The title of the help text. Used by screen readers and if the user hover over the help text
+     */
+    title?: string;
+    /**
+     * Props for the `Box` that contains the help text
+     */
+    boxProps?: React.ComponentProps<typeof BoxComponent>;
+    /**
+     * The side of the trigger the popover should be attached to
+     *
+     * default is `top`
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /**
+     * The alignment of the popover content
+     *
+     * default is `start`
+     */
+    align?: "center" | "end" | "start";
+}
+
 export declare const Horizontal: Story_7;
 
 export declare const Horizontal_alias_1: Story_28;
@@ -2013,6 +2056,34 @@ export { TabContentsProps as TabContentsProps_alias_1 }
 export { TabContentsProps as TabContentsProps_alias_2 }
 export { TabContentsProps as TabContentsProps_alias_3 }
 
+declare const Table: ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>>;
+export { Table }
+export { Table as Table_alias_1 }
+export { Table as Table_alias_2 }
+export { Table as Table_alias_3 }
+
+declare interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+    className?: string;
+    /**
+     * Size of the table
+     *
+     * Use `compressed` for a more compact table, or `mobile-compressed` for a compact table on mobile screens only.
+     */
+    size?: "default" | "compressed" | "mobile-compressed";
+    /**
+     * The table caption
+     *
+     * You can also set this by passing `<caption>` as a first child of the table
+     */
+    caption?: React.ReactNode;
+    /**
+     * Optional description of the table displayed underneath the table
+     *
+     * Ensures the `aria-describedby` attribute is set on the table, making it accessible for screen readers.
+     */
+    description?: React.ReactNode;
+}
+
 declare interface TabListProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactElement<TabsTabProps> | ReactElement<TabsTabProps>[];
     /**

package/dist/_tsup-dts-rollup.d.ts

@@ -164,6 +164,12 @@ declare interface AutoAnimateHeightProps {
      * default is "quick"
      */
     animationDuration?: "quick" | "normal" | "slow";
+    /**
+     * Callback fired when animiation transition ends
+     * Use this to do effects after resizing is done, e.g. scrolling to the element
+     * using `element.scrollIntoView()`
+     */
+    onTransitionEnd?: () => void;
     /**
      * Which hedwig easing function to use, default is "normal"
      */
@@ -293,18 +299,14 @@ export { BoxProps as BoxProps_alias_3 }
  * </nav>
  * ```
  */
-declare function Breadcrumbs({ olProps, children, ...rest }: BreadcrumbsProps): JSX_2.Element;
-
-declare namespace Breadcrumbs {
-    var displayName: string;
-}
+declare const Breadcrumbs: ForwardRefExoticComponent<BreadcrumbsProps & RefAttributes<HTMLDivElement>>;
 export { Breadcrumbs }
 export { Breadcrumbs as Breadcrumbs_alias_1 }
 export { Breadcrumbs as Breadcrumbs_alias_2 }
 export { Breadcrumbs as Breadcrumbs_alias_3 }
 
 declare interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {
-    children: ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];
+    children: ReactNode | ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];
     /**
      * Props passed to the `ol` html element
      */
@@ -319,27 +321,15 @@ declare type Breakpoints = "initial" | "small" | "medium" | "large" | "xlarge";
 
 export declare const ButtonAsLink: Story_18;
 
-declare type ButtonProps = ButtonPropsInternal & ({
-    /**
-     * The background fill of the button
-     */
-    fill?: "contained" | "outline";
-} | {
-    /**
-     * @deprecated use `fill='outline'` instead
-     */
-    fill?: "outlined";
-});
-export { ButtonProps }
-export { ButtonProps as ButtonProps_alias_1 }
-export { ButtonProps as ButtonProps_alias_2 }
-export { ButtonProps as ButtonProps_alias_3 }
-
-declare interface ButtonPropsInternal extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+declare interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * The height, font size and padding of the button
      */
     size?: "small" | "medium" | "large";
+    /**
+     * The background fill of the button
+     */
+    fill?: "contained" | "outline";
     /**
      * Make the button use 100% width available.
      * Using the "mobile" it only stretch to full width on smaller screens
@@ -351,6 +341,10 @@ declare interface ButtonPropsInternal extends React.ButtonHTMLAttributes<HTMLBut
     icon?: React.ReactNode;
     children?: React.ReactNode;
 }
+export { ButtonProps }
+export { ButtonProps as ButtonProps_alias_1 }
+export { ButtonProps as ButtonProps_alias_2 }
+export { ButtonProps as ButtonProps_alias_3 }
 
 export declare const Card_alias_2: Story_6;
 
@@ -742,11 +736,7 @@ export declare const DefaultWithError: Story_15;
  * </DescriptionList>
  * ```
  */
-declare function DescriptionList({ variant, className, ...rest }: DescriptionListProps): JSX_2.Element;
-
-declare namespace DescriptionList {
-    var displayName: string;
-}
+declare const DescriptionList: ForwardRefExoticComponent<DescriptionListProps & RefAttributes<HTMLDListElement>>;
 export { DescriptionList }
 export { DescriptionList as DescriptionList_alias_1 }
 export { DescriptionList as DescriptionList_alias_2 }
@@ -1053,6 +1043,59 @@ declare interface HeadingProps {
     as: React_3.ElementType;
 }
 
+/**
+ * Show a help text for a word or phrase when clicked
+ *
+ * Useful for providing explanations for domain-specific terms, acronyms or phrases that could do with further elaboration
+ *
+ * **Usage**
+ * ```tsx
+ * <p>
+ *   En annen avgjørende faktor for avgifter er om nettbutikken er registrert i{" "}
+ *   <HelpText helpText={`VOEC er en forkortelse for "VAT on E-commerce" (mva. på e-handel).`}>
+ *    VOEC
+ *   </HelpText>
+ * </p>
+ * ```
+ */
+declare const HelpText: ForwardRefExoticComponent<HelpTextProps & RefAttributes<HTMLButtonElement>>;
+export { HelpText }
+export { HelpText as HelpText_alias_1 }
+export { HelpText as HelpText_alias_2 }
+export { HelpText as HelpText_alias_3 }
+
+declare interface HelpTextProps extends React.HTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    /**
+     * The content of the help text, often a word or phrase that could use some explanation
+     */
+    children: React.ReactNode;
+    /**
+     * The help text that will be shown when the user clicks the trigger
+     */
+    helpText: React.ReactNode;
+    /**
+     * The title of the help text. Used by screen readers and if the user hover over the help text
+     */
+    title?: string;
+    /**
+     * Props for the `Box` that contains the help text
+     */
+    boxProps?: React.ComponentProps<typeof BoxComponent>;
+    /**
+     * The side of the trigger the popover should be attached to
+     *
+     * default is `top`
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /**
+     * The alignment of the popover content
+     *
+     * default is `start`
+     */
+    align?: "center" | "end" | "start";
+}
+
 export declare const Horizontal: Story_7;
 
 export declare const Horizontal_alias_1: Story_28;
@@ -2013,6 +2056,34 @@ export { TabContentsProps as TabContentsProps_alias_1 }
 export { TabContentsProps as TabContentsProps_alias_2 }
 export { TabContentsProps as TabContentsProps_alias_3 }
 
+declare const Table: ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>>;
+export { Table }
+export { Table as Table_alias_1 }
+export { Table as Table_alias_2 }
+export { Table as Table_alias_3 }
+
+declare interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+    className?: string;
+    /**
+     * Size of the table
+     *
+     * Use `compressed` for a more compact table, or `mobile-compressed` for a compact table on mobile screens only.
+     */
+    size?: "default" | "compressed" | "mobile-compressed";
+    /**
+     * The table caption
+     *
+     * You can also set this by passing `<caption>` as a first child of the table
+     */
+    caption?: React.ReactNode;
+    /**
+     * Optional description of the table displayed underneath the table
+     *
+     * Ensures the `aria-describedby` attribute is set on the table, making it accessible for screen readers.
+     */
+    description?: React.ReactNode;
+}
+
 declare interface TabListProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactElement<TabsTabProps> | ReactElement<TabsTabProps>[];
     /**

package/dist/{breadcrumb/index.js → breadcrumbs/breadcrumbs.js}

@@ -46,23 +46,24 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/breadcrumb/index.tsx
-var breadcrumb_exports = {};
-__export(breadcrumb_exports, {
+// src/breadcrumbs/breadcrumbs.tsx
+var breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
   Breadcrumbs: () => Breadcrumbs
 });
-module.exports = __toCommonJS(breadcrumb_exports);
-
-// src/breadcrumb/breadcrumb.tsx
+module.exports = __toCommonJS(breadcrumbs_exports);
+var import_react = require("react");
 var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime = require("react/jsx-runtime");
-function Breadcrumbs(_a) {
-  var _b = _a, { olProps, children } = _b, rest = __objRest(_b, ["olProps", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", __spreadProps(__spreadValues({}, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", __spreadProps(__spreadValues({}, olProps), { className: (0, import_typed_classname.clsx)("hds-breadcrumbs", olProps == null ? void 0 : olProps.className), children })) }));
-}
+var Breadcrumbs = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { olProps, children } = _b, rest = __objRest(_b, ["olProps", "children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", __spreadProps(__spreadValues({ ref }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", __spreadProps(__spreadValues({}, olProps), { className: (0, import_typed_classname.clsx)("hds-breadcrumbs", olProps == null ? void 0 : olProps.className), children })) }));
+  }
+);
 Breadcrumbs.displayName = "Breadcrumbs";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Breadcrumbs
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactElement, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {\n  children: ReactNode | ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];\n\n  /**\n   * Props passed to the `ol` html element\n   */\n  olProps?: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * A breadcrumbs navigation menu\n *\n * **Usage**\n *\n * ```tsx\n * <Breadcrumbs data-testid=\"breadcrumbs\">\n *   <li><Link href=\"../\">Previous page</Link></li>\n *   <li aria-current=\"page\">Current page</li>\n * </Breadcrumbs>\n * ```\n *\n * Outputs this html structure\n *\n * ```html\n * <nav data-testid=\"breadcrumbs\">\n *   <ol>\n *     <li><a href=\"../\">Previous page</a></li>\n *     <li aria-current=\"page\">Current page</li>\n *   </ol>\n * </nav>\n * ```\n */\nexport const Breadcrumbs = forwardRef<HTMLDivElement, BreadcrumbsProps>(\n  ({ olProps, children, ...rest }, ref) => {\n    return (\n      <nav ref={ref} {...rest}>\n        <ol {...olProps} className={clsx(\"hds-breadcrumbs\", olProps?.className as undefined)}>\n          {children}\n        </ol>\n      </nav>\n    );\n  },\n);\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmF;AACnF,6BAAqB;AAsCb;AAJD,IAAM,kBAAc;AAAA,EACzB,CAAC,IAAgC,QAAQ;AAAxC,iBAAE,WAAS,SApCd,IAoCG,IAAwB,iBAAxB,IAAwB,CAAtB,WAAS;AACV,WACE,4CAAC,sCAAI,OAAc,OAAlB,EACC,sDAAC,uCAAO,UAAP,EAAgB,eAAW,6BAAK,mBAAmB,mCAAS,SAAsB,GAChF,WACH,IACF;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":[]}

package/dist/{breadcrumb/breadcrumb.mjs → breadcrumbs/breadcrumbs.mjs}

@@ -1,8 +1,8 @@
 import {
   Breadcrumbs
-} from "../chunk-YKDKFWP2.mjs";
+} from "../chunk-GGEQEVZ4.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   Breadcrumbs
 };
-//# sourceMappingURL=breadcrumb.mjs.map
+//# sourceMappingURL=breadcrumbs.mjs.map

package/dist/{breadcrumb/breadcrumb.js → breadcrumbs/index.js}

@@ -46,21 +46,26 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/breadcrumb/breadcrumb.tsx
-var breadcrumb_exports = {};
-__export(breadcrumb_exports, {
+// src/breadcrumbs/index.tsx
+var breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
   Breadcrumbs: () => Breadcrumbs
 });
-module.exports = __toCommonJS(breadcrumb_exports);
+module.exports = __toCommonJS(breadcrumbs_exports);
+
+// src/breadcrumbs/breadcrumbs.tsx
+var import_react = require("react");
 var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime = require("react/jsx-runtime");
-function Breadcrumbs(_a) {
-  var _b = _a, { olProps, children } = _b, rest = __objRest(_b, ["olProps", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", __spreadProps(__spreadValues({}, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", __spreadProps(__spreadValues({}, olProps), { className: (0, import_typed_classname.clsx)("hds-breadcrumbs", olProps == null ? void 0 : olProps.className), children })) }));
-}
+var Breadcrumbs = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { olProps, children } = _b, rest = __objRest(_b, ["olProps", "children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", __spreadProps(__spreadValues({ ref }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", __spreadProps(__spreadValues({}, olProps), { className: (0, import_typed_classname.clsx)("hds-breadcrumbs", olProps == null ? void 0 : olProps.className), children })) }));
+  }
+);
 Breadcrumbs.displayName = "Breadcrumbs";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Breadcrumbs
 });
-//# sourceMappingURL=breadcrumb.js.map
+//# sourceMappingURL=index.js.map

package/dist/breadcrumbs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/breadcrumbs/index.tsx","../../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["export { Breadcrumbs } from \"./breadcrumbs\";\n\nexport type * from \"./breadcrumbs\";\n","import { forwardRef, type HTMLAttributes, type ReactElement, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {\n  children: ReactNode | ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];\n\n  /**\n   * Props passed to the `ol` html element\n   */\n  olProps?: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * A breadcrumbs navigation menu\n *\n * **Usage**\n *\n * ```tsx\n * <Breadcrumbs data-testid=\"breadcrumbs\">\n *   <li><Link href=\"../\">Previous page</Link></li>\n *   <li aria-current=\"page\">Current page</li>\n * </Breadcrumbs>\n * ```\n *\n * Outputs this html structure\n *\n * ```html\n * <nav data-testid=\"breadcrumbs\">\n *   <ol>\n *     <li><a href=\"../\">Previous page</a></li>\n *     <li aria-current=\"page\">Current page</li>\n *   </ol>\n * </nav>\n * ```\n */\nexport const Breadcrumbs = forwardRef<HTMLDivElement, BreadcrumbsProps>(\n  ({ olProps, children, ...rest }, ref) => {\n    return (\n      <nav ref={ref} {...rest}>\n        <ol {...olProps} className={clsx(\"hds-breadcrumbs\", olProps?.className as undefined)}>\n          {children}\n        </ol>\n      </nav>\n    );\n  },\n);\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAmF;AACnF,6BAAqB;AAsCb;AAJD,IAAM,kBAAc;AAAA,EACzB,CAAC,IAAgC,QAAQ;AAAxC,iBAAE,WAAS,SApCd,IAoCG,IAAwB,iBAAxB,IAAwB,CAAtB,WAAS;AACV,WACE,4CAAC,sCAAI,OAAc,OAAlB,EACC,sDAAC,uCAAO,UAAP,EAAgB,eAAW,6BAAK,mBAAmB,mCAAS,SAAsB,GAChF,WACH,IACF;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":[]}

package/dist/breadcrumbs/index.mjs

@@ -0,0 +1,9 @@
+import "../chunk-ISAHCU7C.mjs";
+import {
+  Breadcrumbs
+} from "../chunk-GGEQEVZ4.mjs";
+import "../chunk-R4SQKVDQ.mjs";
+export {
+  Breadcrumbs
+};
+//# sourceMappingURL=index.mjs.map

package/dist/button/button.js

@@ -78,9 +78,6 @@ var BaseButton = (0, import_react.forwardRef)(
       "icon",
       "className"
     ]);
-    if (fill === "outlined") {
-      console.warn("The `fill` value `outlined` is deprecated, use `fill='outline'` instead");
-    }
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       Component,
       __spreadProps(__spreadValues({
@@ -89,7 +86,7 @@ var BaseButton = (0, import_react.forwardRef)(
           `hds-button--${size}`,
           {
             [`hds-button--${variant}`]: fill === "contained",
-            [`hds-button--outline-${variant}`]: fill === "outline" || fill === "outlined",
+            [`hds-button--outline-${variant}`]: fill === "outline",
             "hds-button--full": fullWidth === true,
             "hds-button--mobile-full": fullWidth === "mobile",
             "hds-button--icon-only": icon && !children

package/dist/button/button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/button/button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\ninterface ButtonPropsInternal extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The height, font size and padding of the button\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n\n  /**\n   * Make the button use 100% width available.\n   * Using the \"mobile\" it only stretch to full width on smaller screens\n   */\n  fullWidth?: boolean | \"mobile\";\n\n  /**\n   * Use an icon inside the button\n   */\n  icon?: React.ReactNode;\n\n  children?: React.ReactNode;\n}\n\nexport type ButtonProps = ButtonPropsInternal &\n  (\n    | {\n        /**\n         * The background fill of the button\n         */\n        fill?: \"contained\" | \"outline\";\n      }\n    | {\n        /**\n         * @deprecated use `fill='outline'` instead\n         */\n        fill?: \"outlined\";\n      }\n  );\n\nexport const BaseButton: OverridableComponent<\n  ButtonProps & { variant: \"primary\" | \"secondary\" },\n  HTMLButtonElement\n> = forwardRef(\n  (\n    {\n      as: Component = \"button\",\n      children,\n      variant,\n      size = \"medium\",\n      fullWidth = false,\n      fill = \"contained\",\n      icon,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    // TODO: Remove deprecated fill value name at some point\n    // Deprecated at 10. march 2024\n    if (fill === \"outlined\") {\n      // eslint-disable-next-line no-console -- Deprecation warning\n      console.warn(\"The `fill` value `outlined` is deprecated, use `fill='outline'` instead\");\n    }\n    return (\n      <Component\n        className={clsx(\n          \"hds-button\",\n          `hds-button--${size}`,\n          {\n            [`hds-button--${variant}`]: fill === \"contained\",\n            [`hds-button--outline-${variant}`]: fill === \"outline\" || fill === \"outlined\",\n            \"hds-button--full\": fullWidth === true,\n            \"hds-button--mobile-full\": fullWidth === \"mobile\",\n            \"hds-button--icon-only\": icon && !children,\n          },\n          className as undefined,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {icon && !children ? icon : null}\n        {children}\n      </Component>\n    );\n  },\n);\nBaseButton.displayName = \"BaseButton\";\n\n/**\n * ## TODO\n *\n * - [x] Handle links that looks like buttons\n * - [ ] Revisit how to handle outline\n * - [ ] Figure out outline-white\n */\n\nexport const PrimaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n\nPrimaryButton.displayName = \"PrimaryButton\";\n\nexport const SecondaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n\nSecondaryButton.displayName = \"SecondaryButton\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAC3B,6BAAqB;AAgEf;AAzBC,IAAM,iBAGT;AAAA,EACF,CACE,IAWA,QACG;AAZH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IArDN,IA6CI,IASK,iBATL,IASK;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAOF,QAAI,SAAS,YAAY;AAEvB,cAAQ,KAAK,yEAAyE;AAAA,IACxF;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,eAAe,IAAI;AAAA,UACnB;AAAA,YACE,CAAC,eAAe,OAAO,EAAE,GAAG,SAAS;AAAA,YACrC,CAAC,uBAAuB,OAAO,EAAE,GAAG,SAAS,aAAa,SAAS;AAAA,YACnE,oBAAoB,cAAc;AAAA,YAClC,2BAA2B,cAAc;AAAA,YACzC,yBAAyB,QAAQ,CAAC;AAAA,UACpC;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,SACI,OAdL;AAAA,QAgBE;AAAA,kBAAQ,CAAC,WAAW,OAAO;AAAA,UAC3B;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAUlB,IAAM,oBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,sBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}
+{"version":3,"sources":["../../src/button/button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The height, font size and padding of the button\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n\n  /**\n   * The background fill of the button\n   */\n  fill?: \"contained\" | \"outline\";\n\n  /**\n   * Make the button use 100% width available.\n   * Using the \"mobile\" it only stretch to full width on smaller screens\n   */\n  fullWidth?: boolean | \"mobile\";\n\n  /**\n   * Use an icon inside the button\n   */\n  icon?: React.ReactNode;\n\n  children?: React.ReactNode;\n}\n\nexport const BaseButton: OverridableComponent<\n  ButtonProps & { variant: \"primary\" | \"secondary\" },\n  HTMLButtonElement\n> = forwardRef(\n  (\n    {\n      as: Component = \"button\",\n      children,\n      variant,\n      size = \"medium\",\n      fullWidth = false,\n      fill = \"contained\",\n      icon,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <Component\n        className={clsx(\n          \"hds-button\",\n          `hds-button--${size}`,\n          {\n            [`hds-button--${variant}`]: fill === \"contained\",\n            [`hds-button--outline-${variant}`]: fill === \"outline\",\n            \"hds-button--full\": fullWidth === true,\n            \"hds-button--mobile-full\": fullWidth === \"mobile\",\n            \"hds-button--icon-only\": icon && !children,\n          },\n          className as undefined,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {icon && !children ? icon : null}\n        {children}\n      </Component>\n    );\n  },\n);\nBaseButton.displayName = \"BaseButton\";\n\n/**\n * ## TODO\n *\n * - [x] Handle links that looks like buttons\n * - [ ] Revisit how to handle outline\n * - [ ] Figure out outline-white\n */\n\nexport const PrimaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n\nPrimaryButton.displayName = \"PrimaryButton\";\n\nexport const SecondaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n\nSecondaryButton.displayName = \"SecondaryButton\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAC3B,6BAAqB;AA+Cf;AAnBC,IAAM,iBAGT;AAAA,EACF,CACE,IAWA,QACG;AAZH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IA1CN,IAkCI,IASK,iBATL,IASK;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,eAAe,IAAI;AAAA,UACnB;AAAA,YACE,CAAC,eAAe,OAAO,EAAE,GAAG,SAAS;AAAA,YACrC,CAAC,uBAAuB,OAAO,EAAE,GAAG,SAAS;AAAA,YAC7C,oBAAoB,cAAc;AAAA,YAClC,2BAA2B,cAAc;AAAA,YACzC,yBAAyB,QAAQ,CAAC;AAAA,UACpC;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,SACI,OAdL;AAAA,QAgBE;AAAA,kBAAQ,CAAC,WAAW,OAAO;AAAA,UAC3B;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAUlB,IAAM,oBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,sBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}

package/dist/button/button.mjs

@@ -2,7 +2,7 @@ import {
   BaseButton,
   PrimaryButton,
   SecondaryButton
-} from "../chunk-OUHO4LGN.mjs";
+} from "../chunk-BWFFP6BB.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   BaseButton,

package/dist/button/index.js

@@ -79,9 +79,6 @@ var BaseButton = (0, import_react.forwardRef)(
       "icon",
       "className"
     ]);
-    if (fill === "outlined") {
-      console.warn("The `fill` value `outlined` is deprecated, use `fill='outline'` instead");
-    }
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       Component,
       __spreadProps(__spreadValues({
@@ -90,7 +87,7 @@ var BaseButton = (0, import_react.forwardRef)(
           `hds-button--${size}`,
           {
             [`hds-button--${variant}`]: fill === "contained",
-            [`hds-button--outline-${variant}`]: fill === "outline" || fill === "outlined",
+            [`hds-button--outline-${variant}`]: fill === "outline",
             "hds-button--full": fullWidth === true,
             "hds-button--mobile-full": fullWidth === "mobile",
             "hds-button--icon-only": icon && !children

package/dist/button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/button/index.tsx","../../src/button/button.tsx"],"sourcesContent":["export { PrimaryButton, SecondaryButton } from \"./button\";\n\nexport type * from \"./button\";\n","import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\ninterface ButtonPropsInternal extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The height, font size and padding of the button\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n\n  /**\n   * Make the button use 100% width available.\n   * Using the \"mobile\" it only stretch to full width on smaller screens\n   */\n  fullWidth?: boolean | \"mobile\";\n\n  /**\n   * Use an icon inside the button\n   */\n  icon?: React.ReactNode;\n\n  children?: React.ReactNode;\n}\n\nexport type ButtonProps = ButtonPropsInternal &\n  (\n    | {\n        /**\n         * The background fill of the button\n         */\n        fill?: \"contained\" | \"outline\";\n      }\n    | {\n        /**\n         * @deprecated use `fill='outline'` instead\n         */\n        fill?: \"outlined\";\n      }\n  );\n\nexport const BaseButton: OverridableComponent<\n  ButtonProps & { variant: \"primary\" | \"secondary\" },\n  HTMLButtonElement\n> = forwardRef(\n  (\n    {\n      as: Component = \"button\",\n      children,\n      variant,\n      size = \"medium\",\n      fullWidth = false,\n      fill = \"contained\",\n      icon,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    // TODO: Remove deprecated fill value name at some point\n    // Deprecated at 10. march 2024\n    if (fill === \"outlined\") {\n      // eslint-disable-next-line no-console -- Deprecation warning\n      console.warn(\"The `fill` value `outlined` is deprecated, use `fill='outline'` instead\");\n    }\n    return (\n      <Component\n        className={clsx(\n          \"hds-button\",\n          `hds-button--${size}`,\n          {\n            [`hds-button--${variant}`]: fill === \"contained\",\n            [`hds-button--outline-${variant}`]: fill === \"outline\" || fill === \"outlined\",\n            \"hds-button--full\": fullWidth === true,\n            \"hds-button--mobile-full\": fullWidth === \"mobile\",\n            \"hds-button--icon-only\": icon && !children,\n          },\n          className as undefined,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {icon && !children ? icon : null}\n        {children}\n      </Component>\n    );\n  },\n);\nBaseButton.displayName = \"BaseButton\";\n\n/**\n * ## TODO\n *\n * - [x] Handle links that looks like buttons\n * - [ ] Revisit how to handle outline\n * - [ ] Figure out outline-white\n */\n\nexport const PrimaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n\nPrimaryButton.displayName = \"PrimaryButton\";\n\nexport const SecondaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n\nSecondaryButton.displayName = \"SecondaryButton\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA2B;AAC3B,6BAAqB;AAgEf;AAzBC,IAAM,iBAGT;AAAA,EACF,CACE,IAWA,QACG;AAZH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IArDN,IA6CI,IASK,iBATL,IASK;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAOF,QAAI,SAAS,YAAY;AAEvB,cAAQ,KAAK,yEAAyE;AAAA,IACxF;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,eAAe,IAAI;AAAA,UACnB;AAAA,YACE,CAAC,eAAe,OAAO,EAAE,GAAG,SAAS;AAAA,YACrC,CAAC,uBAAuB,OAAO,EAAE,GAAG,SAAS,aAAa,SAAS;AAAA,YACnE,oBAAoB,cAAc;AAAA,YAClC,2BAA2B,cAAc;AAAA,YACzC,yBAAyB,QAAQ,CAAC;AAAA,UACpC;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,SACI,OAdL;AAAA,QAgBE;AAAA,kBAAQ,CAAC,WAAW,OAAO;AAAA,UAC3B;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAUlB,IAAM,oBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,sBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}
+{"version":3,"sources":["../../src/button/index.tsx","../../src/button/button.tsx"],"sourcesContent":["export { PrimaryButton, SecondaryButton } from \"./button\";\n\nexport type * from \"./button\";\n","import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The height, font size and padding of the button\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n\n  /**\n   * The background fill of the button\n   */\n  fill?: \"contained\" | \"outline\";\n\n  /**\n   * Make the button use 100% width available.\n   * Using the \"mobile\" it only stretch to full width on smaller screens\n   */\n  fullWidth?: boolean | \"mobile\";\n\n  /**\n   * Use an icon inside the button\n   */\n  icon?: React.ReactNode;\n\n  children?: React.ReactNode;\n}\n\nexport const BaseButton: OverridableComponent<\n  ButtonProps & { variant: \"primary\" | \"secondary\" },\n  HTMLButtonElement\n> = forwardRef(\n  (\n    {\n      as: Component = \"button\",\n      children,\n      variant,\n      size = \"medium\",\n      fullWidth = false,\n      fill = \"contained\",\n      icon,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <Component\n        className={clsx(\n          \"hds-button\",\n          `hds-button--${size}`,\n          {\n            [`hds-button--${variant}`]: fill === \"contained\",\n            [`hds-button--outline-${variant}`]: fill === \"outline\",\n            \"hds-button--full\": fullWidth === true,\n            \"hds-button--mobile-full\": fullWidth === \"mobile\",\n            \"hds-button--icon-only\": icon && !children,\n          },\n          className as undefined,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {icon && !children ? icon : null}\n        {children}\n      </Component>\n    );\n  },\n);\nBaseButton.displayName = \"BaseButton\";\n\n/**\n * ## TODO\n *\n * - [x] Handle links that looks like buttons\n * - [ ] Revisit how to handle outline\n * - [ ] Figure out outline-white\n */\n\nexport const PrimaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n\nPrimaryButton.displayName = \"PrimaryButton\";\n\nexport const SecondaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n\nSecondaryButton.displayName = \"SecondaryButton\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA2B;AAC3B,6BAAqB;AA+Cf;AAnBC,IAAM,iBAGT;AAAA,EACF,CACE,IAWA,QACG;AAZH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IA1CN,IAkCI,IASK,iBATL,IASK;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,eAAe,IAAI;AAAA,UACnB;AAAA,YACE,CAAC,eAAe,OAAO,EAAE,GAAG,SAAS;AAAA,YACrC,CAAC,uBAAuB,OAAO,EAAE,GAAG,SAAS;AAAA,YAC7C,oBAAoB,cAAc;AAAA,YAClC,2BAA2B,cAAc;AAAA,YACzC,yBAAyB,QAAQ,CAAC;AAAA,UACpC;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,SACI,OAdL;AAAA,QAgBE;AAAA,kBAAQ,CAAC,WAAW,OAAO;AAAA,UAC3B;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAUlB,IAAM,oBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,sBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}

package/dist/button/index.mjs

@@ -2,7 +2,7 @@ import "../chunk-HT2EIJAD.mjs";
 import {
   PrimaryButton,
   SecondaryButton
-} from "../chunk-OUHO4LGN.mjs";
+} from "../chunk-BWFFP6BB.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   PrimaryButton,

package/dist/chunk-3LYJRAOC.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-3LYJRAOC.mjs.map

package/dist/{chunk-OUHO4LGN.mjs → chunk-BWFFP6BB.mjs}

@@ -29,9 +29,6 @@ var BaseButton = forwardRef(
       "icon",
       "className"
     ]);
-    if (fill === "outlined") {
-      console.warn("The `fill` value `outlined` is deprecated, use `fill='outline'` instead");
-    }
     return /* @__PURE__ */ jsxs(
       Component,
       __spreadProps(__spreadValues({
@@ -40,7 +37,7 @@ var BaseButton = forwardRef(
           `hds-button--${size}`,
           {
             [`hds-button--${variant}`]: fill === "contained",
-            [`hds-button--outline-${variant}`]: fill === "outline" || fill === "outlined",
+            [`hds-button--outline-${variant}`]: fill === "outline",
             "hds-button--full": fullWidth === true,
             "hds-button--mobile-full": fullWidth === "mobile",
             "hds-button--icon-only": icon && !children
@@ -76,4 +73,4 @@ export {
   PrimaryButton,
   SecondaryButton
 };
-//# sourceMappingURL=chunk-OUHO4LGN.mjs.map
+//# sourceMappingURL=chunk-BWFFP6BB.mjs.map

package/dist/chunk-BWFFP6BB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The height, font size and padding of the button\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n\n  /**\n   * The background fill of the button\n   */\n  fill?: \"contained\" | \"outline\";\n\n  /**\n   * Make the button use 100% width available.\n   * Using the \"mobile\" it only stretch to full width on smaller screens\n   */\n  fullWidth?: boolean | \"mobile\";\n\n  /**\n   * Use an icon inside the button\n   */\n  icon?: React.ReactNode;\n\n  children?: React.ReactNode;\n}\n\nexport const BaseButton: OverridableComponent<\n  ButtonProps & { variant: \"primary\" | \"secondary\" },\n  HTMLButtonElement\n> = forwardRef(\n  (\n    {\n      as: Component = \"button\",\n      children,\n      variant,\n      size = \"medium\",\n      fullWidth = false,\n      fill = \"contained\",\n      icon,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <Component\n        className={clsx(\n          \"hds-button\",\n          `hds-button--${size}`,\n          {\n            [`hds-button--${variant}`]: fill === \"contained\",\n            [`hds-button--outline-${variant}`]: fill === \"outline\",\n            \"hds-button--full\": fullWidth === true,\n            \"hds-button--mobile-full\": fullWidth === \"mobile\",\n            \"hds-button--icon-only\": icon && !children,\n          },\n          className as undefined,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {icon && !children ? icon : null}\n        {children}\n      </Component>\n    );\n  },\n);\nBaseButton.displayName = \"BaseButton\";\n\n/**\n * ## TODO\n *\n * - [x] Handle links that looks like buttons\n * - [ ] Revisit how to handle outline\n * - [ ] Figure out outline-white\n */\n\nexport const PrimaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n\nPrimaryButton.displayName = \"PrimaryButton\";\n\nexport const SecondaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n\nSecondaryButton.displayName = \"SecondaryButton\";\n"],"mappings":";;;;;;;AAAA,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AA+Cf,SAkCK,KAlCL;AAnBC,IAAM,aAGT;AAAA,EACF,CACE,IAWA,QACG;AAZH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IA1CN,IAkCI,IASK,iBATL,IASK;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,eAAe,IAAI;AAAA,UACnB;AAAA,YACE,CAAC,eAAe,OAAO,EAAE,GAAG,SAAS;AAAA,YACrC,CAAC,uBAAuB,OAAO,EAAE,GAAG,SAAS;AAAA,YAC7C,oBAAoB,cAAc;AAAA,YAClC,2BAA2B,cAAc;AAAA,YACzC,yBAAyB,QAAQ,CAAC;AAAA,UACpC;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,SACI,OAdL;AAAA,QAgBE;AAAA,kBAAQ,CAAC,WAAW,OAAO;AAAA,UAC3B;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAUlB,IAAM,gBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,oBAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,kBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,oBAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}

package/dist/chunk-CFAH2LID.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-CFAH2LID.mjs.map

package/dist/{chunk-K2HG7WRK.mjs → chunk-CSAEHQ4R.mjs}

@@ -4,7 +4,7 @@ import {
   FooterLinkSection,
   FooterLinkSections,
   FooterLogo
-} from "./chunk-O32FZU7E.mjs";
+} from "./chunk-S3BGPCLK.mjs";
 
 // src/footer/index.tsx
 var FooterComponent = Footer;
@@ -16,4 +16,4 @@ FooterComponent.LinkSection = FooterLinkSection;
 export {
   FooterComponent
 };
-//# sourceMappingURL=chunk-K2HG7WRK.mjs.map
+//# sourceMappingURL=chunk-CSAEHQ4R.mjs.map