@telia/teddy 0.0.40 → 0.0.42

package/dist/components/drawer/drawer-close.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
+const drawer_module = require("../../drawer.module-BymzBnov.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 require("../../assets/sprite.269ba410-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");

package/dist/components/drawer/drawer-close.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-BNPErv-x.js";
+import { s as styles } from "../../drawer.module-BC0junNQ.js";
 import { rootClassName } from "./drawer-root.js";
 import "../../assets/sprite.269ba410-teddy.svg";
 import { Icon } from "../icon/icon.js";

package/dist/components/drawer/drawer-content.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
+const drawer_module = require("../../drawer.module-BymzBnov.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_drawer_drawerOverlay = require("./drawer-overlay.cjs");
 const components_flex_flex = require("../flex/flex.cjs");

package/dist/components/drawer/drawer-content.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-BNPErv-x.js";
+import { s as styles } from "../../drawer.module-BC0junNQ.js";
 import { rootClassName } from "./drawer-root.js";
 import { OverlayContext, Overlay } from "./drawer-overlay.js";
 import { Flex } from "../flex/flex.js";

package/dist/components/drawer/drawer-description.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
+const drawer_module = require("../../drawer.module-BymzBnov.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_text_text = require("../text/text.cjs");
 function _interopNamespaceDefault(e) {

package/dist/components/drawer/drawer-description.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-BNPErv-x.js";
+import { s as styles } from "../../drawer.module-BC0junNQ.js";
 import { rootClassName } from "./drawer-root.js";
 import { Text } from "../text/text.js";
 const DescriptionContext = React__default.createContext(false);

package/dist/components/drawer/drawer-footer.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
-const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
+const drawer_module = require("../../drawer.module-BymzBnov.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_flex_flex = require("../flex/flex.cjs");
 const Footer = React.forwardRef(

package/dist/components/drawer/drawer-footer.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
-import { s as styles } from "../../drawer.module-BNPErv-x.js";
+import { s as styles } from "../../drawer.module-BC0junNQ.js";
 import { rootClassName } from "./drawer-root.js";
 import { Flex } from "../flex/flex.js";
 const Footer = React__default.forwardRef(

package/dist/components/drawer/drawer-overlay.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
+const drawer_module = require("../../drawer.module-BymzBnov.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/components/drawer/drawer-overlay.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-BNPErv-x.js";
+import { s as styles } from "../../drawer.module-BC0junNQ.js";
 import { rootClassName } from "./drawer-root.js";
 const OverlayContext = React__default.createContext(false);
 const Overlay = React__default.forwardRef(

package/dist/components/drawer/drawer-title.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
+const drawer_module = require("../../drawer.module-BymzBnov.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_heading_heading = require("../heading/heading.cjs");
 function _interopNamespaceDefault(e) {

package/dist/components/drawer/drawer-title.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-BNPErv-x.js";
+import { s as styles } from "../../drawer.module-BC0junNQ.js";
 import { rootClassName } from "./drawer-root.js";
 import { Heading } from "../heading/heading.js";
 const Title = React__default.forwardRef(

package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs

@@ -484,23 +484,13 @@ function Root({
   onCartOpenChange,
   drawerSize = "md",
   isSimplified,
-  initialDomain = "Privat",
-  initialMenuItem,
+  currentPath,
   ...props
 }) {
-  const [selectedMenuItem, setSelectedMenuItem] = React.useState(initialMenuItem);
-  const [selectedDomainItem, setSelectedDomainItem] = React.useState(initialDomain);
+  const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem(currentPath));
+  const [selectedDomainItem, setSelectedDomainItem] = React.useState(getInitialDomain(currentPath));
   const [pathname, setPathname] = React.useState("");
   const classes = clsx([styles[`${rootClassName}`]], className);
-  React.useEffect(() => {
-    setPathname(window.location.pathname);
-    if (!initialDomain) {
-      setSelectedDomainItem(getInitialDomain());
-    }
-    if (!initialMenuItem) {
-      setSelectedMenuItem(getInitialMenuItem());
-    }
-  }, []);
   return /* @__PURE__ */ jsxRuntime.jsx(
     RootContext.Provider,
     {
@@ -549,22 +539,20 @@ function Root({
   );
 }
 Root.displayName = "Root";
-function getInitialDomain() {
-  const currentLocation = typeof window !== "undefined" ? window.location.pathname : null;
+function getInitialDomain(currentLocation) {
   if (!currentLocation)
     return components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.name;
   const locationArray = currentLocation ? currentLocation.split("/") : [];
-  const domainPartOfLocation = `/${locationArray[1]}/`;
+  const domainPartOfLocation = `/${locationArray[1].toLowerCase()}/`;
   const initDomain = domainPartOfLocation === components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.link ? components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.name : domainPartOfLocation === components_navigationMenu_globalNavigation_utils.MDU_LINKS.link ? components_navigationMenu_globalNavigation_utils.MDU_LINKS.name : components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.name;
   return initDomain;
 }
-function getInitialMenuItem() {
+function getInitialMenuItem(currentLocation) {
   var _a, _b, _c;
-  const currentLocation = typeof window !== "undefined" ? window.location.pathname : null;
   if (!currentLocation)
     return;
   const locationArray = currentLocation ? currentLocation.split("/") : [];
-  const initialDomain = getInitialDomain();
+  const initialDomain = getInitialDomain(currentLocation);
   if (initialDomain === "Bedrift") {
     const mainMenuPartOfLocation2 = locationArray[2];
     return (_a = components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.links.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`)) == null ? void 0 : _a.name;

package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default, { useEffect } from "react";
+import React__default from "react";
 import clsx from "clsx";
 import { MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, LINKS, PRIVATE_LINKS, BUSINESS_LINKS, MDU_LINKS } from "./utils.js";
 import { NavigationMenu } from "../navigation-menu.js";
@@ -482,23 +482,13 @@ function Root({
   onCartOpenChange,
   drawerSize = "md",
   isSimplified,
-  initialDomain = "Privat",
-  initialMenuItem,
+  currentPath,
   ...props
 }) {
-  const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(initialMenuItem);
-  const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(initialDomain);
+  const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(getInitialMenuItem(currentPath));
+  const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(getInitialDomain(currentPath));
   const [pathname, setPathname] = React__default.useState("");
   const classes = clsx([styles[`${rootClassName}`]], className);
-  useEffect(() => {
-    setPathname(window.location.pathname);
-    if (!initialDomain) {
-      setSelectedDomainItem(getInitialDomain());
-    }
-    if (!initialMenuItem) {
-      setSelectedMenuItem(getInitialMenuItem());
-    }
-  }, []);
   return /* @__PURE__ */ jsx(
     RootContext.Provider,
     {
@@ -547,22 +537,20 @@ function Root({
   );
 }
 Root.displayName = "Root";
-function getInitialDomain() {
-  const currentLocation = typeof window !== "undefined" ? window.location.pathname : null;
+function getInitialDomain(currentLocation) {
   if (!currentLocation)
     return PRIVATE_LINKS.name;
   const locationArray = currentLocation ? currentLocation.split("/") : [];
-  const domainPartOfLocation = `/${locationArray[1]}/`;
+  const domainPartOfLocation = `/${locationArray[1].toLowerCase()}/`;
   const initDomain = domainPartOfLocation === BUSINESS_LINKS.link ? BUSINESS_LINKS.name : domainPartOfLocation === MDU_LINKS.link ? MDU_LINKS.name : PRIVATE_LINKS.name;
   return initDomain;
 }
-function getInitialMenuItem() {
+function getInitialMenuItem(currentLocation) {
   var _a, _b, _c;
-  const currentLocation = typeof window !== "undefined" ? window.location.pathname : null;
   if (!currentLocation)
     return;
   const locationArray = currentLocation ? currentLocation.split("/") : [];
-  const initialDomain = getInitialDomain();
+  const initialDomain = getInitialDomain(currentLocation);
   if (initialDomain === "Bedrift") {
     const mainMenuPartOfLocation2 = locationArray[2];
     return (_a = BUSINESS_LINKS.links.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`)) == null ? void 0 : _a.name;

package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts

@@ -17,8 +17,7 @@ export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
     onCartOpenChange?: (open: boolean) => void;
     drawerSize: 'md' | 'lg';
     isSimplified?: boolean;
-    initialDomain?: 'Privat' | 'Bedrift' | 'Borettslag';
-    initialMenuItem?: string;
+    currentPath: string | undefined;
 };
 type RootContext = {
     selectedMenuItem: string | undefined;
@@ -29,7 +28,7 @@ type RootContext = {
     setPathname: (v: string) => void;
 } & Pick<RootProps, 'onSearchSubmit' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize'>;
 export declare const RootContext: React.Context<RootContext | null>;
-export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, isCartOpen, onCartOpenChange, drawerSize, isSimplified, initialDomain, initialMenuItem, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, isCartOpen, onCartOpenChange, drawerSize, isSimplified, currentPath, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }

package/dist/components/navigation-menu/global-navigation/utils.cjs

@@ -110,7 +110,8 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Hjelp Mobil",
-          link: "/mobil/hjelp/",
+          // link: '/mobil/hjelp/',
+          link: "/kundeservice/mobil/",
           appKey: APP_KEYS["open-pages"]
         }
       ]
@@ -157,7 +158,8 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Hjelp TV",
-          link: "/tv/hjelp/",
+          // link: '/tv/hjelp/',
+          link: "/kundeservice/tv/",
           appKey: APP_KEYS["open-pages"]
         }
       ]
@@ -199,7 +201,8 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Hjelp Internett",
-          link: "/internett/hjelp/",
+          // link: '/internett/hjelp/',
+          link: "/kundeservice/internett/",
           appKey: APP_KEYS["open-pages"]
         }
       ]
@@ -211,27 +214,37 @@ const PRIVATE_LINKS = {
       links: [
         {
           name: "Hjelp Mobil",
-          link: "/mobil/hjelp/",
+          link: "/kundeservice/mobil/",
+          // link: '/mobil/hjelp/',
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Hjelp Internett",
-          link: "/internett/hjelp/",
+          // link: '/internett/hjelp/',
+          link: "/kundeservice/internett/",
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Hjelp TV",
-          link: "/tv/hjelp/",
+          // link: '/tv/hjelp/',
+          link: "/kundeservice/tv/",
+          appKey: APP_KEYS["open-pages"]
+        },
+        {
+          name: "Faktura",
+          link: "/kundeservice/faktura/",
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Flytting",
-          link: "/hjelp/flytting/",
+          // link: '/hjelp/flytting/',
+          link: "/kundeservice/flytting/",
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Finn butikk",
-          link: "/hjelp/butikker/",
+          // link: '/hjelp/butikker/',
+          link: "/kundeservice/butikker-og-forhandlere/",
           appKey: APP_KEYS["open-pages"]
         }
         // {

package/dist/components/navigation-menu/global-navigation/utils.d.ts

@@ -156,7 +156,7 @@ export declare const PRIVATE_LINKS: {
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp Mobil";
-            readonly link: "/mobil/hjelp/";
+            readonly link: "/kundeservice/mobil/";
             readonly appKey: "open-pages";
         }];
     }, {
@@ -177,7 +177,7 @@ export declare const PRIVATE_LINKS: {
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp TV";
-            readonly link: "/tv/hjelp/";
+            readonly link: "/kundeservice/tv/";
             readonly appKey: "open-pages";
         }];
     }, {
@@ -210,7 +210,7 @@ export declare const PRIVATE_LINKS: {
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp Internett";
-            readonly link: "/internett/hjelp/";
+            readonly link: "/kundeservice/internett/";
             readonly appKey: "open-pages";
         }];
     }, {
@@ -219,23 +219,27 @@ export declare const PRIVATE_LINKS: {
         readonly appKey: "open-pages";
         readonly links: readonly [{
             readonly name: "Hjelp Mobil";
-            readonly link: "/mobil/hjelp/";
+            readonly link: "/kundeservice/mobil/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp Internett";
-            readonly link: "/internett/hjelp/";
+            readonly link: "/kundeservice/internett/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp TV";
-            readonly link: "/tv/hjelp/";
+            readonly link: "/kundeservice/tv/";
+            readonly appKey: "open-pages";
+        }, {
+            readonly name: "Faktura";
+            readonly link: "/kundeservice/faktura/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Flytting";
-            readonly link: "/hjelp/flytting/";
+            readonly link: "/kundeservice/flytting/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Finn butikk";
-            readonly link: "/hjelp/butikker/";
+            readonly link: "/kundeservice/butikker-og-forhandlere/";
             readonly appKey: "open-pages";
         }];
     }];
@@ -350,7 +354,7 @@ export declare const LINKS: readonly [{
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp Mobil";
-            readonly link: "/mobil/hjelp/";
+            readonly link: "/kundeservice/mobil/";
             readonly appKey: "open-pages";
         }];
     }, {
@@ -371,7 +375,7 @@ export declare const LINKS: readonly [{
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp TV";
-            readonly link: "/tv/hjelp/";
+            readonly link: "/kundeservice/tv/";
             readonly appKey: "open-pages";
         }];
     }, {
@@ -404,7 +408,7 @@ export declare const LINKS: readonly [{
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp Internett";
-            readonly link: "/internett/hjelp/";
+            readonly link: "/kundeservice/internett/";
             readonly appKey: "open-pages";
         }];
     }, {
@@ -413,23 +417,27 @@ export declare const LINKS: readonly [{
         readonly appKey: "open-pages";
         readonly links: readonly [{
             readonly name: "Hjelp Mobil";
-            readonly link: "/mobil/hjelp/";
+            readonly link: "/kundeservice/mobil/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp Internett";
-            readonly link: "/internett/hjelp/";
+            readonly link: "/kundeservice/internett/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp TV";
-            readonly link: "/tv/hjelp/";
+            readonly link: "/kundeservice/tv/";
+            readonly appKey: "open-pages";
+        }, {
+            readonly name: "Faktura";
+            readonly link: "/kundeservice/faktura/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Flytting";
-            readonly link: "/hjelp/flytting/";
+            readonly link: "/kundeservice/flytting/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Finn butikk";
-            readonly link: "/hjelp/butikker/";
+            readonly link: "/kundeservice/butikker-og-forhandlere/";
             readonly appKey: "open-pages";
         }];
     }];

package/dist/components/navigation-menu/global-navigation/utils.js

@@ -108,7 +108,8 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Hjelp Mobil",
-          link: "/mobil/hjelp/",
+          // link: '/mobil/hjelp/',
+          link: "/kundeservice/mobil/",
           appKey: APP_KEYS["open-pages"]
         }
       ]
@@ -155,7 +156,8 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Hjelp TV",
-          link: "/tv/hjelp/",
+          // link: '/tv/hjelp/',
+          link: "/kundeservice/tv/",
           appKey: APP_KEYS["open-pages"]
         }
       ]
@@ -197,7 +199,8 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Hjelp Internett",
-          link: "/internett/hjelp/",
+          // link: '/internett/hjelp/',
+          link: "/kundeservice/internett/",
           appKey: APP_KEYS["open-pages"]
         }
       ]
@@ -209,27 +212,37 @@ const PRIVATE_LINKS = {
       links: [
         {
           name: "Hjelp Mobil",
-          link: "/mobil/hjelp/",
+          link: "/kundeservice/mobil/",
+          // link: '/mobil/hjelp/',
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Hjelp Internett",
-          link: "/internett/hjelp/",
+          // link: '/internett/hjelp/',
+          link: "/kundeservice/internett/",
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Hjelp TV",
-          link: "/tv/hjelp/",
+          // link: '/tv/hjelp/',
+          link: "/kundeservice/tv/",
+          appKey: APP_KEYS["open-pages"]
+        },
+        {
+          name: "Faktura",
+          link: "/kundeservice/faktura/",
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Flytting",
-          link: "/hjelp/flytting/",
+          // link: '/hjelp/flytting/',
+          link: "/kundeservice/flytting/",
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Finn butikk",
-          link: "/hjelp/butikker/",
+          // link: '/hjelp/butikker/',
+          link: "/kundeservice/butikker-og-forhandlere/",
           appKey: APP_KEYS["open-pages"]
         }
         // {

package/dist/drawer.module-BC0junNQ.js

@@ -0,0 +1,16 @@
+const styles = {
+  "teddy-drawer__overlay": "_teddy-drawer__overlay_1aop2_26",
+  "teddy-overlay-no-op": "_teddy-overlay-no-op_1aop2_1",
+  "teddy-fade-in": "_teddy-fade-in_1aop2_1",
+  "teddy-fade-out": "_teddy-fade-out_1aop2_1",
+  "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_1aop2_59",
+  "teddy-drawer__content": "_teddy-drawer__content_1aop2_65",
+  "teddy-drawer__title": "_teddy-drawer__title_1aop2_69",
+  "drawer-content-show": "_drawer-content-show_1aop2_1",
+  "drawer-content-hide": "_drawer-content-hide_1aop2_1",
+  "teddy-drawer__content--lg": "_teddy-drawer__content--lg_1aop2_100",
+  "teddy-drawer__close--floating": "_teddy-drawer__close--floating_1aop2_105"
+};
+export {
+  styles as s
+};

package/dist/drawer.module-BymzBnov.cjs

@@ -0,0 +1,15 @@
+"use strict";
+const styles = {
+  "teddy-drawer__overlay": "_teddy-drawer__overlay_1aop2_26",
+  "teddy-overlay-no-op": "_teddy-overlay-no-op_1aop2_1",
+  "teddy-fade-in": "_teddy-fade-in_1aop2_1",
+  "teddy-fade-out": "_teddy-fade-out_1aop2_1",
+  "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_1aop2_59",
+  "teddy-drawer__content": "_teddy-drawer__content_1aop2_65",
+  "teddy-drawer__title": "_teddy-drawer__title_1aop2_69",
+  "drawer-content-show": "_drawer-content-show_1aop2_1",
+  "drawer-content-hide": "_drawer-content-hide_1aop2_1",
+  "teddy-drawer__content--lg": "_teddy-drawer__content--lg_1aop2_100",
+  "teddy-drawer__close--floating": "_teddy-drawer__close--floating_1aop2_105"
+};
+exports.styles = styles;

package/dist/style.css

@@ -1020,7 +1020,7 @@
     transform: rotate(180deg);
   }
 }@layer reset, flex, button, link, heading, drawer;
-@keyframes _teddy-fade-in_ugum0_1 {
+@keyframes _teddy-fade-in_1aop2_1 {
   from {
     opacity: 0;
   }
@@ -1028,7 +1028,7 @@
     opacity: 1;
   }
 }
-@keyframes _teddy-fade-out_ugum0_1 {
+@keyframes _teddy-fade-out_1aop2_1 {
   from {
     opacity: 1;
   }
@@ -1036,7 +1036,7 @@
     opacity: 0;
   }
 }
-@keyframes _teddy-overlay-no-op_ugum0_1 {
+@keyframes _teddy-overlay-no-op_1aop2_1 {
   from {
     opacity: 1;
   }
@@ -1044,11 +1044,11 @@
     opacity: 1;
   }
 }
-._teddy-drawer__overlay_ugum0_26 {
+._teddy-drawer__overlay_1aop2_26 {
   box-sizing: border-box;
 }
 @layer drawer {
-  ._teddy-drawer__overlay_ugum0_26 {
+  ._teddy-drawer__overlay_1aop2_26 {
     box-sizing: border-box;
     position: fixed;
     inset: 0;
@@ -1057,43 +1057,44 @@
     z-index: 40;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-drawer__overlay_ugum0_26 {
+    ._teddy-drawer__overlay_1aop2_26 {
       /* Keep the overlay mounted until the children have animated */
     }
-    ._teddy-drawer__overlay_ugum0_26:where([data-state=closed]) {
-      animation: _teddy-overlay-no-op_ugum0_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+    ._teddy-drawer__overlay_1aop2_26:where([data-state=closed]) {
+      animation: _teddy-overlay-no-op_1aop2_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
     }
-    ._teddy-drawer__overlay_ugum0_26:where([data-state=open])::before {
-      animation: _teddy-fade-in_ugum0_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
+    ._teddy-drawer__overlay_1aop2_26:where([data-state=open])::before {
+      animation: _teddy-fade-in_1aop2_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
     }
-    ._teddy-drawer__overlay_ugum0_26:where([data-state=closed])::before {
-      animation: _teddy-fade-out_ugum0_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+    ._teddy-drawer__overlay_1aop2_26:where([data-state=closed])::before {
+      animation: _teddy-fade-out_1aop2_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
     }
   }
-  ._teddy-drawer__overlay_ugum0_26::before {
+  ._teddy-drawer__overlay_1aop2_26::before {
     position: fixed;
     content: "";
     inset: 0;
     background-color: var(--teddy-color-overlay-default);
   }
-  ._teddy-drawer__overlay--container_ugum0_59 {
+  ._teddy-drawer__overlay--container_1aop2_59 {
     position: absolute;
   }
-  ._teddy-drawer__overlay--container_ugum0_59::before {
+  ._teddy-drawer__overlay--container_1aop2_59::before {
     position: absolute;
   }
-  ._teddy-drawer__overlay--container_ugum0_59 ._teddy-drawer__content_ugum0_65 {
+  ._teddy-drawer__overlay--container_1aop2_59 ._teddy-drawer__content_1aop2_65 {
     position: absolute;
     inset: 0;
   }
-  ._teddy-drawer__title_ugum0_69 {
+  ._teddy-drawer__title_1aop2_69 {
     position: sticky;
-    padding-top: var(--teddy-spacing-300);
+    padding: var(--teddy-spacing-300) 0 var(--teddy-spacing-200);
     background-color: var(--teddy-color-background-primary);
-    top: -1.5rem;
-    margin-top: -1.5rem;
+    top: calc(-1 * var(--teddy-spacing-300));
+    margin: calc(-1 * var(--teddy-spacing-300)) 0;
+    z-index: 2;
   }
-  ._teddy-drawer__content_ugum0_65 {
+  ._teddy-drawer__content_1aop2_65 {
     background-color: var(--teddy-color-background-primary);
     box-shadow: var(--teddy-shadow-lg);
     z-index: 40;
@@ -1109,26 +1110,26 @@
     min-width: min(100%, 400px);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-drawer__content_ugum0_65:where([data-state=open]) {
-      animation: _drawer-content-show_ugum0_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
+    ._teddy-drawer__content_1aop2_65:where([data-state=open]) {
+      animation: _drawer-content-show_1aop2_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
     }
-    ._teddy-drawer__content_ugum0_65:where([data-state=closed]) {
-      animation: _drawer-content-hide_ugum0_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
+    ._teddy-drawer__content_1aop2_65:where([data-state=closed]) {
+      animation: _drawer-content-hide_1aop2_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
     }
   }
-  ._teddy-drawer__content--lg_ugum0_99 {
+  ._teddy-drawer__content--lg_1aop2_100 {
     min-width: min(100%, 30rem);
     width: 30vw;
     max-width: initial;
   }
-  ._teddy-drawer__close--floating_ugum0_104 {
+  ._teddy-drawer__close--floating_1aop2_105 {
     position: fixed;
-    z-index: 2;
+    z-index: 3;
     top: var(--teddy-spacing-200);
     right: var(--teddy-spacing-200);
   }
 }
-@keyframes _drawer-content-show_ugum0_1 {
+@keyframes _drawer-content-show_1aop2_1 {
   from {
     transform: translateX(100%);
   }
@@ -1136,7 +1137,7 @@
     transform: translateX(0px);
   }
 }
-@keyframes _drawer-content-hide_ugum0_1 {
+@keyframes _drawer-content-hide_1aop2_1 {
   from {
     transform: translateX(0px);
   }

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.40",
+  "version": "0.0.42",
   "sideEffects": [
     "**/*.css"
   ],

package/dist/drawer.module-BNPErv-x.js

@@ -1,16 +0,0 @@
-const styles = {
-  "teddy-drawer__overlay": "_teddy-drawer__overlay_ugum0_26",
-  "teddy-overlay-no-op": "_teddy-overlay-no-op_ugum0_1",
-  "teddy-fade-in": "_teddy-fade-in_ugum0_1",
-  "teddy-fade-out": "_teddy-fade-out_ugum0_1",
-  "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_ugum0_59",
-  "teddy-drawer__content": "_teddy-drawer__content_ugum0_65",
-  "teddy-drawer__title": "_teddy-drawer__title_ugum0_69",
-  "drawer-content-show": "_drawer-content-show_ugum0_1",
-  "drawer-content-hide": "_drawer-content-hide_ugum0_1",
-  "teddy-drawer__content--lg": "_teddy-drawer__content--lg_ugum0_99",
-  "teddy-drawer__close--floating": "_teddy-drawer__close--floating_ugum0_104"
-};
-export {
-  styles as s
-};

package/dist/drawer.module-CTowTFmf.cjs

@@ -1,15 +0,0 @@
-"use strict";
-const styles = {
-  "teddy-drawer__overlay": "_teddy-drawer__overlay_ugum0_26",
-  "teddy-overlay-no-op": "_teddy-overlay-no-op_ugum0_1",
-  "teddy-fade-in": "_teddy-fade-in_ugum0_1",
-  "teddy-fade-out": "_teddy-fade-out_ugum0_1",
-  "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_ugum0_59",
-  "teddy-drawer__content": "_teddy-drawer__content_ugum0_65",
-  "teddy-drawer__title": "_teddy-drawer__title_ugum0_69",
-  "drawer-content-show": "_drawer-content-show_ugum0_1",
-  "drawer-content-hide": "_drawer-content-hide_ugum0_1",
-  "teddy-drawer__content--lg": "_teddy-drawer__content--lg_ugum0_99",
-  "teddy-drawer__close--floating": "_teddy-drawer__close--floating_ugum0_104"
-};
-exports.styles = styles;