@telia/teddy 0.0.41 → 0.0.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
6
  const DrawerPrimitive = require("@radix-ui/react-dialog");
7
- const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
7
+ const drawer_module = require("../../drawer.module-BymzBnov.cjs");
8
8
  const components_drawer_drawerRoot = require("./drawer-root.cjs");
9
9
  require("../../assets/sprite.269ba410-teddy.svg");
10
10
  const components_icon_icon = require("../icon/icon.cjs");
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
4
  import * as DrawerPrimitive from "@radix-ui/react-dialog";
5
- import { s as styles } from "../../drawer.module-BNPErv-x.js";
5
+ import { s as styles } from "../../drawer.module-BC0junNQ.js";
6
6
  import { rootClassName } from "./drawer-root.js";
7
7
  import "../../assets/sprite.269ba410-teddy.svg";
8
8
  import { Icon } from "../icon/icon.js";
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
6
  const DrawerPrimitive = require("@radix-ui/react-dialog");
7
- const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
7
+ const drawer_module = require("../../drawer.module-BymzBnov.cjs");
8
8
  const components_drawer_drawerRoot = require("./drawer-root.cjs");
9
9
  const components_drawer_drawerOverlay = require("./drawer-overlay.cjs");
10
10
  const components_flex_flex = require("../flex/flex.cjs");
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
4
  import * as DrawerPrimitive from "@radix-ui/react-dialog";
5
- import { s as styles } from "../../drawer.module-BNPErv-x.js";
5
+ import { s as styles } from "../../drawer.module-BC0junNQ.js";
6
6
  import { rootClassName } from "./drawer-root.js";
7
7
  import { OverlayContext, Overlay } from "./drawer-overlay.js";
8
8
  import { Flex } from "../flex/flex.js";
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
6
  const DrawerPrimitive = require("@radix-ui/react-dialog");
7
- const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
7
+ const drawer_module = require("../../drawer.module-BymzBnov.cjs");
8
8
  const components_drawer_drawerRoot = require("./drawer-root.cjs");
9
9
  const components_text_text = require("../text/text.cjs");
10
10
  function _interopNamespaceDefault(e) {
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
4
  import * as DrawerPrimitive from "@radix-ui/react-dialog";
5
- import { s as styles } from "../../drawer.module-BNPErv-x.js";
5
+ import { s as styles } from "../../drawer.module-BC0junNQ.js";
6
6
  import { rootClassName } from "./drawer-root.js";
7
7
  import { Text } from "../text/text.js";
8
8
  const DescriptionContext = React__default.createContext(false);
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
- const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
6
+ const drawer_module = require("../../drawer.module-BymzBnov.cjs");
7
7
  const components_drawer_drawerRoot = require("./drawer-root.cjs");
8
8
  const components_flex_flex = require("../flex/flex.cjs");
9
9
  const Footer = React.forwardRef(
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
- import { s as styles } from "../../drawer.module-BNPErv-x.js";
4
+ import { s as styles } from "../../drawer.module-BC0junNQ.js";
5
5
  import { rootClassName } from "./drawer-root.js";
6
6
  import { Flex } from "../flex/flex.js";
7
7
  const Footer = React__default.forwardRef(
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
6
  const DrawerPrimitive = require("@radix-ui/react-dialog");
7
- const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
7
+ const drawer_module = require("../../drawer.module-BymzBnov.cjs");
8
8
  const components_drawer_drawerRoot = require("./drawer-root.cjs");
9
9
  function _interopNamespaceDefault(e) {
10
10
  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
4
  import * as DrawerPrimitive from "@radix-ui/react-dialog";
5
- import { s as styles } from "../../drawer.module-BNPErv-x.js";
5
+ import { s as styles } from "../../drawer.module-BC0junNQ.js";
6
6
  import { rootClassName } from "./drawer-root.js";
7
7
  const OverlayContext = React__default.createContext(false);
8
8
  const Overlay = React__default.forwardRef(
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
6
  const DrawerPrimitive = require("@radix-ui/react-dialog");
7
- const drawer_module = require("../../drawer.module-CTowTFmf.cjs");
7
+ const drawer_module = require("../../drawer.module-BymzBnov.cjs");
8
8
  const components_drawer_drawerRoot = require("./drawer-root.cjs");
9
9
  const components_heading_heading = require("../heading/heading.cjs");
10
10
  function _interopNamespaceDefault(e) {
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
4
  import * as DrawerPrimitive from "@radix-ui/react-dialog";
5
- import { s as styles } from "../../drawer.module-BNPErv-x.js";
5
+ import { s as styles } from "../../drawer.module-BC0junNQ.js";
6
6
  import { rootClassName } from "./drawer-root.js";
7
7
  import { Heading } from "../heading/heading.js";
8
8
  const Title = React__default.forwardRef(
@@ -484,23 +484,13 @@ function Root({
484
484
  onCartOpenChange,
485
485
  drawerSize = "md",
486
486
  isSimplified,
487
- initialDomain = "Privat",
488
- initialMenuItem,
487
+ currentPath,
489
488
  ...props
490
489
  }) {
491
- const [selectedMenuItem, setSelectedMenuItem] = React.useState(initialMenuItem);
492
- const [selectedDomainItem, setSelectedDomainItem] = React.useState(initialDomain);
493
- const [pathname, setPathname] = React.useState("");
490
+ const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem(currentPath));
491
+ const [selectedDomainItem, setSelectedDomainItem] = React.useState(getInitialDomain(currentPath));
492
+ const [pathname, setPathname] = React.useState(currentPath || "");
494
493
  const classes = clsx([styles[`${rootClassName}`]], className);
495
- React.useEffect(() => {
496
- setPathname(window.location.pathname);
497
- if (!initialDomain) {
498
- setSelectedDomainItem(getInitialDomain());
499
- }
500
- if (!initialMenuItem) {
501
- setSelectedMenuItem(getInitialMenuItem());
502
- }
503
- }, []);
504
494
  return /* @__PURE__ */ jsxRuntime.jsx(
505
495
  RootContext.Provider,
506
496
  {
@@ -549,22 +539,20 @@ function Root({
549
539
  );
550
540
  }
551
541
  Root.displayName = "Root";
552
- function getInitialDomain() {
553
- const currentLocation = typeof window !== "undefined" ? window.location.pathname : null;
542
+ function getInitialDomain(currentLocation) {
554
543
  if (!currentLocation)
555
544
  return components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.name;
556
545
  const locationArray = currentLocation ? currentLocation.split("/") : [];
557
- const domainPartOfLocation = `/${locationArray[1]}/`;
546
+ const domainPartOfLocation = `/${locationArray[1].toLowerCase()}/`;
558
547
  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;
559
548
  return initDomain;
560
549
  }
561
- function getInitialMenuItem() {
550
+ function getInitialMenuItem(currentLocation) {
562
551
  var _a, _b, _c;
563
- const currentLocation = typeof window !== "undefined" ? window.location.pathname : null;
564
552
  if (!currentLocation)
565
553
  return;
566
554
  const locationArray = currentLocation ? currentLocation.split("/") : [];
567
- const initialDomain = getInitialDomain();
555
+ const initialDomain = getInitialDomain(currentLocation);
568
556
  if (initialDomain === "Bedrift") {
569
557
  const mainMenuPartOfLocation2 = locationArray[2];
570
558
  return (_a = components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.links.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`)) == null ? void 0 : _a.name;
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
- import React__default, { useEffect } from "react";
2
+ import React__default from "react";
3
3
  import clsx from "clsx";
4
4
  import { MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, LINKS, PRIVATE_LINKS, BUSINESS_LINKS, MDU_LINKS } from "./utils.js";
5
5
  import { NavigationMenu } from "../navigation-menu.js";
@@ -482,23 +482,13 @@ function Root({
482
482
  onCartOpenChange,
483
483
  drawerSize = "md",
484
484
  isSimplified,
485
- initialDomain = "Privat",
486
- initialMenuItem,
485
+ currentPath,
487
486
  ...props
488
487
  }) {
489
- const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(initialMenuItem);
490
- const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(initialDomain);
491
- const [pathname, setPathname] = React__default.useState("");
488
+ const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(getInitialMenuItem(currentPath));
489
+ const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(getInitialDomain(currentPath));
490
+ const [pathname, setPathname] = React__default.useState(currentPath || "");
492
491
  const classes = clsx([styles[`${rootClassName}`]], className);
493
- useEffect(() => {
494
- setPathname(window.location.pathname);
495
- if (!initialDomain) {
496
- setSelectedDomainItem(getInitialDomain());
497
- }
498
- if (!initialMenuItem) {
499
- setSelectedMenuItem(getInitialMenuItem());
500
- }
501
- }, []);
502
492
  return /* @__PURE__ */ jsx(
503
493
  RootContext.Provider,
504
494
  {
@@ -547,22 +537,20 @@ function Root({
547
537
  );
548
538
  }
549
539
  Root.displayName = "Root";
550
- function getInitialDomain() {
551
- const currentLocation = typeof window !== "undefined" ? window.location.pathname : null;
540
+ function getInitialDomain(currentLocation) {
552
541
  if (!currentLocation)
553
542
  return PRIVATE_LINKS.name;
554
543
  const locationArray = currentLocation ? currentLocation.split("/") : [];
555
- const domainPartOfLocation = `/${locationArray[1]}/`;
544
+ const domainPartOfLocation = `/${locationArray[1].toLowerCase()}/`;
556
545
  const initDomain = domainPartOfLocation === BUSINESS_LINKS.link ? BUSINESS_LINKS.name : domainPartOfLocation === MDU_LINKS.link ? MDU_LINKS.name : PRIVATE_LINKS.name;
557
546
  return initDomain;
558
547
  }
559
- function getInitialMenuItem() {
548
+ function getInitialMenuItem(currentLocation) {
560
549
  var _a, _b, _c;
561
- const currentLocation = typeof window !== "undefined" ? window.location.pathname : null;
562
550
  if (!currentLocation)
563
551
  return;
564
552
  const locationArray = currentLocation ? currentLocation.split("/") : [];
565
- const initialDomain = getInitialDomain();
553
+ const initialDomain = getInitialDomain(currentLocation);
566
554
  if (initialDomain === "Bedrift") {
567
555
  const mainMenuPartOfLocation2 = locationArray[2];
568
556
  return (_a = BUSINESS_LINKS.links.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`)) == null ? void 0 : _a.name;
@@ -17,8 +17,7 @@ export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
17
17
  onCartOpenChange?: (open: boolean) => void;
18
18
  drawerSize: 'md' | 'lg';
19
19
  isSimplified?: boolean;
20
- initialDomain?: 'Privat' | 'Bedrift' | 'Borettslag';
21
- initialMenuItem?: string;
20
+ currentPath: string | undefined;
22
21
  };
23
22
  type RootContext = {
24
23
  selectedMenuItem: string | undefined;
@@ -29,7 +28,7 @@ type RootContext = {
29
28
  setPathname: (v: string) => void;
30
29
  } & Pick<RootProps, 'onSearchSubmit' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize'>;
31
30
  export declare const RootContext: React.Context<RootContext | null>;
32
- 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;
31
+ 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;
33
32
  export declare namespace Root {
34
33
  var displayName: string;
35
34
  }
@@ -0,0 +1,16 @@
1
+ const styles = {
2
+ "teddy-drawer__overlay": "_teddy-drawer__overlay_1aop2_26",
3
+ "teddy-overlay-no-op": "_teddy-overlay-no-op_1aop2_1",
4
+ "teddy-fade-in": "_teddy-fade-in_1aop2_1",
5
+ "teddy-fade-out": "_teddy-fade-out_1aop2_1",
6
+ "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_1aop2_59",
7
+ "teddy-drawer__content": "_teddy-drawer__content_1aop2_65",
8
+ "teddy-drawer__title": "_teddy-drawer__title_1aop2_69",
9
+ "drawer-content-show": "_drawer-content-show_1aop2_1",
10
+ "drawer-content-hide": "_drawer-content-hide_1aop2_1",
11
+ "teddy-drawer__content--lg": "_teddy-drawer__content--lg_1aop2_100",
12
+ "teddy-drawer__close--floating": "_teddy-drawer__close--floating_1aop2_105"
13
+ };
14
+ export {
15
+ styles as s
16
+ };
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ const styles = {
3
+ "teddy-drawer__overlay": "_teddy-drawer__overlay_1aop2_26",
4
+ "teddy-overlay-no-op": "_teddy-overlay-no-op_1aop2_1",
5
+ "teddy-fade-in": "_teddy-fade-in_1aop2_1",
6
+ "teddy-fade-out": "_teddy-fade-out_1aop2_1",
7
+ "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_1aop2_59",
8
+ "teddy-drawer__content": "_teddy-drawer__content_1aop2_65",
9
+ "teddy-drawer__title": "_teddy-drawer__title_1aop2_69",
10
+ "drawer-content-show": "_drawer-content-show_1aop2_1",
11
+ "drawer-content-hide": "_drawer-content-hide_1aop2_1",
12
+ "teddy-drawer__content--lg": "_teddy-drawer__content--lg_1aop2_100",
13
+ "teddy-drawer__close--floating": "_teddy-drawer__close--floating_1aop2_105"
14
+ };
15
+ exports.styles = styles;
package/dist/style.css CHANGED
@@ -1020,7 +1020,7 @@
1020
1020
  transform: rotate(180deg);
1021
1021
  }
1022
1022
  }@layer reset, flex, button, link, heading, drawer;
1023
- @keyframes _teddy-fade-in_ugum0_1 {
1023
+ @keyframes _teddy-fade-in_1aop2_1 {
1024
1024
  from {
1025
1025
  opacity: 0;
1026
1026
  }
@@ -1028,7 +1028,7 @@
1028
1028
  opacity: 1;
1029
1029
  }
1030
1030
  }
1031
- @keyframes _teddy-fade-out_ugum0_1 {
1031
+ @keyframes _teddy-fade-out_1aop2_1 {
1032
1032
  from {
1033
1033
  opacity: 1;
1034
1034
  }
@@ -1036,7 +1036,7 @@
1036
1036
  opacity: 0;
1037
1037
  }
1038
1038
  }
1039
- @keyframes _teddy-overlay-no-op_ugum0_1 {
1039
+ @keyframes _teddy-overlay-no-op_1aop2_1 {
1040
1040
  from {
1041
1041
  opacity: 1;
1042
1042
  }
@@ -1044,11 +1044,11 @@
1044
1044
  opacity: 1;
1045
1045
  }
1046
1046
  }
1047
- ._teddy-drawer__overlay_ugum0_26 {
1047
+ ._teddy-drawer__overlay_1aop2_26 {
1048
1048
  box-sizing: border-box;
1049
1049
  }
1050
1050
  @layer drawer {
1051
- ._teddy-drawer__overlay_ugum0_26 {
1051
+ ._teddy-drawer__overlay_1aop2_26 {
1052
1052
  box-sizing: border-box;
1053
1053
  position: fixed;
1054
1054
  inset: 0;
@@ -1057,43 +1057,44 @@
1057
1057
  z-index: 40;
1058
1058
  }
1059
1059
  @media (prefers-reduced-motion: no-preference) {
1060
- ._teddy-drawer__overlay_ugum0_26 {
1060
+ ._teddy-drawer__overlay_1aop2_26 {
1061
1061
  /* Keep the overlay mounted until the children have animated */
1062
1062
  }
1063
- ._teddy-drawer__overlay_ugum0_26:where([data-state=closed]) {
1064
- animation: _teddy-overlay-no-op_ugum0_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
1063
+ ._teddy-drawer__overlay_1aop2_26:where([data-state=closed]) {
1064
+ animation: _teddy-overlay-no-op_1aop2_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
1065
1065
  }
1066
- ._teddy-drawer__overlay_ugum0_26:where([data-state=open])::before {
1067
- animation: _teddy-fade-in_ugum0_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
1066
+ ._teddy-drawer__overlay_1aop2_26:where([data-state=open])::before {
1067
+ animation: _teddy-fade-in_1aop2_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
1068
1068
  }
1069
- ._teddy-drawer__overlay_ugum0_26:where([data-state=closed])::before {
1070
- animation: _teddy-fade-out_ugum0_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
1069
+ ._teddy-drawer__overlay_1aop2_26:where([data-state=closed])::before {
1070
+ animation: _teddy-fade-out_1aop2_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
1071
1071
  }
1072
1072
  }
1073
- ._teddy-drawer__overlay_ugum0_26::before {
1073
+ ._teddy-drawer__overlay_1aop2_26::before {
1074
1074
  position: fixed;
1075
1075
  content: "";
1076
1076
  inset: 0;
1077
1077
  background-color: var(--teddy-color-overlay-default);
1078
1078
  }
1079
- ._teddy-drawer__overlay--container_ugum0_59 {
1079
+ ._teddy-drawer__overlay--container_1aop2_59 {
1080
1080
  position: absolute;
1081
1081
  }
1082
- ._teddy-drawer__overlay--container_ugum0_59::before {
1082
+ ._teddy-drawer__overlay--container_1aop2_59::before {
1083
1083
  position: absolute;
1084
1084
  }
1085
- ._teddy-drawer__overlay--container_ugum0_59 ._teddy-drawer__content_ugum0_65 {
1085
+ ._teddy-drawer__overlay--container_1aop2_59 ._teddy-drawer__content_1aop2_65 {
1086
1086
  position: absolute;
1087
1087
  inset: 0;
1088
1088
  }
1089
- ._teddy-drawer__title_ugum0_69 {
1089
+ ._teddy-drawer__title_1aop2_69 {
1090
1090
  position: sticky;
1091
- padding-top: var(--teddy-spacing-300);
1091
+ padding: var(--teddy-spacing-300) 0 var(--teddy-spacing-200);
1092
1092
  background-color: var(--teddy-color-background-primary);
1093
- top: -1.5rem;
1094
- margin-top: -1.5rem;
1093
+ top: calc(-1 * var(--teddy-spacing-300));
1094
+ margin: calc(-1 * var(--teddy-spacing-300)) 0;
1095
+ z-index: 2;
1095
1096
  }
1096
- ._teddy-drawer__content_ugum0_65 {
1097
+ ._teddy-drawer__content_1aop2_65 {
1097
1098
  background-color: var(--teddy-color-background-primary);
1098
1099
  box-shadow: var(--teddy-shadow-lg);
1099
1100
  z-index: 40;
@@ -1109,26 +1110,26 @@
1109
1110
  min-width: min(100%, 400px);
1110
1111
  }
1111
1112
  @media (prefers-reduced-motion: no-preference) {
1112
- ._teddy-drawer__content_ugum0_65:where([data-state=open]) {
1113
- animation: _drawer-content-show_ugum0_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
1113
+ ._teddy-drawer__content_1aop2_65:where([data-state=open]) {
1114
+ animation: _drawer-content-show_1aop2_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
1114
1115
  }
1115
- ._teddy-drawer__content_ugum0_65:where([data-state=closed]) {
1116
- animation: _drawer-content-hide_ugum0_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
1116
+ ._teddy-drawer__content_1aop2_65:where([data-state=closed]) {
1117
+ animation: _drawer-content-hide_1aop2_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
1117
1118
  }
1118
1119
  }
1119
- ._teddy-drawer__content--lg_ugum0_99 {
1120
+ ._teddy-drawer__content--lg_1aop2_100 {
1120
1121
  min-width: min(100%, 30rem);
1121
1122
  width: 30vw;
1122
1123
  max-width: initial;
1123
1124
  }
1124
- ._teddy-drawer__close--floating_ugum0_104 {
1125
+ ._teddy-drawer__close--floating_1aop2_105 {
1125
1126
  position: fixed;
1126
- z-index: 2;
1127
+ z-index: 3;
1127
1128
  top: var(--teddy-spacing-200);
1128
1129
  right: var(--teddy-spacing-200);
1129
1130
  }
1130
1131
  }
1131
- @keyframes _drawer-content-show_ugum0_1 {
1132
+ @keyframes _drawer-content-show_1aop2_1 {
1132
1133
  from {
1133
1134
  transform: translateX(100%);
1134
1135
  }
@@ -1136,7 +1137,7 @@
1136
1137
  transform: translateX(0px);
1137
1138
  }
1138
1139
  }
1139
- @keyframes _drawer-content-hide_ugum0_1 {
1140
+ @keyframes _drawer-content-hide_1aop2_1 {
1140
1141
  from {
1141
1142
  transform: translateX(0px);
1142
1143
  }
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=8"
21
21
  },
22
22
  "private": false,
23
- "version": "0.0.41",
23
+ "version": "0.0.43",
24
24
  "sideEffects": [
25
25
  "**/*.css"
26
26
  ],
@@ -1,16 +0,0 @@
1
- const styles = {
2
- "teddy-drawer__overlay": "_teddy-drawer__overlay_ugum0_26",
3
- "teddy-overlay-no-op": "_teddy-overlay-no-op_ugum0_1",
4
- "teddy-fade-in": "_teddy-fade-in_ugum0_1",
5
- "teddy-fade-out": "_teddy-fade-out_ugum0_1",
6
- "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_ugum0_59",
7
- "teddy-drawer__content": "_teddy-drawer__content_ugum0_65",
8
- "teddy-drawer__title": "_teddy-drawer__title_ugum0_69",
9
- "drawer-content-show": "_drawer-content-show_ugum0_1",
10
- "drawer-content-hide": "_drawer-content-hide_ugum0_1",
11
- "teddy-drawer__content--lg": "_teddy-drawer__content--lg_ugum0_99",
12
- "teddy-drawer__close--floating": "_teddy-drawer__close--floating_ugum0_104"
13
- };
14
- export {
15
- styles as s
16
- };
@@ -1,15 +0,0 @@
1
- "use strict";
2
- const styles = {
3
- "teddy-drawer__overlay": "_teddy-drawer__overlay_ugum0_26",
4
- "teddy-overlay-no-op": "_teddy-overlay-no-op_ugum0_1",
5
- "teddy-fade-in": "_teddy-fade-in_ugum0_1",
6
- "teddy-fade-out": "_teddy-fade-out_ugum0_1",
7
- "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_ugum0_59",
8
- "teddy-drawer__content": "_teddy-drawer__content_ugum0_65",
9
- "teddy-drawer__title": "_teddy-drawer__title_ugum0_69",
10
- "drawer-content-show": "_drawer-content-show_ugum0_1",
11
- "drawer-content-hide": "_drawer-content-hide_ugum0_1",
12
- "teddy-drawer__content--lg": "_teddy-drawer__content--lg_ugum0_99",
13
- "teddy-drawer__close--floating": "_teddy-drawer__close--floating_ugum0_104"
14
- };
15
- exports.styles = styles;