@odx/websites-react 0.0.7 → 0.1.0
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/actions/checkbox/Checkbox.d.ts +1 -18
- package/dist/components/actions/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.js +3 -21
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.d.ts +23 -0
- package/dist/components/actions/checkboxGroup/CheckboxGroup.d.ts.map +1 -0
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js +35 -0
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js.map +1 -0
- package/dist/components/actions/checkboxGroup/index.d.ts +2 -0
- package/dist/components/actions/checkboxGroup/index.d.ts.map +1 -0
- package/dist/components/actions/checkboxGroup/index.js +2 -0
- package/dist/components/actions/checkboxGroup/index.js.map +1 -0
- package/dist/components/actions/form/Form.js +2 -2
- package/dist/components/actions/form/Form.js.map +1 -1
- package/dist/components/actions/formField/FormField.d.ts +1 -0
- package/dist/components/actions/formField/FormField.d.ts.map +1 -1
- package/dist/components/actions/formField/FormField.js +2 -2
- package/dist/components/actions/formField/FormField.js.map +1 -1
- package/dist/components/actions/link/Link.d.ts +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/archived/grid/Grid.d.ts +17 -0
- package/dist/components/archived/grid/Grid.d.ts.map +1 -0
- package/dist/components/archived/grid/Grid.js +25 -0
- package/dist/components/archived/grid/Grid.js.map +1 -0
- package/dist/components/archived/grid/index.d.ts +2 -0
- package/dist/components/archived/grid/index.d.ts.map +1 -0
- package/dist/components/archived/grid/index.js +2 -0
- package/dist/components/archived/grid/index.js.map +1 -0
- package/dist/components/index.d.ts +5 -4
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -4
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +1 -2
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/block/Block.d.ts +15 -0
- package/dist/components/layout/block/Block.d.ts.map +1 -0
- package/dist/components/layout/block/Block.js +26 -0
- package/dist/components/layout/block/Block.js.map +1 -0
- package/dist/components/layout/block/index.d.ts +2 -0
- package/dist/components/layout/block/index.d.ts.map +1 -0
- package/dist/components/layout/block/index.js +2 -0
- package/dist/components/layout/block/index.js.map +1 -0
- package/dist/components/layout/calloutMedia/CalloutMedia.d.ts.map +1 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.js +2 -3
- package/dist/components/layout/calloutMedia/CalloutMedia.js.map +1 -1
- package/dist/components/layout/calloutQuote/CalloutQuote.d.ts.map +1 -1
- package/dist/components/layout/calloutQuote/CalloutQuote.js +5 -10
- package/dist/components/layout/calloutQuote/CalloutQuote.js.map +1 -1
- package/dist/components/layout/card/Card.d.ts.map +1 -1
- package/dist/components/layout/card/Card.js +3 -2
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/card/CardGroup.d.ts +3 -3
- package/dist/components/layout/card/CardGroup.d.ts.map +1 -1
- package/dist/components/layout/card/CardGroup.js +2 -2
- package/dist/components/layout/card/CardGroup.js.map +1 -1
- package/dist/components/layout/container/Container.d.ts +7 -0
- package/dist/components/layout/container/Container.d.ts.map +1 -0
- package/dist/components/layout/container/Container.js +11 -0
- package/dist/components/layout/container/Container.js.map +1 -0
- package/dist/components/layout/container/index.d.ts +2 -0
- package/dist/components/layout/container/index.d.ts.map +1 -0
- package/dist/components/layout/container/index.js +2 -0
- package/dist/components/layout/container/index.js.map +1 -0
- package/dist/components/layout/contentItem/ContentItem.d.ts.map +1 -1
- package/dist/components/layout/contentItem/ContentItem.js +1 -1
- package/dist/components/layout/contentItem/ContentItem.js.map +1 -1
- package/dist/components/layout/contentSlider/ContentSlider.d.ts +7 -0
- package/dist/components/layout/contentSlider/ContentSlider.d.ts.map +1 -0
- package/dist/components/layout/contentSlider/ContentSlider.js +48 -0
- package/dist/components/layout/contentSlider/ContentSlider.js.map +1 -0
- package/dist/components/layout/contentSlider/index.d.ts +2 -0
- package/dist/components/layout/contentSlider/index.d.ts.map +1 -0
- package/dist/components/layout/contentSlider/index.js +2 -0
- package/dist/components/layout/contentSlider/index.js.map +1 -0
- package/dist/components/layout/downloadItem/DownloadItem.d.ts +14 -0
- package/dist/components/layout/downloadItem/DownloadItem.d.ts.map +1 -0
- package/dist/components/layout/downloadItem/DownloadItem.js +9 -0
- package/dist/components/layout/downloadItem/DownloadItem.js.map +1 -0
- package/dist/components/layout/downloadItem/index.d.ts +2 -0
- package/dist/components/layout/downloadItem/index.d.ts.map +1 -0
- package/dist/components/layout/downloadItem/index.js +2 -0
- package/dist/components/layout/downloadItem/index.js.map +1 -0
- package/dist/components/layout/modal/Modal.d.ts +1 -2
- package/dist/components/layout/modal/Modal.d.ts.map +1 -1
- package/dist/components/layout/modal/Modal.js +14 -1
- package/dist/components/layout/modal/Modal.js.map +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.js +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.js.map +1 -1
- package/dist/components/layout/showMore/ShowMore.d.ts.map +1 -1
- package/dist/components/layout/showMore/ShowMore.js +1 -0
- package/dist/components/layout/showMore/ShowMore.js.map +1 -1
- package/dist/components/layout/slimRichText/SlimRichText.js +1 -1
- package/dist/components/layout/slimRichText/SlimRichText.js.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.d.ts.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.js +8 -7
- package/dist/components/navigation/anchorNav/AnchorNav.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.js +4 -2
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/navigation/flyout/Flyout.d.ts.map +1 -1
- package/dist/components/navigation/flyout/Flyout.js +11 -9
- package/dist/components/navigation/flyout/Flyout.js.map +1 -1
- package/dist/components/navigation/footer/Footer.d.ts +6 -3
- package/dist/components/navigation/footer/Footer.d.ts.map +1 -1
- package/dist/components/navigation/footer/Footer.js +5 -3
- package/dist/components/navigation/footer/Footer.js.map +1 -1
- package/dist/components/navigation/header/AnimatedHeader.d.ts.map +1 -1
- package/dist/components/navigation/header/AnimatedHeader.js +5 -4
- package/dist/components/navigation/header/AnimatedHeader.js.map +1 -1
- package/dist/components/navigation/header/Header.d.ts +2 -1
- package/dist/components/navigation/header/Header.d.ts.map +1 -1
- package/dist/components/navigation/header/Header.js +10 -6
- package/dist/components/navigation/header/Header.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.d.ts.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +3 -3
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/components/typography/headline/Headline.d.ts +1 -1
- package/dist/hooks/useScrollPosition/useScrollPosition.d.ts.map +1 -1
- package/dist/web/index.d.ts +2 -21
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +2 -21
- package/dist/web/index.js.map +1 -1
- package/dist/web/layout/contentHeadings/ContentHeadings.d.ts.map +1 -1
- package/dist/web/layout/contentHeadings/ContentHeadings.js +1 -1
- package/dist/web/layout/contentHeadings/ContentHeadings.js.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.d.ts +1 -1
- 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/dist/web/sections/contentBlock/ContentBlock.d.ts +10 -0
- package/dist/web/sections/contentBlock/ContentBlock.d.ts.map +1 -0
- package/dist/web/sections/contentBlock/ContentBlock.js +9 -0
- package/dist/web/sections/contentBlock/ContentBlock.js.map +1 -0
- package/dist/web/sections/contentBlock/index.d.ts +2 -0
- package/dist/web/sections/contentBlock/index.d.ts.map +1 -0
- package/dist/web/sections/contentBlock/index.js +2 -0
- package/dist/web/sections/contentBlock/index.js.map +1 -0
- package/dist/web/sections/contentGroup/ContentGroup.d.ts +11 -0
- package/dist/web/sections/contentGroup/ContentGroup.d.ts.map +1 -0
- package/dist/web/sections/contentGroup/ContentGroup.js +18 -0
- package/dist/web/sections/contentGroup/ContentGroup.js.map +1 -0
- package/dist/web/sections/contentGroup/index.d.ts +2 -0
- package/dist/web/sections/contentGroup/index.d.ts.map +1 -0
- package/dist/web/sections/contentGroup/index.js +2 -0
- package/dist/web/sections/contentGroup/index.js.map +1 -0
- package/dist/web/sections/contentSection/ContentSection.d.ts +4 -6
- package/dist/web/sections/contentSection/ContentSection.d.ts.map +1 -1
- package/dist/web/sections/contentSection/ContentSection.js +4 -5
- package/dist/web/sections/contentSection/ContentSection.js.map +1 -1
- package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.d.ts.map +1 -1
- package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.js +4 -2
- package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.js.map +1 -1
- package/dist/web/sections/stageSection/StageSection.d.ts +1 -1
- package/dist/web/sections/stageSection/StageSection.d.ts.map +1 -1
- package/dist/web/sections/stageSection/StageSection.js +4 -8
- package/dist/web/sections/stageSection/StageSection.js.map +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EACL,cAAc,EACd,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EACL,cAAc,EACd,UAAU,EACV,QAAQ,EACR,QAAQ,GAIT,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAY/C,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,UAAU,EACV,YAAY,EACZ,aAAa,GACd,EAAE,EAAE;IACH,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,EAC9C,UAAU,EAAE,WAAW,KACnB,YAAY,YAEhB,eAAK,SAAS,EAAC,2CAA2C,aACxD,eAAK,SAAS,EAAC,oEAAoE,aACjF,0BACE,KAAC,QAAQ,IAAC,UAAU,QAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,YACpD,QAAQ,GACA,EACX,KAAC,QAAQ,cAAE,QAAQ,CAAC,KAAK,GAAY,IACjC,EACN,KAAC,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,eAAe,EACrB,SAAS,EAAE,EAAE,CACX,6BAA6B,EAC7B,eAAe,CAAC,SAAS,CAC1B,KACG,eAAe,GACnB,IACE,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,KAAK,OAAK,UAAU,EAAE,SAAS,EAAC,eAAe,GAAG,GAC/C,IACF,GACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutQuote.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"CalloutQuote.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAKhE,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAQD,QAAA,MAAM,kBAAkB;;mFAUtB,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4BpD,CAAC"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
|
-
import { BodyText } from '../..';
|
|
3
|
+
import { Block, BodyText } from '../..';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
|
-
|
|
6
|
-
box-content px-5 pt-12 pb-16 md:pt-14 md:px-6 lg:pb-20 lg:px-9 xl:px-11
|
|
7
|
-
w-full xl:max-w-[min(calc(77.25%),theme(maxWidth.content-2))]
|
|
8
|
-
text-draeger-dark-blue bg-draeger-pale-blue
|
|
9
|
-
`;
|
|
5
|
+
import { Container } from '../container';
|
|
10
6
|
const blockquoteClasses = `
|
|
11
7
|
break-words relative
|
|
12
8
|
pb-14 px-5 md:px-4 lg:pb-20
|
|
13
|
-
text-[1.8125rem] leading-[2.2475rem] lg:text-[2.1875rem] lg:leading-[2.7125rem]
|
|
9
|
+
font-text text-draeger-dark-blue text-[1.8125rem] leading-[2.2475rem] lg:text-[2.1875rem] lg:leading-[2.7125rem]
|
|
14
10
|
`;
|
|
15
11
|
const blockquoteVariants = cva(blockquoteClasses, {
|
|
16
12
|
variants: {
|
|
@@ -23,7 +19,6 @@ const blockquoteVariants = cva(blockquoteClasses, {
|
|
|
23
19
|
align: 'left',
|
|
24
20
|
},
|
|
25
21
|
});
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
'before:content-[open-quote] after:content-[close-quote]'), children: headline }), _jsxs("div", { className: "px-4", children: [author && _jsx(BodyText, { weight: 'bold', children: author }), signature && _jsx(BodyText, { children: signature })] })] }));
|
|
22
|
+
export const CalloutQuote = ({ headline, author, signature, align, withQuotationMark = false, }) => (_jsx(Container, { children: _jsxs(Block, { className: "pt-12 pb-16 md:pt-14 lg:pb-20", background: 'paleBlue', elementWidth: 'medium', children: [_jsx("blockquote", { className: cn(blockquoteVariants({ align }), withQuotationMark &&
|
|
23
|
+
'before:content-[open-quote] after:content-[close-quote]'), children: headline }), _jsxs("div", { className: "px-4", children: [author && _jsx(BodyText, { weight: 'bold', children: author }), signature && _jsx(BodyText, { children: signature })] })] }) }));
|
|
29
24
|
//# sourceMappingURL=CalloutQuote.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutQuote.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CalloutQuote.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,KAAK,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAUvC,MAAM,iBAAiB,GAAG;;;;CAIzB,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAChD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,4DAA4D;YAClE,MAAM,EAAE,aAAa;SACtB;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,iBAAiB,GAAG,KAAK,GAC1B,EAAE,EAAE,CAAC,CACJ,KAAC,SAAS,cACR,MAAC,KAAK,IACJ,SAAS,EAAC,+BAA+B,EACzC,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,QAAQ,aAEtB,qBACE,SAAS,EAAE,EAAE,CACX,kBAAkB,CAAC,EAAC,KAAK,EAAC,CAAC,EAC3B,iBAAiB;oBACf,yDAAyD,CAC5D,YAEA,QAAQ,GACE,EACb,eAAK,SAAS,EAAC,MAAM,aAClB,MAAM,IAAI,KAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,YAAG,MAAM,GAAY,EACvD,SAAS,IAAI,KAAC,QAAQ,cAAE,SAAS,GAAY,IAC1C,IACA,GACE,CACb,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAS,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAS,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAGhE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAU3C,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAa7C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAW7C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;CAAG;AAErE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAezC,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAWzD,CAAC;AAKF,QAAA,MAAM,YAAY;;;mFAgBhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAgB7B,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,kBAAkB,GACnB,CAAC"}
|
|
@@ -4,7 +4,8 @@ import { cn } from '../../../utils';
|
|
|
4
4
|
import { Headline } from '../../typography/headline';
|
|
5
5
|
import { Button } from '../../actions/button';
|
|
6
6
|
import { SlimRichText } from '../slimRichText';
|
|
7
|
-
|
|
7
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
8
|
+
const CardSubInfo = ({ text, className, ...props }) => (_jsx(SlimRichText, { text: text, className: cn('text-draeger-cool-gray-750 mb-5', className), ...props }));
|
|
8
9
|
const CardHeadline = ({ children, className, ...props }) => (_jsx(Headline, { textColor: "inherit", headingLevel: "h3", className: cn('mb-3', className), ...props, children: children }));
|
|
9
10
|
const CardBodyText = ({ text, className, ...props }) => (_jsx(SlimRichText, { text: text, textColor: "inherit", className: cn('pb-7 ', className), ...props }));
|
|
10
11
|
const CardButton = ({ children, className, ...props }) => (_jsx(Button, { size: "card", className: cn('text-base group-focus:ring-draeger-air-blue group-focus:ring-1 group-hover:bg-draeger-surface-accent-hover group-active:bg-draeger-surface-accent-click', className), ...props, children: children }));
|
|
@@ -29,7 +30,7 @@ const cardVariants = cva(cardBaseClasses, {
|
|
|
29
30
|
},
|
|
30
31
|
});
|
|
31
32
|
const Card = ({ imageElement, children, variant, padding, className, ...props }) => {
|
|
32
|
-
return (_jsxs("div", { className: cn(cardVariants({ variant, padding }), className), ...props, children: [imageElement, _jsx("div", { className: "flex flex-col px-
|
|
33
|
+
return (_jsxs("div", { className: cn(cardVariants({ variant, padding }), className), ...props, children: [_jsx(Slot, { className: "w-full", children: imageElement }), _jsx("div", { className: "flex flex-col px-block-horizontal-padding pt-9", children: children })] }));
|
|
33
34
|
};
|
|
34
35
|
export { Card, CardSubInfo, CardHeadline, CardBodyText, CardButton, CardActionsWrapper, };
|
|
35
36
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,MAAM,EAAc,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAC,YAAY,EAAoB,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface CardGroupProps extends
|
|
2
|
+
import { type ContentGroupProps } from '../../../web';
|
|
3
|
+
export interface CardGroupProps extends ContentGroupProps {
|
|
4
4
|
children: React.ReactNode[];
|
|
5
|
-
|
|
5
|
+
cols: 3 | 4;
|
|
6
6
|
}
|
|
7
7
|
declare const CardGroup: React.FC<CardGroupProps>;
|
|
8
8
|
export { CardGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/CardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"CardGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/CardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAElE,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC;CACb;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CASvC,CAAC;AAEF,OAAO,EAAC,SAAS,EAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
const CardGroup = ({ children, className,
|
|
2
|
+
import { ContentGroup } from '../../../web';
|
|
3
|
+
const CardGroup = ({ children, className, cols, ...props }) => (_jsx(ContentGroup, { cols: cols, className: className, ...props, children: children }));
|
|
4
4
|
export { CardGroup };
|
|
5
5
|
//# sourceMappingURL=CardGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardGroup.js","sourceRoot":"","sources":["../../../../src/components/layout/card/CardGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"CardGroup.js","sourceRoot":"","sources":["../../../../src/components/layout/card/CardGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,YAAY,EAAyB,MAAM,cAAc,CAAC;AAOlE,MAAM,SAAS,GAA6B,CAAC,EAC3C,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtD,QAAQ,GACI,CAChB,CAAC;AAEF,OAAO,EAAC,SAAS,EAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export { Container };
|
|
7
|
+
//# sourceMappingURL=Container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAOD,QAAA,MAAM,SAAS,uFAWd,CAAC;AAGF,OAAO,EAAC,SAAS,EAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { cn } from '../../../utils';
|
|
4
|
+
const containerClasses = `
|
|
5
|
+
w-full flex flex-col items-center
|
|
6
|
+
px-content-container-margin-sm---margin-vertical md:px-content-container-margin-md---margin-vertical lg:px-content-container-margin-lg---margin-vertical xl:px-content-container-margin-xl---margin-vertical 2xl:px-0
|
|
7
|
+
`;
|
|
8
|
+
const Container = React.forwardRef(({ children, className, ...props }, ref) => (_jsx("div", { className: cn(containerClasses, className), "data-name": "Container", ref: ref, ...props, children: children })));
|
|
9
|
+
Container.displayName = 'Container';
|
|
10
|
+
export { Container };
|
|
11
|
+
//# sourceMappingURL=Container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../src/components/layout/container/Container.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAMlC,MAAM,gBAAgB,GAAG;;;CAGxB,CAAC;AAEF,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,cACE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,eAChC,WAAW,EACrB,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACL,CACP,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAC,SAAS,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgBrD,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQnD,CAAC;AAEF,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAMjE,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAQlC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgBrD,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQnD,CAAC;AAEF,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAMjE,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAQlC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAe3C,CAAC;AAEF,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}
|
|
@@ -5,6 +5,6 @@ const ContentItemMedia = ({ className, children, mediaAlignment = 'left', ...pro
|
|
|
5
5
|
const ContentItemBody = ({ className, children, ...props }) => (_jsx("div", { className: cn(className), ...props, children: children }));
|
|
6
6
|
const ContentItemBodyHeading = ({ headline, text, ...props }) => (_jsx(ContentHeadings, { type: "item", headline: headline, text: text, ...props }));
|
|
7
7
|
const ContentItemBodyActionWrapper = ({ className, children, ...props }) => (_jsx("div", { className: cn('flex flex-col items-start self-stretch gap-2', className), ...props, children: children }));
|
|
8
|
-
const ContentItem = ({ className, children, ...props }) => (_jsx("div", { className: cn('font-text flex gap-6 flex-col md:flex-row w-full', className), ...props, children: children }));
|
|
8
|
+
const ContentItem = ({ className, children, ...props }) => (_jsx("div", { className: cn('font-text flex gap-6 flex-col md:flex-row w-full', className), "data-name": "ContentItem", ...props, children: children }));
|
|
9
9
|
export { ContentItem, ContentItemMedia, ContentItemBody, ContentItemBodyHeading, ContentItemBodyActionWrapper, };
|
|
10
10
|
//# sourceMappingURL=ContentItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAU7C,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,EACT,QAAQ,EACR,cAAc,GAAG,MAAM,EACvB,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,cAAc,KAAK,OAAO,IAAI,YAAY,EAC1C,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAKF,MAAM,eAAe,GAAmC,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACrC,QAAQ,GACL,CACP,CAAC;AAQF,MAAM,sBAAsB,GAA0C,CAAC,EACrE,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAC3E,CAAC;AAKF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACvC,cACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,
|
|
1
|
+
{"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAU7C,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,EACT,QAAQ,EACR,cAAc,GAAG,MAAM,EACvB,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,cAAc,KAAK,OAAO,IAAI,YAAY,EAC1C,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAKF,MAAM,eAAe,GAAmC,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACrC,QAAQ,GACL,CACP,CAAC;AAQF,MAAM,sBAAsB,GAA0C,CAAC,EACrE,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAC3E,CAAC;AAKF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACvC,cACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,eACS,aAAa,KACnB,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface ContentSliderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children: React.ReactNode[];
|
|
4
|
+
}
|
|
5
|
+
declare const ContentSlider: React.FC<ContentSliderProps>;
|
|
6
|
+
export { ContentSlider };
|
|
7
|
+
//# sourceMappingURL=ContentSlider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentSlider/ContentSlider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC7B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8F/C,CAAC;AAEF,OAAO,EAAC,aAAa,EAAC,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import useEmblaCarousel from 'embla-carousel-react';
|
|
5
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
6
|
+
import { cn } from '../../../utils';
|
|
7
|
+
import { Button, Controls, ControlsItem } from '../..';
|
|
8
|
+
import { IconChevronLeft, IconChevronRight } from '../../../icons';
|
|
9
|
+
//@ts-expect-error type defenitions do not work for this config field
|
|
10
|
+
import tailwindConfig from '@odx/websites-ui/tailwind';
|
|
11
|
+
const ContentSlider = ({ className, children, ...props }) => {
|
|
12
|
+
const theme = tailwindConfig.theme;
|
|
13
|
+
// @ts-expect-error tailwind config can not be resolved due to an error, that is why it is used without types
|
|
14
|
+
if (!theme.screens && !theme.screens[screenSize])
|
|
15
|
+
throw new Error('Breakpoint is not defined in tailwind config');
|
|
16
|
+
const screens = theme.screens;
|
|
17
|
+
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
18
|
+
align: 'start',
|
|
19
|
+
containScroll: 'keepSnaps',
|
|
20
|
+
slidesToScroll: 1,
|
|
21
|
+
breakpoints: {
|
|
22
|
+
[`(min-width: ${screens.md})`]: { slidesToScroll: 2 },
|
|
23
|
+
[`(min-width: ${screens.xl})`]: { slidesToScroll: 3 },
|
|
24
|
+
},
|
|
25
|
+
});
|
|
26
|
+
const [scrollSnaps, setScrollSnaps] = React.useState([]);
|
|
27
|
+
const [activeIndex, setActiveIndex] = React.useState(0);
|
|
28
|
+
const scrollPrev = React.useCallback(() => emblaApi && emblaApi.scrollPrev(), [emblaApi]);
|
|
29
|
+
const scrollNext = React.useCallback(() => emblaApi && emblaApi.scrollNext(), [emblaApi]);
|
|
30
|
+
const scrollTo = React.useCallback((index) => emblaApi && emblaApi.scrollTo(index), [emblaApi]);
|
|
31
|
+
const onSelect = React.useCallback(() => {
|
|
32
|
+
if (!emblaApi) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
setActiveIndex(emblaApi.selectedScrollSnap());
|
|
36
|
+
}, [emblaApi]);
|
|
37
|
+
React.useEffect(() => {
|
|
38
|
+
if (!emblaApi) {
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
onSelect();
|
|
42
|
+
setScrollSnaps(emblaApi.scrollSnapList());
|
|
43
|
+
emblaApi.on('select', onSelect);
|
|
44
|
+
}, [emblaApi, emblaApi?.scrollSnapList()]);
|
|
45
|
+
return (_jsxs("div", { className: cn('pt-16 overflow-hidden', className), ...props, children: [_jsx("div", { ref: emblaRef, children: _jsx("div", { className: "flex", children: children.map((child, index) => (_jsx("div", { className: "flex-[0_0_100%] md:flex-[0_0_50%] xl:flex-[0_0_33.3%]", children: _jsx(Slot, { className: "mx-3", children: child }) }, index))) }) }), _jsxs("div", { className: "relative flex mt-11 h-14", children: [_jsx(Controls, { className: "w-full my-auto", children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { active: activeIndex === index, onClick: () => scrollTo(index) }, index))) }), _jsxs("div", { className: "absolute top-0 right-0 z-10 hidden md:block", children: [_jsx(Button, { onClick: scrollPrev, disabled: activeIndex === 0, icon: IconChevronLeft, size: "lg" }), _jsx(Button, { onClick: scrollNext, disabled: activeIndex === scrollSnaps.length - 1, icon: IconChevronRight, size: "lg" })] })] })] }));
|
|
46
|
+
};
|
|
47
|
+
export { ContentSlider };
|
|
48
|
+
//# sourceMappingURL=ContentSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentSlider.js","sourceRoot":"","sources":["../../../../src/components/layout/contentSlider/ContentSlider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentSlider/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/contentSlider/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type RichTextType } from '../..';
|
|
3
|
+
export interface DownloadItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
headline?: string;
|
|
5
|
+
copy: RichTextType;
|
|
6
|
+
fileSize: string;
|
|
7
|
+
imageSrc: string;
|
|
8
|
+
imageAlt: string;
|
|
9
|
+
downloadButton: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const DownloadItem: React.FC<DownloadItemProps>;
|
|
13
|
+
export { DownloadItem };
|
|
14
|
+
//# sourceMappingURL=DownloadItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DownloadItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAe,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4B7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Headline } from '../../typography/headline';
|
|
3
|
+
import { Image } from '../../images-icons/image';
|
|
4
|
+
import { BodyText } from '../../typography/bodyText';
|
|
5
|
+
import { SlimRichText } from '../..';
|
|
6
|
+
import { cn } from '../../../utils';
|
|
7
|
+
const DownloadItem = ({ headline, copy, fileSize, imageSrc, imageAlt, downloadButton, className, ...props }) => (_jsxs("div", { ...props, className: cn(className, 'flex flex-col gap-6'), children: [_jsx(Headline, { headingLevel: "h5", children: headline }), _jsxs("div", { className: "flex", children: [_jsx(Image, { src: imageSrc, alt: imageAlt, ratio: "9/11", className: "shrink min-w-[11.75rem] h-auto mb-auto me-4" }), _jsxs("div", { children: [_jsx(SlimRichText, { variant: "small", text: copy.value }), _jsx("div", { className: "mt-8 mb-2", children: downloadButton }), _jsx(BodyText, { variant: "small", textColor: "airBlue", children: fileSize })] })] })] }));
|
|
8
|
+
export { DownloadItem };
|
|
9
|
+
//# sourceMappingURL=DownloadItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DownloadItem.js","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,YAAY,EAAoB,MAAM,OAAO,CAAC;AACtD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAalC,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,kBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,qBAAqB,CAAC,aAC7D,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,YAAE,QAAQ,GAAY,EACjD,eAAK,SAAS,EAAC,MAAM,aACnB,KAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,6CAA6C,GACvD,EACF,0BACE,KAAC,YAAY,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,EAClD,cAAK,SAAS,EAAC,WAAW,YAAE,cAAc,GAAO,EACjD,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,YAC1C,QAAQ,GACA,IACP,IACF,IACF,CACP,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as Dialog from '@radix-ui/react-dialog';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
|
-
import { DialogProps } from '@radix-ui/react-dialog';
|
|
5
4
|
declare const modalVariants: (props?: ({
|
|
6
5
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
7
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
7
|
declare const modalSectionVariants: (props?: ({
|
|
9
8
|
color?: "white" | "lightSand" | null | undefined;
|
|
10
9
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
11
|
-
export interface ModalProps extends DialogProps, VariantProps<typeof modalVariants> {
|
|
10
|
+
export interface ModalProps extends Dialog.DialogProps, VariantProps<typeof modalVariants> {
|
|
12
11
|
canClose?: boolean;
|
|
13
12
|
}
|
|
14
13
|
export interface ModalHeaderProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAQ3D,QAAA,MAAM,aAAa;;mFAYjB,CAAC;AAEH,QAAA,MAAM,oBAAoB;;mFAUxB,CAAC;AAiBH,MAAM,WAAW,UACf,SAAQ,MAAM,CAAC,WAAW,EACxB,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC;CACpE;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2B3C,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsCvC,CAAC;AAMF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQ3C,CAAC;AAcF,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqD/B,CAAC;AAEF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAC,CAAC"}
|
|
@@ -77,7 +77,20 @@ const modalOverlayClasses = `
|
|
|
77
77
|
data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-overlay
|
|
78
78
|
`;
|
|
79
79
|
const Modal = ({ open, onOpenChange, children, canClose, size, }) => {
|
|
80
|
-
|
|
80
|
+
const triggerElementRef = React.useRef(null);
|
|
81
|
+
React.useEffect(() => {
|
|
82
|
+
if (open)
|
|
83
|
+
triggerElementRef.current = document.activeElement;
|
|
84
|
+
}, [open]);
|
|
85
|
+
return (_jsx(Dialog.Root, { open: open, onOpenChange: open => {
|
|
86
|
+
onOpenChange?.(open);
|
|
87
|
+
setTimeout(() => {
|
|
88
|
+
if (!open &&
|
|
89
|
+
triggerElementRef.current &&
|
|
90
|
+
triggerElementRef.current instanceof HTMLElement)
|
|
91
|
+
triggerElementRef.current.focus();
|
|
92
|
+
}, 0);
|
|
93
|
+
}, children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Overlay, { className: cn(modalOverlayClasses) }), _jsxs(Dialog.Content, { onEscapeKeyDown: event => {
|
|
81
94
|
if (!canClose)
|
|
82
95
|
event.preventDefault();
|
|
83
96
|
}, onPointerDownOutside: event => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
4
|
// TODO: replace vertical paddings with config values once breakpoints are settled
|
|
5
|
-
const sectionWrapperVariants = cva('
|
|
5
|
+
const sectionWrapperVariants = cva('', {
|
|
6
6
|
variants: {
|
|
7
7
|
background: {
|
|
8
8
|
white: 'bg-draeger-white',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionWrapper.js","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,kFAAkF;AAElF,MAAM,sBAAsB,GAAG,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"SectionWrapper.js","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,kFAAkF;AAElF,MAAM,sBAAsB,GAAG,GAAG,CAAC,EAAE,EAAE;IACrC,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,sBAAsB;SACjC;KACF;IACD,eAAe,EAAE;QACf,UAAU,EAAE,OAAO;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,cAAc,GAAkC,CAAC,EACrD,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,qBACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAC,UAAU,EAAE,SAAS,EAAC,CAAC,CAAC,qBAC7C,MAAM,EACvB,EAAE,EAAE,MAAM,YAET,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShowMore.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/showMore/ShowMore.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,QAAQ,EAAE,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CACxE;
|
|
1
|
+
{"version":3,"file":"ShowMore.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/showMore/ShowMore.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,QAAQ,EAAE,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CACxE;AAGD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBjD,CAAC;AAEF,QAAA,MAAM,gBAAgB;;mFAQpB,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsCrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAC,CAAC"}
|
|
@@ -6,6 +6,7 @@ import { useElementHeight } from '../../../hooks/useElementHeight';
|
|
|
6
6
|
import { useToggle } from '../../../hooks/useToggle';
|
|
7
7
|
import { ShowMoreContext, useShowMoreContext } from './ShowMoreContext';
|
|
8
8
|
import { cva } from 'class-variance-authority';
|
|
9
|
+
// TODO Should it be wrapped in a Container/Block, or should it just take up all the available space of the parent element?
|
|
9
10
|
const ShowMoreToggle = ({ children, className, ...props }) => {
|
|
10
11
|
const { isExpanded, handleExpand, id } = useShowMoreContext();
|
|
11
12
|
return (_jsx("div", { ...props, className: cn('flex justify-center', className), children: _jsx("div", { role: "button", "aria-controls": id, "aria-expanded": isExpanded, onClick: handleExpand, children: typeof children === 'function' ? children(isExpanded) : children }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShowMore.js","sourceRoot":"","sources":["../../../../src/components/layout/showMore/ShowMore.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAC,eAAe,EAAE,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAc3D,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,UAAU,EAAE,YAAY,EAAE,EAAE,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAE5D,OAAO,CACL,iBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAC7D,cACE,IAAI,EAAC,QAAQ,mBACE,EAAE,mBACF,UAAU,EACzB,OAAO,EAAE,YAAY,YAEpB,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,GAC7D,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,CAAC,0BAA0B,EAAE;IACvD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE,kBAAkB;YACzB,QAAQ,EAAE,sBAAsB;YAChC,SAAS,EAAE,0BAA0B;SACtC;KACF;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAA4B,CAAC,EACzC,QAAQ,EACR,SAAS,EACT,aAAa,EACb,iBAAiB,GAAG,KAAK,EACzB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChE,MAAM,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,gBAAgB,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAC5D,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,YAAY,EAAE,EAAE,EAAC,YAC7D,4BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC,KAC/C,KAAK,aAER,aAAa,EACd,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,CAC/D,EACD,KAAK,EAAE;wBACL,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG;qBAChD,EACD,EAAE,EAAE,EAAE,mBACS,UAAU,YAEzB,eAAK,GAAG,EAAE,GAAG,aACX,cAAK,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAO,EAC7C,cAAK,SAAS,EAAC,QAAQ,YAAE,aAAa,GAAO,IACzC,GACF,IACF,GACmB,CAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"ShowMore.js","sourceRoot":"","sources":["../../../../src/components/layout/showMore/ShowMore.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAC,eAAe,EAAE,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAc3D,2HAA2H;AAC3H,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,UAAU,EAAE,YAAY,EAAE,EAAE,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAE5D,OAAO,CACL,iBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAC7D,cACE,IAAI,EAAC,QAAQ,mBACE,EAAE,mBACF,UAAU,EACzB,OAAO,EAAE,YAAY,YAEpB,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,GAC7D,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,CAAC,0BAA0B,EAAE;IACvD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE,kBAAkB;YACzB,QAAQ,EAAE,sBAAsB;YAChC,SAAS,EAAE,0BAA0B;SACtC;KACF;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAA4B,CAAC,EACzC,QAAQ,EACR,SAAS,EACT,aAAa,EACb,iBAAiB,GAAG,KAAK,EACzB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChE,MAAM,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,gBAAgB,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAC5D,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,YAAY,EAAE,EAAE,EAAC,YAC7D,4BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC,KAC/C,KAAK,aAER,aAAa,EACd,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,CAC/D,EACD,KAAK,EAAE;wBACL,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG;qBAChD,EACD,EAAE,EAAE,EAAE,mBACS,UAAU,YAEzB,eAAK,GAAG,EAAE,GAAG,aACX,cAAK,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAO,EAC7C,cAAK,SAAS,EAAC,QAAQ,YAAE,aAAa,GAAO,IACzC,GACF,IACF,GACmB,CAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAC,CAAC"}
|
|
@@ -38,7 +38,7 @@ const SlimRichText = ({ text, className, LinkComponent, ...props }) => {
|
|
|
38
38
|
if (typeof text !== 'string' || !text)
|
|
39
39
|
return;
|
|
40
40
|
const parsedNodes = parse(text, getOptions({ LinkComponent: LinkComponent ? LinkComponent : 'a' }));
|
|
41
|
-
return (_jsx(BodyText, { className: cn('[&>p]:mb-3 [&>ul]:mb-3 [&>ul]:ml-11 [&>ol]:ml-11 [&>p:last-
|
|
41
|
+
return (_jsx(BodyText, { className: cn('[&>p]:mb-3 [&>ul]:mb-3 [&>ul]:ml-11 [&>ol]:ml-11 [&>p:last-child]:mb-0 [&>ul:last-child]:mb-0 [&>ol:last-child]:last:mb-0', className), ...props, children: parsedNodes }));
|
|
42
42
|
};
|
|
43
43
|
export { SlimRichText };
|
|
44
44
|
//# sourceMappingURL=SlimRichText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlimRichText.js","sourceRoot":"","sources":["../../../../src/components/layout/slimRichText/SlimRichText.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAEZ,OAAO,EACP,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAC,EAAE,EAAqB,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAC,QAAQ,EAAqB,MAAM,2BAA2B,CAAC;AAavE,MAAM,UAAU,GAE8B,CAAC,EAAC,aAAa,EAAC,EAAE,EAAE,CAAC,CAAC;IAClE,OAAO,EAAE,OAAO,CAAC,EAAE;QACjB,IAAI,CAAC,CAAC,OAAO,YAAY,OAAO,CAAC;YAAE,OAAO;QAE1C,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAC,GAAG,OAAO,CAAC;QAChD,IAAI,IAAI,KAAK,KAAK;YAAE,OAAO;QAE3B,MAAM,UAAU,GAAG,UAAU,CAC3B,QAAqB,EACrB,UAAU,CAAC,EAAC,aAAa,EAAC,CAAC,CAC5B,CAAC;QAEF,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,GAAG;gBACN,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,QAAQ,EACjB,aAAa,EAAE,aAAa,KACxB,OAAO,YAEV,UAAU,GACN,CACR,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,KAAC,aAAa,cAAE,UAAU,GAAiB,CAAC;YACrD,KAAK,IAAI;gBACP,OAAO,KAAC,WAAW,cAAE,UAAU,GAAe,CAAC;YACjD,KAAK,IAAI;gBACP,OAAO,KAAC,QAAQ,cAAE,UAAU,GAAY,CAAC;YAC3C,KAAK,IAAI;gBACP,OAAO,cAAM,CAAC;YAChB,KAAK,KAAK;gBACR,OAAO,cAAK,SAAS,EAAC,WAAW,YAAE,UAAU,GAAO,CAAC;YACvD,KAAK,KAAK;gBACR,OAAO,cAAK,SAAS,EAAC,aAAa,YAAE,UAAU,GAAO,CAAC;YACzD,KAAK,QAAQ;gBACX,OAAO,iBAAQ,SAAS,EAAC,eAAe,YAAE,UAAU,GAAU,CAAC;YACjE;gBACE,OAAO,KAAK,CAAC;QACjB,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAgC,CAAC,EACjD,IAAI,EACJ,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI;QAAE,OAAO;IAE9C,MAAM,WAAW,GAAG,KAAK,CACvB,IAAI,EACJ,UAAU,CAAC,EAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,EAAC,CAAC,CACjE,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"SlimRichText.js","sourceRoot":"","sources":["../../../../src/components/layout/slimRichText/SlimRichText.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAEZ,OAAO,EACP,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAC,EAAE,EAAqB,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAC,QAAQ,EAAqB,MAAM,2BAA2B,CAAC;AAavE,MAAM,UAAU,GAE8B,CAAC,EAAC,aAAa,EAAC,EAAE,EAAE,CAAC,CAAC;IAClE,OAAO,EAAE,OAAO,CAAC,EAAE;QACjB,IAAI,CAAC,CAAC,OAAO,YAAY,OAAO,CAAC;YAAE,OAAO;QAE1C,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAC,GAAG,OAAO,CAAC;QAChD,IAAI,IAAI,KAAK,KAAK;YAAE,OAAO;QAE3B,MAAM,UAAU,GAAG,UAAU,CAC3B,QAAqB,EACrB,UAAU,CAAC,EAAC,aAAa,EAAC,CAAC,CAC5B,CAAC;QAEF,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,GAAG;gBACN,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,QAAQ,EACjB,aAAa,EAAE,aAAa,KACxB,OAAO,YAEV,UAAU,GACN,CACR,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,KAAC,aAAa,cAAE,UAAU,GAAiB,CAAC;YACrD,KAAK,IAAI;gBACP,OAAO,KAAC,WAAW,cAAE,UAAU,GAAe,CAAC;YACjD,KAAK,IAAI;gBACP,OAAO,KAAC,QAAQ,cAAE,UAAU,GAAY,CAAC;YAC3C,KAAK,IAAI;gBACP,OAAO,cAAM,CAAC;YAChB,KAAK,KAAK;gBACR,OAAO,cAAK,SAAS,EAAC,WAAW,YAAE,UAAU,GAAO,CAAC;YACvD,KAAK,KAAK;gBACR,OAAO,cAAK,SAAS,EAAC,aAAa,YAAE,UAAU,GAAO,CAAC;YACzD,KAAK,QAAQ;gBACX,OAAO,iBAAQ,SAAS,EAAC,eAAe,YAAE,UAAU,GAAU,CAAC;YACjE;gBACE,OAAO,KAAK,CAAC;QACjB,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAgC,CAAC,EACjD,IAAI,EACJ,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI;QAAE,OAAO;IAE9C,MAAM,WAAW,GAAG,KAAK,CACvB,IAAI,EACJ,UAAU,CAAC,EAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,EAAC,CAAC,CACjE,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CACX,2HAA2H,EAC3H,SAAS,CACV,KACG,KAAK,YAER,WAAW,GACH,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchorNav.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/anchorNav/AnchorNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AnchorNav.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/anchorNav/AnchorNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4H/B,MAAM,MAAM,UAAU,GAAG;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AAEzD,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA6XD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwH9C,CAAC"}
|
|
@@ -5,11 +5,12 @@ import ResizeObserver from 'resize-observer-polyfill';
|
|
|
5
5
|
import { cn, throttle } from '../../../utils';
|
|
6
6
|
import { useToggle } from '../../../hooks/useToggle';
|
|
7
7
|
import { useBreakpoint } from '../../../hooks/useBreakpoint';
|
|
8
|
-
import { ContentArea } from '../../layout/contentArea';
|
|
9
8
|
import { Button } from '../../actions/button';
|
|
10
9
|
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
11
10
|
import { useScrollPosition } from '../../../hooks/useScrollPosition';
|
|
12
11
|
import { IconArrowLeft, IconArrowRight, IconChevronDown } from '../../../icons';
|
|
12
|
+
import { Container } from '../../layout/container';
|
|
13
|
+
import { Block } from '../../layout/block';
|
|
13
14
|
const calcScrollTime = (scrollDiff, speed = 750) => Math.max(0.1, Math.min(Math.abs(scrollDiff) / speed, 0.8));
|
|
14
15
|
const scrollDirections = {
|
|
15
16
|
horizontal: 'scrollLeft',
|
|
@@ -200,11 +201,11 @@ const AnchorNavHorizontal = ({ anchors, currentAnchor, isDesktop, isPinned, setB
|
|
|
200
201
|
return;
|
|
201
202
|
goToItem(anchors[state.end].anchor);
|
|
202
203
|
};
|
|
203
|
-
return (_jsx("div", { className: cn('md:h-16 transition-colors flex', isPinned ? ' bg-draeger-pale-blue' : 'bg-transparent'), children: _jsxs(
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
204
|
+
return (_jsx("div", { className: cn('md:h-16 transition-colors flex', isPinned ? ' bg-draeger-pale-blue' : 'bg-transparent'), children: _jsx(Container, { className: "justify-center", children: _jsxs(Block, { className: "flex items-center h-full", children: [_jsxs("ul", { ref: containerRef, className: cn('text-semibold font-semibold overflow-y-hidden overflow-x-hidden whitespace-wrap pt-4 md:whitespace-nowrap md:pt-0 transition-colors'), children: [anchors.map(({ anchor, label }, index) => {
|
|
205
|
+
const isVisible = index >= state.start && index < state.end;
|
|
206
|
+
const isActive = currentAnchor === anchor;
|
|
207
|
+
return (_jsx(AnchorNavHorizontalItem, { anchor: anchor, label: label, isActive: isActive, isVisible: isVisible }, anchor));
|
|
208
|
+
}), isDesktop && (_jsx("div", { className: "inline-block", style: { width: SPACE_FILLER_WIDTH + 'px' } }))] }), !(state.start === 0 && state.end === anchors.length) && (_jsxs("div", { className: "justify-center hidden ml-5 md:flex", children: [_jsx(Button, { variant: isPinned ? 'secondary-dark-blue' : 'secondary-air-blue', size: 'sm', className: "mr-3 select-none", disabled: state.start === 0, onClick: handleLeftArrowClick, children: _jsx(SvgIcon, { size: 'sm', icon: IconArrowLeft }) }), _jsx(Button, { variant: isPinned ? 'secondary-dark-blue' : 'secondary-air-blue', size: 'sm', className: "select-none", onClick: handleRightArrowClick, disabled: state.end === anchors.length, children: _jsx(SvgIcon, { size: 'sm', icon: IconArrowRight }) })] }))] }) }) }));
|
|
208
209
|
};
|
|
209
210
|
const AnchorNavVerticalItem = ({ anchor, label, onClick, isActive, }) => (_jsx("a", { href: `#${anchor}`, className: 'flex items-center h-16 py-2 text-xl list-none', "data-anchor": anchor, onClick: event => {
|
|
210
211
|
onClick();
|
|
@@ -257,7 +258,7 @@ const AnchorNavVertical = ({ currentAnchor, anchors, isHeaderHidden, }) => {
|
|
|
257
258
|
`);
|
|
258
259
|
}
|
|
259
260
|
}, [on, isHeaderHidden]);
|
|
260
|
-
return (_jsxs("div", { className: "h-16 font-semibold text-semibold touch-none bg-draeger-pale-blue", children: [_jsx("div", { ref: collapsibleContainerRef, className: cn('h-16 w-full ease-in-out transition-[height] absolute overflow-hidden', on && 'overflow-scroll overscroll-y-contain bg-draeger-pale-blue'), children: _jsx(
|
|
261
|
+
return (_jsxs("div", { className: "h-16 font-semibold text-semibold touch-none bg-draeger-pale-blue", children: [_jsx("div", { ref: collapsibleContainerRef, className: cn('h-16 w-full ease-in-out transition-[height] absolute overflow-hidden', on && 'overflow-scroll overscroll-y-contain bg-draeger-pale-blue'), children: _jsx(Container, { children: _jsx(Block, { ref: collapsibleRef, children: _jsx("ul", { className: cn('overflow-scroll'), children: anchors.map(({ anchor, label }) => (_jsx(AnchorNavVerticalItem, { anchor: anchor, label: label, onClick: handleToggle, isActive: currentAnchor === anchor }, anchor))) }) }) }) }), _jsx(Container, { children: _jsx(Block, { className: "relative", children: _jsx(Button, { variant: 'ghost-inherit', className: cn('absolute right-0 top-4 h-auto py-0 px-0 transition-all', on && 'rotate-180'), onClick: handleToggle, children: _jsx(SvgIcon, { size: 'lg', icon: IconChevronDown }) }) }) })] }));
|
|
261
262
|
};
|
|
262
263
|
export const AnchorNav = ({ anchors, initialAnchor, }) => {
|
|
263
264
|
const [isPinned, setIsPinned] = React.useState(false);
|