@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.
@@ -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-khivHSFm.cjs");
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-Bh77Byg_.js";
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-khivHSFm.cjs");
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-Bh77Byg_.js";
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-khivHSFm.cjs");
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-Bh77Byg_.js";
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-khivHSFm.cjs");
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-Bh77Byg_.js";
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-khivHSFm.cjs");
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-Bh77Byg_.js";
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-khivHSFm.cjs");
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-Bh77Byg_.js";
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-in_1hfde_1 {
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-out_1hfde_1 {
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-op_1hfde_1 {
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-drawer__overlay_1hfde_26 {
2431
+ ._teddy-drawer__overlay_16gp4_26 {
2432
2432
  box-sizing: border-box;
2433
2433
  }
2434
2434
  @layer drawer {
2435
- ._teddy-drawer__overlay_1hfde_26 {
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-drawer__overlay_1hfde_26 {
2444
+ ._teddy-drawer__overlay_16gp4_26 {
2445
2445
  /* Keep the overlay mounted until the children have animated */
2446
2446
  }
2447
- ._teddy-drawer__overlay_1hfde_26:where([data-state=closed]) {
2448
- animation: _teddy-overlay-no-op_1hfde_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
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-drawer__overlay_1hfde_26:where([data-state=open])::before {
2451
- animation: _teddy-fade-in_1hfde_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
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-drawer__overlay_1hfde_26:where([data-state=closed])::before {
2453
+ ._teddy-drawer__overlay_16gp4_26:where([data-state=closed])::before {
2454
2454
  opacity: 0;
2455
- animation: _teddy-fade-out_1hfde_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
2455
+ animation: _teddy-fade-out_16gp4_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
2456
2456
  }
2457
2457
  }
2458
- ._teddy-drawer__overlay_1hfde_26::before {
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--container_1hfde_60 {
2464
+ ._teddy-drawer__overlay--container_16gp4_60 {
2465
2465
  position: absolute;
2466
2466
  }
2467
- ._teddy-drawer__overlay--container_1hfde_60::before {
2467
+ ._teddy-drawer__overlay--container_16gp4_60::before {
2468
2468
  position: absolute;
2469
2469
  }
2470
- ._teddy-drawer__overlay--container_1hfde_60 ._teddy-drawer__content_1hfde_66 {
2470
+ ._teddy-drawer__overlay--container_16gp4_60 ._teddy-drawer__content_16gp4_66 {
2471
2471
  position: absolute;
2472
2472
  inset: 0;
2473
2473
  }
2474
- ._teddy-drawer__title_1hfde_70 {
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-drawer__content_1hfde_66 {
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-drawer__content_1hfde_66:where([data-state=open]) {
2499
- animation: _drawer-content-show_1hfde_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
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-drawer__content_1hfde_66:where([data-state=closed]) {
2502
- opacity: 0;
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--lg_1hfde_102 {
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--floating_1hfde_107 {
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-show_1hfde_1 {
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-hide_1hfde_1 {
2525
+ @keyframes _drawer-content-hide_16gp4_1 {
2527
2526
  from {
2528
2527
  transform: translateX(0px);
2529
2528
  }
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.3.3",
23
+ "version": "0.3.4",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"
@@ -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;