@odx/websites-react 0.0.7 → 0.1.0

package/dist/web/index.d.ts

@@ -3,31 +3,12 @@
  */
 export * from './sections/calloutContact';
 export * from './sections/contentSection';
-export * from './sections/mediaGallerySection';
-export * from './sections/productHeroSection';
-export * from './sections/newsroomSection';
 export * from './sections/stageSection';
 export * from './sections/questionnaireFormSection';
-/**
- * Section Boxes
- */
-export * from './boxes/smallImageTextBox';
-export * from './boxes/downloadBox';
-export * from './boxes/textBox';
-export * from './boxes/linkListBox';
-export * from './boxes/accordionBox';
-export * from './boxes/linkListBox';
-export * from './boxes/mediaTeaserBox';
-export * from './boxes/multiColumnTableBox';
-export * from './boxes/teaserCardBox';
-export * from './boxes/contentSliderBox';
-export * from './boxes/productBox';
 /**
  * Layout
  */
 export * from './layout/contentHeadings';
-/**
- * Page Templates
- */
-export * from './pageTemplates/sitemap';
+export * from './sections/contentBlock';
+export * from './sections/contentGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/web/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AAEpD;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AAEnC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AAEpD;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC"}

package/dist/web/index.js

@@ -3,31 +3,12 @@
  */
 export * from './sections/calloutContact';
 export * from './sections/contentSection';
-export * from './sections/mediaGallerySection';
-export * from './sections/productHeroSection';
-export * from './sections/newsroomSection';
 export * from './sections/stageSection';
 export * from './sections/questionnaireFormSection';
-/**
- * Section Boxes
- */
-export * from './boxes/smallImageTextBox';
-export * from './boxes/downloadBox';
-export * from './boxes/textBox';
-export * from './boxes/linkListBox';
-export * from './boxes/accordionBox';
-export * from './boxes/linkListBox';
-export * from './boxes/mediaTeaserBox';
-export * from './boxes/multiColumnTableBox';
-export * from './boxes/teaserCardBox';
-export * from './boxes/contentSliderBox';
-export * from './boxes/productBox';
 /**
  * Layout
  */
 export * from './layout/contentHeadings';
-/**
- * Page Templates
- */
-export * from './pageTemplates/sitemap';
+export * from './sections/contentBlock';
+export * from './sections/contentGroup';
 //# sourceMappingURL=index.js.map

package/dist/web/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AAEpD;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AAEnC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AAEpD;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC"}

package/dist/web/layout/contentHeadings/ContentHeadings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentHeadings.d.ts","sourceRoot":"","sources":["../../../../src/web/layout/contentHeadings/ContentHeadings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BlD,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}
+{"version":3,"file":"ContentHeadings.d.ts","sourceRoot":"","sources":["../../../../src/web/layout/contentHeadings/ContentHeadings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgClD,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}

package/dist/web/layout/contentHeadings/ContentHeadings.js

@@ -4,7 +4,7 @@ import { SlimRichText } from '../../../components/layout/slimRichText';
 import { cn } from '../../../utils';
 const ContentHeadings = ({ type, headline, text, className, ...props }) => {
     const headingLevel = type === 'section' ? 'h2' : type === 'block' ? 'h3' : 'h4';
-    return (_jsxs("div", { className: cn(type !== 'section' && 'pb-10', className), ...props, children: [headline && (_jsx(Headline, { headingLevel: headingLevel, underlined: type === 'section', className: type === 'section' ? 'pb-4 xl:pb-6' : '', children: headline })), text && (_jsx(SlimRichText, { variant: type === 'section' ? 'large' : 'medium', text: text }))] }));
+    return (_jsxs("div", { "data-name": `ContentHeadings-${type}`, className: cn(type !== 'section' && 'pb-10', className), ...props, children: [headline && (_jsx(Headline, { headingLevel: headingLevel, underlined: type === 'section', className: type === 'section' ? 'pb-4 xl:pb-6' : '', children: headline })), text && (_jsx(SlimRichText, { variant: type === 'section' ? 'large' : 'medium', text: text }))] }));
 };
 export { ContentHeadings };
 //# sourceMappingURL=ContentHeadings.js.map

package/dist/web/layout/contentHeadings/ContentHeadings.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentHeadings.js","sourceRoot":"","sources":["../../../../src/web/layout/contentHeadings/ContentHeadings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAC,YAAY,EAAC,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AASlC,MAAM,eAAe,GAAkC,CAAC,EACtD,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,YAAY,GAChB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,IAAI,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,aACpE,QAAQ,IAAI,CACX,KAAC,QAAQ,IACP,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,IAAI,KAAK,SAAS,EAC9B,SAAS,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAElD,QAAQ,GACA,CACZ,EACA,IAAI,IAAI,CACP,KAAC,YAAY,IACX,OAAO,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAChD,IAAI,EAAE,IAAI,GACV,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}
+{"version":3,"file":"ContentHeadings.js","sourceRoot":"","sources":["../../../../src/web/layout/contentHeadings/ContentHeadings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAC,YAAY,EAAC,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AASlC,MAAM,eAAe,GAAkC,CAAC,EACtD,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,YAAY,GAChB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,OAAO,CACL,4BACa,mBAAmB,IAAI,EAAE,EACpC,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,IAAI,OAAO,EAAE,SAAS,CAAC,KACnD,KAAK,aAER,QAAQ,IAAI,CACX,KAAC,QAAQ,IACP,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,IAAI,KAAK,SAAS,EAC9B,SAAS,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAElD,QAAQ,GACA,CACZ,EACA,IAAI,IAAI,CACP,KAAC,YAAY,IACX,OAAO,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAChD,IAAI,EAAE,IAAI,GACV,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}

package/dist/web/sections/calloutContact/CalloutContact.d.ts

@@ -6,7 +6,7 @@ export interface CalloutContactColumnProps {
     text01?: string;
     text02?: string;
 }
-export interface CalloutContactProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CalloutContactProps {
     title: string;
     children?: React.ReactNode;
     sectionProps?: SectionWrapperProps;

package/dist/web/sections/calloutContact/CalloutContact.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutContact.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC;AAGD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA2BpE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BxD,CAAC"}
+{"version":3,"file":"CalloutContact.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAe,KAAK,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AAK3E,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC;AAGD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAyBpE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAexD,CAAC"}

package/dist/web/sections/calloutContact/CalloutContact.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ContentArea } from '../../../components/layout/contentArea';
-import { Grid, GridItem } from '../../../components/layout/grid';
 import { Headline } from '../../../components/typography/headline';
 import { BodyText } from '../../../components/typography/bodyText';
 import { SvgIcon } from '../../../components/images-icons/svg-icon';
 import { IconPhone } from '../../../icons';
-import { SlimRichText, SectionWrapper, } from '../../../components';
-import { cn } from '../../../utils';
+import { SlimRichText } from '../../../components';
+import { ContentGroup } from '../contentGroup';
+import { ContentBlock } from '../contentBlock';
+import { ContentSection } from '../contentSection';
 // TODO: CalloutContact has its own styles for rich text, will be defined later
-export const CalloutContactColumn = ({ headline, phoneNumber, text01, text02, }) => (_jsx(GridItem, { children: _jsxs("div", { className: "flex flex-col gap-y-3", children: [_jsx(Headline, { headingLevel: "h4", children: headline }), _jsx(SlimRichText, { variant: 'small', text: text01 }), _jsxs("a", { className: "self-start", target: "_self", href: `tel:${phoneNumber.replace(/\s/g, '')}`, children: [_jsx(SvgIcon, { className: "inline-block mr-2 align-middle", icon: IconPhone, size: 'md' }), _jsx(BodyText, { variant: 'small', className: "inline-block align-middle", children: phoneNumber })] }), _jsx(SlimRichText, { variant: 'small', text: text02 })] }) }));
-export const CalloutContact = ({ title, children, className, sectionProps, }) => {
-    return (_jsx(SectionWrapper, { className: cn('pt-16 pb-20 bg-draeger-pale-blue text-draeger-dark-blue', className), ...sectionProps, children: _jsxs(ContentArea, { className: "mb-20", children: [_jsx("p", { className: "mb-8 font-display font-semibold text-[2rem] leading-[1.14]", children: title }), _jsx(Grid, { cols: 3, className: "gap-x-10 gap-y-10 md:gap-x-4 md:gap-y-9 lg:gap-x-6", children: children })] }) }));
+export const CalloutContactColumn = ({ headline, phoneNumber, text01, text02, }) => (_jsxs("div", { className: "flex flex-col gap-y-3", children: [_jsx(Headline, { headingLevel: "h4", children: headline }), _jsx(SlimRichText, { variant: 'small', text: text01 }), _jsxs("a", { className: "self-start", target: "_self", href: `tel:${phoneNumber.replace(/\s/g, '')}`, children: [_jsx(SvgIcon, { className: "inline-block mr-2 align-middle", icon: IconPhone, size: 'md' }), _jsx(BodyText, { variant: 'small', className: "inline-block align-middle", children: phoneNumber })] }), _jsx(SlimRichText, { variant: 'small', text: text02 })] }));
+export const CalloutContact = ({ title, children, sectionProps, }) => {
+    return (_jsx(ContentSection, { sectionProps: { background: 'paleBlue', ...sectionProps }, children: _jsxs(ContentBlock, { className: "mb-20", children: [_jsx("p", { className: "mb-8 font-display text-[2rem] leading-[1.14] text-draeger-dark-blue", children: title }), _jsx(ContentGroup, { cols: 3, children: children })] }) }));
 };
 //# sourceMappingURL=CalloutContact.js.map

package/dist/web/sections/calloutContact/CalloutContact.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutContact.js","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,WAAW,EAAC,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAC,OAAO,EAAC,MAAM,2CAA2C,CAAC;AAClE,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EACL,YAAY,EACZ,cAAc,GAEf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAgBlC,+EAA+E;AAC/E,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,QAAQ,EACR,WAAW,EACX,MAAM,EACN,MAAM,GACP,EAAE,EAAE,CAAC,CACJ,KAAC,QAAQ,cACP,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,YAAE,QAAQ,GAAY,EACjD,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAI,EAChD,aACE,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,OAAO,EACd,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,aAE7C,KAAC,OAAO,IACN,SAAS,EAAC,gCAAgC,EAC1C,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,GACV,EACF,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,2BAA2B,YAC9D,WAAW,GACH,IACT,EACJ,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAI,IAC5C,GACG,CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,SAAS,CACV,KACG,YAAY,YAEhB,MAAC,WAAW,IAAC,SAAS,EAAC,OAAO,aAC5B,YAAG,SAAS,EAAC,4DAA4D,YACtE,KAAK,GACJ,EACJ,KAAC,IAAI,IACH,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,oDAAoD,YAE7D,QAAQ,GACJ,IACK,GACC,CAClB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CalloutContact.js","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAC,OAAO,EAAC,MAAM,2CAA2C,CAAC;AAClE,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,YAAY,EAA2B,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAejD,+EAA+E;AAC/E,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,QAAQ,EACR,WAAW,EACX,MAAM,EACN,MAAM,GACP,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,YAAE,QAAQ,GAAY,EACjD,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAI,EAChD,aACE,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,OAAO,EACd,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,aAE7C,KAAC,OAAO,IACN,SAAS,EAAC,gCAAgC,EAC1C,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,GACV,EACF,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,2BAA2B,YAC9D,WAAW,GACH,IACT,EACJ,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAI,IAC5C,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,KAAC,cAAc,IAAC,YAAY,EAAE,EAAC,UAAU,EAAE,UAAU,EAAE,GAAG,YAAY,EAAC,YACrE,MAAC,YAAY,IAAC,SAAS,EAAC,OAAO,aAC7B,YAAG,SAAS,EAAC,qEAAqE,YAC/E,KAAK,GACJ,EACJ,KAAC,YAAY,IAAC,IAAI,EAAE,CAAC,YAAG,QAAQ,GAAgB,IACnC,GACA,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/web/sections/contentBlock/ContentBlock.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type BlockProps } from '../../../components/layout/block';
+export interface ContentBlockProps extends BlockProps {
+    disableGutters?: boolean;
+    headline?: string;
+    text?: string;
+}
+declare const ContentBlock: React.FC<ContentBlockProps>;
+export { ContentBlock };
+//# sourceMappingURL=ContentBlock.d.ts.map

package/dist/web/sections/contentBlock/ContentBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBlock.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/contentBlock/ContentBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAIxE,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgC7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/web/sections/contentBlock/ContentBlock.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Block } from '../../../components/layout/block';
+import { cn } from '../../../utils';
+import { ContentHeadings } from '../../layout/contentHeadings';
+const ContentBlock = ({ children, disableGutters = false, headline, text, ...props }) => (_jsxs(_Fragment, { children: [_jsx(Block, { className: cn(!disableGutters &&
+                'pt-section-padding-top-2xl pb-section-padding-bottom-2xl'), elementWidth: 'medium', ...props, children: (headline || text) && (_jsx(ContentHeadings, { type: "block", headline: headline, text: text })) }), _jsx(Block, { wrapperBlockProps: { 'data-name': 'ContentBlock-Grid' }, "data-name": "ContentBlock-Children-Width", className: cn(!disableGutters &&
+                'pt-section-padding-top-2xl pb-section-padding-bottom-2xl'), ...props, children: children })] }));
+export { ContentBlock };
+//# sourceMappingURL=ContentBlock.js.map

package/dist/web/sections/contentBlock/ContentBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBlock.js","sourceRoot":"","sources":["../../../../src/web/sections/contentBlock/ContentBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAkB,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAQ7D,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,8BACE,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CACX,CAAC,cAAc;gBACb,0DAA0D,CAC7D,EACD,YAAY,EAAE,QAAQ,KAClB,KAAK,YAER,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CACrB,KAAC,eAAe,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,CACjE,GACK,EACR,KAAC,KAAK,IACJ,iBAAiB,EAAE,EAAC,WAAW,EAAE,mBAAmB,EAAC,eAC3C,6BAA6B,EACvC,SAAS,EAAE,EAAE,CACX,CAAC,cAAc;gBACb,0DAA0D,CAC7D,KACG,KAAK,YAER,QAAQ,GACH,IACP,CACJ,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/web/sections/contentBlock/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ContentBlock';
+//# sourceMappingURL=index.d.ts.map

package/dist/web/sections/contentBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/contentBlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/web/sections/contentBlock/index.js

@@ -0,0 +1,2 @@
+export * from './ContentBlock';
+//# sourceMappingURL=index.js.map

package/dist/web/sections/contentBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/sections/contentBlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/web/sections/contentGroup/ContentGroup.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export interface ContentGroupProps extends VariantProps<typeof contentGroupVariants>, React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+declare const contentGroupVariants: (props?: ({
+    cols?: 2 | 3 | 4 | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const ContentGroup: React.FC<ContentGroupProps>;
+export { ContentGroup };
+//# sourceMappingURL=ContentGroup.d.ts.map

package/dist/web/sections/contentGroup/ContentGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroup.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/contentGroup/ContentGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,OAAO,oBAAoB,CAAC,EAC/C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,oBAAoB;;mFAWxB,CAAC;AAEH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAa7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/web/sections/contentGroup/ContentGroup.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../utils';
+import { cva } from 'class-variance-authority';
+const contentGroupVariants = cva('grid grid-cols-1 gap-6', {
+    variants: {
+        cols: {
+            2: 'lg:grid-cols-2',
+            3: 'lg:grid-cols-3',
+            4: 'lg:grid-cols-4',
+        },
+    },
+    defaultVariants: {
+        cols: 4,
+    },
+});
+const ContentGroup = ({ children, cols, className, ...props }) => (_jsx("div", { "data-name": `ContentGroup-${cols}-cols`, className: cn(contentGroupVariants({ cols }), className), ...props, children: children }));
+export { ContentGroup };
+//# sourceMappingURL=ContentGroup.js.map

package/dist/web/sections/contentGroup/ContentGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroup.js","sourceRoot":"","sources":["../../../../src/web/sections/contentGroup/ContentGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAQhE,MAAM,oBAAoB,GAAG,GAAG,CAAC,wBAAwB,EAAE;IACzD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,CAAC,EAAE,gBAAgB;YACnB,CAAC,EAAE,gBAAgB;YACnB,CAAC,EAAE,gBAAgB;SACpB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,2BACa,gBAAgB,IAAI,OAAO,EACtC,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAClD,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/web/sections/contentGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ContentGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/web/sections/contentGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/contentGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/web/sections/contentGroup/index.js

@@ -0,0 +1,2 @@
+export * from './ContentGroup';
+//# sourceMappingURL=index.js.map

package/dist/web/sections/contentGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/sections/contentGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/web/sections/contentSection/ContentSection.d.ts

@@ -1,12 +1,10 @@
 import * as React from 'react';
-import { type ContentAreaProps } from '../../../components';
 import { type SectionWrapperProps } from '../../../components/layout/sectionWrapper';
-export interface ContentSectionProps {
-    headline: string;
-    copy?: string;
-    children?: React.ReactNode;
+import { type ContainerProps } from '../../../components/layout/container';
+export interface ContentSectionProps extends ContainerProps {
     sectionProps?: SectionWrapperProps;
-    contentAreaProps?: ContentAreaProps;
+    headline?: string;
+    text?: string;
 }
 declare const ContentSection: React.FC<ContentSectionProps>;
 export { ContentSection };

package/dist/web/sections/contentSection/ContentSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/contentSection/ContentSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,KAAK,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AACvE,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,2CAA2C,CAAC;AAGnD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkBjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
+{"version":3,"file":"ContentSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/contentSection/ContentSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,sCAAsC,CAAC;AAK9C,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}

package/dist/web/sections/contentSection/ContentSection.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SectionHeaderWithSubtitle } from '../../../components/typography/sectionHeaderWithSubtitle/SectionHeaderWithSubtitle';
-import { ContentArea } from '../../../components';
 import { SectionWrapper, } from '../../../components/layout/sectionWrapper';
+import { Container, } from '../../../components/layout/container';
 import { cn } from '../../../utils';
-const ContentSection = ({ headline, copy, children, sectionProps, contentAreaProps, }) => {
-    return (_jsxs(SectionWrapper, { ...sectionProps, children: [_jsx(ContentArea, { ...contentAreaProps, className: cn('flex flex-col gap-y-20', contentAreaProps?.className), children: _jsx(SectionHeaderWithSubtitle, { header: headline, subtitle: copy }) }), children] }));
-};
+import { Block } from '../../../components';
+import { ContentHeadings } from '../../layout/contentHeadings';
+const ContentSection = ({ children, sectionProps, headline, text, }) => (_jsx(SectionWrapper, { className: cn(sectionProps?.className), ...sectionProps, children: _jsxs(Container, { "data-name": "ContentSection", className: "pt-section-padding-top-2xl pb-section-padding-bottom-vertical", children: [(headline || text) && (_jsx(Block, { elementWidth: 'medium', children: _jsx(ContentHeadings, { type: "section", headline: headline, text: text }) })), children] }) }));
 export { ContentSection };
 //# sourceMappingURL=ContentSection.js.map

package/dist/web/sections/contentSection/ContentSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSection.js","sourceRoot":"","sources":["../../../../src/web/sections/contentSection/ContentSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,yBAAyB,EAAC,MAAM,oFAAoF,CAAC;AAC7H,OAAO,EAAC,WAAW,EAAwB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAEL,cAAc,GACf,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAUlC,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,gBAAgB,GACjB,EAAE,EAAE;IACH,OAAO,CACL,MAAC,cAAc,OAAK,YAAY,aAC9B,KAAC,WAAW,OACN,gBAAgB,EACpB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,gBAAgB,EAAE,SAAS,CAAC,YAEpE,KAAC,yBAAyB,IAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,GAAI,GACnD,EACb,QAAQ,IACM,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
+{"version":3,"file":"ContentSection.js","sourceRoot":"","sources":["../../../../src/web/sections/contentSection/ContentSection.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,GAEf,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,SAAS,GAEV,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAC,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAQ7D,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,IAAI,GACL,EAAE,EAAE,CAAC,CACJ,KAAC,cAAc,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,YAAY,YACtE,MAAC,SAAS,iBACE,gBAAgB,EAC1B,SAAS,EAAC,+DAA+D,aAExE,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CACrB,KAAC,KAAK,IAAC,YAAY,EAAE,QAAQ,YAC3B,KAAC,eAAe,IAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,GAC5D,CACT,EACA,QAAQ,IACC,GACG,CAClB,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}

package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionnaireFormSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/questionnaireFormSection/QuestionnaireFormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,mBAAmB,EAEzB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAsBrE,CAAC;AAEF,OAAO,EAAC,wBAAwB,EAAC,CAAC"}
+{"version":3,"file":"QuestionnaireFormSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/questionnaireFormSection/QuestionnaireFormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAsBrE,CAAC;AAEF,OAAO,EAAC,wBAAwB,EAAC,CAAC"}

package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../utils';
-import { SectionWrapper, ContentArea, Headline, BodyText, } from '../../../components';
-const QuestionnaireFormSection = ({ children, header, text, button, buttonClassName, sectionProps, }) => (_jsx(SectionWrapper, { ...sectionProps, children: _jsx(ContentArea, { width: 2, children: _jsxs("div", { className: cn('flex flex-col gap-y-7 text-draeger-dark-blue'), children: [_jsxs("div", { className: "flex flex-col mb-10 gap-y-4", children: [_jsx(Headline, { headingLevel: "h4", children: header }), text && _jsx(BodyText, { variant: 'small', children: text })] }), children && _jsx("div", { className: "flex flex-col gap-y-11", children: children }), button && (_jsx("div", { className: cn('self-end', buttonClassName), children: button }))] }) }) }));
+import { Headline, BodyText, } from '../../../components';
+import { ContentBlock } from '../contentBlock';
+import { ContentSection } from '../contentSection';
+const QuestionnaireFormSection = ({ children, header, text, button, buttonClassName, sectionProps, }) => (_jsx(ContentSection, { sectionProps: sectionProps, children: _jsx(ContentBlock, { children: _jsxs("div", { className: cn('flex flex-col gap-y-7 text-draeger-dark-blue'), children: [_jsxs("div", { className: "flex flex-col mb-10 gap-y-4", children: [_jsx(Headline, { headingLevel: "h4", children: header }), text && _jsx(BodyText, { variant: 'small', children: text })] }), children && _jsx("div", { className: "flex flex-col gap-y-11", children: children }), button && (_jsx("div", { className: cn('self-end', buttonClassName), children: button }))] }) }) }));
 export { QuestionnaireFormSection };
 //# sourceMappingURL=QuestionnaireFormSection.js.map

package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionnaireFormSection.js","sourceRoot":"","sources":["../../../../src/web/sections/questionnaireFormSection/QuestionnaireFormSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,cAAc,EACd,WAAW,EACX,QAAQ,EAER,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAW7B,MAAM,wBAAwB,GAA4C,CAAC,EACzE,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,MAAM,EACN,eAAe,EACf,YAAY,GACb,EAAE,EAAE,CAAC,CACJ,KAAC,cAAc,OAAK,YAAY,YAC9B,KAAC,WAAW,IAAC,KAAK,EAAE,CAAC,YACnB,eAAK,SAAS,EAAE,EAAE,CAAC,8CAA8C,CAAC,aAChE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,YAAE,MAAM,GAAY,EAC9C,IAAI,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAY,IAClD,EACL,QAAQ,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EACpE,MAAM,IAAI,CACT,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,YAAG,MAAM,GAAO,CAChE,IACG,GACM,GACC,CAClB,CAAC;AAEF,OAAO,EAAC,wBAAwB,EAAC,CAAC"}
+{"version":3,"file":"QuestionnaireFormSection.js","sourceRoot":"","sources":["../../../../src/web/sections/questionnaireFormSection/QuestionnaireFormSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,QAAQ,EACR,QAAQ,GAET,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAWjD,MAAM,wBAAwB,GAA4C,CAAC,EACzE,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,MAAM,EACN,eAAe,EACf,YAAY,GACb,EAAE,EAAE,CAAC,CACJ,KAAC,cAAc,IAAC,YAAY,EAAE,YAAY,YACxC,KAAC,YAAY,cACX,eAAK,SAAS,EAAE,EAAE,CAAC,8CAA8C,CAAC,aAChE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,YAAE,MAAM,GAAY,EAC9C,IAAI,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAY,IAClD,EACL,QAAQ,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EACpE,MAAM,IAAI,CACT,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,YAAG,MAAM,GAAO,CAChE,IACG,GACO,GACA,CAClB,CAAC;AAEF,OAAO,EAAC,wBAAwB,EAAC,CAAC"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type SectionWrapperProps } from '../../../components';
-export interface StageSectionProps {
+export interface StageSectionProps extends React.HTMLAttributes<HTMLElement> {
     image: React.ReactNode;
     button?: React.ReactNode;
     headline: string;

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;AAC/B,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC;AASD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyB7C,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;AAC/B,OAAO,EAIL,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC1E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC;AAGD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6B7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

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

@@ -1,13 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Headline, SectionWrapper, } from '../../../components';
-const stageSectionClasses = `
-  bg-draeger-dark-blue
-  mx-auto max-w-content-1
-  px-3 pt-4 pb-6 md:px-6 md:pt-8 md:pb-10 lg:px-12 lg:pt-9 lg:pb-12
-  flex flex-col items-start gap-y-11 md:gap-y-14 lg:gap-y-20 xl:gap-y-16
-`;
+import { Block, Headline, SectionWrapper, } from '../../../components';
+import { Container } from '../../../components/layout/container';
+// TODO adjust the text element layout after the usage of Container/Block is completed for this component
 const StageSection = ({ button, image, headline, headlineColoredPart, sectionProps, }) => {
-    return (_jsxs(SectionWrapper, { className: "py-0", ...sectionProps, children: [_jsx("div", { className: "w-full -z-10", children: image }), _jsx("div", { className: "relative flex justify-center w-full mx-auto lg:px-9 lg:-mt-40", children: _jsxs("div", { className: stageSectionClasses, children: [_jsxs(Headline, { headingLevel: "h1", className: "text-draeger-white", children: [headline, headlineColoredPart && (_jsxs("span", { className: 'text-draeger-air-blue', children: ["\u00A0", headlineColoredPart] }))] }), button] }) })] }));
+    return (_jsxs(SectionWrapper, { ...sectionProps, children: [_jsx("div", { className: "w-full -z-10", children: image }), _jsx(Container, { className: "relative", children: _jsxs(Block, { className: "flex flex-col items-start py-12 gap-y-16 lg:-mt-40 px-block-horizontal-padding", background: 'darkBlue', elementWidth: 'medium', children: [_jsxs(Headline, { headingLevel: "h1", className: "text-draeger-white", children: [headline, headlineColoredPart && (_jsxs("span", { className: 'text-draeger-air-blue', children: ["\u00A0", headlineColoredPart] }))] }), button] }) })] }));
 };
 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,EACL,QAAQ,EACR,cAAc,GAEf,MAAM,qBAAqB,CAAC;AAU7B,MAAM,mBAAmB,GAAG;;;;;CAK3B,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EACjD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,MAAC,cAAc,IAAC,SAAS,EAAC,MAAM,KAAK,YAAY,aAC/C,cAAK,SAAS,EAAC,cAAc,YAAE,KAAK,GAAO,EAC3C,cAAK,SAAS,EAAC,+DAA+D,YAC5E,eAAK,SAAS,EAAE,mBAAmB,aACjC,MAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,oBAAoB,aACvD,QAAQ,EACR,mBAAmB,IAAI,CACtB,gBAAM,SAAS,EAAE,uBAAuB,uBAC/B,mBAAmB,IACrB,CACR,IACQ,EACV,MAAM,IACH,GACF,IACS,CAClB,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,EACL,KAAK,EACL,QAAQ,EACR,cAAc,GAEf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAU/D,yGAAyG;AACzG,MAAM,YAAY,GAAgC,CAAC,EACjD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,MAAC,cAAc,OAAK,YAAY,aAC9B,cAAK,SAAS,EAAC,cAAc,YAAE,KAAK,GAAO,EAC3C,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,YAC7B,MAAC,KAAK,IACJ,SAAS,EAAC,gFAAgF,EAC1F,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,QAAQ,aAEtB,MAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,oBAAoB,aACvD,QAAQ,EACR,mBAAmB,IAAI,CACtB,gBAAM,SAAS,EAAE,uBAAuB,uBAC/B,mBAAmB,IACrB,CACR,IACQ,EACV,MAAM,IACD,GACE,IACG,CAClB,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": "0.0.7",
+  "version": "0.1.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "ODX React component library for websites",
   "type": "module",
@@ -40,7 +40,7 @@
   "dependencies": {
     "@headlessui/react": "2.1.2",
     "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-navigation-menu": "^1.1.4",
     "@radix-ui/react-popover": "^1.0.7",
@@ -83,11 +83,11 @@
     "tsx": "^4.15.6",
     "typescript": "^5.3.2",
     "@odx/eslint-config-websites": "0.0.0",
-    "@odx/websites-ui": "0.0.3",
-    "@odx/websites-tsconfig": "0.0.0"
+    "@odx/websites-tsconfig": "0.0.0",
+    "@odx/websites-ui": "0.1.0"
   },
   "peerDependencies": {
-    "@odx/websites-ui": ">=0.0.3",
+    "@odx/websites-ui": ">=0.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.3.5"