@odx/websites-react 1.0.40 → 1.0.41
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/dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.js +1 -1
- package/dist/components/actions/dropdown/Dropdown.js.map +1 -1
- package/dist/components/images-icons/image/Image.d.ts +5 -1
- package/dist/components/images-icons/image/Image.d.ts.map +1 -1
- package/dist/components/images-icons/image/Image.js +7 -5
- package/dist/components/images-icons/image/Image.js.map +1 -1
- package/dist/components/images-icons/video/Video.d.ts +2 -1
- package/dist/components/images-icons/video/Video.d.ts.map +1 -1
- package/dist/components/images-icons/video/Video.js +3 -2
- package/dist/components/images-icons/video/Video.js.map +1 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.d.ts +2 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.d.ts.map +1 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.js +4 -3
- package/dist/components/layout/calloutMedia/CalloutMedia.js.map +1 -1
- package/dist/components/layout/card/Card.d.ts +2 -1
- package/dist/components/layout/card/Card.d.ts.map +1 -1
- package/dist/components/layout/card/Card.js +5 -4
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/contentItem/ContentItem.d.ts +6 -0
- package/dist/components/layout/contentItem/ContentItem.d.ts.map +1 -1
- package/dist/components/layout/contentItem/ContentItem.js +9 -2
- package/dist/components/layout/contentItem/ContentItem.js.map +1 -1
- package/dist/components/layout/downloadItem/DownloadItem.d.ts +2 -1
- package/dist/components/layout/downloadItem/DownloadItem.d.ts.map +1 -1
- package/dist/components/layout/downloadItem/DownloadItem.js +2 -1
- package/dist/components/layout/downloadItem/DownloadItem.js.map +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.d.ts +6 -1
- package/dist/components/layout/mediaGallery/MediaGallery.d.ts.map +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.js +8 -1
- package/dist/components/layout/mediaGallery/MediaGallery.js.map +1 -1
- package/dist/components/layout/modal/Modal.d.ts.map +1 -1
- package/dist/components/layout/modal/Modal.js +2 -1
- package/dist/components/layout/modal/Modal.js.map +1 -1
- package/dist/components/layout/structuredList/StructuredListItem.d.ts +2 -1
- package/dist/components/layout/structuredList/StructuredListItem.d.ts.map +1 -1
- package/dist/components/layout/structuredList/StructuredListItem.js +2 -1
- package/dist/components/layout/structuredList/StructuredListItem.js.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.d.ts +3 -0
- package/dist/web/sections/calloutContact/CalloutContact.d.ts.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.js +4 -0
- package/dist/web/sections/calloutContact/CalloutContact.js.map +1 -1
- package/dist/web/sections/stageSection/StageSection.d.ts +2 -2
- package/dist/web/sections/stageSection/StageSection.d.ts.map +1 -1
- package/dist/web/sections/stageSection/StageSection.js +2 -2
- package/dist/web/sections/stageSection/StageSection.js.map +1 -1
- package/package.json +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,wBAAwB,EAAE,SAAS;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAkBjE,QAAA,MAAM,cAAc;;;;;mFAuBlB,CAAC;AAEH,QAAA,MAAM,eAAe;;mFAWnB,CAAC;AAyCH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,wBAAwB,EAAE,SAAS;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAkBjE,QAAA,MAAM,cAAc;;;;;mFAuBlB,CAAC;AAEH,QAAA,MAAM,eAAe;;mFAWnB,CAAC;AAyCH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2GrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -59,7 +59,7 @@ const DropdownOption = ({ option, size }) => {
|
|
|
59
59
|
};
|
|
60
60
|
const Dropdown = ({ options, selected, onChange, label, disabled, helperText, invalidText, invalid = false, wrapperClassName, placeholder, size, hidden, required, }) => {
|
|
61
61
|
const { id, labelId, helperTextId } = useFieldId();
|
|
62
|
-
return (_jsxs("div", { className: cn('font-text', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(Listbox, { disabled: disabled, value: selected, by: "value", onChange: onChange, children: _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(FormFieldWrapper, { size: size, invalid: invalid, className: "text-draeger-dark-gray", children: _jsxs(ListboxButton, { id: id, tabIndex: 0, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn('group relative text-left pr-14', invalid && 'pr-[5.5rem]'), children: [selected ? selected.label : placeholder, _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "w-5 text-draeger-error", iconName: "feedback-warning", iconSet: "core" })), _jsx(FormFieldIcon, { className: cn('text-draeger-cool-gray-750 group-data-[open]:rotate-180 transition-all duration-100'), iconName: "chevron-down", iconSet: "core", color: disabled ? 'disabled' : undefined })] })] }) }), 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: _jsx(ListboxOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--button-width)] origin-top transition'), children: options.map((option, idx) => (_jsx(DropdownOption, { size: size, option: option }, idx))) }) }))] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
62
|
+
return (_jsxs("div", { className: cn('font-text', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(Listbox, { disabled: disabled, value: selected, by: "value", onChange: onChange, children: _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(FormFieldWrapper, { size: size, invalid: invalid, className: "text-draeger-dark-gray", children: _jsxs(ListboxButton, { id: id, tabIndex: 0, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn('group relative text-left pr-14', invalid && 'pr-[5.5rem]'), children: [selected ? selected.label : placeholder, _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "w-5 text-draeger-error", iconName: "feedback-warning", iconSet: "core" })), _jsx(FormFieldIcon, { className: cn('text-draeger-cool-gray-750 group-data-[open]:rotate-180 transition-all duration-100'), iconName: "chevron-down", iconSet: "core", color: disabled ? 'disabled' : undefined })] })] }) }), 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: _jsx(ListboxOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--button-width)] origin-top transition'), children: options.map((option, idx) => (_jsx(DropdownOption, { size: size, option: option }, `${option.value}-${idx}`))) }) }))] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
63
63
|
};
|
|
64
64
|
export { Dropdown, optionVariants, optionsVariants };
|
|
65
65
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,gBAAgB,GAGjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAsBnD,MAAM,sBAAsB,GAAG,EAAE,CAAC;;;;CAIjC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,EAAE,CAAC;;;CAGxB,CAAC,CAAC;AAEH,uBAAuB;AACvB,MAAM,cAAc,GAAG,GAAG,CAAC,aAAa,EAAE;IACxC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;SAC1B;QACD,KAAK,EAAE;YACL,IAAI,EAAE,0BAA0B;SACjC;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,cAAc;SACrB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,+CAA+C;SACtD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,CAAC,sBAAsB,EAAE;IAClD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,oDAAoD;YACxD,EAAE,EAAE,oDAAoD;YACxD,EAAE,EAAE,oDAAoD;SACzD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,cAAc,GAAkC,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,EAAE,EAAE;IACvE,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,MAAM,CAAC;IACjC,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACpC,SAAS,EAAE,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,EAAE,CAC/B,EAAE,CACA,cAAc,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAC,CAAC,EACxD,iBAAiB,CAClB,YAGF,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CACf,8BACE,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,UAAU,YAEnB,KAAK,GACG,EACV,QAAQ,IAAI,CACX,KAAC,IAAI,IACH,SAAS,EAAC,UAAU,EACpB,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,UAAU,GACjB,CACH,IACA,CACJ,GACa,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,EACzC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,GAAG,KAAK,EACf,gBAAgB,EAChB,WAAW,EACX,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,MAAM,IAAI,QAAQ,EAAE,gBAAgB,CAAC,aAClE,KAAK,IAAI,CACR,KAAC,cAAc,IACb,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,KAAC,OAAO,IACN,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,OAAO,EACV,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,wBAAwB,YAElC,MAAC,aAAa,IACZ,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,qBACM,KAAK,IAAI,OAAO,sBACf,UAAU,IAAI,YAAY,EAC5C,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,OAAO,IAAI,aAAa,CACzB,aAEA,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACxC,MAAC,uBAAuB,eACrB,OAAO,IAAI,CACV,KAAC,aAAa,IACZ,SAAS,EAAC,wBAAwB,EAClC,QAAQ,EAAC,kBAAkB,EAC3B,OAAO,EAAC,MAAM,GACd,CACH,EACD,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CACX,qFAAqF,CACtF,EACD,QAAQ,EAAC,cAAc,EACvB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,GACxC,IACsB,IACZ,GACC,EAClB,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,KAAC,UAAU,IACT,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB,YAE5B,KAAC,cAAc,IACb,MAAM,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAC,EACtB,SAAS,EAAE,EAAE,CACX,eAAe,CAAC,EAAC,IAAI,EAAC,CAAC,EACvB,+CAA+C,CAChD,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,IACT,GAAG,MAAM,CAAC,KAAK,IAAI,GAAG,EAAE,CAC7B,CACH,CAAC,GACa,GACN,CACd,IACG,GACE,EACV,KAAC,mBAAmB,IAClB,EAAE,EAAE,YAAY,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
export type ImageSource = React.SourceHTMLAttributes<HTMLSourceElement>;
|
|
3
4
|
export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof imageVariants> {
|
|
4
|
-
|
|
5
|
+
/**
|
|
6
|
+
* The sources for the image. If provided, a picture element is rendered.
|
|
7
|
+
*/
|
|
8
|
+
sources?: ImageSource[];
|
|
5
9
|
}
|
|
6
10
|
declare const imageVariants: (props?: ({
|
|
7
11
|
ratio?: "16/9" | "16/6" | "9/11" | "4/3" | "3/2" | "1/1" | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACxE,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,QAAA,MAAM,aAAa;;mFAYjB,CAAC;AAEH,QAAA,MAAM,KAAK,qFAsBV,CAAC;AAGF,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
5
4
|
import { cn } from '../../../utils';
|
|
6
5
|
const imageVariants = cva('object-cover', {
|
|
7
6
|
variants: {
|
|
@@ -16,11 +15,14 @@ const imageVariants = cva('object-cover', {
|
|
|
16
15
|
},
|
|
17
16
|
defaultVariants: {},
|
|
18
17
|
});
|
|
19
|
-
const Image = React.forwardRef(({
|
|
18
|
+
const Image = React.forwardRef(({ ratio, className, sources, ...props }, ref) => {
|
|
20
19
|
if (!props.src)
|
|
21
20
|
return;
|
|
22
|
-
const
|
|
23
|
-
|
|
21
|
+
const imgClasses = cn(imageVariants({ ratio, className }), 'object-cover w-full');
|
|
22
|
+
if (sources) {
|
|
23
|
+
return (_jsxs("picture", { ref: ref, children: [sources?.map((source, key) => (_jsx("source", { ...source }, `source-${key}`))), _jsx("img", { className: imgClasses, ...props })] }));
|
|
24
|
+
}
|
|
25
|
+
return _jsx("img", { className: imgClasses, ref: ref, ...props });
|
|
24
26
|
});
|
|
25
27
|
Image.displayName = 'Image';
|
|
26
28
|
export { Image };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAYlC,MAAM,aAAa,GAAG,GAAG,CAAC,cAAc,EAAE;IACxC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,2BAA2B;YACnC,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;SACpB;KACF;IACD,eAAe,EAAE,EAAE;CACpB,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC7C,IAAI,CAAC,KAAK,CAAC,GAAG;QAAE,OAAO;IAEvB,MAAM,UAAU,GAAG,EAAE,CACnB,aAAa,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,EACjC,qBAAqB,CACtB,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,mBAAS,GAAG,EAAE,GAAG,aACd,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,oBAAkC,MAAM,IAA3B,UAAU,GAAG,EAAE,CAAgB,CAC7C,CAAC,EACF,cAAK,SAAS,EAAE,UAAU,KAAM,KAAK,GAAI,IACjC,CACX,CAAC;IACJ,CAAC;IAED,OAAO,cAAK,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AAC7D,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ModalProps } from '../../layout/modal';
|
|
3
|
+
import { type ImageProps } from '../../images-icons/image';
|
|
3
4
|
export interface VideoProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
|
|
5
|
+
previewImage?: ImageProps;
|
|
5
6
|
videoElement: React.ReactNode;
|
|
6
7
|
buttonText: string;
|
|
7
8
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmB,UAAU,EAAC,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmB,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8C/B,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -4,11 +4,12 @@ import { Button } from '../../actions/button';
|
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
5
|
import { Modal, ModalBody } from '../../layout/modal';
|
|
6
6
|
import { useBreakpoint } from '../../../hooks';
|
|
7
|
-
|
|
7
|
+
import { Image } from '../../images-icons/image';
|
|
8
|
+
const Video = ({ previewImage, videoElement, buttonText, className, setOpen, open, modalProps, ...props }) => {
|
|
8
9
|
const isMobile = useBreakpoint('lg');
|
|
9
10
|
const sizedVideoElement = (_jsx("div", { className: "[&>iframe]:aspect-16/9 [&>iframe]:h-full [&>iframe]:w-full", children: videoElement }));
|
|
10
11
|
const isOpenedMobile = open && isMobile;
|
|
11
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('relative font-text', className), ...props, children: [isOpenedMobile && sizedVideoElement, !isOpenedMobile &&
|
|
12
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('relative font-text', className), ...props, children: [isOpenedMobile && sizedVideoElement, !isOpenedMobile && previewImage && _jsx(Image, { ...previewImage }), !open && (_jsx(Button, { className: "absolute -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2", onClick: () => setOpen(true), children: buttonText }))] }), !isMobile && (_jsx(Modal, { open: open, canClose: true, onOpenChange: (open) => setOpen(open), ...modalProps, children: _jsx(ModalBody, { children: sizedVideoElement }) }))] }));
|
|
12
13
|
};
|
|
13
14
|
export { Video };
|
|
14
15
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAYhE,MAAM,KAAK,GAAyB,CAAC,EACnC,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,iBAAiB,GAAG,CACxB,cAAK,SAAS,EAAC,4DAA4D,YACxE,YAAY,GACT,CACP,CAAC;IAEF,MAAM,cAAc,GAAG,IAAI,IAAI,QAAQ,CAAC;IAExC,OAAO,CACL,8BACE,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,KAAK,aAC3D,cAAc,IAAI,iBAAiB,EACnC,CAAC,cAAc,IAAI,YAAY,IAAI,KAAC,KAAK,OAAK,YAAY,GAAI,EAC9D,CAAC,IAAI,IAAI,CACR,KAAC,MAAM,IACL,SAAS,EAAC,6DAA6D,EACvE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE3B,UAAU,GACJ,CACV,IACG,EACL,CAAC,QAAQ,IAAI,CACZ,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,QAAQ,QACR,YAAY,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAC1C,UAAU,YAEd,KAAC,SAAS,cAAE,iBAAiB,GAAa,GACpC,CACT,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type SectionWrapperProps, HeadlineProps } from '../..';
|
|
3
3
|
import { LinkComponent } from '../../../utils';
|
|
4
|
+
import { type ImageProps } from '../../images-icons/image';
|
|
4
5
|
export interface CalloutMediaProps extends LinkComponent, React.HTMLAttributes<HTMLDivElement> {
|
|
5
6
|
headline?: string;
|
|
6
7
|
text?: string;
|
|
7
8
|
button?: React.ReactNode;
|
|
8
|
-
image?:
|
|
9
|
+
image?: Omit<ImageProps, 'ratio'>;
|
|
9
10
|
sectionProps?: SectionWrapperProps;
|
|
10
11
|
mediaAlignment?: 'left' | 'right';
|
|
11
12
|
headlineActAs?: HeadlineProps['actAs'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,mBAAmB,EAExB,aAAa,EAEd,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"CalloutMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,mBAAmB,EAExB,aAAa,EAEd,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6D7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { SectionWrapper, Headline, SlimRichText, Container, } from '../..';
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
|
+
import { Image } from '../../images-icons/image';
|
|
4
5
|
const CalloutMedia = ({ headline, text, button, image, sectionProps, mediaAlignment = 'left', headlineActAs, }) => {
|
|
5
6
|
const hasTextContent = Boolean(headline || text);
|
|
6
7
|
const hasImage = Boolean(image);
|
|
7
8
|
const hasContent = Boolean(hasTextContent || hasImage);
|
|
8
9
|
if (!hasContent)
|
|
9
10
|
return;
|
|
10
|
-
const textElement = hasTextContent && (_jsxs("div", { className: cn('flex flex-col gap-16 px-12 pb-12 mx-auto pt-9
|
|
11
|
-
const imageElement = hasImage && (_jsx("div", { className: "
|
|
12
|
-
return (_jsx(SectionWrapper, { className: cn('py-0', sectionProps?.className), ...sectionProps, children: _jsx(Container, { paddingTop: 'none', fullWidth: true, children: _jsxs("div", { className: cn('
|
|
11
|
+
const textElement = hasTextContent && (_jsxs("div", { className: cn('flex flex-col gap-16 px-12 pb-12 mx-auto pt-9 bg-surface-secondary w-full', mediaAlignment === 'right' && 'xl:order-1'), children: [_jsxs("div", { children: [_jsx(Headline, { underlined: true, headingLevel: "h2", actAs: headlineActAs, className: "pb-6", children: headline }), _jsx(SlimRichText, { text: text })] }), button && _jsx("div", { className: "self-start xl:mt-auto", children: button })] }));
|
|
12
|
+
const imageElement = hasImage && (_jsx("div", { className: "xl:col-span-2", children: _jsx(Image, { ...image, ratio: "16/6", className: "h-full" }) }));
|
|
13
|
+
return (_jsx(SectionWrapper, { className: cn('py-0', sectionProps?.className), ...sectionProps, children: _jsx(Container, { paddingTop: 'none', fullWidth: true, children: _jsxs("div", { className: cn('grid grid-rows-[auto_1fr] xl:grid-row w-fulls-1', hasImage && 'xl:grid-cols-3'), children: [textElement, imageElement] }) }) }));
|
|
13
14
|
};
|
|
14
15
|
export { CalloutMedia };
|
|
15
16
|
//# sourceMappingURL=CalloutMedia.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,QAAQ,EAER,YAAY,EAEZ,SAAS,GACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,QAAQ,EAER,YAAY,EAEZ,SAAS,GACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAahE,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,EACZ,cAAc,GAAG,MAAM,EACvB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,cAAc,IAAI,QAAQ,CAAC,CAAC;IAEvD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,MAAM,WAAW,GAAG,cAAc,IAAI,CACpC,eACE,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,cAAc,KAAK,OAAO,IAAI,YAAY,CAC3C,aAED,0BACE,KAAC,QAAQ,IACP,UAAU,QACV,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,MAAM,YAEf,QAAQ,GACA,EACX,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACxB,EACL,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,QAAQ,IAAI,CAC/B,cAAK,SAAS,EAAC,eAAe,YAC5B,KAAC,KAAK,OAAK,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,GAChD,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,KAC1C,YAAY,YAEhB,KAAC,SAAS,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,kBACtC,eACE,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,QAAQ,IAAI,gBAAgB,CAC7B,aAEA,WAAW,EACX,YAAY,IACT,GACI,GACG,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { HeadlineProps } from '../../typography/headline';
|
|
4
4
|
import { SlimRichTextProps } from '../slimRichText';
|
|
5
|
+
import { type ImageProps } from '../../images-icons/image';
|
|
5
6
|
export interface CardSubInfoProps extends SlimRichTextProps {
|
|
6
7
|
}
|
|
7
8
|
declare const CardSubInfo: React.FC<CardSubInfoProps>;
|
|
@@ -32,7 +33,7 @@ export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
32
33
|
}
|
|
33
34
|
declare const CardBody: React.FC<CardBodyProps>;
|
|
34
35
|
export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
|
|
35
|
-
|
|
36
|
+
image?: Omit<ImageProps, 'ratio'>;
|
|
36
37
|
children?: React.ReactNode | React.ReactNode[];
|
|
37
38
|
}
|
|
38
39
|
declare const Card: React.FC<CardProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAOzC,CAAC;AAEJ,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAI7C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE7C,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAE3C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYvC,CAAC;AAEJ,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAevD,CAAC;AAKJ,QAAA,MAAM,YAAY;;;mFAgBhB,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAWrC,CAAC;AAEF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4B7B,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,UAAU,GACX,CAAC"}
|
|
@@ -3,12 +3,13 @@ import { cva } from 'class-variance-authority';
|
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
4
|
import { Headline } from '../../typography/headline';
|
|
5
5
|
import { SlimRichText } from '../slimRichText';
|
|
6
|
+
import { Image } from '../../images-icons/image';
|
|
6
7
|
const CardSubInfo = ({ text, className, ...props }) => text && (_jsx(SlimRichText, { text: text, className: cn('text-draeger-cool-gray-750', className), ...props }));
|
|
7
8
|
const CardHeadline = ({ children, ...props }) => (_jsx(Headline, { textColor: "inherit", headingLevel: "h3", ...props, children: children }));
|
|
8
9
|
const CardBodyText = ({ text, ...props }) => (_jsx(SlimRichText, { text: text, textColor: "inherit", ...props }));
|
|
9
10
|
const CardContent = ({ children, ...props }) => (_jsx("div", { ...props, children: children }));
|
|
10
11
|
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 min-h-14 items-center px-6 pb-8', className), ...props, children: children }));
|
|
12
|
+
const CardActionsWrapper = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col gap-7 min-h-14 items-center px-6 pb-8 mt-auto', className), ...props, children: children }));
|
|
12
13
|
const cardBaseClasses = 'font-text group flex flex-col';
|
|
13
14
|
// TODO: Delete variants when sections using paleBlue and darkBlue cards will be updated
|
|
14
15
|
const cardVariants = cva(cardBaseClasses, {
|
|
@@ -31,11 +32,11 @@ const cardVariants = cva(cardBaseClasses, {
|
|
|
31
32
|
const CardBody = ({ children, className, ...props }) => {
|
|
32
33
|
return (children && (_jsx("div", { className: cn('px-6 pt-9 pb-7 flex flex-col gap-5', className), ...props, children: children })));
|
|
33
34
|
};
|
|
34
|
-
const Card = ({
|
|
35
|
-
const hasContent = Boolean(
|
|
35
|
+
const Card = ({ image, children, variant, padding, className, ...props }) => {
|
|
36
|
+
const hasContent = Boolean(image || children);
|
|
36
37
|
if (!hasContent)
|
|
37
38
|
return;
|
|
38
|
-
return (_jsxs("div", { className: cn(cardVariants({ variant, padding }), className), ...props, children: [
|
|
39
|
+
return (_jsxs("div", { className: cn(cardVariants({ variant, padding }), 'flex flex-col', className), ...props, children: [_jsx("div", { className: "relative aspect-3/2", children: image && _jsx(Image, { ...image, ratio: "3/2" }) }), children && (_jsx("div", { className: "flex flex-col justify-between h-full", children: children }))] }));
|
|
39
40
|
};
|
|
40
41
|
export { Card, CardBody, CardContent, CardSubInfo, CardHeadline, CardBodyText, CardActionsWrapper, CardAction, };
|
|
41
42
|
//# sourceMappingURL=Card.js.map
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { type ImageProps } from '../../images-icons/image';
|
|
3
|
+
import { type VideoProps } from '../../images-icons/video';
|
|
2
4
|
import { HeadlineProps } from '../..';
|
|
3
5
|
export interface ContentItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
6
|
}
|
|
5
7
|
export interface ContentItemMediaProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
image?: ImageProps;
|
|
6
9
|
mediaAlignment?: 'left' | 'right';
|
|
10
|
+
video?: Omit<VideoProps, 'previewImage'> & {
|
|
11
|
+
previewImage?: Omit<ImageProps, 'ratio'>;
|
|
12
|
+
};
|
|
7
13
|
}
|
|
8
14
|
declare const ContentItemMedia: React.FC<ContentItemMediaProps>;
|
|
9
15
|
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;AAG/B,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,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;AAG/B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,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;CACH;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6BrD,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,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAMjE,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAShC,CAAC;AAEJ,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgBzC,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from '../../../utils';
|
|
3
3
|
import { ContentHeadings } from '../../../web';
|
|
4
|
-
|
|
4
|
+
import { Image } from '../../images-icons/image';
|
|
5
|
+
import { Video } from '../../images-icons/video';
|
|
6
|
+
const ContentItemMedia = ({ className, image, mediaAlignment = 'left', video, ...props }) => {
|
|
7
|
+
if (image && video) {
|
|
8
|
+
throw new Error('Only one of image or video can be provided, not both.');
|
|
9
|
+
}
|
|
10
|
+
return (_jsxs("div", { className: cn('shrink-0 basis-[42%] [&_img]:w-full relative w-full h-full aspect-3/2', mediaAlignment === 'right' && 'lg:order-1', className), ...props, children: [image && !video && _jsx(Image, { ratio: "3/2", ...image }), video && (_jsx(Video, { ...video, previewImage: { ...video.previewImage, ratio: '3/2' }, className: "aspect-3/2" }))] }));
|
|
11
|
+
};
|
|
5
12
|
const ContentItemBody = ({ className, children, ...props }) => children && (_jsx("div", { className: cn(className), ...props, children: children }));
|
|
6
13
|
const ContentItemBodyHeading = ({ headline, text, ...props }) => (_jsx(ContentHeadings, { type: "item", headline: headline, text: text, ...props }));
|
|
7
14
|
const ContentItemBodyActionWrapper = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col items-start self-stretch gap-2', className), ...props, children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAehE,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,EACT,KAAK,EACL,cAAc,GAAG,MAAM,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,cAAc,KAAK,OAAO,IAAI,YAAY,EAC1C,SAAS,CACV,KACG,KAAK,aAER,KAAK,IAAI,CAAC,KAAK,IAAI,KAAC,KAAK,IAAC,KAAK,EAAC,KAAK,KAAK,KAAK,GAAI,EACnD,KAAK,IAAI,CACR,KAAC,KAAK,OACA,KAAK,EACT,YAAY,EAAE,EAAC,GAAG,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,EAAC,EACnD,SAAS,EAAC,YAAY,GACtB,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,eAAe,GAAmC,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACrC,QAAQ,GACL,CACP,CAAC;AASJ,MAAM,sBAAsB,GAA0C,CAAC,EACrE,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAC3E,CAAC;AAKF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CACtC,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEJ,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,eACS,aAAa,KACnB,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { HeadlineProps } from '../../typography/headline';
|
|
3
|
+
import { type ImageProps } from '../../images-icons/image';
|
|
3
4
|
export interface DownloadItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
5
|
headline?: string;
|
|
5
6
|
copy?: string;
|
|
6
7
|
fileSize?: string;
|
|
7
|
-
image?:
|
|
8
|
+
image?: Omit<ImageProps, 'ratio'>;
|
|
8
9
|
downloadButton?: React.ReactNode;
|
|
9
10
|
className?: string;
|
|
10
11
|
headlineActAs?: HeadlineProps['actAs'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"DownloadItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAIlE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8B7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { Headline } from '../../typography/headline';
|
|
|
3
3
|
import { BodyText } from '../../typography/bodyText';
|
|
4
4
|
import { SlimRichText } from '../..';
|
|
5
5
|
import { cn } from '../../../utils';
|
|
6
|
-
|
|
6
|
+
import { Image } from '../../images-icons/image';
|
|
7
|
+
const DownloadItem = ({ headline, copy, fileSize, image, downloadButton, className, headlineActAs, ...props }) => (_jsxs("div", { ...props, className: cn(className, 'flex flex-col gap-6'), children: [_jsx(Headline, { headingLevel: "h5", actAs: headlineActAs, children: headline }), _jsxs("div", { className: "flex", children: [image?.src && (_jsx("div", { className: "shrink min-w-[11.75rem] h-auto mb-auto me-4 aspect-9/11 relative", children: _jsx(Image, { ...image, ratio: "9/11" }) })), _jsxs("div", { children: [_jsx(SlimRichText, { variant: "small", text: copy }), downloadButton && _jsx("div", { className: "mt-8 mb-2", children: downloadButton }), _jsx(BodyText, { variant: "small", textColor: "accent", children: fileSize })] })] })] }));
|
|
7
8
|
export { DownloadItem };
|
|
8
9
|
//# sourceMappingURL=DownloadItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadItem.js","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"DownloadItem.js","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAYhE,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,cAAc,EACd,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,kBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,qBAAqB,CAAC,aAC7D,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAE,aAAa,YAC7C,QAAQ,GACA,EACX,eAAK,SAAS,EAAC,MAAM,aAClB,KAAK,EAAE,GAAG,IAAI,CACb,cAAK,SAAS,EAAC,kEAAkE,YAC/E,KAAC,KAAK,OAAK,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG,GAC7B,CACP,EAED,0BACE,KAAC,YAAY,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,EAC3C,cAAc,IAAI,cAAK,SAAS,EAAC,WAAW,YAAE,cAAc,GAAO,EACpE,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,YACzC,QAAQ,GACA,IACP,IACF,IACF,CACP,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { HeadlineProps } from '../../typography/headline/Headline';
|
|
3
|
+
import { type ImageProps } from '../../images-icons/image';
|
|
4
|
+
import { type VideoProps } from '../../images-icons/video';
|
|
3
5
|
export interface MediaGalleryProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
6
|
children: React.ReactNode[];
|
|
5
7
|
}
|
|
6
8
|
export interface MediaGalleryItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
|
|
9
|
+
image?: Omit<ImageProps, 'ratio'>;
|
|
8
10
|
headline: string;
|
|
9
11
|
copy: string;
|
|
10
12
|
headlineActAs?: HeadlineProps['actAs'];
|
|
13
|
+
video?: Omit<VideoProps, 'previewImage'> & {
|
|
14
|
+
previewImage?: Omit<ImageProps, 'ratio'>;
|
|
15
|
+
};
|
|
11
16
|
}
|
|
12
17
|
declare const MediaGalleryItem: React.FC<MediaGalleryItemProps>;
|
|
13
18
|
declare const MediaGallery: React.FC<MediaGalleryProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAM3E,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,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,CA6BrD,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkF7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,CAAC"}
|
|
@@ -7,7 +7,14 @@ import { cn } from '../../../utils';
|
|
|
7
7
|
import { Button, ButtonGroup } from '../../actions/button';
|
|
8
8
|
import { Controls, ControlsItem } from '../../navigation/controls';
|
|
9
9
|
import { Icon } from '../../images-icons/icon';
|
|
10
|
-
|
|
10
|
+
import { Image } from '../../images-icons/image';
|
|
11
|
+
import { Video } from '../../images-icons/video';
|
|
12
|
+
const MediaGalleryItem = ({ image, video, headline, copy, className, headlineActAs, ...props }) => {
|
|
13
|
+
if (image && video) {
|
|
14
|
+
throw new Error('Cannot have both image and video');
|
|
15
|
+
}
|
|
16
|
+
return (_jsxs("div", { ...props, className: cn('max-w-5xl w-full', className), children: [image && !video && _jsx(Image, { ratio: '3/2', ...image }), video && (_jsx(Video, { ...video, previewImage: { ...video.previewImage, ratio: '3/2' } })), _jsxs("div", { className: "px-12 py-8", children: [_jsx(Headline, { headingLevel: "h6", actAs: headlineActAs, children: headline }), _jsx(BodyText, { variant: "small", children: copy })] })] }));
|
|
17
|
+
};
|
|
11
18
|
const MediaGallery = ({ children, className, ...props }) => {
|
|
12
19
|
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
13
20
|
align: 'start',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAgB,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAKlE,QAAA,MAAM,aAAa;;mFAYjB,CAAC;AAGH,QAAA,MAAM,oBAAoB;;mFAUxB,CAAC;AAiBH,MAAM,WAAW,UACf,SAAQ,MAAM,CAAC,WAAW,EACxB,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC;IACnE,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+BzC,CAAC;AAEJ,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwCvC,CAAC;AAMF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CASzC,CAAC;AAcJ,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8D/B,CAAC;AAEF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAC,CAAC"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import * as Dialog from '@radix-ui/react-dialog';
|
|
5
|
+
import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
|
|
5
6
|
import { cva } from 'class-variance-authority';
|
|
6
7
|
import { cn, debounce } from '../../../utils';
|
|
7
8
|
import { Headline } from '../../typography/headline';
|
|
@@ -94,7 +95,7 @@ const Modal = ({ open, onOpenChange, children, canClose, size, }) => {
|
|
|
94
95
|
triggerElementRef.current instanceof HTMLElement)
|
|
95
96
|
triggerElementRef.current.focus();
|
|
96
97
|
}, 0);
|
|
97
|
-
}, children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Overlay, { className: cn(modalOverlayClasses) }), _jsxs(Dialog.Content, { onEscapeKeyDown: event => {
|
|
98
|
+
}, children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Overlay, { className: cn(modalOverlayClasses) }), _jsx(VisuallyHidden, { children: _jsx(Dialog.Title, {}) }), _jsxs(Dialog.Content, { onEscapeKeyDown: event => {
|
|
98
99
|
if (!canClose)
|
|
99
100
|
event.preventDefault();
|
|
100
101
|
}, onPointerDownOutside: event => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { LinkComponent } from '../../../utils';
|
|
3
3
|
import { HeadlineProps } from '../../typography/headline';
|
|
4
4
|
import { LinkProps } from '../../actions/link';
|
|
5
|
+
import { type ImageProps } from '../../images-icons/image';
|
|
5
6
|
export interface StructuredListItemHeadlineProps extends Omit<HeadlineProps, 'headingLevel'> {
|
|
6
7
|
headline?: string;
|
|
7
8
|
tag?: React.ReactNode;
|
|
@@ -17,7 +18,7 @@ export interface StructuredListItemImageContainerProps extends React.HTMLAttribu
|
|
|
17
18
|
export interface StructuredListItemProps extends LinkComponent, LinkProps {
|
|
18
19
|
children?: React.ReactNode | React.ReactNode[];
|
|
19
20
|
headline?: string;
|
|
20
|
-
image?:
|
|
21
|
+
image?: Omit<ImageProps, 'ratio'>;
|
|
21
22
|
description?: string;
|
|
22
23
|
actionElement?: React.ReactNode;
|
|
23
24
|
actionBottomElement?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StructuredListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"StructuredListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAyBD,MAAM,WAAW,oCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAC7C,oCAAoC,CAYnC,CAAC;AAEJ,MAAM,WAAW,qCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAgBD,MAAM,WAAW,uBAAwB,SAAQ,aAAa,EAAE,SAAS;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkEzD,CAAC;AAEF,OAAO,EAAC,kBAAkB,EAAE,+BAA+B,EAAC,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { cn } from '../../../utils';
|
|
|
3
3
|
import { Headline } from '../../typography/headline';
|
|
4
4
|
import { SlimRichText } from '../slimRichText';
|
|
5
5
|
import { BodyText } from '../../typography/bodyText';
|
|
6
|
+
import { Image } from '../../images-icons/image';
|
|
6
7
|
const StructuredListItemHeadline = ({ tag, headline, className, hasLink, }) => (headline || tag) && (_jsxs("div", { className: "flex items-center self-stretch gap-4", children: [_jsx(Headline, { className: cn(hasLink && 'group-focus:underline group-hover:underline', className), textColor: 'accent', headingLevel: 'h4', spadingBottom: false, children: headline }), tag && _jsx("div", { className: "pt-1", children: tag })] }));
|
|
7
8
|
const StructuredListItemActionElement = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col justify-center self-end md:self-stretch shrink-0', className), ...props, children: children }));
|
|
8
9
|
const StructuredListItemImageContainer = ({ className, children, ...props }) => (_jsx("div", { className: cn('pt-1.5 shrink-0 w-[11.5625rem] flex justify-center', className), ...props, children: children }));
|
|
@@ -11,7 +12,7 @@ const StructuredListItem = ({ className, headline, image, description, actionEle
|
|
|
11
12
|
if (!hasContent)
|
|
12
13
|
return;
|
|
13
14
|
const Comp = (props.href ? LinkComponent : 'div');
|
|
14
|
-
return (_jsxs(Comp, { tabIndex: 0, className: cn('flex gap-6 items-center pt-3 pb-4 md:pt-1.5 md:pb-8 group outline-none', className), ...props, children: [image && (_jsx(StructuredListItemImageContainer, { children: image })), checkboxElement && (_jsx(StructuredListItemActionElement, { className: "self-center", children: checkboxElement })), _jsxs("div", { className: "flex flex-col items-start flex-grow gap-8 md:flex-row", children: [_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx(StructuredListItemHeadline, { hasLink: Boolean(props.href), headline: headline, tag: tag }), _jsx(SlimRichText, { text: description }), details?.length && details.length > 0 && (_jsx(BodyText, { variant: 'small', textColor: 'primary', asChild: true, children: _jsx("div", { className: "flex flex-wrap pt-2 gap-y-1 gap-x-6", children: details?.map(detail => _jsx("span", { children: detail }, detail)) }) })), _jsx(StructuredListItemActionElement, { className: "pt-4", children: actionBottomElement })] }), actionElement && (_jsx(StructuredListItemActionElement, { className: "md:pb-7", children: actionElement }))] })] }));
|
|
15
|
+
return (_jsxs(Comp, { tabIndex: 0, className: cn('flex gap-6 items-center pt-3 pb-4 md:pt-1.5 md:pb-8 group outline-none', className), ...props, children: [image?.src && (_jsx(StructuredListItemImageContainer, { children: _jsx(Image, { ...image, ratio: "4/3" }) })), checkboxElement && (_jsx(StructuredListItemActionElement, { className: "self-center", children: checkboxElement })), _jsxs("div", { className: "flex flex-col items-start flex-grow gap-8 md:flex-row", children: [_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx(StructuredListItemHeadline, { hasLink: Boolean(props.href), headline: headline, tag: tag }), _jsx(SlimRichText, { text: description }), details?.length && details.length > 0 && (_jsx(BodyText, { variant: 'small', textColor: 'primary', asChild: true, children: _jsx("div", { className: "flex flex-wrap pt-2 gap-y-1 gap-x-6", children: details?.map(detail => _jsx("span", { children: detail }, detail)) }) })), _jsx(StructuredListItemActionElement, { className: "pt-4", children: actionBottomElement })] }), actionElement && (_jsx(StructuredListItemActionElement, { className: "md:pb-7", children: actionElement }))] })] }));
|
|
15
16
|
};
|
|
16
17
|
export { StructuredListItem, StructuredListItemActionElement };
|
|
17
18
|
//# sourceMappingURL=StructuredListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StructuredListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"StructuredListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { HeadlineProps } from '../../../components/typography/headline';
|
|
3
|
+
import { type ImageProps } from '../../../components/images-icons/image';
|
|
3
4
|
import { type IconProps, type LinkProps, type SectionWrapperProps } from '../../../components';
|
|
4
5
|
import { LinkComponent } from '../../../utils';
|
|
5
6
|
export interface ContactColumnProps {
|
|
@@ -18,6 +19,7 @@ export interface CalloutContactProps {
|
|
|
18
19
|
sectionProps?: SectionWrapperProps;
|
|
19
20
|
showMoreSlot?: React.ReactNode;
|
|
20
21
|
}
|
|
22
|
+
export type CalloutContactImageProps = Omit<ImageProps, 'ratio'>;
|
|
21
23
|
export declare const ContactInfoText: ({ text }: {
|
|
22
24
|
text?: string | undefined;
|
|
23
25
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -31,4 +33,5 @@ export declare const ContactInfoLink: React.FC<ContactInfoLinkProps>;
|
|
|
31
33
|
export declare const ContactColumn: React.FC<ContactColumnProps>;
|
|
32
34
|
export declare const CalloutContactColumn: React.FC<CalloutContactColumnProps>;
|
|
33
35
|
export declare const CalloutContact: React.FC<CalloutContactProps>;
|
|
36
|
+
export declare const CalloutContactImage: React.FC<CalloutContactImageProps>;
|
|
34
37
|
//# sourceMappingURL=CalloutContact.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutContact.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,eAAe;;6CAE3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAER,CAAC;AAE5D,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,SAAS;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkBxD,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAYpD,CAAC;AAEJ,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmBlE,CAAC;AAEJ,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqBxD,CAAC"}
|
|
1
|
+
{"version":3,"file":"CalloutContact.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAEjE,eAAO,MAAM,eAAe;;6CAE3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAER,CAAC;AAE5D,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,SAAS;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkBxD,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAYpD,CAAC;AAEJ,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmBlE,CAAC;AAEJ,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqBxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAIlE,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Headline } from '../../../components/typography/headline';
|
|
3
3
|
import { BodyText } from '../../../components/typography/bodyText';
|
|
4
|
+
import { Image } from '../../../components/images-icons/image';
|
|
4
5
|
import { BlockGrid, BlockChildrenWidthContainer, Icon, Link, SlimRichText, } from '../../../components';
|
|
5
6
|
import { ContentGroup } from '../contentGroup';
|
|
6
7
|
import { ContentSection } from '../contentSection';
|
|
@@ -12,4 +13,7 @@ export const CalloutContactColumn = ({ headline, phoneNumber, text01, text02, he
|
|
|
12
13
|
export const CalloutContact = ({ title, children, sectionProps, showMoreSlot, }) => {
|
|
13
14
|
return (_jsxs(ContentSection, { sectionProps: { background: 'paleBlue', ...sectionProps }, children: [_jsx(BlockGrid, { children: _jsxs(BlockChildrenWidthContainer, { paddingBottom: 'none', children: [title && (_jsx("p", { className: "mb-8 font-display text-[2rem] leading-[1.14] text-text-primary", children: title })), _jsx(ContentGroup, { cols: 3, children: children })] }) }), showMoreSlot] }));
|
|
14
15
|
};
|
|
16
|
+
export const CalloutContactImage = ({ ...props }) => {
|
|
17
|
+
return _jsx(Image, { ...props, ratio: "16/9" });
|
|
18
|
+
};
|
|
15
19
|
//# sourceMappingURL=CalloutContact.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutContact.js","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAgB,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EACL,SAAS,EACT,2BAA2B,EAC3B,IAAI,EACJ,IAAI,EACJ,YAAY,GAIb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"CalloutContact.js","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { HeadlineProps } from '../../../components';
|
|
2
|
+
import { HeadlineProps, type ImageProps } from '../../../components';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
interface StageHeadlineBoxProps extends VariantProps<typeof stageHeadlineBoxVariants> {
|
|
5
5
|
button?: React.ReactNode;
|
|
@@ -8,7 +8,7 @@ interface StageHeadlineBoxProps extends VariantProps<typeof stageHeadlineBoxVari
|
|
|
8
8
|
headlineActAs?: HeadlineProps['actAs'];
|
|
9
9
|
}
|
|
10
10
|
export interface StageSectionProps extends React.HTMLAttributes<HTMLElement>, Omit<StageHeadlineBoxProps, 'color'> {
|
|
11
|
-
image?:
|
|
11
|
+
image?: ImageProps;
|
|
12
12
|
}
|
|
13
13
|
declare const stageHeadlineBoxVariants: (props?: ({
|
|
14
14
|
variant?: "primary" | "secondary" | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,aAAa,
|
|
1
|
+
{"version":3,"file":"StageSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,aAAa,EAEb,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAE3D,UAAU,qBACR,SAAQ,YAAY,CAAC,OAAO,wBAAwB,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,QAAA,MAAM,wBAAwB;;mFAa7B,CAAC;AAyCF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+C7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { BlockGrid, BlockChildrenWidthContainer, Headline, } from '../../../components';
|
|
2
|
+
import { BlockGrid, BlockChildrenWidthContainer, Headline, Image, } from '../../../components';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
const stageHeadlineBoxVariants = cva('flex flex-col items-start p-8 pt-6 gap-y-16', {
|
|
5
5
|
variants: {
|
|
@@ -24,7 +24,7 @@ const StageSection = ({ button, image, headline, headlineColoredPart, headlineAc
|
|
|
24
24
|
return;
|
|
25
25
|
if (!image && hasHeadline)
|
|
26
26
|
return (_jsx("section", { className: "flex flex-col items-center w-full bg-surface-secondary", children: _jsx("div", { className: "py-32", children: _jsx(StageHeadlineBox, { variant: 'secondary', button: button, headline: headline, headlineActAs: headlineActAs, headlineColoredPart: headlineColoredPart }) }) }));
|
|
27
|
-
return (_jsxs("section", { children: [image && _jsx("div", { className: "w-full",
|
|
27
|
+
return (_jsxs("section", { children: [image && (_jsx("div", { className: "relative aspect-4/3 lg:aspect-16/6", children: _jsx(Image, { className: "w-full", ratio: "16/6", ...image }) })), hasHeadline && (_jsx("div", { className: "relative flex flex-col items-center w-full 2xl:px-6 lg:-mt-40", children: _jsx(StageHeadlineBox, { variant: 'primary', button: button, headline: headline, headlineActAs: headlineActAs, headlineColoredPart: headlineColoredPart }) }))] }));
|
|
28
28
|
};
|
|
29
29
|
export { StageSection };
|
|
30
30
|
//# sourceMappingURL=StageSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageSection.js","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,SAAS,EACT,2BAA2B,EAC3B,QAAQ,
|
|
1
|
+
{"version":3,"file":"StageSection.js","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,SAAS,EACT,2BAA2B,EAC3B,QAAQ,EAER,KAAK,GAEN,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,GAAG,EAAe,MAAM,0BAA0B,CAAC;AAgB3D,MAAM,wBAAwB,GAAG,GAAG,CAClC,6CAA6C,EAC7C;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE,sBAAsB;SAClC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,mBAAmB,CAAC;IACpD,MAAM,eAAe,GAAG,WAAW,IAAI,CACrC,MAAC,QAAQ,IACP,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,kBAAkB,aAE5B,eACE,SAAS,EACP,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,YAGjE,QAAQ,GACJ,EACN,mBAAmB,IAAI,CACtB,gBAAM,SAAS,EAAE,kBAAkB,uBAAS,mBAAmB,IAAQ,CACxE,IACQ,CACZ,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IAAC,aAAa,EAAE,MAAM,YAC9B,KAAC,2BAA2B,IAAC,SAAS,EAAC,OAAO,EAAC,aAAa,EAAE,MAAM,YAClE,eAAK,SAAS,EAAE,wBAAwB,CAAC,EAAC,OAAO,EAAC,CAAC,aAChD,eAAe,EACf,MAAM,IACH,GACsB,GACpB,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EACjD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,mBAAmB,CAAC;IACpD,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC;IACjD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,IAAI,CAAC,KAAK,IAAI,WAAW;QACvB,OAAO,CACL,kBAAS,SAAS,EAAC,wDAAwD,YACzE,cAAK,SAAS,EAAC,OAAO,YACpB,KAAC,gBAAgB,IACf,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,GACxC,GACE,GACE,CACX,CAAC;IAEJ,OAAO,CACL,8BACG,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,KAAK,KAAK,GAAI,GAChD,CACP,EAEA,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,+DAA+D,YAC5E,KAAC,gBAAgB,IACf,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,GACxC,GACE,CACP,IACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
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.0.
|
|
4
|
+
"version": "1.0.41",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -70,6 +70,7 @@
|
|
|
70
70
|
"cheerio": "1.0.0",
|
|
71
71
|
"clean-package": "^2.2.0",
|
|
72
72
|
"eslint": "^9.15.0",
|
|
73
|
+
"eslint-plugin-prettier": "^5.2.1",
|
|
73
74
|
"jest": "^29.7.0",
|
|
74
75
|
"jest-environment-jsdom": "^29.7.0",
|
|
75
76
|
"react": "^18.2.0",
|