@odx/websites-react 1.1.2 → 1.1.4

package/dist/components/images-icons/image/Image.d.ts

@@ -9,6 +9,7 @@ export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement>, V
 }
 declare const imageVariants: (props?: ({
     ratio?: "16/9" | "16/6" | "9/11" | "4/3" | "3/2" | "1/1" | null | undefined;
+    fit?: "contain" | "cover" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
 export { Image };

package/dist/components/images-icons/image/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACxE,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,QAAA,MAAM,aAAa;;mFAYjB,CAAC;AAEH,QAAA,MAAM,KAAK,qFAsBV,CAAC;AAGF,OAAO,EAAC,KAAK,EAAC,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACxE,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,QAAA,MAAM,aAAa;;;mFAkBjB,CAAC;AAEH,QAAA,MAAM,KAAK,qFAmBV,CAAC;AAGF,OAAO,EAAC,KAAK,EAAC,CAAC"}

package/dist/components/images-icons/image/Image.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 import * as React from 'react';
 import { cn } from '../../../utils';
-const imageVariants = cva('object-cover', {
+const imageVariants = cva('', {
     variants: {
         ratio: {
             '16/9': 'aspect-16/9',
@@ -12,13 +12,19 @@ const imageVariants = cva('object-cover', {
             '3/2': 'aspect-3/2',
             '1/1': 'aspect-1/1',
         },
+        fit: {
+            cover: 'object-cover',
+            contain: 'object-contain',
+        },
+    },
+    defaultVariants: {
+        fit: 'contain',
     },
-    defaultVariants: {},
 });
-const Image = React.forwardRef(({ ratio, className, sources, ...props }, ref) => {
+const Image = React.forwardRef(({ ratio, fit, className, sources, ...props }, ref) => {
     if (!props.src)
         return;
-    const imgClasses = cn(imageVariants({ ratio, className }), 'object-cover w-full');
+    const imgClasses = cn(imageVariants({ ratio, fit, className }), 'w-full');
     if (sources) {
         return (_jsxs("picture", { ref: ref, children: [sources?.map((source, key) => (_jsx("source", { ...source }, `source-${key}`))), _jsx("img", { className: imgClasses, ...props })] }));
     }

package/dist/components/images-icons/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAYlC,MAAM,aAAa,GAAG,GAAG,CAAC,cAAc,EAAE;IACxC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,2BAA2B;YACnC,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;SACpB;KACF;IACD,eAAe,EAAE,EAAE;CACpB,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC7C,IAAI,CAAC,KAAK,CAAC,GAAG;QAAE,OAAO;IAEvB,MAAM,UAAU,GAAG,EAAE,CACnB,aAAa,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,EACjC,qBAAqB,CACtB,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,mBAAS,GAAG,EAAE,GAAG,aACd,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,oBAAkC,MAAM,IAA3B,UAAU,GAAG,EAAE,CAAgB,CAC7C,CAAC,EACF,cAAK,SAAS,EAAE,UAAU,KAAM,KAAK,GAAI,IACjC,CACX,CAAC;IACJ,CAAC;IAED,OAAO,cAAK,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AAC7D,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAC,KAAK,EAAC,CAAC"}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAYlC,MAAM,aAAa,GAAG,GAAG,CAAC,EAAE,EAAE;IAC5B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,2BAA2B;YACnC,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;SACpB;QACD,GAAG,EAAE;YACH,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,gBAAgB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,GAAG,EAAE,SAAS;KACf;CACF,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAClD,IAAI,CAAC,KAAK,CAAC,GAAG;QAAE,OAAO;IAEvB,MAAM,UAAU,GAAG,EAAE,CAAC,aAAa,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IAExE,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,mBAAS,GAAG,EAAE,GAAG,aACd,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,oBAAkC,MAAM,IAA3B,UAAU,GAAG,EAAE,CAAgB,CAC7C,CAAC,EACF,cAAK,SAAS,EAAE,UAAU,KAAM,KAAK,GAAI,IACjC,CACX,CAAC;IACJ,CAAC;IAED,OAAO,cAAK,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AAC7D,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAC,KAAK,EAAC,CAAC"}

package/dist/components/layout/calloutMedia/CalloutMedia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiE7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"CalloutMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkE7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/layout/calloutMedia/CalloutMedia.js

@@ -9,7 +9,7 @@ const CalloutMedia = ({ headline, text, button, image, sectionProps, mediaAlignm
     if (!hasContent)
         return;
     const textElement = hasTextContent && (_jsxs("div", { className: cn('flex flex-col px-12 pb-12 mx-auto pt-9 bg-surface-secondary w-full', mediaAlignment === 'right' && 'xl:order-1'), children: [_jsxs("div", { children: [_jsx(Headline, { underlined: true, headingLevel: "h2", actAs: headlineActAs, className: "pb-6", children: headline }), _jsx(SlimRichText, { bottomSpacing: true, text: text })] }), button && _jsx("div", { className: "self-start xl:mt-auto", children: button })] }));
-    const imageElement = hasImage && (_jsx("div", { className: "relative w-full h-full overflow-hidden xl:col-span-2 aspect-4/3 lg:aspect-16/6", children: _jsx(Image, { ...image, ratio: "16/6", className: "inset-0 object-cover w-full h-full xl:absolute" }) }));
+    const imageElement = hasImage && (_jsx("div", { className: "relative w-full h-full overflow-hidden xl:col-span-2 aspect-4/3 lg:aspect-16/6", children: _jsx(Image, { ...image, fit: "cover", ratio: "16/6", className: "inset-0 w-full h-full xl:absolute" }) }));
     return (_jsx(SectionWrapper, { className: cn('py-0', sectionProps?.className), ...sectionProps, children: _jsx(Container, { paddingTop: 'none', fullWidth: true, children: _jsxs("div", { className: cn('grid xl:grid-flow-col w-full min-h-full', hasImage && 'xl:grid-cols-3 xl:h-full'), children: [textElement, imageElement] }) }) }));
 };
 export { CalloutMedia };

package/dist/components/layout/calloutMedia/CalloutMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,QAAQ,EACR,SAAS,EACT,YAAY,GAGb,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAahE,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,EACZ,cAAc,GAAG,MAAM,EACvB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,cAAc,IAAI,QAAQ,CAAC,CAAC;IAEvD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,MAAM,WAAW,GAAG,cAAc,IAAI,CACpC,eACE,SAAS,EAAE,EAAE,CACX,oEAAoE,EACpE,cAAc,KAAK,OAAO,IAAI,YAAY,CAC3C,aAED,0BACE,KAAC,QAAQ,IACP,UAAU,QACV,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,MAAM,YAEf,QAAQ,GACA,EACX,KAAC,YAAY,IAAC,aAAa,QAAC,IAAI,EAAE,IAAI,GAAI,IACtC,EACL,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,QAAQ,IAAI,CAC/B,cAAK,SAAS,EAAC,gFAAgF,YAC7F,KAAC,KAAK,OACA,KAAK,EACT,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,gDAAgD,GAC1D,GACE,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,KAC1C,YAAY,YAEhB,KAAC,SAAS,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,kBACtC,eACE,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,QAAQ,IAAI,0BAA0B,CACvC,aAEA,WAAW,EACX,YAAY,IACT,GACI,GACG,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,QAAQ,EACR,SAAS,EACT,YAAY,GAGb,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAahE,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,EACZ,cAAc,GAAG,MAAM,EACvB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,cAAc,IAAI,QAAQ,CAAC,CAAC;IAEvD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,MAAM,WAAW,GAAG,cAAc,IAAI,CACpC,eACE,SAAS,EAAE,EAAE,CACX,oEAAoE,EACpE,cAAc,KAAK,OAAO,IAAI,YAAY,CAC3C,aAED,0BACE,KAAC,QAAQ,IACP,UAAU,QACV,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,MAAM,YAEf,QAAQ,GACA,EACX,KAAC,YAAY,IAAC,aAAa,QAAC,IAAI,EAAE,IAAI,GAAI,IACtC,EACL,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,QAAQ,IAAI,CAC/B,cAAK,SAAS,EAAC,gFAAgF,YAC7F,KAAC,KAAK,OACA,KAAK,EACT,GAAG,EAAC,OAAO,EACX,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,mCAAmC,GAC7C,GACE,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,KAC1C,YAAY,YAEhB,KAAC,SAAS,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,kBACtC,eACE,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,QAAQ,IAAI,0BAA0B,CACvC,aAEA,WAAW,EACX,YAAY,IACT,GACI,GACG,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/layout/list/List.js

@@ -9,10 +9,10 @@ const orderedListClasses = `
 `;
 const OrderedList = ({ className, variant = 'medium', ...props }) => (_jsx(BodyText, { asChild: true, variant: variant, children: _jsx("ol", { ...props, className: cn(orderedListClasses, className) }) }));
 const unorderedListClasses = `
-  list-inside [list-style-type:"—_"]
+  pl-5 [list-style-type:"—_"]
   [&_ul]:list-none
   [&_ul_li]:before:content-[""] [&_ul_li]:before:absolute [&_ul_li]:before:size-1 [&_ul_li]:before:bg-text-primary [&_ul_li]:before:-ml-2.5 [&_ul_li]:before:text-[0.75rem]
-  [&_li_>_ul]:ml-8
+  [&_li_>_ul]:ml-3
 `;
 const unorderedListVariants = cva(unorderedListClasses, {
     variants: {

package/package.json

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