@odx/websites-react 1.2.21 → 1.2.22

package/dist/web/index.d.ts

@@ -7,6 +7,7 @@ export * from './sections/questionnaireFormSection';
 export * from './layout/contactListItem';
 export * from './layout/studentsJobList';
 export * from './sections/contentHeaders';
+export * from './sections/shoutOutSection';
 /**
  * Layout
  */

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,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAE1C;;GAEG;AACH,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAEtD;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,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,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAE3C;;GAEG;AACH,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAEtD;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}

package/dist/web/index.js

@@ -7,6 +7,7 @@ export * from './sections/questionnaireFormSection';
 export * from './layout/contactListItem';
 export * from './layout/studentsJobList';
 export * from './sections/contentHeaders';
+export * from './sections/shoutOutSection';
 /**
  * Layout
  */

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,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAE1C;;GAEG;AACH,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAEtD;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAE3C;;GAEG;AACH,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAEtD;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}

package/dist/web/sections/shoutOutSection/ShoutOutSection.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type HeadlineProps } from '../../../components/typography/headline';
+import { type ImageProps } from '../../../components/images-icons/image';
+import { LinkButtonProps } from '../../../components/actions/button';
+import { type VariantProps } from 'class-variance-authority';
+declare const shoutOutSectionVariants: (props?: ({
+    background?: "primary" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ShoutOutSectionProps extends VariantProps<typeof shoutOutSectionVariants>, React.HTMLAttributes<HTMLDivElement> {
+    headline: string;
+    headlineActAs?: HeadlineProps['actAs'];
+    copytext: string;
+    imageProps: ImageProps;
+    firstLinkButtonProps: Omit<LinkButtonProps, 'variant' | 'theme'>;
+    secondaryLinkButtonProps?: Omit<LinkButtonProps, 'variant' | 'theme'>;
+}
+declare const ShoutOutSection: React.FC<ShoutOutSectionProps>;
+export { ShoutOutSection };
+//# sourceMappingURL=ShoutOutSection.d.ts.map

package/dist/web/sections/shoutOutSection/ShoutOutSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShoutOutSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/shoutOutSection/ShoutOutSection.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;AAE9E,OAAO,EAAC,eAAe,EAAa,MAAM,oCAAoC,CAAC;AAE/E,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,QAAA,MAAM,uBAAuB;;8EAU3B,CAAC;AAEH,MAAM,WAAW,oBACf,SAAQ,YAAY,CAAC,OAAO,uBAAuB,CAAC,EAClD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,oBAAoB,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;IACjE,wBAAwB,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;CACvE;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkEnD,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}

package/dist/web/sections/shoutOutSection/ShoutOutSection.js

@@ -0,0 +1,25 @@
+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 { cn } from '../../../utils';
+import { LinkButton } from '../../../components/actions/button';
+import { SlimRichText } from '../../../components/layout/text';
+import { cva } from 'class-variance-authority';
+const shoutOutSectionVariants = cva('rounded-md', {
+    variants: {
+        background: {
+            primary: 'bg-surface-brand text-draeger-white',
+            secondary: 'bg-surface-secondary',
+        },
+    },
+    defaultVariants: {
+        background: 'primary',
+    },
+});
+const ShoutOutSection = ({ background, imageProps, headline, headlineActAs, copytext, firstLinkButtonProps, secondaryLinkButtonProps, ...props }) => {
+    return (_jsx(Container, { children: _jsx(BlockGrid, { children: _jsx(BlockChildrenWidthContainer, { children: _jsxs("div", { className: cn(shoutOutSectionVariants({ background }), props.className), ...props, children: [_jsx(Image, { ...imageProps, className: cn('aspect-3/2 lg:aspect-16/6 p-6 pb-0', imageProps.className) }), _jsxs("div", { className: "flex flex-col gap-6 p-8 lg:p-12", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Headline, { textColor: 'inherit', headingLevel: 'h3', spacingBottom: false, actAs: headlineActAs, children: headline }), _jsx(SlimRichText, { textColor: 'inherit', text: copytext, bottomSpacing: false })] }), _jsxs("div", { className: "flex flex-col gap-4 lg:flex-row", children: [firstLinkButtonProps && (_jsx(LinkButton, { variant: 'secondary', theme: background === 'primary' ? 'dark' : undefined, ...firstLinkButtonProps })), secondaryLinkButtonProps && (_jsx(LinkButton, { variant: 'ghost', theme: background === 'primary' ? 'dark' : undefined, ...secondaryLinkButtonProps }))] })] })] }) }) }) }));
+};
+export { ShoutOutSection };
+//# sourceMappingURL=ShoutOutSection.js.map

package/dist/web/sections/shoutOutSection/ShoutOutSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShoutOutSection.js","sourceRoot":"","sources":["../../../../src/web/sections/shoutOutSection/ShoutOutSection.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,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAkB,UAAU,EAAC,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAC,YAAY,EAAC,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAEhE,MAAM,uBAAuB,GAAG,GAAG,CAAC,YAAY,EAAE;IAChD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,qCAAqC;YAC9C,SAAS,EAAE,sBAAsB;SAClC;KACF;IACD,eAAe,EAAE;QACf,UAAU,EAAE,SAAS;KACtB;CACF,CAAC,CAAC;AAaH,MAAM,eAAe,GAAmC,CAAC,EACvD,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,oBAAoB,EACpB,wBAAwB,EACxB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,cACR,KAAC,SAAS,cACR,KAAC,2BAA2B,cAC1B,eACE,SAAS,EAAE,EAAE,CACX,uBAAuB,CAAC,EAAC,UAAU,EAAC,CAAC,EACrC,KAAK,CAAC,SAAS,CAChB,KACG,KAAK,aAET,KAAC,KAAK,OACA,UAAU,EACd,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,UAAU,CAAC,SAAS,CACrB,GACD,EACF,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,EAClB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAE,aAAa,YAEnB,QAAQ,GACA,EACX,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,QAAQ,EACd,aAAa,EAAE,KAAK,GACpB,IACE,EACN,eAAK,SAAS,EAAC,iCAAiC,aAC7C,oBAAoB,IAAI,CACvB,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KAChD,oBAAoB,GACxB,CACH,EACA,wBAAwB,IAAI,CAC3B,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KAChD,wBAAwB,GAC5B,CACH,IACG,IACF,IACF,GACsB,GACpB,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}

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

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

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

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

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

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

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/websites-react",
   "author": "Drägerwerk AG & Co. KGaA",
-  "version": "1.2.21",
+  "version": "1.2.22",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "ODX React component library for websites",
   "type": "module",
@@ -126,6 +126,7 @@
     "./web/productCompareSection": "./dist/web/productCompareSection/index.js",
     "./components/icon": "./dist/components/icon/index.js",
     "./web/sections/contentHeaders": "./dist/web/sections/contentHeaders/index.js",
+    "./web/sections/shoutOutSection": "./dist/web/sections/shoutOutSection/index.js",
     "./web/layout/studentsJobList": "./dist/web/layout/studentsJobList/index.js"
   },
   "typesVersions": {
@@ -484,6 +485,9 @@
       "web/sections/contentHeaders": [
         "./dist/web/sections/contentHeaders/index.d.ts"
       ],
+      "web/sections/shoutOutSection": [
+        "./dist/web/sections/shoutOutSection/index.d.ts"
+      ],
       "web/layout/studentsJobList": [
         "./dist/web/layout/studentsJobList/index.d.ts"
       ]