@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.
Files changed (56) hide show
  1. package/dist/components/actions/button/Button.d.ts +67 -17
  2. package/dist/components/actions/button/Button.d.ts.map +1 -1
  3. package/dist/components/actions/button/Button.js +65 -34
  4. package/dist/components/actions/button/Button.js.map +1 -1
  5. package/dist/components/actions/filterPanel/FilterPanel.d.ts.map +1 -1
  6. package/dist/components/actions/filterPanel/FilterPanel.js +2 -1
  7. package/dist/components/actions/filterPanel/FilterPanel.js.map +1 -1
  8. package/dist/components/actions/link/Link.d.ts +17 -4
  9. package/dist/components/actions/link/Link.d.ts.map +1 -1
  10. package/dist/components/actions/link/Link.js +66 -23
  11. package/dist/components/actions/link/Link.js.map +1 -1
  12. package/dist/components/actions/tag/Tag.d.ts +1 -1
  13. package/dist/components/actions/tooltip/Tooltip.d.ts.map +1 -1
  14. package/dist/components/actions/tooltip/Tooltip.js +1 -1
  15. package/dist/components/actions/tooltip/Tooltip.js.map +1 -1
  16. package/dist/components/images-icons/icon/Icon.d.ts +1 -1
  17. package/dist/components/layout/card/Card.js +1 -1
  18. package/dist/components/layout/card/Card.js.map +1 -1
  19. package/dist/components/layout/carousel/Carousel.d.ts +1 -1
  20. package/dist/components/layout/carousel/Carousel.d.ts.map +1 -1
  21. package/dist/components/layout/carousel/Carousel.js +2 -2
  22. package/dist/components/layout/carousel/Carousel.js.map +1 -1
  23. package/dist/components/layout/contentSlider/ContentSlider.d.ts.map +1 -1
  24. package/dist/components/layout/contentSlider/ContentSlider.js +1 -1
  25. package/dist/components/layout/contentSlider/ContentSlider.js.map +1 -1
  26. package/dist/components/layout/mediaGallery/MediaGallery.d.ts.map +1 -1
  27. package/dist/components/layout/mediaGallery/MediaGallery.js +1 -1
  28. package/dist/components/layout/mediaGallery/MediaGallery.js.map +1 -1
  29. package/dist/components/layout/sectionWrapper/SectionWrapper.d.ts.map +1 -1
  30. package/dist/components/layout/sectionWrapper/SectionWrapper.js +0 -1
  31. package/dist/components/layout/sectionWrapper/SectionWrapper.js.map +1 -1
  32. package/dist/components/layout/slimRichText/SlimRichText.js +1 -1
  33. package/dist/components/navigation/flyout/Flyout.d.ts.map +1 -1
  34. package/dist/components/navigation/flyout/Flyout.js +2 -2
  35. package/dist/components/navigation/flyout/Flyout.js.map +1 -1
  36. package/dist/components/navigation/footer/Footer.d.ts +13 -12
  37. package/dist/components/navigation/footer/Footer.d.ts.map +1 -1
  38. package/dist/components/navigation/footer/Footer.js +8 -8
  39. package/dist/components/navigation/footer/Footer.js.map +1 -1
  40. package/dist/components/navigation/footer/FooterNavigationUpButton.d.ts.map +1 -1
  41. package/dist/components/navigation/footer/FooterNavigationUpButton.js +1 -1
  42. package/dist/components/navigation/footer/FooterNavigationUpButton.js.map +1 -1
  43. package/dist/components/navigation/header/AnimatedHeader.d.ts.map +1 -1
  44. package/dist/components/navigation/header/AnimatedHeader.js +2 -2
  45. package/dist/components/navigation/header/AnimatedHeader.js.map +1 -1
  46. package/dist/components/navigation/header/Header.js +3 -3
  47. package/dist/components/navigation/header/Header.js.map +1 -1
  48. package/dist/components/navigation/searchInput/SearchInput.d.ts.map +1 -1
  49. package/dist/components/navigation/searchInput/SearchInput.js +1 -1
  50. package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
  51. package/dist/components/structures/divider/Divider.js +1 -1
  52. package/dist/components/structures/divider/Divider.js.map +1 -1
  53. package/dist/utils/utils.d.ts.map +1 -1
  54. package/dist/utils/utils.js +15 -1
  55. package/dist/utils/utils.js.map +1 -1
  56. 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
- declare const buttonVariants: (props?: ({
6
- variant?: "primary" | "secondary" | "secondary-white" | "ghost" | "ghost-inherit" | null | undefined;
7
- size?: "sm" | "md" | "lg" | null | undefined;
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 interface ButtonBaseProps {
10
- icon?: React.ReactNode;
11
- iconPosition?: 'left' | 'right';
12
- iconGap?: boolean;
13
- slim?: boolean;
14
- }
15
- export type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'> & VariantProps<typeof buttonVariants> & ButtonBaseProps;
16
- declare const Button: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & VariantProps<(props?: ({
17
- variant?: "primary" | "secondary" | "secondary-white" | "ghost" | "ghost-inherit" | null | undefined;
18
- size?: "sm" | "md" | "lg" | null | undefined;
19
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & ButtonBaseProps & React.RefAttributes<HTMLButtonElement>>;
20
- export type LinkButtonProps = LinkComponentProps & LinkComponent & VariantProps<typeof buttonVariants> & ButtonBaseProps;
21
- declare const LinkButton: React.ForwardRefExoticComponent<Omit<LinkButtonProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
22
- export { Button, LinkButton, buttonVariants };
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;AAMlD,QAAA,MAAM,cAAc;;;mFAuBlB,CAAC;AA2BH,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,CACR,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,eAAe,CAAC;AAElB,QAAA,MAAM,MAAM;;;gJAwBX,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,aAAa,GACb,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,eAAe,CAAC;AAElB,QAAA,MAAM,UAAU,wGAmCf,CAAC;AAeF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAC,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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
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 whitespace-nowrap font-medium transition-colors focus:outline-none disabled:pointer-events-none px-4 gap-3 rounded-sm';
6
- //TODO: Delete secondary-white variants, when theming for button is ready
7
- const buttonVariants = cva(buttonBaseClasses, {
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
- sm: 'min-h-element-height-sm',
18
- md: 'min-h-element-height-md',
19
- lg: 'min-h-element-height-lg',
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, icon, iconGap = true, slim = false, iconPosition = 'left', isIconButton, }) => {
28
- return cn(buttonVariants({ variant, size, className }), icon && !isIconButton && 'pl-2.5', !iconGap && 'gap-0', slim && 'px-0', iconPosition === 'right' && 'flex-row-reverse');
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, iconPosition, size, variant, icon, iconGap, slim, ...props }, ref) => {
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
- icon,
36
- iconGap,
37
- slim,
38
- iconPosition,
39
- isIconButton: icon !== undefined && !props.children,
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, icon, iconGap, slim, iconPosition, ...props }, ref) => {
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
- icon,
50
- iconGap,
51
- slim,
52
- iconPosition,
53
- isIconButton: icon !== undefined && !props.children,
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 = ({ icon, children, }) => {
58
- return (_jsxs(_Fragment, { children: [icon, children] }));
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, buttonVariants };
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,gMAAgM,CAAC;AAEnM,yEAAyE;AACzE,MAAM,cAAc,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC5C,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,sMAAsM;YACxM,SAAS,EACP,0QAA0Q;YAC5Q,iBAAiB,EACf,iEAAiE;YACnE,KAAK,EACH,0JAA0J;YAC5J,eAAe,EAAE,+CAA+C;SACjE;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,yBAAyB;SAC9B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,IAAI,GAAG,KAAK,EACZ,YAAY,GAAG,MAAM,EACrB,YAAY,GAOb,EAAE,EAAE;IACH,OAAO,EAAE,CACP,cAAc,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,EAC1C,IAAI,IAAI,CAAC,YAAY,IAAI,QAAQ,EACjC,CAAC,OAAO,IAAI,OAAO,EACnB,IAAI,IAAI,MAAM,EACd,YAAY,KAAK,OAAO,IAAI,kBAAkB,CAC/C,CAAC;AACJ,CAAC,CAAC;AAgBF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EAAC,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EACvE,GAAG,EACH,EAAE;IACF,OAAO,CACL,iBACE,SAAS,EAAE,OAAO,CAAC;YACjB,SAAS;YACT,IAAI;YACJ,OAAO;YACP,IAAI;YACJ,OAAO;YACP,IAAI;YACJ,YAAY;YACZ,YAAY,EAAE,IAAI,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,QAAQ;SACpD,CAAC,EACF,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,YAAG,KAAK,CAAC,QAAQ,GAAiB,GACpD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAO9B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE,EACE,aAAa,EACb,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,OAAO,CAAC;YACjB,SAAS;YACT,IAAI;YACJ,OAAO;YACP,IAAI;YACJ,OAAO;YACP,IAAI;YACJ,YAAY;YACZ,YAAY,EAAE,IAAI,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,QAAQ;SACpD,CAAC,EACF,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,YAAG,KAAK,CAAC,QAAQ,GAAiB,GAClD,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,QAAQ,GAC+B,EAAE,EAAE;IAC3C,OAAO,CACL,8BACG,IAAI,EACJ,QAAQ,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAC,CAAC"}
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,0MAA0M,CAAC;AAE7M,MAAM,mBAAmB,GAAG;IAC1B,OAAO,EACL,sNAAsN;IACxN,SAAS,EACP,gRAAgR;IAClR,KAAK,EACH,6LAA6L;CAChM,CAAC;AAEF,MAAM,8BAA8B,GAAG;IACrC,OAAO,EACL,+MAA+M;IACjN,SAAS,EACP,uRAAuR;IACzR,KAAK,EACH,0MAA0M;CAC7M,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACzB,OAAO,EACL,gNAAgN;IAClN,SAAS,EACP,8SAA8S;IAChT,KAAK,EACH,qPAAqP;CACxP,CAAC;AAKF,MAAM,eAAe,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,CAAC;IACvD,KAAK,EACH,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,mBAAmB;IAC1E,IAAI,EAAE,kBAAkB;CACzB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,CAAC,KAAkB,EAAE,KAA0B,EAAE,EAAE,CAC3E,GAAG,CAAC,iBAAiB,EAAE;IACrB,QAAQ,EAAE;QACR,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;QACtC,IAAI,EAAE;YACJ,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,MAAM;SACX;QACD,QAAQ,EAAE;YACR,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,KAAK;SACV;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,cAAc;SACrB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAEL,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,GAAG,OAAO,EACf,KAAK,GAAG,SAAS,GAOlB,EAAE,EAAE;IACH,OAAO,EAAE,CACP,iBAAiB,CACf,KAAK,EACL,KAAK,CACN,CAAC;QACA,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI;QAC7C,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QACzC,OAAO;QACP,YAAY;QACZ,SAAS;KACV,CAAC,EACF,CAAC,YAAY,IAAI,MAAM,CACxB,CAAC;AACJ,CAAC,CAAC;AA6BF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EACE,SAAS,EACT,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,eAAe,EACf,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAChD,OAAO,CACL,iBACE,SAAS,EAAE,OAAO,CAAC;YACjB,SAAS;YACT,IAAI;YACJ,OAAO;YACP,YAAY;YACZ,YAAY;YACZ,KAAK;YACL,KAAK,EAAE,eAAe;SACvB,CAAC,EACF,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,KAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,YACpD,KAAK,CAAC,QAAQ,GACD,GACT,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAO9B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE,EACE,aAAa,EACb,SAAS,EACT,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,SAAS,EACT,eAAe,EACf,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAEhD,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,OAAO,CAAC;YACjB,SAAS;YACT,IAAI;YACJ,OAAO;YACP,KAAK;YACL,YAAY;YACZ,YAAY;YACZ,eAAe;SAChB,CAAC,EACF,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,KAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,YACpD,KAAK,CAAC,QAAQ,GACD,GACP,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,QAAQ,GACiD,EAAE,EAAE;IAC7D,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,QAAQ,CAAC;IAE1C,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,CAAC,YAAY,IAAI,OAAO,CAAC,aACtE,QAAQ,EACR,QAAQ,EACR,SAAS,IACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC"}
@@ -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;AAGlE,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;AA2BD,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"}
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: "sm", ...clearButtonProps, children: buttonLabel }))] }));
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;AAYjC,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,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,KAAK,gBAAgB,YACnD,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"}
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 linkVariants: (props?: ({
7
- variant?: "inline" | "standalone" | null | undefined;
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
- color?: "default" | "white" | "gray" | null | undefined;
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 linkVariants> {
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;AAQlE,QAAA,MAAM,YAAY;;;;mFAoBhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,EACvC,aAAa,EACb,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,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;CACjC;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;;mFAUpB,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgBrC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,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
- // TODO: missing Color-token, change white color when desing is ready
7
+ import { Divider } from '../../structures/divider';
8
8
  const linkClasses = `
9
- align-baseline gap-x-3 transition-colors duration-150 outline-offset-1 outline-1
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 linkVariants = cva(linkClasses, {
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
- variant: {
14
- standalone: 'flex items-start hover:underline',
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
- true: 'cursor-not-allowed hover:no-underline',
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
- variant: 'standalone',
28
- color: 'default',
43
+ display: 'standalone',
44
+ variant: 'primary',
29
45
  },
30
46
  });
31
- const Link = React.forwardRef(({ LinkComponent, className, children, variant, disabled, color, size, href, icon, iconRight = false, ...props }, ref) => {
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(linkVariants({
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
- color: disabled ? 'gray' : color,
52
+ display,
37
53
  className,
38
- })), ...props, children: [icon && (_jsx("div", { className: cn('pt-px', iconRight && 'order-1'), children: icon })), _jsx("span", { children: children })] }) }));
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-2', {
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
- direction: 'col',
70
+ variant: 'default',
50
71
  },
51
72
  });
52
- const LinkList = ({ direction, headline, children, className, headlineActAs, ...props }) => (_jsxs("div", { className: cn(linkListVariants({ direction, className })), ...props, children: [headline && (_jsx(Headline, { headingLevel: "h4", actAs: headlineActAs, children: headline })), children] }));
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;AAElE,qEAAqE;AAErE,MAAM,WAAW,GAAG;;CAEnB,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAC,WAAW,EAAE;IACpC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,kCAAkC;YAC9C,MAAM,EAAE,gEAAgE;SACzE;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,uCAAuC;SAC9C;QACD,KAAK,EAAE;YACL,OAAO,EACL,kIAAkI;YACpI,KAAK,EAAE,oCAAoC;YAC3C,IAAI,EAAE,iGAAiG;SACxG;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC;AAmBH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,aAAa,EACb,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,kBAC/C,MAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACjC,SAAS,EAAE,EAAE,CACX,YAAY,CAAC;gBACX,OAAO;gBACP,QAAQ;gBACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;gBAChC,SAAS;aACV,CAAC,CACH,KACG,KAAK,aAER,IAAI,IAAI,CACP,cAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,IAAI,SAAS,CAAC,YAAG,IAAI,GAAO,CAClE,EACD,yBAAO,QAAQ,GAAQ,IACd,GACF,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,MAAM,gBAAgB,GAAG,GAAG,CAAC,sBAAsB,EAAE;IACnD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,GAAG,EAAE,UAAU;YACf,GAAG,EAAE,UAAU;SAChB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAA4B,CAAC,EACzC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC,KAAM,KAAK,aACpE,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAE,aAAa,YAC7C,QAAQ,GACA,CACZ,EACA,QAAQ,IACL,CACP,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,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?: "sm" | "xs" | null | undefined;
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,CAiFnC,CAAC;AAEF,OAAO,EAAC,OAAO,EAAC,CAAC"}
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-inherit', ref: refs.setReference, ...getReferenceProps(), ...triggerButtonProps, children: _jsx(Icon, { size: "md", iconSet: "core", iconName: "info", center: "vertical" }) }), _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: {
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":"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"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
@@ -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" | "default" | "primary" | "secondary" | "disabled" | "draeger-white" | "draeger-error" | null | undefined;
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 pb-8 min-h-14 items-center px-6 pb-8', className), ...props, children: children }));
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":"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"}
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' | 'icon'> {
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,MAAM,CAAC;IAC1D,SAAS,EAAE,MAAM,CAAC;CACnB;AAoBD,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"}
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, { icon: _jsx(Icon, { iconSet: "core", iconName: "chevron-left" }), ...prevButtonProps }), _jsx("span", { className: "px-1 text-button-text-large text-text-primary", children: counterText }), _jsx(CarouselControlButton, { icon: _jsx(Icon, { iconSet: "core", iconName: "chevron-right" }), ...nextButtonProps })] }) }));
48
- const CarouselControlButton = ({ disabled, onClick, icon, ariaLabel, }) => (_jsx(Button, { size: 'sm', variant: 'secondary', disabled: disabled, onClick: onClick, className: "px-1.5", icon: icon, "aria-hidden": disabled, "aria-label": ariaLabel }));
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: {