@odx/websites-react 1.1.149 → 1.1.151

package/dist/web/productFinder/navigation/ProductFinderNavigation.js

@@ -11,7 +11,7 @@ const ProductFinderNavigationItem = ({ LinkComponent = 'a', isActive, ...props }
     return (_jsx(BodyText, { asChild: true, weight: isActive ? 'bold' : 'normal', tabIndex: 0, className: cn(productFinderNavigationItemClasses), children: _jsx(LinkComponent, { ...props }) }));
 };
 const ProductFinderNavigation = ({ children, ...props }) => {
-    return (_jsx("ul", { ...props, className: cn('[&_ul]:pl-4 flex flex-col gap-2', props.className), children: children }));
+    return (_jsx("ul", { ...props, className: cn('[&_ul]:pl-6 flex flex-col gap-2', props.className), children: children }));
 };
 export { ProductFinderNavigation, ProductFinderNavigationItem };
 //# sourceMappingURL=ProductFinderNavigation.js.map

package/dist/web/sections/stageSection/StageSection.d.ts

@@ -1,19 +1,16 @@
 import * as React from 'react';
 import { type HeadlineProps } from '../../../components/typography/headline';
 import { type ImageProps } from '../../../components/images-icons/image';
-import { VariantProps } from 'class-variance-authority';
-interface StageHeadlineBoxProps extends VariantProps<typeof stageHeadlineBoxVariants> {
+interface StageHeadlineBoxProps {
     button?: React.ReactNode;
     headline?: string;
     headlineColoredPart?: string;
     headlineActAs?: HeadlineProps['actAs'];
+    variant: 'primary' | 'secondary';
 }
-export interface StageSectionProps extends React.HTMLAttributes<HTMLElement>, Omit<StageHeadlineBoxProps, 'color'> {
+export interface StageSectionProps extends React.HTMLAttributes<HTMLElement>, Omit<StageHeadlineBoxProps, 'color' | 'variant'> {
     image?: ImageProps;
 }
-declare const stageHeadlineBoxVariants: (props?: ({
-    variant?: "primary" | "secondary" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const StageSection: React.FC<StageSectionProps>;
 export { StageSection };
 //# sourceMappingURL=StageSection.d.ts.map

package/dist/web/sections/stageSection/StageSection.d.ts.map

@@ -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;AAE/B,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAG3D,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;;8EAa7B,CAAC;AAyCF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoD7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"StageSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,wCAAwC,CAAC;AAG9E,UAAU,qBAAqB;IAC7B,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;IACvC,OAAO,EAAE,SAAS,GAAG,WAAW,CAAC;CAClC;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,SAAS,CAAC;IAClD,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAqED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgC7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/web/sections/stageSection/StageSection.js

@@ -1,36 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Container } from '../../../components/layout/container';
+import { BlockChildrenWidthContainer, BlockGrid, } from '../../../components/layout/block';
 import { Headline, } from '../../../components/typography/headline';
 import { Image } from '../../../components/images-icons/image';
-import { cva } from 'class-variance-authority';
-import { getHighlightText } from '../../../utils';
-const stageHeadlineBoxVariants = cva('flex flex-col items-start p-8 pt-6 gap-y-16 max-w-content-block w-full xl:min-h-[135px]', {
-    variants: {
-        variant: {
-            primary: 'bg-surface-brand',
-            secondary: 'bg-surface-secondary',
-        },
-    },
-    defaultVariants: {
-        variant: 'primary',
-    },
-});
+import { cn, getHighlightText } from '../../../utils';
+const stageHeadlineBoxClasses = `
+  max-w-content-block w-full xl:min-h-[135px]
+  flex flex-col items-start gap-y-16
+  xl:px-8 pt-6 pb-8
+`;
 const StageHeadlineBox = ({ headline, headlineColoredPart, headlineActAs, button, variant, }) => {
     const headlineElement = (_jsx(Headline, { headingLevel: "h1", spacingBottom: false, actAs: headlineActAs, className: "w-full text-text-invert", children: getHighlightText(headline, headlineColoredPart).map((part, index) => (_jsx("span", { className: part.highlighted
                 ? 'text-text-accent'
                 : variant === 'primary'
                     ? 'text-text-invert'
                     : 'text-text-primary', children: part.text }, index))) }));
-    return (_jsxs("div", { className: stageHeadlineBoxVariants({ variant }), children: [headlineElement, button] }));
+    const isPrimaryVariant = variant === 'primary';
+    const isSecondaryVariant = variant === 'secondary';
+    return (_jsx(Container, { paddingTop: 'none', paddingBottom: 'none', className: isPrimaryVariant ? 'relative xl:-mt-[135px]' : undefined, background: isSecondaryVariant ? 'secondary' : undefined, children: _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { background: isPrimaryVariant ? 'darkBlue' : undefined, paddingBottom: 'none', children: _jsxs("div", { className: cn(stageHeadlineBoxClasses, isSecondaryVariant && 'my-32'), children: [headlineElement, button] }) }) }) }));
 };
 const StageSection = ({ button, image, headline, headlineColoredPart, headlineActAs, ...props }) => {
     const hasHeadline = !!headline;
     const hasContent = Boolean(image || hasHeadline);
     if (!hasContent)
         return;
-    if (!image && hasHeadline)
-        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 }) }) }));
-    return (_jsxs("section", { ...props, 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:-mt-[135px]", children: _jsx(StageHeadlineBox, { variant: 'primary', button: button, headline: headline, headlineActAs: headlineActAs, headlineColoredPart: headlineColoredPart }) }))] }));
+    const headlineBoxElement = hasHeadline && (_jsx(StageHeadlineBox, { variant: image ? 'primary' : 'secondary', button: button, headline: headline, headlineActAs: headlineActAs, headlineColoredPart: headlineColoredPart }));
+    return (_jsxs("section", { ...props, children: [image && (_jsx("div", { className: "aspect-4/3 lg:aspect-16/6", children: _jsx(Image, { ...image }) })), headlineBoxElement] }));
 };
 export { StageSection };
 //# sourceMappingURL=StageSection.js.map

package/dist/web/sections/stageSection/StageSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"StageSection.js","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EACL,QAAQ,GAET,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAC,KAAK,EAAkB,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAC,GAAG,EAAe,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAgBhD,MAAM,wBAAwB,GAAG,GAAG,CAClC,yFAAyF,EACzF;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,eAAe,GAAG,CACtB,KAAC,QAAQ,IACP,YAAY,EAAC,IAAI,EACjB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,yBAAyB,YAElC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpE,eAEE,SAAS,EACP,IAAI,CAAC,WAAW;gBACd,CAAC,CAAC,kBAAkB;gBACpB,CAAC,CAAC,OAAO,KAAK,SAAS;oBACrB,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,mBAAmB,YAG1B,IAAI,CAAC,IAAI,IATL,KAAK,CAUL,CACR,CAAC,GACO,CACZ,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,wBAAwB,CAAC,EAAC,OAAO,EAAC,CAAC,aAChD,eAAe,EACf,MAAM,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EACjD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,CAAC,QAAQ,CAAC;IAC/B,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,sBAAa,KAAK,aACf,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,KAAC,SAAS,IACR,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAC,yBAAyB,YAEnC,KAAC,gBAAgB,IACf,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,GACxC,GACQ,CACb,IACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"StageSection.js","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EACL,2BAA2B,EAC3B,SAAS,GACV,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,QAAQ,GAET,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAC,KAAK,EAAkB,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAC,EAAE,EAAE,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAgBpD,MAAM,uBAAuB,GAAG;;;;CAI/B,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,CACtB,KAAC,QAAQ,IACP,YAAY,EAAC,IAAI,EACjB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,yBAAyB,YAElC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpE,eAEE,SAAS,EACP,IAAI,CAAC,WAAW;gBACd,CAAC,CAAC,kBAAkB;gBACpB,CAAC,CAAC,OAAO,KAAK,SAAS;oBACrB,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,mBAAmB,YAG1B,IAAI,CAAC,IAAI,IATL,KAAK,CAUL,CACR,CAAC,GACO,CACZ,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,KAAK,SAAS,CAAC;IAC/C,MAAM,kBAAkB,GAAG,OAAO,KAAK,WAAW,CAAC;IAEnD,OAAO,CACL,KAAC,SAAS,IACR,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,SAAS,EACnE,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAExD,KAAC,SAAS,IAAC,aAAa,EAAE,MAAM,YAC9B,KAAC,2BAA2B,IAC1B,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACrD,aAAa,EAAE,MAAM,YAErB,eACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,kBAAkB,IAAI,OAAO,CAC9B,aAEA,eAAe,EACf,MAAM,IACH,GACsB,GACpB,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EACjD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,CAAC,QAAQ,CAAC;IAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC;IACjD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,MAAM,kBAAkB,GAAG,WAAW,IAAI,CACxC,KAAC,gBAAgB,IACf,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACxC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,GACxC,CACH,CAAC;IAEF,OAAO,CACL,sBAAa,KAAK,aACf,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,2BAA2B,YACxC,KAAC,KAAK,OAAK,KAAK,GAAI,GAChB,CACP,EACA,kBAAkB,IACX,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/websites-react",
   "author": "Drägerwerk AG & Co. KGaA",
-  "version": "1.1.149",
+  "version": "1.1.151",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "ODX React component library for websites",
   "type": "module",