@telia/teddy 0.7.68 → 0.7.70
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/checkbox-card-group/checkbox-card-group-content.cjs +1 -1
- package/dist/components/checkbox-card-group/checkbox-card-group-content.js +2 -2
- package/dist/components/checkbox-card-group/checkbox-card-group-indicator.cjs +51 -40
- package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js +66 -55
- package/dist/components/checkbox-card-group/checkbox-card-group-item-title.cjs +0 -1
- package/dist/components/checkbox-card-group/checkbox-card-group-item-title.js +0 -1
- package/dist/components/checkbox-card-group/checkbox-card-group-item.js +3 -3
- package/dist/components/index.cjs +3 -3
- package/dist/components/index.js +1 -1
- package/dist/components/meter-bar/meter-bar-indicator.js +1 -1
- package/dist/components/modal/modal-close.cjs +0 -1
- package/dist/components/modal/modal-close.js +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.js +2 -2
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.cjs +1 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.js +3 -2
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.js +2 -2
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +2 -2
- package/dist/components/navigation-menu/global-navigation/global-navigation-root.js +4 -4
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.js +2 -2
- package/dist/components/navigation-menu/global-navigation/global-navigation-search.js +2 -2
- package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.js +2 -2
- package/dist/components/navigation-menu/navigation-menu.cjs +0 -3
- package/dist/components/navigation-menu/navigation-menu.js +0 -3
- package/dist/components/radio-card-group/radio-card-group-content.cjs +1 -1
- package/dist/components/radio-card-group/radio-card-group-content.js +2 -2
- package/dist/components/radio-card-group/radio-card-group-item-title.cjs +0 -1
- package/dist/components/radio-card-group/radio-card-group-item-title.js +2 -3
- package/dist/components/radio-card-group/radio-card-group-item.cjs +0 -1
- package/dist/components/radio-card-group/radio-card-group-item.js +2 -3
- package/dist/components/scroll-area/scroll-area-bar.cjs +0 -1
- package/dist/components/scroll-area/scroll-area-bar.js +0 -1
- package/dist/components/scroll-area/scroll-area-corner.cjs +0 -1
- package/dist/components/scroll-area/scroll-area-corner.js +0 -1
- package/dist/components/scroll-area/scroll-area-root.cjs +0 -1
- package/dist/components/scroll-area/scroll-area-root.js +0 -1
- package/dist/components/shopping-cart/shopping-cart-disclaimer.cjs +9 -9
- package/dist/components/shopping-cart/shopping-cart-disclaimer.js +9 -9
- package/dist/components/shopping-cart/shopping-cart-item.cjs +45 -36
- package/dist/components/shopping-cart/shopping-cart-item.js +45 -36
- package/dist/components/tabs/tabs-root.cjs +5 -5
- package/dist/components/tabs/tabs-root.js +5 -5
- package/dist/main.cjs +3 -3
- package/dist/main.js +1 -1
- package/dist/teddy.css +1 -0
- package/dist/utils/generate-styling/index.cjs +1 -6
- package/dist/utils/generate-styling/index.js +1 -6
- package/dist/utils/useCallbackRef.cjs +2 -2
- package/dist/utils/useCallbackRef.js +2 -2
- package/package.json +3 -3
- package/dist/style.css +0 -9874
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
require("react/jsx-runtime");
|
|
4
4
|
require("react");
|
|
5
|
-
require("@radix-ui/react-dialog");
|
|
6
5
|
require("../step-by-step/index.cjs");
|
|
7
6
|
require("../top-row-buttons/top-row-buttons.cjs");
|
|
8
7
|
require("../dashed-button/dashed-button-root.cjs");
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import "@radix-ui/react-dialog";
|
|
4
3
|
import "../step-by-step/index.js";
|
|
5
4
|
import "../top-row-buttons/top-row-buttons.js";
|
|
6
5
|
import "../dashed-button/dashed-button-root.js";
|
|
@@ -19,7 +18,7 @@ import "../collapsible/index.js";
|
|
|
19
18
|
import "../meter-bar/index.js";
|
|
20
19
|
import "../skeleton/index.js";
|
|
21
20
|
import "../checkbox/index.js";
|
|
22
|
-
import {
|
|
21
|
+
import { f } from "../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
23
22
|
import "../toast/toast-root.js";
|
|
24
23
|
import "sonner";
|
|
25
24
|
import "../toggletip/index.js";
|
|
@@ -69,5 +68,5 @@ import "../textarea/index.js";
|
|
|
69
68
|
import "../../modal.module-Cr1ceNDO.js";
|
|
70
69
|
import "./modal-root.js";
|
|
71
70
|
export {
|
|
72
|
-
|
|
71
|
+
f as Close
|
|
73
72
|
};
|
package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import {
|
|
3
|
+
import { l } from "../../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
4
4
|
import "./utils.js";
|
|
5
5
|
import "../../box/box.js";
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
l as DesktopSimplified
|
|
8
8
|
};
|
package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.cjs
CHANGED
|
@@ -8,4 +8,5 @@ require("../../flex/flex.cjs");
|
|
|
8
8
|
require("../../box/box.cjs");
|
|
9
9
|
require("../../../assets/sprite.e6f9b678-teddy.svg");
|
|
10
10
|
require("../../icon/icon.cjs");
|
|
11
|
+
require("./utils.cjs");
|
|
11
12
|
exports.MobileSimplified = components_checkboxCardGroup_checkboxCardGroupIndicator.MobileSimplified$1;
|
package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import {
|
|
3
|
+
import { m } from "../../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
4
4
|
import "clsx";
|
|
5
5
|
import "../../flex/flex.js";
|
|
6
6
|
import "../../box/box.js";
|
|
7
7
|
import "../../../assets/sprite.e6f9b678-teddy.svg";
|
|
8
8
|
import "../../icon/icon.js";
|
|
9
|
+
import "./utils.js";
|
|
9
10
|
export {
|
|
10
|
-
|
|
11
|
+
m as MobileSimplified
|
|
11
12
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { H,
|
|
3
|
+
import { H, k } from "../../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
4
4
|
import "clsx";
|
|
5
5
|
import "../../flex/flex.js";
|
|
6
6
|
import "../../box/box.js";
|
|
@@ -14,5 +14,5 @@ import "../../list/index.js";
|
|
|
14
14
|
import "../../heading/heading.js";
|
|
15
15
|
export {
|
|
16
16
|
H as HighlightedLinks,
|
|
17
|
-
|
|
17
|
+
k as Mobile
|
|
18
18
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../drawer/index.js";
|
|
4
|
-
import {
|
|
4
|
+
import { g } from "../../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
5
5
|
import "../../../assets/sprite.e6f9b678-teddy.svg";
|
|
6
6
|
import "../../icon/icon.js";
|
|
7
7
|
import "../../button/button.js";
|
|
@@ -11,5 +11,5 @@ import "../../text-spacing/text-spacing.js";
|
|
|
11
11
|
import "../../tabs/index.js";
|
|
12
12
|
import "./utils.js";
|
|
13
13
|
export {
|
|
14
|
-
|
|
14
|
+
g as MyPages
|
|
15
15
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "clsx";
|
|
4
|
-
import {
|
|
4
|
+
import { n, o, p } from "../../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
5
5
|
import "./utils.js";
|
|
6
6
|
import "../../box/box.js";
|
|
7
7
|
export {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
n as Root,
|
|
9
|
+
o as RootContext,
|
|
10
|
+
p as rootClassName
|
|
11
11
|
};
|
|
@@ -4,7 +4,7 @@ import "../../../assets/sprite.e6f9b678-teddy.svg";
|
|
|
4
4
|
import "../../icon/icon.js";
|
|
5
5
|
import "../../text-field/index.js";
|
|
6
6
|
import "../../../utils/composeRefs.js";
|
|
7
|
-
import {
|
|
7
|
+
import { h } from "../../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
8
8
|
export {
|
|
9
|
-
|
|
9
|
+
h as SearchField
|
|
10
10
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../drawer/index.js";
|
|
4
|
-
import {
|
|
4
|
+
import { i } from "../../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
5
5
|
import "../../../assets/sprite.e6f9b678-teddy.svg";
|
|
6
6
|
import "../../icon/icon.js";
|
|
7
7
|
import "../../button/button.js";
|
|
8
8
|
export {
|
|
9
|
-
|
|
9
|
+
i as Search
|
|
10
10
|
};
|
package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.js
CHANGED
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "clsx";
|
|
3
3
|
import "react";
|
|
4
4
|
import "../../drawer/index.js";
|
|
5
|
-
import {
|
|
5
|
+
import { j } from "../../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
6
6
|
import "../../../assets/sprite.e6f9b678-teddy.svg";
|
|
7
7
|
import "../../icon/icon.js";
|
|
8
8
|
import "../../button/button.js";
|
|
@@ -10,5 +10,5 @@ import "../../badge/badge.js";
|
|
|
10
10
|
import "../../badge/alert-badge.js";
|
|
11
11
|
import "../../badge/counter-badge.js";
|
|
12
12
|
export {
|
|
13
|
-
|
|
13
|
+
j as ShoppingCart
|
|
14
14
|
};
|
|
@@ -3,13 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
require("react/jsx-runtime");
|
|
4
4
|
require("react");
|
|
5
5
|
require("clsx");
|
|
6
|
-
require("@radix-ui/react-navigation-menu");
|
|
7
6
|
const components_checkboxCardGroup_checkboxCardGroupIndicator = require("../checkbox-card-group/checkbox-card-group-indicator.cjs");
|
|
8
7
|
require("../../utils/composeRefs.cjs");
|
|
9
8
|
require("../visually-hidden/visually-hidden.cjs");
|
|
10
9
|
require("../../utils/composeEventHandlers.cjs");
|
|
11
|
-
require("@radix-ui/react-slot");
|
|
12
|
-
require("@radix-ui/react-use-controllable-state");
|
|
13
10
|
require("../../utils/generate-styling/index.cjs");
|
|
14
11
|
require("../../tokens/motion/variables.cjs");
|
|
15
12
|
require("../step-by-step/index.cjs");
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "clsx";
|
|
4
|
-
import "@radix-ui/react-navigation-menu";
|
|
5
4
|
import { N, S, r } from "../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
6
5
|
import "../../utils/composeRefs.js";
|
|
7
6
|
import "../visually-hidden/visually-hidden.js";
|
|
8
7
|
import "../../utils/composeEventHandlers.js";
|
|
9
|
-
import "@radix-ui/react-slot";
|
|
10
|
-
import "@radix-ui/react-use-controllable-state";
|
|
11
8
|
import "../../utils/generate-styling/index.js";
|
|
12
9
|
import "../../tokens/motion/variables.js";
|
|
13
10
|
import "../step-by-step/index.js";
|
|
@@ -67,4 +67,4 @@ require("../container/container.cjs");
|
|
|
67
67
|
require("../carousel/carousel-root.cjs");
|
|
68
68
|
require("../slider/slider.cjs");
|
|
69
69
|
require("../textarea/index.cjs");
|
|
70
|
-
exports.Content = components_checkboxCardGroup_checkboxCardGroupIndicator.Content$
|
|
70
|
+
exports.Content = components_checkboxCardGroup_checkboxCardGroupIndicator.Content$1;
|
|
@@ -20,7 +20,7 @@ import "../collapsible/index.js";
|
|
|
20
20
|
import "../meter-bar/index.js";
|
|
21
21
|
import "../skeleton/index.js";
|
|
22
22
|
import "../checkbox/index.js";
|
|
23
|
-
import {
|
|
23
|
+
import { c } from "../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
24
24
|
import "../toast/toast-root.js";
|
|
25
25
|
import "sonner";
|
|
26
26
|
import "../toggletip/index.js";
|
|
@@ -66,5 +66,5 @@ import "../carousel/carousel-root.js";
|
|
|
66
66
|
import "../slider/slider.js";
|
|
67
67
|
import "../textarea/index.js";
|
|
68
68
|
export {
|
|
69
|
-
|
|
69
|
+
c as Content
|
|
70
70
|
};
|
|
@@ -4,7 +4,6 @@ require("react/jsx-runtime");
|
|
|
4
4
|
require("clsx");
|
|
5
5
|
require("react");
|
|
6
6
|
require("./radio-card-group-root.cjs");
|
|
7
|
-
require("@radix-ui/react-slot");
|
|
8
7
|
require("../step-by-step/index.cjs");
|
|
9
8
|
require("../top-row-buttons/top-row-buttons.cjs");
|
|
10
9
|
require("../dashed-button/dashed-button-root.cjs");
|
|
@@ -2,7 +2,6 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "clsx";
|
|
3
3
|
import "react";
|
|
4
4
|
import "./radio-card-group-root.js";
|
|
5
|
-
import "@radix-ui/react-slot";
|
|
6
5
|
import "../step-by-step/index.js";
|
|
7
6
|
import "../top-row-buttons/top-row-buttons.js";
|
|
8
7
|
import "../dashed-button/dashed-button-root.js";
|
|
@@ -21,7 +20,7 @@ import "../collapsible/index.js";
|
|
|
21
20
|
import "../meter-bar/index.js";
|
|
22
21
|
import "../skeleton/index.js";
|
|
23
22
|
import "../checkbox/index.js";
|
|
24
|
-
import {
|
|
23
|
+
import { b } from "../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
25
24
|
import "../toast/toast-root.js";
|
|
26
25
|
import "sonner";
|
|
27
26
|
import "../toggletip/index.js";
|
|
@@ -68,5 +67,5 @@ import "../slider/slider.js";
|
|
|
68
67
|
import "../textarea/index.js";
|
|
69
68
|
import "./radio-card-group-indicator.js";
|
|
70
69
|
export {
|
|
71
|
-
|
|
70
|
+
b as Title
|
|
72
71
|
};
|
|
@@ -4,7 +4,6 @@ require("react/jsx-runtime");
|
|
|
4
4
|
require("clsx");
|
|
5
5
|
require("react");
|
|
6
6
|
require("./radio-card-group-root.cjs");
|
|
7
|
-
require("@radix-ui/react-radio-group");
|
|
8
7
|
require("../step-by-step/index.cjs");
|
|
9
8
|
require("../top-row-buttons/top-row-buttons.cjs");
|
|
10
9
|
require("../dashed-button/dashed-button-root.cjs");
|
|
@@ -2,7 +2,6 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "clsx";
|
|
3
3
|
import "react";
|
|
4
4
|
import "./radio-card-group-root.js";
|
|
5
|
-
import "@radix-ui/react-radio-group";
|
|
6
5
|
import "../step-by-step/index.js";
|
|
7
6
|
import "../top-row-buttons/top-row-buttons.js";
|
|
8
7
|
import "../dashed-button/dashed-button-root.js";
|
|
@@ -21,7 +20,7 @@ import "../collapsible/index.js";
|
|
|
21
20
|
import "../meter-bar/index.js";
|
|
22
21
|
import "../skeleton/index.js";
|
|
23
22
|
import "../checkbox/index.js";
|
|
24
|
-
import {
|
|
23
|
+
import { d, e } from "../checkbox-card-group/checkbox-card-group-indicator.js";
|
|
25
24
|
import "../toast/toast-root.js";
|
|
26
25
|
import "sonner";
|
|
27
26
|
import "../toggletip/index.js";
|
|
@@ -68,6 +67,6 @@ import "../slider/slider.js";
|
|
|
68
67
|
import "../textarea/index.js";
|
|
69
68
|
import "../../utils/composeRefs.js";
|
|
70
69
|
export {
|
|
71
|
-
|
|
70
|
+
d as Item,
|
|
72
71
|
e as ItemContext
|
|
73
72
|
};
|
|
@@ -3,6 +3,5 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
require("react/jsx-runtime");
|
|
4
4
|
require("react");
|
|
5
5
|
require("clsx");
|
|
6
|
-
require("@radix-ui/react-scroll-area");
|
|
7
6
|
const components_scrollArea_scrollAreaThumb = require("./scroll-area-thumb.cjs");
|
|
8
7
|
exports.Scrollbar = components_scrollArea_scrollAreaThumb.Scrollbar$1;
|
|
@@ -3,6 +3,5 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
require("react/jsx-runtime");
|
|
4
4
|
require("react");
|
|
5
5
|
require("clsx");
|
|
6
|
-
require("@radix-ui/react-scroll-area");
|
|
7
6
|
const components_scrollArea_scrollAreaThumb = require("./scroll-area-thumb.cjs");
|
|
8
7
|
exports.Corner = components_scrollArea_scrollAreaThumb.Corner$1;
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
require("react/jsx-runtime");
|
|
4
4
|
require("react");
|
|
5
5
|
require("clsx");
|
|
6
|
-
require("@radix-ui/react-scroll-area");
|
|
7
6
|
const components_scrollArea_scrollAreaThumb = require("./scroll-area-thumb.cjs");
|
|
8
7
|
exports.Root = components_scrollArea_scrollAreaThumb.Root$1;
|
|
9
8
|
exports.RootContext = components_scrollArea_scrollAreaThumb.RootContext$1;
|
|
@@ -6,15 +6,15 @@ const clsx = require("clsx");
|
|
|
6
6
|
require("../../assets/sprite.e6f9b678-teddy.svg");
|
|
7
7
|
const components_icon_icon = require("../icon/icon.cjs");
|
|
8
8
|
const components_collapsible_index = require("../collapsible/index.cjs");
|
|
9
|
-
const singleDisclaimer = "
|
|
10
|
-
const disclaimer = "
|
|
11
|
-
const disclaimerHeader = "
|
|
12
|
-
const disclaimerHeaderLeft = "
|
|
13
|
-
const disclaimerIcon = "
|
|
14
|
-
const disclaimerItem = "
|
|
15
|
-
const disclaimerItemTotal = "
|
|
16
|
-
const disclaimerItemSubtitle = "
|
|
17
|
-
const disclaimerTotal = "
|
|
9
|
+
const singleDisclaimer = "_singleDisclaimer_1qvnp_1";
|
|
10
|
+
const disclaimer = "_disclaimer_1qvnp_6";
|
|
11
|
+
const disclaimerHeader = "_disclaimerHeader_1qvnp_12";
|
|
12
|
+
const disclaimerHeaderLeft = "_disclaimerHeaderLeft_1qvnp_17";
|
|
13
|
+
const disclaimerIcon = "_disclaimerIcon_1qvnp_26";
|
|
14
|
+
const disclaimerItem = "_disclaimerItem_1qvnp_31";
|
|
15
|
+
const disclaimerItemTotal = "_disclaimerItemTotal_1qvnp_39";
|
|
16
|
+
const disclaimerItemSubtitle = "_disclaimerItemSubtitle_1qvnp_43";
|
|
17
|
+
const disclaimerTotal = "_disclaimerTotal_1qvnp_48";
|
|
18
18
|
const styles = {
|
|
19
19
|
singleDisclaimer,
|
|
20
20
|
disclaimer,
|
|
@@ -4,15 +4,15 @@ import { clsx } from "clsx";
|
|
|
4
4
|
import "../../assets/sprite.e6f9b678-teddy.svg";
|
|
5
5
|
import { Icon } from "../icon/icon.js";
|
|
6
6
|
import { Collapsible } from "../collapsible/index.js";
|
|
7
|
-
const singleDisclaimer = "
|
|
8
|
-
const disclaimer = "
|
|
9
|
-
const disclaimerHeader = "
|
|
10
|
-
const disclaimerHeaderLeft = "
|
|
11
|
-
const disclaimerIcon = "
|
|
12
|
-
const disclaimerItem = "
|
|
13
|
-
const disclaimerItemTotal = "
|
|
14
|
-
const disclaimerItemSubtitle = "
|
|
15
|
-
const disclaimerTotal = "
|
|
7
|
+
const singleDisclaimer = "_singleDisclaimer_1qvnp_1";
|
|
8
|
+
const disclaimer = "_disclaimer_1qvnp_6";
|
|
9
|
+
const disclaimerHeader = "_disclaimerHeader_1qvnp_12";
|
|
10
|
+
const disclaimerHeaderLeft = "_disclaimerHeaderLeft_1qvnp_17";
|
|
11
|
+
const disclaimerIcon = "_disclaimerIcon_1qvnp_26";
|
|
12
|
+
const disclaimerItem = "_disclaimerItem_1qvnp_31";
|
|
13
|
+
const disclaimerItemTotal = "_disclaimerItemTotal_1qvnp_39";
|
|
14
|
+
const disclaimerItemSubtitle = "_disclaimerItemSubtitle_1qvnp_43";
|
|
15
|
+
const disclaimerTotal = "_disclaimerTotal_1qvnp_48";
|
|
16
16
|
const styles = {
|
|
17
17
|
singleDisclaimer,
|
|
18
18
|
disclaimer,
|
|
@@ -14,38 +14,38 @@ const components_tooltip_index = require("../tooltip/index.cjs");
|
|
|
14
14
|
const components_shoppingCart_types = require("./types.cjs");
|
|
15
15
|
const components_shoppingCart_shoppingCartContext = require("./shopping-cart-context.cjs");
|
|
16
16
|
const components_shoppingCart_utils = require("./utils.cjs");
|
|
17
|
-
const item = "
|
|
18
|
-
const breakageFeeInfo = "
|
|
19
|
-
const nameWrapper = "
|
|
20
|
-
const link = "
|
|
21
|
-
const cartLink = "
|
|
22
|
-
const discountDescription = "
|
|
23
|
-
const name = "
|
|
24
|
-
const nameContainer = "
|
|
25
|
-
const subtitle = "
|
|
26
|
-
const subtitleRow = "
|
|
27
|
-
const subtitlePriceInfo = "
|
|
28
|
-
const quantityPickerWrapper = "
|
|
29
|
-
const pricePer = "
|
|
30
|
-
const quantityPicker = "
|
|
31
|
-
const priceContainer = "
|
|
32
|
-
const priceRow = "
|
|
33
|
-
const priceCost = "
|
|
34
|
-
const priceLabel = "
|
|
35
|
-
const priceLinethrough = "
|
|
36
|
-
const priceLinethroughDisclaimer = "
|
|
37
|
-
const imageContainer = "
|
|
38
|
-
const noImageContainer = "
|
|
39
|
-
const image = "
|
|
40
|
-
const iconImage = "
|
|
41
|
-
const deleteButtonContainer = "
|
|
42
|
-
const uniqueDiscount = "
|
|
43
|
-
const uniqueDiscountLabel = "
|
|
44
|
-
const uniqueDiscountPrice = "
|
|
45
|
-
const onlyInShops = "
|
|
46
|
-
const onlyInShopsLabel = "
|
|
47
|
-
const tooltipTrigger = "
|
|
48
|
-
const priceWrapper = "
|
|
17
|
+
const item = "_item_1xnov_1";
|
|
18
|
+
const breakageFeeInfo = "_breakageFeeInfo_1xnov_7";
|
|
19
|
+
const nameWrapper = "_nameWrapper_1xnov_26";
|
|
20
|
+
const link = "_link_1xnov_33";
|
|
21
|
+
const cartLink = "_cartLink_1xnov_51";
|
|
22
|
+
const discountDescription = "_discountDescription_1xnov_59";
|
|
23
|
+
const name = "_name_1xnov_26";
|
|
24
|
+
const nameContainer = "_nameContainer_1xnov_72";
|
|
25
|
+
const subtitle = "_subtitle_1xnov_76";
|
|
26
|
+
const subtitleRow = "_subtitleRow_1xnov_84";
|
|
27
|
+
const subtitlePriceInfo = "_subtitlePriceInfo_1xnov_91";
|
|
28
|
+
const quantityPickerWrapper = "_quantityPickerWrapper_1xnov_97";
|
|
29
|
+
const pricePer = "_pricePer_1xnov_104";
|
|
30
|
+
const quantityPicker = "_quantityPicker_1xnov_97";
|
|
31
|
+
const priceContainer = "_priceContainer_1xnov_116";
|
|
32
|
+
const priceRow = "_priceRow_1xnov_123";
|
|
33
|
+
const priceCost = "_priceCost_1xnov_129";
|
|
34
|
+
const priceLabel = "_priceLabel_1xnov_137";
|
|
35
|
+
const priceLinethrough = "_priceLinethrough_1xnov_142";
|
|
36
|
+
const priceLinethroughDisclaimer = "_priceLinethroughDisclaimer_1xnov_152";
|
|
37
|
+
const imageContainer = "_imageContainer_1xnov_161";
|
|
38
|
+
const noImageContainer = "_noImageContainer_1xnov_173";
|
|
39
|
+
const image = "_image_1xnov_161";
|
|
40
|
+
const iconImage = "_iconImage_1xnov_186";
|
|
41
|
+
const deleteButtonContainer = "_deleteButtonContainer_1xnov_192";
|
|
42
|
+
const uniqueDiscount = "_uniqueDiscount_1xnov_219";
|
|
43
|
+
const uniqueDiscountLabel = "_uniqueDiscountLabel_1xnov_226";
|
|
44
|
+
const uniqueDiscountPrice = "_uniqueDiscountPrice_1xnov_232";
|
|
45
|
+
const onlyInShops = "_onlyInShops_1xnov_237";
|
|
46
|
+
const onlyInShopsLabel = "_onlyInShopsLabel_1xnov_244";
|
|
47
|
+
const tooltipTrigger = "_tooltipTrigger_1xnov_263";
|
|
48
|
+
const priceWrapper = "_priceWrapper_1xnov_271";
|
|
49
49
|
const styles = {
|
|
50
50
|
item,
|
|
51
51
|
breakageFeeInfo,
|
|
@@ -136,14 +136,14 @@ const CartItemImage = ({ cartItem }) => {
|
|
|
136
136
|
const renderImage = () => {
|
|
137
137
|
var _a, _b;
|
|
138
138
|
if ((_a = cartItem.image) == null ? void 0 : _a.url) {
|
|
139
|
-
return /* @__PURE__ */ jsxRuntime.jsx("img", { className: styles.image, src: `${cartItem.image.url}?w=44&h=75
|
|
139
|
+
return /* @__PURE__ */ jsxRuntime.jsx("img", { "aria-label": "cart item image", className: styles.image, src: `${cartItem.image.url}?w=44&h=75` });
|
|
140
140
|
}
|
|
141
141
|
if ((_b = cartItem.image) == null ? void 0 : _b.icon) {
|
|
142
|
-
return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { className: styles.iconImage, name: cartItem.image.icon });
|
|
142
|
+
return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { "aria-label": "cart item icon", className: styles.iconImage, name: cartItem.image.icon });
|
|
143
143
|
}
|
|
144
144
|
return null;
|
|
145
145
|
};
|
|
146
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.imageContainer, children: cartItem.href ? /* @__PURE__ */ jsxRuntime.jsx(components_link_link.Link, { href: cartItem.href, variant: "navigation", className: styles.cartLink, children: renderImage() }) : renderImage() });
|
|
146
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.imageContainer, children: cartItem.href ? /* @__PURE__ */ jsxRuntime.jsx(components_link_link.Link, { href: cartItem.href, "aria-label": cartItem.name, variant: "navigation", className: styles.cartLink, children: renderImage() }) : renderImage() });
|
|
147
147
|
};
|
|
148
148
|
const CartItemPriceDisplay = ({ cartItem, hasPaid, onChangeQuantity }) => {
|
|
149
149
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
@@ -285,7 +285,16 @@ const Item = ({ cartItem, onChangeQuantity, onRemoveItem, className }) => {
|
|
|
285
285
|
/* @__PURE__ */ jsxRuntime.jsx(CartItemPriceDisplay, { cartItem, onChangeQuantity, hasPaid })
|
|
286
286
|
] })
|
|
287
287
|
] }),
|
|
288
|
-
isRemovable && isAllowedToDelete && !readonly && /* @__PURE__ */ jsxRuntime.jsx(
|
|
288
|
+
isRemovable && isAllowedToDelete && !readonly && /* @__PURE__ */ jsxRuntime.jsx(
|
|
289
|
+
"button",
|
|
290
|
+
{
|
|
291
|
+
"aria-label": `Fjern ${cartItem.name}`,
|
|
292
|
+
type: "button",
|
|
293
|
+
onClick: () => onRemoveItem(cartItem),
|
|
294
|
+
className: styles.deleteButtonContainer,
|
|
295
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "remove", "aria-hidden": "true" })
|
|
296
|
+
}
|
|
297
|
+
)
|
|
289
298
|
] });
|
|
290
299
|
};
|
|
291
300
|
Item.displayName = "Item";
|
|
@@ -12,38 +12,38 @@ import { Tooltip } from "../tooltip/index.js";
|
|
|
12
12
|
import { CART_ITEM_TYPE } from "./types.js";
|
|
13
13
|
import { useShoppingCart } from "./shopping-cart-context.js";
|
|
14
14
|
import { getDiscountPrice, getPrice, defaultFormatPrice } from "./utils.js";
|
|
15
|
-
const item = "
|
|
16
|
-
const breakageFeeInfo = "
|
|
17
|
-
const nameWrapper = "
|
|
18
|
-
const link = "
|
|
19
|
-
const cartLink = "
|
|
20
|
-
const discountDescription = "
|
|
21
|
-
const name = "
|
|
22
|
-
const nameContainer = "
|
|
23
|
-
const subtitle = "
|
|
24
|
-
const subtitleRow = "
|
|
25
|
-
const subtitlePriceInfo = "
|
|
26
|
-
const quantityPickerWrapper = "
|
|
27
|
-
const pricePer = "
|
|
28
|
-
const quantityPicker = "
|
|
29
|
-
const priceContainer = "
|
|
30
|
-
const priceRow = "
|
|
31
|
-
const priceCost = "
|
|
32
|
-
const priceLabel = "
|
|
33
|
-
const priceLinethrough = "
|
|
34
|
-
const priceLinethroughDisclaimer = "
|
|
35
|
-
const imageContainer = "
|
|
36
|
-
const noImageContainer = "
|
|
37
|
-
const image = "
|
|
38
|
-
const iconImage = "
|
|
39
|
-
const deleteButtonContainer = "
|
|
40
|
-
const uniqueDiscount = "
|
|
41
|
-
const uniqueDiscountLabel = "
|
|
42
|
-
const uniqueDiscountPrice = "
|
|
43
|
-
const onlyInShops = "
|
|
44
|
-
const onlyInShopsLabel = "
|
|
45
|
-
const tooltipTrigger = "
|
|
46
|
-
const priceWrapper = "
|
|
15
|
+
const item = "_item_1xnov_1";
|
|
16
|
+
const breakageFeeInfo = "_breakageFeeInfo_1xnov_7";
|
|
17
|
+
const nameWrapper = "_nameWrapper_1xnov_26";
|
|
18
|
+
const link = "_link_1xnov_33";
|
|
19
|
+
const cartLink = "_cartLink_1xnov_51";
|
|
20
|
+
const discountDescription = "_discountDescription_1xnov_59";
|
|
21
|
+
const name = "_name_1xnov_26";
|
|
22
|
+
const nameContainer = "_nameContainer_1xnov_72";
|
|
23
|
+
const subtitle = "_subtitle_1xnov_76";
|
|
24
|
+
const subtitleRow = "_subtitleRow_1xnov_84";
|
|
25
|
+
const subtitlePriceInfo = "_subtitlePriceInfo_1xnov_91";
|
|
26
|
+
const quantityPickerWrapper = "_quantityPickerWrapper_1xnov_97";
|
|
27
|
+
const pricePer = "_pricePer_1xnov_104";
|
|
28
|
+
const quantityPicker = "_quantityPicker_1xnov_97";
|
|
29
|
+
const priceContainer = "_priceContainer_1xnov_116";
|
|
30
|
+
const priceRow = "_priceRow_1xnov_123";
|
|
31
|
+
const priceCost = "_priceCost_1xnov_129";
|
|
32
|
+
const priceLabel = "_priceLabel_1xnov_137";
|
|
33
|
+
const priceLinethrough = "_priceLinethrough_1xnov_142";
|
|
34
|
+
const priceLinethroughDisclaimer = "_priceLinethroughDisclaimer_1xnov_152";
|
|
35
|
+
const imageContainer = "_imageContainer_1xnov_161";
|
|
36
|
+
const noImageContainer = "_noImageContainer_1xnov_173";
|
|
37
|
+
const image = "_image_1xnov_161";
|
|
38
|
+
const iconImage = "_iconImage_1xnov_186";
|
|
39
|
+
const deleteButtonContainer = "_deleteButtonContainer_1xnov_192";
|
|
40
|
+
const uniqueDiscount = "_uniqueDiscount_1xnov_219";
|
|
41
|
+
const uniqueDiscountLabel = "_uniqueDiscountLabel_1xnov_226";
|
|
42
|
+
const uniqueDiscountPrice = "_uniqueDiscountPrice_1xnov_232";
|
|
43
|
+
const onlyInShops = "_onlyInShops_1xnov_237";
|
|
44
|
+
const onlyInShopsLabel = "_onlyInShopsLabel_1xnov_244";
|
|
45
|
+
const tooltipTrigger = "_tooltipTrigger_1xnov_263";
|
|
46
|
+
const priceWrapper = "_priceWrapper_1xnov_271";
|
|
47
47
|
const styles = {
|
|
48
48
|
item,
|
|
49
49
|
breakageFeeInfo,
|
|
@@ -134,14 +134,14 @@ const CartItemImage = ({ cartItem }) => {
|
|
|
134
134
|
const renderImage = () => {
|
|
135
135
|
var _a, _b;
|
|
136
136
|
if ((_a = cartItem.image) == null ? void 0 : _a.url) {
|
|
137
|
-
return /* @__PURE__ */ jsx("img", { className: styles.image, src: `${cartItem.image.url}?w=44&h=75
|
|
137
|
+
return /* @__PURE__ */ jsx("img", { "aria-label": "cart item image", className: styles.image, src: `${cartItem.image.url}?w=44&h=75` });
|
|
138
138
|
}
|
|
139
139
|
if ((_b = cartItem.image) == null ? void 0 : _b.icon) {
|
|
140
|
-
return /* @__PURE__ */ jsx(Icon, { className: styles.iconImage, name: cartItem.image.icon });
|
|
140
|
+
return /* @__PURE__ */ jsx(Icon, { "aria-label": "cart item icon", className: styles.iconImage, name: cartItem.image.icon });
|
|
141
141
|
}
|
|
142
142
|
return null;
|
|
143
143
|
};
|
|
144
|
-
return /* @__PURE__ */ jsx("div", { className: styles.imageContainer, children: cartItem.href ? /* @__PURE__ */ jsx(Link, { href: cartItem.href, variant: "navigation", className: styles.cartLink, children: renderImage() }) : renderImage() });
|
|
144
|
+
return /* @__PURE__ */ jsx("div", { className: styles.imageContainer, children: cartItem.href ? /* @__PURE__ */ jsx(Link, { href: cartItem.href, "aria-label": cartItem.name, variant: "navigation", className: styles.cartLink, children: renderImage() }) : renderImage() });
|
|
145
145
|
};
|
|
146
146
|
const CartItemPriceDisplay = ({ cartItem, hasPaid, onChangeQuantity }) => {
|
|
147
147
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
@@ -283,7 +283,16 @@ const Item = ({ cartItem, onChangeQuantity, onRemoveItem, className }) => {
|
|
|
283
283
|
/* @__PURE__ */ jsx(CartItemPriceDisplay, { cartItem, onChangeQuantity, hasPaid })
|
|
284
284
|
] })
|
|
285
285
|
] }),
|
|
286
|
-
isRemovable && isAllowedToDelete && !readonly && /* @__PURE__ */ jsx(
|
|
286
|
+
isRemovable && isAllowedToDelete && !readonly && /* @__PURE__ */ jsx(
|
|
287
|
+
"button",
|
|
288
|
+
{
|
|
289
|
+
"aria-label": `Fjern ${cartItem.name}`,
|
|
290
|
+
type: "button",
|
|
291
|
+
onClick: () => onRemoveItem(cartItem),
|
|
292
|
+
className: styles.deleteButtonContainer,
|
|
293
|
+
children: /* @__PURE__ */ jsx(Icon, { name: "remove", "aria-hidden": "true" })
|
|
294
|
+
}
|
|
295
|
+
)
|
|
287
296
|
] });
|
|
288
297
|
};
|
|
289
298
|
Item.displayName = "Item";
|
|
@@ -24,11 +24,11 @@ function _interopNamespaceDefault(e) {
|
|
|
24
24
|
}
|
|
25
25
|
const TabsPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TabsPrimitive);
|
|
26
26
|
const styles = {
|
|
27
|
-
"teddy-tabs__list": "_teddy-
|
|
28
|
-
"teddy-tabs--full-width": "_teddy-tabs--full-
|
|
29
|
-
"teddy-tabs__content": "_teddy-
|
|
30
|
-
"teddy-tabs__trigger": "_teddy-
|
|
31
|
-
"teddy-tabs__scroll-button": "_teddy-tabs__scroll-
|
|
27
|
+
"teddy-tabs__list": "_teddy-tabs__list_1dmbc_1",
|
|
28
|
+
"teddy-tabs--full-width": "_teddy-tabs--full-width_1dmbc_30",
|
|
29
|
+
"teddy-tabs__content": "_teddy-tabs__content_1dmbc_33",
|
|
30
|
+
"teddy-tabs__trigger": "_teddy-tabs__trigger_1dmbc_37",
|
|
31
|
+
"teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1dmbc_59"
|
|
32
32
|
};
|
|
33
33
|
const rootClassName = "teddy-tabs";
|
|
34
34
|
const RootContext = React.createContext(void 0);
|