@telia/teddy 0.0.47 → 0.0.48

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-BymzBnov.cjs");
7
+ const drawer_module = require("../../drawer.module-CoqKvqzl.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-BC0junNQ.js";
5
+ import { s as styles } from "../../drawer.module-Am9xxZYU.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-BymzBnov.cjs");
7
+ const drawer_module = require("../../drawer.module-CoqKvqzl.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-BC0junNQ.js";
5
+ import { s as styles } from "../../drawer.module-Am9xxZYU.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-BymzBnov.cjs");
7
+ const drawer_module = require("../../drawer.module-CoqKvqzl.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-BC0junNQ.js";
5
+ import { s as styles } from "../../drawer.module-Am9xxZYU.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-BymzBnov.cjs");
6
+ const drawer_module = require("../../drawer.module-CoqKvqzl.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-BC0junNQ.js";
4
+ import { s as styles } from "../../drawer.module-Am9xxZYU.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-BymzBnov.cjs");
7
+ const drawer_module = require("../../drawer.module-CoqKvqzl.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-BC0junNQ.js";
5
+ import { s as styles } from "../../drawer.module-Am9xxZYU.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-BymzBnov.cjs");
7
+ const drawer_module = require("../../drawer.module-CoqKvqzl.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-BC0junNQ.js";
5
+ import { s as styles } from "../../drawer.module-Am9xxZYU.js";
6
6
  import { rootClassName } from "./drawer-root.js";
7
7
  import { Heading } from "../heading/heading.js";
8
8
  const Title = React__default.forwardRef(
@@ -84,7 +84,7 @@ function LoggedOutContent() {
84
84
  function LoggedInContent() {
85
85
  const rootContext = React.useContext(RootContext);
86
86
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
87
- /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { mb: "200", children: "Dine sider" }),
87
+ /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Dine sider" }),
88
88
  /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs, { defaultValue: "private", children: [
89
89
  /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.List, { children: [
90
90
  /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { value: "private", children: "Privat" }),
@@ -294,7 +294,7 @@ const Desktop = React.forwardRef(() => {
294
294
  draggable: "false",
295
295
  alt: "Telia logo"
296
296
  }
297
- ) }) }) : /* @__PURE__ */ jsxRuntime.jsx(
297
+ ) }) }) : subLink.links.length ? /* @__PURE__ */ jsxRuntime.jsx(
298
298
  components_navigationMenu_navigationMenu.NavigationMenu.Trigger,
299
299
  {
300
300
  asChild: true,
@@ -304,6 +304,16 @@ const Desktop = React.forwardRef(() => {
304
304
  },
305
305
  children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name })
306
306
  }
307
+ ) : /* @__PURE__ */ jsxRuntime.jsx(
308
+ components_navigationMenu_navigationMenu.NavigationMenu.Link,
309
+ {
310
+ asChild: true,
311
+ active: currentLocation === subLink.link,
312
+ onClick: () => {
313
+ rootContext.setPathname(subLink.link);
314
+ },
315
+ children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name })
316
+ }
307
317
  ),
308
318
  /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Content, { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: subLink.links.map((subSubLink) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
309
319
  components_navigationMenu_navigationMenu.NavigationMenu.Link,
@@ -319,8 +329,8 @@ const Desktop = React.forwardRef(() => {
319
329
  ) }, subSubLink.name)) }) })
320
330
  ] }, subLink.name)),
321
331
  /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ml: "auto" }),
322
- /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(Search, {}) }),
323
332
  /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) }),
333
+ /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(Search, {}) }),
324
334
  /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(MyPages, {}) })
325
335
  ] }, link.name)),
326
336
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -82,7 +82,7 @@ function LoggedOutContent() {
82
82
  function LoggedInContent() {
83
83
  const rootContext = React__default.useContext(RootContext);
84
84
  return /* @__PURE__ */ jsxs(Fragment, { children: [
85
- /* @__PURE__ */ jsx(Drawer.Title, { mb: "200", children: "Dine sider" }),
85
+ /* @__PURE__ */ jsx(Drawer.Title, { children: "Dine sider" }),
86
86
  /* @__PURE__ */ jsxs(Tabs, { defaultValue: "private", children: [
87
87
  /* @__PURE__ */ jsxs(Tabs.List, { children: [
88
88
  /* @__PURE__ */ jsx(Tabs.Trigger, { value: "private", children: "Privat" }),
@@ -292,7 +292,7 @@ const Desktop = React__default.forwardRef(() => {
292
292
  draggable: "false",
293
293
  alt: "Telia logo"
294
294
  }
295
- ) }) }) : /* @__PURE__ */ jsx(
295
+ ) }) }) : subLink.links.length ? /* @__PURE__ */ jsx(
296
296
  NavigationMenu.Trigger,
297
297
  {
298
298
  asChild: true,
@@ -302,6 +302,16 @@ const Desktop = React__default.forwardRef(() => {
302
302
  },
303
303
  children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
304
304
  }
305
+ ) : /* @__PURE__ */ jsx(
306
+ NavigationMenu.Link,
307
+ {
308
+ asChild: true,
309
+ active: currentLocation === subLink.link,
310
+ onClick: () => {
311
+ rootContext.setPathname(subLink.link);
312
+ },
313
+ children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
314
+ }
305
315
  ),
306
316
  /* @__PURE__ */ jsx(NavigationMenu.Content, { children: /* @__PURE__ */ jsx("ul", { children: subLink.links.map((subSubLink) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
307
317
  NavigationMenu.Link,
@@ -317,8 +327,8 @@ const Desktop = React__default.forwardRef(() => {
317
327
  ) }, subSubLink.name)) }) })
318
328
  ] }, subLink.name)),
319
329
  /* @__PURE__ */ jsx(Box, { ml: "auto" }),
320
- /* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(Search, {}) }),
321
330
  /* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(ShoppingCart, {}) }),
331
+ /* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(Search, {}) }),
322
332
  /* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(MyPages, {}) })
323
333
  ] }, link.name)),
324
334
  /* @__PURE__ */ jsx(
@@ -260,7 +260,7 @@ const BUSINESS_LINKS = {
260
260
  },
261
261
  {
262
262
  name: "Produkter og tjenester",
263
- link: "/bedrift/produkt-og-tjenester/",
263
+ link: "/bedrift/produkter-og-tjenester/",
264
264
  appKey: APP_KEYS["open-pages"],
265
265
  links: []
266
266
  },
@@ -254,7 +254,7 @@ export declare const BUSINESS_LINKS: {
254
254
  readonly links: readonly [];
255
255
  }, {
256
256
  readonly name: "Produkter og tjenester";
257
- readonly link: "/bedrift/produkt-og-tjenester/";
257
+ readonly link: "/bedrift/produkter-og-tjenester/";
258
258
  readonly appKey: "open-pages";
259
259
  readonly links: readonly [];
260
260
  }, {
@@ -451,7 +451,7 @@ export declare const LINKS: readonly [{
451
451
  readonly links: readonly [];
452
452
  }, {
453
453
  readonly name: "Produkter og tjenester";
454
- readonly link: "/bedrift/produkt-og-tjenester/";
454
+ readonly link: "/bedrift/produkter-og-tjenester/";
455
455
  readonly appKey: "open-pages";
456
456
  readonly links: readonly [];
457
457
  }, {
@@ -258,7 +258,7 @@ const BUSINESS_LINKS = {
258
258
  },
259
259
  {
260
260
  name: "Produkter og tjenester",
261
- link: "/bedrift/produkt-og-tjenester/",
261
+ link: "/bedrift/produkter-og-tjenester/",
262
262
  appKey: APP_KEYS["open-pages"],
263
263
  links: []
264
264
  },
@@ -0,0 +1,16 @@
1
+ const styles = {
2
+ "teddy-drawer__overlay": "_teddy-drawer__overlay_jiyrh_26",
3
+ "teddy-overlay-no-op": "_teddy-overlay-no-op_jiyrh_1",
4
+ "teddy-fade-in": "_teddy-fade-in_jiyrh_1",
5
+ "teddy-fade-out": "_teddy-fade-out_jiyrh_1",
6
+ "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_jiyrh_59",
7
+ "teddy-drawer__content": "_teddy-drawer__content_jiyrh_65",
8
+ "teddy-drawer__title": "_teddy-drawer__title_jiyrh_69",
9
+ "drawer-content-show": "_drawer-content-show_jiyrh_1",
10
+ "drawer-content-hide": "_drawer-content-hide_jiyrh_1",
11
+ "teddy-drawer__content--lg": "_teddy-drawer__content--lg_jiyrh_100",
12
+ "teddy-drawer__close--floating": "_teddy-drawer__close--floating_jiyrh_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_jiyrh_26",
4
+ "teddy-overlay-no-op": "_teddy-overlay-no-op_jiyrh_1",
5
+ "teddy-fade-in": "_teddy-fade-in_jiyrh_1",
6
+ "teddy-fade-out": "_teddy-fade-out_jiyrh_1",
7
+ "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_jiyrh_59",
8
+ "teddy-drawer__content": "_teddy-drawer__content_jiyrh_65",
9
+ "teddy-drawer__title": "_teddy-drawer__title_jiyrh_69",
10
+ "drawer-content-show": "_drawer-content-show_jiyrh_1",
11
+ "drawer-content-hide": "_drawer-content-hide_jiyrh_1",
12
+ "teddy-drawer__content--lg": "_teddy-drawer__content--lg_jiyrh_100",
13
+ "teddy-drawer__close--floating": "_teddy-drawer__close--floating_jiyrh_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_1aop2_1 {
1023
+ @keyframes _teddy-fade-in_jiyrh_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_1aop2_1 {
1031
+ @keyframes _teddy-fade-out_jiyrh_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_1aop2_1 {
1039
+ @keyframes _teddy-overlay-no-op_jiyrh_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_1aop2_26 {
1047
+ ._teddy-drawer__overlay_jiyrh_26 {
1048
1048
  box-sizing: border-box;
1049
1049
  }
1050
1050
  @layer drawer {
1051
- ._teddy-drawer__overlay_1aop2_26 {
1051
+ ._teddy-drawer__overlay_jiyrh_26 {
1052
1052
  box-sizing: border-box;
1053
1053
  position: fixed;
1054
1054
  inset: 0;
@@ -1057,44 +1057,44 @@
1057
1057
  z-index: 40;
1058
1058
  }
1059
1059
  @media (prefers-reduced-motion: no-preference) {
1060
- ._teddy-drawer__overlay_1aop2_26 {
1060
+ ._teddy-drawer__overlay_jiyrh_26 {
1061
1061
  /* Keep the overlay mounted until the children have animated */
1062
1062
  }
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);
1063
+ ._teddy-drawer__overlay_jiyrh_26:where([data-state=closed]) {
1064
+ animation: _teddy-overlay-no-op_jiyrh_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
1065
1065
  }
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);
1066
+ ._teddy-drawer__overlay_jiyrh_26:where([data-state=open])::before {
1067
+ animation: _teddy-fade-in_jiyrh_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
1068
1068
  }
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);
1069
+ ._teddy-drawer__overlay_jiyrh_26:where([data-state=closed])::before {
1070
+ animation: _teddy-fade-out_jiyrh_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
1071
1071
  }
1072
1072
  }
1073
- ._teddy-drawer__overlay_1aop2_26::before {
1073
+ ._teddy-drawer__overlay_jiyrh_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_1aop2_59 {
1079
+ ._teddy-drawer__overlay--container_jiyrh_59 {
1080
1080
  position: absolute;
1081
1081
  }
1082
- ._teddy-drawer__overlay--container_1aop2_59::before {
1082
+ ._teddy-drawer__overlay--container_jiyrh_59::before {
1083
1083
  position: absolute;
1084
1084
  }
1085
- ._teddy-drawer__overlay--container_1aop2_59 ._teddy-drawer__content_1aop2_65 {
1085
+ ._teddy-drawer__overlay--container_jiyrh_59 ._teddy-drawer__content_jiyrh_65 {
1086
1086
  position: absolute;
1087
1087
  inset: 0;
1088
1088
  }
1089
- ._teddy-drawer__title_1aop2_69 {
1089
+ ._teddy-drawer__title_jiyrh_69 {
1090
1090
  position: sticky;
1091
1091
  padding: var(--teddy-spacing-300) 0 var(--teddy-spacing-200);
1092
1092
  background-color: var(--teddy-color-background-primary);
1093
1093
  top: calc(-1 * var(--teddy-spacing-300));
1094
- margin: calc(-1 * var(--teddy-spacing-300)) 0;
1094
+ margin: calc(-1 * var(--teddy-spacing-300)) 0 calc(-1 * var(--teddy-spacing-200));
1095
1095
  z-index: 2;
1096
1096
  }
1097
- ._teddy-drawer__content_1aop2_65 {
1097
+ ._teddy-drawer__content_jiyrh_65 {
1098
1098
  background-color: var(--teddy-color-background-primary);
1099
1099
  box-shadow: var(--teddy-shadow-lg);
1100
1100
  z-index: 40;
@@ -1110,26 +1110,26 @@
1110
1110
  min-width: min(100%, 400px);
1111
1111
  }
1112
1112
  @media (prefers-reduced-motion: no-preference) {
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);
1113
+ ._teddy-drawer__content_jiyrh_65:where([data-state=open]) {
1114
+ animation: _drawer-content-show_jiyrh_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
1115
1115
  }
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);
1116
+ ._teddy-drawer__content_jiyrh_65:where([data-state=closed]) {
1117
+ animation: _drawer-content-hide_jiyrh_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
1118
1118
  }
1119
1119
  }
1120
- ._teddy-drawer__content--lg_1aop2_100 {
1120
+ ._teddy-drawer__content--lg_jiyrh_100 {
1121
1121
  min-width: min(100%, 30rem);
1122
1122
  width: 30vw;
1123
1123
  max-width: initial;
1124
1124
  }
1125
- ._teddy-drawer__close--floating_1aop2_105 {
1125
+ ._teddy-drawer__close--floating_jiyrh_105 {
1126
1126
  position: fixed;
1127
1127
  z-index: 3;
1128
1128
  top: var(--teddy-spacing-200);
1129
1129
  right: var(--teddy-spacing-200);
1130
1130
  }
1131
1131
  }
1132
- @keyframes _drawer-content-show_1aop2_1 {
1132
+ @keyframes _drawer-content-show_jiyrh_1 {
1133
1133
  from {
1134
1134
  transform: translateX(100%);
1135
1135
  }
@@ -1137,7 +1137,7 @@
1137
1137
  transform: translateX(0px);
1138
1138
  }
1139
1139
  }
1140
- @keyframes _drawer-content-hide_1aop2_1 {
1140
+ @keyframes _drawer-content-hide_jiyrh_1 {
1141
1141
  from {
1142
1142
  transform: translateX(0px);
1143
1143
  }
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=8"
21
21
  },
22
22
  "private": false,
23
- "version": "0.0.47",
23
+ "version": "0.0.48",
24
24
  "sideEffects": [
25
25
  "**/*.css"
26
26
  ],
@@ -1,16 +0,0 @@
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
- };
@@ -1,15 +0,0 @@
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;