@odx/websites-react 1.1.64 → 1.1.66
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/navigation/footer/Footer.d.ts +3 -4
- package/dist/components/navigation/footer/Footer.d.ts.map +1 -1
- package/dist/components/navigation/footer/Footer.js +1 -16
- package/dist/components/navigation/footer/Footer.js.map +1 -1
- package/dist/web/productFinder/stageSection/ProductFinderStageSection.d.ts.map +1 -1
- package/dist/web/productFinder/stageSection/ProductFinderStageSection.js +12 -5
- package/dist/web/productFinder/stageSection/ProductFinderStageSection.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,10 +3,10 @@ import { LinkButtonProps } from '../../actions/button';
|
|
|
3
3
|
import { LinkComponent, LinkComponentProps } from '../../../utils';
|
|
4
4
|
import { LinkProps } from '../../actions/link';
|
|
5
5
|
import { HeadlineProps } from '../../typography/headline';
|
|
6
|
-
declare const socialNetworkIcons: Record<string, React.ReactNode>;
|
|
7
6
|
export type SocialMedia = {
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
title?: string;
|
|
8
|
+
icon: React.ReactNode;
|
|
9
|
+
externalUrl: string;
|
|
10
10
|
};
|
|
11
11
|
export type LegalLink = {
|
|
12
12
|
displayName: string;
|
|
@@ -51,5 +51,4 @@ export interface FooterBottomLegalLinkProps extends LinkComponent, Omit<LinkComp
|
|
|
51
51
|
}
|
|
52
52
|
export declare const FooterBottomLegalLink: React.FC<FooterBottomLegalLinkProps>;
|
|
53
53
|
export declare const FooterBottomWrapperLegal: React.FC<FooterBottomWrapperLegalProps>;
|
|
54
|
-
export {};
|
|
55
54
|
//# sourceMappingURL=Footer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAK,aAAa,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAKrE,OAAO,EAAO,SAAS,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAK,aAAa,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAKrE,OAAO,EAAO,SAAS,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,0BAA2B,SAAQ,SAAS;IAC3D,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,qBAAsB,SAAQ,SAAS;CAAG;AAE3D,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,6BAA8B,SAAQ,aAAa;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,iCAAiC;IAChD,gBAAgB,CAAC,EAAE,WAAW,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkBtC,CAAC;AAEJ,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAa5D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAepE,CAAC;AAEJ,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8B5D,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CACjD,iCAAiC,CA2BlC,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,aAAa,EACnB,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;CAAG;AAExC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAWtE,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC7C,6BAA6B,CAiB9B,CAAC"}
|
|
@@ -8,14 +8,6 @@ import { BlockGrid, BlockChildrenWidthContainer } from '../../layout/block';
|
|
|
8
8
|
import { BodyText } from '../../typography/bodyText';
|
|
9
9
|
import { Link } from '../../actions/link';
|
|
10
10
|
import { Headline } from '../../typography/headline';
|
|
11
|
-
import { IconCoreSocialFacebook, IconCoreSocialInstagram, IconCoreSocialLinkedin, IconCoreSocialX, IconCoreSocialYoutube, } from '../../icon';
|
|
12
|
-
const socialNetworkIcons = {
|
|
13
|
-
Facebook: _jsx(IconCoreSocialFacebook, {}),
|
|
14
|
-
Twitter: _jsx(IconCoreSocialX, {}),
|
|
15
|
-
LinkedIn: _jsx(IconCoreSocialLinkedin, {}),
|
|
16
|
-
YouTube: _jsx(IconCoreSocialYoutube, {}),
|
|
17
|
-
Instagram: _jsx(IconCoreSocialInstagram, {}),
|
|
18
|
-
};
|
|
19
11
|
export const Footer = ({ children, className, ...props }) => children && (_jsx("footer", { className: cn('font-text bg-surface-brand text-text-invert', className), ...props, children: _jsx(Container, { paddingBottom: 'none', paddingTop: 'none', className: "pt-12", children: _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: children }) }) }) }));
|
|
20
12
|
export const FooterNavigation = ({ children, }) => (_jsxs("div", { "data-name": "footer-navigation", children: [_jsx("div", { className: "flex justify-end pl-4 pb-wrapper-top-button-padding", children: _jsx(FooterNavigationUpButton, {}) }), children && (_jsx("div", { className: "font-text grid md:grid-cols-4 lg:grid-cols-6 lg:gap-6 md:gap-4 xl:grid-cols-[calc(33%-12px)_repeat(3,minmax(0,1fr))] xl:[&>*:first-child]:col-span-1 grid-cols-[repeat(3,minmax(0,1fr))] [&>*:first-child]:col-span-full gap-x-6 gap-y-12 [&>*]:col-span-2 xl:[&>*]:col-span-1 mb-footer-nav-horizontal-padding ", children: children }))] }));
|
|
21
13
|
export const FooterColumnTitleLink = ({ children, headlineActAs, ...props }) => props.href ? (_jsx(Link, { theme: "dark", variant: "secondary", ...props, children: _jsx(Headline, { headingLevel: 'h6', textColor: 'inherit', actAs: headlineActAs, children: children }) })) : (_jsx(Headline, { headingLevel: 'h6', textColor: 'inherit', actAs: headlineActAs, children: children }));
|
|
@@ -29,14 +21,7 @@ export const FooterLogoColumn = ({ contactButtonLinkProps, claim, }) => (_jsxs("
|
|
|
29
21
|
export const FooterBottomSocialMediaLinks = ({ socialMediaIcons, lanuageButton }) => {
|
|
30
22
|
if (!socialMediaIcons || socialMediaIcons.length === 0)
|
|
31
23
|
return;
|
|
32
|
-
return (_jsxs("div", { "data-name": "social-media-links", className: "flex flex-col items-center justify-between gap-6 mb-6 md:flex-row", children: [_jsx("div", { className: "flex items-center gap-6", children: socialMediaIcons.map(({
|
|
33
|
-
if (!IconName)
|
|
34
|
-
return;
|
|
35
|
-
const socialNetworkIcon = socialNetworkIcons[IconName];
|
|
36
|
-
if (socialNetworkIcon) {
|
|
37
|
-
return (_jsx("a", { href: ExternalUrl, title: IconName, "aria-label": IconName, target: "_blank", rel: "noreferrer", className: "p-0.5 flex items-center", children: socialNetworkIcon }, IconName));
|
|
38
|
-
}
|
|
39
|
-
}) }), lanuageButton] }));
|
|
24
|
+
return (_jsxs("div", { "data-name": "social-media-links", className: "flex flex-col items-center justify-between gap-6 mb-6 md:flex-row", children: [_jsx("div", { className: "flex items-center gap-6", children: socialMediaIcons.map(({ icon, externalUrl, title }) => (_jsx("a", { href: externalUrl, title: title, "aria-label": title, target: "_blank", rel: "noreferrer", className: "p-0.5 flex items-center", children: icon }, title || externalUrl))) }), lanuageButton] }));
|
|
40
25
|
};
|
|
41
26
|
export const FooterBottomLegalLink = ({ LinkComponent, ...linkProps }) => (_jsx(Link, { size: "small", theme: "dark", variant: "secondary", LinkComponent: LinkComponent, ...linkProps }));
|
|
42
27
|
export const FooterBottomWrapperLegal = ({ currentYear, children }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/navigation/footer/Footer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,UAAU,EAAkB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAoC,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,SAAS,EAAE,2BAA2B,EAAC,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,IAAI,EAAY,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/navigation/footer/Footer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductFinderStageSection.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/ProductFinderStageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EASL,KAAK,aAAa,EAClB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAI/E,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,aAAa;IAC3E,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoB/D,CAAC;AAEF,MAAM,WAAW,sCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,sCAAsC,CAYvC,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductFinderStageSection.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/ProductFinderStageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EASL,KAAK,aAAa,EAClB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAI/E,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,aAAa;IAC3E,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoB/D,CAAC;AAEF,MAAM,WAAW,sCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,sCAAsC,CAYvC,CAAC;AAgBF,MAAM,WAAW,kCAAkC;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAC3C,kCAAkC,CAiEnC,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CACzC,gCAAgC,CAYjC,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,gCAAgC,CAYjC,CAAC;AAEF,OAAO,EACL,iCAAiC,EACjC,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,EAC3B,iCAAiC,GAClC,CAAC"}
|
|
@@ -17,15 +17,19 @@ const ProductFinderStageTileWrapperRoot = ({ children, ...props }) => {
|
|
|
17
17
|
return (_jsx(BlockChildrenWidthContainer, { paddingBottom: "none", children: _jsx("div", { className: "grid grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-x-3 gap-y-10", ...props, children: children }) }));
|
|
18
18
|
};
|
|
19
19
|
const breakpoints = getThemeBreakpoints();
|
|
20
|
-
const
|
|
20
|
+
const scrollableContainerClasses = `
|
|
21
21
|
flex -ml-3 lg:-ml-0
|
|
22
22
|
touch-pan-y touch-pinch-zoom
|
|
23
|
-
lg:
|
|
23
|
+
lg:justify-center lg:flex-wrap lg:gap-x-3 gap-y-10
|
|
24
|
+
`;
|
|
25
|
+
const scrollableContainerItemsClasses = `
|
|
26
|
+
flex-[0_0] min-w-0
|
|
27
|
+
basis-[197px] md:basis-[232px] lg:basis-[164px] xl:basis-[193px]
|
|
28
|
+
pl-3 lg:pl-0 lg:pr-0 lg:first:ml-0 first:ml-auto last:mr-auto lg:first:ml-0 lg:last:mr-0
|
|
24
29
|
`;
|
|
25
30
|
const ProductFinderStageTileWrapper = ({ children }) => {
|
|
26
31
|
const [carouselRef, emblaApi] = useEmblaCarousel({
|
|
27
|
-
|
|
28
|
-
slidesToScroll: 2,
|
|
32
|
+
slidesToScroll: 1,
|
|
29
33
|
containScroll: 'keepSnaps',
|
|
30
34
|
watchDrag: true,
|
|
31
35
|
breakpoints: {
|
|
@@ -33,6 +37,9 @@ const ProductFinderStageTileWrapper = ({ children }) => {
|
|
|
33
37
|
dragFree: false,
|
|
34
38
|
watchDrag: false,
|
|
35
39
|
},
|
|
40
|
+
[`(min-width: ${breakpoints.md.min})`]: {
|
|
41
|
+
slidesToScroll: 2,
|
|
42
|
+
},
|
|
36
43
|
},
|
|
37
44
|
});
|
|
38
45
|
const { canScrollNext, canScrollPrev, scrollPrev, scrollNext } = usePrevNextButtons(emblaApi);
|
|
@@ -41,7 +48,7 @@ const ProductFinderStageTileWrapper = ({ children }) => {
|
|
|
41
48
|
return;
|
|
42
49
|
return (_jsx(BlockChildrenWidthContainer, { paddingBottom: "none", role: "region", "aria-roledescription": "slider",
|
|
43
50
|
// overflow-x-hidden is used as fallback for browsers that do not support overflow-clip
|
|
44
|
-
className: "font-text max-w-[100vw] w-full overflow-x-hidden overflow-x-clip lg:overflow-x-visible", children: _jsxs("div", { className: "relative", children: [_jsx("div", { ref: carouselRef, children: _jsx("div", { className: cn(
|
|
51
|
+
className: "font-text max-w-[100vw] w-full overflow-x-hidden overflow-x-clip lg:overflow-x-visible", children: _jsxs("div", { className: "relative", children: [_jsx("div", { ref: carouselRef, children: _jsx("div", { className: cn(scrollableContainerClasses), children: childNodesArray.map((child, index) => (_jsx("div", { className: cn(scrollableContainerItemsClasses), children: child }, index))) }) }), canScrollPrev && (_jsx(Button, { size: 'md', iconLeft: _jsx(IconCoreChevronLeft, {}), variant: 'secondary', onClick: scrollPrev, "aria-label": "previousProductCategory", className: "absolute left-0 -translate-y-1/2 top-1/2 bg-surface-primary h-element-height-sm p-1.5" })), canScrollNext && (_jsx(Button, { size: 'md', iconLeft: _jsx(IconCoreChevronRight, {}), variant: 'secondary', onClick: scrollNext, "aria-label": "nextProductCategory", className: "absolute right-0 -translate-y-1/2 top-1/2 bg-surface-primary h-element-height-sm p-1.5" }))] }) }));
|
|
45
52
|
};
|
|
46
53
|
const ProductFinderStageContainer = ({ children }) => {
|
|
47
54
|
return (_jsx(Container, { background: "secondary", paddingBottom: "none", paddingTop: "none", className: "py-12 lg:pt-20", children: _jsx(BlockGrid, { paddingBottom: "none", children: children }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductFinderStageSection.js","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/ProductFinderStageSection.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,2BAA2B,GAG5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAC,mBAAmB,EAAC,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAC,kBAAkB,EAAC,MAAM,iDAAiD,CAAC;AAOnF,MAAM,oCAAoC,GAAG;;;;CAI5C,CAAC;AAEF,MAAM,6BAA6B,GAAiC,CAAC,EACnE,KAAK,EACL,KAAK,EACL,aAAa,GAAG,GAAG,EACnB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,aAAa,IACZ,SAAS,EAAE,oCAAoC,EAC/C,QAAQ,EAAE,CAAC,KACP,KAAK,aAET,KAAC,KAAK,OAAK,KAAK,EAAE,KAAK,EAAC,KAAK,GAAG,EAChC,cAAK,SAAS,EAAC,KAAK,YAClB,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAE,KAAK,YAC7C,KAAK,GACG,GACP,IACQ,CACjB,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,iCAAiC,GAEnC,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC3B,OAAO,CACL,KAAC,2BAA2B,IAAC,aAAa,EAAC,MAAM,YAC/C,cACE,SAAS,EAAC,iFAAiF,KACvF,KAAK,YAER,QAAQ,GACL,GACsB,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC;AAE1C,MAAM,0BAA0B,GAAG;;;;CAIlC,CAAC;AAMF,MAAM,6BAA6B,GAE/B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACjB,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC;QAC/C,
|
|
1
|
+
{"version":3,"file":"ProductFinderStageSection.js","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/ProductFinderStageSection.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED