@odx/websites-react 1.0.47 → 1.0.49
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/accordion/Accordion.js +2 -2
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- 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/components/layout/card/CardGroup.js +2 -2
- package/dist/components/layout/screenOverlay/ScreenOverlay.d.ts +15 -0
- package/dist/components/layout/screenOverlay/ScreenOverlay.d.ts.map +1 -0
- package/dist/components/layout/screenOverlay/ScreenOverlay.js +25 -0
- package/dist/components/layout/screenOverlay/ScreenOverlay.js.map +1 -0
- package/dist/components/layout/screenOverlay/index.d.ts +2 -0
- package/dist/components/layout/screenOverlay/index.d.ts.map +1 -0
- package/dist/components/layout/screenOverlay/index.js +2 -0
- package/dist/components/layout/screenOverlay/index.js.map +1 -0
- package/dist/components/layout/showMore/ShowMore.js +2 -2
- package/dist/components/layout/showMore/ShowMore.js.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.d.ts.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.js +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.js.map +1 -1
- package/dist/components/navigation/flyout/Flyout.d.ts +7 -15
- package/dist/components/navigation/flyout/Flyout.d.ts.map +1 -1
- package/dist/components/navigation/flyout/Flyout.js +18 -52
- package/dist/components/navigation/flyout/Flyout.js.map +1 -1
- package/dist/components/navigation/flyout/FlyoutMobile.d.ts +53 -0
- package/dist/components/navigation/flyout/FlyoutMobile.d.ts.map +1 -0
- package/dist/components/navigation/flyout/FlyoutMobile.js +179 -0
- package/dist/components/navigation/flyout/FlyoutMobile.js.map +1 -0
- package/dist/components/navigation/flyout/index.d.ts +1 -0
- package/dist/components/navigation/flyout/index.d.ts.map +1 -1
- package/dist/components/navigation/flyout/index.js +1 -0
- package/dist/components/navigation/flyout/index.js.map +1 -1
- package/dist/components/navigation/header/Header.d.ts +11 -8
- package/dist/components/navigation/header/Header.d.ts.map +1 -1
- package/dist/components/navigation/header/Header.js +34 -36
- package/dist/components/navigation/header/Header.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.d.ts +1 -0
- package/dist/components/navigation/searchInput/SearchInput.d.ts.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +17 -9
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/components/structures/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
- package/dist/components/structures/loadingSpinner/LoadingSpinner.js +6 -6
- package/dist/components/structures/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/dist/hooks/useElementSize/index.d.ts +2 -0
- package/dist/hooks/useElementSize/index.d.ts.map +1 -0
- package/dist/hooks/useElementSize/index.js +2 -0
- package/dist/hooks/useElementSize/index.js.map +1 -0
- package/dist/hooks/useElementSize/useElementSize.d.ts +6 -0
- package/dist/hooks/useElementSize/useElementSize.d.ts.map +1 -0
- package/dist/hooks/useElementSize/useElementSize.js +24 -0
- package/dist/hooks/useElementSize/useElementSize.js.map +1 -0
- 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
- package/dist/hooks/useElementHeight/index.d.ts +0 -2
- package/dist/hooks/useElementHeight/index.d.ts.map +0 -1
- package/dist/hooks/useElementHeight/index.js +0 -2
- package/dist/hooks/useElementHeight/index.js.map +0 -1
- package/dist/hooks/useElementHeight/useElementHeight.d.ts +0 -3
- package/dist/hooks/useElementHeight/useElementHeight.d.ts.map +0 -1
- package/dist/hooks/useElementHeight/useElementHeight.js +0 -28
- package/dist/hooks/useElementHeight/useElementHeight.js.map +0 -1
|
@@ -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.49",
|
|
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.15"
|
|
87
87
|
},
|
|
88
88
|
"peerDependencies": {
|
|
89
89
|
"@odx/websites-ui": ">=0.2.1",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useElementHeight.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/useElementHeight.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,eAAO,MAAM,gBAAgB,UAAU,cAAc,iEA4BpD,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { useLayoutEffect, useCallback, useRef, useState } from 'react';
|
|
2
|
-
import ResizeObserver from 'resize-observer-polyfill';
|
|
3
|
-
import { debounce } from '../../utils';
|
|
4
|
-
export const useElementHeight = (deps = []) => {
|
|
5
|
-
const [contentHeight, setContentHeight] = useState(0);
|
|
6
|
-
const ref = useRef(null);
|
|
7
|
-
const handleContentResize = useCallback(debounce(setContentHeight, 50), []);
|
|
8
|
-
useLayoutEffect(() => {
|
|
9
|
-
if (ref.current) {
|
|
10
|
-
const { height } = ref.current.getBoundingClientRect();
|
|
11
|
-
setContentHeight(height);
|
|
12
|
-
}
|
|
13
|
-
}, deps);
|
|
14
|
-
useLayoutEffect(() => {
|
|
15
|
-
if (!ref.current)
|
|
16
|
-
return;
|
|
17
|
-
const resizeObserver = new ResizeObserver(entries => {
|
|
18
|
-
entries.forEach(entry => {
|
|
19
|
-
const { height } = entry.contentRect;
|
|
20
|
-
handleContentResize(height);
|
|
21
|
-
});
|
|
22
|
-
});
|
|
23
|
-
resizeObserver.observe(ref.current);
|
|
24
|
-
return () => resizeObserver.disconnect();
|
|
25
|
-
}, []);
|
|
26
|
-
return [ref, contentHeight];
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=useElementHeight.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useElementHeight.js","sourceRoot":"","sources":["../../../src/hooks/useElementHeight/useElementHeight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,cAAc,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAIrC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAuB,EAAE,EAAE,EAAE;IAC5D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC,gBAAgB,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAE5E,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,MAAM,EAAC,MAAM,EAAC,GAAG,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACrD,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAO;QACzB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAClD,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,WAAW,CAAC;gBACnC,mBAAmB,CAAC,MAAM,CAAC,CAAC;YAC9B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEpC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,GAAG,EAAE,aAAa,CAAU,CAAC;AACvC,CAAC,CAAC"}
|