@postenbring/hedwig-react 0.0.62 → 0.0.64

package/dist/index-no-css.js

@@ -1256,11 +1256,20 @@ ModalComponent.Footer = ModalFooter;
 // src/navbar/navbar.tsx
 var import_react22 = require("react");
 var import_typed_classname25 = require("@postenbring/hedwig-css/typed-classname");
+var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var Navbar = (0, import_react22.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("header", __spreadProps(__spreadValues({ className: (0, import_typed_classname25.clsx)("hds-navbar", className), ref }, rest), { children }));
+    var _b = _a, { children, className, variant } = _b, rest = __objRest(_b, ["children", "className", "variant"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      "header",
+      __spreadProps(__spreadValues({
+        className: (0, import_typed_classname25.clsx)("hds-navbar", variant && `hds-navbar--${variant}`, className),
+        ref
+      }, rest), {
+        children
+      })
+    );
   }
 );
 Navbar.displayName = "Navbar";
@@ -1271,6 +1280,26 @@ var NavbarLogo = (0, import_react22.forwardRef)(
   }
 );
 NavbarLogo.displayName = "Navbar.Logo";
+var NavbarLogoAndServiceText = (0, import_react22.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { children, asChild, variant, className } = _b, rest = __objRest(_b, ["children", "asChild", "variant", "className"]);
+    const Component = asChild ? import_react_slot.Slot : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      Component,
+      __spreadProps(__spreadValues({
+        ref,
+        className: (0, import_typed_classname25.clsx)(
+          "hds-navbar__logo-and-service-text",
+          `hds-navbar__logo-and-service-text--${variant}`,
+          className
+        )
+      }, rest), {
+        children
+      })
+    );
+  }
+);
+NavbarLogoAndServiceText.displayName = "Navbar.NavbarLogoAndText";
 var NavbarButton = (0, import_react22.forwardRef)(
   (_a, ref) => {
     var _b = _a, { as: Component = "button", children, icon, className } = _b, rest = __objRest(_b, ["as", "children", "icon", "className"]);
@@ -1488,6 +1517,7 @@ NavbarExpandableMenuComponent.Trigger = NavbarExpandableMenuTrigger;
 NavbarExpandableMenuComponent.Content = NavbarExpandableMenuContent;
 var NavbarComponent = Navbar;
 NavbarComponent.Logo = NavbarLogo;
+NavbarComponent.LogoAndServiceText = NavbarLogoAndServiceText;
 NavbarComponent.ExpandableMenu = NavbarExpandableMenuComponent;
 NavbarComponent.Button = NavbarButton;
 NavbarComponent.Navigation = NavbarNavigation;
@@ -1548,6 +1578,7 @@ var AutoAnimateHeight = (0, import_react24.forwardRef)(
       __spreadProps(__spreadValues({
         ref,
         style: __spreadValues({
+          position: "relative",
           overflow: "hidden",
           height,
           transitionProperty: "height",
@@ -1578,40 +1609,68 @@ AutoAnimateHeight.displayName = "AutoAnimateHeight";
 
 // src/show-more/show-more.tsx
 var import_typed_classname27 = require("@postenbring/hedwig-css/typed-classname");
+var import_react25 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
-function ShowMoreButton(_a) {
-  var _b = _a, { text, variant, expanded, className } = _b, rest = __objRest(_b, ["text", "variant", "expanded", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-    "button",
-    __spreadProps(__spreadValues({
-      className: (0, import_typed_classname27.clsx)(
-        "hds-show-more",
-        variant === "show-more-show-less" && "hds-show-more--show-less",
-        className
-      ),
-      "data-state": expanded ? "expanded" : void 0,
-      type: "button"
-    }, rest), {
-      children: [
-        text,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: (0, import_typed_classname27.clsx)("hds-show-more__icon") })
-      ]
-    })
-  );
-}
+var ShowMoreButton = (0, import_react25.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { text, variant, expanded, className } = _b, rest = __objRest(_b, ["text", "variant", "expanded", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      "button",
+      __spreadProps(__spreadValues({
+        ref,
+        className: (0, import_typed_classname27.clsx)(
+          "hds-show-more",
+          variant === "show-more-show-less" && "hds-show-more--show-less",
+          className
+        ),
+        "data-state": expanded ? "expanded" : void 0,
+        type: "button"
+      }, rest), {
+        children: [
+          text,
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: (0, import_typed_classname27.clsx)("hds-show-more__icon") })
+        ]
+      })
+    );
+  }
+);
+ShowMoreButton.displayName = "ShowMoreButton";
 
 // src/skeleton/skeleton.tsx
 var React11 = require("react");
 var import_typed_classname28 = require("@postenbring/hedwig-css/typed-classname");
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var Skeleton = (0, import_react25.forwardRef)(
+var Skeleton = (0, import_react26.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "div", children, variant = "text", width, height, className, style } = _b, rest = __objRest(_b, ["as", "children", "variant", "width", "height", "className", "style"]);
+    var _b = _a, {
+      as: Component = "div",
+      children,
+      animation,
+      variant = "text",
+      width,
+      height,
+      className,
+      style
+    } = _b, rest = __objRest(_b, [
+      "as",
+      "children",
+      "animation",
+      "variant",
+      "width",
+      "height",
+      "className",
+      "style"
+    ]);
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       Component,
       __spreadProps(__spreadValues({
-        className: (0, import_typed_classname28.clsx)("hds-skeleton", `hds-skeleton--${variant}`, className),
+        className: (0, import_typed_classname28.clsx)(
+          "hds-skeleton",
+          `hds-skeleton--${variant}`,
+          !animation && `hds-skeleton--no-animation`,
+          className
+        ),
         style: __spreadProps(__spreadValues({}, style), { width, height }),
         ref,
         "aria-hidden": true
@@ -1625,41 +1684,54 @@ Skeleton.displayName = "Skeleton";
 
 // src/step-indicator/step-indicator.tsx
 var import_typed_classname29 = require("@postenbring/hedwig-css/typed-classname");
+var import_react27 = require("react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
-function StepIndicator(_a) {
-  var _b = _a, {
-    activeStep,
-    totalSteps,
-    className,
-    label,
-    lang = "en",
-    title,
-    titleAs: TitleComponent
-  } = _b, rest = __objRest(_b, [
-    "activeStep",
-    "totalSteps",
-    "className",
-    "label",
-    "lang",
-    "title",
-    "titleAs"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", __spreadProps(__spreadValues({ className: (0, import_typed_classname29.clsx)("hds-step-indicator", className), lang }, rest), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_typed_classname29.clsx)("hds-step-indicator__header"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: (0, import_typed_classname29.clsx)("hds-step-indicator__left-label"), children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: stepLabelTranslations[lang](activeStep, totalSteps) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: (0, import_typed_classname29.clsx)("hds-step-indicator__steps"), children: Array.from({ length: totalSteps }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var StepIndicator = (0, import_react27.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, {
+      activeStep,
+      totalSteps,
+      className,
+      label,
+      lang = "en",
+      title,
+      titleAs: TitleComponent
+    } = _b, rest = __objRest(_b, [
+      "activeStep",
+      "totalSteps",
+      "className",
+      "label",
+      "lang",
+      "title",
+      "titleAs"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
       "div",
-      {
-        className: (0, import_typed_classname29.clsx)("hds-step-indicator__step"),
-        "data-state": getStepState(i + 1, activeStep)
-      },
-      i
-    )) }),
-    title ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TitleComponent, { className: (0, import_typed_classname29.clsx)("hds-step-indicator__title"), children: title }) : null
-  ] }));
-}
+      __spreadProps(__spreadValues({
+        ref,
+        className: (0, import_typed_classname29.clsx)("hds-step-indicator", className),
+        lang
+      }, rest), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_typed_classname29.clsx)("hds-step-indicator__header"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: (0, import_typed_classname29.clsx)("hds-step-indicator__left-label"), children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: stepLabelTranslations[lang](activeStep, totalSteps) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: (0, import_typed_classname29.clsx)("hds-step-indicator__steps"), children: Array.from({ length: totalSteps }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "div",
+            {
+              className: (0, import_typed_classname29.clsx)("hds-step-indicator__step"),
+              "data-state": getStepState(i + 1, activeStep)
+            },
+            i
+          )) }),
+          title ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TitleComponent, { className: (0, import_typed_classname29.clsx)("hds-step-indicator__title"), children: title }) : null
+        ]
+      })
+    );
+  }
+);
+StepIndicator.displayName = "StepIndicator";
 var stepLabelTranslations = {
   no: (activeStep, totalSteps) => `steg ${activeStep} av ${totalSteps}`,
   en: (activeStep, totalSteps) => `step ${activeStep} of ${totalSteps}`,
@@ -1677,10 +1749,10 @@ function getStepState(renderedStep, activeStep) {
 }
 
 // src/styled-html/styled-html.tsx
-var import_react26 = require("react");
+var import_react28 = require("react");
 var import_typed_classname30 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var StyledHtml = (0, import_react26.forwardRef)(
+var StyledHtml = (0, import_react28.forwardRef)(
   (_a, ref) => {
     var _b = _a, { as: Component = "div", children, size, darkmode = false, className } = _b, rest = __objRest(_b, ["as", "children", "size", "darkmode", "className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
@@ -1702,12 +1774,12 @@ var StyledHtml = (0, import_react26.forwardRef)(
 StyledHtml.displayName = "StyledHtml";
 
 // src/tabs/tabs.tsx
-var import_react28 = require("react");
+var import_react30 = require("react");
 var import_typed_classname31 = require("@postenbring/hedwig-css/typed-classname");
 
 // src/tabs/context.ts
-var import_react27 = require("react");
-var TabsContext = (0, import_react27.createContext)({
+var import_react29 = require("react");
+var TabsContext = (0, import_react29.createContext)({
   mounted: false,
   activeTabId: void 0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Added default section, without handling
@@ -1717,10 +1789,10 @@ var TabsContext = (0, import_react27.createContext)({
 
 // src/tabs/tabs.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var Tabs = (0, import_react28.forwardRef)(
+var Tabs = (0, import_react30.forwardRef)(
   (_a, ref) => {
     var _b = _a, { as: Component = "div", defaultTab, children } = _b, rest = __objRest(_b, ["as", "defaultTab", "children"]);
-    const [activeTabId, setActiveTabId] = (0, import_react28.useState)(defaultTab);
+    const [activeTabId, setActiveTabId] = (0, import_react30.useState)(defaultTab);
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Component, __spreadProps(__spreadValues({ className: (0, import_typed_classname31.clsx)("hds-tabs"), ref }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       TabsContext.Provider,
       {
@@ -1733,12 +1805,12 @@ var Tabs = (0, import_react28.forwardRef)(
 Tabs.displayName = "Tabs";
 
 // src/tabs/tabs-list.tsx
-var import_react29 = require("react");
+var import_react31 = require("react");
 var import_typed_classname32 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function TabsList(_a) {
   var _b = _a, { children, direction = "horizontal", className } = _b, rest = __objRest(_b, ["children", "direction", "className"]);
-  const tabsListRef = (0, import_react29.useRef)(null);
+  const tabsListRef = (0, import_react31.useRef)(null);
   const { width: tabsWidth } = useResize(tabsListRef);
   const { innerWidth } = window;
   const wideEnough = innerWidth >= tabsWidth;
@@ -1763,10 +1835,10 @@ function TabsList(_a) {
   );
 }
 TabsList.displayName = "Tabs.List";
-var Tab = (0, import_react29.forwardRef)(
+var Tab = (0, import_react31.forwardRef)(
   (_a, ref) => {
     var _b = _a, { as: Component = "button", children, tabId, className, onClick } = _b, rest = __objRest(_b, ["as", "children", "tabId", "className", "onClick"]);
-    const context = (0, import_react29.useContext)(TabsContext);
+    const context = (0, import_react31.useContext)(TabsContext);
     if (!context.mounted) {
       throw new Error("Context required. Did you use <TabContent/> outside of <Tabs/>?");
     }
@@ -1796,7 +1868,7 @@ var Tab = (0, import_react29.forwardRef)(
 Tab.displayName = "Tabs.Tab";
 
 // src/tabs/tabs-content.tsx
-var import_react30 = require("react");
+var import_react32 = require("react");
 var import_typed_classname33 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function TabsContents(_a) {
@@ -1804,10 +1876,10 @@ function TabsContents(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", __spreadProps(__spreadValues({ className: (0, import_typed_classname33.clsx)("hds-tabs--contents") }, rest), { children }));
 }
 TabsContents.displayName = "Tabs.Contents";
-var TabsContent = (0, import_react30.forwardRef)(
+var TabsContent = (0, import_react32.forwardRef)(
   (_a, ref) => {
     var _b = _a, { as: Component = "div", forTabId, children } = _b, rest = __objRest(_b, ["as", "forTabId", "children"]);
-    const context = (0, import_react30.useContext)(TabsContext);
+    const context = (0, import_react32.useContext)(TabsContext);
     if (!context.mounted) {
       throw new Error("Context required. Did you use <Tabs.Content /> outside of <Tabs/>?");
     }
@@ -1827,7 +1899,7 @@ TabsComponent.Contents = TabsContents;
 TabsComponent.Content = TabsContent;
 
 // src/text/text.tsx
-var import_react31 = require("react");
+var import_react33 = require("react");
 var import_typed_classname34 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var defaultHTMLTag = {
@@ -1845,7 +1917,7 @@ var defaultHTMLTag = {
   caption: "p",
   "caption-title": "p"
 };
-var Text = (0, import_react31.forwardRef)(
+var Text = (0, import_react33.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       as,
@@ -1921,10 +1993,10 @@ function textVariant(variant, displayName) {
 }
 
 // src/warning-banner/warning-banner.tsx
-var import_react32 = require("react");
+var import_react34 = require("react");
 var import_typed_classname35 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime39 = require("react/jsx-runtime");
-var WarningBanner = (0, import_react32.forwardRef)(
+var WarningBanner = (0, import_react34.forwardRef)(
   (_a, ref) => {
     var _b = _a, { title, description, className } = _b, rest = __objRest(_b, ["title", "description", "className"]);
     const expandable = !!description;
@@ -1935,7 +2007,7 @@ var WarningBanner = (0, import_react32.forwardRef)(
   }
 );
 WarningBanner.displayName = "WarningBanner";
-var WarningBannerTitle = (0, import_react32.forwardRef)(
+var WarningBannerTitle = (0, import_react34.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       variant,
@@ -1948,7 +2020,7 @@ var WarningBannerTitle = (0, import_react32.forwardRef)(
       "children",
       "className"
     ]);
-    const [open, setOpen] = (0, import_react32.useState)(false);
+    const [open, setOpen] = (0, import_react34.useState)(false);
     if (variant === "expandable") {
       return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         Component,
@@ -1981,7 +2053,7 @@ var WarningBannerTitle = (0, import_react32.forwardRef)(
   }
 );
 WarningBannerTitle.displayName = "WarningBannerTitle";
-var WarningBannerDescription = (0, import_react32.forwardRef)(
+var WarningBannerDescription = (0, import_react34.forwardRef)(
   (_a, ref) => {
     var _b = _a, { as: Component = "p", className } = _b, rest = __objRest(_b, ["as", "className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(