@odx/websites-react 1.0.37 → 1.0.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/actions/checkbox/Checkbox.js +3 -3
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/filterPanel/FilterPanel.d.ts +18 -13
- package/dist/components/actions/filterPanel/FilterPanel.d.ts.map +1 -1
- package/dist/components/actions/filterPanel/FilterPanel.js +9 -7
- package/dist/components/actions/filterPanel/FilterPanel.js.map +1 -1
- package/dist/components/images-icons/logo/Logo.d.ts +2 -2
- package/dist/components/layout/structuredList/StructuredList.d.ts +1 -1
- package/dist/components/layout/structuredList/StructuredList.d.ts.map +1 -1
- package/dist/components/layout/structuredList/StructuredList.js +1 -1
- package/dist/components/layout/structuredList/StructuredList.js.map +1 -1
- package/dist/components/layout/structuredList/StructuredListItem.d.ts +13 -6
- package/dist/components/layout/structuredList/StructuredListItem.d.ts.map +1 -1
- package/dist/components/layout/structuredList/StructuredListItem.js +9 -7
- package/dist/components/layout/structuredList/StructuredListItem.js.map +1 -1
- package/dist/components/typography/bodyText/BodyText.d.ts +1 -1
- package/dist/components/typography/bodyText/BodyText.js +2 -2
- package/dist/components/typography/bodyText/BodyText.js.map +1 -1
- package/dist/components/typography/headline/Headline.d.ts +2 -0
- package/dist/components/typography/headline/Headline.d.ts.map +1 -1
- package/dist/components/typography/headline/Headline.js +18 -5
- package/dist/components/typography/headline/Headline.js.map +1 -1
- package/package.json +2 -2
|
@@ -5,11 +5,11 @@ import { cn } from '../../../utils';
|
|
|
5
5
|
import { BodyText } from '../../typography/bodyText';
|
|
6
6
|
import { useFieldId } from '../../../hooks';
|
|
7
7
|
import { Icon } from '../..';
|
|
8
|
-
const checkboxBaseClasses = 'h-[1.125rem] w-[1.125rem] font-text shrink-0 peer border-[
|
|
8
|
+
const checkboxBaseClasses = 'h-[1.125rem] w-[1.125rem] font-text shrink-0 peer border-[1.5px] rounded-[3px] text-transparent border-border-primary data-[state=checked]:bg-border-primary data-[state=checked]:text-draeger-white disabled:cursor-not-allowed data-[state=checked]:disabled:bg-draeger-cool-gray-250 disabled:border-draeger-cool-gray-250 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-border-accent';
|
|
9
9
|
const Checkbox = React.forwardRef(({ className, children, invalid, hidden, ...props }, ref) => {
|
|
10
10
|
const { id, labelId } = useFieldId();
|
|
11
|
-
return (_jsxs("div", { className: cn('flex gap-2 items-
|
|
12
|
-
'border-draeger-error data-[state=checked]:bg-draeger-error', className), ref: ref, id: id, "aria-labelledby": children ?
|
|
11
|
+
return (_jsxs("div", { className: cn('flex gap-2 items-center', hidden && 'hidden'), children: [_jsx(CheckboxPrimitive.Root, { ...props, className: cn(checkboxBaseClasses, invalid &&
|
|
12
|
+
'border-draeger-error data-[state=checked]:bg-draeger-error', className), ref: ref, id: id, "aria-labelledby": children ? labelId : undefined, "aria-label": children ? undefined : 'checkbox', children: _jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: 'flex items-center justify-center h-full', children: _jsx(Icon, { iconSet: "core", iconName: "check", size: "sm" }) }) }), children && (_jsx(BodyText, { asChild: true, children: _jsxs("label", { id: labelId, htmlFor: id, className: 'peer-disabled:text-draeger-cool-gray-250 cursor-pointer peer-disabled:cursor-not-allowed', children: [children, " ", props.required && ' *'] }) }))] }));
|
|
13
13
|
});
|
|
14
14
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
15
15
|
export { Checkbox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAE3B,MAAM,mBAAmB,GACvB,gZAAgZ,CAAC;AAOnZ,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,EAAC,EAAE,EAAE,OAAO,EAAC,GAAG,UAAU,EAAE,CAAC;IAEnC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAE3B,MAAM,mBAAmB,GACvB,gZAAgZ,CAAC;AAOnZ,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,EAAC,EAAE,EAAE,OAAO,EAAC,GAAG,UAAU,EAAE,CAAC;IAEnC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,MAAM,IAAI,QAAQ,CAAC,aAC/D,KAAC,iBAAiB,CAAC,IAAI,OACjB,KAAK,EACT,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,OAAO;oBACL,4DAA4D,EAC9D,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,qBACW,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBACnC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,YAE7C,KAAC,iBAAiB,CAAC,SAAS,IAC1B,UAAU,QACV,SAAS,EAAE,yCAAyC,YAEpD,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,GAAG,GACtB,GACP,EACxB,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,kBACf,iBACE,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,SAAS,EACP,0FAA0F,aAG3F,QAAQ,OAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAC5B,GACC,CACZ,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -1,25 +1,30 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { HeadlineProps } from '../../typography/headline';
|
|
3
|
+
import { ButtonProps } from '../button';
|
|
3
4
|
export interface FilterPanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
children
|
|
5
|
-
headline: string;
|
|
6
|
-
buttonLabel?: React.ReactNode;
|
|
7
|
-
headerClassName?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
clearButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
10
|
-
headlineActAs?: HeadlineProps['actAs'];
|
|
5
|
+
children?: React.ReactNode;
|
|
11
6
|
}
|
|
12
7
|
declare const FilterPanel: React.FC<FilterPanelProps>;
|
|
13
8
|
export interface FilterPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
clearButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
9
|
+
headline?: string;
|
|
10
|
+
clearButtonLabel?: string;
|
|
11
|
+
clearButtonProps?: Omit<ButtonProps, 'icon'>;
|
|
18
12
|
headlineActAs?: HeadlineProps['actAs'];
|
|
19
13
|
}
|
|
14
|
+
declare const FilterPanelHeader: React.FC<FilterPanelHeaderProps>;
|
|
15
|
+
export interface FilterPanelFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
16
|
+
footerButtonLabel?: string;
|
|
17
|
+
footerButtonProps?: Omit<ButtonProps, 'icon'>;
|
|
18
|
+
footerButtonIcon?: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
declare const FilterPanelFooter: React.FC<FilterPanelFooterProps>;
|
|
20
21
|
export interface FilterPanelCategoryProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
21
|
-
headline
|
|
22
|
+
headline?: string;
|
|
23
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
22
24
|
}
|
|
23
25
|
declare const FilterPanelCategory: React.FC<FilterPanelCategoryProps>;
|
|
24
|
-
export
|
|
26
|
+
export interface FilterPanelCategoryRowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
27
|
+
}
|
|
28
|
+
declare const FilterPanelCategoryRow: React.FC<FilterPanelCategoryRowProps>;
|
|
29
|
+
export { FilterPanel, FilterPanelHeader, FilterPanelFooter, FilterPanelCategory, FilterPanelCategoryRow, };
|
|
25
30
|
//# sourceMappingURL=FilterPanel.d.ts.map
|
|
@@ -1 +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;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/filterPanel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAG9C,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAM3C,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgCvD,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAWrD,CAAC;AACJ,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAc3D,CAAC;AAEF,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAUjE,CAAC;AAEF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,CAAC"}
|
|
@@ -3,13 +3,15 @@ import { cn } from '../../../utils';
|
|
|
3
3
|
import { Headline } from '../../typography/headline';
|
|
4
4
|
import { Button } from '../button';
|
|
5
5
|
import { Icon } from '../../images-icons/icon';
|
|
6
|
-
const FilterPanel = ({ children,
|
|
7
|
-
return (
|
|
6
|
+
const FilterPanel = ({ children, ...props }) => {
|
|
7
|
+
return (_jsx("div", { className: "flex flex-col gap-6", ...props, children: children }));
|
|
8
8
|
};
|
|
9
|
-
const FilterPanelHeader = ({
|
|
10
|
-
|
|
9
|
+
const FilterPanelHeader = ({ headline, className, headlineActAs, clearButtonProps, clearButtonLabel, ...props }) => {
|
|
10
|
+
const hasContent = Boolean(headline || clearButtonLabel);
|
|
11
|
+
return (hasContent && (_jsxs("div", { className: cn('flex justify-between items-center', className), ...props, children: [headline && (_jsx(Headline, { headingLevel: 'h5', actAs: headlineActAs, children: headline })), _jsx(Button, { ...clearButtonProps, variant: "ghost", size: "sm", iconLeft: _jsx(Icon, { iconSet: "core", iconName: "reload" }), children: clearButtonLabel })] })));
|
|
11
12
|
};
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
const FilterPanelFooter = ({ footerButtonProps, footerButtonLabel, footerButtonIcon, }) => (footerButtonProps || footerButtonLabel) && (_jsx("div", { className: "flex justify-end", children: _jsx(Button, { ...footerButtonProps, iconLeft: footerButtonIcon, children: footerButtonLabel }) }));
|
|
14
|
+
const FilterPanelCategory = ({ headline, headlineActAs, children, ...props }) => (_jsxs("div", { ...props, children: [headline && (_jsx(Headline, { headingLevel: "h5", className: "mb-6", actAs: headlineActAs, children: headline })), _jsx("div", { className: cn('flex flex-col gap-6'), children: children })] }));
|
|
15
|
+
const FilterPanelCategoryRow = ({ children, ...props }) => (_jsx("div", { className: 'grid grid-cols-[repeat(auto-fit,minmax(16.875rem,1fr))] gap-6', ...props, children: children }));
|
|
16
|
+
export { FilterPanel, FilterPanelHeader, FilterPanelFooter, FilterPanelCategory, FilterPanelCategoryRow, };
|
|
15
17
|
//# sourceMappingURL=FilterPanel.js.map
|
|
@@ -1 +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,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,MAAM,
|
|
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,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,MAAM,EAAc,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAM7C,MAAM,WAAW,GAA+B,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACvE,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,KAAK,KAAK,YAC3C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAUF,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,IAAI,gBAAgB,CAAC,CAAC;IAEzD,OAAO,CACL,UAAU,IAAI,CACZ,eACE,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,KACzD,KAAK,aAER,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,YAC/C,QAAQ,GACA,CACZ,EACD,KAAC,MAAM,OACD,gBAAgB,EACpB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,GAAG,YAElD,gBAAgB,GACV,IACL,CACP,CACF,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,EAAE,CACH,CAAC,iBAAiB,IAAI,iBAAiB,CAAC,IAAI,CAC1C,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,MAAM,OAAK,iBAAiB,EAAE,QAAQ,EAAE,gBAAgB,YACtD,iBAAiB,GACX,GACL,CACP,CAAC;AAOJ,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,kBAAS,KAAK,aACX,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,aAAa,YAC9D,QAAQ,GACA,CACZ,EACD,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,YAAG,QAAQ,GAAO,IACvD,CACP,CAAC;AAKF,MAAM,sBAAsB,GAA0C,CAAC,EACrE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,+DAA+D,KACtE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACvB,CAAC"}
|
|
@@ -8,10 +8,10 @@ export interface LogoProps extends React.HTMLAttributes<HTMLDivElement>, Variant
|
|
|
8
8
|
export interface LogoCaptionProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof logoCaptionVariants> {
|
|
9
9
|
}
|
|
10
10
|
declare const logoVariants: (props?: ({
|
|
11
|
-
fillColor?: "white" | "
|
|
11
|
+
fillColor?: "white" | "black" | "darkBlue" | null | undefined;
|
|
12
12
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
13
13
|
declare const logoCaptionVariants: (props?: ({
|
|
14
|
-
fillColor?: "white" | "
|
|
14
|
+
fillColor?: "white" | "black" | "darkBlue" | null | undefined;
|
|
15
15
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
16
16
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
17
17
|
declare const LogoCaption: React.FC<LogoCaptionProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface StructuredListComponentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
headline: string;
|
|
4
|
-
children?: React.ReactNode
|
|
4
|
+
children?: React.ReactNode;
|
|
5
5
|
}
|
|
6
6
|
export interface StructuredListProps extends StructuredListComponentProps {
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StructuredList.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"StructuredList.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAgBD,MAAM,WAAW,mBAAoB,SAAQ,4BAA4B;CAAG;AAE5E,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CASjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { BodyText } from '../../typography/bodyText';
|
|
3
3
|
const StructuredListComponent = ({ headline, children, }) => {
|
|
4
|
-
return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(BodyText, { variant: "large", children: headline }), _jsx("div", { className: 'flex flex-col', children: children })] }));
|
|
4
|
+
return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(BodyText, { variant: "large", className: "text-draeger-cool-gray-750", children: headline }), _jsx("div", { className: 'flex flex-col', children: children })] }));
|
|
5
5
|
};
|
|
6
6
|
const StructuredList = ({ children, headline, }) => {
|
|
7
7
|
return (_jsx(StructuredListComponent, { headline: headline, children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StructuredList.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAQnD,MAAM,uBAAuB,GAA2C,CAAC,EACvE,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"StructuredList.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAQnD,MAAM,uBAAuB,GAA2C,CAAC,EACvE,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,4BAA4B,YAC7D,QAAQ,GACA,EACX,cAAK,SAAS,EAAE,eAAe,YAAG,QAAQ,GAAO,IAC7C,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,YACxC,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -1,23 +1,30 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { LinkComponent } from '../../../utils';
|
|
2
3
|
import { HeadlineProps } from '../../typography/headline';
|
|
4
|
+
import { LinkProps } from '../../actions/link';
|
|
3
5
|
export interface StructuredListItemHeadlineProps extends Omit<HeadlineProps, 'headingLevel'> {
|
|
4
6
|
headline?: string;
|
|
7
|
+
tag?: React.ReactNode;
|
|
8
|
+
hasLink?: boolean;
|
|
5
9
|
}
|
|
6
|
-
export interface
|
|
10
|
+
export interface StructuredListItemActionElementProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
11
|
children: React.ReactNode;
|
|
8
12
|
}
|
|
13
|
+
declare const StructuredListItemActionElement: React.FC<StructuredListItemActionElementProps>;
|
|
9
14
|
export interface StructuredListItemImageContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
10
15
|
children: React.ReactNode;
|
|
11
16
|
}
|
|
12
|
-
export interface StructuredListItemProps extends
|
|
17
|
+
export interface StructuredListItemProps extends LinkComponent, LinkProps {
|
|
13
18
|
children?: React.ReactNode | React.ReactNode[];
|
|
14
19
|
headline?: string;
|
|
15
|
-
href?: string;
|
|
16
|
-
headlineChildren?: React.ReactNode;
|
|
17
20
|
image?: React.ReactNode;
|
|
18
|
-
|
|
21
|
+
description?: string;
|
|
19
22
|
actionElement?: React.ReactNode;
|
|
23
|
+
actionBottomElement?: React.ReactNode;
|
|
24
|
+
checkboxElement?: React.ReactNode;
|
|
25
|
+
tag?: React.ReactNode;
|
|
26
|
+
details?: string[];
|
|
20
27
|
}
|
|
21
28
|
declare const StructuredListItem: React.FC<StructuredListItemProps>;
|
|
22
|
-
export { StructuredListItem };
|
|
29
|
+
export { StructuredListItem, StructuredListItemActionElement };
|
|
23
30
|
//# sourceMappingURL=StructuredListItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StructuredListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"StructuredListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAE7C,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAyBD,MAAM,WAAW,oCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAC7C,oCAAoC,CAYnC,CAAC;AAEJ,MAAM,WAAW,qCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAgBD,MAAM,WAAW,uBAAwB,SAAQ,aAAa,EAAE,SAAS;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkEzD,CAAC;AAEF,OAAO,EAAC,kBAAkB,EAAE,+BAA+B,EAAC,CAAC"}
|
|
@@ -2,14 +2,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { cn } from '../../../utils';
|
|
3
3
|
import { Headline } from '../../typography/headline';
|
|
4
4
|
import { SlimRichText } from '../slimRichText';
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
|
|
5
|
+
import { BodyText } from '../../typography/bodyText';
|
|
6
|
+
const StructuredListItemHeadline = ({ tag, headline, className, hasLink, }) => (headline || tag) && (_jsxs("div", { className: "flex items-center self-stretch gap-4", children: [_jsx(Headline, { className: cn(hasLink && 'group-focus:underline group-hover:underline', className), textColor: 'accent', headingLevel: 'h4', spadingBottom: false, children: headline }), tag && _jsx("div", { className: "pt-1", children: tag })] }));
|
|
7
|
+
const StructuredListItemActionElement = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col justify-center self-end md:self-stretch shrink-0', className), ...props, children: children }));
|
|
8
|
+
const StructuredListItemImageContainer = ({ className, children, ...props }) => (_jsx("div", { className: cn('pt-1.5 shrink-0 w-[11.5625rem] flex justify-center', className), ...props, children: children }));
|
|
9
|
+
const StructuredListItem = ({ className, headline, image, description, actionElement, actionBottomElement, checkboxElement, tag, details, LinkComponent, ...props }) => {
|
|
10
|
+
const hasContent = Boolean(headline || description);
|
|
10
11
|
if (!hasContent)
|
|
11
12
|
return;
|
|
12
|
-
|
|
13
|
+
const Comp = (props.href ? LinkComponent : 'div');
|
|
14
|
+
return (_jsxs(Comp, { tabIndex: 0, className: cn('flex gap-6 items-center pt-3 pb-4 md:pt-1.5 md:pb-8 group outline-none', className), ...props, children: [image && (_jsx(StructuredListItemImageContainer, { children: image })), checkboxElement && (_jsx(StructuredListItemActionElement, { className: "self-center", children: checkboxElement })), _jsxs("div", { className: "flex flex-col items-start flex-grow gap-8 md:flex-row", children: [_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx(StructuredListItemHeadline, { hasLink: Boolean(props.href), headline: headline, tag: tag }), _jsx(SlimRichText, { text: description }), details?.length && details.length > 0 && (_jsx(BodyText, { variant: 'small', textColor: 'primary', asChild: true, children: _jsx("div", { className: "flex flex-wrap pt-2 gap-y-1 gap-x-6", children: details?.map(detail => _jsx("span", { children: detail }, detail)) }) })), _jsx(StructuredListItemActionElement, { className: "pt-4", children: actionBottomElement })] }), actionElement && (_jsx(StructuredListItemActionElement, { className: "md:pb-7", children: actionElement }))] })] }));
|
|
13
15
|
};
|
|
14
|
-
export { StructuredListItem };
|
|
16
|
+
export { StructuredListItem, StructuredListItemActionElement };
|
|
15
17
|
//# sourceMappingURL=StructuredListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StructuredListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"StructuredListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const bodyTextVariants: (props?: ({
|
|
4
|
-
textColor?: "accent" | "
|
|
4
|
+
textColor?: "accent" | "primary" | "none" | "inherit" | "white" | "paleBlue" | null | undefined;
|
|
5
5
|
variant?: "small" | "medium" | "large" | null | undefined;
|
|
6
6
|
weight?: "bold" | "medium" | "normal" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -8,7 +8,7 @@ const bodyTextVariants = cva('font-text', {
|
|
|
8
8
|
white: 'text-draeger-white',
|
|
9
9
|
accent: 'text-text-accent',
|
|
10
10
|
paleBlue: 'text-draeger-pale-blue',
|
|
11
|
-
|
|
11
|
+
primary: 'text-text-primary',
|
|
12
12
|
inherit: 'text-inherit',
|
|
13
13
|
none: '',
|
|
14
14
|
},
|
|
@@ -24,7 +24,7 @@ const bodyTextVariants = cva('font-text', {
|
|
|
24
24
|
},
|
|
25
25
|
},
|
|
26
26
|
defaultVariants: {
|
|
27
|
-
textColor: '
|
|
27
|
+
textColor: 'primary',
|
|
28
28
|
variant: 'medium',
|
|
29
29
|
weight: 'normal',
|
|
30
30
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,
|
|
1
|
+
{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,mBAAmB;YAC5B,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,EAAE;SACT;QACD,OAAO,EAAE;YACP,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,kDAAkD;SAC1D;QACD,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,QAAQ,IAAI,CACV,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC,CAC1D,KACG,KAAK,YAER,QAAQ,GACJ,CACR,CACF,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -3,12 +3,14 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
declare const headlineVariants: (props?: ({
|
|
4
4
|
textColor?: "accent" | "inherit" | "white" | "paleBlue" | "darkBlue" | null | undefined;
|
|
5
5
|
headingLevel?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
|
|
6
|
+
paddingBottom?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
|
|
6
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
8
|
export interface HeadlineProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headlineVariants> {
|
|
8
9
|
headingLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
9
10
|
actAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
|
|
10
11
|
underlined?: boolean;
|
|
11
12
|
children?: React.ReactNode;
|
|
13
|
+
spadingBottom?: boolean;
|
|
12
14
|
}
|
|
13
15
|
export declare const Headline: React.FC<HeadlineProps>;
|
|
14
16
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAG3D,QAAA,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAG3D,QAAA,MAAM,gBAAgB;;;;mFA6BpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,YAAY,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtD,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwC5C,CAAC"}
|
|
@@ -12,19 +12,32 @@ const headlineVariants = cva('font-medium break-words', {
|
|
|
12
12
|
},
|
|
13
13
|
headingLevel: {
|
|
14
14
|
h1: 'font-display text-[3rem] leading-[1.3] md:text-[3.625rem] md:leading-[1.18] lg:text-[3.9375rem] xl:text-[4.1875rem]',
|
|
15
|
-
h2: 'font-display text-[2.125rem] leading-[1.24] md:text-[2.5rem] lg:text-[2.75rem] xl:text-[3.1rem] xl:leading-[1.18]
|
|
16
|
-
h3: 'font-display text-[1.875rem] leading-[1.3] xl:leading-[1.24]
|
|
17
|
-
h4: 'font-display text-[1.5rem] leading-[1.36]
|
|
15
|
+
h2: 'font-display text-[2.125rem] leading-[1.24] md:text-[2.5rem] lg:text-[2.75rem] xl:text-[3.1rem] xl:leading-[1.18]',
|
|
16
|
+
h3: 'font-display text-[1.875rem] leading-[1.3] xl:leading-[1.24]',
|
|
17
|
+
h4: 'font-display text-[1.5rem] leading-[1.36]',
|
|
18
18
|
h5: 'font-text text-[1.25rem] leading-[1.36] font-semibold',
|
|
19
19
|
h6: 'font-text text-[1.125rem] leading-[1.36] font-semibold',
|
|
20
20
|
},
|
|
21
|
+
paddingBottom: {
|
|
22
|
+
h1: '',
|
|
23
|
+
h2: 'pb-4 xl:pb-6',
|
|
24
|
+
h3: 'pb-3',
|
|
25
|
+
h4: 'xl:pb-3',
|
|
26
|
+
h5: '',
|
|
27
|
+
h6: '',
|
|
28
|
+
},
|
|
21
29
|
},
|
|
22
30
|
defaultVariants: {
|
|
23
31
|
textColor: 'darkBlue',
|
|
24
32
|
},
|
|
25
33
|
});
|
|
26
|
-
export const Headline = ({ headingLevel, className, textColor, actAs, underlined, children, ...props }) => {
|
|
34
|
+
export const Headline = ({ headingLevel, className, textColor, actAs, underlined, children, spadingBottom = true, ...props }) => {
|
|
27
35
|
const Element = actAs !== undefined ? actAs : headingLevel;
|
|
28
|
-
return (children && (_jsxs(Element, { className: cn(underlined && 'flex flex-col', headlineVariants({
|
|
36
|
+
return (children && (_jsxs(Element, { className: cn(underlined && 'flex flex-col', headlineVariants({
|
|
37
|
+
textColor,
|
|
38
|
+
headingLevel,
|
|
39
|
+
paddingBottom: spadingBottom ? headingLevel : undefined,
|
|
40
|
+
className,
|
|
41
|
+
})), ...props, children: [children, underlined && headingLevel === 'h2' && (_jsx("span", { className: cn(textColor, 'text-[2.125rem] leading-[0.85rem] md:text-[2.5rem] md:leading-[1rem] lg:text-[3rem] lg:leading-[1.5rem] xl:text-6xl xl:text-[3.375rem] xl:leading-[1.6875rem]'), children: "\u2014" }))] })));
|
|
29
42
|
};
|
|
30
43
|
//# sourceMappingURL=Headline.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,CAAC,yBAAyB,EAAE;IACtD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,cAAc;SACxB;QACD,YAAY,EAAE;YACZ,EAAE,EAAE,qHAAqH;YACzH,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,CAAC,yBAAyB,EAAE;IACtD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,cAAc;SACxB;QACD,YAAY,EAAE;YACZ,EAAE,EAAE,qHAAqH;YACzH,EAAE,EAAE,mHAAmH;YACvH,EAAE,EAAE,8DAA8D;YAClE,EAAE,EAAE,2CAA2C;YAC/C,EAAE,EAAE,uDAAuD;YAC3D,EAAE,EAAE,wDAAwD;SAC7D;QACD,aAAa,EAAE;YACb,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;SACP;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAYH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,YAAY,EACZ,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC;IAE3D,OAAO,CACL,QAAQ,IAAI,CACV,MAAC,OAAO,IACN,SAAS,EAAE,EAAE,CACX,UAAU,IAAI,eAAe,EAC7B,gBAAgB,CAAC;YACf,SAAS;YACT,YAAY;YACZ,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;YACvD,SAAS;SACV,CAAC,CACH,KACG,KAAK,aAER,QAAQ,EACR,UAAU,IAAI,YAAY,KAAK,IAAI,IAAI,CACtC,eACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,+JAA+J,CAChK,uBAGI,CACR,IACO,CACX,CACF,CAAC;AACJ,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.39",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@headlessui/react": "2.2.0",
|
|
42
42
|
"@odx/icons": "3.43.0",
|
|
43
|
-
"@radix-ui/react-checkbox": "^1.
|
|
43
|
+
"@radix-ui/react-checkbox": "^1.1.4",
|
|
44
44
|
"@radix-ui/react-dialog": "^1.1.1",
|
|
45
45
|
"@radix-ui/react-navigation-menu": "^1.1.4",
|
|
46
46
|
"@radix-ui/react-popover": "^1.0.7",
|