@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.
@@ -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 = "_singleDisclaimer_1995d_1";
10
- const disclaimer = "_disclaimer_1995d_6";
11
- const disclaimerHeader = "_disclaimerHeader_1995d_12";
12
- const disclaimerHeaderLeft = "_disclaimerHeaderLeft_1995d_17";
13
- const disclaimerIcon = "_disclaimerIcon_1995d_25";
14
- const disclaimerItem = "_disclaimerItem_1995d_30";
15
- const disclaimerItemTotal = "_disclaimerItemTotal_1995d_38";
16
- const disclaimerItemSubtitle = "_disclaimerItemSubtitle_1995d_42";
17
- const disclaimerTotal = "_disclaimerTotal_1995d_47";
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(components_icon_icon.Icon, { name: isExpanded ? "chevron-up" : "chevron-down", className: styles.disclaimerIcon }),
45
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Minste totalpris" })
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 = "_singleDisclaimer_1995d_1";
8
- const disclaimer = "_disclaimer_1995d_6";
9
- const disclaimerHeader = "_disclaimerHeader_1995d_12";
10
- const disclaimerHeaderLeft = "_disclaimerHeaderLeft_1995d_17";
11
- const disclaimerIcon = "_disclaimerIcon_1995d_25";
12
- const disclaimerItem = "_disclaimerItem_1995d_30";
13
- const disclaimerItemTotal = "_disclaimerItemTotal_1995d_38";
14
- const disclaimerItemSubtitle = "_disclaimerItemSubtitle_1995d_42";
15
- const disclaimerTotal = "_disclaimerTotal_1995d_47";
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(Icon, { name: isExpanded ? "chevron-up" : "chevron-down", className: styles.disclaimerIcon }),
43
- /* @__PURE__ */ jsx("span", { children: "Minste totalpris" })
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
- }._singleDisclaimer_1995d_1 {
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
- ._disclaimer_1995d_6 {
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
- ._disclaimerHeader_1995d_12 {
1731
+ ._disclaimerHeader_1c13t_12 {
1732
1732
  display: flex;
1733
1733
  justify-content: space-between;
1734
1734
  }
1735
1735
 
1736
- ._disclaimerHeaderLeft_1995d_17 {
1736
+ ._disclaimerHeaderLeft_1c13t_17 {
1737
1737
  display: flex;
1738
1738
  align-items: center;
1739
+ text-decoration: underline;
1739
1740
  }
1740
- ._disclaimerHeaderLeft_1995d_17 > * {
1741
+ ._disclaimerHeaderLeft_1c13t_17 > * {
1741
1742
  margin-right: var(--teddy-spacing-100);
1742
1743
  }
1743
1744
 
1744
- ._disclaimerIcon_1995d_25 {
1745
+ ._disclaimerIcon_1c13t_26 {
1745
1746
  width: 1.5rem;
1746
1747
  height: 1.5rem;
1747
1748
  }
1748
1749
 
1749
- ._disclaimerItem_1995d_30 {
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
- ._disclaimerItemTotal_1995d_38 {
1758
+ ._disclaimerItemTotal_1c13t_39 {
1758
1759
  text-align: right;
1759
1760
  }
1760
1761
 
1761
- ._disclaimerItemSubtitle_1995d_42 {
1762
+ ._disclaimerItemSubtitle_1c13t_43 {
1762
1763
  grid-column: 1/3;
1763
1764
  color: var(--teddy-color-transparent-black-600);
1764
1765
  }
1765
1766
 
1766
- ._disclaimerTotal_1995d_47 {
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,
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=10"
21
21
  },
22
22
  "private": false,
23
- "version": "0.7.59",
23
+ "version": "0.7.61",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"