@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.
- package/dist/components/drawer/drawer-close.cjs +1 -1
- package/dist/components/drawer/drawer-close.js +1 -1
- package/dist/components/drawer/drawer-content.cjs +1 -1
- package/dist/components/drawer/drawer-content.js +1 -1
- package/dist/components/drawer/drawer-description.cjs +1 -1
- package/dist/components/drawer/drawer-description.js +1 -1
- package/dist/components/drawer/drawer-footer.cjs +1 -1
- package/dist/components/drawer/drawer-footer.js +1 -1
- package/dist/components/drawer/drawer-overlay.cjs +1 -1
- package/dist/components/drawer/drawer-overlay.js +1 -1
- package/dist/components/drawer/drawer-title.cjs +1 -1
- package/dist/components/drawer/drawer-title.js +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +13 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +13 -3
- package/dist/components/navigation-menu/global-navigation/utils.cjs +1 -1
- package/dist/components/navigation-menu/global-navigation/utils.d.ts +2 -2
- package/dist/components/navigation-menu/global-navigation/utils.js +1 -1
- package/dist/drawer.module-Am9xxZYU.js +16 -0
- package/dist/drawer.module-CoqKvqzl.cjs +15 -0
- package/dist/style.css +27 -27
- package/package.json +1 -1
- package/dist/drawer.module-BC0junNQ.js +0 -16
- package/dist/drawer.module-BymzBnov.cjs +0 -15
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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, {
|
|
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, {
|
|
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(
|
|
@@ -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/
|
|
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/
|
|
454
|
+
readonly link: "/bedrift/produkter-og-tjenester/";
|
|
455
455
|
readonly appKey: "open-pages";
|
|
456
456
|
readonly links: readonly [];
|
|
457
457
|
}, {
|
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
1047
|
+
._teddy-drawer__overlay_jiyrh_26 {
|
|
1048
1048
|
box-sizing: border-box;
|
|
1049
1049
|
}
|
|
1050
1050
|
@layer drawer {
|
|
1051
|
-
._teddy-
|
|
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-
|
|
1060
|
+
._teddy-drawer__overlay_jiyrh_26 {
|
|
1061
1061
|
/* Keep the overlay mounted until the children have animated */
|
|
1062
1062
|
}
|
|
1063
|
-
._teddy-
|
|
1064
|
-
animation: _teddy-overlay-no-
|
|
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-
|
|
1067
|
-
animation: _teddy-fade-
|
|
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-
|
|
1070
|
-
animation: _teddy-fade-
|
|
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-
|
|
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--
|
|
1079
|
+
._teddy-drawer__overlay--container_jiyrh_59 {
|
|
1080
1080
|
position: absolute;
|
|
1081
1081
|
}
|
|
1082
|
-
._teddy-drawer__overlay--
|
|
1082
|
+
._teddy-drawer__overlay--container_jiyrh_59::before {
|
|
1083
1083
|
position: absolute;
|
|
1084
1084
|
}
|
|
1085
|
-
._teddy-drawer__overlay--
|
|
1085
|
+
._teddy-drawer__overlay--container_jiyrh_59 ._teddy-drawer__content_jiyrh_65 {
|
|
1086
1086
|
position: absolute;
|
|
1087
1087
|
inset: 0;
|
|
1088
1088
|
}
|
|
1089
|
-
._teddy-
|
|
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-
|
|
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-
|
|
1114
|
-
animation: _drawer-content-
|
|
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-
|
|
1117
|
-
animation: _drawer-content-
|
|
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--
|
|
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--
|
|
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-
|
|
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-
|
|
1140
|
+
@keyframes _drawer-content-hide_jiyrh_1 {
|
|
1141
1141
|
from {
|
|
1142
1142
|
transform: translateX(0px);
|
|
1143
1143
|
}
|
package/package.json
CHANGED
|
@@ -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;
|