@telia/teddy 0.1.14 → 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 (22) 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/card/card.cjs +52 -51
  5. package/dist/components/card/card.d.ts +1 -1
  6. package/dist/components/card/card.js +52 -51
  7. package/dist/components/card/utils.cjs +1 -1
  8. package/dist/components/card/utils.d.ts +1 -1
  9. package/dist/components/card/utils.js +1 -1
  10. package/dist/components/expandable-card/expandable-card-button.d.ts +2 -0
  11. package/dist/components/expandable-card/index.d.ts +2 -0
  12. package/dist/components/notification/notification.d.ts +3 -3
  13. package/dist/components/scroll-area/index.d.ts +2 -0
  14. package/dist/components/scroll-area/scroll-area-button.d.ts +4 -2
  15. package/dist/components/tabs/index.d.ts +2 -0
  16. package/dist/components/tabs/tabs-scroll-button.d.ts +2 -0
  17. package/dist/components/text-field/index.d.ts +2 -0
  18. package/dist/components/text-field/text-field-button.d.ts +2 -0
  19. package/dist/components/toast/toast-root.cjs +74 -73
  20. package/dist/components/toast/toast-root.js +74 -73
  21. package/dist/style.css +382 -360
  22. 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/card/card.cjs CHANGED
@@ -7,57 +7,58 @@ const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs
7
7
  const components_grid_grid = require("../grid/grid.cjs");
8
8
  const tokens_color_variables = require("../../tokens/color/variables.cjs");
9
9
  const styles = {
10
- "teddy-card": "_teddy-card_126z6_3",
11
- "teddy-card__slot": "_teddy-card__slot_126z6_13",
12
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_126z6_16",
13
- "teddy-card__slot--center": "_teddy-card__slot--center_126z6_19",
14
- "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_126z6_25",
15
- "teddy-card--shadow": "_teddy-card--shadow_126z6_44",
16
- "teddy-card__action": "_teddy-card__action_126z6_47",
17
- "teddy-card__action--disabled": "_teddy-card__action--disabled_126z6_47",
18
- "teddy-card--border": "_teddy-card--border_126z6_54",
19
- "teddy-card--layout": "_teddy-card--layout_126z6_57",
20
- "teddy-card__illustration": "_teddy-card__illustration_126z6_57",
21
- "teddy-card__carousel": "_teddy-card__carousel_126z6_60",
22
- "teddy-card__content": "_teddy-card__content_126z6_63",
23
- "teddy-card__heading": "_teddy-card__heading_126z6_66",
24
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_126z6_69",
25
- "teddy-card__footer": "_teddy-card__footer_126z6_72",
26
- "teddy-card__overline": "_teddy-card__overline_126z6_75",
27
- "teddy-card__description": "_teddy-card__description_126z6_78",
28
- "teddy-card__color-dots": "_teddy-card__color-dots_126z6_81",
29
- "teddy-card__availability": "_teddy-card__availability_126z6_84",
30
- "teddy-card__price": "_teddy-card__price_126z6_87",
31
- "teddy-card--default": "_teddy-card--default_126z6_90",
32
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_126z6_95",
33
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_126z6_115",
34
- "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_126z6_127",
35
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_126z6_149",
36
- "teddy-card--rich-card": "_teddy-card--rich-card_126z6_161",
37
- "teddy-card--rich-card-large": "_teddy-card--rich-card-large_126z6_180",
38
- "teddy-card__line": "_teddy-card__line_126z6_212",
39
- "teddy-card--purple-light": "_teddy-card--purple-light_126z6_216",
40
- "teddy-card--purple-dark": "_teddy-card--purple-dark_126z6_230",
41
- "teddy-card--white": "_teddy-card--white_126z6_249",
42
- "teddy-card--gray": "_teddy-card--gray_126z6_263",
43
- "teddy-card--beige": "_teddy-card--beige_126z6_277",
44
- "teddy-card--product": "_teddy-card--product_126z6_291",
45
- "teddy-card__price--big": "_teddy-card__price--big_126z6_359",
46
- "teddy-card__image--as-background": "_teddy-card__image--as-background_126z6_362",
47
- "teddy-card--background-image": "_teddy-card--background-image_126z6_368",
48
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_126z6_373",
49
- "teddy-card__inset": "_teddy-card__inset_126z6_377",
50
- "teddy-card__inset--top": "_teddy-card__inset--top_126z6_380",
51
- "teddy-card__inset--left": "_teddy-card__inset--left_126z6_383",
52
- "teddy-card__inset--right": "_teddy-card__inset--right_126z6_386",
53
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_126z6_389",
54
- "teddy-card__availability--badge": "_teddy-card__availability--badge_126z6_404",
55
- "teddy-card__availability--success": "_teddy-card__availability--success_126z6_407",
56
- "teddy-card__availability--warning": "_teddy-card__availability--warning_126z6_410",
57
- "teddy-card__availability--error": "_teddy-card__availability--error_126z6_413",
58
- "teddy-card__availability--special": "_teddy-card__availability--special_126z6_416",
59
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_126z6_419",
60
- "teddy-card__availability--information": "_teddy-card__availability--information_126z6_422"
10
+ "teddy-card": "_teddy-card_1h784_3",
11
+ "teddy-card__slot": "_teddy-card__slot_1h784_13",
12
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1h784_16",
13
+ "teddy-card__slot--center": "_teddy-card__slot--center_1h784_19",
14
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1h784_25",
15
+ "teddy-card--shadow": "_teddy-card--shadow_1h784_44",
16
+ "teddy-card__action": "_teddy-card__action_1h784_47",
17
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_1h784_47",
18
+ "teddy-card--border": "_teddy-card--border_1h784_54",
19
+ "teddy-card--layout": "_teddy-card--layout_1h784_57",
20
+ "teddy-card__illustration": "_teddy-card__illustration_1h784_57",
21
+ "teddy-card__carousel": "_teddy-card__carousel_1h784_60",
22
+ "teddy-card__content": "_teddy-card__content_1h784_63",
23
+ "teddy-card__heading": "_teddy-card__heading_1h784_66",
24
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1h784_69",
25
+ "teddy-card__footer": "_teddy-card__footer_1h784_72",
26
+ "teddy-card__overline": "_teddy-card__overline_1h784_75",
27
+ "teddy-card__description": "_teddy-card__description_1h784_78",
28
+ "teddy-card__color-dots": "_teddy-card__color-dots_1h784_81",
29
+ "teddy-card__availability": "_teddy-card__availability_1h784_84",
30
+ "teddy-card__price": "_teddy-card__price_1h784_87",
31
+ "teddy-card--default": "_teddy-card--default_1h784_90",
32
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1h784_95",
33
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1h784_115",
34
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1h784_127",
35
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1h784_149",
36
+ "teddy-card--rich-card": "_teddy-card--rich-card_1h784_161",
37
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_1h784_180",
38
+ "teddy-card__line": "_teddy-card__line_1h784_212",
39
+ "teddy-card--purple-light": "_teddy-card--purple-light_1h784_216",
40
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_1h784_230",
41
+ "teddy-card--white": "_teddy-card--white_1h784_249",
42
+ "teddy-card--gray": "_teddy-card--gray_1h784_263",
43
+ "teddy-card--beige": "_teddy-card--beige_1h784_277",
44
+ "teddy-card--beige-light": "_teddy-card--beige-light_1h784_291",
45
+ "teddy-card--product": "_teddy-card--product_1h784_305",
46
+ "teddy-card__price--big": "_teddy-card__price--big_1h784_373",
47
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_1h784_376",
48
+ "teddy-card--background-image": "_teddy-card--background-image_1h784_382",
49
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1h784_387",
50
+ "teddy-card__inset": "_teddy-card__inset_1h784_391",
51
+ "teddy-card__inset--top": "_teddy-card__inset--top_1h784_394",
52
+ "teddy-card__inset--left": "_teddy-card__inset--left_1h784_397",
53
+ "teddy-card__inset--right": "_teddy-card__inset--right_1h784_400",
54
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1h784_403",
55
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_1h784_418",
56
+ "teddy-card__availability--success": "_teddy-card__availability--success_1h784_421",
57
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_1h784_424",
58
+ "teddy-card__availability--error": "_teddy-card__availability--error_1h784_427",
59
+ "teddy-card__availability--special": "_teddy-card__availability--special_1h784_430",
60
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1h784_433",
61
+ "teddy-card__availability--information": "_teddy-card__availability--information_1h784_436"
61
62
  };
62
63
  const rootClassName = "teddy-card";
63
64
  const actionElementIdentifier = `${rootClassName}__action`;
package/dist/components/card/card.d.ts CHANGED
@@ -10,7 +10,7 @@ export type CardType = 'regular' | 'product';
10
10
  export declare const RootContext: React.Context<{
11
11
  buttonRef: React.RefObject<HTMLButtonElement>;
12
12
  linkRef: React.RefObject<HTMLAnchorElement>;
13
- variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | undefined;
13
+ variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | "beige-light" | undefined;
14
14
  layout?: Layout | undefined;
15
15
  } | undefined>;
16
16
  /** -------------------------------------------------------------------------------------------------
package/dist/components/card/card.js CHANGED
@@ -5,57 +5,58 @@ import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
5
5
  import { Grid } from "../grid/grid.js";
6
6
  import { teddyColorTransparentWhite850, teddyColorTransparentWhite800, teddyColorTransparentWhite100, teddyColorTransparentBlack600, teddyColorTransparentBlack200 } from "../../tokens/color/variables.js";
7
7
  const styles = {
8
- "teddy-card": "_teddy-card_126z6_3",
9
- "teddy-card__slot": "_teddy-card__slot_126z6_13",
10
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_126z6_16",
11
- "teddy-card__slot--center": "_teddy-card__slot--center_126z6_19",
12
- "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_126z6_25",
13
- "teddy-card--shadow": "_teddy-card--shadow_126z6_44",
14
- "teddy-card__action": "_teddy-card__action_126z6_47",
15
- "teddy-card__action--disabled": "_teddy-card__action--disabled_126z6_47",
16
- "teddy-card--border": "_teddy-card--border_126z6_54",
17
- "teddy-card--layout": "_teddy-card--layout_126z6_57",
18
- "teddy-card__illustration": "_teddy-card__illustration_126z6_57",
19
- "teddy-card__carousel": "_teddy-card__carousel_126z6_60",
20
- "teddy-card__content": "_teddy-card__content_126z6_63",
21
- "teddy-card__heading": "_teddy-card__heading_126z6_66",
22
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_126z6_69",
23
- "teddy-card__footer": "_teddy-card__footer_126z6_72",
24
- "teddy-card__overline": "_teddy-card__overline_126z6_75",
25
- "teddy-card__description": "_teddy-card__description_126z6_78",
26
- "teddy-card__color-dots": "_teddy-card__color-dots_126z6_81",
27
- "teddy-card__availability": "_teddy-card__availability_126z6_84",
28
- "teddy-card__price": "_teddy-card__price_126z6_87",
29
- "teddy-card--default": "_teddy-card--default_126z6_90",
30
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_126z6_95",
31
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_126z6_115",
32
- "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_126z6_127",
33
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_126z6_149",
34
- "teddy-card--rich-card": "_teddy-card--rich-card_126z6_161",
35
- "teddy-card--rich-card-large": "_teddy-card--rich-card-large_126z6_180",
36
- "teddy-card__line": "_teddy-card__line_126z6_212",
37
- "teddy-card--purple-light": "_teddy-card--purple-light_126z6_216",
38
- "teddy-card--purple-dark": "_teddy-card--purple-dark_126z6_230",
39
- "teddy-card--white": "_teddy-card--white_126z6_249",
40
- "teddy-card--gray": "_teddy-card--gray_126z6_263",
41
- "teddy-card--beige": "_teddy-card--beige_126z6_277",
42
- "teddy-card--product": "_teddy-card--product_126z6_291",
43
- "teddy-card__price--big": "_teddy-card__price--big_126z6_359",
44
- "teddy-card__image--as-background": "_teddy-card__image--as-background_126z6_362",
45
- "teddy-card--background-image": "_teddy-card--background-image_126z6_368",
46
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_126z6_373",
47
- "teddy-card__inset": "_teddy-card__inset_126z6_377",
48
- "teddy-card__inset--top": "_teddy-card__inset--top_126z6_380",
49
- "teddy-card__inset--left": "_teddy-card__inset--left_126z6_383",
50
- "teddy-card__inset--right": "_teddy-card__inset--right_126z6_386",
51
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_126z6_389",
52
- "teddy-card__availability--badge": "_teddy-card__availability--badge_126z6_404",
53
- "teddy-card__availability--success": "_teddy-card__availability--success_126z6_407",
54
- "teddy-card__availability--warning": "_teddy-card__availability--warning_126z6_410",
55
- "teddy-card__availability--error": "_teddy-card__availability--error_126z6_413",
56
- "teddy-card__availability--special": "_teddy-card__availability--special_126z6_416",
57
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_126z6_419",
58
- "teddy-card__availability--information": "_teddy-card__availability--information_126z6_422"
8
+ "teddy-card": "_teddy-card_1h784_3",
9
+ "teddy-card__slot": "_teddy-card__slot_1h784_13",
10
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_1h784_16",
11
+ "teddy-card__slot--center": "_teddy-card__slot--center_1h784_19",
12
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_1h784_25",
13
+ "teddy-card--shadow": "_teddy-card--shadow_1h784_44",
14
+ "teddy-card__action": "_teddy-card__action_1h784_47",
15
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_1h784_47",
16
+ "teddy-card--border": "_teddy-card--border_1h784_54",
17
+ "teddy-card--layout": "_teddy-card--layout_1h784_57",
18
+ "teddy-card__illustration": "_teddy-card__illustration_1h784_57",
19
+ "teddy-card__carousel": "_teddy-card__carousel_1h784_60",
20
+ "teddy-card__content": "_teddy-card__content_1h784_63",
21
+ "teddy-card__heading": "_teddy-card__heading_1h784_66",
22
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_1h784_69",
23
+ "teddy-card__footer": "_teddy-card__footer_1h784_72",
24
+ "teddy-card__overline": "_teddy-card__overline_1h784_75",
25
+ "teddy-card__description": "_teddy-card__description_1h784_78",
26
+ "teddy-card__color-dots": "_teddy-card__color-dots_1h784_81",
27
+ "teddy-card__availability": "_teddy-card__availability_1h784_84",
28
+ "teddy-card__price": "_teddy-card__price_1h784_87",
29
+ "teddy-card--default": "_teddy-card--default_1h784_90",
30
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_1h784_95",
31
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_1h784_115",
32
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_1h784_127",
33
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_1h784_149",
34
+ "teddy-card--rich-card": "_teddy-card--rich-card_1h784_161",
35
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_1h784_180",
36
+ "teddy-card__line": "_teddy-card__line_1h784_212",
37
+ "teddy-card--purple-light": "_teddy-card--purple-light_1h784_216",
38
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_1h784_230",
39
+ "teddy-card--white": "_teddy-card--white_1h784_249",
40
+ "teddy-card--gray": "_teddy-card--gray_1h784_263",
41
+ "teddy-card--beige": "_teddy-card--beige_1h784_277",
42
+ "teddy-card--beige-light": "_teddy-card--beige-light_1h784_291",
43
+ "teddy-card--product": "_teddy-card--product_1h784_305",
44
+ "teddy-card__price--big": "_teddy-card__price--big_1h784_373",
45
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_1h784_376",
46
+ "teddy-card--background-image": "_teddy-card--background-image_1h784_382",
47
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_1h784_387",
48
+ "teddy-card__inset": "_teddy-card__inset_1h784_391",
49
+ "teddy-card__inset--top": "_teddy-card__inset--top_1h784_394",
50
+ "teddy-card__inset--left": "_teddy-card__inset--left_1h784_397",
51
+ "teddy-card__inset--right": "_teddy-card__inset--right_1h784_400",
52
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_1h784_403",
53
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_1h784_418",
54
+ "teddy-card__availability--success": "_teddy-card__availability--success_1h784_421",
55
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_1h784_424",
56
+ "teddy-card__availability--error": "_teddy-card__availability--error_1h784_427",
57
+ "teddy-card__availability--special": "_teddy-card__availability--special_1h784_430",
58
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_1h784_433",
59
+ "teddy-card__availability--information": "_teddy-card__availability--information_1h784_436"
59
60
  };
60
61
  const rootClassName = "teddy-card";
61
62
  const actionElementIdentifier = `${rootClassName}__action`;
package/dist/components/card/utils.cjs CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const variantOptions = ["purple-light", "purple-dark", "gray", "white", "beige"];
3
+ const variantOptions = ["purple-light", "purple-dark", "gray", "white", "beige", "beige-light"];
4
4
  exports.variantOptions = variantOptions;
package/dist/components/card/utils.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const variantOptions: readonly ["purple-light", "purple-dark", "gray", "white", "beige"];
1
+ export declare const variantOptions: readonly ["purple-light", "purple-dark", "gray", "white", "beige", "beige-light"];
2
2
  export type Variant = (typeof variantOptions)[number];
package/dist/components/card/utils.js CHANGED
@@ -1,4 +1,4 @@
1
- const variantOptions = ["purple-light", "purple-dark", "gray", "white", "beige"];
1
+ const variantOptions = ["purple-light", "purple-dark", "gray", "white", "beige", "beige-light"];
2
2
  export {
3
3
  variantOptions
4
4
  };
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/notification/notification.d.ts CHANGED
@@ -41,7 +41,7 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
41
41
  as?: undefined;
42
42
  } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
43
43
  asChild?: boolean | undefined;
44
- variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | undefined;
44
+ variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | "beige-light" | undefined;
45
45
  bordered?: boolean | undefined;
46
46
  shadow?: boolean | undefined;
47
47
  backgroundImageSrc?: string | undefined;
@@ -57,7 +57,7 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
57
57
  asChild?: false | undefined;
58
58
  } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
59
59
  asChild?: boolean | undefined;
60
- variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | undefined;
60
+ variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | "beige-light" | undefined;
61
61
  bordered?: boolean | undefined;
62
62
  shadow?: boolean | undefined;
63
63
  backgroundImageSrc?: string | undefined;
@@ -73,7 +73,7 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
73
73
  asChild?: false | undefined;
74
74
  } & React.RefAttributes<HTMLDivElement>, "ref"> & {
75
75
  asChild?: boolean | undefined;
76
- variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | undefined;
76
+ variant?: "beige" | "gray" | "white" | "purple-light" | "purple-dark" | "beige-light" | undefined;
77
77
  bordered?: boolean | undefined;
78
78
  shadow?: boolean | undefined;
79
79
  backgroundImageSrc?: 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;