@odx/websites-react 1.0.35 → 1.0.37
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/actions/button/Button.d.ts +67 -17
- package/dist/components/actions/button/Button.d.ts.map +1 -1
- package/dist/components/actions/button/Button.js +65 -34
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/filterPanel/FilterPanel.d.ts.map +1 -1
- package/dist/components/actions/filterPanel/FilterPanel.js +2 -1
- package/dist/components/actions/filterPanel/FilterPanel.js.map +1 -1
- package/dist/components/actions/link/Link.d.ts +17 -4
- package/dist/components/actions/link/Link.d.ts.map +1 -1
- package/dist/components/actions/link/Link.js +66 -23
- package/dist/components/actions/link/Link.js.map +1 -1
- package/dist/components/actions/tag/Tag.d.ts +1 -1
- package/dist/components/actions/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/actions/tooltip/Tooltip.js +1 -1
- package/dist/components/actions/tooltip/Tooltip.js.map +1 -1
- package/dist/components/images-icons/icon/Icon.d.ts +1 -1
- package/dist/components/layout/card/Card.js +1 -1
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/carousel/Carousel.d.ts +1 -1
- package/dist/components/layout/carousel/Carousel.d.ts.map +1 -1
- package/dist/components/layout/carousel/Carousel.js +2 -2
- package/dist/components/layout/carousel/Carousel.js.map +1 -1
- package/dist/components/layout/contentSlider/ContentSlider.d.ts.map +1 -1
- package/dist/components/layout/contentSlider/ContentSlider.js +1 -1
- package/dist/components/layout/contentSlider/ContentSlider.js.map +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.d.ts.map +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.js +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.js.map +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.d.ts.map +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.js +0 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.js.map +1 -1
- package/dist/components/layout/slimRichText/SlimRichText.js +1 -1
- package/dist/components/navigation/flyout/Flyout.d.ts.map +1 -1
- package/dist/components/navigation/flyout/Flyout.js +2 -2
- package/dist/components/navigation/flyout/Flyout.js.map +1 -1
- package/dist/components/navigation/footer/Footer.d.ts +13 -12
- package/dist/components/navigation/footer/Footer.d.ts.map +1 -1
- package/dist/components/navigation/footer/Footer.js +8 -8
- package/dist/components/navigation/footer/Footer.js.map +1 -1
- package/dist/components/navigation/footer/FooterNavigationUpButton.d.ts.map +1 -1
- package/dist/components/navigation/footer/FooterNavigationUpButton.js +1 -1
- package/dist/components/navigation/footer/FooterNavigationUpButton.js.map +1 -1
- package/dist/components/navigation/header/AnimatedHeader.d.ts.map +1 -1
- package/dist/components/navigation/header/AnimatedHeader.js +2 -2
- package/dist/components/navigation/header/AnimatedHeader.js.map +1 -1
- package/dist/components/navigation/header/Header.js +3 -3
- package/dist/components/navigation/header/Header.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.d.ts.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/components/structures/divider/Divider.js +1 -1
- package/dist/components/structures/divider/Divider.js.map +1 -1
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +15 -1
- package/dist/utils/utils.js.map +1 -1
- package/package.json +2 -2
|
@@ -2,22 +2,72 @@ import * as React from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { LinkComponent } from '../../../utils';
|
|
4
4
|
import { LinkComponentProps } from '../../../utils';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
type IconButtonStyleType = 'brand' | 'primary';
|
|
6
|
+
type ButtonTheme = 'light' | 'dark';
|
|
7
|
+
declare const getButtonVariants: (theme: ButtonTheme, style: IconButtonStyleType) => (props?: ({
|
|
8
|
+
variant?: "primary" | "secondary" | "ghost" | null | undefined;
|
|
9
|
+
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
10
|
+
iconSize?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
11
|
+
inheritColor?: boolean | null | undefined;
|
|
8
12
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
13
|
+
export type ButtonBaseProps = {
|
|
14
|
+
iconLeft?: never;
|
|
15
|
+
iconRight?: never;
|
|
16
|
+
iconButtonStyle?: never;
|
|
17
|
+
theme?: ButtonTheme;
|
|
18
|
+
} | {
|
|
19
|
+
iconLeft: React.ReactNode;
|
|
20
|
+
iconRight?: React.ReactNode;
|
|
21
|
+
iconButtonStyle?: IconButtonStyleType;
|
|
22
|
+
theme?: ButtonTheme;
|
|
23
|
+
} | {
|
|
24
|
+
iconLeft?: React.ReactNode;
|
|
25
|
+
iconRight: React.ReactNode;
|
|
26
|
+
iconButtonStyle?: IconButtonStyleType;
|
|
27
|
+
theme?: ButtonTheme;
|
|
28
|
+
};
|
|
29
|
+
export type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'> & VariantProps<ReturnType<typeof getButtonVariants>> & ButtonBaseProps;
|
|
30
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
31
|
+
export type LinkButtonProps = LinkComponentProps & LinkComponent & VariantProps<ReturnType<typeof getButtonVariants>> & ButtonBaseProps;
|
|
32
|
+
declare const LinkButton: React.ForwardRefExoticComponent<(Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
|
|
33
|
+
children?: React.ReactNode;
|
|
34
|
+
href: any;
|
|
35
|
+
} & React.RefAttributes<HTMLAnchorElement> & LinkComponent & VariantProps<(props?: ({
|
|
36
|
+
variant?: "primary" | "secondary" | "ghost" | null | undefined;
|
|
37
|
+
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
38
|
+
iconSize?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
39
|
+
inheritColor?: boolean | null | undefined;
|
|
40
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
|
|
41
|
+
iconLeft?: never;
|
|
42
|
+
iconRight?: never;
|
|
43
|
+
iconButtonStyle?: never;
|
|
44
|
+
theme?: ButtonTheme;
|
|
45
|
+
}, "ref"> | Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
|
|
46
|
+
children?: React.ReactNode;
|
|
47
|
+
href: any;
|
|
48
|
+
} & React.RefAttributes<HTMLAnchorElement> & LinkComponent & VariantProps<(props?: ({
|
|
49
|
+
variant?: "primary" | "secondary" | "ghost" | null | undefined;
|
|
50
|
+
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
51
|
+
iconSize?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
52
|
+
inheritColor?: boolean | null | undefined;
|
|
53
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
|
|
54
|
+
iconLeft: React.ReactNode;
|
|
55
|
+
iconRight?: React.ReactNode;
|
|
56
|
+
iconButtonStyle?: IconButtonStyleType;
|
|
57
|
+
theme?: ButtonTheme;
|
|
58
|
+
}, "ref"> | Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
|
|
59
|
+
children?: React.ReactNode;
|
|
60
|
+
href: any;
|
|
61
|
+
} & React.RefAttributes<HTMLAnchorElement> & LinkComponent & VariantProps<(props?: ({
|
|
62
|
+
variant?: "primary" | "secondary" | "ghost" | null | undefined;
|
|
63
|
+
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
64
|
+
iconSize?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
65
|
+
inheritColor?: boolean | null | undefined;
|
|
66
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
|
|
67
|
+
iconLeft?: React.ReactNode;
|
|
68
|
+
iconRight: React.ReactNode;
|
|
69
|
+
iconButtonStyle?: IconButtonStyleType;
|
|
70
|
+
theme?: ButtonTheme;
|
|
71
|
+
}, "ref">) & React.RefAttributes<HTMLAnchorElement>>;
|
|
72
|
+
export { Button, LinkButton };
|
|
23
73
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAgClD,KAAK,mBAAmB,GAAG,OAAO,GAAG,SAAS,CAAC;AAC/C,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAQpC,QAAA,MAAM,iBAAiB,UAAW,WAAW,SAAS,mBAAmB;;;;;mFAuBrE,CAAC;AAgCL,MAAM,MAAM,eAAe,GACvB;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,GACD;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,CACR,GACC,YAAY,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,GAClD,eAAe,CAAC;AAElB,QAAA,MAAM,MAAM,uFAqCX,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,aAAa,GACb,YAAY,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,GAClD,eAAe,CAAC;AAElB,QAAA,MAAM,UAAU;eAzKE,MAAO,SAAS;;;;;;;;eAmGjB,KAAK;gBACJ,KAAK;sBACC,KAAK;YACf,WAAW;;eAtGP,MAAO,SAAS;;;;;;;;cAyGlB,KAAK,CAAC,SAAS;gBACb,KAAK,CAAC,SAAS;sBACT,mBAAmB;YAC7B,WAAW;;eA5GP,MAAO,SAAS;;;;;;;;eA+GjB,KAAK,CAAC,SAAS;eACf,KAAK,CAAC,SAAS;sBACR,mBAAmB;YAC7B,WAAW;oDA+FxB,CAAC;AAoBF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC"}
|
|
@@ -1,61 +1,92 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
|
-
const buttonBaseClasses = 'font-text text-button-text-large inline-flex items-center justify-center
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
const buttonBaseClasses = 'font-text text-button-text-large whitespace-normal break-word inline-flex items-center justify-center font-medium transition-colors focus:outline-none disabled:pointer-events-none rounded-sm outline-1';
|
|
6
|
+
const lightButtonVariants = {
|
|
7
|
+
primary: 'bg-interactions-primary text-text-invert -outline-offset-2 outline-border-secondary focus:outline hover:bg-interactions-primary-hover active:bg-interactions-brand-visited disabled:bg-interactions-primary-disabled',
|
|
8
|
+
secondary: 'bg-transparent text-text-accent outline -outline-offset-1 outline-text-accent focus:outline focus:outline-border-primary hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:outline-interactions-primary-disabled disabled:text-interactions-primary-disabled',
|
|
9
|
+
ghost: 'bg-transparent text-text-accent -outline-offset-1 focus:outline focus:outline-surface-accent hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:text-draeger-cool-gray-150',
|
|
10
|
+
};
|
|
11
|
+
const lightBrandStyledButtonVariants = {
|
|
12
|
+
primary: 'bg-interactions-brand text-text-invert -outline-offset-2 outline-border-secondary focus:outline hover:bg-interactions-brand-hover active:bg-interactions-brand-active disabled:bg-interactions-brand-disabled',
|
|
13
|
+
secondary: 'bg-transparent text-interactions-brand outline -outline-offset-1 outline-border-primary focus:outline focus:outline-border-accent hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:outline-interactions-brand-disabled disabled:text-interactions-primary-disabled',
|
|
14
|
+
ghost: 'bg-transparent text-interactions-brand -outline-offset-1 focus:outline focus:outline-border-primary hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:text-interactions-brand-disabled',
|
|
15
|
+
};
|
|
16
|
+
const darkButtonVariants = {
|
|
17
|
+
primary: 'bg-interactions-primary text-text-invert -outline-offset-2 outline-border-secondary focus:outline hover:bg-interactions-primary-hover active:bg-surface-accent-click disabled:bg-interactions-primary-disabled',
|
|
18
|
+
secondary: 'bg-transparent text-text-invert outline -outline-offset-1 outline-text-accent outline-border-secondary focus:outline focus:outline-border-accent hover:bg-surface-accent-hover active:bg-surface-accent-click disabled:outline-interactions-secondary-disabled disabled:text-interactions-secondary-disabled',
|
|
19
|
+
ghost: 'bg-transparent text-text-invert -outline-offset-1 outline-text-accent outline-border-secondary focus:outline focus:outline-border-accent hover:bg-surface-accent-hover active:bg-surface-accent-click disabled:text-interactions-secondary-disabled',
|
|
20
|
+
};
|
|
21
|
+
const getButtonThemes = (style) => ({
|
|
22
|
+
light: style === 'brand' ? lightBrandStyledButtonVariants : lightButtonVariants,
|
|
23
|
+
dark: darkButtonVariants,
|
|
24
|
+
});
|
|
25
|
+
const getButtonVariants = (theme, style) => cva(buttonBaseClasses, {
|
|
8
26
|
variants: {
|
|
9
|
-
variant:
|
|
10
|
-
primary: 'bg-surface-accent text-text-invert outline-1 -outline-offset-2 outline-border-secondary focus:outline hover:bg-surface-accent-hover active:bg-surface-accent-click disabled:bg-draeger-cool-gray-150',
|
|
11
|
-
secondary: 'bg-surface-primary text-text-accent outline outline-1 -outline-offset-2 outline-text-accent focus:outline focus:bg-surface-tertiary hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:border-draeger-cool-gray-150 disabled:text-draeger-cool-gray-150',
|
|
12
|
-
'secondary-white': 'bg-transparent text-draeger-white border-2 border-draeger-white',
|
|
13
|
-
ghost: 'bg-transparent text-text-accent hover:bg-surface-tertiary active:bg-draeger-light-blue-150 focus:bg-surface-tertiary disabled:text-draeger-cool-gray-150',
|
|
14
|
-
'ghost-inherit': 'bg-transparent text-inherit hover:shadow-none',
|
|
15
|
-
},
|
|
27
|
+
variant: getButtonThemes(style)[theme],
|
|
16
28
|
size: {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
29
|
+
xs: '',
|
|
30
|
+
sm: 'py-1.5',
|
|
31
|
+
md: 'py-2.5',
|
|
32
|
+
lg: 'py-4',
|
|
33
|
+
},
|
|
34
|
+
iconSize: {
|
|
35
|
+
xs: 'p-0',
|
|
36
|
+
sm: 'p-1.5',
|
|
37
|
+
md: 'p-2.5',
|
|
38
|
+
lg: 'p-4',
|
|
39
|
+
},
|
|
40
|
+
inheritColor: {
|
|
41
|
+
true: 'text-inherit',
|
|
20
42
|
},
|
|
21
43
|
},
|
|
22
44
|
defaultVariants: {
|
|
23
45
|
variant: 'primary',
|
|
24
|
-
size: 'md',
|
|
25
46
|
},
|
|
26
47
|
});
|
|
27
|
-
const classes = ({ className, size, variant,
|
|
28
|
-
return cn(
|
|
48
|
+
const classes = ({ className, size, variant, isIconButton, inheritColor, theme = 'light', style = 'primary', }) => {
|
|
49
|
+
return cn(getButtonVariants(theme, style)({
|
|
50
|
+
size: isIconButton ? undefined : size || 'md',
|
|
51
|
+
iconSize: isIconButton ? size : undefined,
|
|
52
|
+
variant,
|
|
53
|
+
inheritColor,
|
|
54
|
+
className,
|
|
55
|
+
}), !isIconButton && 'px-3');
|
|
29
56
|
};
|
|
30
|
-
const Button = React.forwardRef(({ className,
|
|
57
|
+
const Button = React.forwardRef(({ className, size, variant, inheritColor, iconLeft, iconRight, theme, iconButtonStyle, ...props }, ref) => {
|
|
58
|
+
const hasIcon = Boolean(iconLeft || iconRight);
|
|
59
|
+
const isIconButton = hasIcon && !props.children;
|
|
31
60
|
return (_jsx("button", { className: classes({
|
|
32
61
|
className,
|
|
33
62
|
size,
|
|
34
63
|
variant,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}), ref: ref, ...props, children: _jsx(ButtonContent, { icon: icon, children: props.children }) }));
|
|
64
|
+
inheritColor,
|
|
65
|
+
isIconButton,
|
|
66
|
+
theme,
|
|
67
|
+
style: iconButtonStyle,
|
|
68
|
+
}), ref: ref, ...props, children: _jsx(ButtonContent, { iconLeft: iconLeft, iconRight: iconRight, children: props.children }) }));
|
|
41
69
|
});
|
|
42
70
|
Button.displayName = 'Button';
|
|
43
|
-
const LinkButton = React.forwardRef(({ LinkComponent, className, size, variant,
|
|
71
|
+
const LinkButton = React.forwardRef(({ LinkComponent, className, size, variant, iconLeft, inheritColor, theme, iconRight, iconButtonStyle, ...props }, ref) => {
|
|
72
|
+
const hasIcon = Boolean(iconLeft || iconRight);
|
|
73
|
+
const isIconButton = hasIcon && !props.children;
|
|
44
74
|
const LinkComp = LinkComponent ? LinkComponent : 'a';
|
|
45
75
|
return (_jsx(LinkComp, { className: classes({
|
|
46
76
|
className,
|
|
47
77
|
size,
|
|
48
78
|
variant,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}), ref: ref, ...props, children: _jsx(ButtonContent, { icon: icon, children: props.children }) }));
|
|
79
|
+
theme,
|
|
80
|
+
inheritColor,
|
|
81
|
+
isIconButton,
|
|
82
|
+
iconButtonStyle,
|
|
83
|
+
}), ref: ref, ...props, children: _jsx(ButtonContent, { iconLeft: iconLeft, iconRight: iconRight, children: props.children }) }));
|
|
55
84
|
});
|
|
56
85
|
LinkButton.displayName = 'LinkButton';
|
|
57
|
-
const ButtonContent = ({
|
|
58
|
-
|
|
86
|
+
const ButtonContent = ({ iconLeft, iconRight, children, }) => {
|
|
87
|
+
const hasIcon = Boolean(iconLeft || iconRight);
|
|
88
|
+
const isIconButton = hasIcon && !children;
|
|
89
|
+
return (_jsxs("div", { className: cn('flex items-center min-h-6', !isIconButton && 'gap-3'), children: [iconLeft, children, iconRight] }));
|
|
59
90
|
};
|
|
60
|
-
export { Button, LinkButton
|
|
91
|
+
export { Button, LinkButton };
|
|
61
92
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AAGjD,MAAM,iBAAiB,GACrB,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAIlE,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACjE,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsB3C,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACjE,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAgCD,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAY3D,CAAC;AAIF,OAAO,EAAC,WAAW,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -2,11 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { cn } from '../../../utils';
|
|
3
3
|
import { Headline } from '../../typography/headline';
|
|
4
4
|
import { Button } from '../button';
|
|
5
|
+
import { Icon } from '../../images-icons/icon';
|
|
5
6
|
const FilterPanel = ({ children, headline, buttonLabel, headerClassName, className, clearButtonProps, headlineActAs, ...props }) => {
|
|
6
7
|
return (_jsxs("div", { className: className, ...props, children: [_jsx(FilterPanelHeader, { headline: headline, buttonLabel: buttonLabel, className: headerClassName, clearButtonProps: clearButtonProps, headlineActAs: headlineActAs }), _jsx("div", { className: "flex flex-col gap-6", children: children })] }));
|
|
7
8
|
};
|
|
8
9
|
const FilterPanelHeader = ({ buttonLabel, headline, className, clearButtonProps, headlineActAs, ...props }) => {
|
|
9
|
-
return (_jsxs("div", { className: cn('flex justify-between items-center pb-6', className), ...props, children: [_jsx(Headline, { headingLevel: 'h5', actAs: headlineActAs, children: headline }), buttonLabel && (_jsx(Button, { variant: "ghost", size:
|
|
10
|
+
return (_jsxs("div", { className: cn('flex justify-between items-center pb-6', className), ...props, children: [_jsx(Headline, { headingLevel: 'h5', actAs: headlineActAs, children: headline }), buttonLabel && (_jsx(Button, { variant: "ghost", size: 'sm', iconLeft: _jsx(Icon, { iconSet: "core", iconName: "reload", size: 'sm' }), ...clearButtonProps, children: buttonLabel }))] }));
|
|
10
11
|
};
|
|
11
12
|
const FilterPanelCategory = ({ headline, className, children, ...props }) => (_jsxs("div", { className: cn(className), ...props, children: [_jsx(Headline, { headingLevel: "h6", className: "mb-6", children: headline }), children] }));
|
|
12
13
|
FilterPanel.displayName = 'FilterPanel';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanel.js","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/FilterPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterPanel.js","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/FilterPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAY7C,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,KAAM,KAAK,aAClC,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,GAC5B,EACF,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,IACjD,CACP,CAAC;AACJ,CAAC,CAAC;AAWF,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,WAAW,EACX,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,KAC9D,KAAK,aAET,KAAC,QAAQ,IAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,YAC/C,QAAQ,GACA,EACV,WAAW,IAAI,CACd,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,GAAI,KAC3D,gBAAgB,YAEnB,WAAW,GACL,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,aACtC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,YACzC,QAAQ,GACA,EACV,QAAQ,IACL,CACP,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAC,WAAW,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -3,16 +3,28 @@ import { type VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
import { type LinkComponent, type LinkComponentProps } from '../../../utils';
|
|
4
4
|
import { BodyTextProps } from '../../typography/bodyText';
|
|
5
5
|
import { HeadlineProps } from '../../typography/headline';
|
|
6
|
-
declare const
|
|
7
|
-
|
|
6
|
+
declare const linkColorThemes: {
|
|
7
|
+
light: {
|
|
8
|
+
primary: string;
|
|
9
|
+
secondary: string;
|
|
10
|
+
};
|
|
11
|
+
dark: {
|
|
12
|
+
primary: string;
|
|
13
|
+
secondary: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
type LinkTheme = keyof typeof linkColorThemes;
|
|
17
|
+
declare const getLinkVariants: (theme: LinkTheme) => (props?: ({
|
|
18
|
+
display?: "inline" | "standalone" | null | undefined;
|
|
8
19
|
disabled?: boolean | null | undefined;
|
|
9
|
-
|
|
20
|
+
variant?: "primary" | "secondary" | null | undefined;
|
|
10
21
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
11
|
-
export interface LinkProps extends Omit<LinkComponentProps, 'color'>, LinkComponent, VariantProps<typeof
|
|
22
|
+
export interface LinkProps extends Omit<LinkComponentProps, 'color'>, LinkComponent, VariantProps<ReturnType<typeof getLinkVariants>> {
|
|
12
23
|
disabled?: boolean;
|
|
13
24
|
iconRight?: boolean;
|
|
14
25
|
icon?: React.ReactNode;
|
|
15
26
|
size?: BodyTextProps['variant'];
|
|
27
|
+
theme?: LinkTheme;
|
|
16
28
|
}
|
|
17
29
|
export interface LinkListProps extends React.LinkHTMLAttributes<HTMLDivElement>, VariantProps<typeof linkListVariants> {
|
|
18
30
|
headline?: string;
|
|
@@ -21,6 +33,7 @@ export interface LinkListProps extends React.LinkHTMLAttributes<HTMLDivElement>,
|
|
|
21
33
|
declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
22
34
|
declare const linkListVariants: (props?: ({
|
|
23
35
|
direction?: "row" | "col" | null | undefined;
|
|
36
|
+
variant?: "default" | "vertical-structured" | "2-column-vertical-structured" | null | undefined;
|
|
24
37
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
25
38
|
declare const LinkList: React.FC<LinkListProps>;
|
|
26
39
|
export { Link, LinkList };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AA6BlE,QAAA,MAAM,eAAe;;;;;;;;;CAGpB,CAAC;AAOF,KAAK,SAAS,GAAG,MAAM,OAAO,eAAe,CAAC;AAE9C,QAAA,MAAM,eAAe,UAAW,SAAS;;;;mFAerC,CAAC;AAEL,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,EACvC,aAAa,EACb,YAAY,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAC9C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,IAAI,kGA0CT,CAAC;AAGF,QAAA,MAAM,gBAAgB;;;mFAepB,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoDrC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -1,54 +1,97 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
5
|
import { BodyText } from '../../typography/bodyText';
|
|
6
6
|
import { Headline } from '../../typography/headline';
|
|
7
|
-
|
|
7
|
+
import { Divider } from '../../structures/divider';
|
|
8
8
|
const linkClasses = `
|
|
9
|
-
align-
|
|
9
|
+
align-center gap-x-2 transition-colors duration-150 outline-offset-1 outline-1 focus-visible:outline hover:underline outline-inherit
|
|
10
10
|
`;
|
|
11
|
-
const
|
|
11
|
+
const lightLinkVariants = {
|
|
12
|
+
primary: 'text-interactions-primary active:text-interactions-primary-active visited:text-interactions-primary-visited focus-visible:text-border-accent',
|
|
13
|
+
secondary: 'text-interactions-brand active:text-interactions-brand-active visited:text-interactions-brand-visited focus-visible:text-border-primary',
|
|
14
|
+
};
|
|
15
|
+
const darkLinkVariants = {
|
|
16
|
+
primary: 'text-interactions-primary active:text-interactions-secondary-active visited:text-interactions-primary-visited focus-visible:text-interactions-primary',
|
|
17
|
+
secondary: 'text-interactions-secondary active:text-interactions-secondary-active visited:text-interactions-secondary-visited focus-visible:text-border-secondary',
|
|
18
|
+
};
|
|
19
|
+
const lightLinkDisabledVariants = {
|
|
20
|
+
true: 'cursor-not-allowed text-interactions-primary-disabled hover:no-underline',
|
|
21
|
+
};
|
|
22
|
+
const darkLinkDisabledVariants = {
|
|
23
|
+
true: 'cursor-not-allowed !text-interactions-secondary-disabled hover:no-underline',
|
|
24
|
+
};
|
|
25
|
+
const linkColorThemes = {
|
|
26
|
+
light: lightLinkVariants,
|
|
27
|
+
dark: darkLinkVariants,
|
|
28
|
+
};
|
|
29
|
+
const linkDisabledColorThemes = {
|
|
30
|
+
light: lightLinkDisabledVariants,
|
|
31
|
+
dark: darkLinkDisabledVariants,
|
|
32
|
+
};
|
|
33
|
+
const getLinkVariants = (theme) => cva(linkClasses, {
|
|
12
34
|
variants: {
|
|
13
|
-
|
|
14
|
-
standalone: 'flex items-
|
|
35
|
+
display: {
|
|
36
|
+
standalone: 'flex items-center hover:underline',
|
|
15
37
|
inline: 'inline-flex underline-offset-4 hover:underline focus:underline',
|
|
16
38
|
},
|
|
17
|
-
disabled:
|
|
18
|
-
|
|
19
|
-
},
|
|
20
|
-
color: {
|
|
21
|
-
default: 'text-text-accent outline-inherit active:text-[#0075EB] visited:text-[#0075EB] focus-visible:text-[#0075EB] focus-visible:outline',
|
|
22
|
-
white: 'text-draeger-white hover:underline',
|
|
23
|
-
gray: 'text-draeger-cool-gray-250 active:text-draeger-cool-gray-250 visited:text-draeger-cool-gray-250',
|
|
24
|
-
},
|
|
39
|
+
disabled: linkDisabledColorThemes[theme],
|
|
40
|
+
variant: linkColorThemes[theme],
|
|
25
41
|
},
|
|
26
42
|
defaultVariants: {
|
|
27
|
-
|
|
28
|
-
|
|
43
|
+
display: 'standalone',
|
|
44
|
+
variant: 'primary',
|
|
29
45
|
},
|
|
30
46
|
});
|
|
31
|
-
const Link = React.forwardRef(({ LinkComponent, className, children, variant,
|
|
47
|
+
const Link = React.forwardRef(({ LinkComponent, className, children, variant, display, disabled, size, href, icon, theme = 'light', iconRight = false, ...props }, ref) => {
|
|
32
48
|
const LinkComp = LinkComponent ? LinkComponent : 'a';
|
|
33
|
-
return (_jsx(BodyText, { variant: size, textColor: "none", asChild: true, children: _jsxs(LinkComp, { ref: ref, tabIndex: disabled ? -1 : 0, href: disabled ? undefined : href, className: cn(
|
|
49
|
+
return (_jsx(BodyText, { variant: size, textColor: "none", asChild: true, children: _jsxs(LinkComp, { ref: ref, tabIndex: disabled ? -1 : 0, href: disabled ? undefined : href, className: cn(getLinkVariants(theme)({
|
|
34
50
|
variant,
|
|
35
51
|
disabled,
|
|
36
|
-
|
|
52
|
+
display,
|
|
37
53
|
className,
|
|
38
|
-
})), ...props, children: [icon &&
|
|
54
|
+
})), ...props, children: [icon && _jsx("div", { className: cn(iconRight && 'order-1'), children: icon }), _jsx("span", { className: "self-end", children: children })] }) }));
|
|
39
55
|
});
|
|
40
56
|
Link.displayName = 'Link';
|
|
41
|
-
const linkListVariants = cva('flex flex-wrap gap-
|
|
57
|
+
const linkListVariants = cva('py-2 flex flex-wrap gap-4', {
|
|
42
58
|
variants: {
|
|
43
59
|
direction: {
|
|
44
60
|
row: 'flex-row',
|
|
45
61
|
col: 'flex-col',
|
|
46
62
|
},
|
|
63
|
+
variant: {
|
|
64
|
+
default: '',
|
|
65
|
+
'vertical-structured': 'flex-col gap-2',
|
|
66
|
+
'2-column-vertical-structured': 'grid grid-cols-2 gap-x-6 gap-y-2 ',
|
|
67
|
+
},
|
|
47
68
|
},
|
|
48
69
|
defaultVariants: {
|
|
49
|
-
|
|
70
|
+
variant: 'default',
|
|
50
71
|
},
|
|
51
72
|
});
|
|
52
|
-
const LinkList = ({ direction, headline, children, className, headlineActAs, ...props }) =>
|
|
73
|
+
const LinkList = ({ direction, headline, children, className, headlineActAs, variant, ...props }) => {
|
|
74
|
+
const childrenCount = React.Children.count(children);
|
|
75
|
+
const childrenCountIsEven = childrenCount % 2 === 0;
|
|
76
|
+
const childrenWithDividers = () => {
|
|
77
|
+
if (variant === '2-column-vertical-structured')
|
|
78
|
+
return React.Children.map(children, (child, index) => {
|
|
79
|
+
const isLastRow = index > childrenCount - 3;
|
|
80
|
+
if (childrenCountIsEven && isLastRow)
|
|
81
|
+
return child;
|
|
82
|
+
if (index > 0 && index % 2 !== 0)
|
|
83
|
+
return (_jsxs(_Fragment, { children: [child, _jsx(Divider, {}), _jsx(Divider, {})] }));
|
|
84
|
+
else
|
|
85
|
+
return child;
|
|
86
|
+
});
|
|
87
|
+
else if (variant === 'vertical-structured')
|
|
88
|
+
return React.Children.map(children, (child, index) => {
|
|
89
|
+
return index === childrenCount - 1 ? (child) : (_jsxs(_Fragment, { children: [child, _jsx(Divider, {})] }));
|
|
90
|
+
});
|
|
91
|
+
else
|
|
92
|
+
return children;
|
|
93
|
+
};
|
|
94
|
+
return (_jsxs("div", { ...props, children: [headline && (_jsx(Headline, { headingLevel: "h5", actAs: headlineActAs, children: headline })), _jsx("div", { className: cn(linkListVariants({ direction, variant, className })), children: childrenWithDividers() })] }));
|
|
95
|
+
};
|
|
53
96
|
export { Link, LinkList };
|
|
54
97
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const tagVariants: (props?: ({
|
|
4
4
|
mode?: "read-only" | "read-only-error" | "dismissable" | null | undefined;
|
|
5
|
-
size?: "
|
|
5
|
+
size?: "xs" | "sm" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
7
|
export interface TagProps extends VariantProps<typeof tagVariants>, React.HTMLAttributes<HTMLDivElement> {
|
|
8
8
|
label: string | React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAiBL,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAC,MAAM,EAAO,MAAM,OAAO,CAAC;AAEnC,MAAM,WAAW,YAAY;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;CAC1D;AAiBD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAiBL,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAC,MAAM,EAAO,MAAM,OAAO,CAAC;AAEnC,MAAM,WAAW,YAAY;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;CAC1D;AAiBD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmFnC,CAAC;AAEF,OAAO,EAAC,OAAO,EAAC,CAAC"}
|
|
@@ -43,7 +43,7 @@ const Tooltip = ({ initialOpenedState = false, placement = 'top', className, tri
|
|
|
43
43
|
dismiss,
|
|
44
44
|
role,
|
|
45
45
|
]);
|
|
46
|
-
return (_jsxs(_Fragment, { children: [_jsx(Button, { className: "h-[2.53694rem] px-1.5", variant: 'ghost
|
|
46
|
+
return (_jsxs(_Fragment, { children: [_jsx(Button, { className: "h-[2.53694rem] px-1.5", variant: 'ghost', inheritColor: true, iconLeft: _jsx(Icon, { size: "md", iconSet: "core", iconName: "info", center: "vertical" }), ref: refs.setReference, ...getReferenceProps(), ...triggerButtonProps }), _jsx(FloatingPortal, { children: isMounted && (_jsxs("div", { ref: refs.setFloating, className: cn('p-3 rounded-sm bg-draeger-warm-gray-750 w-[20.5rem]', getContentSidePadding(context.placement), className), style: {
|
|
47
47
|
...floatingStyles,
|
|
48
48
|
...styles,
|
|
49
49
|
}, ...getFloatingProps(), children: [_jsx(FloatingArrow, { className: "fill-draeger-warm-gray-750", ref: arrowRef, context: context, width: 16, height: 8 }), _jsxs("div", { className: "flex flex-col gap-y-0.5 font-text", children: [_jsx("p", { className: cn(contentTextClasses, 'font-semibold'), children: title }), _jsx("p", { className: contentTextClasses, children: text })] })] })) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,aAAa,GAGd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,OAAO,CAAC;AAWnC,MAAM,gBAAgB,GAAG;IACvB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,MAAM;CACW,CAAC;AAE1B,MAAM,qBAAqB,GAAG,CAAC,SAAoB,EAAE,EAAE;IACrD,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACpC,OAAO,gBAAgB,CAAC,IAAY,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,kBAAkB,GACtB,qFAAqF,CAAC;AAExF,MAAM,OAAO,GAA2B,CAAC,EACvC,kBAAkB,GAAG,KAAK,EAC1B,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,kBAAkB,EAClB,KAAK,EACL,IAAI,GACL,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEnD,MAAM,EAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAC,GAAG,WAAW,CAAC;QAClD,IAAI,EAAE,MAAM;QACZ,SAAS;QACT,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,UAAU;QAChC,UAAU,EAAE;YACV,MAAM,CAAC;gBACL,aAAa,EAAE,SAAS,IAAI,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBAClE,QAAQ,EAAE,EAAE;aACb,CAAC;YACF,IAAI,EAAE;YACN,KAAK,EAAE;YACP,KAAK,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,CAAC;SAC3B;KACF,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,EAAC,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC;IACjD,MAAM,EAAC,SAAS,EAAE,MAAM,EAAC,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACzD,MAAM,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,GAAG,eAAe,CAAC;QAC5D,KAAK;QACL,KAAK;QACL,OAAO;QACP,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,CACL,8BACE,KAAC,MAAM,IACL,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,aAAa,GAGd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,OAAO,CAAC;AAWnC,MAAM,gBAAgB,GAAG;IACvB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,MAAM;CACW,CAAC;AAE1B,MAAM,qBAAqB,GAAG,CAAC,SAAoB,EAAE,EAAE;IACrD,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACpC,OAAO,gBAAgB,CAAC,IAAY,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,kBAAkB,GACtB,qFAAqF,CAAC;AAExF,MAAM,OAAO,GAA2B,CAAC,EACvC,kBAAkB,GAAG,KAAK,EAC1B,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,kBAAkB,EAClB,KAAK,EACL,IAAI,GACL,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEnD,MAAM,EAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAC,GAAG,WAAW,CAAC;QAClD,IAAI,EAAE,MAAM;QACZ,SAAS;QACT,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,UAAU;QAChC,UAAU,EAAE;YACV,MAAM,CAAC;gBACL,aAAa,EAAE,SAAS,IAAI,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBAClE,QAAQ,EAAE,EAAE;aACb,CAAC;YACF,IAAI,EAAE;YACN,KAAK,EAAE;YACP,KAAK,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,CAAC;SAC3B;KACF,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,EAAC,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC;IACjD,MAAM,EAAC,SAAS,EAAE,MAAM,EAAC,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACzD,MAAM,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,GAAG,eAAe,CAAC;QAC5D,KAAK;QACL,KAAK;QACL,OAAO;QACP,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,CACL,8BACE,KAAC,MAAM,IACL,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,OAAO,EAChB,YAAY,QACZ,QAAQ,EACN,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,UAAU,GAAG,EAErE,GAAG,EAAE,IAAI,CAAC,YAAY,KAClB,iBAAiB,EAAE,KACnB,kBAAkB,GACtB,EACF,KAAC,cAAc,cACZ,SAAS,IAAI,CACZ,eACE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,qDAAqD,EACrD,qBAAqB,CAAC,OAAO,CAAC,SAAS,CAAC,EACxC,SAAS,CACV,EACD,KAAK,EAAE;wBACL,GAAG,cAAc;wBACjB,GAAG,MAAM;qBACV,KACG,gBAAgB,EAAE,aAEtB,KAAC,aAAa,IACZ,SAAS,EAAC,4BAA4B,EACtC,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,CAAC,GACT,EACF,eAAK,SAAS,EAAC,mCAAmC,aAChD,YAAG,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,eAAe,CAAC,YAAG,KAAK,GAAK,EAClE,YAAG,SAAS,EAAE,kBAAkB,YAAG,IAAI,GAAK,IACxC,IACF,CACP,GACc,IAChB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,OAAO,EAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { CoreIconNames, MedicalIconNames, SafetyIconNames, UibLegacyIconNames } from '../../../utils/iconNamesTypes';
|
|
4
4
|
declare const iconVariants: (props?: ({
|
|
5
|
-
color?: "accent" | "invert" | "
|
|
5
|
+
color?: "accent" | "invert" | "primary" | "disabled" | "default" | "secondary" | "draeger-white" | "draeger-error" | null | undefined;
|
|
6
6
|
center?: "default" | "vertical" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
8
|
declare const iconContainerVariants: (props?: ({
|
|
@@ -8,7 +8,7 @@ const CardHeadline = ({ children, ...props }) => (_jsx(Headline, { textColor: "i
|
|
|
8
8
|
const CardBodyText = ({ text, ...props }) => (_jsx(SlimRichText, { text: text, textColor: "inherit", ...props }));
|
|
9
9
|
const CardContent = ({ children, ...props }) => (_jsx("div", { ...props, children: children }));
|
|
10
10
|
const CardAction = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col items-stretch w-full', className), ...props, children: children }));
|
|
11
|
-
const CardActionsWrapper = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col gap-7
|
|
11
|
+
const CardActionsWrapper = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col gap-7 min-h-14 items-center px-6 pb-8', className), ...props, children: children }));
|
|
12
12
|
const cardBaseClasses = 'font-text group flex flex-col';
|
|
13
13
|
// TODO: Delete variants when sections using paleBlue and darkBlue cards will be updated
|
|
14
14
|
const cardVariants = cva(cardBaseClasses, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAIhE,MAAM,WAAW,GAA+B,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAC9E,IAAI,IAAI,CACN,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CAAC;AAQJ,MAAM,YAAY,GAAgC,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAC1E,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,EAAC,YAAY,EAAC,IAAI,KAAK,KAAK,YACtD,QAAQ,GACA,CACZ,CAAC;AAIF,MAAM,YAAY,GAAgC,CAAC,EAAC,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACtE,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,SAAS,KAAK,KAAK,GAAI,CAC5D,CAAC;AAOF,MAAM,WAAW,GAA+B,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACxE,iBAAS,KAAK,YAAG,QAAQ,GAAO,CACjC,CAAC;AAIF,MAAM,UAAU,GAA8B,CAAC,EAC7C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAKJ,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ export interface CarouselControlProps {
|
|
|
12
12
|
prevButtonProps: Omit<CarouselControlButtonProps, 'icon'>;
|
|
13
13
|
nextButtonProps: Omit<CarouselControlButtonProps, 'icon'>;
|
|
14
14
|
}
|
|
15
|
-
export interface CarouselControlButtonProps extends Pick<ButtonProps, 'disabled' | 'onClick' | '
|
|
15
|
+
export interface CarouselControlButtonProps extends Pick<ButtonProps, 'disabled' | 'onClick' | 'iconLeft'> {
|
|
16
16
|
ariaLabel: string;
|
|
17
17
|
}
|
|
18
18
|
declare const carouselItemVariants: (props?: ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/carousel/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAK9D,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACd;AAED,QAAA,MAAM,QAAQ,sFA6Eb,CAAC;AAGF,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;IAC1D,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;CAC3D;AAwBD,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/carousel/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAK9D,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACd;AAED,QAAA,MAAM,QAAQ,sFA6Eb,CAAC;AAGF,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;IAC1D,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;CAC3D;AAwBD,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC9D,SAAS,EAAE,MAAM,CAAC;CACnB;AAmBD,QAAA,MAAM,oBAAoB;;mFAUxB,CAAC;AAEH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAehD,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -44,8 +44,8 @@ const Carousel = React.forwardRef(({ className, children, cols = 3, nextButtonAr
|
|
|
44
44
|
} })] }));
|
|
45
45
|
});
|
|
46
46
|
Carousel.displayName = 'Carousel';
|
|
47
|
-
const CarouselControl = ({ counterText, prevButtonProps, nextButtonProps, }) => (_jsx("div", { className: "flex justify-end mt-5 select-none", children: _jsxs("div", { className: "flex items-center justify-between gap-x-1.5 w-[9.375rem]", children: [_jsx(CarouselControlButton, {
|
|
48
|
-
const CarouselControlButton = ({ disabled, onClick,
|
|
47
|
+
const CarouselControl = ({ counterText, prevButtonProps, nextButtonProps, }) => (_jsx("div", { className: "flex justify-end mt-5 select-none", children: _jsxs("div", { className: "flex items-center justify-between gap-x-1.5 w-[9.375rem]", children: [_jsx(CarouselControlButton, { iconLeft: _jsx(Icon, { iconSet: "core", iconName: "chevron-left", size: 'md' }), ...prevButtonProps }), _jsx("span", { className: "px-1 text-button-text-large text-text-primary", children: counterText }), _jsx(CarouselControlButton, { iconLeft: _jsx(Icon, { iconSet: "core", iconName: "chevron-right", size: 'md' }), ...nextButtonProps })] }) }));
|
|
48
|
+
const CarouselControlButton = ({ disabled, onClick, iconLeft, ariaLabel, }) => (_jsx(Button, { size: 'sm', variant: 'secondary', disabled: disabled, onClick: onClick, iconLeft: iconLeft, "aria-hidden": disabled, "aria-label": ariaLabel }));
|
|
49
49
|
const carouselItemVariants = cva('min-w-0 shrink-0 grow-0 pl-6 h-full', {
|
|
50
50
|
variants: {
|
|
51
51
|
cols: {
|