@odx/websites-react 0.0.3 → 0.0.4
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/button/Button.d.ts +2 -2
- package/dist/components/actions/button/Button.js +1 -1
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/filterPanel/FilterPanel.d.ts +22 -0
- package/dist/components/actions/filterPanel/FilterPanel.d.ts.map +1 -0
- package/dist/components/actions/filterPanel/FilterPanel.js +14 -0
- package/dist/components/actions/filterPanel/FilterPanel.js.map +1 -0
- package/dist/components/actions/filterPanel/index.d.ts +2 -0
- package/dist/components/actions/filterPanel/index.d.ts.map +1 -0
- package/dist/components/actions/filterPanel/index.js +2 -0
- package/dist/components/actions/filterPanel/index.js.map +1 -0
- package/dist/components/actions/radioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.js +4 -4
- package/dist/components/actions/radioGroup/RadioGroup.js.map +1 -1
- package/dist/components/actions/tag/Tag.js +1 -1
- package/dist/components/actions/tag/Tag.js.map +1 -1
- package/dist/components/images-icons/svg-icon/SvgIcon.d.ts +1 -1
- package/dist/components/images-icons/svg-icon/SvgIcon.d.ts.map +1 -1
- package/dist/components/images-icons/svg-icon/SvgIcon.js +2 -0
- package/dist/components/images-icons/svg-icon/SvgIcon.js.map +1 -1
- package/dist/components/index.d.ts +5 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -2
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/accordion/Accordion.d.ts +4 -3
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +17 -58
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/accordion/AccordionContext.d.ts +2 -2
- package/dist/components/layout/accordion/AccordionContext.d.ts.map +1 -1
- package/dist/components/layout/accordion/AccordionContext.js +3 -3
- package/dist/components/layout/accordion/AccordionContext.js.map +1 -1
- package/dist/components/layout/calloutQuote/CalloutQuote.d.ts +14 -0
- package/dist/components/layout/calloutQuote/CalloutQuote.d.ts.map +1 -0
- package/dist/components/layout/calloutQuote/CalloutQuote.js +29 -0
- package/dist/components/layout/calloutQuote/CalloutQuote.js.map +1 -0
- package/dist/components/layout/calloutQuote/index.d.ts +2 -0
- package/dist/components/layout/calloutQuote/index.d.ts.map +1 -0
- package/dist/components/layout/calloutQuote/index.js +2 -0
- package/dist/components/layout/calloutQuote/index.js.map +1 -0
- package/dist/components/layout/card/Card.d.ts +8 -6
- package/dist/components/layout/card/Card.d.ts.map +1 -1
- package/dist/components/layout/card/Card.js +11 -9
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/card/CardGroup.d.ts +9 -0
- package/dist/components/layout/card/CardGroup.d.ts.map +1 -0
- package/dist/components/layout/card/CardGroup.js +5 -0
- package/dist/components/layout/card/CardGroup.js.map +1 -0
- package/dist/components/layout/card/index.d.ts +1 -0
- package/dist/components/layout/card/index.d.ts.map +1 -1
- package/dist/components/layout/card/index.js +1 -0
- package/dist/components/layout/card/index.js.map +1 -1
- package/dist/components/layout/contentItem/ContentItem.d.ts +21 -0
- package/dist/components/layout/contentItem/ContentItem.d.ts.map +1 -0
- package/dist/components/layout/contentItem/ContentItem.js +10 -0
- package/dist/components/layout/contentItem/ContentItem.js.map +1 -0
- package/dist/components/layout/contentItem/index.d.ts +2 -0
- package/dist/components/layout/contentItem/index.d.ts.map +1 -0
- package/dist/components/layout/contentItem/index.js +2 -0
- package/dist/components/layout/contentItem/index.js.map +1 -0
- package/dist/components/layout/slimRichText/SlimRichText.d.ts +13 -0
- package/dist/components/layout/slimRichText/SlimRichText.d.ts.map +1 -0
- package/dist/components/layout/slimRichText/SlimRichText.js +42 -0
- package/dist/components/layout/slimRichText/SlimRichText.js.map +1 -0
- package/dist/components/layout/slimRichText/index.d.ts +2 -0
- package/dist/components/layout/slimRichText/index.d.ts.map +1 -0
- package/dist/components/layout/slimRichText/index.js +2 -0
- package/dist/components/layout/slimRichText/index.js.map +1 -0
- package/dist/components/layout/structuredList/StructuredList.d.ts +10 -0
- package/dist/components/layout/structuredList/StructuredList.d.ts.map +1 -0
- package/dist/components/layout/structuredList/StructuredList.js +10 -0
- package/dist/components/layout/structuredList/StructuredList.js.map +1 -0
- package/dist/components/layout/structuredList/StructuredListItem.d.ts +27 -0
- package/dist/components/layout/structuredList/StructuredListItem.d.ts.map +1 -0
- package/dist/components/layout/structuredList/StructuredListItem.js +16 -0
- package/dist/components/layout/structuredList/StructuredListItem.js.map +1 -0
- package/dist/components/layout/structuredList/index.d.ts +3 -0
- package/dist/components/layout/structuredList/index.d.ts.map +1 -0
- package/dist/components/layout/structuredList/index.js +3 -0
- package/dist/components/layout/structuredList/index.js.map +1 -0
- package/dist/components/typography/headline/Headline.d.ts +1 -0
- package/dist/components/typography/headline/Headline.d.ts.map +1 -1
- package/dist/components/typography/headline/Headline.js +3 -3
- package/dist/components/typography/headline/Headline.js.map +1 -1
- package/dist/icons/uncolored/DraegerIconSetUncolored.d.ts.map +1 -1
- package/dist/icons/uncolored/DraegerIconSetUncolored.js +2 -0
- package/dist/icons/uncolored/DraegerIconSetUncolored.js.map +1 -1
- package/dist/icons/uncolored/IconReload.d.ts +4 -0
- package/dist/icons/uncolored/IconReload.d.ts.map +1 -0
- package/dist/icons/uncolored/IconReload.js +4 -0
- package/dist/icons/uncolored/IconReload.js.map +1 -0
- package/dist/icons/uncolored/index.d.ts +1 -0
- package/dist/icons/uncolored/index.d.ts.map +1 -1
- package/dist/icons/uncolored/index.js +1 -0
- package/dist/icons/uncolored/index.js.map +1 -1
- package/dist/utils/types.d.ts +1 -1
- package/dist/utils/types.d.ts.map +1 -1
- package/dist/web/boxes/accordionBox/AccordionBox.d.ts +2 -4
- package/dist/web/boxes/accordionBox/AccordionBox.d.ts.map +1 -1
- package/dist/web/boxes/accordionBox/AccordionBox.js +3 -5
- package/dist/web/boxes/accordionBox/AccordionBox.js.map +1 -1
- package/dist/web/boxes/downloadBox/DownloadBox.d.ts +2 -2
- package/dist/web/boxes/downloadBox/DownloadBox.d.ts.map +1 -1
- package/dist/web/boxes/downloadBox/DownloadBox.js +2 -3
- package/dist/web/boxes/downloadBox/DownloadBox.js.map +1 -1
- package/dist/web/boxes/downloadBox/DownloadBoxItem.d.ts +2 -2
- package/dist/web/boxes/downloadBox/DownloadBoxItem.d.ts.map +1 -1
- package/dist/web/boxes/downloadBox/DownloadBoxItem.js +2 -2
- package/dist/web/boxes/downloadBox/DownloadBoxItem.js.map +1 -1
- package/dist/web/boxes/mediaTeaserBox/MediaTeaserBox.js +2 -2
- package/dist/web/boxes/mediaTeaserBox/MediaTeaserBox.js.map +1 -1
- package/dist/web/boxes/multiColumnTableBox/MultiColumnTableBox.d.ts +2 -2
- package/dist/web/boxes/multiColumnTableBox/MultiColumnTableBox.d.ts.map +1 -1
- package/dist/web/boxes/multiColumnTableBox/MultiColumnTableBox.js +2 -2
- package/dist/web/boxes/multiColumnTableBox/MultiColumnTableBox.js.map +1 -1
- package/dist/web/index.d.ts +0 -1
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +0 -1
- package/dist/web/index.js.map +1 -1
- package/dist/web/sections/contactUsSection/ContactUsSection.d.ts.map +1 -1
- package/dist/web/sections/contactUsSection/ContactUsSection.js +3 -2
- package/dist/web/sections/contactUsSection/ContactUsSection.js.map +1 -1
- package/dist/web/sections/contentImageSection/ContentImageSection.d.ts +2 -2
- package/dist/web/sections/contentImageSection/ContentImageSection.d.ts.map +1 -1
- package/dist/web/sections/contentImageSection/ContentImageSection.js.map +1 -1
- package/package.json +5 -4
- package/dist/components/layout/resultList/ResultList.d.ts +0 -13
- package/dist/components/layout/resultList/ResultList.d.ts.map +0 -1
- package/dist/components/layout/resultList/ResultList.js +0 -14
- package/dist/components/layout/resultList/ResultList.js.map +0 -1
- package/dist/components/layout/resultList/ResultListContext.d.ts +0 -13
- package/dist/components/layout/resultList/ResultListContext.d.ts.map +0 -1
- package/dist/components/layout/resultList/ResultListContext.js +0 -13
- package/dist/components/layout/resultList/ResultListContext.js.map +0 -1
- package/dist/components/layout/resultList/ResultListItem.d.ts +0 -33
- package/dist/components/layout/resultList/ResultListItem.d.ts.map +0 -1
- package/dist/components/layout/resultList/ResultListItem.js +0 -26
- package/dist/components/layout/resultList/ResultListItem.js.map +0 -1
- package/dist/components/layout/resultList/index.d.ts +0 -3
- package/dist/components/layout/resultList/index.d.ts.map +0 -1
- package/dist/components/layout/resultList/index.js +0 -3
- package/dist/components/layout/resultList/index.js.map +0 -1
- package/dist/components/typography/richText/RichText.d.ts +0 -9
- package/dist/components/typography/richText/RichText.d.ts.map +0 -1
- package/dist/components/typography/richText/RichText.js +0 -3
- package/dist/components/typography/richText/RichText.js.map +0 -1
- package/dist/components/typography/richText/index.d.ts +0 -2
- package/dist/components/typography/richText/index.d.ts.map +0 -1
- package/dist/components/typography/richText/index.js +0 -2
- package/dist/components/typography/richText/index.js.map +0 -1
- package/dist/web/sections/quoteSection/QuoteSection.d.ts +0 -15
- package/dist/web/sections/quoteSection/QuoteSection.d.ts.map +0 -1
- package/dist/web/sections/quoteSection/QuoteSection.js +0 -37
- package/dist/web/sections/quoteSection/QuoteSection.js.map +0 -1
- package/dist/web/sections/quoteSection/index.d.ts +0 -2
- package/dist/web/sections/quoteSection/index.d.ts.map +0 -1
- package/dist/web/sections/quoteSection/index.js +0 -2
- package/dist/web/sections/quoteSection/index.js.map +0 -1
|
@@ -5,7 +5,7 @@ import { SvgIconComponent, SvgIconProps } from '../../images-icons/svg-icon';
|
|
|
5
5
|
import { LinkComponentProps } from '../../../utils';
|
|
6
6
|
declare const buttonVariants: (props?: ({
|
|
7
7
|
variant?: "primary" | "secondary" | "secondary-air-blue" | "secondary-dark-blue" | "secondary-white" | "ghost" | "ghost-inherit" | null | undefined;
|
|
8
|
-
size?: "sm" | "md" | "lg" | "card" | "
|
|
8
|
+
size?: "sm" | "md" | "lg" | "card" | "structuredListButton" | null | undefined;
|
|
9
9
|
fontSize?: "default" | "sm" | "lg" | "xl" | "2xl" | null | undefined;
|
|
10
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
11
11
|
export interface ButtonBaseProps {
|
|
@@ -18,7 +18,7 @@ export interface ButtonBaseProps {
|
|
|
18
18
|
export type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'> & VariantProps<typeof buttonVariants> & ButtonBaseProps;
|
|
19
19
|
declare const Button: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & VariantProps<(props?: ({
|
|
20
20
|
variant?: "primary" | "secondary" | "secondary-air-blue" | "secondary-dark-blue" | "secondary-white" | "ghost" | "ghost-inherit" | null | undefined;
|
|
21
|
-
size?: "sm" | "md" | "lg" | "card" | "
|
|
21
|
+
size?: "sm" | "md" | "lg" | "card" | "structuredListButton" | null | undefined;
|
|
22
22
|
fontSize?: "default" | "sm" | "lg" | "xl" | "2xl" | null | undefined;
|
|
23
23
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & ButtonBaseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
24
24
|
export type LinkButtonProps = LinkComponentProps & LinkComponent & VariantProps<typeof buttonVariants> & ButtonBaseProps;
|
|
@@ -21,7 +21,7 @@ const buttonVariants = cva(buttonBaseClasses, {
|
|
|
21
21
|
md: 'h-element-height-md text-md',
|
|
22
22
|
lg: 'h-element-height-lg text-lg',
|
|
23
23
|
card: 'w-full py-4',
|
|
24
|
-
|
|
24
|
+
structuredListButton: 'w-full py-3',
|
|
25
25
|
},
|
|
26
26
|
fontSize: {
|
|
27
27
|
default: 'text-md',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EACL,OAAO,GAGR,MAAM,6BAA6B,CAAC;AAGrC,MAAM,iBAAiB,GACrB,+LAA+L,CAAC;AAElM,kHAAkH;AAClH,MAAM,cAAc,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC5C,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,gMAAgM;YAClM,SAAS,EACP,sOAAsO;YACxO,oBAAoB,EAClB,uEAAuE;YACzE,qBAAqB,EACnB,yEAAyE;YAC3E,iBAAiB,EACf,iEAAiE;YACnE,KAAK,EACH,iLAAiL;YACnL,eAAe,EAAE,+CAA+C;SACjE;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,6BAA6B;YACjC,IAAI,EAAE,aAAa;YACnB,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface FilterPanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
headline: string;
|
|
5
|
+
buttonLabel?: React.ReactNode;
|
|
6
|
+
headerClassName?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
clearButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
9
|
+
}
|
|
10
|
+
declare const FilterPanel: React.FC<FilterPanelProps>;
|
|
11
|
+
export interface FilterPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
12
|
+
buttonLabel?: React.ReactNode;
|
|
13
|
+
headline: string;
|
|
14
|
+
className?: string;
|
|
15
|
+
clearButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
16
|
+
}
|
|
17
|
+
export interface FilterPanelCategoryProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
18
|
+
headline: string;
|
|
19
|
+
}
|
|
20
|
+
declare const FilterPanelCategory: React.FC<FilterPanelCategoryProps>;
|
|
21
|
+
export { FilterPanel, FilterPanelCategory };
|
|
22
|
+
//# sourceMappingURL=FilterPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;CAClE;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoB3C,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;CAClE;AAwBD,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAY3D,CAAC;AAIF,OAAO,EAAC,WAAW,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../../utils';
|
|
3
|
+
import { Headline } from '../../typography/headline';
|
|
4
|
+
import { Button } from '../button';
|
|
5
|
+
const FilterPanel = ({ children, headline, buttonLabel, headerClassName, className, clearButtonProps, ...props }) => {
|
|
6
|
+
return (_jsxs("div", { className: className, ...props, children: [_jsx(FilterPanelHeader, { headline: headline, buttonLabel: buttonLabel, className: headerClassName, clearButtonProps: clearButtonProps }), _jsx("div", { className: "flex flex-col gap-6", children: children })] }));
|
|
7
|
+
};
|
|
8
|
+
const FilterPanelHeader = ({ buttonLabel, headline, className, clearButtonProps, ...props }) => {
|
|
9
|
+
return (_jsxs("div", { className: cn('flex justify-between items-center pb-6', className), ...props, children: [_jsx(Headline, { headingLevel: 'h5', children: headline }), buttonLabel && (_jsx(Button, { variant: "ghost", size: "sm", ...clearButtonProps, children: buttonLabel }))] }));
|
|
10
|
+
};
|
|
11
|
+
const FilterPanelCategory = ({ headline, className, children, ...props }) => (_jsxs("div", { className: cn(className), ...props, children: [_jsx(Headline, { headingLevel: "h6", className: "mb-6", children: headline }), children] }));
|
|
12
|
+
FilterPanel.displayName = 'FilterPanel';
|
|
13
|
+
export { FilterPanel, FilterPanelCategory };
|
|
14
|
+
//# sourceMappingURL=FilterPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterPanel.js","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/FilterPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AAWjC,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,KAAM,KAAK,aAClC,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAAE,gBAAgB,GAClC,EACF,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,IACjD,CACP,CAAC;AACJ,CAAC,CAAC;AAUF,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,WAAW,EACX,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,KAC9D,KAAK,aAET,KAAC,QAAQ,IAAC,YAAY,EAAE,IAAI,YAAG,QAAQ,GAAY,EAClD,WAAW,IAAI,CACd,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,KAAK,gBAAgB,YACnD,WAAW,GACL,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,aACtC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,YACzC,QAAQ,GACA,EACV,QAAQ,IACL,CACP,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAC,WAAW,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAUhE,QAAA,MAAM,kBAAkB;;mFAUtB,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,wFAgEf,CAAC;AA6CF,OAAO,EAAC,UAAU,EAAC,CAAC"}
|
|
@@ -8,12 +8,12 @@ import { IconFeedbackWarning } from '../../../icons';
|
|
|
8
8
|
import { FormFieldHelperText, FormFieldIcon, FormFieldLabel } from '../formField';
|
|
9
9
|
import { useFieldId } from '../../../hooks';
|
|
10
10
|
import { BodyText } from '../../typography/bodyText';
|
|
11
|
-
const radioGroupBaseClasses = 'font-text flex group peer';
|
|
11
|
+
const radioGroupBaseClasses = 'font-text flex flex-wrap group peer gap-x-5 gap-y-2';
|
|
12
12
|
const radioGroupVariants = cva(radioGroupBaseClasses, {
|
|
13
13
|
variants: {
|
|
14
14
|
direction: {
|
|
15
|
-
row: 'flex-row
|
|
16
|
-
col: 'flex-col
|
|
15
|
+
row: 'flex-row',
|
|
16
|
+
col: 'flex-col',
|
|
17
17
|
},
|
|
18
18
|
},
|
|
19
19
|
defaultVariants: {
|
|
@@ -27,7 +27,7 @@ const RadioGroup = React.forwardRef(({ className, direction, options, groupLabel
|
|
|
27
27
|
RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
|
|
28
28
|
const RadioGroupItem = React.forwardRef(({ className, label, invalid, ...props }, ref) => {
|
|
29
29
|
const { id, labelId } = useFieldId();
|
|
30
|
-
return (_jsxs("div", { className: "
|
|
30
|
+
return (_jsxs("div", { className: "flex items-center space-x-3 font-text", children: [_jsx(RadioGroupPrimitive.Item, { className: cn('peer w-[1.125rem] h-[1.125rem] bg-white rounded-full border-2 border-draeger-dark-blue shrink-0 data-[disabled]:border-draeger-cool-gray-250 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-draeger-air-blue', invalid && 'border-draeger-warning', className), ref: ref, ...props, id: id, "aria-labelledby": labelId, tabIndex: 0, children: _jsx(RadioGroupPrimitive.Indicator, { className: cn("flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-2.5 after:h-2.5 after:rounded-full data-[disabled]:after:bg-draeger-cool-gray-250 after:bg-draeger-dark-blue", invalid && 'after:bg-draeger-warning') }) }), _jsx(BodyText, { asChild: true, children: _jsx("label", { htmlFor: id, id: labelId, className: 'cursor-pointer group-data-[disabled]:cursor-not-allowed group-data-[disabled]:text-draeger-cool-gray-250 peer-data-[disabled]:text-draeger-cool-gray-250', children: label }) })] }));
|
|
31
31
|
});
|
|
32
32
|
RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
|
|
33
33
|
export { RadioGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,mBAAmB,EAAE,aAAa,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAChF,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAEnD,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ const tagVariants = cva(tagBaseClasses, {
|
|
|
22
22
|
},
|
|
23
23
|
});
|
|
24
24
|
export const Tag = ({ value, label, mode, size, disabled, onClose, className, ...props }) => {
|
|
25
|
-
return (_jsxs("div", { tabIndex: -1, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size, className })), ...props, children: [_jsx("span", { className: 'flex', children: label }), mode === 'dismissable' && (_jsx(Button, { tabIndex: disabled ? -1 : 0, variant: "ghost", className: cn('p-0 rounded-full hover:bg-[#0075EB] active:bg-draeger-dark-blue', size === 'sm' ? 'h-9 w-9' : 'h-[1.625rem] w-[1.625rem]', disabled && 'border-none'), size: 'card', onClick: onClose, children: _jsx(SvgIcon, { color: "draeger-white", icon: IconClose, size: 'md', title: "close" }) }))] }));
|
|
25
|
+
return (_jsxs("div", { tabIndex: -1, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size, className })), ...props, children: [_jsx("span", { className: 'flex text-nowrap', children: label }), mode === 'dismissable' && (_jsx(Button, { tabIndex: disabled ? -1 : 0, variant: "ghost", className: cn('p-0 rounded-full hover:bg-[#0075EB] active:bg-draeger-dark-blue', size === 'sm' ? 'h-9 w-9' : 'h-[1.625rem] w-[1.625rem]', disabled && 'border-none'), size: 'card', onClick: onClose, children: _jsx(SvgIcon, { color: "draeger-white", icon: IconClose, size: 'md', title: "close" }) }))] }));
|
|
26
26
|
};
|
|
27
27
|
Tag.displayName = 'Tag';
|
|
28
28
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,gGAAgG,CAAC;AAEnG,MAAM,WAAW,GAAG,GAAG,CAAC,cAAc,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,0IAA0I;YAC5I,iBAAiB,EACf,wIAAwI;YAC1I,WAAW,EACT,2IAA2I;SAC9I;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,gBAAgB;SACrB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAWH,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,QAAQ,EAAE,CAAC,CAAC,EACZ,EAAE,EAAE,KAAK,mBACM,QAAQ,EACvB,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAC/C,KAAK,aAET,eAAM,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,gGAAgG,CAAC;AAEnG,MAAM,WAAW,GAAG,GAAG,CAAC,cAAc,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,0IAA0I;YAC5I,iBAAiB,EACf,wIAAwI;YAC1I,WAAW,EACT,2IAA2I;SAC9I;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,gBAAgB;SACrB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAWH,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,QAAQ,EAAE,CAAC,CAAC,EACZ,EAAE,EAAE,KAAK,mBACM,QAAQ,EACvB,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAC/C,KAAK,aAET,eAAM,SAAS,EAAE,kBAAkB,YAAG,KAAK,GAAQ,EAClD,IAAI,KAAK,aAAa,IAAI,CACzB,KAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B,EACvD,QAAQ,IAAI,aAAa,CAC1B,EACD,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,YAEhB,KAAC,OAAO,IACN,KAAK,EAAC,eAAe,EACrB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,OAAO,GACb,GACK,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
export type SvgIconComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;
|
|
4
4
|
declare const svgIconVariants: (props?: ({
|
|
5
|
-
color?: "default" | "draeger-white" | "draeger-dark-blue" | "draeger-dark-gray" | "draeger-air-blue" | "draeger-light-blue-150" | null | undefined;
|
|
5
|
+
color?: "default" | "draeger-white" | "draeger-dark-blue" | "draeger-dark-gray" | "draeger-air-blue" | "draeger-light-blue-150" | "draeger-cool-gray-750" | "draeger-cool-gray-150" | null | undefined;
|
|
6
6
|
size?: "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
8
|
export interface SvgIconProps extends Omit<React.SVGProps<SVGSVGElement>, 'color'>, VariantProps<typeof svgIconVariants> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/svg-icon/SvgIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAChD,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAC9B,CAAC;AAEF,QAAA,MAAM,eAAe;;;
|
|
1
|
+
{"version":3,"file":"SvgIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/svg-icon/SvgIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAChD,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAC9B,CAAC;AAEF,QAAA,MAAM,eAAe;;;mFA2BnB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC,EAClD,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBnC,CAAC;AAGF,OAAO,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -10,6 +10,8 @@ const svgIconVariants = cva('', {
|
|
|
10
10
|
'draeger-dark-gray': 'font-draeger-dark-gray text-draeger-dark-gray',
|
|
11
11
|
'draeger-air-blue': 'font-draeger-air-blue text-draeger-air-blue',
|
|
12
12
|
'draeger-light-blue-150': 'font-draeger-light-blue-150 text-draeger-light-blue-150',
|
|
13
|
+
'draeger-cool-gray-750': 'font-draeger-cool-gray-750 text-draeger-cool-gray-750',
|
|
14
|
+
'draeger-cool-gray-150': 'font-draeger-cool-gray-150 text-draeger-cool-gray-150',
|
|
13
15
|
},
|
|
14
16
|
size: {
|
|
15
17
|
default: 'h-full',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgIcon.js","sourceRoot":"","sources":["../../../../src/components/images-icons/svg-icon/SvgIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAMlC,MAAM,eAAe,GAAG,GAAG,CAAC,EAAE,EAAE;IAC9B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,eAAe,EAAE,uCAAuC;YACxD,mBAAmB,EAAE,+CAA+C;YACpE,mBAAmB,EAAE,+CAA+C;YACpE,kBAAkB,EAAE,6CAA6C;YACjE,wBAAwB,EACtB,yDAAyD;
|
|
1
|
+
{"version":3,"file":"SvgIcon.js","sourceRoot":"","sources":["../../../../src/components/images-icons/svg-icon/SvgIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAMlC,MAAM,eAAe,GAAG,GAAG,CAAC,EAAE,EAAE;IAC9B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,eAAe,EAAE,uCAAuC;YACxD,mBAAmB,EAAE,+CAA+C;YACpE,mBAAmB,EAAE,+CAA+C;YACpE,kBAAkB,EAAE,6CAA6C;YACjE,wBAAwB,EACtB,yDAAyD;YAC3D,uBAAuB,EACrB,uDAAuD;YACzD,uBAAuB,EACrB,uDAAuD;SAC1D;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,MAAM;SACX;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AA+BH,MAAM,OAAO,GAA2B,CAAC,EACvC,KAAK,EACL,IAAI,EAAE,IAAI,EACV,IAAI,EACJ,OAAO,EACP,KAAK,EACL,SAAS,EACT,MAAM,GAAG,KAAK,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,EAAE,CAAC;IAC3B,OAAO,CACL,KAAC,IAAI,IACH,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,eAAe,IAAI,eAAe,EAAE,EACxE,SAAS,EAAE,EAAE,CACX,MAAM,IAAI,eAAe,EACzB,eAAe,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,CAC1C,KACG,KAAK,YAER,KAAK,IAAI,0BAAQ,KAAK,GAAS,GAC3B,CACR,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -19,6 +19,7 @@ export * from './actions/multiselect';
|
|
|
19
19
|
export * from './actions/combobox';
|
|
20
20
|
export * from './actions/dropdown';
|
|
21
21
|
export * from './actions/questionnaireFieldset';
|
|
22
|
+
export * from './actions/filterPanel';
|
|
22
23
|
/**
|
|
23
24
|
* Image and icon components
|
|
24
25
|
*/
|
|
@@ -47,17 +48,19 @@ export * from './layout/mediaGallery';
|
|
|
47
48
|
export * from './layout/contentArea';
|
|
48
49
|
export * from './layout/sectionWrapper';
|
|
49
50
|
export * from './layout/fullWidth';
|
|
50
|
-
export * from './layout/
|
|
51
|
+
export * from './layout/structuredList';
|
|
51
52
|
export * from './layout/modal';
|
|
52
53
|
export * from './layout/card';
|
|
53
54
|
export * from './layout/dataTable';
|
|
54
55
|
export * from './structures/divider';
|
|
56
|
+
export * from './layout/slimRichText';
|
|
55
57
|
export * from './layout/list';
|
|
58
|
+
export * from './layout/contentItem';
|
|
59
|
+
export * from './layout/calloutQuote';
|
|
56
60
|
/**
|
|
57
61
|
* Typography components
|
|
58
62
|
*/
|
|
59
63
|
export * from './typography/headline';
|
|
60
64
|
export * from './typography/bodyText';
|
|
61
|
-
export * from './typography/richText';
|
|
62
65
|
export * from './typography/textFormat';
|
|
63
66
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -19,6 +19,7 @@ export * from './actions/multiselect';
|
|
|
19
19
|
export * from './actions/combobox';
|
|
20
20
|
export * from './actions/dropdown';
|
|
21
21
|
export * from './actions/questionnaireFieldset';
|
|
22
|
+
export * from './actions/filterPanel';
|
|
22
23
|
/**
|
|
23
24
|
* Image and icon components
|
|
24
25
|
*/
|
|
@@ -47,17 +48,19 @@ export * from './layout/mediaGallery';
|
|
|
47
48
|
export * from './layout/contentArea';
|
|
48
49
|
export * from './layout/sectionWrapper';
|
|
49
50
|
export * from './layout/fullWidth';
|
|
50
|
-
export * from './layout/
|
|
51
|
+
export * from './layout/structuredList';
|
|
51
52
|
export * from './layout/modal';
|
|
52
53
|
export * from './layout/card';
|
|
53
54
|
export * from './layout/dataTable';
|
|
54
55
|
export * from './structures/divider';
|
|
56
|
+
export * from './layout/slimRichText';
|
|
55
57
|
export * from './layout/list';
|
|
58
|
+
export * from './layout/contentItem';
|
|
59
|
+
export * from './layout/calloutQuote';
|
|
56
60
|
/**
|
|
57
61
|
* Typography components
|
|
58
62
|
*/
|
|
59
63
|
export * from './typography/headline';
|
|
60
64
|
export * from './typography/bodyText';
|
|
61
|
-
export * from './typography/richText';
|
|
62
65
|
export * from './typography/textFormat';
|
|
63
66
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
defaultValues?: string[];
|
|
4
|
-
|
|
5
|
-
singleActiveItem?: boolean;
|
|
4
|
+
size?: 'lg' | 'md' | 'sm';
|
|
6
5
|
}
|
|
7
6
|
export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
7
|
value: string;
|
|
@@ -12,8 +11,10 @@ export interface AccordionItemWrapperProps extends Omit<AccordionItemProps, 'val
|
|
|
12
11
|
export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
13
12
|
children?: React.ReactNode;
|
|
14
13
|
}
|
|
15
|
-
export interface AccordionItemToggleProps extends React.
|
|
14
|
+
export interface AccordionItemToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
16
15
|
headline?: string;
|
|
16
|
+
size?: 'lg' | 'md' | 'sm';
|
|
17
|
+
headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
17
18
|
}
|
|
18
19
|
declare const Accordion: React.FC<AccordionProps>;
|
|
19
20
|
declare const AccordionItemToggle: React.FC<AccordionItemToggleProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;CAAG;AAE9C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgCvC,CAAC;AAkBF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmC3D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQ/C,CAAC;AA0BF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0BrD,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -8,7 +8,8 @@ import { AccordionContext, AccordionItemContext, useAccordionItemContext, } from
|
|
|
8
8
|
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
9
9
|
import { IconChevronDown } from '../../../icons';
|
|
10
10
|
import { ContentArea } from '../contentArea';
|
|
11
|
-
|
|
11
|
+
import { Headline } from '../../typography/headline';
|
|
12
|
+
const Accordion = ({ defaultValues = [], children, className, size = 'md', ...props }) => {
|
|
12
13
|
const [activeItems, setActiveItems] = React.useState(defaultValues);
|
|
13
14
|
const toggleItem = (item) => {
|
|
14
15
|
if (activeItems.includes(item)) {
|
|
@@ -16,80 +17,38 @@ const Accordion = ({ defaultValues = [], children, className, theme = 'light', s
|
|
|
16
17
|
setActiveItems(updatedItems);
|
|
17
18
|
}
|
|
18
19
|
else {
|
|
19
|
-
setActiveItems(
|
|
20
|
+
setActiveItems([item]);
|
|
20
21
|
}
|
|
21
22
|
};
|
|
22
|
-
return (_jsx(AccordionContext.Provider, { value: { activeItems, toggleItem,
|
|
23
|
+
return (_jsx(AccordionContext.Provider, { value: { activeItems, toggleItem, size }, children: _jsx(ContentArea, { ...props, className: cn('font-text flex flex-col border-t border-t-draeger-cool-gray-250', className), children: children }) }));
|
|
23
24
|
};
|
|
24
|
-
const baseAccordionItemToggleClassName = 'w-full
|
|
25
|
-
|
|
26
|
-
const accordionItemToggleLightVariants = cva(baseAccordionItemToggleClassName, {
|
|
25
|
+
const baseAccordionItemToggleClassName = '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 hover:bg-draeger-field-disabled';
|
|
26
|
+
const accordionToggleVariants = cva(baseAccordionItemToggleClassName, {
|
|
27
27
|
variants: {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
size: {
|
|
29
|
+
sm: 'py-1.5',
|
|
30
|
+
md: 'py-2.5',
|
|
31
|
+
lg: 'py-4',
|
|
31
32
|
},
|
|
32
33
|
},
|
|
33
34
|
defaultVariants: {
|
|
34
|
-
|
|
35
|
+
size: 'md',
|
|
35
36
|
},
|
|
36
37
|
});
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
closed: 'text-draeger-white',
|
|
41
|
-
expanded: 'text-draeger-cool-gray-500',
|
|
42
|
-
},
|
|
43
|
-
},
|
|
44
|
-
defaultVariants: {
|
|
45
|
-
state: 'closed',
|
|
46
|
-
},
|
|
47
|
-
});
|
|
48
|
-
const AccordionItemToggle = ({ headline, className, ...props }) => {
|
|
49
|
-
const { isExpanded, value, theme, toggleItem } = useAccordionItemContext();
|
|
50
|
-
const state = isExpanded ? 'expanded' : 'closed';
|
|
51
|
-
const classNameVariants = theme === 'light'
|
|
52
|
-
? accordionItemToggleLightVariants({ state, className })
|
|
53
|
-
: accordionItemToggleDarkVariants({ state, className });
|
|
54
|
-
return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(classNameVariants), children: [headline, _jsx(SvgIcon, { size: 'md', icon: IconChevronDown, className: cn('ml-4', isExpanded && 'rotate-180 transition-all') })] }));
|
|
38
|
+
const AccordionItemToggle = ({ headline, className, headingLevel, ...props }) => {
|
|
39
|
+
const { isExpanded, value, toggleItem, size } = useAccordionItemContext();
|
|
40
|
+
return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(accordionToggleVariants({ size }), className), children: [_jsx(Headline, { className: cn('text-draeger-dark-gray', props.disabled && 'text-draeger-cool-gray-150'), headingLevel: headingLevel || 'h6', children: headline }), _jsx(SvgIcon, { size: 'md', icon: IconChevronDown, color: props.disabled ? 'draeger-cool-gray-150' : 'draeger-cool-gray-750', className: 'ml-4' })] }));
|
|
55
41
|
};
|
|
56
42
|
const AccordionItem = ({ children, value, ...props }) => (_jsx(AccordionItemContext.Provider, { value: value, children: _jsx(AccordionItemWrapper, { ...props, children: children }) }));
|
|
57
|
-
const baseAccordionItemWrapperClassName = 'text-draeger-dark-
|
|
58
|
-
const accordionItemWrapperLightVariants = cva(baseAccordionItemWrapperClassName, {
|
|
59
|
-
variants: {
|
|
60
|
-
state: {
|
|
61
|
-
closed: 'bg-draeger-warm-gray-150',
|
|
62
|
-
expanded: 'bg-draeger-pale-blue',
|
|
63
|
-
},
|
|
64
|
-
},
|
|
65
|
-
defaultVariants: {
|
|
66
|
-
state: 'closed',
|
|
67
|
-
},
|
|
68
|
-
});
|
|
69
|
-
const accordionItemWrapperDarkVariants = cva(baseAccordionItemWrapperClassName, {
|
|
70
|
-
variants: {
|
|
71
|
-
state: {
|
|
72
|
-
closed: 'bg-draeger-cool-gray-250',
|
|
73
|
-
expanded: 'bg-draeger-white',
|
|
74
|
-
},
|
|
75
|
-
},
|
|
76
|
-
defaultVariants: {
|
|
77
|
-
state: 'closed',
|
|
78
|
-
},
|
|
79
|
-
});
|
|
43
|
+
const baseAccordionItemWrapperClassName = 'text-draeger-dark-gray transition-all';
|
|
80
44
|
const AccordionItemWrapper = ({ className, children, ...props }) => {
|
|
81
|
-
|
|
82
|
-
const state = isExpanded ? 'expanded' : 'closed';
|
|
83
|
-
const classNameVariants = theme === 'light'
|
|
84
|
-
? accordionItemWrapperLightVariants({ state, className })
|
|
85
|
-
: accordionItemWrapperDarkVariants({ state, className });
|
|
86
|
-
return (_jsx("div", { ...props, className: cn(classNameVariants, isExpanded && 'pt-2'), children: children }));
|
|
45
|
+
return (_jsx("div", { ...props, className: cn('border-b border-b-draeger-cool-gray-250', baseAccordionItemWrapperClassName, className), children: children }));
|
|
87
46
|
};
|
|
88
47
|
AccordionItem.displayName = 'AccordionItem';
|
|
89
48
|
const AccordionContent = ({ children }) => {
|
|
90
49
|
const { isExpanded, value } = useAccordionItemContext();
|
|
91
50
|
const [ref, contentHeight] = useElementHeight([isExpanded]);
|
|
92
|
-
return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out', isExpanded ? 'opacity-100' : 'opacity-0'
|
|
51
|
+
return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out px-6', isExpanded ? 'opacity-100 pt-2 pb-8' : 'opacity-0'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, children: _jsx("div", { className: cn('overflow-hidden transition-[height] duration-300 ease-in-out'), style: { height: isExpanded ? `${contentHeight}px` : '0' }, children: _jsx("div", { ref: ref, hidden: !isExpanded, "aria-hidden": !isExpanded, children: children }) }) }));
|
|
93
52
|
};
|
|
94
53
|
export { Accordion, AccordionItem, AccordionContent, AccordionItemToggle };
|
|
95
54
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -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,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;
|
|
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,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AA2BnD,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,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,UAAU,EAAE,IAAI,EAAC,YAC/D,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,SAAS,CACV,YAEA,QAAQ,GACG,GACY,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gCAAgC,GACpC,kOAAkO,CAAC;AAErO,MAAM,uBAAuB,GAAG,GAAG,CAAC,gCAAgC,EAAE;IACpE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,MAAM;SACX;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAC,GAAG,uBAAuB,EAAE,CAAC;IACxE,OAAO,CACL,qBACM,KAAK,mBACM,UAAU,EACzB,EAAE,EAAE,WAAW,KAAK,EAAE,mBACP,SAAS,KAAK,EAAE,EAC/B,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,aAEzD,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,KAAK,CAAC,QAAQ,IAAI,4BAA4B,CAC/C,EACD,YAAY,EAAE,YAAY,IAAI,IAAI,YAEjC,QAAQ,GACA,EACX,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,eAAe,EACrB,KAAK,EACH,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,EAEpE,SAAS,EAAE,MAAM,GACjB,IACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,EACnD,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACzC,KAAC,oBAAoB,OAAK,KAAK,YAAG,QAAQ,GAAwB,GACpC,CACjC,CAAC;AAEF,MAAM,iCAAiC,GACrC,uCAAuC,CAAC;AAE1C,MAAM,oBAAoB,GAAwC,CAAC,EACjE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,iCAAiC,EACjC,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,gBAAgB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACvE,MAAM,EAAC,UAAU,EAAE,KAAK,EAAC,GAAG,uBAAuB,EAAE,CAAC;IACtD,MAAM,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,gBAAgB,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAE5D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,UAAU,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,WAAW,CACnD,EACD,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,SAAS,KAAK,EAAE,qBACH,WAAW,KAAK,EAAE,YAEnC,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,CAC/D,EACD,KAAK,EAAE,EAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG,EAAC,YAExD,cAAK,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,UAAU,iBAAe,CAAC,UAAU,YACzD,QAAQ,GACL,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -2,12 +2,12 @@ import * as React from 'react';
|
|
|
2
2
|
interface AccordionContextType {
|
|
3
3
|
activeItems: string[];
|
|
4
4
|
toggleItem: (item: string) => void;
|
|
5
|
-
|
|
5
|
+
size: 'lg' | 'md' | 'sm';
|
|
6
6
|
}
|
|
7
7
|
export declare const AccordionContext: React.Context<AccordionContextType>;
|
|
8
8
|
export declare const AccordionItemContext: React.Context<string>;
|
|
9
9
|
export declare const useAccordionItemContext: () => {
|
|
10
|
-
|
|
10
|
+
size: "sm" | "md" | "lg";
|
|
11
11
|
value: string;
|
|
12
12
|
isExpanded: boolean;
|
|
13
13
|
toggleItem: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/AccordionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,
|
|
1
|
+
{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/AccordionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,qCAI3B,CAAC;AAEH,eAAO,MAAM,oBAAoB,uBAA0B,CAAC;AAE5D,eAAO,MAAM,uBAAuB;;;;;CAOnC,CAAC"}
|
|
@@ -2,13 +2,13 @@ import * as React from 'react';
|
|
|
2
2
|
export const AccordionContext = React.createContext({
|
|
3
3
|
activeItems: [],
|
|
4
4
|
toggleItem: () => { },
|
|
5
|
-
|
|
5
|
+
size: 'sm',
|
|
6
6
|
});
|
|
7
7
|
export const AccordionItemContext = React.createContext('');
|
|
8
8
|
export const useAccordionItemContext = () => {
|
|
9
9
|
const value = React.useContext(AccordionItemContext);
|
|
10
|
-
const {
|
|
10
|
+
const { size, activeItems, toggleItem } = React.useContext(AccordionContext);
|
|
11
11
|
const isExpanded = activeItems.includes(value);
|
|
12
|
-
return {
|
|
12
|
+
return { size, value, isExpanded, toggleItem: () => toggleItem(value) };
|
|
13
13
|
};
|
|
14
14
|
//# sourceMappingURL=AccordionContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionContext.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/AccordionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAuB;IACxE,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,
|
|
1
|
+
{"version":3,"file":"AccordionContext.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/AccordionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAuB;IACxE,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,IAAI,EAAE,IAAI;CACX,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,EAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE3E,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,EAAC,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;AACxE,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
export interface CalloutQuoteProps extends VariantProps<typeof blockquoteVariants> {
|
|
4
|
+
headline: string;
|
|
5
|
+
signature?: string;
|
|
6
|
+
author?: string;
|
|
7
|
+
withQuotationMark?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const blockquoteVariants: (props?: ({
|
|
10
|
+
align?: "left" | "center" | null | undefined;
|
|
11
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
12
|
+
export declare const CalloutQuote: React.FC<CalloutQuoteProps>;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=CalloutQuote.d.ts.map
|
|
@@ -0,0 +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;AAIhE,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;AAcD,QAAA,MAAM,kBAAkB;;mFAUtB,CAAC;AAQH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsBpD,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { BodyText } from '../..';
|
|
4
|
+
import { cn } from '../../../utils';
|
|
5
|
+
const quoteWrapperClasses = `
|
|
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
|
+
`;
|
|
10
|
+
const blockquoteClasses = `
|
|
11
|
+
break-words relative
|
|
12
|
+
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]
|
|
14
|
+
`;
|
|
15
|
+
const blockquoteVariants = cva(blockquoteClasses, {
|
|
16
|
+
variants: {
|
|
17
|
+
align: {
|
|
18
|
+
left: 'text-left before:absolute before:left-1.5 before:md:left-0',
|
|
19
|
+
center: 'text-center',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
align: 'left',
|
|
24
|
+
},
|
|
25
|
+
});
|
|
26
|
+
const CalloutQuoteWrapper = ({ children }) => (_jsx("section", { className: "flex justify-center w-full mx-auto font-text xl:px-9 pb-11 xl:pb-20 2xl:pb-32", children: _jsx("div", { className: cn(quoteWrapperClasses), children: children }) }));
|
|
27
|
+
export const CalloutQuote = ({ headline, author, signature, align, withQuotationMark = false, }) => (_jsxs(CalloutQuoteWrapper, { children: [_jsx("blockquote", { className: cn(blockquoteVariants({ align }), withQuotationMark &&
|
|
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 })] })] }));
|
|
29
|
+
//# sourceMappingURL=CalloutQuote.js.map
|
|
@@ -0,0 +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;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAUlC,MAAM,mBAAmB,GAAG;;;;CAI3B,CAAC;AAEF,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,mBAAmB,GAAsC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAC7E,kBAAS,SAAS,EAAC,+EAA+E,YAChG,cAAK,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,YAAG,QAAQ,GAAO,GACjD,CACX,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,iBAAiB,GAAG,KAAK,GAC1B,EAAE,EAAE,CAAC,CACJ,MAAC,mBAAmB,eAClB,qBACE,SAAS,EAAE,EAAE,CACX,kBAAkB,CAAC,EAAC,KAAK,EAAC,CAAC,EAC3B,iBAAiB;gBACf,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,IACc,CACvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|