@telia/teddy 0.1.15 → 0.1.16

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 (15) hide show
  1. package/dist/components/button/button.cjs +29 -26
  2. package/dist/components/button/button.d.ts +2 -0
  3. package/dist/components/button/button.js +29 -26
  4. package/dist/components/expandable-card/expandable-card-button.d.ts +2 -0
  5. package/dist/components/expandable-card/index.d.ts +2 -0
  6. package/dist/components/scroll-area/index.d.ts +2 -0
  7. package/dist/components/scroll-area/scroll-area-button.d.ts +4 -2
  8. package/dist/components/tabs/index.d.ts +2 -0
  9. package/dist/components/tabs/tabs-scroll-button.d.ts +2 -0
  10. package/dist/components/text-field/index.d.ts +2 -0
  11. package/dist/components/text-field/text-field-button.d.ts +2 -0
  12. package/dist/components/toast/toast-root.cjs +74 -73
  13. package/dist/components/toast/toast-root.js +74 -73
  14. package/dist/style.css +256 -248
  15. package/package.json +1 -1
package/dist/components/button/button.cjs CHANGED
@@ -23,33 +23,34 @@ function _interopNamespaceDefault(e) {
23
23
  return Object.freeze(n);
24
24
  }
25
25
  const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
26
- const fadeInAnimation = "_fadeInAnimation_aswkh_1";
27
- const scaleInAnimation = "_scaleInAnimation_aswkh_1";
26
+ const fadeInAnimation = "_fadeInAnimation_1k5uy_1";
27
+ const scaleInAnimation = "_scaleInAnimation_1k5uy_1";
28
28
  const styles = {
29
- "teddy-button": "_teddy-button_aswkh_18",
30
- "teddy-button--sm": "_teddy-button--sm_aswkh_53",
31
- "teddy-button--icon-only": "_teddy-button--icon-only_aswkh_56",
32
- "teddy-button--md": "_teddy-button--md_aswkh_59",
33
- "teddy-button--lg": "_teddy-button--lg_aswkh_65",
34
- "teddy-button--full-width": "_teddy-button--full-width_aswkh_71",
35
- "teddy-button--primary": "_teddy-button--primary_aswkh_74",
36
- "teddy-button--disabled": "_teddy-button--disabled_aswkh_78",
37
- "teddy-button--primary-negative": "_teddy-button--primary-negative_aswkh_84",
38
- "teddy-button--secondary": "_teddy-button--secondary_aswkh_96",
39
- "teddy-button--secondary-negative": "_teddy-button--secondary-negative_aswkh_107",
40
- "teddy-button--expressive": "_teddy-button--expressive_aswkh_118",
41
- "teddy-button--expressive-negative": "_teddy-button--expressive-negative_aswkh_128",
42
- "teddy-button--negative": "_teddy-button--negative_aswkh_140",
43
- "teddy-button--destructive": "_teddy-button--destructive_aswkh_147",
44
- "teddy-button--destructive-negative": "_teddy-button--destructive-negative_aswkh_157",
45
- "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_aswkh_167",
46
- "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_aswkh_180",
47
- "teddy-button--list-item": "_teddy-button--list-item_aswkh_195",
48
- "teddy-button--text-negative": "_teddy-button--text-negative_aswkh_214",
49
- "teddy-button--text": "_teddy-button--text_aswkh_214",
50
- "teddy-button__loading": "_teddy-button__loading_aswkh_261",
29
+ "teddy-button": "_teddy-button_1k5uy_18",
30
+ "teddy-button--sm": "_teddy-button--sm_1k5uy_53",
31
+ "teddy-button--icon-only": "_teddy-button--icon-only_1k5uy_56",
32
+ "teddy-button--md": "_teddy-button--md_1k5uy_59",
33
+ "teddy-button--lg": "_teddy-button--lg_1k5uy_65",
34
+ "teddy-button--full-width": "_teddy-button--full-width_1k5uy_71",
35
+ "teddy-button--primary": "_teddy-button--primary_1k5uy_74",
36
+ "teddy-button--disabled": "_teddy-button--disabled_1k5uy_78",
37
+ "teddy-button--primary-negative": "_teddy-button--primary-negative_1k5uy_84",
38
+ "teddy-button--secondary": "_teddy-button--secondary_1k5uy_96",
39
+ "teddy-button--secondary-negative": "_teddy-button--secondary-negative_1k5uy_107",
40
+ "teddy-button--expressive": "_teddy-button--expressive_1k5uy_118",
41
+ "teddy-button--expressive-negative": "_teddy-button--expressive-negative_1k5uy_128",
42
+ "teddy-button--negative": "_teddy-button--negative_1k5uy_140",
43
+ "teddy-button--destructive": "_teddy-button--destructive_1k5uy_147",
44
+ "teddy-button--destructive-negative": "_teddy-button--destructive-negative_1k5uy_157",
45
+ "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_1k5uy_167",
46
+ "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_1k5uy_180",
47
+ "teddy-button--list-item": "_teddy-button--list-item_1k5uy_195",
48
+ "teddy-button--text-negative": "_teddy-button--text-negative_1k5uy_214",
49
+ "teddy-button--text": "_teddy-button--text_1k5uy_214",
50
+ "teddy-button--dashed-border": "_teddy-button--dashed-border_1k5uy_261",
51
+ "teddy-button__loading": "_teddy-button__loading_1k5uy_265",
51
52
  fadeInAnimation,
52
- "teddy-button__spinner": "_teddy-button__spinner_aswkh_272",
53
+ "teddy-button__spinner": "_teddy-button__spinner_1k5uy_276",
53
54
  scaleInAnimation
54
55
  };
55
56
  const rootClassName = "teddy-button";
@@ -74,6 +75,7 @@ const Root = React__namespace.forwardRef((args, ref) => {
74
75
  variant = "primary",
75
76
  size = "md",
76
77
  iconOnly,
78
+ borderStyle,
77
79
  fullWidth,
78
80
  disabled = false,
79
81
  loading = false,
@@ -89,7 +91,8 @@ const Root = React__namespace.forwardRef((args, ref) => {
89
91
  [styles[`${rootClassName}--icon-only`]]: iconOnly,
90
92
  [styles[`${rootClassName}--negative`]]: variant.endsWith("negative"),
91
93
  [styles[`${rootClassName}--full-width`]]: fullWidth,
92
- [styles[`${rootClassName}--disabled`]]: disabled || loading
94
+ [styles[`${rootClassName}--disabled`]]: disabled || loading,
95
+ [styles[`${rootClassName}--dashed-border`]]: borderStyle === "dashed"
93
96
  },
94
97
  className
95
98
  );
package/dist/components/button/button.d.ts CHANGED
@@ -4,12 +4,14 @@ declare const variants: readonly ["primary", "secondary", "destructive", "tertia
4
4
  export type Variant = (typeof variants)[number];
5
5
  declare const sizes: readonly ["sm", "md", "lg"];
6
6
  export type Size = (typeof sizes)[number];
7
+ type BorderStyle = 'default' | 'dashed';
7
8
  type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label'> & ChildrenLayoutProps & {
8
9
  asChild?: boolean;
9
10
  loading?: boolean;
10
11
  fullWidth?: boolean;
11
12
  size?: Size;
12
13
  variant?: Variant;
14
+ borderStyle?: BorderStyle;
13
15
  } & ({
14
16
  iconOnly: true;
15
17
  ['aria-label']: string;
package/dist/components/button/button.js CHANGED
@@ -4,33 +4,34 @@ import { clsx } from "clsx";
4
4
  import * as React from "react";
5
5
  import { Spinner } from "../spinner/spinner.js";
6
6
  import { extractProps } from "../../utils/generate-styling/index.js";
7
- const fadeInAnimation = "_fadeInAnimation_aswkh_1";
8
- const scaleInAnimation = "_scaleInAnimation_aswkh_1";
7
+ const fadeInAnimation = "_fadeInAnimation_1k5uy_1";
8
+ const scaleInAnimation = "_scaleInAnimation_1k5uy_1";
9
9
  const styles = {
10
- "teddy-button": "_teddy-button_aswkh_18",
11
- "teddy-button--sm": "_teddy-button--sm_aswkh_53",
12
- "teddy-button--icon-only": "_teddy-button--icon-only_aswkh_56",
13
- "teddy-button--md": "_teddy-button--md_aswkh_59",
14
- "teddy-button--lg": "_teddy-button--lg_aswkh_65",
15
- "teddy-button--full-width": "_teddy-button--full-width_aswkh_71",
16
- "teddy-button--primary": "_teddy-button--primary_aswkh_74",
17
- "teddy-button--disabled": "_teddy-button--disabled_aswkh_78",
18
- "teddy-button--primary-negative": "_teddy-button--primary-negative_aswkh_84",
19
- "teddy-button--secondary": "_teddy-button--secondary_aswkh_96",
20
- "teddy-button--secondary-negative": "_teddy-button--secondary-negative_aswkh_107",
21
- "teddy-button--expressive": "_teddy-button--expressive_aswkh_118",
22
- "teddy-button--expressive-negative": "_teddy-button--expressive-negative_aswkh_128",
23
- "teddy-button--negative": "_teddy-button--negative_aswkh_140",
24
- "teddy-button--destructive": "_teddy-button--destructive_aswkh_147",
25
- "teddy-button--destructive-negative": "_teddy-button--destructive-negative_aswkh_157",
26
- "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_aswkh_167",
27
- "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_aswkh_180",
28
- "teddy-button--list-item": "_teddy-button--list-item_aswkh_195",
29
- "teddy-button--text-negative": "_teddy-button--text-negative_aswkh_214",
30
- "teddy-button--text": "_teddy-button--text_aswkh_214",
31
- "teddy-button__loading": "_teddy-button__loading_aswkh_261",
10
+ "teddy-button": "_teddy-button_1k5uy_18",
11
+ "teddy-button--sm": "_teddy-button--sm_1k5uy_53",
12
+ "teddy-button--icon-only": "_teddy-button--icon-only_1k5uy_56",
13
+ "teddy-button--md": "_teddy-button--md_1k5uy_59",
14
+ "teddy-button--lg": "_teddy-button--lg_1k5uy_65",
15
+ "teddy-button--full-width": "_teddy-button--full-width_1k5uy_71",
16
+ "teddy-button--primary": "_teddy-button--primary_1k5uy_74",
17
+ "teddy-button--disabled": "_teddy-button--disabled_1k5uy_78",
18
+ "teddy-button--primary-negative": "_teddy-button--primary-negative_1k5uy_84",
19
+ "teddy-button--secondary": "_teddy-button--secondary_1k5uy_96",
20
+ "teddy-button--secondary-negative": "_teddy-button--secondary-negative_1k5uy_107",
21
+ "teddy-button--expressive": "_teddy-button--expressive_1k5uy_118",
22
+ "teddy-button--expressive-negative": "_teddy-button--expressive-negative_1k5uy_128",
23
+ "teddy-button--negative": "_teddy-button--negative_1k5uy_140",
24
+ "teddy-button--destructive": "_teddy-button--destructive_1k5uy_147",
25
+ "teddy-button--destructive-negative": "_teddy-button--destructive-negative_1k5uy_157",
26
+ "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_1k5uy_167",
27
+ "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_1k5uy_180",
28
+ "teddy-button--list-item": "_teddy-button--list-item_1k5uy_195",
29
+ "teddy-button--text-negative": "_teddy-button--text-negative_1k5uy_214",
30
+ "teddy-button--text": "_teddy-button--text_1k5uy_214",
31
+ "teddy-button--dashed-border": "_teddy-button--dashed-border_1k5uy_261",
32
+ "teddy-button__loading": "_teddy-button__loading_1k5uy_265",
32
33
  fadeInAnimation,
33
- "teddy-button__spinner": "_teddy-button__spinner_aswkh_272",
34
+ "teddy-button__spinner": "_teddy-button__spinner_1k5uy_276",
34
35
  scaleInAnimation
35
36
  };
36
37
  const rootClassName = "teddy-button";
@@ -55,6 +56,7 @@ const Root = React.forwardRef((args, ref) => {
55
56
  variant = "primary",
56
57
  size = "md",
57
58
  iconOnly,
59
+ borderStyle,
58
60
  fullWidth,
59
61
  disabled = false,
60
62
  loading = false,
@@ -70,7 +72,8 @@ const Root = React.forwardRef((args, ref) => {
70
72
  [styles[`${rootClassName}--icon-only`]]: iconOnly,
71
73
  [styles[`${rootClassName}--negative`]]: variant.endsWith("negative"),
72
74
  [styles[`${rootClassName}--full-width`]]: fullWidth,
73
- [styles[`${rootClassName}--disabled`]]: disabled || loading
75
+ [styles[`${rootClassName}--disabled`]]: disabled || loading,
76
+ [styles[`${rootClassName}--dashed-border`]]: borderStyle === "dashed"
74
77
  },
75
78
  className
76
79
  );
package/dist/components/expandable-card/expandable-card-button.d.ts CHANGED
@@ -13,6 +13,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
13
13
  fullWidth?: boolean | undefined;
14
14
  size?: "sm" | "md" | "lg" | undefined;
15
15
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
16
+ borderStyle?: ("dashed" | "default") | undefined;
16
17
  } & {
17
18
  iconOnly: true;
18
19
  "aria-label": string;
@@ -24,6 +25,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
24
25
  fullWidth?: boolean | undefined;
25
26
  size?: "sm" | "md" | "lg" | undefined;
26
27
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
28
+ borderStyle?: ("dashed" | "default") | undefined;
27
29
  } & {
28
30
  iconOnly?: false | undefined;
29
31
  "aria-label"?: string | undefined;
package/dist/components/expandable-card/index.d.ts CHANGED
@@ -28,6 +28,7 @@ export declare const ExpandableCard: import('react').ForwardRefExoticComponent<R
28
28
  fullWidth?: boolean | undefined;
29
29
  size?: "sm" | "md" | "lg" | undefined;
30
30
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
31
+ borderStyle?: ("dashed" | "default") | undefined;
31
32
  } & {
32
33
  iconOnly: true;
33
34
  "aria-label": string;
@@ -39,6 +40,7 @@ export declare const ExpandableCard: import('react').ForwardRefExoticComponent<R
39
40
  fullWidth?: boolean | undefined;
40
41
  size?: "sm" | "md" | "lg" | undefined;
41
42
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
43
+ borderStyle?: ("dashed" | "default") | undefined;
42
44
  } & {
43
45
  iconOnly?: false | undefined;
44
46
  "aria-label"?: string | undefined;
package/dist/components/scroll-area/index.d.ts CHANGED
@@ -20,6 +20,7 @@ export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<
20
20
  fullWidth?: boolean | undefined;
21
21
  size?: "sm" | "md" | "lg" | undefined;
22
22
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
23
+ borderStyle?: ("dashed" | "default") | undefined;
23
24
  } & {
24
25
  iconOnly: true;
25
26
  "aria-label": string;
@@ -31,6 +32,7 @@ export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<
31
32
  fullWidth?: boolean | undefined;
32
33
  size?: "sm" | "md" | "lg" | undefined;
33
34
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
35
+ borderStyle?: ("dashed" | "default") | undefined;
34
36
  } & {
35
37
  iconOnly?: false | undefined;
36
38
  "aria-label"?: string | undefined;
package/dist/components/scroll-area/scroll-area-button.d.ts CHANGED
@@ -15,9 +15,10 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
15
15
  } & {
16
16
  asChild?: boolean | undefined;
17
17
  loading?: boolean | undefined;
18
- fullWidth?: boolean | undefined; /** Hidden will fade the button out. Used when the scrollbar is at the end */
18
+ fullWidth?: boolean | undefined;
19
19
  size?: "sm" | "md" | "lg" | undefined;
20
20
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
21
+ borderStyle?: ("dashed" | "default") | undefined;
21
22
  } & {
22
23
  iconOnly: true;
23
24
  "aria-label": string;
@@ -26,9 +27,10 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
26
27
  } & {
27
28
  asChild?: boolean | undefined;
28
29
  loading?: boolean | undefined;
29
- fullWidth?: boolean | undefined; /** Hidden will fade the button out. Used when the scrollbar is at the end */
30
+ fullWidth?: boolean | undefined;
30
31
  size?: "sm" | "md" | "lg" | undefined;
31
32
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
33
+ borderStyle?: ("dashed" | "default") | undefined;
32
34
  } & {
33
35
  iconOnly?: false | undefined;
34
36
  "aria-label"?: string | undefined;
package/dist/components/tabs/index.d.ts CHANGED
@@ -35,6 +35,7 @@ export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<i
35
35
  fullWidth?: boolean | undefined;
36
36
  size?: "sm" | "md" | "lg" | undefined;
37
37
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
38
+ borderStyle?: ("dashed" | "default") | undefined;
38
39
  } & {
39
40
  iconOnly: true;
40
41
  "aria-label": string;
@@ -46,6 +47,7 @@ export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<i
46
47
  fullWidth?: boolean | undefined;
47
48
  size?: "sm" | "md" | "lg" | undefined;
48
49
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
50
+ borderStyle?: ("dashed" | "default") | undefined;
49
51
  } & {
50
52
  iconOnly?: false | undefined;
51
53
  "aria-label"?: string | undefined;
package/dist/components/tabs/tabs-scroll-button.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare const ScrollButton: React.ForwardRefExoticComponent<Omit<Omit<Omi
11
11
  fullWidth?: boolean | undefined;
12
12
  size?: "sm" | "md" | "lg" | undefined;
13
13
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
14
+ borderStyle?: ("dashed" | "default") | undefined;
14
15
  } & {
15
16
  iconOnly: true;
16
17
  "aria-label": string;
@@ -22,6 +23,7 @@ export declare const ScrollButton: React.ForwardRefExoticComponent<Omit<Omit<Omi
22
23
  fullWidth?: boolean | undefined;
23
24
  size?: "sm" | "md" | "lg" | undefined;
24
25
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
26
+ borderStyle?: ("dashed" | "default") | undefined;
25
27
  } & {
26
28
  iconOnly?: false | undefined;
27
29
  "aria-label"?: string | undefined;
package/dist/components/text-field/index.d.ts CHANGED
@@ -35,6 +35,7 @@ export declare const TextField: import('react').ForwardRefExoticComponent<Omit<i
35
35
  fullWidth?: boolean | undefined;
36
36
  size?: "sm" | "md" | "lg" | undefined;
37
37
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
38
+ borderStyle?: ("dashed" | "default") | undefined;
38
39
  } & {
39
40
  iconOnly: true;
40
41
  "aria-label": string;
@@ -46,6 +47,7 @@ export declare const TextField: import('react').ForwardRefExoticComponent<Omit<i
46
47
  fullWidth?: boolean | undefined;
47
48
  size?: "sm" | "md" | "lg" | undefined;
48
49
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
50
+ borderStyle?: ("dashed" | "default") | undefined;
49
51
  } & {
50
52
  iconOnly?: false | undefined;
51
53
  "aria-label"?: string | undefined;
package/dist/components/text-field/text-field-button.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
12
12
  fullWidth?: boolean | undefined;
13
13
  size?: "sm" | "md" | "lg" | undefined;
14
14
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
15
+ borderStyle?: ("dashed" | "default") | undefined;
15
16
  } & {
16
17
  iconOnly: true;
17
18
  "aria-label": string;
@@ -23,6 +24,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
23
24
  fullWidth?: boolean | undefined;
24
25
  size?: "sm" | "md" | "lg" | undefined;
25
26
  variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
27
+ borderStyle?: ("dashed" | "default") | undefined;
26
28
  } & {
27
29
  iconOnly?: false | undefined;
28
30
  "aria-label"?: string | undefined;
package/dist/components/toast/toast-root.cjs CHANGED
@@ -6,81 +6,82 @@ const sonner = require("sonner");
6
6
  require("../../assets/sprite.269ba410-teddy.svg");
7
7
  const components_icon_icon = require("../icon/icon.cjs");
8
8
  const components_spinner_spinner = require("../spinner/spinner.cjs");
9
- const fadeInAnimation = "_fadeInAnimation_r0i1g_1";
10
- const scaleInAnimation = "_scaleInAnimation_r0i1g_1";
9
+ const fadeInAnimation = "_fadeInAnimation_mi6fm_1";
10
+ const scaleInAnimation = "_scaleInAnimation_mi6fm_1";
11
11
  const styles = {
12
- "teddy-button": "_teddy-button_r0i1g_18",
13
- "teddy-button--sm": "_teddy-button--sm_r0i1g_53",
14
- "teddy-button--icon-only": "_teddy-button--icon-only_r0i1g_56",
15
- "teddy-button--md": "_teddy-button--md_r0i1g_59",
16
- "teddy-button--lg": "_teddy-button--lg_r0i1g_65",
17
- "teddy-button--full-width": "_teddy-button--full-width_r0i1g_71",
18
- "teddy-button--primary": "_teddy-button--primary_r0i1g_74",
19
- "teddy-button--disabled": "_teddy-button--disabled_r0i1g_78",
20
- "teddy-button--primary-negative": "_teddy-button--primary-negative_r0i1g_84",
21
- "teddy-button--secondary": "_teddy-button--secondary_r0i1g_96",
22
- "teddy-button--secondary-negative": "_teddy-button--secondary-negative_r0i1g_107",
23
- "teddy-button--expressive": "_teddy-button--expressive_r0i1g_118",
24
- "teddy-button--expressive-negative": "_teddy-button--expressive-negative_r0i1g_128",
25
- "teddy-button--negative": "_teddy-button--negative_r0i1g_140",
26
- "teddy-button--destructive": "_teddy-button--destructive_r0i1g_147",
27
- "teddy-button--destructive-negative": "_teddy-button--destructive-negative_r0i1g_157",
28
- "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_r0i1g_167",
29
- "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_r0i1g_180",
30
- "teddy-button--list-item": "_teddy-button--list-item_r0i1g_195",
31
- "teddy-button--text-negative": "_teddy-button--text-negative_r0i1g_214",
32
- "teddy-button--text": "_teddy-button--text_r0i1g_214",
33
- "teddy-button__loading": "_teddy-button__loading_r0i1g_261",
12
+ "teddy-button": "_teddy-button_mi6fm_18",
13
+ "teddy-button--sm": "_teddy-button--sm_mi6fm_53",
14
+ "teddy-button--icon-only": "_teddy-button--icon-only_mi6fm_56",
15
+ "teddy-button--md": "_teddy-button--md_mi6fm_59",
16
+ "teddy-button--lg": "_teddy-button--lg_mi6fm_65",
17
+ "teddy-button--full-width": "_teddy-button--full-width_mi6fm_71",
18
+ "teddy-button--primary": "_teddy-button--primary_mi6fm_74",
19
+ "teddy-button--disabled": "_teddy-button--disabled_mi6fm_78",
20
+ "teddy-button--primary-negative": "_teddy-button--primary-negative_mi6fm_84",
21
+ "teddy-button--secondary": "_teddy-button--secondary_mi6fm_96",
22
+ "teddy-button--secondary-negative": "_teddy-button--secondary-negative_mi6fm_107",
23
+ "teddy-button--expressive": "_teddy-button--expressive_mi6fm_118",
24
+ "teddy-button--expressive-negative": "_teddy-button--expressive-negative_mi6fm_128",
25
+ "teddy-button--negative": "_teddy-button--negative_mi6fm_140",
26
+ "teddy-button--destructive": "_teddy-button--destructive_mi6fm_147",
27
+ "teddy-button--destructive-negative": "_teddy-button--destructive-negative_mi6fm_157",
28
+ "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_mi6fm_167",
29
+ "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_mi6fm_180",
30
+ "teddy-button--list-item": "_teddy-button--list-item_mi6fm_195",
31
+ "teddy-button--text-negative": "_teddy-button--text-negative_mi6fm_214",
32
+ "teddy-button--text": "_teddy-button--text_mi6fm_214",
33
+ "teddy-button--dashed-border": "_teddy-button--dashed-border_mi6fm_261",
34
+ "teddy-button__loading": "_teddy-button__loading_mi6fm_265",
34
35
  fadeInAnimation,
35
- "teddy-button__spinner": "_teddy-button__spinner_r0i1g_272",
36
- "teddy-toast": "_teddy-toast_r0i1g_279",
37
- "teddy-toast__title": "_teddy-toast__title_r0i1g_291",
38
- "teddy-toast__description": "_teddy-toast__description_r0i1g_295",
39
- "teddy-toast__icon": "_teddy-toast__icon_r0i1g_300",
40
- "teddy-toast__close-button": "_teddy-toast__close-button_r0i1g_309",
41
- "teddy-toast__close-button--sm": "_teddy-toast__close-button--sm_r0i1g_356",
42
- "teddy-toast__close-button--icon-only": "_teddy-toast__close-button--icon-only_r0i1g_359",
43
- "teddy-toast__close-button--md": "_teddy-toast__close-button--md_r0i1g_362",
44
- "teddy-toast__close-button--lg": "_teddy-toast__close-button--lg_r0i1g_368",
45
- "teddy-toast__close-button--full-width": "_teddy-toast__close-button--full-width_r0i1g_374",
46
- "teddy-toast__close-button--primary": "_teddy-toast__close-button--primary_r0i1g_377",
47
- "teddy-toast__close-button--disabled": "_teddy-toast__close-button--disabled_r0i1g_381",
48
- "teddy-toast__close-button--primary-negative": "_teddy-toast__close-button--primary-negative_r0i1g_387",
49
- "teddy-toast__close-button--secondary": "_teddy-toast__close-button--secondary_r0i1g_399",
50
- "teddy-toast__close-button--secondary-negative": "_teddy-toast__close-button--secondary-negative_r0i1g_410",
51
- "teddy-toast__close-button--expressive": "_teddy-toast__close-button--expressive_r0i1g_421",
52
- "teddy-toast__close-button--expressive-negative": "_teddy-toast__close-button--expressive-negative_r0i1g_431",
53
- "teddy-toast--disabled": "_teddy-toast--disabled_r0i1g_443",
54
- "teddy-toast__content": "_teddy-toast__content_r0i1g_456",
55
- "teddy-toast__loading": "_teddy-toast__loading_r0i1g_459",
56
- "teddy-toast--success": "_teddy-toast--success_r0i1g_463",
57
- "teddy-toast--info": "_teddy-toast--info_r0i1g_475",
58
- "teddy-toast--warning": "_teddy-toast--warning_r0i1g_487",
59
- "teddy-toast--error": "_teddy-toast--error_r0i1g_499",
60
- "teddy-toast__action-button": "_teddy-toast__action-button_r0i1g_511",
61
- "teddy-toast__cancel-button": "_teddy-toast__cancel-button_r0i1g_512",
62
- "teddy-toast__action-button--sm": "_teddy-toast__action-button--sm_r0i1g_559",
63
- "teddy-toast__cancel-button--sm": "_teddy-toast__cancel-button--sm_r0i1g_560",
64
- "teddy-toast__cancel-button--icon-only": "_teddy-toast__cancel-button--icon-only_r0i1g_563",
65
- "teddy-toast__action-button--md": "_teddy-toast__action-button--md_r0i1g_568",
66
- "teddy-toast__cancel-button--md": "_teddy-toast__cancel-button--md_r0i1g_569",
67
- "teddy-toast__action-button--lg": "_teddy-toast__action-button--lg_r0i1g_577",
68
- "teddy-toast__cancel-button--lg": "_teddy-toast__cancel-button--lg_r0i1g_578",
69
- "teddy-toast__action-button--full-width": "_teddy-toast__action-button--full-width_r0i1g_586",
70
- "teddy-toast__cancel-button--full-width": "_teddy-toast__cancel-button--full-width_r0i1g_587",
71
- "teddy-toast__action-button--primary": "_teddy-toast__action-button--primary_r0i1g_590",
72
- "teddy-toast__cancel-button--primary": "_teddy-toast__cancel-button--primary_r0i1g_591",
73
- "teddy-toast__cancel-button--disabled": "_teddy-toast__cancel-button--disabled_r0i1g_595",
74
- "teddy-toast__action-button--primary-negative": "_teddy-toast__action-button--primary-negative_r0i1g_603",
75
- "teddy-toast__cancel-button--primary-negative": "_teddy-toast__cancel-button--primary-negative_r0i1g_604",
76
- "teddy-toast__action-button--secondary": "_teddy-toast__action-button--secondary_r0i1g_618",
77
- "teddy-toast__cancel-button--secondary": "_teddy-toast__cancel-button--secondary_r0i1g_619",
78
- "teddy-toast__action-button--secondary-negative": "_teddy-toast__action-button--secondary-negative_r0i1g_632",
79
- "teddy-toast__cancel-button--secondary-negative": "_teddy-toast__cancel-button--secondary-negative_r0i1g_633",
80
- "teddy-toast__action-button--expressive": "_teddy-toast__action-button--expressive_r0i1g_646",
81
- "teddy-toast__cancel-button--expressive": "_teddy-toast__cancel-button--expressive_r0i1g_647",
82
- "teddy-toast__action-button--expressive-negative": "_teddy-toast__action-button--expressive-negative_r0i1g_659",
83
- "teddy-toast__cancel-button--expressive-negative": "_teddy-toast__cancel-button--expressive-negative_r0i1g_660",
36
+ "teddy-button__spinner": "_teddy-button__spinner_mi6fm_276",
37
+ "teddy-toast": "_teddy-toast_mi6fm_283",
38
+ "teddy-toast__title": "_teddy-toast__title_mi6fm_295",
39
+ "teddy-toast__description": "_teddy-toast__description_mi6fm_299",
40
+ "teddy-toast__icon": "_teddy-toast__icon_mi6fm_304",
41
+ "teddy-toast__close-button": "_teddy-toast__close-button_mi6fm_313",
42
+ "teddy-toast__close-button--sm": "_teddy-toast__close-button--sm_mi6fm_360",
43
+ "teddy-toast__close-button--icon-only": "_teddy-toast__close-button--icon-only_mi6fm_363",
44
+ "teddy-toast__close-button--md": "_teddy-toast__close-button--md_mi6fm_366",
45
+ "teddy-toast__close-button--lg": "_teddy-toast__close-button--lg_mi6fm_372",
46
+ "teddy-toast__close-button--full-width": "_teddy-toast__close-button--full-width_mi6fm_378",
47
+ "teddy-toast__close-button--primary": "_teddy-toast__close-button--primary_mi6fm_381",
48
+ "teddy-toast__close-button--disabled": "_teddy-toast__close-button--disabled_mi6fm_385",
49
+ "teddy-toast__close-button--primary-negative": "_teddy-toast__close-button--primary-negative_mi6fm_391",
50
+ "teddy-toast__close-button--secondary": "_teddy-toast__close-button--secondary_mi6fm_403",
51
+ "teddy-toast__close-button--secondary-negative": "_teddy-toast__close-button--secondary-negative_mi6fm_414",
52
+ "teddy-toast__close-button--expressive": "_teddy-toast__close-button--expressive_mi6fm_425",
53
+ "teddy-toast__close-button--expressive-negative": "_teddy-toast__close-button--expressive-negative_mi6fm_435",
54
+ "teddy-toast--disabled": "_teddy-toast--disabled_mi6fm_447",
55
+ "teddy-toast__content": "_teddy-toast__content_mi6fm_460",
56
+ "teddy-toast__loading": "_teddy-toast__loading_mi6fm_463",
57
+ "teddy-toast--success": "_teddy-toast--success_mi6fm_467",
58
+ "teddy-toast--info": "_teddy-toast--info_mi6fm_479",
59
+ "teddy-toast--warning": "_teddy-toast--warning_mi6fm_491",
60
+ "teddy-toast--error": "_teddy-toast--error_mi6fm_503",
61
+ "teddy-toast__action-button": "_teddy-toast__action-button_mi6fm_515",
62
+ "teddy-toast__cancel-button": "_teddy-toast__cancel-button_mi6fm_516",
63
+ "teddy-toast__action-button--sm": "_teddy-toast__action-button--sm_mi6fm_563",
64
+ "teddy-toast__cancel-button--sm": "_teddy-toast__cancel-button--sm_mi6fm_564",
65
+ "teddy-toast__cancel-button--icon-only": "_teddy-toast__cancel-button--icon-only_mi6fm_567",
66
+ "teddy-toast__action-button--md": "_teddy-toast__action-button--md_mi6fm_572",
67
+ "teddy-toast__cancel-button--md": "_teddy-toast__cancel-button--md_mi6fm_573",
68
+ "teddy-toast__action-button--lg": "_teddy-toast__action-button--lg_mi6fm_581",
69
+ "teddy-toast__cancel-button--lg": "_teddy-toast__cancel-button--lg_mi6fm_582",
70
+ "teddy-toast__action-button--full-width": "_teddy-toast__action-button--full-width_mi6fm_590",
71
+ "teddy-toast__cancel-button--full-width": "_teddy-toast__cancel-button--full-width_mi6fm_591",
72
+ "teddy-toast__action-button--primary": "_teddy-toast__action-button--primary_mi6fm_594",
73
+ "teddy-toast__cancel-button--primary": "_teddy-toast__cancel-button--primary_mi6fm_595",
74
+ "teddy-toast__cancel-button--disabled": "_teddy-toast__cancel-button--disabled_mi6fm_599",
75
+ "teddy-toast__action-button--primary-negative": "_teddy-toast__action-button--primary-negative_mi6fm_607",
76
+ "teddy-toast__cancel-button--primary-negative": "_teddy-toast__cancel-button--primary-negative_mi6fm_608",
77
+ "teddy-toast__action-button--secondary": "_teddy-toast__action-button--secondary_mi6fm_622",
78
+ "teddy-toast__cancel-button--secondary": "_teddy-toast__cancel-button--secondary_mi6fm_623",
79
+ "teddy-toast__action-button--secondary-negative": "_teddy-toast__action-button--secondary-negative_mi6fm_636",
80
+ "teddy-toast__cancel-button--secondary-negative": "_teddy-toast__cancel-button--secondary-negative_mi6fm_637",
81
+ "teddy-toast__action-button--expressive": "_teddy-toast__action-button--expressive_mi6fm_650",
82
+ "teddy-toast__cancel-button--expressive": "_teddy-toast__cancel-button--expressive_mi6fm_651",
83
+ "teddy-toast__action-button--expressive-negative": "_teddy-toast__action-button--expressive-negative_mi6fm_663",
84
+ "teddy-toast__cancel-button--expressive-negative": "_teddy-toast__cancel-button--expressive-negative_mi6fm_664",
84
85
  scaleInAnimation
85
86
  };
86
87
  const rootClassName = "teddy-toast";