@odx/websites-react 1.0.27 → 1.0.28
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/archived/grid/Grid.d.ts.map +1 -1
- package/dist/components/archived/grid/Grid.js +4 -3
- package/dist/components/archived/grid/Grid.js.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +1 -1
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/block/Block.js +5 -5
- package/dist/components/layout/block/Block.js.map +1 -1
- package/dist/components/layout/card/Card.d.ts.map +1 -1
- package/dist/components/layout/card/Card.js +2 -2
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/card/CardGroup.d.ts +1 -2
- package/dist/components/layout/card/CardGroup.d.ts.map +1 -1
- package/dist/components/layout/card/CardGroup.js +14 -2
- package/dist/components/layout/card/CardGroup.js.map +1 -1
- package/dist/components/layout/container/Container.js +1 -1
- package/dist/components/layout/contentItem/ContentItem.js +1 -1
- package/dist/components/layout/structuredList/StructuredListItem.js +2 -2
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts +7 -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/header/Header.d.ts.map +1 -1
- package/dist/components/navigation/header/Header.js +5 -4
- package/dist/components/navigation/header/Header.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +2 -2
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/hooks/useBreakpoint/useBreakpoint.js +1 -1
- package/dist/hooks/useBreakpoint/useBreakpoint.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/archived/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAExC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/archived/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAExC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAK9E,QAAA,MAAM,YAAY;;mFAchB,CAAC;AAEH;;;GAGG;AAEH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAQ7B,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAIrC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
|
-
const
|
|
4
|
+
const gridClasses = 'font-text grid grid-cols-1 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-9 lg:gap-6 md:gap-4';
|
|
5
|
+
const gridVariants = cva(gridClasses, {
|
|
5
6
|
variants: {
|
|
6
7
|
cols: {
|
|
7
8
|
1: '',
|
|
8
9
|
2: 'lg:grid-cols-2 gap-4 md:gap-6 ',
|
|
9
|
-
3: 'md:
|
|
10
|
+
3: 'md:gap-y-6 xl:[&>*]:col-span-3 lg:[&>*]:col-span-3',
|
|
10
11
|
4: 'md:grid-cols-2 xl:grid-cols-4 gap-y-6 gap-x-6 md:gap-y-6 md:gap-x-4 xl:gap-x-6',
|
|
11
|
-
'1+3': 'xl:grid-cols-[calc(33%-12px)_repeat(3,1fr)]
|
|
12
|
+
'1+3': 'xl:grid-cols-[calc(33%-12px)_repeat(3,1fr)] xl:[&>*:first-child]:col-span-1 grid-cols-[repeat(3,minmax(0,1fr))] [&>*:first-child]:col-span-full gap-x-6 gap-y-12 [&>*]:col-span-2 xl:[&>*]:col-span-1',
|
|
12
13
|
},
|
|
13
14
|
},
|
|
14
15
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/archived/grid/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,YAAY,GAAG,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/archived/grid/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,WAAW,GACf,2FAA2F,CAAC;AAE9F,MAAM,YAAY,GAAG,GAAG,CAAC,WAAW,EAAE;IACpC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,gCAAgC;YACnC,CAAC,EAAE,oDAAoD;YACvD,CAAC,EAAE,gFAAgF;YACnF,KAAK,EACH,uMAAuM;SAC1M;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH;;;GAGG;AAEH,MAAM,IAAI,GAAwB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAC3E,2BACa,GAAG,IAAI,OAAO,EACzB,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAC1C,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAC7E,2BAAe,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACxD,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -20,7 +20,7 @@ const Accordion = ({ defaultValues = [], children, className, size = 'md', ...pr
|
|
|
20
20
|
};
|
|
21
21
|
return (children && (_jsx(AccordionContext.Provider, { value: { activeItems, toggleItem, size }, children: _jsx("div", { ...props, className: cn('font-text flex flex-col', className), children: children }) })));
|
|
22
22
|
};
|
|
23
|
-
const baseAccordionItemToggleClassName = 'transition-[box-shadow] disabled:pointer-events-none px-6 w-full cursor-pointer flex justify-between align-middle font-text font-semibold text-2xl leading-7 focus:outline-none focus:ring-2 focus:ring-draeger-air-blue-250';
|
|
23
|
+
const baseAccordionItemToggleClassName = 'transition-[box-shadow] disabled:pointer-events-none px-6 w-full cursor-pointer flex justify-between align-middle font-text font-semibold text-2xl leading-7 focus:outline-none focus:ring-2 focus:ring-draeger-air-blue-250 hover:bg-draeger-field-disabled';
|
|
24
24
|
const accordionToggleVariants = cva(baseAccordionItemToggleClassName, {
|
|
25
25
|
variants: {
|
|
26
26
|
size: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.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,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AA4B7C,MAAM,SAAS,GAA6B,CAAC,EAC3C,aAAa,GAAG,EAAE,EAClB,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/B,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CACrC,YAAY,CAAC,EAAE,CAAC,YAAY,KAAK,IAAI,CACtC,CAAC;YACF,cAAc,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,QAAQ,IAAI,CACV,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,UAAU,EAAE,IAAI,EAAC,YAC/D,iBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YAChE,QAAQ,GACL,GACoB,CAC7B,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gCAAgC,GACpC,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,12 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
|
-
const blockVariants = cva('', {
|
|
5
|
+
const blockVariants = cva('col-[1/-1]', {
|
|
6
6
|
variants: {
|
|
7
7
|
elementWidth: {
|
|
8
|
-
large: '
|
|
9
|
-
medium: '
|
|
10
|
-
small: '
|
|
8
|
+
large: '',
|
|
9
|
+
medium: 'xl:col-start-2 xl:col-end-9',
|
|
10
|
+
small: 'xl:col-start-2 xl:col-end-9',
|
|
11
11
|
},
|
|
12
12
|
background: {
|
|
13
13
|
white: 'bg-draeger-white',
|
|
@@ -20,7 +20,7 @@ const blockVariants = cva('', {
|
|
|
20
20
|
elementWidth: 'large',
|
|
21
21
|
},
|
|
22
22
|
});
|
|
23
|
-
const Block = React.forwardRef(({ children, className, background, elementWidth, wrapperBlockProps, ...props }, ref) => children && (_jsx("div", { className: cn('w-full max-w-content-block grid justify-center grid-cols-1 gap-6 lg:grid-cols-
|
|
23
|
+
const Block = React.forwardRef(({ children, className, background, elementWidth, wrapperBlockProps, ...props }, ref) => children && (_jsx("div", { className: cn('w-full max-w-content-block grid justify-center grid-cols-1 gap-6 xl:grid-cols-9 lg:grid-cols-6', wrapperBlockProps?.className), "data-name": "Block-Grid", ...wrapperBlockProps, children: _jsx("div", { className: cn(blockVariants({ background, elementWidth }), className), "data-name": "Block-Children-Width", ref: ref, ...props, children: children }) })));
|
|
24
24
|
Block.displayName = 'Block';
|
|
25
25
|
export { Block };
|
|
26
26
|
//# sourceMappingURL=Block.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAWlC,MAAM,aAAa,GAAG,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAWlC,MAAM,aAAa,GAAG,GAAG,CAAC,YAAY,EAAE;IACtC,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,6BAA6B;YACrC,KAAK,EAAE,6BAA6B;SACrC;QACD,UAAU,EAAE;YACV,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,sBAAsB;YAChC,QAAQ,EAAE,0BAA0B;SACrC;KACF;IACD,eAAe,EAAE;QACf,YAAY,EAAE,OAAO;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CACF,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,iBAAiB,EAAE,SAAS,CAC7B,eACS,YAAY,KAClB,iBAAiB,YAErB,cACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAC,UAAU,EAAE,YAAY,EAAC,CAAC,EAAE,SAAS,CAAC,eACzD,sBAAsB,EAChC,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACL,GACF,CACP,CACJ,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAC,KAAK,EAAC,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;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAOzC,CAAC;AAEJ,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAI7C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE7C,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAE3C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYvC,CAAC;AAEJ,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAevD,CAAC;AAKJ,QAAA,MAAM,YAAY;;;mFAgBhB,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAWrC,CAAC;AAEF,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,
|
|
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;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAOzC,CAAC;AAEJ,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAI7C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE7C,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAE3C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYvC,CAAC;AAEJ,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAevD,CAAC;AAKJ,QAAA,MAAM,YAAY;;;mFAgBhB,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAWrC,CAAC;AAEF,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,CAmB7B,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,UAAU,GACX,CAAC"}
|
|
@@ -9,7 +9,7 @@ const CardBodyText = ({ text, ...props }) => (_jsx(SlimRichText, { text: text, t
|
|
|
9
9
|
const CardContent = ({ children, ...props }) => (_jsx("div", { ...props, children: children }));
|
|
10
10
|
const CardAction = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col items-stretch w-full', className), ...props, children: children }));
|
|
11
11
|
const CardActionsWrapper = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col gap-7 pb-8 min-h-14 items-center px-6 pb-8', className), ...props, children: children }));
|
|
12
|
-
const cardBaseClasses = 'font-text group';
|
|
12
|
+
const cardBaseClasses = 'font-text group flex flex-col';
|
|
13
13
|
// TODO: Delete variants when sections using paleBlue and darkBlue cards will be updated
|
|
14
14
|
const cardVariants = cva(cardBaseClasses, {
|
|
15
15
|
variants: {
|
|
@@ -35,7 +35,7 @@ const Card = ({ imageElement, children, variant, padding, className, ...props })
|
|
|
35
35
|
const hasContent = Boolean(imageElement || children);
|
|
36
36
|
if (!hasContent)
|
|
37
37
|
return;
|
|
38
|
-
return (_jsxs("div", { className: cn(cardVariants({ variant, padding }), className), ...props, children: [imageElement, children && _jsx("div", { className: "flex flex-col", children: children })] }));
|
|
38
|
+
return (_jsxs("div", { className: cn(cardVariants({ variant, padding }), className), ...props, children: [imageElement, children && (_jsx("div", { className: "flex flex-col justify-between h-full", children: children }))] }));
|
|
39
39
|
};
|
|
40
40
|
export { Card, CardBody, CardContent, CardSubInfo, CardHeadline, CardBodyText, CardActionsWrapper, CardAction, };
|
|
41
41
|
//# 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,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAIhE,MAAM,WAAW,GAA+B,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAC9E,IAAI,IAAI,CACN,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CAAC;AAQJ,MAAM,YAAY,GAAgC,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAC1E,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,EAAC,YAAY,EAAC,IAAI,KAAK,KAAK,YACtD,QAAQ,GACA,CACZ,CAAC;AAIF,MAAM,YAAY,GAAgC,CAAC,EAAC,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACtE,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,SAAS,KAAK,KAAK,GAAI,CAC5D,CAAC;AAOF,MAAM,WAAW,GAA+B,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CACxE,iBAAS,KAAK,YAAG,QAAQ,GAAO,CACjC,CAAC;AAIF,MAAM,UAAU,GAA8B,CAAC,EAC7C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAKJ,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEJ,MAAM,eAAe,GAAG,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
export interface CardGroupProps extends ContentGroupProps {
|
|
2
|
+
export interface CardGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
3
|
children: React.ReactNode[];
|
|
5
4
|
cols: 3 | 4;
|
|
6
5
|
}
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"CardGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/CardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC;CACb;AAcD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CASvC,CAAC;AAEF,OAAO,EAAC,SAAS,EAAC,CAAC"}
|
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { cn } from '../../../utils';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
const cardGroupVariants = cva('grid gap-6', {
|
|
5
|
+
variants: {
|
|
6
|
+
cols: {
|
|
7
|
+
3: 'md:grid-cols-3',
|
|
8
|
+
4: 'md:grid-cols-4',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: {
|
|
12
|
+
cols: 3,
|
|
13
|
+
},
|
|
14
|
+
});
|
|
15
|
+
const CardGroup = ({ children, className, cols, ...props }) => (_jsx("div", { className: cn(cardGroupVariants({ cols }), className), ...props, children: children }));
|
|
4
16
|
export { CardGroup };
|
|
5
17
|
//# 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,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAO7C,MAAM,iBAAiB,GAAG,GAAG,CAAC,YAAY,EAAE;IAC1C,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,CAAC,EAAE,gBAAgB;YACnB,CAAC,EAAE,gBAAgB;SACpB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,MAAM,SAAS,GAA6B,CAAC,EAC3C,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,YAChE,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EAAC,SAAS,EAAC,CAAC"}
|
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
4
|
const containerClasses = `
|
|
5
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
|
|
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
|
|
7
7
|
`;
|
|
8
8
|
const Container = React.forwardRef(({ children, className, ...props }, ref) => children && (_jsx("div", { className: cn(containerClasses, className), "data-name": "Container", ref: ref, ...props, children: children })));
|
|
9
9
|
Container.displayName = 'Container';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from '../../../utils';
|
|
3
3
|
import { ContentHeadings } from '../../../web';
|
|
4
|
-
const ContentItemMedia = ({ className, children, mediaAlignment = 'left', ...props }) => children && (_jsx("div", { className: cn('shrink-0 basis-[42%] [&_img]:w-full', mediaAlignment === 'right' && '
|
|
4
|
+
const ContentItemMedia = ({ className, children, mediaAlignment = 'left', ...props }) => children && (_jsx("div", { className: cn('shrink-0 basis-[42%] [&_img]:w-full', mediaAlignment === 'right' && 'lg:order-1', className), ...props, children: children }));
|
|
5
5
|
const ContentItemBody = ({ className, children, ...props }) => children && (_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 }) => children && (_jsx("div", { className: cn('flex flex-col items-start self-stretch gap-2', className), ...props, children: children }));
|
|
@@ -3,13 +3,13 @@ import { cn } from '../../../utils';
|
|
|
3
3
|
import { Headline } from '../../typography/headline';
|
|
4
4
|
import { SlimRichText } from '../slimRichText';
|
|
5
5
|
const StructuredListItemHeadline = ({ children, className, headline, ...props }) => (headline || children) && (_jsxs("div", { className: 'flex flex-wrap items-center min-h min-h-[theme(height.element-height-md)] gap-x-4 gap-y-2', children: [_jsx(Headline, { className: cn('group-focus:underline group-hover:underline', className), textColor: 'accent', headingLevel: 'h4', ...props, children: headline }), children] }));
|
|
6
|
-
const StructuredListItemActionContainer = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('
|
|
6
|
+
const StructuredListItemActionContainer = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('lg:h-[6.8125rem] flex flex-col justify-center items-end', className), ...props, children: children }));
|
|
7
7
|
const StructuredListItemImageContainer = ({ className, children, ...props }) => (_jsx("div", { className: cn('pt-1.5 flex justify-center items-center w-[11.5rem] shrink-0', className), ...props, children: children }));
|
|
8
8
|
const StructuredListItem = ({ className, headline, headlineChildren, href, image, itemDescription, actionElement, ...props }) => {
|
|
9
9
|
const hasContent = Boolean(headline || headlineChildren || itemDescription);
|
|
10
10
|
if (!hasContent)
|
|
11
11
|
return;
|
|
12
|
-
return (_jsxs("div", { className: cn(className, 'flex gap-6
|
|
12
|
+
return (_jsxs("div", { className: cn(className, 'flex gap-6 lg:gap-8 flex-col lg:flex-row pt-3 pb-4 lg:pt-1.5 lg:pb-8'), children: [_jsxs("a", { href: href, className: 'flex gap-6 flex-col lg:flex-row group cursor-pointer', ...props, children: [image && (_jsx(StructuredListItemImageContainer, { children: image })), _jsxs("div", { className: 'flex flex-col gap-1', children: [_jsx(StructuredListItemHeadline, { headline: headline, children: headlineChildren }), _jsx(SlimRichText, { text: itemDescription })] })] }), _jsx(StructuredListItemActionContainer, { children: actionElement })] }));
|
|
13
13
|
};
|
|
14
14
|
export { StructuredListItem };
|
|
15
15
|
//# sourceMappingURL=StructuredListItem.js.map
|
|
@@ -3,9 +3,15 @@ import { LinkComponent, type LinkComponentProps } from '../../../utils';
|
|
|
3
3
|
export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
}
|
|
6
|
+
export interface BreadcrumbsSectionProps {
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
6
10
|
export interface BreadcrumbItemProps extends Omit<LinkComponentProps, 'href'>, LinkComponent {
|
|
7
11
|
href?: string;
|
|
8
12
|
}
|
|
9
13
|
export declare const BreadcrumbItem: React.FC<BreadcrumbItemProps>;
|
|
10
|
-
|
|
14
|
+
declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
|
|
15
|
+
declare const BreadcrumbSection: React.FC<BreadcrumbsSectionProps>;
|
|
16
|
+
export { BreadcrumbSection, Breadcrumbs };
|
|
11
17
|
//# sourceMappingURL=Breadcrumbs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAKtE,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,aAAa;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAMD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAKtE,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,aAAa;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAMD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8C3C,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAOxD,CAAC;AAEF,OAAO,EAAC,iBAAiB,EAAE,WAAW,EAAC,CAAC"}
|
|
@@ -13,7 +13,7 @@ export const BreadcrumbItem = ({ className, children, href, LinkComponent, ...pr
|
|
|
13
13
|
return (_jsx(LinkComp, { className: cn(href &&
|
|
14
14
|
'border-b border-transparent transition-colors duration-300 ease-in-out hover:border-draeger-white', className), href: href, ...props, children: children }));
|
|
15
15
|
};
|
|
16
|
-
|
|
16
|
+
const Breadcrumbs = ({ children, className, ...props }) => {
|
|
17
17
|
const allItems = React.Children.toArray(children);
|
|
18
18
|
if (allItems.length === 0) {
|
|
19
19
|
return null;
|
|
@@ -22,6 +22,8 @@ export const Breadcrumbs = ({ children, className, ...props }) => {
|
|
|
22
22
|
return (_jsxs("li", { className: cn(breadcrumbClasses), children: [item, _jsx(Icon, { iconSet: "core", iconName: "chevron-right", size: "md", center: "vertical", "aria-hidden": true }, `separator-${index}`)] }, `item-${index}`));
|
|
23
23
|
});
|
|
24
24
|
itemsWithSeparators.push(_jsx("li", { "aria-current": "page", className: cn(breadcrumbClasses, 'font-text font-semibold self-baseline'), children: allItems[allItems.length - 1] }, `item-${allItems.length - 1}`));
|
|
25
|
-
return (_jsx(
|
|
25
|
+
return (_jsx("nav", { className: cn(breadcrumbsWrapperClasses, className), "aria-label": "Breadcrumbs", ...props, children: _jsx("ol", { className: "flex flex-wrap items-center", children: itemsWithSeparators }) }));
|
|
26
26
|
};
|
|
27
|
+
const BreadcrumbSection = ({ children, className, }) => (_jsx(Container, { className: cn(className), children: _jsx(Block, { children: children }) }));
|
|
28
|
+
export { BreadcrumbSection, Breadcrumbs };
|
|
27
29
|
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAiBjD,MAAM,yBAAyB,GAC7B,yGAAyG,CAAC;AAC5G,MAAM,iBAAiB,GAAG,0BAA0B,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,QAAQ;QAAE,OAAO;IACtB,MAAM,QAAQ,GAAG,aAAa,IAAI,GAAG,CAAC;IAEtC,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CACX,IAAI;YACF,mGAAmG,EACrG,SAAS,CACV,EACD,IAAI,EAAE,IAAI,KACN,KAAK,YAER,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAElD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,mBAAmB,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACpE,OAAO,CACL,cAA0B,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,aACvD,IAAI,EACL,KAAC,IAAI,IAEH,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,eAAe,EACxB,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,UAAU,yBAJZ,aAAa,KAAK,EAAE,CAMzB,KATK,QAAQ,KAAK,EAAE,CAUnB,CACN,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,mBAAmB,CAAC,IAAI,CACtB,6BAEe,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,uCAAuC,CAAC,YAExE,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,IAJzB,QAAQ,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAK/B,CACN,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,gBACxC,aAAa,KACpB,KAAK,YAET,aAAI,SAAS,EAAC,6BAA6B,YAAE,mBAAmB,GAAM,GAClE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAsC,CAAC,EAC5D,QAAQ,EACR,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,KAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YACjC,KAAC,KAAK,cAAE,QAAQ,GAAS,GACf,CACb,CAAC;AAEF,OAAO,EAAC,iBAAiB,EAAE,WAAW,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAQ3E,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuBjC,CAAC;AAEF,QAAA,MAAM,yBAAyB,kBAE5B;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,4CAIA,CAAC;AAEF,QAAA,MAAM,wBAAwB,+KAW5B,CAAC;AAEH,QAAA,MAAM,gBAAgB,iKAcpB,CAAC;AAEH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAIvB,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAkBnC,CAAC;AAUF,QAAA,MAAM,2BAA2B,oLAiB/B,CAAC;AAIH,QAAA,MAAM,2BAA2B,8KA4B/B,CAAC;AAEH,QAAA,MAAM,wBAAwB,uHAA+B,CAAC;AAE9D,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CASjE,CAAC;AAOF,OAAO,EACL,MAAM,EACN,UAAU,EACV,sBAAsB,EACtB,gBAAgB,EAChB,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,2BAA2B,EAC3B,2BAA2B,EAC3B,aAAa,GACd,CAAC"}
|
|
@@ -3,17 +3,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
5
5
|
import { HeaderProvider } from './HeaderContext';
|
|
6
|
-
import {
|
|
6
|
+
import { Icon } from '../../../components';
|
|
7
|
+
import { BreadcrumbSection, Button, Logo } from '../../../components';
|
|
7
8
|
import { cn } from '../../../utils';
|
|
8
9
|
import { Container } from '../../layout/container';
|
|
9
10
|
import { Block } from '../../layout/block';
|
|
10
11
|
const Header = ({ children, breadcrumbs }) => {
|
|
11
|
-
return (_jsx(HeaderProvider, { children: _jsxs("header", { className: 'flex flex-col justify-around relative top-0 w-full z-10 bg-surface-primary text-text-primary font-text', children: [_jsx(Container, { className: "py-7", children: _jsx(Block, { children: _jsx("div", { className: 'flex w-full flex-wrap items-center justify-between', children: children }) }) }), breadcrumbs] }) }));
|
|
12
|
+
return (_jsx(HeaderProvider, { children: _jsxs("header", { className: 'flex flex-col justify-around relative top-0 w-full z-10 bg-surface-primary text-text-primary font-text', children: [_jsx(Container, { className: "py-7", children: _jsx(Block, { children: _jsx("div", { className: 'flex w-full flex-wrap items-center justify-between', children: children }) }) }), _jsx(BreadcrumbSection, { className: "absolute top-full", children: breadcrumbs })] }) }));
|
|
12
13
|
};
|
|
13
14
|
const HeaderSecondaryNavigation = ({ children, }) => {
|
|
14
15
|
return (_jsx("div", { className: 'flex items-center gap-8 xl:gap-9 h-11', children: children }));
|
|
15
16
|
};
|
|
16
|
-
const HeaderNavigationMenuList = React.forwardRef(({ ...props }, ref) => (_jsx("div", { id: "list-items", children: _jsx(NavigationMenuPrimitive.List, { ref: ref, className: 'group hidden
|
|
17
|
+
const HeaderNavigationMenuList = React.forwardRef(({ ...props }, ref) => (_jsx("div", { id: "list-items", children: _jsx(NavigationMenuPrimitive.List, { ref: ref, className: 'group hidden lg:flex list-none items-center gap-6', ...props }) })));
|
|
17
18
|
const HeaderNavigation = React.forwardRef(({ children, ...props }, ref) => {
|
|
18
19
|
return (_jsx(NavigationMenuPrimitive.Root, { ref: ref, className: 'items-center flex', "aria-label": 'Main navigation', ...props, children: _jsx("div", { className: 'flex items-center gap-8 lg:gap-10', children: children }) }));
|
|
19
20
|
});
|
|
@@ -44,7 +45,7 @@ const HeaderNavigationMenuContent = React.forwardRef(({ ...props }, ref) => {
|
|
|
44
45
|
});
|
|
45
46
|
const HeaderNavigationMenuItem = NavigationMenuPrimitive.Item;
|
|
46
47
|
const HeaderActions = props => {
|
|
47
|
-
return (_jsx("div", { className: 'hidden
|
|
48
|
+
return (_jsx("div", { className: 'hidden xl:flex flex-initial shrink-0 grow-0 items-center justify-end fill-text-primary gap-2', ...props }));
|
|
48
49
|
};
|
|
49
50
|
HeaderNavigation.displayName = NavigationMenuPrimitive.Root.displayName;
|
|
50
51
|
HeaderNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/navigation/header/Header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAC,cAAc,EAAC,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/navigation/header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ import { Transition } from '@headlessui/react';
|
|
|
9
9
|
import { Icon } from '../../images-icons/icon';
|
|
10
10
|
export const SearchInput = ({ onSubmit, options = [], placeholder, freeTextSearchLabel, query, setQuery, }) => {
|
|
11
11
|
const [showSearchInput, setShowSearchInput] = React.useState(false);
|
|
12
|
-
const isMobile = useBreakpoint('
|
|
12
|
+
const isMobile = useBreakpoint('xl');
|
|
13
13
|
const handleChange = (selectedOption) => {
|
|
14
14
|
if (selectedOption) {
|
|
15
15
|
onSubmit(selectedOption.value);
|
|
@@ -19,7 +19,7 @@ export const SearchInput = ({ onSubmit, options = [], placeholder, freeTextSearc
|
|
|
19
19
|
'absolute w-full bg-draeger-white left-0 pb-5 px-5 top-[83px]'), children: _jsx(Autocomplete, { onChange: handleChange, placeholder: placeholder, options: options.map(option => ({
|
|
20
20
|
value: option,
|
|
21
21
|
label: option,
|
|
22
|
-
})), freeTextSearchAllowed: true, freeTextSearchLabel: freeTextSearchLabel, selected: { value: query, label: query }, wrapperClassName: "
|
|
22
|
+
})), freeTextSearchAllowed: true, freeTextSearchLabel: freeTextSearchLabel, selected: { value: query, label: query }, wrapperClassName: "w-full", query: query, setQuery: setQuery }) }));
|
|
23
23
|
return (_jsxs("div", { className: "flex flex-col items-end justify-center h-full overflow-visible font-text", children: [isMobile && (_jsx("div", { className: "flex items-center justify-end w-full h-7 text-draeger-dark-blue", children: _jsx(Button, { variant: 'ghost-inherit', size: 'sm', onClick: () => setShowSearchInput(!showSearchInput), "aria-label": 'Search Input Toggle Button', slim: true, children: _jsx(Icon, { iconSet: "core", iconName: showSearchInput ? 'close' : 'search', size: 'md', center: "vertical" }) }) })), isMobile ? (_jsx(Transition, { as: React.Fragment, show: !isMobile || (isMobile && showSearchInput), enter: "transform transition duration-[400ms]", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "transform duration-200 transition ease-in-out", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: inputElement })) : (inputElement)] }));
|
|
24
24
|
};
|
|
25
25
|
SearchInput.displayName = 'SearchInput';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAyB,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAW7C,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7E,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,CAAC,cAAqC,EAAE,EAAE;QAC7D,IAAI,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,cACE,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,QAAQ;YACN,8DAA8D,CACjE,YAED,KAAC,YAAY,IACX,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBAC9B,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,MAAM;aACd,CAAC,CAAC,EACH,qBAAqB,QACrB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,EACtC,gBAAgB,EAAC,
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAyB,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAW7C,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7E,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,CAAC,cAAqC,EAAE,EAAE;QAC7D,IAAI,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,cACE,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,QAAQ;YACN,8DAA8D,CACjE,YAED,KAAC,YAAY,IACX,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBAC9B,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,MAAM;aACd,CAAC,CAAC,EACH,qBAAqB,QACrB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,EACtC,gBAAgB,EAAC,QAAQ,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,0EAA0E,aACtF,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,iEAAiE,YAC9E,KAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,gBACvC,4BAA4B,EACxC,IAAI,kBAEJ,KAAC,IAAI,IACH,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC9C,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,UAAU,GACjB,GACK,GACL,CACP,EACA,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,UAAU,IACT,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,IAAI,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,eAAe,CAAC,EAChD,KAAK,EAAC,uCAAuC,EAC7C,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,+CAA+C,EACrD,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAElB,YAAY,GACF,CACd,CAAC,CAAC,CAAC,CACF,YAAY,CACb,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -11,7 +11,7 @@ export const useBreakpoint = (screenSize) => {
|
|
|
11
11
|
useEffect(() => {
|
|
12
12
|
if (typeof window === 'undefined')
|
|
13
13
|
return;
|
|
14
|
-
const media = window.matchMedia(`(max-width: ${parseInt(screens[screenSize])}px)`);
|
|
14
|
+
const media = window.matchMedia(`(max-width: ${parseInt(screens[screenSize].min) - 1}px)`);
|
|
15
15
|
setIsMatches(media.matches);
|
|
16
16
|
const handler = ({ matches }) => setIsMatches(matches);
|
|
17
17
|
media.addEventListener('change', handler);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/hooks/useBreakpoint/useBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAC1C,qEAAqE;AACrE,OAAO,cAAc,MAAM,2BAA2B,CAAC;AAMvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAsB,EAAE,EAAE;IACtD,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAI,cAAyB,CAAC,KAAM,CAAC;IAChD,6GAA6G;IAC7G,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;QAC9C,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/hooks/useBreakpoint/useBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAC1C,qEAAqE;AACrE,OAAO,cAAc,MAAM,2BAA2B,CAAC;AAMvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAsB,EAAE,EAAE;IACtD,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAI,cAAyB,CAAC,KAAM,CAAC;IAChD,6GAA6G;IAC7G,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;QAC9C,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,KAAK,CAAC,OAA4C,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAE1C,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAC7B,eAAe,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAC1D,CAAC;QACF,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAE5B,MAAM,OAAO,GAAG,CAAC,EAAC,OAAO,EAAsB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC1E,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC5D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC,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.0.
|
|
4
|
+
"version": "1.0.28",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"typescript": "^5.4.5",
|
|
84
84
|
"@odx/eslint-config-websites": "0.0.1",
|
|
85
85
|
"@odx/websites-tsconfig": "0.0.0",
|
|
86
|
-
"@odx/websites-ui": "0.2.
|
|
86
|
+
"@odx/websites-ui": "0.2.9"
|
|
87
87
|
},
|
|
88
88
|
"peerDependencies": {
|
|
89
89
|
"@odx/websites-ui": ">=0.2.1",
|