@odx/websites-react 1.2.35 → 1.2.36
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.
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
2
3
|
import { type ImageProps } from '../../images-icons/image';
|
|
3
4
|
import { type VideoProps } from '../../images-icons/video';
|
|
4
5
|
import { HeadlineProps } from '../../typography/headline';
|
|
5
6
|
import { type SlimRichTextProps } from '../text';
|
|
6
|
-
export interface ContentItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
mediaAlignment?: 'left' | 'right';
|
|
8
|
-
breakOn?: 'md' | 'sm' | 'always';
|
|
7
|
+
export interface ContentItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof contentItemVariants> {
|
|
9
8
|
}
|
|
10
9
|
type ContentItemMediaRatio = '3/2' | '4/3' | '9/11';
|
|
11
10
|
export interface ContentItemMediaProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -35,6 +34,10 @@ export interface ContentItemBodyActionWrapperProps extends React.HTMLAttributes<
|
|
|
35
34
|
actionLabel?: string;
|
|
36
35
|
}
|
|
37
36
|
declare const ContentItemBodyActionWrapper: React.FC<ContentItemBodyActionWrapperProps>;
|
|
37
|
+
declare const contentItemVariants: (props?: ({
|
|
38
|
+
breakOn?: "sm" | "md" | "always" | null | undefined;
|
|
39
|
+
mediaAlignment?: "left" | "right" | null | undefined;
|
|
40
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
38
41
|
declare const ContentItem: React.FC<ContentItemProps>;
|
|
39
42
|
export { ContentItem, ContentItemMedia, ContentItemBody, ContentItemBodyHeading, ContentItemBodyTagWrapper, ContentItemBodyActionWrapper, ContentItemBodyLinkListWrapper, };
|
|
40
43
|
//# sourceMappingURL=ContentItem.d.ts.map
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,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,gBACf,SACE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAE/C,KAAK,qBAAqB,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,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,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAErF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CASjD,CAAC;AAEJ,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvF,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;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CAC9C;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAgBjE,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE/F,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,iCAAkC,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAqBlC,CAAC;AAEF,QAAA,MAAM,mBAAmB;;;8EAwCvB,CAAC;AAEH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAezC,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,yBAAyB,EACzB,4BAA4B,EAC5B,8BAA8B,GAC/B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
2
3
|
import { cn } from '../../../utils';
|
|
3
4
|
import { Image } from '../../images-icons/image';
|
|
4
5
|
import { Video } from '../../images-icons/video';
|
|
@@ -20,9 +21,45 @@ const ContentItemBodyActionWrapper = ({ className, children, actionLabel, ...pro
|
|
|
20
21
|
const actionElement = (_jsx("div", { className: cn('flex gap-6 items-center self-stretch', className), ...props, children: children }));
|
|
21
22
|
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
23
|
};
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
: '
|
|
24
|
+
const contentItemVariants = cva('grid grid-cols-1 gap-6 w-full font-text', {
|
|
25
|
+
variants: {
|
|
26
|
+
breakOn: {
|
|
27
|
+
sm: 'md:grid-cols-2',
|
|
28
|
+
md: 'lg:grid-cols-2',
|
|
29
|
+
always: '',
|
|
30
|
+
},
|
|
31
|
+
mediaAlignment: {
|
|
32
|
+
left: '',
|
|
33
|
+
right: '',
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
compoundVariants: [
|
|
37
|
+
{
|
|
38
|
+
breakOn: 'sm',
|
|
39
|
+
mediaAlignment: 'left',
|
|
40
|
+
className: 'lg:grid-cols-[2fr_3fr]',
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
breakOn: 'sm',
|
|
44
|
+
mediaAlignment: 'right',
|
|
45
|
+
className: 'lg:grid-cols-[3fr_2fr] md:[&_[data-content-item-media]]:order-1',
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
breakOn: 'md',
|
|
49
|
+
mediaAlignment: 'left',
|
|
50
|
+
className: 'lg:grid-cols-[2fr_3fr]',
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
breakOn: 'md',
|
|
54
|
+
mediaAlignment: 'right',
|
|
55
|
+
className: 'lg:grid-cols-[3fr_2fr] lg:[&_[data-content-item-media]]:order-1',
|
|
56
|
+
},
|
|
57
|
+
],
|
|
58
|
+
defaultVariants: {
|
|
59
|
+
breakOn: 'sm',
|
|
60
|
+
mediaAlignment: 'left',
|
|
61
|
+
},
|
|
62
|
+
});
|
|
63
|
+
const ContentItem = ({ className, children, mediaAlignment = 'left', breakOn = 'sm', ...props }) => children && (_jsx("div", { className: cn(contentItemVariants({ breakOn, mediaAlignment }), className), "data-name": "ContentItem", ...props, children: children }));
|
|
27
64
|
export { ContentItem, ContentItemMedia, ContentItemBody, ContentItemBodyHeading, ContentItemBodyTagWrapper, ContentItemBodyActionWrapper, ContentItemBodyLinkListWrapper, };
|
|
28
65
|
//# 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;AAiB7D,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,wBAAwB,EAAE,SAAS,CAAC,sCAE9C,KAAK,aAER,KAAK,IAAI,CAAC,KAAK,IAAI,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,EACrD,KAAK,IAAI,CACR,KAAC,KAAK,OAAK,KAAK,EAAE,YAAY,EAAE,EAAC,GAAG,KAAK,CAAC,YAAY,EAAE,KAAK,EAAC,GAAI,CACnE,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,eAAe,GAAmC,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,YAChD,QAAQ,GACL,CACP,CAAC;AAUJ,MAAM,sBAAsB,GAA0C,CAAC,EACrE,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,YAAY,GAAG,IAAI,EACnB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,kBAAS,KAAK,aACX,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,YACvD,QAAQ,GACA,CACZ,EACD,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,KAAM,iBAAiB,GAAI,IAC/C,CACP,CAAC;AAIF,MAAM,yBAAyB,GAA6C,CAAC,EAC3E,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,KAC9D,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,8BAA8B,GAEhC,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACvC,cACE,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,KACnE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAMF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACnD,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,MAAM,aAAa,GAAG,CACpB,cACE,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,KAC5D,KAAK,YAER,QAAQ,GACL,CACP,CAAC;IAEF,OAAO,WAAW,CAAC,CAAC,CAAC,CACnB,eAAK,SAAS,EAAC,qBAAqB,aACjC,aAAa,EACd,eAAM,SAAS,EAAC,iCAAiC,YAAE,WAAW,GAAQ,IAClE,CACP,CAAC,CAAC,CAAC,CACF,aAAa,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,
|
|
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.2.
|
|
4
|
+
"version": "1.2.36",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -569,9 +569,9 @@
|
|
|
569
569
|
"ts-node": "^10.9.2",
|
|
570
570
|
"typescript": "^5.4.5",
|
|
571
571
|
"vitest": "^3.1.0-beta.1",
|
|
572
|
+
"@odx/eslint-config-websites": "0.0.1",
|
|
572
573
|
"@odx/websites-tsconfig": "0.0.0",
|
|
573
|
-
"@odx/websites-ui": "0.2.41"
|
|
574
|
-
"@odx/eslint-config-websites": "0.0.1"
|
|
574
|
+
"@odx/websites-ui": "0.2.41"
|
|
575
575
|
},
|
|
576
576
|
"peerDependencies": {
|
|
577
577
|
"@odx/websites-ui": ">=0.2.1",
|