@telia/teddy 0.7.58 → 0.7.60

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.
Files changed (6) hide show
  1. package/dist/components/notification/notification-root.cjs +15 -15
  2. package/dist/components/notification/notification-root.js +15 -15
  3. package/dist/components/shopping-cart/shopping-cart-disclaimer.cjs +11 -11
  4. package/dist/components/shopping-cart/shopping-cart-disclaimer.js +11 -11
  5. package/dist/style.css +46 -26
  6. package/package.json +1 -1
package/dist/components/notification/notification-root.cjs CHANGED
@@ -24,21 +24,21 @@ function _interopNamespaceDefault(e) {
24
24
  }
25
25
  const CollapsiblePrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CollapsiblePrimitive);
26
26
  const styles = {
27
- "teddy-notification": "_teddy-notification_yr9vf_3",
28
- "teddy-notification--success": "_teddy-notification--success_yr9vf_11",
29
- "teddy-notification--warning": "_teddy-notification--warning_yr9vf_16",
30
- "teddy-notification--error": "_teddy-notification--error_yr9vf_21",
31
- "teddy-notification--information": "_teddy-notification--information_yr9vf_26",
32
- "teddy-notification--beige": "_teddy-notification--beige_yr9vf_31",
33
- "teddy-notification--teal": "_teddy-notification--teal_yr9vf_36",
34
- "teddy-notification--gray": "_teddy-notification--gray_yr9vf_41",
35
- "teddy-notification--light-purple": "_teddy-notification--light-purple_yr9vf_46",
36
- "teddy-notification--tile": "_teddy-notification--tile_yr9vf_51",
37
- "teddy-notification__text": "_teddy-notification__text_yr9vf_54",
38
- "teddy-notification__dismiss": "_teddy-notification__dismiss_yr9vf_57",
39
- "teddy-notification__heading": "_teddy-notification__heading_yr9vf_61",
40
- "teddy-notification__footer": "_teddy-notification__footer_yr9vf_70",
41
- "teddy-notification__icon": "_teddy-notification__icon_yr9vf_73"
27
+ "teddy-notification": "_teddy-notification_1x0q6_3",
28
+ "teddy-notification--success": "_teddy-notification--success_1x0q6_11",
29
+ "teddy-notification--warning": "_teddy-notification--warning_1x0q6_16",
30
+ "teddy-notification--error": "_teddy-notification--error_1x0q6_21",
31
+ "teddy-notification--information": "_teddy-notification--information_1x0q6_26",
32
+ "teddy-notification--beige": "_teddy-notification--beige_1x0q6_31",
33
+ "teddy-notification--teal": "_teddy-notification--teal_1x0q6_36",
34
+ "teddy-notification--gray": "_teddy-notification--gray_1x0q6_41",
35
+ "teddy-notification--light-purple": "_teddy-notification--light-purple_1x0q6_46",
36
+ "teddy-notification--tile": "_teddy-notification--tile_1x0q6_51",
37
+ "teddy-notification__text": "_teddy-notification__text_1x0q6_54",
38
+ "teddy-notification__icon": "_teddy-notification__icon_1x0q6_57",
39
+ "teddy-notification__footer": "_teddy-notification__footer_1x0q6_72",
40
+ "teddy-notification__dismiss": "_teddy-notification__dismiss_1x0q6_76",
41
+ "teddy-notification__heading": "_teddy-notification__heading_1x0q6_80"
42
42
  };
43
43
  const rootClassName = "teddy-notification";
44
44
  const NotificationContext = React.createContext(void 0);
package/dist/components/notification/notification-root.js CHANGED
@@ -5,21 +5,21 @@ import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
5
5
  import { useControllableState } from "@radix-ui/react-use-controllable-state";
6
6
  import { Card } from "../card/index.js";
7
7
  const styles = {
8
- "teddy-notification": "_teddy-notification_yr9vf_3",
9
- "teddy-notification--success": "_teddy-notification--success_yr9vf_11",
10
- "teddy-notification--warning": "_teddy-notification--warning_yr9vf_16",
11
- "teddy-notification--error": "_teddy-notification--error_yr9vf_21",
12
- "teddy-notification--information": "_teddy-notification--information_yr9vf_26",
13
- "teddy-notification--beige": "_teddy-notification--beige_yr9vf_31",
14
- "teddy-notification--teal": "_teddy-notification--teal_yr9vf_36",
15
- "teddy-notification--gray": "_teddy-notification--gray_yr9vf_41",
16
- "teddy-notification--light-purple": "_teddy-notification--light-purple_yr9vf_46",
17
- "teddy-notification--tile": "_teddy-notification--tile_yr9vf_51",
18
- "teddy-notification__text": "_teddy-notification__text_yr9vf_54",
19
- "teddy-notification__dismiss": "_teddy-notification__dismiss_yr9vf_57",
20
- "teddy-notification__heading": "_teddy-notification__heading_yr9vf_61",
21
- "teddy-notification__footer": "_teddy-notification__footer_yr9vf_70",
22
- "teddy-notification__icon": "_teddy-notification__icon_yr9vf_73"
8
+ "teddy-notification": "_teddy-notification_1x0q6_3",
9
+ "teddy-notification--success": "_teddy-notification--success_1x0q6_11",
10
+ "teddy-notification--warning": "_teddy-notification--warning_1x0q6_16",
11
+ "teddy-notification--error": "_teddy-notification--error_1x0q6_21",
12
+ "teddy-notification--information": "_teddy-notification--information_1x0q6_26",
13
+ "teddy-notification--beige": "_teddy-notification--beige_1x0q6_31",
14
+ "teddy-notification--teal": "_teddy-notification--teal_1x0q6_36",
15
+ "teddy-notification--gray": "_teddy-notification--gray_1x0q6_41",
16
+ "teddy-notification--light-purple": "_teddy-notification--light-purple_1x0q6_46",
17
+ "teddy-notification--tile": "_teddy-notification--tile_1x0q6_51",
18
+ "teddy-notification__text": "_teddy-notification__text_1x0q6_54",
19
+ "teddy-notification__icon": "_teddy-notification__icon_1x0q6_57",
20
+ "teddy-notification__footer": "_teddy-notification__footer_1x0q6_72",
21
+ "teddy-notification__dismiss": "_teddy-notification__dismiss_1x0q6_76",
22
+ "teddy-notification__heading": "_teddy-notification__heading_1x0q6_80"
23
23
  };
24
24
  const rootClassName = "teddy-notification";
25
25
  const NotificationContext = React__default.createContext(void 0);
package/dist/components/shopping-cart/shopping-cart-disclaimer.cjs CHANGED
@@ -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,
package/dist/components/shopping-cart/shopping-cart-disclaimer.js CHANGED
@@ -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);
@@ -6248,7 +6249,7 @@
6248
6249
  }
6249
6250
  }@layer heading, button, card, notification;
6250
6251
  @layer notification {
6251
- ._teddy-notification_yr9vf_3 {
6252
+ ._teddy-notification_1x0q6_3 {
6252
6253
  --status-background: var(--teddy-color-background-status-success);
6253
6254
  --status-color: var(--teddy-color-text-status-success-strong);
6254
6255
  --status-icon-color: var(--teddy-color-text-status-success-strong);
@@ -6256,69 +6257,88 @@
6256
6257
  background-color: var(--status-background);
6257
6258
  gap: var(--teddy-spacing-50);
6258
6259
  }
6259
- ._teddy-notification--success_yr9vf_11 {
6260
+ ._teddy-notification--success_1x0q6_11 {
6260
6261
  --status-background: var(--teddy-color-background-status-success);
6261
6262
  --status-color: var(--teddy-color-text-status-success-strong);
6262
6263
  --status-icon-color: var(--teddy-color-text-status-success-strong);
6263
6264
  }
6264
- ._teddy-notification--warning_yr9vf_16 {
6265
+ ._teddy-notification--warning_1x0q6_16 {
6265
6266
  --status-background: var(--teddy-color-background-status-warning);
6266
6267
  --status-color: var(--teddy-color-text-status-warning-strong);
6267
6268
  --status-icon-color: var(--teddy-color-text-status-warning-strong);
6268
6269
  }
6269
- ._teddy-notification--error_yr9vf_21 {
6270
+ ._teddy-notification--error_1x0q6_21 {
6270
6271
  --status-background: var(--teddy-color-background-status-error);
6271
6272
  --status-color: var(--teddy-color-text-status-error-strong);
6272
6273
  --status-icon-color: var(--teddy-color-text-status-error-strong);
6273
6274
  }
6274
- ._teddy-notification--information_yr9vf_26 {
6275
+ ._teddy-notification--information_1x0q6_26 {
6275
6276
  --status-background: var(--teddy-color-background-status-info);
6276
6277
  --status-color: var(--teddy-color-text-status-info-strong);
6277
6278
  --status-icon-color: var(--teddy-color-text-status-info-strong);
6278
6279
  }
6279
- ._teddy-notification--beige_yr9vf_31 {
6280
+ ._teddy-notification--beige_1x0q6_31 {
6280
6281
  --status-background: var(--teddy-color-beige-50);
6281
6282
  --status-color: var(--teddy-color-beige-700);
6282
6283
  --status-icon-color: var(--teddy-color-beige-700e);
6283
6284
  }
6284
- ._teddy-notification--teal_yr9vf_36 {
6285
+ ._teddy-notification--teal_1x0q6_36 {
6285
6286
  --status-background: var(--teddy-color-teal-50);
6286
6287
  --status-color: var(--teddy-color-teal-700);
6287
6288
  --status-icon-color: var(--teddy-color-teal-700);
6288
6289
  }
6289
- ._teddy-notification--gray_yr9vf_41 {
6290
+ ._teddy-notification--gray_1x0q6_41 {
6290
6291
  --status-background: var(--teddy-color-gray-50);
6291
6292
  --status-color: var(--teddy-color-gray-700);
6292
6293
  --status-icon-color: var(--teddy-color-gray-700);
6293
6294
  }
6294
- ._teddy-notification--light-purple_yr9vf_46 {
6295
+ ._teddy-notification--light-purple_1x0q6_46 {
6295
6296
  --status-background: var(--teddy-color-purple-50);
6296
6297
  --status-color: var(--teddy-color-purple-800);
6297
6298
  --status-icon-color: var(--teddy-color-purple-800);
6298
6299
  }
6299
- ._teddy-notification--tile_yr9vf_51 {
6300
+ ._teddy-notification--tile_1x0q6_51 {
6300
6301
  display: flex !important;
6301
6302
  }
6302
- ._teddy-notification--tile_yr9vf_51 ._teddy-notification__text_yr9vf_54 {
6303
+ ._teddy-notification--tile_1x0q6_51 ._teddy-notification__text_1x0q6_54 {
6303
6304
  margin: 0 var(--teddy-spacing-400) 0 var(--teddy-spacing-100) !important;
6304
6305
  }
6305
- ._teddy-notification__dismiss_yr9vf_57 {
6306
+ ._teddy-notification_1x0q6_3:not(._teddy-notification--tile_1x0q6_51):has(> ._teddy-notification__icon_1x0q6_57) {
6307
+ display: grid !important;
6308
+ grid-template-columns: auto 1fr;
6309
+ column-gap: var(--teddy-spacing-100);
6310
+ align-items: start;
6311
+ }
6312
+ ._teddy-notification_1x0q6_3:not(._teddy-notification--tile_1x0q6_51):has(> ._teddy-notification__icon_1x0q6_57) ._teddy-notification__icon_1x0q6_57 {
6313
+ margin-right: 0;
6314
+ align-self: start;
6315
+ }
6316
+ ._teddy-notification_1x0q6_3:not(._teddy-notification--tile_1x0q6_51):has(> ._teddy-notification__icon_1x0q6_57) ._teddy-notification__text_1x0q6_54 {
6317
+ margin-left: 0 !important;
6318
+ margin-right: var(--teddy-spacing-400) !important;
6319
+ align-self: start;
6320
+ }
6321
+ ._teddy-notification_1x0q6_3:not(._teddy-notification--tile_1x0q6_51):has(> ._teddy-notification__icon_1x0q6_57) ._teddy-notification__footer_1x0q6_72 {
6322
+ grid-column: 2;
6323
+ margin-left: 0;
6324
+ }
6325
+ ._teddy-notification__dismiss_1x0q6_76 {
6306
6326
  position: absolute;
6307
6327
  inset: var(--teddy-spacing-50) var(--teddy-spacing-50) auto auto;
6308
6328
  }
6309
- ._teddy-notification__heading_yr9vf_61 {
6329
+ ._teddy-notification__heading_1x0q6_80 {
6310
6330
  color: var(--status-color);
6311
6331
  display: flex;
6312
6332
  align-items: center;
6313
6333
  }
6314
- ._teddy-notification__text_yr9vf_54 {
6334
+ ._teddy-notification__text_1x0q6_54 {
6315
6335
  color: var(--status-color) !important;
6316
6336
  margin: 0 var(--teddy-spacing-400) 0 calc(var(--teddy-spacing-400) + var(--teddy-spacing-100)) !important;
6317
6337
  }
6318
- ._teddy-notification__footer_yr9vf_70 {
6338
+ ._teddy-notification__footer_1x0q6_72 {
6319
6339
  margin-left: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
6320
6340
  }
6321
- ._teddy-notification__icon_yr9vf_73 {
6341
+ ._teddy-notification__icon_1x0q6_57 {
6322
6342
  color: var(--status-icon-color);
6323
6343
  margin-right: var(--teddy-spacing-100);
6324
6344
  }
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=10"
21
21
  },
22
22
  "private": false,
23
- "version": "0.7.58",
23
+ "version": "0.7.60",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"