@odx/websites-react 1.1.86 → 1.1.88

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.
@@ -29,7 +29,7 @@ const Autocomplete = ({ options, optionsLimit = 10, selected, onChange, disabled
29
29
  }, onFocus: () => setFocused(true), onChange: event => setQuery(event.target.value), onKeyDown: e => e.key === 'Enter' && setQuery(''), placeholder: placeholder, required: required, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn('pl-16 pr-14', hasQuery && invalid && 'pr-[88px]') }) }), _jsx(FormFieldIconsContainer, { align: 'left', children: _jsx(FormFieldIcon, { className: cn('pointer-events-auto'), icon: _jsx(IconCoreSearch, {}), color: disabled ? 'disabled' : undefined }) }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto text-draeger-error", icon: _jsx(IconCoreFeedbackWarningFilledMono, {}) })), (hasQuery || selected?.value) && (_jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", className: 'flex', children: _jsx(FormFieldIcon, { className: "w-6 cursor-pointer pointer-events-auto text-draeger-cool-gray-750", icon: _jsx(IconCoreClose, {}), onClick: () => {
30
30
  onChange(null);
31
31
  setQuery('');
32
- } }) }))] })] }), (showFreeTextOption || options.length > 0) && (_jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsxs(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'transition origin-top w-[var(--input-width)]'), children: [showFreeTextOption && (_jsxs(ComboboxOption, { option: { value: query, label: query }, size: size, children: [freeTextSearchLabel, query] })), options.slice(0, optionsLimit).map(option => (_jsx(ComboboxOption, { option: option, size: size, query: query, children: option.label }, option.label)))] }) })), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
32
+ } }) }))] })] }), (showFreeTextOption || options.length > 0) && (_jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsxs(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'transition origin-top w-[var(--input-width)]'), children: [showFreeTextOption && (_jsxs(ComboboxOption, { option: { value: query, label: query }, size: size, children: [freeTextSearchLabel, query] })), options.slice(0, optionsLimit).map((option, index) => (_jsx(ComboboxOption, { option: option, size: size, query: query, children: option.label }, `${option.label}-${index}`)))] }) })), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
33
33
  };
34
34
  export { Autocomplete };
35
35
  //# sourceMappingURL=Autocomplete.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
@@ -6,11 +6,13 @@ export interface ContentItemProps extends React.HTMLAttributes<HTMLDivElement> {
6
6
  mediaAlignment?: 'left' | 'right';
7
7
  fullWidth?: boolean;
8
8
  }
9
+ type ContentItemMediaRatio = '3/2' | '4/3';
9
10
  export interface ContentItemMediaProps extends React.HTMLAttributes<HTMLDivElement> {
10
- image?: ImageProps;
11
+ image?: Omit<ImageProps, 'ratio'>;
11
12
  video?: Omit<VideoProps, 'previewImage'> & {
12
13
  previewImage?: Omit<ImageProps, 'ratio'>;
13
14
  };
15
+ ratio?: ContentItemMediaRatio;
14
16
  }
15
17
  declare const ContentItemMedia: React.FC<ContentItemMediaProps>;
16
18
  export interface ContentItemBodyProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -1 +1 @@
1
- {"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAW,aAAa,EAAgB,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAE/E,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;QACzC,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KAC1C,CAAC;CACH;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyBrD,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CASjD,CAAC;AAEJ,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAejE,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAWvE,CAAC;AAEF,QAAA,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAC5C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAQrC,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAqBlC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqBzC,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,yBAAyB,EACzB,4BAA4B,EAC5B,8BAA8B,GAC/B,CAAC"}
1
+ {"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAW,aAAa,EAAgB,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAE/E,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,KAAK,qBAAqB,GAAG,KAAK,GAAG,KAAK,CAAC;AAE3C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;QACzC,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KAC1C,CAAC;IACF,KAAK,CAAC,EAAE,qBAAqB,CAAC;CAC/B;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsBrD,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CASjD,CAAC;AAEJ,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAejE,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAWvE,CAAC;AAEF,QAAA,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAC5C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAQrC,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAqBlC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqBzC,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,yBAAyB,EACzB,4BAA4B,EAC5B,8BAA8B,GAC/B,CAAC"}
@@ -3,11 +3,11 @@ import { cn } from '../../../utils';
3
3
  import { Image } from '../../images-icons/image';
4
4
  import { Video } from '../../images-icons/video';
5
5
  import { Headline, SlimRichText } from '../..';
6
- const ContentItemMedia = ({ className, image, video, ...props }) => {
6
+ const ContentItemMedia = ({ className, image, video, ratio = '3/2', ...props }) => {
7
7
  if (image && video) {
8
8
  throw new Error('Only one of image or video can be provided, not both.');
9
9
  }
10
- return (_jsxs("div", { className: cn('relative w-full h-full', className), "data-content-item-media": true, ...props, children: [image && !video && _jsx(Image, { ratio: "4/3", ...image }), video && (_jsx(Video, { ...video, previewImage: { ...video.previewImage, ratio: '4/3' }, className: "aspect-3/2" }))] }));
10
+ return (_jsxs("div", { className: cn('relative w-full h-full', className), "data-content-item-media": true, ...props, children: [image && !video && _jsx(Image, { ratio: ratio, ...image }), video && (_jsx(Video, { ...video, previewImage: { ...video.previewImage, ratio } }))] }));
11
11
  };
12
12
  const ContentItemBody = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('min-w-0', className), ...props, children: children }));
13
13
  const ContentItemBodyHeading = ({ headline, text, headlineActAs, slimRichTextProps, ...props }) => (_jsxs("div", { ...props, children: [headline && (_jsx(Headline, { headingLevel: 'h3', actAs: headlineActAs, children: headline })), _jsx(SlimRichText, { text: text, ...slimRichTextProps })] }));
@@ -19,7 +19,7 @@ const ContentItemBodyActionWrapper = ({ className, children, actionLabel, ...pro
19
19
  const actionElement = (_jsx("div", { className: cn('flex gap-6 items-center self-stretch', className), ...props, children: children }));
20
20
  return actionLabel ? (_jsxs("div", { className: "flex flex-col gap-2", children: [actionElement, _jsx("span", { className: "text-label-sm text-text-primary", children: actionLabel })] })) : (actionElement);
21
21
  };
22
- const ContentItem = ({ className, children, mediaAlignment = 'left', fullWidth = false, ...props }) => children && (_jsx("div", { className: cn('grid grid-cols-1 md:grid-cols-[2fr_3fr] gap-6 w-full font-text only:grid-cols-1', mediaAlignment === 'right' &&
22
+ const ContentItem = ({ className, children, mediaAlignment = 'left', fullWidth = false, ...props }) => children && (_jsx("div", { className: cn('grid grid-cols-1 md:grid-cols-[2fr_3fr] gap-6 w-full font-text', mediaAlignment === 'right' &&
23
23
  'md:grid-cols-[3fr_2fr] md:[&_[data-content-item-media]]:order-1', fullWidth && 'md:grid-cols-1', className), "data-name": "ContentItem", ...props, children: children }));
24
24
  export { ContentItem, ContentItemMedia, ContentItemBody, ContentItemBodyHeading, ContentItemBodyTagWrapper, ContentItemBodyActionWrapper, ContentItemBodyLinkListWrapper, };
25
25
  //# sourceMappingURL=ContentItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"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"}
@@ -1,21 +1,14 @@
1
1
  import * as React from 'react';
2
- import { type ButtonProps, type HeadlineProps, type ImageProps, type LinkButtonProps } from '../../../components';
3
- export interface ProductAccessoryCardRequestButtonProps extends Omit<ButtonProps, 'variant' | 'iconLeft' | 'size'> {
4
- }
5
- declare const ProductAccessoryCardRequestButton: React.FC<ProductAccessoryCardRequestButtonProps>;
6
- export interface ProductAccessoryCardInfoButtoLinknProps extends Omit<LinkButtonProps, 'variant' | 'iconLeft' | 'iconRight' | 'size'> {
7
- }
8
- declare const ProductAccessoryCardInfoLinkButton: React.FC<ProductAccessoryCardInfoButtoLinknProps>;
2
+ import { type HeadlineProps, type ImageProps } from '../../../components';
9
3
  export interface ProductAccessoryCardProps {
10
4
  image?: Omit<ImageProps, 'ratio'>;
11
5
  title: string;
12
6
  description: string;
13
- expandLabel?: string;
14
7
  headlineActAs?: HeadlineProps['actAs'];
15
- children?: React.ReactNode;
16
8
  addToRequestButton?: React.ReactNode;
17
- moreInfoButton?: React.ReactNode;
9
+ productLink?: string;
10
+ productLinkLabel?: string;
18
11
  }
19
12
  declare const ProductAccessoryCard: React.FC<ProductAccessoryCardProps>;
20
- export { ProductAccessoryCard, ProductAccessoryCardRequestButton, ProductAccessoryCardInfoLinkButton, };
13
+ export { ProductAccessoryCard };
21
14
  //# sourceMappingURL=ProductAccessoryCard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProductAccessoryCard.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductAccessoryCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,sCACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;CAAG;AAE/D,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,sCAAsC,CAUvC,CAAC;AAEF,MAAM,WAAW,uCACf,SAAQ,IAAI,CACV,eAAe,EACf,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CAC9C;CAAG;AAEN,QAAA,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAChD,uCAAuC,CAKxC,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiE7D,CAAC;AAEF,OAAO,EACL,oBAAoB,EACpB,iCAAiC,EACjC,kCAAkC,GACnC,CAAC"}
1
+ {"version":3,"file":"ProductAccessoryCard.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductAccessoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,UAAU,EAGhB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA2C7D,CAAC;AAEF,OAAO,EAAC,oBAAoB,EAAC,CAAC"}
@@ -1,20 +1,7 @@
1
- 'use client';
2
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
- import * as React from 'react';
4
- import { Headline, SlimRichText, Image, Modal, ModalBody, Button, IconCorePlus, LinkButton, } from '../../../components';
5
- import { cn } from '../../../utils';
6
- import { CardElipsis } from '../productBenefits/CardElipsis';
7
- const ProductAccessoryCardRequestButton = ({ ...props }) => {
8
- return (_jsx(Button, { size: 'sm', variant: 'secondary', iconLeft: _jsx(IconCorePlus, {}), ...props }));
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Headline, SlimRichText, Image, Link, BodyText, } from '../../../components';
3
+ const ProductAccessoryCard = ({ image, title, description, headlineActAs, addToRequestButton, productLink, productLinkLabel, }) => {
4
+ return (_jsxs("div", { className: "flex flex-col h-full", children: [image && (_jsx(Image, { className: "border-border-separator border", ratio: '4/3', ...image })), _jsx(Headline, { className: "mt-3", headingLevel: "h5", spacingBottom: false, actAs: headlineActAs, children: title }), _jsx(SlimRichText, { text: description, bottomSpacing: false, showEllipsisAlways: true, className: "h-full mt-2" }), addToRequestButton && _jsx("div", { className: "mt-4", children: addToRequestButton }), productLink && productLinkLabel && (_jsx(Link, { display: "inline", className: "mt-4", href: productLink, children: _jsx(BodyText, { textColor: "inherit", variant: "small", weight: "normal", children: productLinkLabel }) }))] }));
9
5
  };
10
- const ProductAccessoryCardInfoLinkButton = ({ ...props }) => {
11
- return (_jsx(LinkButton, { size: 'sm', variant: 'ghost', ...props, iconLeft: undefined }));
12
- };
13
- const ProductAccessoryCard = ({ image, title, description, expandLabel = '\u2026', headlineActAs, addToRequestButton, moreInfoButton, }) => {
14
- const [isOpen, setOpen] = React.useState(false);
15
- const modalBody = (_jsxs("div", { className: "flex flex-col gap-4", children: [image && (_jsx(Image, { className: cn('basis-1/2', image.className), ratio: '4/3', ...image })), _jsx(SlimRichText, { text: description, bottomSpacing: false })] }));
16
- const modalFooter = (_jsxs("div", { className: "flex flex-col items-center gap-3 pt-6", children: [addToRequestButton, moreInfoButton] }));
17
- return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-2 h-full", children: [image && _jsx(Image, { ratio: '4/3', ...image }), _jsx(Headline, { headingLevel: "h5", spacingBottom: false, actAs: headlineActAs, children: title }), _jsx(SlimRichText, { text: description, maxLength: 150, bottomSpacing: false, ellipsis: _jsx(CardElipsis, { expandLabel: expandLabel, setOpen: setOpen }), showEllipsisAlways: true, className: "h-full" }), addToRequestButton && (_jsx("div", { className: "self-start pt-2", children: addToRequestButton }))] }), _jsxs(Modal, { open: isOpen, onOpenChange: setOpen, canClose: true, headline: title, children: [_jsx(ModalBody, { children: modalBody }), modalFooter] }), _jsxs("div", { className: "hidden", children: [modalBody, modalFooter] })] }));
18
- };
19
- export { ProductAccessoryCard, ProductAccessoryCardRequestButton, ProductAccessoryCardInfoLinkButton, };
6
+ export { ProductAccessoryCard };
20
7
  //# sourceMappingURL=ProductAccessoryCard.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProductAccessoryCard.js","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductAccessoryCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,GAKX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,WAAW,EAAC,MAAM,gCAAgC,CAAC;AAK3D,MAAM,iCAAiC,GAEnC,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE;IACjB,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,KAAC,YAAY,KAAG,KACtB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,kCAAkC,GAEpC,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE;IACjB,OAAO,CACL,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAI,CAC7E,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,oBAAoB,GAAwC,CAAC,EACjE,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,GAAG,QAAQ,EACtB,aAAa,EACb,kBAAkB,EAClB,cAAc,GACf,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAG,CAChB,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,IAAI,CACR,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EAC3C,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,EACD,KAAC,YAAY,IAAC,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,GAAI,IACrD,CACP,CAAC;IAEF,MAAM,WAAW,GAAG,CAClB,eAAK,SAAS,EAAC,uCAAuC,aACnD,kBAAkB,EAClB,cAAc,IACX,CACP,CAAC;IAEF,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,4BAA4B,aACxC,KAAK,IAAI,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,EAE5C,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,YACnE,KAAK,GACG,EACX,KAAC,YAAY,IACX,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,GAAG,EACd,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,EACrE,kBAAkB,QAClB,SAAS,EAAC,QAAQ,GAClB,EACD,kBAAkB,IAAI,CACrB,cAAK,SAAS,EAAC,iBAAiB,YAAE,kBAAkB,GAAO,CAC5D,IACG,EACN,MAAC,KAAK,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,QAAC,QAAQ,EAAE,KAAK,aAClE,KAAC,SAAS,cAAE,SAAS,GAAa,EACjC,WAAW,IACN,EAKR,eAAK,SAAS,EAAC,QAAQ,aACpB,SAAS,EACT,WAAW,IACR,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,oBAAoB,EACpB,iCAAiC,EACjC,kCAAkC,GACnC,CAAC"}
1
+ {"version":3,"file":"ProductAccessoryCard.js","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductAccessoryCard.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,EAGL,IAAI,EACJ,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAY7B,MAAM,oBAAoB,GAAwC,CAAC,EACjE,KAAK,EACL,KAAK,EACL,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,WAAW,EACX,gBAAgB,GACjB,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aAClC,KAAK,IAAI,CACR,KAAC,KAAK,IACJ,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,EAED,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,YAAY,EAAC,IAAI,EACjB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAE,aAAa,YAEnB,KAAK,GACG,EACX,KAAC,YAAY,IACX,IAAI,EAAE,WAAW,EACjB,aAAa,EAAE,KAAK,EACpB,kBAAkB,QAClB,SAAS,EAAC,aAAa,GACvB,EACD,kBAAkB,IAAI,cAAK,SAAS,EAAC,MAAM,YAAE,kBAAkB,GAAO,EACtE,WAAW,IAAI,gBAAgB,IAAI,CAClC,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,WAAW,YACvD,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,YAC1D,gBAAgB,GACR,GACN,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,oBAAoB,EAAC,CAAC"}
@@ -12,7 +12,7 @@ const breakpoints = getThemeBreakpoints();
12
12
  const scrollabelContainerClasses = `
13
13
  flex -ml-6 lg:-ml-0
14
14
  touch-pan-y touch-pinch-zoom
15
- lg:grid lg:grid-cols-2 lg:gap-x-6 lg:gap-y-11 xl:grid-cols-3
15
+ lg:grid lg:grid-cols-2 lg:gap-x-6 lg:gap-y-11 xl:grid-cols-3 2xl:grid-cols-4
16
16
  `;
17
17
  const ProductSystemBox = ({ children, headline, text, headlineActAs, paddingBottom = 'none', }) => {
18
18
  const [carouselRef, emblaApi] = useEmblaCarousel({
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@odx/websites-react",
3
3
  "author": "Drägerwerk AG & Co. KGaA",
4
- "version": "1.1.86",
4
+ "version": "1.1.88",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "description": "ODX React component library for websites",
7
7
  "type": "module",
@@ -529,8 +529,8 @@
529
529
  "typescript": "^5.4.5",
530
530
  "vitest": "^3.1.0-beta.1",
531
531
  "@odx/eslint-config-websites": "0.0.1",
532
- "@odx/websites-tsconfig": "0.0.0",
533
- "@odx/websites-ui": "0.2.34"
532
+ "@odx/websites-ui": "0.2.34",
533
+ "@odx/websites-tsconfig": "0.0.0"
534
534
  },
535
535
  "peerDependencies": {
536
536
  "@odx/websites-ui": ">=0.2.1",