@odx/websites-react 0.0.8 → 0.1.0

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.8",
+  "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",
@@ -84,10 +84,10 @@
     "typescript": "^5.3.2",
     "@odx/eslint-config-websites": "0.0.0",
     "@odx/websites-tsconfig": "0.0.0",
-    "@odx/websites-ui": "0.0.3"
+    "@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"