@odx/websites-react 0.0.3 → 0.0.4

package/dist/web/sections/quoteSection/QuoteSection.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cva } from 'class-variance-authority';
-import { cn } from '../../../utils';
-import { ContentArea, Grid, GridItem } from '../../../components';
-import { SectionWrapper, } from '../../../components/layout/sectionWrapper';
-import { RichText } from '../../../components';
-/**
- * Defines CSS classes for a quote section with responsive font size and line height.
- * Scaling is based on a factor derived from text length.
- * font-size scaling: scaleFactor * (maxSize - maxSize)  + minSize
- * line-height scaling: (1 - scaleFactor) * (maxHeight - maxHeight) + minHeight
- **/
-const quoteSectionBaseClasses = `mb-9 break-normal font-text font-semibold md:font-display md:font-normal
-  text-[calc(10px*var(--scale-factor)+32px)]
-  md:text-[calc(43px*var(--scale-factor)+32px)]
-  xl:text-[calc(37px*var(--scale-factor)+32px)]
-  leading-[calc((1-var(--scale-factor))*6%+118%)]
-  md:leading-[calc((1-var(--scale-factor))*12%+112%)]
-  xl:leading-[calc((1-var(--scale-factor))*16%+108%)]
-`;
-const quoteSectionVariants = cva(quoteSectionBaseClasses, {
-    variants: {
-        align: {
-            left: 'text-left',
-            center: 'text-center',
-        },
-    },
-    defaultVariants: {
-        align: 'left',
-    },
-});
-const SCALE_LIMIT_IN_CHARS = 1000;
-export const QuoteSection = ({ headline, copyText, align, sectionProps, }) => {
-    const scaleFactor = Math.max(SCALE_LIMIT_IN_CHARS - headline.length, 0) / SCALE_LIMIT_IN_CHARS;
-    return (_jsx(SectionWrapper, { background: 'lightSand', ...sectionProps, children: _jsx(ContentArea, { width: 2, className: "text-draeger-dark-blue", children: _jsx(Grid, { cols: 1, children: _jsx(GridItem, { className: "py-20", children: _jsxs("div", { className: "flex flex-col items-center", children: [_jsx("blockquote", { style: { '--scale-factor': scaleFactor }, className: cn(quoteSectionVariants({ align })), children: _jsx(RichText, { text: headline }) }), _jsx(RichText, { text: copyText?.value, className: "text-xl" })] }) }) }) }) }));
-};
-//# sourceMappingURL=QuoteSection.js.map

package/dist/web/sections/quoteSection/QuoteSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuoteSection.js","sourceRoot":"","sources":["../../../../src/web/sections/quoteSection/QuoteSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAEL,cAAc,GACf,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAoB,MAAM,qBAAqB,CAAC;AAUhE;;;;;IAKI;AAEJ,MAAM,uBAAuB,GAAG;;;;;;;CAO/B,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAAC,uBAAuB,EAAE;IACxD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,WAAW;YACjB,MAAM,EAAE,aAAa;SACtB;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,IAAI,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,YAAY,GACb,EAAE,EAAE;IACH,MAAM,WAAW,GACf,IAAI,CAAC,GAAG,CAAC,oBAAoB,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC;IAE7E,OAAO,CACL,KAAC,cAAc,IAAC,UAAU,EAAE,WAAW,KAAM,YAAY,YACvD,KAAC,WAAW,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAC,wBAAwB,YACvD,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,YACX,KAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,YACzB,eAAK,SAAS,EAAC,4BAA4B,aACzC,qBACE,KAAK,EAAE,EAAC,gBAAgB,EAAE,WAAW,EAAwB,EAC7D,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,YAE5C,KAAC,QAAQ,IAAC,IAAI,EAAE,QAAQ,GAAI,GACjB,EACb,KAAC,QAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAC,SAAS,GAAG,IACnD,GACG,GACN,GACK,GACC,CAClB,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

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

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

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