@telia/teddy 0.7.52 → 0.7.54
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.
- package/dist/components/accordion/accordion-root.d.ts +1 -1
- package/dist/components/accordion/accordion-trigger.d.ts +1 -1
- package/dist/components/accordion/index.d.ts +1 -1
- package/dist/components/avatar/avatar-root.d.ts +4 -4
- package/dist/components/avatar/index.d.ts +4 -4
- package/dist/components/badge/badge.d.ts +2 -2
- package/dist/components/breadcrumbs/breadcrumbs-link.d.ts +5 -5
- package/dist/components/breadcrumbs/breadcrumbs-root.d.ts +1 -1
- package/dist/components/breadcrumbs/index.d.ts +6 -6
- package/dist/components/button/button.cjs +27 -27
- package/dist/components/button/button.js +27 -27
- package/dist/components/card/card-availability.d.ts +1 -1
- package/dist/components/card/card-illustration.d.ts +2 -2
- package/dist/components/card/card-link.d.ts +4 -4
- package/dist/components/card/card.cjs +52 -52
- package/dist/components/card/card.d.ts +2 -2
- package/dist/components/card/card.js +52 -52
- package/dist/components/card/index.d.ts +2 -2
- package/dist/components/carousel/carousel-root.cjs +4 -4
- package/dist/components/carousel/carousel-root.js +4 -4
- package/dist/components/channel-button/channel-button-root.d.ts +18 -18
- package/dist/components/channel-button/index.d.ts +2 -28
- package/dist/components/checkbox/checkbox-group-item.d.ts +1 -1
- package/dist/components/checkbox/checkbox-group-label.d.ts +2 -2
- package/dist/components/checkbox/checkbox-group-list.d.ts +15 -15
- package/dist/components/checkbox/checkbox-group.d.ts +20 -20
- package/dist/components/checkbox/checkbox-root.d.ts +1 -1
- package/dist/components/checkbox/index.d.ts +40 -40
- package/dist/components/checkbox-card-group/checkbox-card-group-indicator.cjs +32 -32
- package/dist/components/checkbox-card-group/checkbox-card-group-indicator.d.ts +3 -3
- package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js +32 -32
- package/dist/components/checkbox-card-group/checkbox-card-group-item-title.d.ts +4 -4
- package/dist/components/checkbox-card-group/checkbox-card-group-item.d.ts +5 -5
- package/dist/components/checkbox-card-group/checkbox-card-group-label.d.ts +20 -20
- package/dist/components/checkbox-card-group/checkbox-card-group-root.d.ts +7 -7
- package/dist/components/checkbox-card-group/index.d.ts +39 -39
- package/dist/components/chip/chip-indicator.d.ts +3 -3
- package/dist/components/chip/chip.cjs +3 -3
- package/dist/components/chip/chip.js +3 -3
- package/dist/components/chip/index.d.ts +4 -4
- package/dist/components/collapsible/index.d.ts +2 -2
- package/dist/components/color-dot/color-dot-root.d.ts +3 -3
- package/dist/components/color-dot/index.d.ts +4 -4
- package/dist/components/dashboard-card/dashboard-card-avatar.d.ts +4 -4
- package/dist/components/dashboard-card/dashboard-card-root.cjs +15 -15
- package/dist/components/dashboard-card/dashboard-card-root.d.ts +5 -5
- package/dist/components/dashboard-card/dashboard-card-root.js +15 -15
- package/dist/components/dashboard-card/index.d.ts +2 -7
- package/dist/components/dashed-button/dashed-button-root.d.ts +38 -38
- package/dist/components/date-picker/css.cjs +38 -38
- package/dist/components/date-picker/css.js +38 -38
- package/dist/components/drawer/drawer-close.cjs +1 -1
- package/dist/components/drawer/drawer-close.js +1 -1
- package/dist/components/drawer/drawer-content.cjs +1 -1
- package/dist/components/drawer/drawer-content.js +1 -1
- package/dist/components/drawer/drawer-description.cjs +1 -1
- package/dist/components/drawer/drawer-description.js +1 -1
- package/dist/components/drawer/drawer-footer.cjs +1 -1
- package/dist/components/drawer/drawer-footer.js +1 -1
- package/dist/components/drawer/drawer-overlay.cjs +1 -1
- package/dist/components/drawer/drawer-overlay.d.ts +1 -1
- package/dist/components/drawer/drawer-overlay.js +1 -1
- package/dist/components/drawer/drawer-title.cjs +1 -1
- package/dist/components/drawer/drawer-title.js +1 -1
- package/dist/components/expandable-card/expandable-card-button.d.ts +18 -18
- package/dist/components/expandable-card/index.d.ts +20 -18
- package/dist/components/flip-card/flip-card-root.d.ts +4 -4
- package/dist/components/flip-card/flip-card-trigger.d.ts +17 -17
- package/dist/components/flip-card/index.d.ts +2 -7
- package/dist/components/icon/utils.d.ts +3 -1
- package/dist/components/input/index.d.ts +7 -7
- package/dist/components/input/input-group.d.ts +2 -2
- package/dist/components/input/input-indicator.d.ts +2 -2
- package/dist/components/input/input.d.ts +3 -3
- package/dist/components/label/label.d.ts +2 -2
- package/dist/components/link/link.d.ts +4 -4
- package/dist/components/list/index.d.ts +19 -19
- package/dist/components/list/list-illustration.d.ts +1 -1
- package/dist/components/list/list.d.ts +18 -18
- package/dist/components/meter-bar/index.d.ts +2 -2
- package/dist/components/meter-bar/meter-bar-indicator.d.ts +2 -2
- package/dist/components/modal/index.d.ts +2 -2
- package/dist/components/modal/modal-content.d.ts +1 -1
- package/dist/components/modal/modal-image.d.ts +1 -1
- package/dist/components/modal/modal-overlay.d.ts +1 -1
- package/dist/components/modal/modal-title.d.ts +8 -8
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.d.ts +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.d.ts +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.d.ts +3 -3
- package/dist/components/navigation-menu/navigation-menu.d.ts +11 -11
- package/dist/components/notabene/index.d.ts +2 -2
- package/dist/components/notabene/notabene-icon.d.ts +3 -3
- package/dist/components/notification/index.d.ts +2 -81
- package/dist/components/notification/notification-icon.d.ts +3 -3
- package/dist/components/notification/notification-root.cjs +21 -15
- package/dist/components/notification/notification-root.d.ts +42 -42
- package/dist/components/notification/notification-root.js +21 -15
- package/dist/components/pagination/index.d.ts +2 -4
- package/dist/components/pagination/pagination-button.d.ts +5 -5
- package/dist/components/pagination/pagination-root.d.ts +1 -1
- package/dist/components/progress-bar/progress-bar.d.ts +1 -1
- package/dist/components/radio-card-group/index.d.ts +32 -32
- package/dist/components/radio-card-group/radio-card-group-item-title.d.ts +1 -1
- package/dist/components/radio-card-group/radio-card-group-item.d.ts +2 -2
- package/dist/components/radio-card-group/radio-card-group-label.d.ts +20 -20
- package/dist/components/radio-card-group/radio-card-group-root.d.ts +9 -9
- package/dist/components/radio-group/index.d.ts +33 -33
- package/dist/components/radio-group/radio-group-item-label.d.ts +3 -3
- package/dist/components/radio-group/radio-group-item.d.ts +1 -1
- package/dist/components/radio-group/radio-group-label.d.ts +20 -20
- package/dist/components/radio-group/radio-group-root.d.ts +9 -9
- package/dist/components/radio-group/radio-group-trigger.d.ts +1 -1
- package/dist/components/ribbon/ribbon-root.d.ts +2 -2
- package/dist/components/scroll-area/index.d.ts +25 -25
- package/dist/components/scroll-area/scroll-area-button.d.ts +18 -18
- package/dist/components/scroll-area/scroll-area-item.d.ts +4 -4
- package/dist/components/scroll-area/scroll-area-root.d.ts +3 -3
- package/dist/components/select/select-group.d.ts +2 -2
- package/dist/components/select/select-trigger.d.ts +2 -2
- package/dist/components/select/select-value.d.ts +1 -1
- package/dist/components/shopping-cart/shopping-cart-context.d.ts +0 -1
- package/dist/components/shopping-cart/shopping-cart-continue.d.ts +0 -1
- package/dist/components/spinner/spinner.d.ts +2 -2
- package/dist/components/step-by-step/index.d.ts +7 -7
- package/dist/components/step-by-step/step-by-step-root.d.ts +6 -6
- package/dist/components/step-by-step/step-by-step-step.d.ts +1 -1
- package/dist/components/step-indicator/index.d.ts +9 -9
- package/dist/components/step-indicator/step-indicator-root.d.ts +8 -8
- package/dist/components/step-indicator/step-indicator-step-element.d.ts +0 -1
- package/dist/components/table/index.d.ts +2 -5
- package/dist/components/table/table-cell.d.ts +5 -5
- package/dist/components/table/table-head.d.ts +6 -6
- package/dist/components/table/table-root.cjs +20 -20
- package/dist/components/table/table-root.d.ts +2 -2
- package/dist/components/table/table-root.js +20 -20
- package/dist/components/tabs/index.d.ts +2 -9
- package/dist/components/tabs/tabs-content.d.ts +1 -1
- package/dist/components/tabs/tabs-list.d.ts +1 -1
- package/dist/components/tabs/tabs-root.cjs +5 -5
- package/dist/components/tabs/tabs-root.d.ts +6 -6
- package/dist/components/tabs/tabs-root.js +5 -5
- package/dist/components/tabs/tabs-scroll-button.d.ts +18 -18
- package/dist/components/tabs/tabs-scroll.d.ts +3 -3
- package/dist/components/tabs/tabs-trigger.d.ts +2 -2
- package/dist/components/text-field/index.d.ts +25 -25
- package/dist/components/text-field/text-field-button.d.ts +17 -17
- package/dist/components/text-field/text-field-error-list.d.ts +1 -1
- package/dist/components/text-field/text-field-input-group.d.ts +2 -2
- package/dist/components/text-field/text-field-label.d.ts +2 -2
- package/dist/components/text-field/text-field.d.ts +3 -3
- package/dist/components/text-spacing/text-spacing.d.ts +1 -1
- package/dist/components/textarea/index.d.ts +9 -9
- package/dist/components/textarea/textarea-group.d.ts +2 -2
- package/dist/components/textarea/textarea-indicator.d.ts +2 -2
- package/dist/components/textarea/textarea.d.ts +5 -5
- package/dist/components/toast/index.d.ts +1 -1
- package/dist/components/toast/toast-root.cjs +75 -75
- package/dist/components/toast/toast-root.js +75 -75
- package/dist/components/toggle/toggle.cjs +4 -4
- package/dist/components/toggle/toggle.d.ts +4 -4
- package/dist/components/toggle/toggle.js +4 -4
- package/dist/components/toggletip/index.d.ts +1 -1
- package/dist/components/toggletip/toggletip-root.d.ts +3 -3
- package/dist/components/tooltip/index.d.ts +15 -17
- package/dist/components/tooltip/tooltip-content.d.ts +15 -15
- package/dist/components/tooltip/tooltip-root.d.ts +1 -1
- package/dist/components/top-row-buttons/top-row-buttons.d.ts +5 -5
- package/dist/components/visually-hidden/visually-hidden.d.ts +2 -2
- package/dist/drawer.module-CRbvc--J.js +16 -0
- package/dist/drawer.module-CdrdXo5o.cjs +15 -0
- package/dist/style.css +861 -815
- package/dist/utils/action.d.ts +0 -1
- package/dist/utils/component-props-as.d.ts +0 -1
- package/dist/utils/generate-styling/gap.d.ts +0 -24
- package/package.json +57 -58
- package/dist/components/select/index.d.ts +0 -56
- package/dist/components/select/select-root.d.ts +0 -54
- package/dist/drawer.module-C4NZoZUc.cjs +0 -15
- package/dist/drawer.module-jxIDBwQn.js +0 -16
|
@@ -4,7 +4,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
|
4
4
|
export declare const rootClassName = "teddy-accordion";
|
|
5
5
|
export declare const RootContext: React.Context<{
|
|
6
6
|
value: string | string[] | undefined;
|
|
7
|
-
variant: RootProps[
|
|
7
|
+
variant: RootProps["variant"];
|
|
8
8
|
}>;
|
|
9
9
|
export type RootProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & ({
|
|
10
10
|
variant?: 'default' | 'negative';
|
|
@@ -8,5 +8,5 @@ export type TriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimit
|
|
|
8
8
|
hideIndicator?: boolean;
|
|
9
9
|
};
|
|
10
10
|
export declare const Trigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
11
|
-
hideIndicator?: boolean
|
|
11
|
+
hideIndicator?: boolean;
|
|
12
12
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -8,7 +8,7 @@ import { TitleProps } from './accordion-title';
|
|
|
8
8
|
|
|
9
9
|
declare const Accordion: import('react').ForwardRefExoticComponent<RootProps & import('react').RefAttributes<HTMLDivElement>> & {
|
|
10
10
|
Trigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-accordion').AccordionTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
11
|
-
hideIndicator?: boolean
|
|
11
|
+
hideIndicator?: boolean;
|
|
12
12
|
} & import('react').RefAttributes<HTMLButtonElement>>;
|
|
13
13
|
Content: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-accordion').AccordionContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
14
14
|
Header: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-accordion').AccordionHeaderProps & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
|
|
@@ -9,9 +9,9 @@ export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
|
9
9
|
icon?: IconName;
|
|
10
10
|
};
|
|
11
11
|
export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
12
|
-
variant?: Variant
|
|
13
|
-
firstName?: string
|
|
14
|
-
lastName?: string
|
|
15
|
-
icon?:
|
|
12
|
+
variant?: Variant;
|
|
13
|
+
firstName?: string;
|
|
14
|
+
lastName?: string;
|
|
15
|
+
icon?: IconName;
|
|
16
16
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
17
17
|
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { RootProps } from './avatar-root';
|
|
2
2
|
|
|
3
3
|
export declare const Avatar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
4
|
-
variant?:
|
|
5
|
-
firstName?: string
|
|
6
|
-
lastName?: string
|
|
7
|
-
icon?:
|
|
4
|
+
variant?: "beige" | "grey" | "white" | "blue" | "green" | "orange" | "purple-light";
|
|
5
|
+
firstName?: string;
|
|
6
|
+
lastName?: string;
|
|
7
|
+
icon?: import('..').IconName;
|
|
8
8
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
9
|
export type AvatarProps = RootProps;
|
|
@@ -14,9 +14,9 @@ type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
|
|
|
14
14
|
* Badges are visual indictor labels, which holds small amount of information about a product or service, using contextual colors.
|
|
15
15
|
*/
|
|
16
16
|
declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
17
|
-
asChild?: boolean
|
|
17
|
+
asChild?: boolean;
|
|
18
18
|
variant: Variant;
|
|
19
|
-
hideIcon?: boolean
|
|
19
|
+
hideIcon?: boolean;
|
|
20
20
|
} & React.RefAttributes<HTMLSpanElement>>;
|
|
21
21
|
export { Badge };
|
|
22
22
|
export type { BadgeProps };
|
|
@@ -5,11 +5,11 @@ export type LinkProps = Omit<React.ComponentPropsWithoutRef<typeof LinkPrimitive
|
|
|
5
5
|
home?: boolean;
|
|
6
6
|
};
|
|
7
7
|
export declare const Link: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
8
|
-
asChild?: boolean
|
|
9
|
-
disableVisited?: boolean
|
|
10
|
-
ensureTargetArea?: boolean
|
|
11
|
-
silent?: boolean
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
disableVisited?: boolean;
|
|
10
|
+
ensureTargetArea?: boolean;
|
|
11
|
+
silent?: boolean;
|
|
12
12
|
variant: "text" | "standalone" | "navigation" | "text-negative" | "standalone-negative" | "navigation-negative";
|
|
13
13
|
} & React.RefAttributes<HTMLAnchorElement>, "ref">, "variant"> & {
|
|
14
|
-
home?: boolean
|
|
14
|
+
home?: boolean;
|
|
15
15
|
} & React.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -7,5 +7,5 @@ export type RootProps = React.ComponentPropsWithoutRef<'nav'> & {
|
|
|
7
7
|
export declare const RootContext: React.Context<Pick<RootProps, "negative"> | undefined>;
|
|
8
8
|
/** */
|
|
9
9
|
export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
10
|
-
negative?: boolean
|
|
10
|
+
negative?: boolean;
|
|
11
11
|
} & React.RefAttributes<HTMLElement>>;
|
|
@@ -6,18 +6,18 @@ import { PageProps } from './breadcrumbs-page';
|
|
|
6
6
|
import { SeparatorProps } from './breadcrumbs-separator';
|
|
7
7
|
|
|
8
8
|
export declare const Breadcrumbs: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
9
|
-
negative?: boolean
|
|
9
|
+
negative?: boolean;
|
|
10
10
|
} & import('react').RefAttributes<HTMLElement>> & {
|
|
11
11
|
List: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import('react').RefAttributes<HTMLOListElement>>;
|
|
12
12
|
Item: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
|
|
13
13
|
Link: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
14
|
-
asChild?: boolean
|
|
15
|
-
disableVisited?: boolean
|
|
16
|
-
ensureTargetArea?: boolean
|
|
17
|
-
silent?: boolean
|
|
14
|
+
asChild?: boolean;
|
|
15
|
+
disableVisited?: boolean;
|
|
16
|
+
ensureTargetArea?: boolean;
|
|
17
|
+
silent?: boolean;
|
|
18
18
|
variant: "text" | "standalone" | "navigation" | "text-negative" | "standalone-negative" | "navigation-negative";
|
|
19
19
|
} & import('react').RefAttributes<HTMLAnchorElement>, "ref">, "variant"> & {
|
|
20
|
-
home?: boolean
|
|
20
|
+
home?: boolean;
|
|
21
21
|
} & import('react').RefAttributes<HTMLAnchorElement>>;
|
|
22
22
|
Page: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
23
23
|
Separator: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
|
|
@@ -23,35 +23,35 @@ function _interopNamespaceDefault(e) {
|
|
|
23
23
|
return Object.freeze(n);
|
|
24
24
|
}
|
|
25
25
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
26
|
-
const fadeInAnimation = "
|
|
27
|
-
const scaleInAnimation = "
|
|
26
|
+
const fadeInAnimation = "_fadeInAnimation_f9eoz_1";
|
|
27
|
+
const scaleInAnimation = "_scaleInAnimation_f9eoz_1";
|
|
28
28
|
const styles = {
|
|
29
|
-
"teddy-button": "_teddy-
|
|
30
|
-
"teddy-button--sm": "_teddy-button--
|
|
31
|
-
"teddy-button--icon-only": "_teddy-button--icon-
|
|
32
|
-
"teddy-button--md": "_teddy-button--
|
|
33
|
-
"teddy-button--lg": "_teddy-button--
|
|
34
|
-
"teddy-button--full-width": "_teddy-button--full-
|
|
35
|
-
"teddy-button--primary": "_teddy-button--
|
|
36
|
-
"teddy-button--disabled": "_teddy-button--
|
|
37
|
-
"teddy-button--primary-negative": "_teddy-button--primary-
|
|
38
|
-
"teddy-button--secondary": "_teddy-button--
|
|
39
|
-
"teddy-button--secondary-negative": "_teddy-button--secondary-
|
|
40
|
-
"teddy-button--expressive": "_teddy-button--
|
|
41
|
-
"teddy-button--expressive-negative": "_teddy-button--expressive-
|
|
42
|
-
"teddy-button--negative": "_teddy-button--
|
|
43
|
-
"teddy-button--destructive": "_teddy-button--
|
|
44
|
-
"teddy-button--destructive-negative": "_teddy-button--destructive-
|
|
45
|
-
"teddy-button--tertiary-purple": "_teddy-button--tertiary-
|
|
46
|
-
"teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-
|
|
47
|
-
"teddy-button--list-item": "_teddy-button--list-
|
|
48
|
-
"teddy-button--text-negative": "_teddy-button--text-
|
|
49
|
-
"teddy-button--text": "_teddy-button--
|
|
50
|
-
"teddy-button--text-underline": "_teddy-button--text-
|
|
51
|
-
"teddy-button--dashed-border": "_teddy-button--dashed-
|
|
52
|
-
"teddy-button__loading": "_teddy-
|
|
29
|
+
"teddy-button": "_teddy-button_f9eoz_18",
|
|
30
|
+
"teddy-button--sm": "_teddy-button--sm_f9eoz_53",
|
|
31
|
+
"teddy-button--icon-only": "_teddy-button--icon-only_f9eoz_56",
|
|
32
|
+
"teddy-button--md": "_teddy-button--md_f9eoz_59",
|
|
33
|
+
"teddy-button--lg": "_teddy-button--lg_f9eoz_65",
|
|
34
|
+
"teddy-button--full-width": "_teddy-button--full-width_f9eoz_71",
|
|
35
|
+
"teddy-button--primary": "_teddy-button--primary_f9eoz_74",
|
|
36
|
+
"teddy-button--disabled": "_teddy-button--disabled_f9eoz_78",
|
|
37
|
+
"teddy-button--primary-negative": "_teddy-button--primary-negative_f9eoz_84",
|
|
38
|
+
"teddy-button--secondary": "_teddy-button--secondary_f9eoz_96",
|
|
39
|
+
"teddy-button--secondary-negative": "_teddy-button--secondary-negative_f9eoz_107",
|
|
40
|
+
"teddy-button--expressive": "_teddy-button--expressive_f9eoz_118",
|
|
41
|
+
"teddy-button--expressive-negative": "_teddy-button--expressive-negative_f9eoz_128",
|
|
42
|
+
"teddy-button--negative": "_teddy-button--negative_f9eoz_140",
|
|
43
|
+
"teddy-button--destructive": "_teddy-button--destructive_f9eoz_147",
|
|
44
|
+
"teddy-button--destructive-negative": "_teddy-button--destructive-negative_f9eoz_157",
|
|
45
|
+
"teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_f9eoz_167",
|
|
46
|
+
"teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_f9eoz_180",
|
|
47
|
+
"teddy-button--list-item": "_teddy-button--list-item_f9eoz_195",
|
|
48
|
+
"teddy-button--text-negative": "_teddy-button--text-negative_f9eoz_214",
|
|
49
|
+
"teddy-button--text": "_teddy-button--text_f9eoz_214",
|
|
50
|
+
"teddy-button--text-underline": "_teddy-button--text-underline_f9eoz_259",
|
|
51
|
+
"teddy-button--dashed-border": "_teddy-button--dashed-border_f9eoz_289",
|
|
52
|
+
"teddy-button__loading": "_teddy-button__loading_f9eoz_293",
|
|
53
53
|
fadeInAnimation,
|
|
54
|
-
"teddy-button__spinner": "_teddy-
|
|
54
|
+
"teddy-button__spinner": "_teddy-button__spinner_f9eoz_304",
|
|
55
55
|
scaleInAnimation
|
|
56
56
|
};
|
|
57
57
|
const rootClassName = "teddy-button";
|
|
@@ -4,35 +4,35 @@ 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 = "
|
|
8
|
-
const scaleInAnimation = "
|
|
7
|
+
const fadeInAnimation = "_fadeInAnimation_f9eoz_1";
|
|
8
|
+
const scaleInAnimation = "_scaleInAnimation_f9eoz_1";
|
|
9
9
|
const styles = {
|
|
10
|
-
"teddy-button": "_teddy-
|
|
11
|
-
"teddy-button--sm": "_teddy-button--
|
|
12
|
-
"teddy-button--icon-only": "_teddy-button--icon-
|
|
13
|
-
"teddy-button--md": "_teddy-button--
|
|
14
|
-
"teddy-button--lg": "_teddy-button--
|
|
15
|
-
"teddy-button--full-width": "_teddy-button--full-
|
|
16
|
-
"teddy-button--primary": "_teddy-button--
|
|
17
|
-
"teddy-button--disabled": "_teddy-button--
|
|
18
|
-
"teddy-button--primary-negative": "_teddy-button--primary-
|
|
19
|
-
"teddy-button--secondary": "_teddy-button--
|
|
20
|
-
"teddy-button--secondary-negative": "_teddy-button--secondary-
|
|
21
|
-
"teddy-button--expressive": "_teddy-button--
|
|
22
|
-
"teddy-button--expressive-negative": "_teddy-button--expressive-
|
|
23
|
-
"teddy-button--negative": "_teddy-button--
|
|
24
|
-
"teddy-button--destructive": "_teddy-button--
|
|
25
|
-
"teddy-button--destructive-negative": "_teddy-button--destructive-
|
|
26
|
-
"teddy-button--tertiary-purple": "_teddy-button--tertiary-
|
|
27
|
-
"teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-
|
|
28
|
-
"teddy-button--list-item": "_teddy-button--list-
|
|
29
|
-
"teddy-button--text-negative": "_teddy-button--text-
|
|
30
|
-
"teddy-button--text": "_teddy-button--
|
|
31
|
-
"teddy-button--text-underline": "_teddy-button--text-
|
|
32
|
-
"teddy-button--dashed-border": "_teddy-button--dashed-
|
|
33
|
-
"teddy-button__loading": "_teddy-
|
|
10
|
+
"teddy-button": "_teddy-button_f9eoz_18",
|
|
11
|
+
"teddy-button--sm": "_teddy-button--sm_f9eoz_53",
|
|
12
|
+
"teddy-button--icon-only": "_teddy-button--icon-only_f9eoz_56",
|
|
13
|
+
"teddy-button--md": "_teddy-button--md_f9eoz_59",
|
|
14
|
+
"teddy-button--lg": "_teddy-button--lg_f9eoz_65",
|
|
15
|
+
"teddy-button--full-width": "_teddy-button--full-width_f9eoz_71",
|
|
16
|
+
"teddy-button--primary": "_teddy-button--primary_f9eoz_74",
|
|
17
|
+
"teddy-button--disabled": "_teddy-button--disabled_f9eoz_78",
|
|
18
|
+
"teddy-button--primary-negative": "_teddy-button--primary-negative_f9eoz_84",
|
|
19
|
+
"teddy-button--secondary": "_teddy-button--secondary_f9eoz_96",
|
|
20
|
+
"teddy-button--secondary-negative": "_teddy-button--secondary-negative_f9eoz_107",
|
|
21
|
+
"teddy-button--expressive": "_teddy-button--expressive_f9eoz_118",
|
|
22
|
+
"teddy-button--expressive-negative": "_teddy-button--expressive-negative_f9eoz_128",
|
|
23
|
+
"teddy-button--negative": "_teddy-button--negative_f9eoz_140",
|
|
24
|
+
"teddy-button--destructive": "_teddy-button--destructive_f9eoz_147",
|
|
25
|
+
"teddy-button--destructive-negative": "_teddy-button--destructive-negative_f9eoz_157",
|
|
26
|
+
"teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_f9eoz_167",
|
|
27
|
+
"teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_f9eoz_180",
|
|
28
|
+
"teddy-button--list-item": "_teddy-button--list-item_f9eoz_195",
|
|
29
|
+
"teddy-button--text-negative": "_teddy-button--text-negative_f9eoz_214",
|
|
30
|
+
"teddy-button--text": "_teddy-button--text_f9eoz_214",
|
|
31
|
+
"teddy-button--text-underline": "_teddy-button--text-underline_f9eoz_259",
|
|
32
|
+
"teddy-button--dashed-border": "_teddy-button--dashed-border_f9eoz_289",
|
|
33
|
+
"teddy-button__loading": "_teddy-button__loading_f9eoz_293",
|
|
34
34
|
fadeInAnimation,
|
|
35
|
-
"teddy-button__spinner": "_teddy-
|
|
35
|
+
"teddy-button__spinner": "_teddy-button__spinner_f9eoz_304",
|
|
36
36
|
scaleInAnimation
|
|
37
37
|
};
|
|
38
38
|
const rootClassName = "teddy-button";
|
|
@@ -5,6 +5,6 @@ export type AvailabilityProps = Partial<React.ComponentPropsWithoutRef<typeof Pr
|
|
|
5
5
|
statusText: string;
|
|
6
6
|
};
|
|
7
7
|
/** The stock status for the product */
|
|
8
|
-
export declare const Availability: React.ForwardRefExoticComponent<Partial<Omit<import('
|
|
8
|
+
export declare const Availability: React.ForwardRefExoticComponent<Partial<Omit<import('..').AlertBadgeProps & React.RefAttributes<HTMLSpanElement>, "ref">> & {
|
|
9
9
|
statusText: string;
|
|
10
10
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -9,7 +9,7 @@ export type IllustrationProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
|
9
9
|
/** The illustration for the card */
|
|
10
10
|
export declare const Illustration: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
11
11
|
/** The inset allows make the image bleed out to the edges */
|
|
12
|
-
inset?:
|
|
13
|
-
rounded?: boolean
|
|
12
|
+
inset?: (typeof insetOptions)[number];
|
|
13
|
+
rounded?: boolean;
|
|
14
14
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
15
15
|
export {};
|
|
@@ -3,9 +3,9 @@ import { Link as PrimitiveLink } from '../link';
|
|
|
3
3
|
|
|
4
4
|
export type LinkProps = React.ComponentPropsWithoutRef<typeof PrimitiveLink>;
|
|
5
5
|
export declare const Link: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
6
|
-
asChild?: boolean
|
|
7
|
-
disableVisited?: boolean
|
|
8
|
-
ensureTargetArea?: boolean
|
|
9
|
-
silent?: boolean
|
|
6
|
+
asChild?: boolean;
|
|
7
|
+
disableVisited?: boolean;
|
|
8
|
+
ensureTargetArea?: boolean;
|
|
9
|
+
silent?: boolean;
|
|
10
10
|
variant: "text" | "standalone" | "navigation" | "text-negative" | "standalone-negative" | "navigation-negative";
|
|
11
11
|
} & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -7,58 +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-
|
|
11
|
-
"teddy-card__slot": "_teddy-
|
|
12
|
-
"teddy-card__slot--bottom": "_teddy-card__slot--
|
|
13
|
-
"teddy-card__slot--center": "_teddy-card__slot--
|
|
14
|
-
"teddy-card__slot--no-translate": "_teddy-card__slot--no-
|
|
15
|
-
"teddy-card--shadow": "_teddy-card--
|
|
16
|
-
"teddy-card__action": "_teddy-
|
|
17
|
-
"teddy-card__action--disabled": "_teddy-card__action--
|
|
18
|
-
"teddy-card--border": "_teddy-card--
|
|
19
|
-
"teddy-card--layout": "_teddy-card--
|
|
20
|
-
"teddy-card__illustration": "_teddy-
|
|
21
|
-
"teddy-card__carousel": "_teddy-
|
|
22
|
-
"teddy-card__content": "_teddy-
|
|
23
|
-
"teddy-card__heading": "_teddy-
|
|
24
|
-
"teddy-card__action-wrapper": "_teddy-card__action-
|
|
25
|
-
"teddy-card__footer": "_teddy-
|
|
26
|
-
"teddy-card__overline": "_teddy-
|
|
27
|
-
"teddy-card__description": "_teddy-
|
|
28
|
-
"teddy-card__color-dots": "_teddy-card__color-
|
|
29
|
-
"teddy-card__availability": "_teddy-
|
|
30
|
-
"teddy-card__price": "_teddy-
|
|
31
|
-
"teddy-card__line": "_teddy-
|
|
32
|
-
"teddy-card--default": "_teddy-card--
|
|
33
|
-
"teddy-card--navigation-vertical": "_teddy-card--navigation-
|
|
34
|
-
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-
|
|
35
|
-
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-
|
|
36
|
-
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-
|
|
37
|
-
"teddy-card--rich-card": "_teddy-card--rich-
|
|
38
|
-
"teddy-card--rich-card-large": "_teddy-card--rich-card-
|
|
39
|
-
"teddy-card--purple-light": "_teddy-card--purple-
|
|
40
|
-
"teddy-card--purple-dark": "_teddy-card--purple-
|
|
41
|
-
"teddy-card--white": "_teddy-card--
|
|
42
|
-
"teddy-card--gray": "_teddy-card--
|
|
43
|
-
"teddy-card--beige": "_teddy-card--
|
|
44
|
-
"teddy-card--beige-light": "_teddy-card--beige-
|
|
45
|
-
"teddy-card--product": "_teddy-card--
|
|
46
|
-
"teddy-card__price--big": "_teddy-card__price--
|
|
47
|
-
"teddy-card__image--as-background": "_teddy-card__image--as-
|
|
48
|
-
"teddy-card--background-image": "_teddy-card--background-
|
|
49
|
-
"teddy-card__illustration--rounded": "_teddy-card__illustration--
|
|
50
|
-
"teddy-card__inset": "_teddy-
|
|
51
|
-
"teddy-card__inset--top": "_teddy-card__inset--
|
|
52
|
-
"teddy-card__inset--left": "_teddy-card__inset--
|
|
53
|
-
"teddy-card__inset--right": "_teddy-card__inset--
|
|
54
|
-
"teddy-card__inset--bottom": "_teddy-card__inset--
|
|
55
|
-
"teddy-card__availability--badge": "_teddy-card__availability--
|
|
56
|
-
"teddy-card__availability--success": "_teddy-card__availability--
|
|
57
|
-
"teddy-card__availability--warning": "_teddy-card__availability--
|
|
58
|
-
"teddy-card__availability--error": "_teddy-card__availability--
|
|
59
|
-
"teddy-card__availability--special": "_teddy-card__availability--
|
|
60
|
-
"teddy-card__availability--neutral": "_teddy-card__availability--
|
|
61
|
-
"teddy-card__availability--information": "_teddy-card__availability--
|
|
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"
|
|
62
62
|
};
|
|
63
63
|
const rootClassName = "teddy-card";
|
|
64
64
|
const actionElementIdentifier = `${rootClassName}__action`;
|
|
@@ -10,8 +10,8 @@ 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?:
|
|
14
|
-
layout?: Layout
|
|
13
|
+
variant?: Variant;
|
|
14
|
+
layout?: Layout;
|
|
15
15
|
} | undefined>;
|
|
16
16
|
/** -------------------------------------------------------------------------------------------------
|
|
17
17
|
* Root
|
|
@@ -5,58 +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-
|
|
9
|
-
"teddy-card__slot": "_teddy-
|
|
10
|
-
"teddy-card__slot--bottom": "_teddy-card__slot--
|
|
11
|
-
"teddy-card__slot--center": "_teddy-card__slot--
|
|
12
|
-
"teddy-card__slot--no-translate": "_teddy-card__slot--no-
|
|
13
|
-
"teddy-card--shadow": "_teddy-card--
|
|
14
|
-
"teddy-card__action": "_teddy-
|
|
15
|
-
"teddy-card__action--disabled": "_teddy-card__action--
|
|
16
|
-
"teddy-card--border": "_teddy-card--
|
|
17
|
-
"teddy-card--layout": "_teddy-card--
|
|
18
|
-
"teddy-card__illustration": "_teddy-
|
|
19
|
-
"teddy-card__carousel": "_teddy-
|
|
20
|
-
"teddy-card__content": "_teddy-
|
|
21
|
-
"teddy-card__heading": "_teddy-
|
|
22
|
-
"teddy-card__action-wrapper": "_teddy-card__action-
|
|
23
|
-
"teddy-card__footer": "_teddy-
|
|
24
|
-
"teddy-card__overline": "_teddy-
|
|
25
|
-
"teddy-card__description": "_teddy-
|
|
26
|
-
"teddy-card__color-dots": "_teddy-card__color-
|
|
27
|
-
"teddy-card__availability": "_teddy-
|
|
28
|
-
"teddy-card__price": "_teddy-
|
|
29
|
-
"teddy-card__line": "_teddy-
|
|
30
|
-
"teddy-card--default": "_teddy-card--
|
|
31
|
-
"teddy-card--navigation-vertical": "_teddy-card--navigation-
|
|
32
|
-
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-
|
|
33
|
-
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-
|
|
34
|
-
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-
|
|
35
|
-
"teddy-card--rich-card": "_teddy-card--rich-
|
|
36
|
-
"teddy-card--rich-card-large": "_teddy-card--rich-card-
|
|
37
|
-
"teddy-card--purple-light": "_teddy-card--purple-
|
|
38
|
-
"teddy-card--purple-dark": "_teddy-card--purple-
|
|
39
|
-
"teddy-card--white": "_teddy-card--
|
|
40
|
-
"teddy-card--gray": "_teddy-card--
|
|
41
|
-
"teddy-card--beige": "_teddy-card--
|
|
42
|
-
"teddy-card--beige-light": "_teddy-card--beige-
|
|
43
|
-
"teddy-card--product": "_teddy-card--
|
|
44
|
-
"teddy-card__price--big": "_teddy-card__price--
|
|
45
|
-
"teddy-card__image--as-background": "_teddy-card__image--as-
|
|
46
|
-
"teddy-card--background-image": "_teddy-card--background-
|
|
47
|
-
"teddy-card__illustration--rounded": "_teddy-card__illustration--
|
|
48
|
-
"teddy-card__inset": "_teddy-
|
|
49
|
-
"teddy-card__inset--top": "_teddy-card__inset--
|
|
50
|
-
"teddy-card__inset--left": "_teddy-card__inset--
|
|
51
|
-
"teddy-card__inset--right": "_teddy-card__inset--
|
|
52
|
-
"teddy-card__inset--bottom": "_teddy-card__inset--
|
|
53
|
-
"teddy-card__availability--badge": "_teddy-card__availability--
|
|
54
|
-
"teddy-card__availability--success": "_teddy-card__availability--
|
|
55
|
-
"teddy-card__availability--warning": "_teddy-card__availability--
|
|
56
|
-
"teddy-card__availability--error": "_teddy-card__availability--
|
|
57
|
-
"teddy-card__availability--special": "_teddy-card__availability--
|
|
58
|
-
"teddy-card__availability--neutral": "_teddy-card__availability--
|
|
59
|
-
"teddy-card__availability--information": "_teddy-card__availability--
|
|
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"
|
|
60
60
|
};
|
|
61
61
|
const rootClassName = "teddy-card";
|
|
62
62
|
const actionElementIdentifier = `${rootClassName}__action`;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Heading, HeadingProps } from './card-heading';
|
|
2
|
-
import { RootProps } from './card';
|
|
2
|
+
import { Root, RootProps } from './card';
|
|
3
3
|
import { Button, ButtonProps } from './card-button';
|
|
4
4
|
import { Content, ContentProps } from './card-content';
|
|
5
5
|
import { Illustration, IllustrationProps } from './card-illustration';
|
|
@@ -79,7 +79,7 @@ type CardProps = {
|
|
|
79
79
|
* </Card.Content>
|
|
80
80
|
* </Card>
|
|
81
81
|
*/
|
|
82
|
-
declare const Card:
|
|
82
|
+
declare const Card: typeof Root & {
|
|
83
83
|
/**
|
|
84
84
|
* Main title of the card. Renders the internal Heading component.
|
|
85
85
|
* Should be used to provide clear context about the card's content.
|