@telia/teddy 0.0.41 → 0.0.42
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 +7 -19
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +8 -20
- package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts +2 -3
- package/dist/drawer.module-BC0junNQ.js +16 -0
- package/dist/drawer.module-BymzBnov.cjs +15 -0
- package/dist/style.css +31 -30
- package/package.json +1 -1
- package/dist/drawer.module-BNPErv-x.js +0 -16
- package/dist/drawer.module-CTowTFmf.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-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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
488
|
-
initialMenuItem,
|
|
487
|
+
currentPath,
|
|
489
488
|
...props
|
|
490
489
|
}) {
|
|
491
|
-
const [selectedMenuItem, setSelectedMenuItem] = React.useState(
|
|
492
|
-
const [selectedDomainItem, setSelectedDomainItem] = React.useState(
|
|
490
|
+
const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem(currentPath));
|
|
491
|
+
const [selectedDomainItem, setSelectedDomainItem] = React.useState(getInitialDomain(currentPath));
|
|
493
492
|
const [pathname, setPathname] = React.useState("");
|
|
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
|
|
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
|
-
|
|
486
|
-
initialMenuItem,
|
|
485
|
+
currentPath,
|
|
487
486
|
...props
|
|
488
487
|
}) {
|
|
489
|
-
const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(
|
|
490
|
-
const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(
|
|
488
|
+
const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(getInitialMenuItem(currentPath));
|
|
489
|
+
const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(getInitialDomain(currentPath));
|
|
491
490
|
const [pathname, setPathname] = React__default.useState("");
|
|
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
|
-
|
|
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,
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1047
|
+
._teddy-drawer__overlay_1aop2_26 {
|
|
1048
1048
|
box-sizing: border-box;
|
|
1049
1049
|
}
|
|
1050
1050
|
@layer drawer {
|
|
1051
|
-
._teddy-
|
|
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-
|
|
1060
|
+
._teddy-drawer__overlay_1aop2_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_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-
|
|
1067
|
-
animation: _teddy-fade-
|
|
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-
|
|
1070
|
-
animation: _teddy-fade-
|
|
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-
|
|
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--
|
|
1079
|
+
._teddy-drawer__overlay--container_1aop2_59 {
|
|
1080
1080
|
position: absolute;
|
|
1081
1081
|
}
|
|
1082
|
-
._teddy-drawer__overlay--
|
|
1082
|
+
._teddy-drawer__overlay--container_1aop2_59::before {
|
|
1083
1083
|
position: absolute;
|
|
1084
1084
|
}
|
|
1085
|
-
._teddy-drawer__overlay--
|
|
1085
|
+
._teddy-drawer__overlay--container_1aop2_59 ._teddy-drawer__content_1aop2_65 {
|
|
1086
1086
|
position: absolute;
|
|
1087
1087
|
inset: 0;
|
|
1088
1088
|
}
|
|
1089
|
-
._teddy-
|
|
1089
|
+
._teddy-drawer__title_1aop2_69 {
|
|
1090
1090
|
position: sticky;
|
|
1091
|
-
padding
|
|
1091
|
+
padding: var(--teddy-spacing-300) 0 var(--teddy-spacing-200);
|
|
1092
1092
|
background-color: var(--teddy-color-background-primary);
|
|
1093
|
-
top: -1
|
|
1094
|
-
margin
|
|
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-
|
|
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-
|
|
1113
|
-
animation: _drawer-content-
|
|
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-
|
|
1116
|
-
animation: _drawer-content-
|
|
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--
|
|
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--
|
|
1125
|
+
._teddy-drawer__close--floating_1aop2_105 {
|
|
1125
1126
|
position: fixed;
|
|
1126
|
-
z-index:
|
|
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-
|
|
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-
|
|
1140
|
+
@keyframes _drawer-content-hide_1aop2_1 {
|
|
1140
1141
|
from {
|
|
1141
1142
|
transform: translateX(0px);
|
|
1142
1143
|
}
|
package/package.json
CHANGED
|
@@ -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;
|