@telia/teddy 0.7.69 → 0.7.71

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 (12) hide show
  1. package/dist/components/card/card-button.cjs +2 -2
  2. package/dist/components/card/card-button.d.ts +1 -0
  3. package/dist/components/card/card-button.js +2 -2
  4. package/dist/components/card/card-price.cjs +61 -16
  5. package/dist/components/card/card-price.d.ts +2 -0
  6. package/dist/components/card/card-price.js +61 -16
  7. package/dist/components/card/card.cjs +53 -52
  8. package/dist/components/card/card.js +53 -52
  9. package/dist/components/tabs/tabs-root.cjs +5 -5
  10. package/dist/components/tabs/tabs-root.js +5 -5
  11. package/dist/teddy.css +1 -1
  12. package/package.json +1 -1
package/dist/components/card/card-button.cjs CHANGED
@@ -28,7 +28,7 @@ const getButtonSize = (layout) => {
28
28
  }
29
29
  };
30
30
  const Button = React.forwardRef(
31
- ({ className, iconOnly, disclaimer, ...props }, forwardRef) => {
31
+ ({ className, iconOnly, disclaimer, textFaded, ...props }, forwardRef) => {
32
32
  const context = React.useContext(components_card_card.RootContext);
33
33
  const wrapperClasses = clsx(components_card_card.styles[`${components_card_card.actionElementIdentifier}-wrapper`]);
34
34
  const classes = clsx(
@@ -47,7 +47,7 @@ const Button = React.forwardRef(
47
47
  ].includes((context == null ? void 0 : context.layout) ?? "");
48
48
  const ref = utils_composeRefs.useComposedRefs(forwardRef, context == null ? void 0 : context.buttonRef);
49
49
  return /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { className: wrapperClasses, children: [
50
- disclaimer && /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { mr: "100", variant: "additional-100", children: disclaimer }),
50
+ disclaimer && /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { mr: "100", variant: "additional-100", faded: textFaded, children: disclaimer }),
51
51
  /* @__PURE__ */ jsxRuntime.jsx(
52
52
  components_button_button.Button,
53
53
  {
package/dist/components/card/card-button.d.ts CHANGED
@@ -3,6 +3,7 @@ import { ButtonProps as PrimitiveButtonProps } from '../button';
3
3
 
4
4
  export type ButtonProps = PrimitiveButtonProps & {
5
5
  disclaimer?: string;
6
+ textFaded?: boolean;
6
7
  };
7
8
  /**
8
9
  * The button element is used when you want a trigger in the card
package/dist/components/card/card-button.js CHANGED
@@ -26,7 +26,7 @@ const getButtonSize = (layout) => {
26
26
  }
27
27
  };
28
28
  const Button = React__default.forwardRef(
29
- ({ className, iconOnly, disclaimer, ...props }, forwardRef) => {
29
+ ({ className, iconOnly, disclaimer, textFaded, ...props }, forwardRef) => {
30
30
  const context = React__default.useContext(RootContext);
31
31
  const wrapperClasses = clsx(styles[`${actionElementIdentifier}-wrapper`]);
32
32
  const classes = clsx(
@@ -45,7 +45,7 @@ const Button = React__default.forwardRef(
45
45
  ].includes((context == null ? void 0 : context.layout) ?? "");
46
46
  const ref = useComposedRefs(forwardRef, context == null ? void 0 : context.buttonRef);
47
47
  return /* @__PURE__ */ jsxs(Flex, { className: wrapperClasses, children: [
48
- disclaimer && /* @__PURE__ */ jsx(Text, { mr: "100", variant: "additional-100", children: disclaimer }),
48
+ disclaimer && /* @__PURE__ */ jsx(Text, { mr: "100", variant: "additional-100", faded: textFaded, children: disclaimer }),
49
49
  /* @__PURE__ */ jsx(
50
50
  Button$1,
51
51
  {
package/dist/components/card/card-price.cjs CHANGED
@@ -8,26 +8,71 @@ const components_flex_flex = require("../flex/flex.cjs");
8
8
  const components_text_text = require("../text/text.cjs");
9
9
  const tokens_color_variables = require("../../tokens/color/variables.cjs");
10
10
  const Price = React.forwardRef(
11
- ({ className, pricePrefix, priceSuffix, priceText, variant = "default", textAbovePrice, textBelowPrice }, forwardRef) => {
11
+ ({
12
+ className,
13
+ pricePrefix,
14
+ pricePrefixFaded = true,
15
+ priceSuffix,
16
+ priceText,
17
+ variant = "default",
18
+ textAbovePrice,
19
+ textBelowPrice,
20
+ withDivider
21
+ }, forwardRef) => {
12
22
  const rootColorDotsClass = `${components_card_card.rootClassName}__price`;
13
23
  const classes = clsx([components_card_card.styles[rootColorDotsClass]], className);
14
24
  return /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { flexGrow: "1", mt: "auto", mb: "100", ref: forwardRef, className: classes, direction: "column", gap: "10", children: [
15
25
  textAbovePrice ? /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "additional-100", as: "p", faded: true, children: textAbovePrice }) : null,
16
- /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { direction: "row", align: "baseline", flexGrow: "1", wrap: "nowrap", children: [
17
- pricePrefix && /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "paragraph-200", as: "p", faded: true, mr: "100", children: pricePrefix }),
18
- /* @__PURE__ */ jsxRuntime.jsx(
19
- components_text_text.Text,
20
- {
21
- variant: "paragraph-100-bold",
22
- as: "span",
23
- mr: "100",
24
- color: variant === "purple" ? tokens_color_variables.teddyColorBrandCorePurple : void 0,
25
- className: components_card_card.styles[`${rootColorDotsClass}--big`],
26
- children: priceText
27
- }
28
- ),
29
- priceSuffix && /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "paragraph-200", as: "p", faded: true, children: priceSuffix })
30
- ] }),
26
+ /* @__PURE__ */ jsxRuntime.jsxs(
27
+ components_flex_flex.Flex,
28
+ {
29
+ direction: "row",
30
+ align: withDivider ? "center" : "baseline",
31
+ flexGrow: withDivider ? void 0 : "1",
32
+ wrap: "nowrap",
33
+ justify: withDivider ? "space-between" : void 0,
34
+ gap: withDivider ? "200" : "0",
35
+ children: [
36
+ pricePrefix && /* @__PURE__ */ jsxRuntime.jsx(
37
+ components_text_text.Text,
38
+ {
39
+ variant: "paragraph-200",
40
+ as: "p",
41
+ faded: pricePrefixFaded,
42
+ mr: withDivider ? "" : "100",
43
+ flexBasis: withDivider ? "1/2" : void 0,
44
+ children: pricePrefix
45
+ }
46
+ ),
47
+ withDivider && /* @__PURE__ */ jsxRuntime.jsx("span", { className: components_card_card.styles[`${rootColorDotsClass}__divider`] }),
48
+ /* @__PURE__ */ jsxRuntime.jsxs(
49
+ components_flex_flex.Flex,
50
+ {
51
+ direction: "row",
52
+ align: "baseline",
53
+ flexGrow: "1",
54
+ justify: withDivider ? "end" : void 0,
55
+ gapX: withDivider ? "100" : "0",
56
+ wrap: withDivider ? "wrap" : "nowrap",
57
+ children: [
58
+ /* @__PURE__ */ jsxRuntime.jsx(
59
+ components_text_text.Text,
60
+ {
61
+ variant: "paragraph-100-bold",
62
+ as: "span",
63
+ mr: withDivider ? "" : "100",
64
+ color: variant === "purple" ? tokens_color_variables.teddyColorBrandCorePurple : void 0,
65
+ className: components_card_card.styles[`${rootColorDotsClass}--big`],
66
+ children: priceText
67
+ }
68
+ ),
69
+ priceSuffix && /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "paragraph-200", as: "p", faded: true, children: priceSuffix })
70
+ ]
71
+ }
72
+ )
73
+ ]
74
+ }
75
+ ),
31
76
  textBelowPrice ? /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "additional-100", as: "p", faded: true, children: textBelowPrice }) : null
32
77
  ] });
33
78
  }
package/dist/components/card/card-price.d.ts CHANGED
@@ -2,9 +2,11 @@ import { default as React } from 'react';
2
2
 
3
3
  export type PriceProps = {
4
4
  variant?: 'default' | 'purple';
5
+ withDivider?: boolean;
5
6
  textAbovePrice?: string;
6
7
  textBelowPrice?: string;
7
8
  pricePrefix?: string;
9
+ pricePrefixFaded?: boolean;
8
10
  priceSuffix?: string;
9
11
  priceText: string;
10
12
  className?: string;
package/dist/components/card/card-price.js CHANGED
@@ -6,26 +6,71 @@ import { Flex } from "../flex/flex.js";
6
6
  import { Text } from "../text/text.js";
7
7
  import { teddyColorBrandCorePurple } from "../../tokens/color/variables.js";
8
8
  const Price = React__default.forwardRef(
9
- ({ className, pricePrefix, priceSuffix, priceText, variant = "default", textAbovePrice, textBelowPrice }, forwardRef) => {
9
+ ({
10
+ className,
11
+ pricePrefix,
12
+ pricePrefixFaded = true,
13
+ priceSuffix,
14
+ priceText,
15
+ variant = "default",
16
+ textAbovePrice,
17
+ textBelowPrice,
18
+ withDivider
19
+ }, forwardRef) => {
10
20
  const rootColorDotsClass = `${rootClassName}__price`;
11
21
  const classes = clsx([styles[rootColorDotsClass]], className);
12
22
  return /* @__PURE__ */ jsxs(Flex, { flexGrow: "1", mt: "auto", mb: "100", ref: forwardRef, className: classes, direction: "column", gap: "10", children: [
13
23
  textAbovePrice ? /* @__PURE__ */ jsx(Text, { variant: "additional-100", as: "p", faded: true, children: textAbovePrice }) : null,
14
- /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "baseline", flexGrow: "1", wrap: "nowrap", children: [
15
- pricePrefix && /* @__PURE__ */ jsx(Text, { variant: "paragraph-200", as: "p", faded: true, mr: "100", children: pricePrefix }),
16
- /* @__PURE__ */ jsx(
17
- Text,
18
- {
19
- variant: "paragraph-100-bold",
20
- as: "span",
21
- mr: "100",
22
- color: variant === "purple" ? teddyColorBrandCorePurple : void 0,
23
- className: styles[`${rootColorDotsClass}--big`],
24
- children: priceText
25
- }
26
- ),
27
- priceSuffix && /* @__PURE__ */ jsx(Text, { variant: "paragraph-200", as: "p", faded: true, children: priceSuffix })
28
- ] }),
24
+ /* @__PURE__ */ jsxs(
25
+ Flex,
26
+ {
27
+ direction: "row",
28
+ align: withDivider ? "center" : "baseline",
29
+ flexGrow: withDivider ? void 0 : "1",
30
+ wrap: "nowrap",
31
+ justify: withDivider ? "space-between" : void 0,
32
+ gap: withDivider ? "200" : "0",
33
+ children: [
34
+ pricePrefix && /* @__PURE__ */ jsx(
35
+ Text,
36
+ {
37
+ variant: "paragraph-200",
38
+ as: "p",
39
+ faded: pricePrefixFaded,
40
+ mr: withDivider ? "" : "100",
41
+ flexBasis: withDivider ? "1/2" : void 0,
42
+ children: pricePrefix
43
+ }
44
+ ),
45
+ withDivider && /* @__PURE__ */ jsx("span", { className: styles[`${rootColorDotsClass}__divider`] }),
46
+ /* @__PURE__ */ jsxs(
47
+ Flex,
48
+ {
49
+ direction: "row",
50
+ align: "baseline",
51
+ flexGrow: "1",
52
+ justify: withDivider ? "end" : void 0,
53
+ gapX: withDivider ? "100" : "0",
54
+ wrap: withDivider ? "wrap" : "nowrap",
55
+ children: [
56
+ /* @__PURE__ */ jsx(
57
+ Text,
58
+ {
59
+ variant: "paragraph-100-bold",
60
+ as: "span",
61
+ mr: withDivider ? "" : "100",
62
+ color: variant === "purple" ? teddyColorBrandCorePurple : void 0,
63
+ className: styles[`${rootColorDotsClass}--big`],
64
+ children: priceText
65
+ }
66
+ ),
67
+ priceSuffix && /* @__PURE__ */ jsx(Text, { variant: "paragraph-200", as: "p", faded: true, children: priceSuffix })
68
+ ]
69
+ }
70
+ )
71
+ ]
72
+ }
73
+ ),
29
74
  textBelowPrice ? /* @__PURE__ */ jsx(Text, { variant: "additional-100", as: "p", faded: true, children: textBelowPrice }) : null
30
75
  ] });
31
76
  }
package/dist/components/card/card.cjs CHANGED
@@ -7,58 +7,59 @@ 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_kudfq_3",
11
- "teddy-card__slot": "_teddy-card__slot_kudfq_17",
12
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_kudfq_20",
13
- "teddy-card__slot--center": "_teddy-card__slot--center_kudfq_23",
14
- "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_kudfq_29",
15
- "teddy-card--shadow": "_teddy-card--shadow_kudfq_48",
16
- "teddy-card__action": "_teddy-card__action_kudfq_51",
17
- "teddy-card__action--disabled": "_teddy-card__action--disabled_kudfq_51",
18
- "teddy-card--border": "_teddy-card--border_kudfq_58",
19
- "teddy-card--layout": "_teddy-card--layout_kudfq_61",
20
- "teddy-card__illustration": "_teddy-card__illustration_kudfq_61",
21
- "teddy-card__carousel": "_teddy-card__carousel_kudfq_64",
22
- "teddy-card__content": "_teddy-card__content_kudfq_67",
23
- "teddy-card__heading": "_teddy-card__heading_kudfq_70",
24
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_kudfq_73",
25
- "teddy-card__footer": "_teddy-card__footer_kudfq_76",
26
- "teddy-card__overline": "_teddy-card__overline_kudfq_79",
27
- "teddy-card__description": "_teddy-card__description_kudfq_82",
28
- "teddy-card__color-dots": "_teddy-card__color-dots_kudfq_85",
29
- "teddy-card__availability": "_teddy-card__availability_kudfq_88",
30
- "teddy-card__price": "_teddy-card__price_kudfq_91",
31
- "teddy-card__line": "_teddy-card__line_kudfq_94",
32
- "teddy-card--default": "_teddy-card--default_kudfq_97",
33
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_kudfq_102",
34
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_kudfq_122",
35
- "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_kudfq_134",
36
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_kudfq_156",
37
- "teddy-card--rich-card": "_teddy-card--rich-card_kudfq_168",
38
- "teddy-card--rich-card-large": "_teddy-card--rich-card-large_kudfq_187",
39
- "teddy-card--purple-light": "_teddy-card--purple-light_kudfq_234",
40
- "teddy-card--purple-dark": "_teddy-card--purple-dark_kudfq_248",
41
- "teddy-card--white": "_teddy-card--white_kudfq_267",
42
- "teddy-card--gray": "_teddy-card--gray_kudfq_281",
43
- "teddy-card--beige": "_teddy-card--beige_kudfq_295",
44
- "teddy-card--beige-light": "_teddy-card--beige-light_kudfq_309",
45
- "teddy-card--product": "_teddy-card--product_kudfq_323",
46
- "teddy-card__price--big": "_teddy-card__price--big_kudfq_399",
47
- "teddy-card__image--as-background": "_teddy-card__image--as-background_kudfq_402",
48
- "teddy-card--background-image": "_teddy-card--background-image_kudfq_408",
49
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_kudfq_413",
50
- "teddy-card__inset": "_teddy-card__inset_kudfq_417",
51
- "teddy-card__inset--top": "_teddy-card__inset--top_kudfq_420",
52
- "teddy-card__inset--left": "_teddy-card__inset--left_kudfq_423",
53
- "teddy-card__inset--right": "_teddy-card__inset--right_kudfq_426",
54
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_kudfq_429",
55
- "teddy-card__availability--badge": "_teddy-card__availability--badge_kudfq_444",
56
- "teddy-card__availability--success": "_teddy-card__availability--success_kudfq_447",
57
- "teddy-card__availability--warning": "_teddy-card__availability--warning_kudfq_450",
58
- "teddy-card__availability--error": "_teddy-card__availability--error_kudfq_453",
59
- "teddy-card__availability--special": "_teddy-card__availability--special_kudfq_456",
60
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_kudfq_459",
61
- "teddy-card__availability--information": "_teddy-card__availability--information_kudfq_462"
10
+ "teddy-card": "_teddy-card_139sd_3",
11
+ "teddy-card__slot": "_teddy-card__slot_139sd_17",
12
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_139sd_20",
13
+ "teddy-card__slot--center": "_teddy-card__slot--center_139sd_23",
14
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_139sd_29",
15
+ "teddy-card--shadow": "_teddy-card--shadow_139sd_48",
16
+ "teddy-card__action": "_teddy-card__action_139sd_51",
17
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_139sd_51",
18
+ "teddy-card--border": "_teddy-card--border_139sd_58",
19
+ "teddy-card--layout": "_teddy-card--layout_139sd_61",
20
+ "teddy-card__illustration": "_teddy-card__illustration_139sd_61",
21
+ "teddy-card__carousel": "_teddy-card__carousel_139sd_64",
22
+ "teddy-card__content": "_teddy-card__content_139sd_67",
23
+ "teddy-card__heading": "_teddy-card__heading_139sd_70",
24
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_139sd_73",
25
+ "teddy-card__footer": "_teddy-card__footer_139sd_76",
26
+ "teddy-card__overline": "_teddy-card__overline_139sd_79",
27
+ "teddy-card__description": "_teddy-card__description_139sd_82",
28
+ "teddy-card__color-dots": "_teddy-card__color-dots_139sd_85",
29
+ "teddy-card__availability": "_teddy-card__availability_139sd_88",
30
+ "teddy-card__price": "_teddy-card__price_139sd_91",
31
+ "teddy-card__line": "_teddy-card__line_139sd_94",
32
+ "teddy-card--default": "_teddy-card--default_139sd_97",
33
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_139sd_102",
34
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_139sd_122",
35
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_139sd_134",
36
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_139sd_156",
37
+ "teddy-card--rich-card": "_teddy-card--rich-card_139sd_168",
38
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_139sd_187",
39
+ "teddy-card--purple-light": "_teddy-card--purple-light_139sd_234",
40
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_139sd_248",
41
+ "teddy-card--white": "_teddy-card--white_139sd_267",
42
+ "teddy-card--gray": "_teddy-card--gray_139sd_281",
43
+ "teddy-card--beige": "_teddy-card--beige_139sd_295",
44
+ "teddy-card--beige-light": "_teddy-card--beige-light_139sd_309",
45
+ "teddy-card--product": "_teddy-card--product_139sd_323",
46
+ "teddy-card__price--big": "_teddy-card__price--big_139sd_399",
47
+ "teddy-card__price__divider": "_teddy-card__price__divider_139sd_402",
48
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_139sd_408",
49
+ "teddy-card--background-image": "_teddy-card--background-image_139sd_414",
50
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_139sd_419",
51
+ "teddy-card__inset": "_teddy-card__inset_139sd_423",
52
+ "teddy-card__inset--top": "_teddy-card__inset--top_139sd_426",
53
+ "teddy-card__inset--left": "_teddy-card__inset--left_139sd_429",
54
+ "teddy-card__inset--right": "_teddy-card__inset--right_139sd_432",
55
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_139sd_435",
56
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_139sd_450",
57
+ "teddy-card__availability--success": "_teddy-card__availability--success_139sd_453",
58
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_139sd_456",
59
+ "teddy-card__availability--error": "_teddy-card__availability--error_139sd_459",
60
+ "teddy-card__availability--special": "_teddy-card__availability--special_139sd_462",
61
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_139sd_465",
62
+ "teddy-card__availability--information": "_teddy-card__availability--information_139sd_468"
62
63
  };
63
64
  const rootClassName = "teddy-card";
64
65
  const actionElementIdentifier = `${rootClassName}__action`;
package/dist/components/card/card.js CHANGED
@@ -5,58 +5,59 @@ 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_kudfq_3",
9
- "teddy-card__slot": "_teddy-card__slot_kudfq_17",
10
- "teddy-card__slot--bottom": "_teddy-card__slot--bottom_kudfq_20",
11
- "teddy-card__slot--center": "_teddy-card__slot--center_kudfq_23",
12
- "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_kudfq_29",
13
- "teddy-card--shadow": "_teddy-card--shadow_kudfq_48",
14
- "teddy-card__action": "_teddy-card__action_kudfq_51",
15
- "teddy-card__action--disabled": "_teddy-card__action--disabled_kudfq_51",
16
- "teddy-card--border": "_teddy-card--border_kudfq_58",
17
- "teddy-card--layout": "_teddy-card--layout_kudfq_61",
18
- "teddy-card__illustration": "_teddy-card__illustration_kudfq_61",
19
- "teddy-card__carousel": "_teddy-card__carousel_kudfq_64",
20
- "teddy-card__content": "_teddy-card__content_kudfq_67",
21
- "teddy-card__heading": "_teddy-card__heading_kudfq_70",
22
- "teddy-card__action-wrapper": "_teddy-card__action-wrapper_kudfq_73",
23
- "teddy-card__footer": "_teddy-card__footer_kudfq_76",
24
- "teddy-card__overline": "_teddy-card__overline_kudfq_79",
25
- "teddy-card__description": "_teddy-card__description_kudfq_82",
26
- "teddy-card__color-dots": "_teddy-card__color-dots_kudfq_85",
27
- "teddy-card__availability": "_teddy-card__availability_kudfq_88",
28
- "teddy-card__price": "_teddy-card__price_kudfq_91",
29
- "teddy-card__line": "_teddy-card__line_kudfq_94",
30
- "teddy-card--default": "_teddy-card--default_kudfq_97",
31
- "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_kudfq_102",
32
- "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_kudfq_122",
33
- "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_kudfq_134",
34
- "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_kudfq_156",
35
- "teddy-card--rich-card": "_teddy-card--rich-card_kudfq_168",
36
- "teddy-card--rich-card-large": "_teddy-card--rich-card-large_kudfq_187",
37
- "teddy-card--purple-light": "_teddy-card--purple-light_kudfq_234",
38
- "teddy-card--purple-dark": "_teddy-card--purple-dark_kudfq_248",
39
- "teddy-card--white": "_teddy-card--white_kudfq_267",
40
- "teddy-card--gray": "_teddy-card--gray_kudfq_281",
41
- "teddy-card--beige": "_teddy-card--beige_kudfq_295",
42
- "teddy-card--beige-light": "_teddy-card--beige-light_kudfq_309",
43
- "teddy-card--product": "_teddy-card--product_kudfq_323",
44
- "teddy-card__price--big": "_teddy-card__price--big_kudfq_399",
45
- "teddy-card__image--as-background": "_teddy-card__image--as-background_kudfq_402",
46
- "teddy-card--background-image": "_teddy-card--background-image_kudfq_408",
47
- "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_kudfq_413",
48
- "teddy-card__inset": "_teddy-card__inset_kudfq_417",
49
- "teddy-card__inset--top": "_teddy-card__inset--top_kudfq_420",
50
- "teddy-card__inset--left": "_teddy-card__inset--left_kudfq_423",
51
- "teddy-card__inset--right": "_teddy-card__inset--right_kudfq_426",
52
- "teddy-card__inset--bottom": "_teddy-card__inset--bottom_kudfq_429",
53
- "teddy-card__availability--badge": "_teddy-card__availability--badge_kudfq_444",
54
- "teddy-card__availability--success": "_teddy-card__availability--success_kudfq_447",
55
- "teddy-card__availability--warning": "_teddy-card__availability--warning_kudfq_450",
56
- "teddy-card__availability--error": "_teddy-card__availability--error_kudfq_453",
57
- "teddy-card__availability--special": "_teddy-card__availability--special_kudfq_456",
58
- "teddy-card__availability--neutral": "_teddy-card__availability--neutral_kudfq_459",
59
- "teddy-card__availability--information": "_teddy-card__availability--information_kudfq_462"
8
+ "teddy-card": "_teddy-card_139sd_3",
9
+ "teddy-card__slot": "_teddy-card__slot_139sd_17",
10
+ "teddy-card__slot--bottom": "_teddy-card__slot--bottom_139sd_20",
11
+ "teddy-card__slot--center": "_teddy-card__slot--center_139sd_23",
12
+ "teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_139sd_29",
13
+ "teddy-card--shadow": "_teddy-card--shadow_139sd_48",
14
+ "teddy-card__action": "_teddy-card__action_139sd_51",
15
+ "teddy-card__action--disabled": "_teddy-card__action--disabled_139sd_51",
16
+ "teddy-card--border": "_teddy-card--border_139sd_58",
17
+ "teddy-card--layout": "_teddy-card--layout_139sd_61",
18
+ "teddy-card__illustration": "_teddy-card__illustration_139sd_61",
19
+ "teddy-card__carousel": "_teddy-card__carousel_139sd_64",
20
+ "teddy-card__content": "_teddy-card__content_139sd_67",
21
+ "teddy-card__heading": "_teddy-card__heading_139sd_70",
22
+ "teddy-card__action-wrapper": "_teddy-card__action-wrapper_139sd_73",
23
+ "teddy-card__footer": "_teddy-card__footer_139sd_76",
24
+ "teddy-card__overline": "_teddy-card__overline_139sd_79",
25
+ "teddy-card__description": "_teddy-card__description_139sd_82",
26
+ "teddy-card__color-dots": "_teddy-card__color-dots_139sd_85",
27
+ "teddy-card__availability": "_teddy-card__availability_139sd_88",
28
+ "teddy-card__price": "_teddy-card__price_139sd_91",
29
+ "teddy-card__line": "_teddy-card__line_139sd_94",
30
+ "teddy-card--default": "_teddy-card--default_139sd_97",
31
+ "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_139sd_102",
32
+ "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_139sd_122",
33
+ "teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_139sd_134",
34
+ "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_139sd_156",
35
+ "teddy-card--rich-card": "_teddy-card--rich-card_139sd_168",
36
+ "teddy-card--rich-card-large": "_teddy-card--rich-card-large_139sd_187",
37
+ "teddy-card--purple-light": "_teddy-card--purple-light_139sd_234",
38
+ "teddy-card--purple-dark": "_teddy-card--purple-dark_139sd_248",
39
+ "teddy-card--white": "_teddy-card--white_139sd_267",
40
+ "teddy-card--gray": "_teddy-card--gray_139sd_281",
41
+ "teddy-card--beige": "_teddy-card--beige_139sd_295",
42
+ "teddy-card--beige-light": "_teddy-card--beige-light_139sd_309",
43
+ "teddy-card--product": "_teddy-card--product_139sd_323",
44
+ "teddy-card__price--big": "_teddy-card__price--big_139sd_399",
45
+ "teddy-card__price__divider": "_teddy-card__price__divider_139sd_402",
46
+ "teddy-card__image--as-background": "_teddy-card__image--as-background_139sd_408",
47
+ "teddy-card--background-image": "_teddy-card--background-image_139sd_414",
48
+ "teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_139sd_419",
49
+ "teddy-card__inset": "_teddy-card__inset_139sd_423",
50
+ "teddy-card__inset--top": "_teddy-card__inset--top_139sd_426",
51
+ "teddy-card__inset--left": "_teddy-card__inset--left_139sd_429",
52
+ "teddy-card__inset--right": "_teddy-card__inset--right_139sd_432",
53
+ "teddy-card__inset--bottom": "_teddy-card__inset--bottom_139sd_435",
54
+ "teddy-card__availability--badge": "_teddy-card__availability--badge_139sd_450",
55
+ "teddy-card__availability--success": "_teddy-card__availability--success_139sd_453",
56
+ "teddy-card__availability--warning": "_teddy-card__availability--warning_139sd_456",
57
+ "teddy-card__availability--error": "_teddy-card__availability--error_139sd_459",
58
+ "teddy-card__availability--special": "_teddy-card__availability--special_139sd_462",
59
+ "teddy-card__availability--neutral": "_teddy-card__availability--neutral_139sd_465",
60
+ "teddy-card__availability--information": "_teddy-card__availability--information_139sd_468"
60
61
  };
61
62
  const rootClassName = "teddy-card";
62
63
  const actionElementIdentifier = `${rootClassName}__action`;
package/dist/components/tabs/tabs-root.cjs CHANGED
@@ -24,11 +24,11 @@ function _interopNamespaceDefault(e) {
24
24
  }
25
25
  const TabsPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TabsPrimitive);
26
26
  const styles = {
27
- "teddy-tabs__list": "_teddy-tabs__list_1bpfb_1",
28
- "teddy-tabs--full-width": "_teddy-tabs--full-width_1bpfb_30",
29
- "teddy-tabs__content": "_teddy-tabs__content_1bpfb_33",
30
- "teddy-tabs__trigger": "_teddy-tabs__trigger_1bpfb_37",
31
- "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1bpfb_58"
27
+ "teddy-tabs__list": "_teddy-tabs__list_1dmbc_1",
28
+ "teddy-tabs--full-width": "_teddy-tabs--full-width_1dmbc_30",
29
+ "teddy-tabs__content": "_teddy-tabs__content_1dmbc_33",
30
+ "teddy-tabs__trigger": "_teddy-tabs__trigger_1dmbc_37",
31
+ "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1dmbc_59"
32
32
  };
33
33
  const rootClassName = "teddy-tabs";
34
34
  const RootContext = React.createContext(void 0);
package/dist/components/tabs/tabs-root.js CHANGED
@@ -5,11 +5,11 @@ import * as TabsPrimitive from "@radix-ui/react-tabs";
5
5
  import { useControllableState } from "@radix-ui/react-use-controllable-state";
6
6
  import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
7
7
  const styles = {
8
- "teddy-tabs__list": "_teddy-tabs__list_1bpfb_1",
9
- "teddy-tabs--full-width": "_teddy-tabs--full-width_1bpfb_30",
10
- "teddy-tabs__content": "_teddy-tabs__content_1bpfb_33",
11
- "teddy-tabs__trigger": "_teddy-tabs__trigger_1bpfb_37",
12
- "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1bpfb_58"
8
+ "teddy-tabs__list": "_teddy-tabs__list_1dmbc_1",
9
+ "teddy-tabs--full-width": "_teddy-tabs--full-width_1dmbc_30",
10
+ "teddy-tabs__content": "_teddy-tabs__content_1dmbc_33",
11
+ "teddy-tabs__trigger": "_teddy-tabs__trigger_1dmbc_37",
12
+ "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1dmbc_59"
13
13
  };
14
14
  const rootClassName = "teddy-tabs";
15
15
  const RootContext = React__default.createContext(void 0);