@odx/websites-react 1.1.90 → 1.1.92
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/layout/grid/Grid.d.ts +2 -0
- package/dist/components/layout/grid/Grid.d.ts.map +1 -1
- package/dist/components/layout/grid/Grid.js +4 -3
- package/dist/components/layout/grid/Grid.js.map +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.d.ts +4 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.d.ts.map +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.js.map +1 -1
- package/dist/components/typography/headline/Headline.d.ts +2 -1
- package/dist/components/typography/headline/Headline.d.ts.map +1 -1
- package/dist/components/typography/headline/Headline.js +14 -3
- package/dist/components/typography/headline/Headline.js.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.d.ts +1 -0
- package/dist/web/sections/calloutContact/CalloutContact.d.ts.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.js +7 -7
- package/dist/web/sections/calloutContact/CalloutContact.js.map +1 -1
- package/package.json +2 -2
|
@@ -8,6 +8,8 @@ interface GridProps {
|
|
|
8
8
|
xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
9
9
|
'2xl'?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
10
10
|
hidden?: boolean;
|
|
11
|
+
itemClassName?: string;
|
|
12
|
+
containerClassName?: string;
|
|
11
13
|
}
|
|
12
14
|
declare const Grid: React.FC<GridProps>;
|
|
13
15
|
export { Grid };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/grid/Grid.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/grid/Grid.tsx"],"names":[],"mappings":"AAEA,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACtD,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACtD,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACtD,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACtD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqC7B,CAAC;AAEF,OAAO,EAAC,IAAI,EAAC,CAAC;AAEd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
|
|
2
|
+
import { cn } from '../../../utils';
|
|
3
|
+
const Grid = ({ children, container = false, item = false, sm, md, lg, xl, '2xl': xxl, hidden, itemClassName = '', containerClassName = '', }) => {
|
|
3
4
|
const getGridCols = () => {
|
|
4
5
|
if (!item)
|
|
5
6
|
return '';
|
|
@@ -14,8 +15,8 @@ const Grid = ({ children, container = false, item = false, sm, md, lg, xl, '2xl'
|
|
|
14
15
|
};
|
|
15
16
|
const classes = [
|
|
16
17
|
container ? 'grid grid-cols-12' : '',
|
|
17
|
-
container ? 'gap-6' : '',
|
|
18
|
-
item ?
|
|
18
|
+
container ? cn('gap-6', containerClassName) : '',
|
|
19
|
+
item ? cn(getGridCols(), itemClassName, 'col-span-12') : '',
|
|
19
20
|
hidden && 'hidden',
|
|
20
21
|
]
|
|
21
22
|
.filter(Boolean)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/layout/grid/Grid.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/layout/grid/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAgBlC,MAAM,IAAI,GAAwB,CAAC,EACjC,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,KAAK,EACZ,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,KAAK,EAAE,GAAG,EACV,MAAM,EACN,aAAa,GAAG,EAAE,EAClB,kBAAkB,GAAG,EAAE,GACxB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QAErB,MAAM,UAAU,GAAG;YACjB,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;YACjC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;YACjC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;YACjC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;YACjC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,gBAAgB,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE;SACxC,CAAC;QAEF,OAAO,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG;QACd,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE;QACpC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAAE;QAChD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE;QAC3D,MAAM,IAAI,QAAQ;KACnB;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,cAAK,SAAS,EAAE,OAAO,YAAG,QAAQ,GAAO,CAAC;AACnD,CAAC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAC,CAAC"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
type DataAttributes = {
|
|
3
|
+
[K in `data-${string}`]?: string;
|
|
4
|
+
};
|
|
5
|
+
export interface SectionWrapperProps extends React.HTMLAttributes<HTMLElement>, DataAttributes {
|
|
3
6
|
anchor?: string;
|
|
4
7
|
background?: 'white' | 'sand' | 'paleBlue';
|
|
5
8
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"SectionWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,cAAc,GAAG;KACnB,CAAC,IAAI,QAAQ,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM;CACjC,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,cAAc;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;CAC5C;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionWrapper.js","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"SectionWrapper.js","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAalC,MAAM,cAAc,GAAkC,CAAC,EACrD,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,QAAQ,IAAI,CACV,qBACM,KAAK,wBACW,UAAU,qBACb,MAAM,EACvB,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,SAAS,CACV,YAEA,QAAQ,GACD,CACX,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -9,9 +9,10 @@ export interface HeadlineProps extends React.HTMLAttributes<HTMLHeadingElement>,
|
|
|
9
9
|
headingLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
10
10
|
actAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
|
|
11
11
|
underlined?: boolean;
|
|
12
|
-
children?: React.ReactNode;
|
|
12
|
+
children?: React.ReactNode | string;
|
|
13
13
|
spacingBottom?: boolean;
|
|
14
14
|
tooltip?: React.ReactNode;
|
|
15
|
+
noBreakWords?: string[];
|
|
15
16
|
}
|
|
16
17
|
export declare const Headline: React.FC<HeadlineProps>;
|
|
17
18
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAG3D,QAAA,MAAM,gBAAgB;;;;8EA8BpB,CAAC;
|
|
1
|
+
{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAG3D,QAAA,MAAM,gBAAgB;;;;8EA8BpB,CAAC;AAcH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,YAAY,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtD,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4C5C,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
4
|
const headlineVariants = cva('font-medium hyphens-auto', {
|
|
@@ -32,13 +32,24 @@ const headlineVariants = cva('font-medium hyphens-auto', {
|
|
|
32
32
|
textColor: 'darkBlue',
|
|
33
33
|
},
|
|
34
34
|
});
|
|
35
|
-
|
|
35
|
+
const addNoBreakSpansToString = (text, noBreakWords = []) => {
|
|
36
|
+
let result = text;
|
|
37
|
+
noBreakWords.concat(['Dräger', 'Draeger']).forEach(word => {
|
|
38
|
+
result = result.replace(new RegExp(`(${word})`, 'gi'), '<span class="whitespace-nowrap">$1</span>');
|
|
39
|
+
});
|
|
40
|
+
if (result === text)
|
|
41
|
+
return text;
|
|
42
|
+
return _jsx("span", { dangerouslySetInnerHTML: { __html: result } });
|
|
43
|
+
};
|
|
44
|
+
export const Headline = ({ headingLevel, className, textColor, actAs, underlined, children, spacingBottom = true, tooltip, noBreakWords, ...props }) => {
|
|
36
45
|
const Element = actAs !== undefined ? actAs : headingLevel;
|
|
37
46
|
return (children && (_jsxs(Element, { className: cn(headlineVariants({
|
|
38
47
|
textColor,
|
|
39
48
|
headingLevel,
|
|
40
49
|
paddingBottom: spacingBottom ? headingLevel : undefined,
|
|
41
50
|
className,
|
|
42
|
-
})), ...props, children: [
|
|
51
|
+
})), ...props, children: [typeof children === 'string'
|
|
52
|
+
? addNoBreakSpansToString(children, noBreakWords)
|
|
53
|
+
: children, tooltip && _jsxs(_Fragment, { children: ["\u00A0", tooltip] }), underlined && (_jsx("span", { className: cn(textColor, 'block text-[2.125rem] leading-[0.85rem] md:text-[2.5rem] md:leading-[1rem] lg:text-[3rem] lg:leading-[1.5rem] xl:text-6xl xl:text-[3.375rem] xl:leading-[1.6875rem]'), children: "\u2014" }))] })));
|
|
43
54
|
};
|
|
44
55
|
//# sourceMappingURL=Headline.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,CAAC,0BAA0B,EAAE;IACvD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,4BAA4B;YACtC,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,2BAA2B;SACrC;QACD,YAAY,EAAE;YACZ,EAAE,EAAE,qHAAqH;YACzH,EAAE,EAAE,mHAAmH;YACvH,EAAE,EAAE,8DAA8D;YAClE,EAAE,EAAE,2CAA2C;YAC/C,EAAE,EAAE,uDAAuD;YAC3D,EAAE,EAAE,wDAAwD;SAC7D;QACD,aAAa,EAAE;YACb,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,EAAE;SACP;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,CAAC,0BAA0B,EAAE;IACvD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,4BAA4B;YACtC,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,2BAA2B;SACrC;QACD,YAAY,EAAE;YACZ,EAAE,EAAE,qHAAqH;YACzH,EAAE,EAAE,mHAAmH;YACvH,EAAE,EAAE,8DAA8D;YAClE,EAAE,EAAE,2CAA2C;YAC/C,EAAE,EAAE,uDAAuD;YAC3D,EAAE,EAAE,wDAAwD;SAC7D;QACD,aAAa,EAAE;YACb,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,EAAE;SACP;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,CAAC,IAAY,EAAE,eAAyB,EAAE,EAAE,EAAE;IAC5E,IAAI,MAAM,GAAG,IAAI,CAAC;IAClB,YAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACxD,MAAM,GAAG,MAAM,CAAC,OAAO,CACrB,IAAI,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,IAAI,CAAC,EAC7B,2CAA2C,CAC5C,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,eAAM,uBAAuB,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,GAAI,CAAC;AAC7D,CAAC,CAAC;AAcF,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,YAAY,EACZ,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,OAAO,EACP,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC;IAE3D,OAAO,CACL,QAAQ,IAAI,CACV,MAAC,OAAO,IACN,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC;YACf,SAAS;YACT,YAAY;YACZ,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;YACvD,SAAS;SACV,CAAC,CACH,KACG,KAAK,aAER,OAAO,QAAQ,KAAK,QAAQ;gBAC3B,CAAC,CAAC,uBAAuB,CAAC,QAAQ,EAAE,YAAY,CAAC;gBACjD,CAAC,CAAC,QAAQ,EACX,OAAO,IAAI,wCAAS,OAAO,IAAI,EAC/B,UAAU,IAAI,CACb,eACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,qKAAqK,CACtK,uBAGI,CACR,IACO,CACX,CACF,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +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;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,wCAAwC,CAAC;AAC9E,OAAO,
|
|
1
|
+
{"version":3,"file":"CalloutContact.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAUL,KAAK,SAAS,EACd,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAGjD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAEjE,eAAO,MAAM,eAAe,GAAI;;CAAW,4CAE1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAER,CAAC;AAE5D,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,SAAS;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAcxD,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAcpD,CAAC;AAEJ,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmBlE,CAAC;AAEJ,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkCxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAQlE,CAAC"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Headline } from '../../../components/typography/headline';
|
|
3
3
|
import { Image } from '../../../components/images-icons/image';
|
|
4
|
-
import { SectionWrapper, Container, BlockGrid, BlockChildrenWidthContainer, Link, SlimRichText, IconCorePhone, BodyText, } from '../../../components';
|
|
5
|
-
import {
|
|
4
|
+
import { SectionWrapper, Container, BlockGrid, BlockChildrenWidthContainer, Link, SlimRichText, IconCorePhone, BodyText, Grid, } from '../../../components';
|
|
5
|
+
import { cn } from '../../../utils';
|
|
6
6
|
import { IconPropsWrapper } from '../../../components/icon';
|
|
7
7
|
export const ContactInfoText = ({ text = '' }) => (_jsx(SlimRichText, { variant: 'small', text: text, bottomSpacing: false }));
|
|
8
8
|
export const ContactInfoTextGroup = ({ children, }) => _jsx("div", { className: "flex flex-col gap-1", children: children });
|
|
9
|
-
export const ContactInfoLink = ({ label = '', icon, LinkComponent = 'a', ...props }) => label && (_jsxs("div", { className: "flex
|
|
10
|
-
export const ContactColumn = ({
|
|
11
|
-
export const CalloutContactColumn = ({ headline, phoneNumber, text01, text02, }) => (headline || phoneNumber || text01 || text02) && (_jsxs(ContactColumn, {
|
|
9
|
+
export const ContactInfoLink = ({ label = '', icon, LinkComponent = 'a', ...props }) => label && (_jsxs("div", { className: "flex self-start max-w-full gap-2", children: [icon && _jsx(IconPropsWrapper, { color: 'primary', children: icon }), _jsx(Link, { size: 'small', LinkComponent: LinkComponent, ...props, children: label })] }));
|
|
10
|
+
export const ContactColumn = ({ children, className, }) => children && (_jsx(Grid, { item: true, sm: 12, lg: 6, xl: 4, itemClassName: cn('flex flex-col gap-3', className), children: children }));
|
|
11
|
+
export const CalloutContactColumn = ({ headline, phoneNumber, text01, text02, }) => (headline || phoneNumber || text01 || text02) && (_jsxs(ContactColumn, { children: [_jsx(BodyText, { weight: 'bold', children: headline }), _jsx(ContactInfoText, { text: text01 }), phoneNumber && (_jsx(ContactInfoLink, { href: `tel:${phoneNumber.replace(/\s/g, '')}`, label: phoneNumber, icon: _jsx(IconCorePhone, {}) })), _jsx(ContactInfoText, { text: text02 })] }));
|
|
12
12
|
export const CalloutContact = ({ title, children, sectionProps, showMoreSlot, headlineActAs, }) => {
|
|
13
|
-
return (_jsx(SectionWrapper, { ...sectionProps, background: "paleBlue", children: _jsxs(Container, { spacingBreaker: true, paddingBottom: 'default', paddingTop: 'default', children: [_jsx(BlockGrid, { children: _jsxs(BlockChildrenWidthContainer, { paddingBottom: 'none', children: [title && (_jsx(Headline, { headingLevel: "h2", underlined: true, actAs: headlineActAs, children: title })), _jsx(
|
|
13
|
+
return (_jsx(SectionWrapper, { ...sectionProps, background: "paleBlue", children: _jsxs(Container, { spacingBreaker: true, paddingBottom: 'default', paddingTop: 'default', children: [_jsx(BlockGrid, { children: _jsxs(BlockChildrenWidthContainer, { paddingBottom: 'none', children: [title && (_jsx(Headline, { headingLevel: "h2", underlined: true, actAs: headlineActAs, children: title })), _jsx(Grid, { container: true, containerClassName: "gap-y-10 md:gap-y-9", children: children })] }) }), _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: showMoreSlot }) })] }) }));
|
|
14
14
|
};
|
|
15
15
|
export const CalloutContactImage = ({ ...props }) => {
|
|
16
|
-
return (_jsx(
|
|
16
|
+
return (_jsx(ContactColumn, { className: "relative md:w-1/2 lg:w-auto", children: _jsx(Image, { ...props, ratio: '16/9' }) }));
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=CalloutContact.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutContact.js","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAgB,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAC,KAAK,EAAkB,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EACL,cAAc,EACd,SAAS,EACT,SAAS,EACT,2BAA2B,EAC3B,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,QAAQ,
|
|
1
|
+
{"version":3,"file":"CalloutContact.js","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/websites-react",
|
|
3
3
|
"author": "Drägerwerk AG & Co. KGaA",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.92",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -528,8 +528,8 @@
|
|
|
528
528
|
"ts-node": "^10.9.2",
|
|
529
529
|
"typescript": "^5.4.5",
|
|
530
530
|
"vitest": "^3.1.0-beta.1",
|
|
531
|
-
"@odx/websites-tsconfig": "0.0.0",
|
|
532
531
|
"@odx/eslint-config-websites": "0.0.1",
|
|
532
|
+
"@odx/websites-tsconfig": "0.0.0",
|
|
533
533
|
"@odx/websites-ui": "0.2.34"
|
|
534
534
|
},
|
|
535
535
|
"peerDependencies": {
|