@odx/websites-react 1.1.7 → 1.1.9

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.
Files changed (145) hide show
  1. package/dist/components/actions/button/Button.js +1 -1
  2. package/dist/components/actions/button/Button.js.map +1 -1
  3. package/dist/components/actions/dropdown/Dropdown.js +1 -1
  4. package/dist/components/actions/formField/FormField.d.ts.map +1 -1
  5. package/dist/components/actions/formField/FormField.js +2 -2
  6. package/dist/components/actions/formField/FormField.js.map +1 -1
  7. package/dist/components/index.d.ts +2 -0
  8. package/dist/components/index.d.ts.map +1 -1
  9. package/dist/components/index.js +2 -0
  10. package/dist/components/index.js.map +1 -1
  11. package/dist/components/layout/card/ProductCard.js +1 -1
  12. package/dist/components/layout/cardCarousel/CardCarousel.d.ts.map +1 -1
  13. package/dist/components/layout/cardCarousel/CardCarousel.js +9 -48
  14. package/dist/components/layout/cardCarousel/CardCarousel.js.map +1 -1
  15. package/dist/components/layout/modal/Modal.d.ts +6 -14
  16. package/dist/components/layout/modal/Modal.d.ts.map +1 -1
  17. package/dist/components/layout/modal/Modal.js +13 -25
  18. package/dist/components/layout/modal/Modal.js.map +1 -1
  19. package/dist/components/layout/sheet/Sheet.d.ts +22 -0
  20. package/dist/components/layout/sheet/Sheet.d.ts.map +1 -0
  21. package/dist/components/layout/sheet/Sheet.js +20 -0
  22. package/dist/components/layout/sheet/Sheet.js.map +1 -0
  23. package/dist/components/layout/sheet/index.d.ts +2 -0
  24. package/dist/components/layout/sheet/index.d.ts.map +1 -0
  25. package/dist/components/layout/sheet/index.js +2 -0
  26. package/dist/components/layout/sheet/index.js.map +1 -0
  27. package/dist/components/layout/text/SlimRichText.d.ts +1 -1
  28. package/dist/components/layout/text/SlimRichText.d.ts.map +1 -1
  29. package/dist/components/navigation/flyout/FlyoutMobile.d.ts +8 -1
  30. package/dist/components/navigation/flyout/FlyoutMobile.d.ts.map +1 -1
  31. package/dist/components/navigation/flyout/FlyoutMobile.js +2 -2
  32. package/dist/components/navigation/flyout/FlyoutMobile.js.map +1 -1
  33. package/dist/components/navigation/searchInput/SearchInput.js +1 -1
  34. package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
  35. package/dist/components/navigation/tableOfContent/TableOfContent.d.ts +13 -0
  36. package/dist/components/navigation/tableOfContent/TableOfContent.d.ts.map +1 -0
  37. package/dist/components/navigation/tableOfContent/TableOfContent.js +24 -0
  38. package/dist/components/navigation/tableOfContent/TableOfContent.js.map +1 -0
  39. package/dist/components/navigation/tableOfContent/index.d.ts +2 -0
  40. package/dist/components/navigation/tableOfContent/index.d.ts.map +1 -0
  41. package/dist/components/navigation/tableOfContent/index.js +2 -0
  42. package/dist/components/navigation/tableOfContent/index.js.map +1 -0
  43. package/dist/components/structures/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
  44. package/dist/components/structures/loadingSpinner/LoadingSpinner.js +5 -5
  45. package/dist/components/structures/loadingSpinner/LoadingSpinner.js.map +1 -1
  46. package/dist/components/typography/bodyText/BodyText.d.ts.map +1 -1
  47. package/dist/components/typography/bodyText/BodyText.js +1 -1
  48. package/dist/components/typography/bodyText/BodyText.js.map +1 -1
  49. package/dist/hooks/emblaCarousel/usePrevNextButtons.d.ts +11 -0
  50. package/dist/hooks/emblaCarousel/usePrevNextButtons.d.ts.map +1 -0
  51. package/dist/hooks/emblaCarousel/usePrevNextButtons.js +36 -0
  52. package/dist/hooks/emblaCarousel/usePrevNextButtons.js.map +1 -0
  53. package/dist/web/index.d.ts +11 -0
  54. package/dist/web/index.d.ts.map +1 -1
  55. package/dist/web/index.js +11 -0
  56. package/dist/web/index.js.map +1 -1
  57. package/dist/web/product/productAccessories/ProductAccessoryCard.d.ts +21 -0
  58. package/dist/web/product/productAccessories/ProductAccessoryCard.d.ts.map +1 -0
  59. package/dist/web/product/productAccessories/ProductAccessoryCard.js +18 -0
  60. package/dist/web/product/productAccessories/ProductAccessoryCard.js.map +1 -0
  61. package/dist/web/product/productAccessories/ProductSystemBox.d.ts +11 -0
  62. package/dist/web/product/productAccessories/ProductSystemBox.d.ts.map +1 -0
  63. package/dist/web/product/productAccessories/ProductSystemBox.js +47 -0
  64. package/dist/web/product/productAccessories/ProductSystemBox.js.map +1 -0
  65. package/dist/web/product/productAccessories/index.d.ts +3 -0
  66. package/dist/web/product/productAccessories/index.d.ts.map +1 -0
  67. package/dist/web/product/productAccessories/index.js +3 -0
  68. package/dist/web/product/productAccessories/index.js.map +1 -0
  69. package/dist/web/product/productBenefits/CardElipsis.d.ts +7 -0
  70. package/dist/web/product/productBenefits/CardElipsis.d.ts.map +1 -0
  71. package/dist/web/product/productBenefits/CardElipsis.js +9 -0
  72. package/dist/web/product/productBenefits/CardElipsis.js.map +1 -0
  73. package/dist/web/product/productBenefits/ProductBenefitSingleItem.d.ts +12 -0
  74. package/dist/web/product/productBenefits/ProductBenefitSingleItem.d.ts.map +1 -0
  75. package/dist/web/product/productBenefits/ProductBenefitSingleItem.js +12 -0
  76. package/dist/web/product/productBenefits/ProductBenefitSingleItem.js.map +1 -0
  77. package/dist/web/product/productBenefits/ProductBenefits.d.ts +14 -0
  78. package/dist/web/product/productBenefits/ProductBenefits.d.ts.map +1 -0
  79. package/dist/web/product/productBenefits/ProductBenefits.js +66 -0
  80. package/dist/web/product/productBenefits/ProductBenefits.js.map +1 -0
  81. package/dist/web/product/productBenefits/index.d.ts +3 -0
  82. package/dist/web/product/productBenefits/index.d.ts.map +1 -0
  83. package/dist/web/product/productBenefits/index.js +3 -0
  84. package/dist/web/product/productBenefits/index.js.map +1 -0
  85. package/dist/web/productFinder/contentSwitch/ContentSwitch.d.ts +27 -0
  86. package/dist/web/productFinder/contentSwitch/ContentSwitch.d.ts.map +1 -0
  87. package/dist/web/productFinder/contentSwitch/ContentSwitch.js +73 -0
  88. package/dist/web/productFinder/contentSwitch/ContentSwitch.js.map +1 -0
  89. package/dist/web/productFinder/contentSwitch/index.d.ts +2 -0
  90. package/dist/web/productFinder/contentSwitch/index.d.ts.map +1 -0
  91. package/dist/web/productFinder/contentSwitch/index.js +2 -0
  92. package/dist/web/productFinder/contentSwitch/index.js.map +1 -0
  93. package/dist/web/productFinder/filter/ProductFinderAccordion.d.ts +32 -0
  94. package/dist/web/productFinder/filter/ProductFinderAccordion.d.ts.map +1 -0
  95. package/dist/web/productFinder/filter/ProductFinderAccordion.js +55 -0
  96. package/dist/web/productFinder/filter/ProductFinderAccordion.js.map +1 -0
  97. package/dist/web/productFinder/filter/ProductFinderFilter.d.ts +45 -0
  98. package/dist/web/productFinder/filter/ProductFinderFilter.d.ts.map +1 -0
  99. package/dist/web/productFinder/filter/ProductFinderFilter.js +75 -0
  100. package/dist/web/productFinder/filter/ProductFinderFilter.js.map +1 -0
  101. package/dist/web/productFinder/filter/ProductFinderSidePanel.d.ts +10 -0
  102. package/dist/web/productFinder/filter/ProductFinderSidePanel.d.ts.map +1 -0
  103. package/dist/web/productFinder/filter/ProductFinderSidePanel.js +10 -0
  104. package/dist/web/productFinder/filter/ProductFinderSidePanel.js.map +1 -0
  105. package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.d.ts +17 -0
  106. package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.d.ts.map +1 -0
  107. package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.js +21 -0
  108. package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.js.map +1 -0
  109. package/dist/web/productFinder/filter/index.d.ts +5 -0
  110. package/dist/web/productFinder/filter/index.d.ts.map +1 -0
  111. package/dist/web/productFinder/filter/index.js +5 -0
  112. package/dist/web/productFinder/filter/index.js.map +1 -0
  113. package/dist/web/productFinder/navigation/ProductFinderNavigation.d.ts +11 -0
  114. package/dist/web/productFinder/navigation/ProductFinderNavigation.d.ts.map +1 -0
  115. package/dist/web/productFinder/navigation/ProductFinderNavigation.js +17 -0
  116. package/dist/web/productFinder/navigation/ProductFinderNavigation.js.map +1 -0
  117. package/dist/web/productFinder/navigation/index.d.ts +2 -0
  118. package/dist/web/productFinder/navigation/index.d.ts.map +1 -0
  119. package/dist/web/productFinder/navigation/index.js +2 -0
  120. package/dist/web/productFinder/navigation/index.js.map +1 -0
  121. package/dist/web/productFinder/overview/ProductFinderOverview.d.ts +7 -0
  122. package/dist/web/productFinder/overview/ProductFinderOverview.d.ts.map +1 -0
  123. package/dist/web/productFinder/overview/ProductFinderOverview.js +8 -0
  124. package/dist/web/productFinder/overview/ProductFinderOverview.js.map +1 -0
  125. package/dist/web/productFinder/overview/index.d.ts +2 -0
  126. package/dist/web/productFinder/overview/index.d.ts.map +1 -0
  127. package/dist/web/productFinder/overview/index.js +2 -0
  128. package/dist/web/productFinder/overview/index.js.map +1 -0
  129. package/dist/web/productFinder/productFinderSection/ProductFinderSection.d.ts +6 -0
  130. package/dist/web/productFinder/productFinderSection/ProductFinderSection.d.ts.map +1 -0
  131. package/dist/web/productFinder/productFinderSection/ProductFinderSection.js +7 -0
  132. package/dist/web/productFinder/productFinderSection/ProductFinderSection.js.map +1 -0
  133. package/dist/web/productFinder/productFinderSection/index.d.ts +2 -0
  134. package/dist/web/productFinder/productFinderSection/index.d.ts.map +1 -0
  135. package/dist/web/productFinder/productFinderSection/index.js +2 -0
  136. package/dist/web/productFinder/productFinderSection/index.js.map +1 -0
  137. package/dist/web/productFinder/stageSection/ProductFinderStageSection.d.ts +27 -0
  138. package/dist/web/productFinder/stageSection/ProductFinderStageSection.d.ts.map +1 -0
  139. package/dist/web/productFinder/stageSection/ProductFinderStageSection.js +48 -0
  140. package/dist/web/productFinder/stageSection/ProductFinderStageSection.js.map +1 -0
  141. package/dist/web/productFinder/stageSection/index.d.ts +2 -0
  142. package/dist/web/productFinder/stageSection/index.d.ts.map +1 -0
  143. package/dist/web/productFinder/stageSection/index.js +2 -0
  144. package/dist/web/productFinder/stageSection/index.js.map +1 -0
  145. package/package.json +66 -9
@@ -0,0 +1,17 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { BodyText } from '../../../components';
3
+ import { cn } from '../../../utils';
4
+ const productFinderNavigationItemClasses = `
5
+ rounded-none outline-offset-1 outline-1 outline-transparent
6
+ focus:outine focus-visible:outline focus:outline-border-accent
7
+ hover:text-interactions-primary-hover
8
+ active:text-interactions-brand-active
9
+ `;
10
+ const ProductFinderNavigationItem = ({ isNested = false, LinkComponent = 'a', ...props }) => {
11
+ return (_jsx(BodyText, { asChild: true, weight: isNested ? 'bold' : 'normal', tabIndex: 0, className: cn(productFinderNavigationItemClasses), children: _jsx(LinkComponent, { ...props }) }));
12
+ };
13
+ const ProductFinderNavigation = ({ children, ...props }) => {
14
+ return (_jsx("ul", { ...props, className: cn('pl-4 flex flex-col gap-2', props.className), children: children }));
15
+ };
16
+ export { ProductFinderNavigation, ProductFinderNavigationItem };
17
+ //# sourceMappingURL=ProductFinderNavigation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductFinderNavigation.js","sourceRoot":"","sources":["../../../../src/web/productFinder/navigation/ProductFinderNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAoC,MAAM,gBAAgB,CAAC;AASrE,MAAM,kCAAkC,GAAG;;;;;CAK1C,CAAC;AAEF,MAAM,2BAA2B,GAE7B,CAAC,EAAC,QAAQ,GAAG,KAAK,EAAE,aAAa,GAAG,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACxD,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,QACP,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,YAEjD,KAAC,aAAa,OAAK,KAAK,GAAI,GACnB,CACZ,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,uBAAuB,GAA2C,CAAC,EACvE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,gBAAQ,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,KAAK,CAAC,SAAS,CAAC,YACtE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,uBAAuB,EAAE,2BAA2B,EAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './ProductFinderNavigation';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './ProductFinderNavigation';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
@@ -0,0 +1,7 @@
1
+ export interface ProductFinderOverviewProps extends React.HTMLAttributes<HTMLDivElement> {
2
+ title?: string;
3
+ children?: React.ReactNode;
4
+ }
5
+ declare const ProductFinderOverview: React.FC<ProductFinderOverviewProps>;
6
+ export { ProductFinderOverview };
7
+ //# sourceMappingURL=ProductFinderOverview.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductFinderOverview.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/ProductFinderOverview.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAa/D,CAAC;AAEF,OAAO,EAAC,qBAAqB,EAAC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { BodyText } from '../../../components';
3
+ import { cn } from '../../../utils';
4
+ const ProductFinderOverview = ({ children, title, ...props }) => {
5
+ return (_jsxs("div", { ...props, className: cn('flex flex-col gap-6', props.className), children: [_jsx(BodyText, { children: title }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-y-3 gap-x-5 md:gap-y-4 lg:gap-y-6 lg:gap-x-6", children: children })] }));
6
+ };
7
+ export { ProductFinderOverview };
8
+ //# sourceMappingURL=ProductFinderOverview.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductFinderOverview.js","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/ProductFinderOverview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,qBAAqB,GAAyC,CAAC,EACnE,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,kBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,aACnE,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC5B,cAAK,SAAS,EAAC,iGAAiG,YAC7G,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,qBAAqB,EAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './ProductFinderOverview';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './ProductFinderOverview';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
@@ -0,0 +1,6 @@
1
+ export interface ProductFinderSectionProps {
2
+ children?: React.ReactNode;
3
+ }
4
+ declare const ProductFinderSection: React.FC<ProductFinderSectionProps>;
5
+ export { ProductFinderSection };
6
+ //# sourceMappingURL=ProductFinderSection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductFinderSection.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/ProductFinderSection.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgB7D,CAAC;AAEF,OAAO,EAAC,oBAAoB,EAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Container, BlockGrid, BlockChildrenWidthContainer, } from '../../../components';
3
+ const ProductFinderSection = ({ children, }) => {
4
+ return (_jsx(Container, { paddingBottom: 'none', paddingTop: 'none', className: "pt-12 pb-12", children: _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: children }) }) }));
5
+ };
6
+ export { ProductFinderSection };
7
+ //# sourceMappingURL=ProductFinderSection.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductFinderSection.js","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/ProductFinderSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,SAAS,EACT,2BAA2B,GAC5B,MAAM,qBAAqB,CAAC;AAM7B,MAAM,oBAAoB,GAAwC,CAAC,EACjE,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,IACR,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAC,aAAa,YAEvB,KAAC,SAAS,IAAC,aAAa,EAAE,MAAM,YAC9B,KAAC,2BAA2B,IAAC,aAAa,EAAE,MAAM,YAC/C,QAAQ,GACmB,GACpB,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,oBAAoB,EAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './ProductFinderSection';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './ProductFinderSection';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+ import { type HeadlineProps, type ImageProps } from '../../../components';
3
+ import { type LinkComponent, type LinkComponentProps } from '../../../utils';
4
+ export interface StageCategoryProps extends LinkComponentProps, LinkComponent {
5
+ image?: Omit<ImageProps, 'ratio'>;
6
+ label?: string;
7
+ }
8
+ declare const ProductFinderStageSectionTile: React.FC<StageCategoryProps>;
9
+ export interface ProductFinderStageTileWrapperRootProps extends React.HTMLAttributes<HTMLDivElement> {
10
+ }
11
+ declare const ProductFinderStageTileWrapperRoot: React.FC<ProductFinderStageTileWrapperRootProps>;
12
+ export interface ProductFinderStageTileWrapperProps {
13
+ children?: React.ReactNode;
14
+ }
15
+ declare const ProductFinderStageTileWrapper: React.FC<ProductFinderStageTileWrapperProps>;
16
+ export interface ProductFinderStageContainerProps {
17
+ children?: React.ReactNode;
18
+ }
19
+ declare const ProductFinderStageContainer: React.FC<ProductFinderStageContainerProps>;
20
+ export interface ProductFinderStageContainerProps {
21
+ headline?: string;
22
+ headlineActAs?: HeadlineProps['actAs'];
23
+ children?: React.ReactNode;
24
+ }
25
+ declare const ProductFinderStageContainerHeader: React.FC<ProductFinderStageContainerProps>;
26
+ export { ProductFinderStageTileWrapperRoot, ProductFinderStageTileWrapper, ProductFinderStageSectionTile, ProductFinderStageContainer, ProductFinderStageContainerHeader, };
27
+ //# sourceMappingURL=ProductFinderStageSection.d.ts.map
@@ -0,0 +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,EAQL,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;AAED,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;AAUF,MAAM,WAAW,kCAAkC;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAC3C,kCAAkC,CAkEnC,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"}
@@ -0,0 +1,48 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from 'react';
3
+ import useEmblaCarousel from 'embla-carousel-react';
4
+ import { Image, Headline, Button, Icon, Container, BlockGrid, BlockChildrenWidthContainer, } from '../../../components';
5
+ import { cn } from '../../../utils';
6
+ import { getThemeBreakpoints } from '../../../utils/breakpoints';
7
+ import { usePrevNextButtons } from '../../../hooks/emblaCarousel/usePrevNextButtons';
8
+ const ProductFinderStageSectionTile = ({ image, label, LinkComponent = 'a', ...props }) => {
9
+ return (_jsxs(LinkComponent, { className: "flex flex-col transition-[box-shadow] bg-surface-primary hover:shadow-draeger-elevation-2 focus:outline-1 focus:outline focus:outline-border-accent", tabIndex: 0, ...props, children: [_jsx(Image, { ...image, ratio: "4/3" }), _jsx("div", { className: "p-3", children: _jsx(Headline, { headingLevel: "h6", spacingBottom: false, children: label }) })] }));
10
+ };
11
+ const ProductFinderStageTileWrapperRoot = ({ children, ...props }) => {
12
+ 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 }) }));
13
+ };
14
+ const breakpoints = getThemeBreakpoints();
15
+ const scrollabelContainerClasses = `
16
+ flex -ml-3 lg:-ml-0
17
+ touch-pan-y touch-pinch-zoom
18
+ lg:grid lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 lg:gap-x-3 gap-y-10
19
+ `;
20
+ const ProductFinderStageTileWrapper = ({ children }) => {
21
+ const [carouselRef, emblaApi] = useEmblaCarousel({
22
+ align: 'start',
23
+ slidesToScroll: 2,
24
+ containScroll: 'keepSnaps',
25
+ watchDrag: true,
26
+ breakpoints: {
27
+ [`(min-width: ${breakpoints.lg.min})`]: {
28
+ dragFree: false,
29
+ watchDrag: false,
30
+ },
31
+ },
32
+ });
33
+ const { canScrollNext, canScrollPrev, scrollPrev, scrollNext } = usePrevNextButtons(emblaApi);
34
+ const childNodesArray = React.Children.toArray(children);
35
+ if (!childNodesArray.length)
36
+ return;
37
+ return (_jsx(BlockChildrenWidthContainer, { paddingBottom: "none", role: "region", "aria-roledescription": "slider",
38
+ // overflow-x-hidden is used as fallback for browsers that do not support overflow-clip
39
+ 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(scrollabelContainerClasses), children: childNodesArray.map((child, index) => (_jsx("div", { className: "flex-[0_0] basis-[222px] min-w-0 first:pl-0 pl-3 lg:pl-0", children: child }, index))) }) }), canScrollPrev && (_jsx(Button, { size: 'md', iconLeft: _jsx(Icon, { name: "core::chevron-left", size: 'md' }), 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(Icon, { name: "core::chevron-right", size: 'md' }), 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" }))] }) }));
40
+ };
41
+ const ProductFinderStageContainer = ({ children }) => {
42
+ return (_jsx(Container, { background: "secondary", paddingBottom: "none", paddingTop: "none", className: "py-12 lg:pt-20 ", children: _jsx(BlockGrid, { paddingBottom: "none", children: children }) }));
43
+ };
44
+ const ProductFinderStageContainerHeader = ({ children, headline, headlineActAs }) => {
45
+ return (_jsx(BlockChildrenWidthContainer, { elementWidth: 'narrow', paddingBottom: "none", children: _jsxs("div", { className: "pb-16", children: [_jsx(Headline, { headingLevel: "h2", actAs: headlineActAs, className: "mb-6", children: headline }), children] }) }));
46
+ };
47
+ export { ProductFinderStageTileWrapperRoot, ProductFinderStageTileWrapper, ProductFinderStageSectionTile, ProductFinderStageContainer, ProductFinderStageContainerHeader, };
48
+ //# sourceMappingURL=ProductFinderStageSection.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductFinderStageSection.js","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/ProductFinderStageSection.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export * from './ProductFinderStageSection';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './ProductFinderStageSection';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}
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.7",
4
+ "version": "1.1.9",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "description": "ODX React component library for websites",
7
7
  "type": "module",
@@ -89,7 +89,21 @@
89
89
  "./hooks/useIsomorphicLayoutEffect": "./dist/hooks/useIsomorphicLayoutEffect/index.js",
90
90
  "./hooks/useScrollPosition": "./dist/hooks/useScrollPosition/index.js",
91
91
  "./hooks/useToggle": "./dist/hooks/useToggle/index.js",
92
- "./components/navigation/searchInput": "./dist/components/navigation/searchInput/index.js"
92
+ "./components/navigation/searchInput": "./dist/components/navigation/searchInput/index.js",
93
+ "./components/common/highlight": "./dist/components/common/highlight/index.js",
94
+ "./components/layout/metric": "./dist/components/layout/metric/index.js",
95
+ "./components/layout/sheet": "./dist/components/layout/sheet/index.js",
96
+ "./components/layout/teaserBreakerBox": "./dist/components/layout/teaserBreakerBox/index.js",
97
+ "./components/navigation/tableOfContent": "./dist/components/navigation/tableOfContent/index.js",
98
+ "./web/product/productAccessories": "./dist/web/product/productAccessories/index.js",
99
+ "./web/product/productBenefits": "./dist/web/product/productBenefits/index.js",
100
+ "./web/product/productInfoBlock": "./dist/web/product/productInfoBlock/index.js",
101
+ "./web/productFinder/contentSwitch": "./dist/web/productFinder/contentSwitch/index.js",
102
+ "./web/productFinder/filter": "./dist/web/productFinder/filter/index.js",
103
+ "./web/productFinder/navigation": "./dist/web/productFinder/navigation/index.js",
104
+ "./web/productFinder/overview": "./dist/web/productFinder/overview/index.js",
105
+ "./web/productFinder/productFinderSection": "./dist/web/productFinder/productFinderSection/index.js",
106
+ "./web/productFinder/stageSection": "./dist/web/productFinder/stageSection/index.js"
93
107
  },
94
108
  "typesVersions": {
95
109
  "*": {
@@ -338,6 +352,48 @@
338
352
  ],
339
353
  "components/navigation/searchInput": [
340
354
  "./dist/components/navigation/searchInput/index.d.ts"
355
+ ],
356
+ "components/common/highlight": [
357
+ "./dist/components/common/highlight/index.d.ts"
358
+ ],
359
+ "components/layout/metric": [
360
+ "./dist/components/layout/metric/index.d.ts"
361
+ ],
362
+ "components/layout/sheet": [
363
+ "./dist/components/layout/sheet/index.d.ts"
364
+ ],
365
+ "components/layout/teaserBreakerBox": [
366
+ "./dist/components/layout/teaserBreakerBox/index.d.ts"
367
+ ],
368
+ "components/navigation/tableOfContent": [
369
+ "./dist/components/navigation/tableOfContent/index.d.ts"
370
+ ],
371
+ "web/product/productAccessories": [
372
+ "./dist/web/product/productAccessories/index.d.ts"
373
+ ],
374
+ "web/product/productBenefits": [
375
+ "./dist/web/product/productBenefits/index.d.ts"
376
+ ],
377
+ "web/product/productInfoBlock": [
378
+ "./dist/web/product/productInfoBlock/index.d.ts"
379
+ ],
380
+ "web/productFinder/contentSwitch": [
381
+ "./dist/web/productFinder/contentSwitch/index.d.ts"
382
+ ],
383
+ "web/productFinder/filter": [
384
+ "./dist/web/productFinder/filter/index.d.ts"
385
+ ],
386
+ "web/productFinder/navigation": [
387
+ "./dist/web/productFinder/navigation/index.d.ts"
388
+ ],
389
+ "web/productFinder/overview": [
390
+ "./dist/web/productFinder/overview/index.d.ts"
391
+ ],
392
+ "web/productFinder/productFinderSection": [
393
+ "./dist/web/productFinder/productFinderSection/index.d.ts"
394
+ ],
395
+ "web/productFinder/stageSection": [
396
+ "./dist/web/productFinder/stageSection/index.d.ts"
341
397
  ]
342
398
  }
343
399
  },
@@ -366,10 +422,13 @@
366
422
  "resize-observer-polyfill": "^1.5.1",
367
423
  "tailwind-merge": "^2.3.0",
368
424
  "tailwindcss-animate": "^1.0.7",
369
- "tsx": "^4.19.2"
425
+ "tsx": "^4.19.2",
426
+ "vaul": "^1.1.2"
370
427
  },
371
428
  "devDependencies": {
372
429
  "@floating-ui/react": "^0.26.18",
430
+ "@odx/flag-icons": "1.0.2",
431
+ "@odx/icons": "4.0.0-rc.15",
373
432
  "@svgr/core": "^8.1.0",
374
433
  "@svgr/plugin-jsx": "^8.1.0",
375
434
  "@svgr/plugin-prettier": "^8.1.0",
@@ -377,8 +436,6 @@
377
436
  "@testing-library/react": "^16.2.0",
378
437
  "@types/react": "^18.3.3",
379
438
  "@types/react-dom": "^18.3.0",
380
- "@odx/flag-icons": "1.0.2",
381
- "@odx/icons": "4.0.0-rc.15",
382
439
  "camelcase": "^8.0.0",
383
440
  "cheerio": "1.0.0",
384
441
  "clean-package": "^2.2.0",
@@ -393,14 +450,14 @@
393
450
  "vitest": "^3.1.0-beta.1",
394
451
  "@odx/eslint-config-websites": "0.0.1",
395
452
  "@odx/websites-tsconfig": "0.0.0",
396
- "@odx/websites-ui": "0.2.23"
453
+ "@odx/websites-ui": "0.2.24"
397
454
  },
398
455
  "peerDependencies": {
456
+ "@odx/flag-icons": "1.0.2",
457
+ "@odx/icons": "4.0.0-rc.15",
399
458
  "@odx/websites-ui": ">=0.2.1",
400
459
  "react": "^18.2.0",
401
460
  "react-dom": "^18.2.0",
402
- "tailwindcss": "^3.3.5",
403
- "@odx/flag-icons": "1.0.2",
404
- "@odx/icons": "4.0.0-rc.15"
461
+ "tailwindcss": "^3.3.5"
405
462
  }
406
463
  }