@telia/teddy 0.3.3 → 0.3.4
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/drawer.module-C4NZoZUc.cjs +15 -0
- package/dist/drawer.module-jxIDBwQn.js +16 -0
- package/dist/style.css +26 -27
- package/package.json +1 -1
- package/dist/drawer.module-Bh77Byg_.js +0 -16
- package/dist/drawer.module-khivHSFm.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-C4NZoZUc.cjs");
|
|
8
8
|
const components_drawer_drawerRoot = require("./drawer-root.cjs");
|
|
9
9
|
require("../../assets/sprite.1321fab0-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-jxIDBwQn.js";
|
|
6
6
|
import { rootClassName } from "./drawer-root.js";
|
|
7
7
|
import "../../assets/sprite.1321fab0-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-C4NZoZUc.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-jxIDBwQn.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-C4NZoZUc.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-jxIDBwQn.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-C4NZoZUc.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-jxIDBwQn.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-C4NZoZUc.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-jxIDBwQn.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-C4NZoZUc.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-jxIDBwQn.js";
|
|
6
6
|
import { rootClassName } from "./drawer-root.js";
|
|
7
7
|
import { Heading } from "../heading/heading.js";
|
|
8
8
|
const Title = React__default.forwardRef(
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const styles = {
|
|
3
|
+
"teddy-drawer__overlay": "_teddy-drawer__overlay_16gp4_26",
|
|
4
|
+
"teddy-overlay-no-op": "_teddy-overlay-no-op_16gp4_1",
|
|
5
|
+
"teddy-fade-in": "_teddy-fade-in_16gp4_1",
|
|
6
|
+
"teddy-fade-out": "_teddy-fade-out_16gp4_1",
|
|
7
|
+
"teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_16gp4_60",
|
|
8
|
+
"teddy-drawer__content": "_teddy-drawer__content_16gp4_66",
|
|
9
|
+
"teddy-drawer__title": "_teddy-drawer__title_16gp4_70",
|
|
10
|
+
"drawer-content-show": "_drawer-content-show_16gp4_1",
|
|
11
|
+
"drawer-content-hide": "_drawer-content-hide_16gp4_1",
|
|
12
|
+
"teddy-drawer__content--lg": "_teddy-drawer__content--lg_16gp4_101",
|
|
13
|
+
"teddy-drawer__close--floating": "_teddy-drawer__close--floating_16gp4_106"
|
|
14
|
+
};
|
|
15
|
+
exports.styles = styles;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
const styles = {
|
|
2
|
+
"teddy-drawer__overlay": "_teddy-drawer__overlay_16gp4_26",
|
|
3
|
+
"teddy-overlay-no-op": "_teddy-overlay-no-op_16gp4_1",
|
|
4
|
+
"teddy-fade-in": "_teddy-fade-in_16gp4_1",
|
|
5
|
+
"teddy-fade-out": "_teddy-fade-out_16gp4_1",
|
|
6
|
+
"teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_16gp4_60",
|
|
7
|
+
"teddy-drawer__content": "_teddy-drawer__content_16gp4_66",
|
|
8
|
+
"teddy-drawer__title": "_teddy-drawer__title_16gp4_70",
|
|
9
|
+
"drawer-content-show": "_drawer-content-show_16gp4_1",
|
|
10
|
+
"drawer-content-hide": "_drawer-content-hide_16gp4_1",
|
|
11
|
+
"teddy-drawer__content--lg": "_teddy-drawer__content--lg_16gp4_101",
|
|
12
|
+
"teddy-drawer__close--floating": "_teddy-drawer__close--floating_16gp4_106"
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
styles as s
|
|
16
|
+
};
|
package/dist/style.css
CHANGED
|
@@ -2404,7 +2404,7 @@
|
|
|
2404
2404
|
right: 100%;
|
|
2405
2405
|
transform: rotate(180deg);
|
|
2406
2406
|
}@layer reset, flex, button, link, heading, drawer;
|
|
2407
|
-
@keyframes _teddy-fade-
|
|
2407
|
+
@keyframes _teddy-fade-in_16gp4_1 {
|
|
2408
2408
|
from {
|
|
2409
2409
|
opacity: 0;
|
|
2410
2410
|
}
|
|
@@ -2412,7 +2412,7 @@
|
|
|
2412
2412
|
opacity: 1;
|
|
2413
2413
|
}
|
|
2414
2414
|
}
|
|
2415
|
-
@keyframes _teddy-fade-
|
|
2415
|
+
@keyframes _teddy-fade-out_16gp4_1 {
|
|
2416
2416
|
from {
|
|
2417
2417
|
opacity: 1;
|
|
2418
2418
|
}
|
|
@@ -2420,7 +2420,7 @@
|
|
|
2420
2420
|
opacity: 0;
|
|
2421
2421
|
}
|
|
2422
2422
|
}
|
|
2423
|
-
@keyframes _teddy-overlay-no-
|
|
2423
|
+
@keyframes _teddy-overlay-no-op_16gp4_1 {
|
|
2424
2424
|
from {
|
|
2425
2425
|
opacity: 1;
|
|
2426
2426
|
}
|
|
@@ -2428,11 +2428,11 @@
|
|
|
2428
2428
|
opacity: 1;
|
|
2429
2429
|
}
|
|
2430
2430
|
}
|
|
2431
|
-
._teddy-
|
|
2431
|
+
._teddy-drawer__overlay_16gp4_26 {
|
|
2432
2432
|
box-sizing: border-box;
|
|
2433
2433
|
}
|
|
2434
2434
|
@layer drawer {
|
|
2435
|
-
._teddy-
|
|
2435
|
+
._teddy-drawer__overlay_16gp4_26 {
|
|
2436
2436
|
box-sizing: border-box;
|
|
2437
2437
|
position: fixed;
|
|
2438
2438
|
inset: 0;
|
|
@@ -2441,37 +2441,37 @@
|
|
|
2441
2441
|
z-index: 40;
|
|
2442
2442
|
}
|
|
2443
2443
|
@media (prefers-reduced-motion: no-preference) {
|
|
2444
|
-
._teddy-
|
|
2444
|
+
._teddy-drawer__overlay_16gp4_26 {
|
|
2445
2445
|
/* Keep the overlay mounted until the children have animated */
|
|
2446
2446
|
}
|
|
2447
|
-
._teddy-
|
|
2448
|
-
animation: _teddy-overlay-no-
|
|
2447
|
+
._teddy-drawer__overlay_16gp4_26:where([data-state=closed]) {
|
|
2448
|
+
animation: _teddy-overlay-no-op_16gp4_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
2449
2449
|
}
|
|
2450
|
-
._teddy-
|
|
2451
|
-
animation: _teddy-fade-
|
|
2450
|
+
._teddy-drawer__overlay_16gp4_26:where([data-state=open])::before {
|
|
2451
|
+
animation: _teddy-fade-in_16gp4_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
2452
2452
|
}
|
|
2453
|
-
._teddy-
|
|
2453
|
+
._teddy-drawer__overlay_16gp4_26:where([data-state=closed])::before {
|
|
2454
2454
|
opacity: 0;
|
|
2455
|
-
animation: _teddy-fade-
|
|
2455
|
+
animation: _teddy-fade-out_16gp4_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
2456
2456
|
}
|
|
2457
2457
|
}
|
|
2458
|
-
._teddy-
|
|
2458
|
+
._teddy-drawer__overlay_16gp4_26::before {
|
|
2459
2459
|
position: fixed;
|
|
2460
2460
|
content: "";
|
|
2461
2461
|
inset: 0;
|
|
2462
2462
|
background-color: var(--teddy-color-overlay-default);
|
|
2463
2463
|
}
|
|
2464
|
-
._teddy-drawer__overlay--
|
|
2464
|
+
._teddy-drawer__overlay--container_16gp4_60 {
|
|
2465
2465
|
position: absolute;
|
|
2466
2466
|
}
|
|
2467
|
-
._teddy-drawer__overlay--
|
|
2467
|
+
._teddy-drawer__overlay--container_16gp4_60::before {
|
|
2468
2468
|
position: absolute;
|
|
2469
2469
|
}
|
|
2470
|
-
._teddy-drawer__overlay--
|
|
2470
|
+
._teddy-drawer__overlay--container_16gp4_60 ._teddy-drawer__content_16gp4_66 {
|
|
2471
2471
|
position: absolute;
|
|
2472
2472
|
inset: 0;
|
|
2473
2473
|
}
|
|
2474
|
-
._teddy-
|
|
2474
|
+
._teddy-drawer__title_16gp4_70 {
|
|
2475
2475
|
position: sticky;
|
|
2476
2476
|
padding: var(--teddy-spacing-300) 0 var(--teddy-spacing-200);
|
|
2477
2477
|
background-color: var(--teddy-color-background-primary);
|
|
@@ -2479,7 +2479,7 @@
|
|
|
2479
2479
|
margin: calc(-1 * var(--teddy-spacing-300)) 0 calc(-1 * var(--teddy-spacing-200));
|
|
2480
2480
|
z-index: 2;
|
|
2481
2481
|
}
|
|
2482
|
-
._teddy-
|
|
2482
|
+
._teddy-drawer__content_16gp4_66 {
|
|
2483
2483
|
background-color: var(--teddy-color-background-primary);
|
|
2484
2484
|
box-shadow: var(--teddy-shadow-lg);
|
|
2485
2485
|
z-index: 40;
|
|
@@ -2495,27 +2495,26 @@
|
|
|
2495
2495
|
min-width: min(100%, 400px);
|
|
2496
2496
|
}
|
|
2497
2497
|
@media (prefers-reduced-motion: no-preference) {
|
|
2498
|
-
._teddy-
|
|
2499
|
-
animation: _drawer-content-
|
|
2498
|
+
._teddy-drawer__content_16gp4_66:where([data-state=open]) {
|
|
2499
|
+
animation: _drawer-content-show_16gp4_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
2500
2500
|
}
|
|
2501
|
-
._teddy-
|
|
2502
|
-
|
|
2503
|
-
animation: _drawer-content-hide_1hfde_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
2501
|
+
._teddy-drawer__content_16gp4_66:where([data-state=closed]) {
|
|
2502
|
+
animation: _drawer-content-hide_16gp4_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
2504
2503
|
}
|
|
2505
2504
|
}
|
|
2506
|
-
._teddy-drawer__content--
|
|
2505
|
+
._teddy-drawer__content--lg_16gp4_101 {
|
|
2507
2506
|
min-width: min(100%, 30rem);
|
|
2508
2507
|
width: 30vw;
|
|
2509
2508
|
max-width: initial;
|
|
2510
2509
|
}
|
|
2511
|
-
._teddy-drawer__close--
|
|
2510
|
+
._teddy-drawer__close--floating_16gp4_106 {
|
|
2512
2511
|
position: fixed;
|
|
2513
2512
|
z-index: 3;
|
|
2514
2513
|
top: var(--teddy-spacing-200);
|
|
2515
2514
|
right: var(--teddy-spacing-200);
|
|
2516
2515
|
}
|
|
2517
2516
|
}
|
|
2518
|
-
@keyframes _drawer-content-
|
|
2517
|
+
@keyframes _drawer-content-show_16gp4_1 {
|
|
2519
2518
|
from {
|
|
2520
2519
|
transform: translateX(100%);
|
|
2521
2520
|
}
|
|
@@ -2523,7 +2522,7 @@
|
|
|
2523
2522
|
transform: translateX(0px);
|
|
2524
2523
|
}
|
|
2525
2524
|
}
|
|
2526
|
-
@keyframes _drawer-content-
|
|
2525
|
+
@keyframes _drawer-content-hide_16gp4_1 {
|
|
2527
2526
|
from {
|
|
2528
2527
|
transform: translateX(0px);
|
|
2529
2528
|
}
|
package/package.json
CHANGED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const styles = {
|
|
2
|
-
"teddy-drawer__overlay": "_teddy-drawer__overlay_1hfde_26",
|
|
3
|
-
"teddy-overlay-no-op": "_teddy-overlay-no-op_1hfde_1",
|
|
4
|
-
"teddy-fade-in": "_teddy-fade-in_1hfde_1",
|
|
5
|
-
"teddy-fade-out": "_teddy-fade-out_1hfde_1",
|
|
6
|
-
"teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_1hfde_60",
|
|
7
|
-
"teddy-drawer__content": "_teddy-drawer__content_1hfde_66",
|
|
8
|
-
"teddy-drawer__title": "_teddy-drawer__title_1hfde_70",
|
|
9
|
-
"drawer-content-show": "_drawer-content-show_1hfde_1",
|
|
10
|
-
"drawer-content-hide": "_drawer-content-hide_1hfde_1",
|
|
11
|
-
"teddy-drawer__content--lg": "_teddy-drawer__content--lg_1hfde_102",
|
|
12
|
-
"teddy-drawer__close--floating": "_teddy-drawer__close--floating_1hfde_107"
|
|
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_1hfde_26",
|
|
4
|
-
"teddy-overlay-no-op": "_teddy-overlay-no-op_1hfde_1",
|
|
5
|
-
"teddy-fade-in": "_teddy-fade-in_1hfde_1",
|
|
6
|
-
"teddy-fade-out": "_teddy-fade-out_1hfde_1",
|
|
7
|
-
"teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_1hfde_60",
|
|
8
|
-
"teddy-drawer__content": "_teddy-drawer__content_1hfde_66",
|
|
9
|
-
"teddy-drawer__title": "_teddy-drawer__title_1hfde_70",
|
|
10
|
-
"drawer-content-show": "_drawer-content-show_1hfde_1",
|
|
11
|
-
"drawer-content-hide": "_drawer-content-hide_1hfde_1",
|
|
12
|
-
"teddy-drawer__content--lg": "_teddy-drawer__content--lg_1hfde_102",
|
|
13
|
-
"teddy-drawer__close--floating": "_teddy-drawer__close--floating_1hfde_107"
|
|
14
|
-
};
|
|
15
|
-
exports.styles = styles;
|