@odx/websites-react 1.0.47 → 1.0.48
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/layout/calloutQuote/CalloutQuote.d.ts +0 -1
- package/dist/components/layout/calloutQuote/CalloutQuote.d.ts.map +1 -1
- package/dist/components/layout/calloutQuote/CalloutQuote.js +4 -6
- package/dist/components/layout/calloutQuote/CalloutQuote.js.map +1 -1
- package/dist/web/sections/stageSection/StageSection.d.ts.map +1 -1
- package/dist/web/sections/stageSection/StageSection.js +4 -4
- package/dist/web/sections/stageSection/StageSection.js.map +1 -1
- package/package.json +2 -2
|
@@ -4,7 +4,6 @@ export interface CalloutQuoteProps extends VariantProps<typeof blockquoteVariant
|
|
|
4
4
|
headline?: string;
|
|
5
5
|
signature?: string;
|
|
6
6
|
author?: string;
|
|
7
|
-
withQuotationMark?: boolean;
|
|
8
7
|
}
|
|
9
8
|
declare const blockquoteVariants: (props?: ({
|
|
10
9
|
align?: "left" | "center" | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutQuote.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAKhE,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"CalloutQuote.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAKhE,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAOD,QAAA,MAAM,kBAAkB;;mFAUtB,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6BlD,CAAC"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
|
-
import { BlockChildrenWidthContainer, BlockGrid,
|
|
3
|
+
import { BlockChildrenWidthContainer, BlockGrid, BodyText } from '../..';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
5
|
import { Container } from '../container';
|
|
6
6
|
const blockquoteClasses = `
|
|
7
|
-
break-words relative
|
|
8
|
-
|
|
9
|
-
font-text text-text-primary text-[1.8125rem] leading-[2.2475rem] lg:text-[2.1875rem] lg:leading-[2.7125rem]
|
|
7
|
+
pb-20 break-words relative
|
|
8
|
+
font-display text-text-primary text-[1.8125rem] leading-[2.2475rem] lg:text-[2.1875rem] lg:leading-[2.7125rem] tracking-[0.00544rem] lg:tracking-[unset]
|
|
10
9
|
`;
|
|
11
10
|
const blockquoteVariants = cva(blockquoteClasses, {
|
|
12
11
|
variants: {
|
|
@@ -19,6 +18,5 @@ const blockquoteVariants = cva(blockquoteClasses, {
|
|
|
19
18
|
align: 'left',
|
|
20
19
|
},
|
|
21
20
|
});
|
|
22
|
-
export const CalloutQuote = ({ headline, author, signature, align,
|
|
23
|
-
'before:content-[open-quote] after:content-[close-quote]'), children: headline }), (author || signature) && (_jsxs("div", { className: "px-4", children: [author && _jsx(SlimRichText, { text: author, weight: 'bold' }), signature && _jsx(SlimRichText, { text: signature })] }))] }) }) }));
|
|
21
|
+
export const CalloutQuote = ({ headline, author, signature, align, }) => headline && (_jsx(Container, { paddingTop: 'none', children: _jsx(BlockGrid, { children: _jsx(BlockChildrenWidthContainer, { background: 'paleBlue', elementWidth: 'narrow', paddingBottom: 'none', className: "px-0 md:px-0", children: _jsxs("div", { className: "pb-20 pt-14 px-9 xl:px-11", children: [_jsx("blockquote", { className: cn(blockquoteVariants({ align })), children: headline }), (author || signature) && (_jsxs("div", { children: [author && _jsx(BodyText, { weight: 'bold', children: author }), signature && _jsx(BodyText, { children: signature })] }))] }) }) }) }));
|
|
24
22
|
//# sourceMappingURL=CalloutQuote.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutQuote.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,2BAA2B,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"CalloutQuote.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,2BAA2B,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACvE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AASvC,MAAM,iBAAiB,GAAG;;;CAGzB,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAChD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,4DAA4D;YAClE,MAAM,EAAE,aAAa;SACtB;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,KAAC,SAAS,IAAC,UAAU,EAAE,MAAM,YAC3B,KAAC,SAAS,cACR,KAAC,2BAA2B,IAC1B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,QAAQ,EACtB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAC,cAAc,YAExB,eAAK,SAAS,EAAC,2BAA2B,aACxC,qBAAY,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,YACnD,QAAQ,GACE,EACZ,CAAC,MAAM,IAAI,SAAS,CAAC,IAAI,CACxB,0BACG,MAAM,IAAI,KAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,YAAG,MAAM,GAAY,EACvD,SAAS,IAAI,KAAC,QAAQ,cAAE,SAAS,GAAY,IAC1C,CACP,IACG,GACsB,GACpB,GACF,CACb,CAAC"}
|
|
@@ -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,
|
|
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,EAGL,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;AAiGF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmD7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Container, Headline, Image, } from '../../../components';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
|
-
const stageHeadlineBoxVariants = cva('flex flex-col items-start p-8 pt-6 gap-y-16', {
|
|
4
|
+
const stageHeadlineBoxVariants = cva('flex flex-col items-start p-8 pt-6 gap-y-16 max-w-content-block', {
|
|
5
5
|
variants: {
|
|
6
6
|
variant: {
|
|
7
7
|
primary: 'bg-surface-brand',
|
|
@@ -45,7 +45,7 @@ const StageHeadlineBox = ({ headline, headlineColoredPart, headlineActAs, button
|
|
|
45
45
|
return result;
|
|
46
46
|
};
|
|
47
47
|
const headlineElement = hasHeadline && (_jsx(Headline, { headingLevel: "h1", actAs: headlineActAs, className: "text-text-invert", children: renderHeadlineWithColoredParts() }));
|
|
48
|
-
return (
|
|
48
|
+
return (_jsxs("div", { className: stageHeadlineBoxVariants({ variant }), children: [headlineElement, button] }));
|
|
49
49
|
};
|
|
50
50
|
const StageSection = ({ button, image, headline, headlineColoredPart, headlineActAs, }) => {
|
|
51
51
|
const hasHeadline = headline || headlineColoredPart;
|
|
@@ -54,7 +54,7 @@ const StageSection = ({ button, image, headline, headlineColoredPart, headlineAc
|
|
|
54
54
|
return;
|
|
55
55
|
if (!image && hasHeadline)
|
|
56
56
|
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 }) }) }));
|
|
57
|
-
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(
|
|
57
|
+
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(Container, { paddingTop: 'none', paddingBottom: 'none', className: "relative xl:px-6 xl:-mt-40", children: _jsx(StageHeadlineBox, { variant: 'primary', button: button, headline: headline, headlineActAs: headlineActAs, headlineColoredPart: headlineColoredPart }) }))] }));
|
|
58
58
|
};
|
|
59
59
|
export { StageSection };
|
|
60
60
|
//# 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,
|
|
1
|
+
{"version":3,"file":"StageSection.js","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.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.0.
|
|
4
|
+
"version": "1.0.48",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"typescript": "^5.4.5",
|
|
84
84
|
"@odx/eslint-config-websites": "0.0.1",
|
|
85
85
|
"@odx/websites-tsconfig": "0.0.0",
|
|
86
|
-
"@odx/websites-ui": "0.2.
|
|
86
|
+
"@odx/websites-ui": "0.2.14"
|
|
87
87
|
},
|
|
88
88
|
"peerDependencies": {
|
|
89
89
|
"@odx/websites-ui": ">=0.2.1",
|