@telia/teddy 0.7.59 → 0.7.61
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/shopping-cart/shopping-cart-disclaimer.cjs +11 -11
- package/dist/components/shopping-cart/shopping-cart-disclaimer.js +11 -11
- package/dist/style.css +15 -10
- package/dist/tokens/color/variables.cjs +6 -0
- package/dist/tokens/color/variables.d.ts +2 -0
- package/dist/tokens/color/variables.js +6 -0
- package/package.json +1 -1
|
@@ -6,15 +6,15 @@ const clsx = require("clsx");
|
|
|
6
6
|
require("../../assets/sprite.44b293a1-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_1c13t_1";
|
|
10
|
+
const disclaimer = "_disclaimer_1c13t_6";
|
|
11
|
+
const disclaimerHeader = "_disclaimerHeader_1c13t_12";
|
|
12
|
+
const disclaimerHeaderLeft = "_disclaimerHeaderLeft_1c13t_17";
|
|
13
|
+
const disclaimerIcon = "_disclaimerIcon_1c13t_26";
|
|
14
|
+
const disclaimerItem = "_disclaimerItem_1c13t_31";
|
|
15
|
+
const disclaimerItemTotal = "_disclaimerItemTotal_1c13t_39";
|
|
16
|
+
const disclaimerItemSubtitle = "_disclaimerItemSubtitle_1c13t_43";
|
|
17
|
+
const disclaimerTotal = "_disclaimerTotal_1c13t_48";
|
|
18
18
|
const styles = {
|
|
19
19
|
singleDisclaimer,
|
|
20
20
|
disclaimer,
|
|
@@ -41,8 +41,8 @@ const Disclaimer = ({ disclaimer: disclaimer2, onOpenDisclaimer, className }) =>
|
|
|
41
41
|
return /* @__PURE__ */ jsxRuntime.jsxs(components_collapsible_index.Collapsible, { open: isExpanded, onOpenChange: handleOpenChange, className, children: [
|
|
42
42
|
/* @__PURE__ */ jsxRuntime.jsx(components_collapsible_index.Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.disclaimer, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.disclaimerHeader, children: [
|
|
43
43
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.disclaimerHeaderLeft, children: [
|
|
44
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
45
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
44
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Minste totalpris" }),
|
|
45
|
+
/* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: isExpanded ? "chevron-up" : "chevron-down", className: styles.disclaimerIcon })
|
|
46
46
|
] }),
|
|
47
47
|
!isExpanded && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
|
|
48
48
|
minimumTotalPrice,
|
|
@@ -4,15 +4,15 @@ import { clsx } from "clsx";
|
|
|
4
4
|
import "../../assets/sprite.44b293a1-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_1c13t_1";
|
|
8
|
+
const disclaimer = "_disclaimer_1c13t_6";
|
|
9
|
+
const disclaimerHeader = "_disclaimerHeader_1c13t_12";
|
|
10
|
+
const disclaimerHeaderLeft = "_disclaimerHeaderLeft_1c13t_17";
|
|
11
|
+
const disclaimerIcon = "_disclaimerIcon_1c13t_26";
|
|
12
|
+
const disclaimerItem = "_disclaimerItem_1c13t_31";
|
|
13
|
+
const disclaimerItemTotal = "_disclaimerItemTotal_1c13t_39";
|
|
14
|
+
const disclaimerItemSubtitle = "_disclaimerItemSubtitle_1c13t_43";
|
|
15
|
+
const disclaimerTotal = "_disclaimerTotal_1c13t_48";
|
|
16
16
|
const styles = {
|
|
17
17
|
singleDisclaimer,
|
|
18
18
|
disclaimer,
|
|
@@ -39,8 +39,8 @@ const Disclaimer = ({ disclaimer: disclaimer2, onOpenDisclaimer, className }) =>
|
|
|
39
39
|
return /* @__PURE__ */ jsxs(Collapsible, { open: isExpanded, onOpenChange: handleOpenChange, className, children: [
|
|
40
40
|
/* @__PURE__ */ jsx(Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: styles.disclaimer, children: /* @__PURE__ */ jsxs("div", { className: styles.disclaimerHeader, children: [
|
|
41
41
|
/* @__PURE__ */ jsxs("div", { className: styles.disclaimerHeaderLeft, children: [
|
|
42
|
-
/* @__PURE__ */ jsx(
|
|
43
|
-
/* @__PURE__ */ jsx(
|
|
42
|
+
/* @__PURE__ */ jsx("span", { children: "Minste totalpris" }),
|
|
43
|
+
/* @__PURE__ */ jsx(Icon, { name: isExpanded ? "chevron-up" : "chevron-down", className: styles.disclaimerIcon })
|
|
44
44
|
] }),
|
|
45
45
|
!isExpanded && /* @__PURE__ */ jsxs("span", { children: [
|
|
46
46
|
minimumTotalPrice,
|
package/dist/style.css
CHANGED
|
@@ -1717,36 +1717,37 @@
|
|
|
1717
1717
|
0% {
|
|
1718
1718
|
transform: translateX(-100%);
|
|
1719
1719
|
}
|
|
1720
|
-
}.
|
|
1720
|
+
}._singleDisclaimer_1c13t_1 {
|
|
1721
1721
|
font-size: var(--teddy-typography-scale-75);
|
|
1722
1722
|
padding: var(--teddy-spacing-100) var(--teddy-spacing-200);
|
|
1723
1723
|
}
|
|
1724
1724
|
|
|
1725
|
-
.
|
|
1725
|
+
._disclaimer_1c13t_6 {
|
|
1726
1726
|
padding: var(--teddy-spacing-300) var(--teddy-spacing-200) 0 0;
|
|
1727
1727
|
cursor: pointer;
|
|
1728
1728
|
font-size: var(--teddy-typography-scale-75);
|
|
1729
1729
|
}
|
|
1730
1730
|
|
|
1731
|
-
.
|
|
1731
|
+
._disclaimerHeader_1c13t_12 {
|
|
1732
1732
|
display: flex;
|
|
1733
1733
|
justify-content: space-between;
|
|
1734
1734
|
}
|
|
1735
1735
|
|
|
1736
|
-
.
|
|
1736
|
+
._disclaimerHeaderLeft_1c13t_17 {
|
|
1737
1737
|
display: flex;
|
|
1738
1738
|
align-items: center;
|
|
1739
|
+
text-decoration: underline;
|
|
1739
1740
|
}
|
|
1740
|
-
.
|
|
1741
|
+
._disclaimerHeaderLeft_1c13t_17 > * {
|
|
1741
1742
|
margin-right: var(--teddy-spacing-100);
|
|
1742
1743
|
}
|
|
1743
1744
|
|
|
1744
|
-
.
|
|
1745
|
+
._disclaimerIcon_1c13t_26 {
|
|
1745
1746
|
width: 1.5rem;
|
|
1746
1747
|
height: 1.5rem;
|
|
1747
1748
|
}
|
|
1748
1749
|
|
|
1749
|
-
.
|
|
1750
|
+
._disclaimerItem_1c13t_31 {
|
|
1750
1751
|
display: grid;
|
|
1751
1752
|
grid-template-columns: auto auto;
|
|
1752
1753
|
margin-top: var(--teddy-spacing-150);
|
|
@@ -1754,16 +1755,16 @@
|
|
|
1754
1755
|
font-size: var(--teddy-typography-scale-75);
|
|
1755
1756
|
}
|
|
1756
1757
|
|
|
1757
|
-
.
|
|
1758
|
+
._disclaimerItemTotal_1c13t_39 {
|
|
1758
1759
|
text-align: right;
|
|
1759
1760
|
}
|
|
1760
1761
|
|
|
1761
|
-
.
|
|
1762
|
+
._disclaimerItemSubtitle_1c13t_43 {
|
|
1762
1763
|
grid-column: 1/3;
|
|
1763
1764
|
color: var(--teddy-color-transparent-black-600);
|
|
1764
1765
|
}
|
|
1765
1766
|
|
|
1766
|
-
.
|
|
1767
|
+
._disclaimerTotal_1c13t_48 {
|
|
1767
1768
|
margin-top: var(--teddy-spacing-200);
|
|
1768
1769
|
font-family: var(--teddy-typography-family-default);
|
|
1769
1770
|
font-weight: var(--teddy-typography-weight-medium);
|
|
@@ -3863,6 +3864,8 @@
|
|
|
3863
3864
|
--teddy-color-background-interactive-primary-active: var(--teddy-color-purple-600);
|
|
3864
3865
|
--teddy-color-background-interactive-primary-hover: var(--teddy-color-purple-700);
|
|
3865
3866
|
--teddy-color-background-interactive-primary: var(--teddy-color-purple-800);
|
|
3867
|
+
--teddy-color-background-secondary-active: var(--teddy-color-gray-200);
|
|
3868
|
+
--teddy-color-background-secondary-hover: var(--teddy-color-gray-100);
|
|
3866
3869
|
--teddy-color-background-secondary-negative: var(--teddy-color-gray-900);
|
|
3867
3870
|
--teddy-color-background-secondary: var(--teddy-color-gray-50);
|
|
3868
3871
|
--teddy-color-background-primary-negative: var(--teddy-color-gray-900);
|
|
@@ -8580,6 +8583,8 @@
|
|
|
8580
8583
|
--teddy-color-background-interactive-primary-active: var(--teddy-color-purple-600);
|
|
8581
8584
|
--teddy-color-background-interactive-primary-hover: var(--teddy-color-purple-700);
|
|
8582
8585
|
--teddy-color-background-interactive-primary: var(--teddy-color-purple-800);
|
|
8586
|
+
--teddy-color-background-secondary-active: var(--teddy-color-gray-200);
|
|
8587
|
+
--teddy-color-background-secondary-hover: var(--teddy-color-gray-100);
|
|
8583
8588
|
--teddy-color-background-secondary-negative: var(--teddy-color-gray-900);
|
|
8584
8589
|
--teddy-color-background-secondary: var(--teddy-color-gray-50);
|
|
8585
8590
|
--teddy-color-background-primary-negative: var(--teddy-color-gray-900);
|
|
@@ -177,6 +177,8 @@ const teddyColorBackgroundPrimary = "#ffffff";
|
|
|
177
177
|
const teddyColorBackgroundPrimaryNegative = "#1e1e20";
|
|
178
178
|
const teddyColorBackgroundSecondary = "#f3f3f8";
|
|
179
179
|
const teddyColorBackgroundSecondaryNegative = "#1e1e20";
|
|
180
|
+
const teddyColorBackgroundSecondaryHover = "#e5e5eb";
|
|
181
|
+
const teddyColorBackgroundSecondaryActive = "#c6c6cd";
|
|
180
182
|
const teddyColorBackgroundInteractivePrimary = "#4e0174";
|
|
181
183
|
const teddyColorBackgroundInteractivePrimaryHover = "#6d02a3";
|
|
182
184
|
const teddyColorBackgroundInteractivePrimaryActive = "#8c07d0";
|
|
@@ -385,6 +387,8 @@ const variables = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
|
|
|
385
387
|
teddyColorBackgroundPrimary,
|
|
386
388
|
teddyColorBackgroundPrimaryNegative,
|
|
387
389
|
teddyColorBackgroundSecondary,
|
|
390
|
+
teddyColorBackgroundSecondaryActive,
|
|
391
|
+
teddyColorBackgroundSecondaryHover,
|
|
388
392
|
teddyColorBackgroundSecondaryNegative,
|
|
389
393
|
teddyColorBackgroundStatusAttention,
|
|
390
394
|
teddyColorBackgroundStatusAttentionNegative,
|
|
@@ -691,6 +695,8 @@ exports.teddyColorBackgroundLightPurpleNegative = teddyColorBackgroundLightPurpl
|
|
|
691
695
|
exports.teddyColorBackgroundPrimary = teddyColorBackgroundPrimary;
|
|
692
696
|
exports.teddyColorBackgroundPrimaryNegative = teddyColorBackgroundPrimaryNegative;
|
|
693
697
|
exports.teddyColorBackgroundSecondary = teddyColorBackgroundSecondary;
|
|
698
|
+
exports.teddyColorBackgroundSecondaryActive = teddyColorBackgroundSecondaryActive;
|
|
699
|
+
exports.teddyColorBackgroundSecondaryHover = teddyColorBackgroundSecondaryHover;
|
|
694
700
|
exports.teddyColorBackgroundSecondaryNegative = teddyColorBackgroundSecondaryNegative;
|
|
695
701
|
exports.teddyColorBackgroundStatusAttention = teddyColorBackgroundStatusAttention;
|
|
696
702
|
exports.teddyColorBackgroundStatusAttentionNegative = teddyColorBackgroundStatusAttentionNegative;
|
|
@@ -175,6 +175,8 @@ export declare const teddyColorBackgroundPrimary = "#ffffff";
|
|
|
175
175
|
export declare const teddyColorBackgroundPrimaryNegative = "#1e1e20";
|
|
176
176
|
export declare const teddyColorBackgroundSecondary = "#f3f3f8";
|
|
177
177
|
export declare const teddyColorBackgroundSecondaryNegative = "#1e1e20";
|
|
178
|
+
export declare const teddyColorBackgroundSecondaryHover = "#e5e5eb";
|
|
179
|
+
export declare const teddyColorBackgroundSecondaryActive = "#c6c6cd";
|
|
178
180
|
export declare const teddyColorBackgroundInteractivePrimary = "#4e0174";
|
|
179
181
|
export declare const teddyColorBackgroundInteractivePrimaryHover = "#6d02a3";
|
|
180
182
|
export declare const teddyColorBackgroundInteractivePrimaryActive = "#8c07d0";
|
|
@@ -175,6 +175,8 @@ const teddyColorBackgroundPrimary = "#ffffff";
|
|
|
175
175
|
const teddyColorBackgroundPrimaryNegative = "#1e1e20";
|
|
176
176
|
const teddyColorBackgroundSecondary = "#f3f3f8";
|
|
177
177
|
const teddyColorBackgroundSecondaryNegative = "#1e1e20";
|
|
178
|
+
const teddyColorBackgroundSecondaryHover = "#e5e5eb";
|
|
179
|
+
const teddyColorBackgroundSecondaryActive = "#c6c6cd";
|
|
178
180
|
const teddyColorBackgroundInteractivePrimary = "#4e0174";
|
|
179
181
|
const teddyColorBackgroundInteractivePrimaryHover = "#6d02a3";
|
|
180
182
|
const teddyColorBackgroundInteractivePrimaryActive = "#8c07d0";
|
|
@@ -383,6 +385,8 @@ const variables = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
|
|
|
383
385
|
teddyColorBackgroundPrimary,
|
|
384
386
|
teddyColorBackgroundPrimaryNegative,
|
|
385
387
|
teddyColorBackgroundSecondary,
|
|
388
|
+
teddyColorBackgroundSecondaryActive,
|
|
389
|
+
teddyColorBackgroundSecondaryHover,
|
|
386
390
|
teddyColorBackgroundSecondaryNegative,
|
|
387
391
|
teddyColorBackgroundStatusAttention,
|
|
388
392
|
teddyColorBackgroundStatusAttentionNegative,
|
|
@@ -690,6 +694,8 @@ export {
|
|
|
690
694
|
teddyColorBackgroundPrimary,
|
|
691
695
|
teddyColorBackgroundPrimaryNegative,
|
|
692
696
|
teddyColorBackgroundSecondary,
|
|
697
|
+
teddyColorBackgroundSecondaryActive,
|
|
698
|
+
teddyColorBackgroundSecondaryHover,
|
|
693
699
|
teddyColorBackgroundSecondaryNegative,
|
|
694
700
|
teddyColorBackgroundStatusAttention,
|
|
695
701
|
teddyColorBackgroundStatusAttentionNegative,
|