@telia/teddy 0.0.63 → 0.0.64

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,79 +4,81 @@ import { Toaster } from "sonner";
4
4
  import "../../assets/sprite.269ba410-teddy.svg";
5
5
  import { Icon } from "../icon/icon.js";
6
6
  import { Spinner } from "../spinner/spinner.js";
7
- const fadeInAnimation = "_fadeInAnimation_qzrlq_1";
8
- const scaleInAnimation = "_scaleInAnimation_qzrlq_1";
7
+ const fadeInAnimation = "_fadeInAnimation_r0i1g_1";
8
+ const scaleInAnimation = "_scaleInAnimation_r0i1g_1";
9
9
  const styles = {
10
- "teddy-button": "_teddy-button_qzrlq_18",
11
- "teddy-button--sm": "_teddy-button--sm_qzrlq_53",
12
- "teddy-button--icon-only": "_teddy-button--icon-only_qzrlq_56",
13
- "teddy-button--md": "_teddy-button--md_qzrlq_59",
14
- "teddy-button--lg": "_teddy-button--lg_qzrlq_65",
15
- "teddy-button--full-width": "_teddy-button--full-width_qzrlq_71",
16
- "teddy-button--primary": "_teddy-button--primary_qzrlq_74",
17
- "teddy-button--disabled": "_teddy-button--disabled_qzrlq_78",
18
- "teddy-button--primary-negative": "_teddy-button--primary-negative_qzrlq_84",
19
- "teddy-button--secondary": "_teddy-button--secondary_qzrlq_96",
20
- "teddy-button--secondary-negative": "_teddy-button--secondary-negative_qzrlq_107",
21
- "teddy-button--expressive": "_teddy-button--expressive_qzrlq_118",
22
- "teddy-button--expressive-negative": "_teddy-button--expressive-negative_qzrlq_128",
23
- "teddy-button--negative": "_teddy-button--negative_qzrlq_140",
24
- "teddy-button--destructive": "_teddy-button--destructive_qzrlq_147",
25
- "teddy-button--destructive-negative": "_teddy-button--destructive-negative_qzrlq_157",
26
- "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_qzrlq_167",
27
- "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_qzrlq_180",
28
- "teddy-button--list-item": "_teddy-button--list-item_qzrlq_195",
29
- "teddy-button--text-negative": "_teddy-button--text-negative_qzrlq_214",
30
- "teddy-button--text": "_teddy-button--text_qzrlq_214",
31
- "teddy-button__loading": "_teddy-button__loading_qzrlq_261",
10
+ "teddy-button": "_teddy-button_r0i1g_18",
11
+ "teddy-button--sm": "_teddy-button--sm_r0i1g_53",
12
+ "teddy-button--icon-only": "_teddy-button--icon-only_r0i1g_56",
13
+ "teddy-button--md": "_teddy-button--md_r0i1g_59",
14
+ "teddy-button--lg": "_teddy-button--lg_r0i1g_65",
15
+ "teddy-button--full-width": "_teddy-button--full-width_r0i1g_71",
16
+ "teddy-button--primary": "_teddy-button--primary_r0i1g_74",
17
+ "teddy-button--disabled": "_teddy-button--disabled_r0i1g_78",
18
+ "teddy-button--primary-negative": "_teddy-button--primary-negative_r0i1g_84",
19
+ "teddy-button--secondary": "_teddy-button--secondary_r0i1g_96",
20
+ "teddy-button--secondary-negative": "_teddy-button--secondary-negative_r0i1g_107",
21
+ "teddy-button--expressive": "_teddy-button--expressive_r0i1g_118",
22
+ "teddy-button--expressive-negative": "_teddy-button--expressive-negative_r0i1g_128",
23
+ "teddy-button--negative": "_teddy-button--negative_r0i1g_140",
24
+ "teddy-button--destructive": "_teddy-button--destructive_r0i1g_147",
25
+ "teddy-button--destructive-negative": "_teddy-button--destructive-negative_r0i1g_157",
26
+ "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_r0i1g_167",
27
+ "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_r0i1g_180",
28
+ "teddy-button--list-item": "_teddy-button--list-item_r0i1g_195",
29
+ "teddy-button--text-negative": "_teddy-button--text-negative_r0i1g_214",
30
+ "teddy-button--text": "_teddy-button--text_r0i1g_214",
31
+ "teddy-button__loading": "_teddy-button__loading_r0i1g_261",
32
32
  fadeInAnimation,
33
- "teddy-button__spinner": "_teddy-button__spinner_qzrlq_272",
34
- "teddy-toast": "_teddy-toast_qzrlq_279",
35
- "teddy-toast__title": "_teddy-toast__title_qzrlq_285",
36
- "teddy-toast__description": "_teddy-toast__description_qzrlq_288",
37
- "teddy-toast__close-button": "_teddy-toast__close-button_qzrlq_292",
38
- "teddy-toast__close-button--sm": "_teddy-toast__close-button--sm_qzrlq_339",
39
- "teddy-toast__close-button--icon-only": "_teddy-toast__close-button--icon-only_qzrlq_342",
40
- "teddy-toast__close-button--md": "_teddy-toast__close-button--md_qzrlq_345",
41
- "teddy-toast__close-button--lg": "_teddy-toast__close-button--lg_qzrlq_351",
42
- "teddy-toast__close-button--full-width": "_teddy-toast__close-button--full-width_qzrlq_357",
43
- "teddy-toast__close-button--primary": "_teddy-toast__close-button--primary_qzrlq_360",
44
- "teddy-toast__close-button--disabled": "_teddy-toast__close-button--disabled_qzrlq_364",
45
- "teddy-toast__close-button--primary-negative": "_teddy-toast__close-button--primary-negative_qzrlq_370",
46
- "teddy-toast__close-button--secondary": "_teddy-toast__close-button--secondary_qzrlq_382",
47
- "teddy-toast__close-button--secondary-negative": "_teddy-toast__close-button--secondary-negative_qzrlq_393",
48
- "teddy-toast__close-button--expressive": "_teddy-toast__close-button--expressive_qzrlq_404",
49
- "teddy-toast__close-button--expressive-negative": "_teddy-toast__close-button--expressive-negative_qzrlq_414",
50
- "teddy-toast--disabled": "_teddy-toast--disabled_qzrlq_426",
51
- "teddy-toast--success": "_teddy-toast--success_qzrlq_439",
52
- "teddy-toast__icon": "_teddy-toast__icon_qzrlq_444",
53
- "teddy-toast--info": "_teddy-toast--info_qzrlq_451",
54
- "teddy-toast--warning": "_teddy-toast--warning_qzrlq_463",
55
- "teddy-toast--error": "_teddy-toast--error_qzrlq_475",
56
- "teddy-toast__action-button": "_teddy-toast__action-button_qzrlq_487",
57
- "teddy-toast__cancel-button": "_teddy-toast__cancel-button_qzrlq_488",
58
- "teddy-toast__action-button--sm": "_teddy-toast__action-button--sm_qzrlq_534",
59
- "teddy-toast__cancel-button--sm": "_teddy-toast__cancel-button--sm_qzrlq_535",
60
- "teddy-toast__cancel-button--icon-only": "_teddy-toast__cancel-button--icon-only_qzrlq_538",
61
- "teddy-toast__action-button--md": "_teddy-toast__action-button--md_qzrlq_543",
62
- "teddy-toast__cancel-button--md": "_teddy-toast__cancel-button--md_qzrlq_544",
63
- "teddy-toast__action-button--lg": "_teddy-toast__action-button--lg_qzrlq_552",
64
- "teddy-toast__cancel-button--lg": "_teddy-toast__cancel-button--lg_qzrlq_553",
65
- "teddy-toast__action-button--full-width": "_teddy-toast__action-button--full-width_qzrlq_561",
66
- "teddy-toast__cancel-button--full-width": "_teddy-toast__cancel-button--full-width_qzrlq_562",
67
- "teddy-toast__action-button--primary": "_teddy-toast__action-button--primary_qzrlq_565",
68
- "teddy-toast__cancel-button--primary": "_teddy-toast__cancel-button--primary_qzrlq_566",
69
- "teddy-toast__cancel-button--disabled": "_teddy-toast__cancel-button--disabled_qzrlq_570",
70
- "teddy-toast__action-button--primary-negative": "_teddy-toast__action-button--primary-negative_qzrlq_578",
71
- "teddy-toast__cancel-button--primary-negative": "_teddy-toast__cancel-button--primary-negative_qzrlq_579",
72
- "teddy-toast__action-button--secondary": "_teddy-toast__action-button--secondary_qzrlq_593",
73
- "teddy-toast__cancel-button--secondary": "_teddy-toast__cancel-button--secondary_qzrlq_594",
74
- "teddy-toast__action-button--secondary-negative": "_teddy-toast__action-button--secondary-negative_qzrlq_607",
75
- "teddy-toast__cancel-button--secondary-negative": "_teddy-toast__cancel-button--secondary-negative_qzrlq_608",
76
- "teddy-toast__action-button--expressive": "_teddy-toast__action-button--expressive_qzrlq_621",
77
- "teddy-toast__cancel-button--expressive": "_teddy-toast__cancel-button--expressive_qzrlq_622",
78
- "teddy-toast__action-button--expressive-negative": "_teddy-toast__action-button--expressive-negative_qzrlq_634",
79
- "teddy-toast__cancel-button--expressive-negative": "_teddy-toast__cancel-button--expressive-negative_qzrlq_635",
33
+ "teddy-button__spinner": "_teddy-button__spinner_r0i1g_272",
34
+ "teddy-toast": "_teddy-toast_r0i1g_279",
35
+ "teddy-toast__title": "_teddy-toast__title_r0i1g_291",
36
+ "teddy-toast__description": "_teddy-toast__description_r0i1g_295",
37
+ "teddy-toast__icon": "_teddy-toast__icon_r0i1g_300",
38
+ "teddy-toast__close-button": "_teddy-toast__close-button_r0i1g_309",
39
+ "teddy-toast__close-button--sm": "_teddy-toast__close-button--sm_r0i1g_356",
40
+ "teddy-toast__close-button--icon-only": "_teddy-toast__close-button--icon-only_r0i1g_359",
41
+ "teddy-toast__close-button--md": "_teddy-toast__close-button--md_r0i1g_362",
42
+ "teddy-toast__close-button--lg": "_teddy-toast__close-button--lg_r0i1g_368",
43
+ "teddy-toast__close-button--full-width": "_teddy-toast__close-button--full-width_r0i1g_374",
44
+ "teddy-toast__close-button--primary": "_teddy-toast__close-button--primary_r0i1g_377",
45
+ "teddy-toast__close-button--disabled": "_teddy-toast__close-button--disabled_r0i1g_381",
46
+ "teddy-toast__close-button--primary-negative": "_teddy-toast__close-button--primary-negative_r0i1g_387",
47
+ "teddy-toast__close-button--secondary": "_teddy-toast__close-button--secondary_r0i1g_399",
48
+ "teddy-toast__close-button--secondary-negative": "_teddy-toast__close-button--secondary-negative_r0i1g_410",
49
+ "teddy-toast__close-button--expressive": "_teddy-toast__close-button--expressive_r0i1g_421",
50
+ "teddy-toast__close-button--expressive-negative": "_teddy-toast__close-button--expressive-negative_r0i1g_431",
51
+ "teddy-toast--disabled": "_teddy-toast--disabled_r0i1g_443",
52
+ "teddy-toast__content": "_teddy-toast__content_r0i1g_456",
53
+ "teddy-toast__loading": "_teddy-toast__loading_r0i1g_459",
54
+ "teddy-toast--success": "_teddy-toast--success_r0i1g_463",
55
+ "teddy-toast--info": "_teddy-toast--info_r0i1g_475",
56
+ "teddy-toast--warning": "_teddy-toast--warning_r0i1g_487",
57
+ "teddy-toast--error": "_teddy-toast--error_r0i1g_499",
58
+ "teddy-toast__action-button": "_teddy-toast__action-button_r0i1g_511",
59
+ "teddy-toast__cancel-button": "_teddy-toast__cancel-button_r0i1g_512",
60
+ "teddy-toast__action-button--sm": "_teddy-toast__action-button--sm_r0i1g_559",
61
+ "teddy-toast__cancel-button--sm": "_teddy-toast__cancel-button--sm_r0i1g_560",
62
+ "teddy-toast__cancel-button--icon-only": "_teddy-toast__cancel-button--icon-only_r0i1g_563",
63
+ "teddy-toast__action-button--md": "_teddy-toast__action-button--md_r0i1g_568",
64
+ "teddy-toast__cancel-button--md": "_teddy-toast__cancel-button--md_r0i1g_569",
65
+ "teddy-toast__action-button--lg": "_teddy-toast__action-button--lg_r0i1g_577",
66
+ "teddy-toast__cancel-button--lg": "_teddy-toast__cancel-button--lg_r0i1g_578",
67
+ "teddy-toast__action-button--full-width": "_teddy-toast__action-button--full-width_r0i1g_586",
68
+ "teddy-toast__cancel-button--full-width": "_teddy-toast__cancel-button--full-width_r0i1g_587",
69
+ "teddy-toast__action-button--primary": "_teddy-toast__action-button--primary_r0i1g_590",
70
+ "teddy-toast__cancel-button--primary": "_teddy-toast__cancel-button--primary_r0i1g_591",
71
+ "teddy-toast__cancel-button--disabled": "_teddy-toast__cancel-button--disabled_r0i1g_595",
72
+ "teddy-toast__action-button--primary-negative": "_teddy-toast__action-button--primary-negative_r0i1g_603",
73
+ "teddy-toast__cancel-button--primary-negative": "_teddy-toast__cancel-button--primary-negative_r0i1g_604",
74
+ "teddy-toast__action-button--secondary": "_teddy-toast__action-button--secondary_r0i1g_618",
75
+ "teddy-toast__cancel-button--secondary": "_teddy-toast__cancel-button--secondary_r0i1g_619",
76
+ "teddy-toast__action-button--secondary-negative": "_teddy-toast__action-button--secondary-negative_r0i1g_632",
77
+ "teddy-toast__cancel-button--secondary-negative": "_teddy-toast__cancel-button--secondary-negative_r0i1g_633",
78
+ "teddy-toast__action-button--expressive": "_teddy-toast__action-button--expressive_r0i1g_646",
79
+ "teddy-toast__cancel-button--expressive": "_teddy-toast__cancel-button--expressive_r0i1g_647",
80
+ "teddy-toast__action-button--expressive-negative": "_teddy-toast__action-button--expressive-negative_r0i1g_659",
81
+ "teddy-toast__cancel-button--expressive-negative": "_teddy-toast__cancel-button--expressive-negative_r0i1g_660",
80
82
  scaleInAnimation
81
83
  };
82
84
  const rootClassName = "teddy-toast";
@@ -96,7 +98,6 @@ const Root = ({ className, ...props }) => {
96
98
  },
97
99
  closeButton: true,
98
100
  toastOptions: {
99
- // unstyled: true,
100
101
  className: classes,
101
102
  classNames: {
102
103
  error: clsx(styles[`${rootClassName}--error`], (_b = (_a = props.toastOptions) == null ? void 0 : _a.classNames) == null ? void 0 : _b.error),
@@ -108,7 +109,8 @@ const Root = ({ className, ...props }) => {
108
109
  title: styles[`${rootClassName}__title`],
109
110
  closeButton: styles[`${rootClassName}__close-button`],
110
111
  actionButton: styles[`${rootClassName}__action-button`],
111
- cancelButton: styles[`${rootClassName}__cancel-button`]
112
+ cancelButton: styles[`${rootClassName}__cancel-button`],
113
+ content: styles[`${rootClassName}__content`]
112
114
  }
113
115
  },
114
116
  ...props