@odx/websites-react 1.1.112 → 1.1.113
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.
|
@@ -7,7 +7,7 @@ export interface ContentItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
mediaAlignment?: 'left' | 'right';
|
|
8
8
|
fullWidth?: boolean;
|
|
9
9
|
}
|
|
10
|
-
type ContentItemMediaRatio = '3/2' | '4/3';
|
|
10
|
+
type ContentItemMediaRatio = '3/2' | '4/3' | '9/11';
|
|
11
11
|
export interface ContentItemMediaProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
12
12
|
image?: Omit<ImageProps, 'ratio'>;
|
|
13
13
|
video?: Omit<VideoProps, 'previewImage'> & {
|
|
@@ -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,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAE7D,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;
|
|
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,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAE7D,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,GAAG,MAAM,CAAC;AAEpD,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,CAejD,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"}
|
|
@@ -8,9 +8,9 @@ const ContentItemMedia = ({ className, image, video, ratio = '3/2', ...props })
|
|
|
8
8
|
if (image && video) {
|
|
9
9
|
throw new Error('Only one of image or video can be provided, not both.');
|
|
10
10
|
}
|
|
11
|
-
return (_jsxs("div", { className: cn('relative w-
|
|
11
|
+
return (_jsxs("div", { className: cn('relative md:w-1/2 lg:w-auto flex-[0_0]', className), "data-content-item-media": true, ...props, children: [image && !video && _jsx(Image, { ratio: ratio, ...image }), video && (_jsx(Video, { ...video, previewImage: { ...video.previewImage, ratio } }))] }));
|
|
12
12
|
};
|
|
13
|
-
const ContentItemBody = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('min-w-0', className), ...props, children: children }));
|
|
13
|
+
const ContentItemBody = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('min-w-0 md:w-1/2 lg:w-auto only:w-full mr-auto', className), ...props, children: children }));
|
|
14
14
|
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 })] }));
|
|
15
15
|
const ContentItemBodyTagWrapper = ({ className, children, ...props }) => (_jsx("div", { className: cn('flex pb-2 flex-row items-start gap-2.5', className), ...props, children: children }));
|
|
16
16
|
const ContentItemBodyLinkListWrapper = ({ className, children, ...props }) => (_jsx("div", { className: cn('flex flex-col items-start self-stretch py-4', className), ...props, children: children }));
|
|
@@ -20,7 +20,7 @@ const ContentItemBodyActionWrapper = ({ className, children, actionLabel, ...pro
|
|
|
20
20
|
const actionElement = (_jsx("div", { className: cn('flex gap-6 items-center self-stretch', className), ...props, children: children }));
|
|
21
21
|
return actionLabel ? (_jsxs("div", { className: "flex flex-col gap-2", children: [actionElement, _jsx("span", { className: "text-label-sm text-text-primary", children: actionLabel })] })) : (actionElement);
|
|
22
22
|
};
|
|
23
|
-
const ContentItem = ({ className, children, mediaAlignment = 'left', fullWidth = false, ...props }) => children && (_jsx("div", { className: cn('
|
|
24
|
-
'md:
|
|
23
|
+
const ContentItem = ({ className, children, mediaAlignment = 'left', fullWidth = false, ...props }) => children && (_jsx("div", { className: cn('flex flex-col md:flex-row gap-6 w-full font-text', mediaAlignment === 'right' &&
|
|
24
|
+
'md:[&_[data-content-item-media]]:order-1', fullWidth && 'md:flex-col md:[&_[data-content-item-media]]:order-0', className), "data-name": "ContentItem", ...props, children: children }));
|
|
25
25
|
export { ContentItem, ContentItemMedia, ContentItemBody, ContentItemBodyHeading, ContentItemBodyTagWrapper, ContentItemBodyActionWrapper, ContentItemBodyLinkListWrapper, };
|
|
26
26
|
//# sourceMappingURL=ContentItem.js.map
|
|
@@ -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,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAyB,MAAM,SAAS,CAAC;AAkB7D,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,EACT,KAAK,EACL,KAAK,EACL,KAAK,GAAG,KAAK,EACb,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,CAAC,
|
|
1
|
+
{"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"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"}
|
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.
|
|
4
|
+
"version": "1.1.113",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -536,7 +536,7 @@
|
|
|
536
536
|
"vitest": "^3.1.0-beta.1",
|
|
537
537
|
"@odx/eslint-config-websites": "0.0.1",
|
|
538
538
|
"@odx/websites-tsconfig": "0.0.0",
|
|
539
|
-
"@odx/websites-ui": "0.2.
|
|
539
|
+
"@odx/websites-ui": "0.2.37"
|
|
540
540
|
},
|
|
541
541
|
"peerDependencies": {
|
|
542
542
|
"@odx/websites-ui": ">=0.2.1",
|