@odx/websites-react 1.0.19 → 1.0.21
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.d.ts.map +1 -1
- package/dist/components/actions/button/Button.js +0 -2
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/filterPanel/FilterPanel.d.ts +3 -0
- package/dist/components/actions/filterPanel/FilterPanel.d.ts.map +1 -1
- package/dist/components/actions/filterPanel/FilterPanel.js +4 -4
- package/dist/components/actions/filterPanel/FilterPanel.js.map +1 -1
- package/dist/components/actions/form/Form.d.ts +2 -0
- package/dist/components/actions/form/Form.d.ts.map +1 -1
- package/dist/components/actions/form/Form.js +2 -2
- package/dist/components/actions/form/Form.js.map +1 -1
- package/dist/components/actions/link/Link.d.ts +2 -0
- package/dist/components/actions/link/Link.d.ts.map +1 -1
- package/dist/components/actions/link/Link.js +1 -1
- package/dist/components/actions/link/Link.js.map +1 -1
- package/dist/components/actions/tag/Tag.js +2 -2
- package/dist/components/actions/tag/Tag.js.map +1 -1
- package/dist/components/layout/accordion/Accordion.d.ts +2 -0
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +2 -2
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.d.ts +2 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.d.ts.map +1 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.js +2 -2
- package/dist/components/layout/calloutMedia/CalloutMedia.js.map +1 -1
- package/dist/components/layout/card/Card.d.ts +5 -7
- package/dist/components/layout/card/Card.d.ts.map +1 -1
- package/dist/components/layout/card/Card.js +2 -5
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/contentItem/ContentItem.d.ts +2 -0
- package/dist/components/layout/contentItem/ContentItem.d.ts.map +1 -1
- package/dist/components/layout/contentItem/ContentItem.js.map +1 -1
- package/dist/components/layout/downloadItem/DownloadItem.d.ts +2 -0
- package/dist/components/layout/downloadItem/DownloadItem.d.ts.map +1 -1
- package/dist/components/layout/downloadItem/DownloadItem.js +1 -1
- package/dist/components/layout/downloadItem/DownloadItem.js.map +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.d.ts +2 -0
- package/dist/components/layout/mediaGallery/MediaGallery.d.ts.map +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.js +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.js.map +1 -1
- package/dist/components/layout/modal/Modal.d.ts +2 -0
- package/dist/components/layout/modal/Modal.d.ts.map +1 -1
- package/dist/components/layout/modal/Modal.js +1 -1
- package/dist/components/layout/modal/Modal.js.map +1 -1
- 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 +2 -2
- package/dist/components/typography/headline/Headline.js.map +1 -1
- package/dist/web/layout/contentHeadings/ContentHeadings.d.ts +2 -0
- package/dist/web/layout/contentHeadings/ContentHeadings.d.ts.map +1 -1
- package/dist/web/layout/contentHeadings/ContentHeadings.js +2 -2
- package/dist/web/layout/contentHeadings/ContentHeadings.js.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.d.ts +2 -0
- package/dist/web/sections/calloutContact/CalloutContact.d.ts.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.js +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.js.map +1 -1
- package/dist/web/sections/contentBlock/ContentBlock.d.ts +2 -0
- package/dist/web/sections/contentBlock/ContentBlock.d.ts.map +1 -1
- package/dist/web/sections/contentBlock/ContentBlock.js +2 -2
- package/dist/web/sections/contentBlock/ContentBlock.js.map +1 -1
- package/dist/web/sections/contentSection/ContentSection.d.ts +2 -0
- package/dist/web/sections/contentSection/ContentSection.d.ts.map +1 -1
- package/dist/web/sections/contentSection/ContentSection.js +2 -2
- package/dist/web/sections/contentSection/ContentSection.js.map +1 -1
- package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.d.ts +2 -1
- package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.d.ts.map +1 -1
- package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.js +1 -1
- package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.js.map +1 -1
- package/dist/web/sections/stageSection/StageSection.d.ts +2 -1
- package/dist/web/sections/stageSection/StageSection.d.ts.map +1 -1
- package/dist/web/sections/stageSection/StageSection.js +2 -2
- package/dist/web/sections/stageSection/StageSection.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { LinkComponent } from '../../../utils';
|
|
|
4
4
|
import { LinkComponentProps } from '../../../utils';
|
|
5
5
|
declare const buttonVariants: (props?: ({
|
|
6
6
|
variant?: "primary" | "secondary" | "secondary-white" | "ghost" | "ghost-inherit" | null | undefined;
|
|
7
|
-
size?: "sm" | "md" | "lg" |
|
|
7
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
8
8
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
9
9
|
export interface ButtonBaseProps {
|
|
10
10
|
icon?: React.ReactNode;
|
|
@@ -15,7 +15,7 @@ export interface ButtonBaseProps {
|
|
|
15
15
|
export type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'> & VariantProps<typeof buttonVariants> & ButtonBaseProps;
|
|
16
16
|
declare const Button: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & VariantProps<(props?: ({
|
|
17
17
|
variant?: "primary" | "secondary" | "secondary-white" | "ghost" | "ghost-inherit" | null | undefined;
|
|
18
|
-
size?: "sm" | "md" | "lg" |
|
|
18
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
19
19
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & ButtonBaseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
20
20
|
export type LinkButtonProps = LinkComponentProps & LinkComponent & VariantProps<typeof buttonVariants> & ButtonBaseProps;
|
|
21
21
|
declare const LinkButton: React.ForwardRefExoticComponent<Omit<LinkButtonProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAMlD,QAAA,MAAM,cAAc;;;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAMlD,QAAA,MAAM,cAAc;;;mFAuBlB,CAAC;AA2BH,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,CACR,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,eAAe,CAAC;AAElB,QAAA,MAAM,MAAM;;;gJAwBX,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,aAAa,GACb,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,eAAe,CAAC;AAElB,QAAA,MAAM,UAAU,wGAmCf,CAAC;AAeF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAC,CAAC"}
|
|
@@ -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;AAGjD,MAAM,iBAAiB,GACrB,gMAAgM,CAAC;AAEnM,yEAAyE;AACzE,MAAM,cAAc,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC5C,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,sMAAsM;YACxM,SAAS,EACP,kQAAkQ;YACpQ,iBAAiB,EACf,iEAAiE;YACnE,KAAK,EACH,0JAA0J;YAC5J,eAAe,EAAE,+CAA+C;SACjE;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,yBAAyB;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { HeadlineProps } from '../../typography/headline';
|
|
2
3
|
export interface FilterPanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
4
|
children: React.ReactNode;
|
|
4
5
|
headline: string;
|
|
@@ -6,6 +7,7 @@ export interface FilterPanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
6
7
|
headerClassName?: string;
|
|
7
8
|
className?: string;
|
|
8
9
|
clearButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
10
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
9
11
|
}
|
|
10
12
|
declare const FilterPanel: React.FC<FilterPanelProps>;
|
|
11
13
|
export interface FilterPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -13,6 +15,7 @@ export interface FilterPanelHeaderProps extends React.HTMLAttributes<HTMLDivElem
|
|
|
13
15
|
headline: string;
|
|
14
16
|
className?: string;
|
|
15
17
|
clearButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
18
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
16
19
|
}
|
|
17
20
|
export interface FilterPanelCategoryProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
18
21
|
headline: string;
|
|
@@ -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;
|
|
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;AAGlE,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;IACjE,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsB3C,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;IACjE,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AA2BD,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"}
|
|
@@ -2,11 +2,11 @@ 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 { 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 })] }));
|
|
5
|
+
const FilterPanel = ({ children, headline, buttonLabel, headerClassName, className, clearButtonProps, headlineActAs, ...props }) => {
|
|
6
|
+
return (_jsxs("div", { className: className, ...props, children: [_jsx(FilterPanelHeader, { headline: headline, buttonLabel: buttonLabel, className: headerClassName, clearButtonProps: clearButtonProps, headlineActAs: headlineActAs }), _jsx("div", { className: "flex flex-col gap-6", children: children })] }));
|
|
7
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 }))] }));
|
|
8
|
+
const FilterPanelHeader = ({ buttonLabel, headline, className, clearButtonProps, headlineActAs, ...props }) => {
|
|
9
|
+
return (_jsxs("div", { className: cn('flex justify-between items-center pb-6', className), ...props, children: [_jsx(Headline, { headingLevel: 'h5', actAs: headlineActAs, children: headline }), buttonLabel && (_jsx(Button, { variant: "ghost", size: "sm", ...clearButtonProps, children: buttonLabel }))] }));
|
|
10
10
|
};
|
|
11
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
12
|
FilterPanel.displayName = 'FilterPanel';
|
|
@@ -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,
|
|
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;AAYjC,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,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,EAClC,aAAa,EAAE,aAAa,GAC5B,EACF,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,IACjD,CACP,CAAC;AACJ,CAAC,CAAC;AAWF,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,WAAW,EACX,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,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,EAAE,KAAK,EAAE,aAAa,YAC/C,QAAQ,GACA,EACV,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"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { HeadlineProps } from '../../typography/headline';
|
|
2
3
|
export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
|
|
3
4
|
children: React.ReactNode;
|
|
4
5
|
headline?: string;
|
|
5
6
|
subHeadline?: string;
|
|
6
7
|
footer: React.ReactNode;
|
|
8
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
7
9
|
}
|
|
8
10
|
export interface FormRowProps {
|
|
9
11
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAIlE,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CASxC,CAAC;AAEJ,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwBpC,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { Headline } from '../../typography/headline';
|
|
|
4
4
|
import { BodyText } from '../../typography/bodyText';
|
|
5
5
|
import { ContentGroup } from '../../../web';
|
|
6
6
|
export const FormRow = ({ children }) => React.Children.toArray(children).length > 1 ? (_jsx(ContentGroup, { cols: 2, children: React.Children.toArray(children).map((element, index) => (_jsx("div", { children: element }, index))) })) : (children);
|
|
7
|
-
export const Form = ({ children, headline, subHeadline, footer, ...props }) => {
|
|
8
|
-
return (_jsxs("form", { ...props, children: [(headline || subHeadline) && (_jsxs("div", { className: 'font-text flex flex-col gap-1 pb-10', children: [headline && _jsx(Headline, { headingLevel: 'h4', children: headline }), subHeadline && _jsx(BodyText, { variant: 'small', children: subHeadline })] })), _jsx("div", { className: "flex flex-col gap-y-12", children: children }), _jsx("div", { className: 'font-text flex justify-end pt-12', children: footer })] }));
|
|
7
|
+
export const Form = ({ children, headline, subHeadline, footer, headlineActAs, ...props }) => {
|
|
8
|
+
return (_jsxs("form", { ...props, children: [(headline || subHeadline) && (_jsxs("div", { className: 'font-text flex flex-col gap-1 pb-10', children: [headline && (_jsx(Headline, { headingLevel: 'h4', actAs: headlineActAs, children: headline })), subHeadline && _jsx(BodyText, { variant: 'small', children: subHeadline })] })), _jsx("div", { className: "flex flex-col gap-y-12", children: children }), _jsx("div", { className: 'font-text flex justify-end pt-12', children: footer })] }));
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=Form.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAc1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAC5D,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5C,KAAC,YAAY,IAAC,IAAI,EAAE,CAAC,YAClB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACxD,wBAAkB,OAAO,IAAf,KAAK,CAAiB,CACjC,CAAC,GACW,CAChB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;AAEJ,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,MAAM,EACN,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,mBAAU,KAAK,aACZ,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,CAC5B,eAAK,SAAS,EAAE,qCAAqC,aAClD,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,YAC/C,QAAQ,GACA,CACZ,EACA,WAAW,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,YAAG,WAAW,GAAY,IAChE,CACP,EACD,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EACxD,cAAK,SAAS,EAAE,kCAAkC,YAAG,MAAM,GAAO,IAC7D,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -2,6 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { type LinkComponent, type LinkComponentProps } from '../../../utils';
|
|
4
4
|
import { BodyTextProps } from '../../typography/bodyText';
|
|
5
|
+
import { HeadlineProps } from '../../typography/headline';
|
|
5
6
|
declare const linkVariants: (props?: ({
|
|
6
7
|
variant?: "inline" | "standalone" | null | undefined;
|
|
7
8
|
disabled?: boolean | null | undefined;
|
|
@@ -15,6 +16,7 @@ export interface LinkProps extends Omit<LinkComponentProps, 'color'>, LinkCompon
|
|
|
15
16
|
}
|
|
16
17
|
export interface LinkListProps extends React.LinkHTMLAttributes<HTMLDivElement>, VariantProps<typeof linkListVariants> {
|
|
17
18
|
headline?: string;
|
|
19
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
18
20
|
}
|
|
19
21
|
declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
20
22
|
declare const linkListVariants: (props?: ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAQlE,QAAA,MAAM,YAAY;;;;mFAoBhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,EACvC,aAAa,EACb,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAC9C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,IAAI,kGA0CT,CAAC;AAGF,QAAA,MAAM,gBAAgB;;mFAUpB,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgBrC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -49,6 +49,6 @@ const linkListVariants = cva('flex flex-wrap gap-2', {
|
|
|
49
49
|
direction: 'col',
|
|
50
50
|
},
|
|
51
51
|
});
|
|
52
|
-
const LinkList = ({ direction, headline, children, className, ...props }) => (_jsxs("div", { className: cn(linkListVariants({ direction, className })), ...props, children: [headline && _jsx(Headline, { headingLevel: "h4", children: headline }), children] }));
|
|
52
|
+
const LinkList = ({ direction, headline, children, className, headlineActAs, ...props }) => (_jsxs("div", { className: cn(linkListVariants({ direction, className })), ...props, children: [headline && (_jsx(Headline, { headingLevel: "h4", actAs: headlineActAs, children: headline })), children] }));
|
|
53
53
|
export { Link, LinkList };
|
|
54
54
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAElE,qEAAqE;AAErE,MAAM,WAAW,GAAG;;CAEnB,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAC,WAAW,EAAE;IACpC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,kCAAkC;YAC9C,MAAM,EAAE,gEAAgE;SACzE;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,uCAAuC;SAC9C;QACD,KAAK,EAAE;YACL,OAAO,EACL,kIAAkI;YACpI,KAAK,EAAE,oCAAoC;YAC3C,IAAI,EAAE,iGAAiG;SACxG;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC;AAmBH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,aAAa,EACb,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,kBAC/C,MAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACjC,SAAS,EAAE,EAAE,CACX,YAAY,CAAC;gBACX,OAAO;gBACP,QAAQ;gBACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;gBAChC,SAAS;aACV,CAAC,CACH,KACG,KAAK,aAER,IAAI,IAAI,CACP,cAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,IAAI,SAAS,CAAC,YAAG,IAAI,GAAO,CAClE,EACD,yBAAO,QAAQ,GAAQ,IACd,GACF,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,MAAM,gBAAgB,GAAG,GAAG,CAAC,sBAAsB,EAAE;IACnD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,GAAG,EAAE,UAAU;YACf,GAAG,EAAE,UAAU;SAChB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAA4B,CAAC,EACzC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC,KAAM,KAAK,aACpE,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAE,aAAa,YAC7C,QAAQ,GACA,CACZ,EACA,QAAQ,IACL,CACP,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Icon } from '../..';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
5
|
const tagBaseClasses = 'inline-flex items-center justify-between rounded-full border aria-disabled:pointer-events-none font-text group';
|
|
@@ -21,7 +21,7 @@ const tagVariants = cva(tagBaseClasses, {
|
|
|
21
21
|
},
|
|
22
22
|
});
|
|
23
23
|
export const Tag = ({ value, label, mode, size, disabled, onClose, className, ...props }) => {
|
|
24
|
-
return (_jsxs("div", { tabIndex: disabled ? -1 : 0, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size, className })), ...props, children: [_jsx("span", { className: 'flex text-nowrap cursor-default', children: label }), mode === 'dismissable' && (_jsx(
|
|
24
|
+
return (_jsxs("div", { tabIndex: disabled ? -1 : 0, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size, className })), ...props, children: [_jsx("span", { className: 'flex text-nowrap cursor-default', children: label }), mode === 'dismissable' && (_jsx("button", { "aria-label": "close", onClick: onClose, tabIndex: disabled ? -1 : 0, className: cn('outline-none w-full justify-center rounded-full hover:bg-surface-accent-hover group-hover:bg-surface-accent-hover focus:bg-surface-accent-hover active:bg-surface-accent-click group-active:bg-surface-accent-click', size === 'sm' ? 'h-9 w-9' : 'h-[1.625rem] w-[1.625rem]', disabled && 'border-none'), children: _jsx(Icon, { color: "draeger-white", iconSet: "core", iconName: "close", size: "md", title: "close", center: "vertical", className: "justify-center" }) }))] }));
|
|
25
25
|
};
|
|
26
26
|
Tag.displayName = 'Tag';
|
|
27
27
|
//# 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,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,gHAAgH,CAAC;AAEnH,MAAM,WAAW,GAAG,GAAG,CAAC,cAAc,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,wJAAwJ;YAC1J,iBAAiB,EACf,uIAAuI;YACzI,WAAW,EACT,qKAAqK;SACxK;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,qCAAqC;YACzC,EAAE,EAAE,6BAA6B;SAClC;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,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,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,iCAAiC,YAAG,KAAK,GAAQ,EACjE,IAAI,KAAK,aAAa,IAAI,CACzB,+BACa,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,SAAS,EAAE,EAAE,CACX,qNAAqN,EACrN,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B,EACvD,QAAQ,IAAI,aAAa,CAC1B,YAED,KAAC,IAAI,IACH,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,gBAAgB,GAC1B,GACK,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { HeadlineProps } from '../../typography/headline';
|
|
2
3
|
export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
4
|
defaultValues?: string[];
|
|
4
5
|
size?: 'lg' | 'md' | 'sm';
|
|
@@ -15,6 +16,7 @@ export interface AccordionItemToggleProps extends React.ButtonHTMLAttributes<HTM
|
|
|
15
16
|
headline?: string;
|
|
16
17
|
size?: 'lg' | 'md' | 'sm';
|
|
17
18
|
headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
19
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
18
20
|
}
|
|
19
21
|
declare const Accordion: React.FC<AccordionProps>;
|
|
20
22
|
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;AAU/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,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;IACvD,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4BvC,CAAC;AAkBF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyC3D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAS7C,CAAC;AA0BJ,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6BrD,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -33,9 +33,9 @@ const accordionToggleVariants = cva(baseAccordionItemToggleClassName, {
|
|
|
33
33
|
size: 'md',
|
|
34
34
|
},
|
|
35
35
|
});
|
|
36
|
-
const AccordionItemToggle = ({ headline, className, headingLevel, ...props }) => {
|
|
36
|
+
const AccordionItemToggle = ({ headline, className, headingLevel, headlineActAs, ...props }) => {
|
|
37
37
|
const { isExpanded, value, toggleItem, size } = useAccordionItemContext();
|
|
38
|
-
return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(accordionToggleVariants({ size }), className, 'group'), children: [_jsx(Headline, { className: cn('text-draeger-dark-gray', props.disabled && 'text-draeger-cool-gray-150'), headingLevel: headingLevel || 'h6', children: headline }), _jsx(Icon, { size: 'md', iconSet: "core", iconName: 'chevron-down', center: "vertical", color: props.disabled ? 'draeger-cool-gray-150' : 'draeger-cool-gray-750', className: 'ml-4 group-aria-expanded:rotate-180 transition-all duration-100' })] }));
|
|
38
|
+
return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(accordionToggleVariants({ size }), className, 'group'), children: [_jsx(Headline, { className: cn('text-draeger-dark-gray', props.disabled && 'text-draeger-cool-gray-150'), headingLevel: headingLevel || 'h6', actAs: headlineActAs, children: headline }), _jsx(Icon, { size: 'md', iconSet: "core", iconName: 'chevron-down', center: "vertical", color: props.disabled ? 'draeger-cool-gray-150' : 'draeger-cool-gray-750', className: 'ml-4 group-aria-expanded:rotate-180 transition-all duration-100' })] }));
|
|
39
39
|
};
|
|
40
40
|
const AccordionItem = ({ children, value, ...props }) => children && (_jsx(AccordionItemContext.Provider, { value: value, children: _jsx(AccordionItemWrapper, { ...props, children: children }) }));
|
|
41
41
|
const baseAccordionItemWrapperClassName = 'text-draeger-dark-gray transition-all';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { type SectionWrapperProps } from '../..';
|
|
2
|
+
import { type SectionWrapperProps, HeadlineProps } from '../..';
|
|
3
3
|
import { LinkComponent } from '../../../utils';
|
|
4
4
|
export interface CalloutMediaProps extends LinkComponent, React.HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
headline?: string;
|
|
@@ -8,6 +8,7 @@ export interface CalloutMediaProps extends LinkComponent, React.HTMLAttributes<H
|
|
|
8
8
|
image?: React.ReactNode;
|
|
9
9
|
sectionProps?: SectionWrapperProps;
|
|
10
10
|
mediaAlignment?: 'left' | 'right';
|
|
11
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
11
12
|
}
|
|
12
13
|
declare const CalloutMedia: React.FC<CalloutMediaProps>;
|
|
13
14
|
export { CalloutMedia };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,mBAAmB,
|
|
1
|
+
{"version":3,"file":"CalloutMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,mBAAmB,EAExB,aAAa,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsD7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { SectionWrapper, Headline, SlimRichText, } from '../..';
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
|
-
const CalloutMedia = ({ headline, text, button, image, sectionProps, mediaAlignment = 'left', }) => {
|
|
4
|
+
const CalloutMedia = ({ headline, text, button, image, sectionProps, mediaAlignment = 'left', headlineActAs, }) => {
|
|
5
5
|
const hasTextContent = Boolean(headline || text);
|
|
6
6
|
const hasImage = Boolean(image);
|
|
7
7
|
const hasContent = Boolean(hasTextContent || hasImage);
|
|
8
8
|
if (!hasContent)
|
|
9
9
|
return;
|
|
10
|
-
const textElement = hasTextContent && (_jsxs("div", { className: cn('flex flex-col gap-16 px-12 pb-12 mx-auto pt-9 basis-1/2 grow xl:basis-1/3 bg-surface-secondary', mediaAlignment === 'right' && 'xl:order-1'), children: [_jsxs("div", { children: [_jsx(Headline, { underlined: true, headingLevel: "h2", className: "pb-6", children: headline }), _jsx(SlimRichText, { text: text })] }), button && _jsx("div", { className: "self-start xl:mt-auto", children: button })] }));
|
|
10
|
+
const textElement = hasTextContent && (_jsxs("div", { className: cn('flex flex-col gap-16 px-12 pb-12 mx-auto pt-9 basis-1/2 grow xl:basis-1/3 bg-surface-secondary', mediaAlignment === 'right' && 'xl:order-1'), children: [_jsxs("div", { children: [_jsx(Headline, { underlined: true, headingLevel: "h2", actAs: headlineActAs, className: "pb-6", children: headline }), _jsx(SlimRichText, { text: text })] }), button && _jsx("div", { className: "self-start xl:mt-auto", children: button })] }));
|
|
11
11
|
const imageElement = hasImage && (_jsx("div", { className: "flex items-center h-auto xl:basis-2/3", children: _jsx("div", { className: "flex self-stretch", children: image }) }));
|
|
12
12
|
return (_jsx(SectionWrapper, { className: cn('py-0', sectionProps?.className), ...sectionProps, children: _jsxs("div", { className: cn('flex flex-col xl:flex-row'), children: [textElement, imageElement] }) }));
|
|
13
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,QAAQ,EAER,YAAY,
|
|
1
|
+
{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,QAAQ,EAER,YAAY,GAEb,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AAcjD,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,EACZ,cAAc,GAAG,MAAM,EACvB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,cAAc,IAAI,QAAQ,CAAC,CAAC;IAEvD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,MAAM,WAAW,GAAG,cAAc,IAAI,CACpC,eACE,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,cAAc,KAAK,OAAO,IAAI,YAAY,CAC3C,aAED,0BACE,KAAC,QAAQ,IACP,UAAU,QACV,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,MAAM,YAEf,QAAQ,GACA,EACX,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACxB,EACL,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,QAAQ,IAAI,CAC/B,cAAK,SAAS,EAAC,uCAAuC,YACpD,cAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAO,GAC5C,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,KAC1C,YAAY,YAEhB,eAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,aAC5C,WAAW,EACX,YAAY,IACT,GACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { HeadlineProps } from '../../typography/headline';
|
|
4
4
|
import { SlimRichTextProps } from '../slimRichText';
|
|
5
5
|
export interface CardSubInfoProps extends SlimRichTextProps {
|
|
6
6
|
}
|
|
7
7
|
declare const CardSubInfo: React.FC<CardSubInfoProps>;
|
|
8
8
|
export interface CardHeadlineProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
9
9
|
children?: React.ReactNode;
|
|
10
|
+
actAs?: HeadlineProps['actAs'];
|
|
10
11
|
}
|
|
11
12
|
declare const CardHeadline: React.FC<CardHeadlineProps>;
|
|
12
13
|
export interface CardBodyTextProps extends SlimRichTextProps {
|
|
@@ -16,12 +17,9 @@ export interface CardContentProps extends React.HTMLAttributes<HTMLHeadingElemen
|
|
|
16
17
|
children?: React.ReactNode;
|
|
17
18
|
}
|
|
18
19
|
declare const CardContent: React.FC<CardContentProps>;
|
|
19
|
-
export interface
|
|
20
|
+
export interface CardActionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
20
21
|
}
|
|
21
|
-
declare const
|
|
22
|
-
export interface CardLinkButtonProps extends Omit<LinkButtonProps, 'size'> {
|
|
23
|
-
}
|
|
24
|
-
declare const CardLinkButton: React.FC<CardLinkButtonProps>;
|
|
22
|
+
declare const CardAction: React.FC<CardActionProps>;
|
|
25
23
|
export interface CardActionsWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
26
24
|
}
|
|
27
25
|
declare const CardActionsWrapper: React.FC<CardActionsWrapperProps>;
|
|
@@ -38,5 +36,5 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, Variant
|
|
|
38
36
|
children?: React.ReactNode | React.ReactNode[];
|
|
39
37
|
}
|
|
40
38
|
declare const Card: React.FC<CardProps>;
|
|
41
|
-
export { Card, CardBody, CardContent, CardSubInfo, CardHeadline, CardBodyText,
|
|
39
|
+
export { Card, CardBody, CardContent, CardSubInfo, CardHeadline, CardBodyText, CardActionsWrapper, CardAction, };
|
|
42
40
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAOzC,CAAC;AAEJ,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAI7C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE7C,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAE3C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYvC,CAAC;AAEJ,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAevD,CAAC;AAKJ,QAAA,MAAM,YAAY;;;mFAgBhB,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAWrC,CAAC;AAEF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiB7B,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,UAAU,GACX,CAAC"}
|
|
@@ -2,15 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
4
|
import { Headline } from '../../typography/headline';
|
|
5
|
-
import { Button, LinkButton, } from '../../actions/button';
|
|
6
5
|
import { SlimRichText } from '../slimRichText';
|
|
7
6
|
const CardSubInfo = ({ text, className, ...props }) => text && (_jsx(SlimRichText, { text: text, className: cn('text-draeger-cool-gray-750', className), ...props }));
|
|
8
7
|
const CardHeadline = ({ children, ...props }) => (_jsx(Headline, { textColor: "inherit", headingLevel: "h3", ...props, children: children }));
|
|
9
8
|
const CardBodyText = ({ text, ...props }) => (_jsx(SlimRichText, { text: text, textColor: "inherit", ...props }));
|
|
10
9
|
const CardContent = ({ children, ...props }) => (_jsx("div", { ...props, children: children }));
|
|
11
|
-
const
|
|
12
|
-
const CardButton = ({ children, className, ...props }) => children && (_jsx(Button, { size: "card", className: cn(cardButtonBaseClassNames, className), ...props, children: children }));
|
|
13
|
-
const CardLinkButton = ({ children, className, ...props }) => (_jsx(LinkButton, { size: "card", className: cn(cardButtonBaseClassNames, className), ...props, children: children }));
|
|
10
|
+
const CardAction = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col items-stretch w-full', className), ...props, children: children }));
|
|
14
11
|
const CardActionsWrapper = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col gap-7 pb-8 min-h-14 items-center px-6 pb-8', className), ...props, children: children }));
|
|
15
12
|
const cardBaseClasses = 'font-text group';
|
|
16
13
|
// TODO: Delete variants when sections using paleBlue and darkBlue cards will be updated
|
|
@@ -40,5 +37,5 @@ const Card = ({ imageElement, children, variant, padding, className, ...props })
|
|
|
40
37
|
return;
|
|
41
38
|
return (_jsxs("div", { className: cn(cardVariants({ variant, padding }), className), ...props, children: [imageElement, children && _jsx("div", { className: "flex flex-col", children: children })] }));
|
|
42
39
|
};
|
|
43
|
-
export { Card, CardBody, CardContent, CardSubInfo, CardHeadline, CardBodyText,
|
|
40
|
+
export { Card, CardBody, CardContent, CardSubInfo, CardHeadline, CardBodyText, CardActionsWrapper, CardAction, };
|
|
44
41
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { HeadlineProps } from '../..';
|
|
2
3
|
export interface ContentItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
4
|
}
|
|
4
5
|
export interface ContentItemMediaProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -11,6 +12,7 @@ declare const ContentItemBody: React.FC<ContentItemBodyProps>;
|
|
|
11
12
|
export interface ContentItemBodyHeadingProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
12
13
|
headline?: string;
|
|
13
14
|
text?: string;
|
|
15
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
14
16
|
}
|
|
15
17
|
declare const ContentItemBodyHeading: React.FC<ContentItemBodyHeadingProps>;
|
|
16
18
|
export interface ContentItemBodyActionWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiBnD,CAAC;AAEJ,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CASjD,CAAC;AAEJ,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAMjE,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAShC,CAAC;AAEJ,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgBzC,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAW7C,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,EACT,QAAQ,EACR,cAAc,GAAG,MAAM,EACvB,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,cAAc,KAAK,OAAO,IAAI,YAAY,EAC1C,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAKJ,MAAM,eAAe,GAAmC,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACrC,QAAQ,GACL,CACP,CAAC;AASJ,MAAM,sBAAsB,GAA0C,CAAC,EACrE,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAC3E,CAAC;AAKF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CACtC,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEJ,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,eACS,aAAa,KACnB,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { HeadlineProps } from '../../typography/headline';
|
|
2
3
|
export interface DownloadItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
4
|
headline?: string;
|
|
4
5
|
copy?: string;
|
|
@@ -6,6 +7,7 @@ export interface DownloadItemProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
6
7
|
image?: React.ReactNode;
|
|
7
8
|
downloadButton?: React.ReactNode;
|
|
8
9
|
className?: string;
|
|
10
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
9
11
|
}
|
|
10
12
|
declare const DownloadItem: React.FC<DownloadItemProps>;
|
|
11
13
|
export { DownloadItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DownloadItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAKlE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8B7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -3,6 +3,6 @@ import { Headline } from '../../typography/headline';
|
|
|
3
3
|
import { BodyText } from '../../typography/bodyText';
|
|
4
4
|
import { SlimRichText } from '../..';
|
|
5
5
|
import { cn } from '../../../utils';
|
|
6
|
-
const DownloadItem = ({ headline, copy, fileSize, image, downloadButton, className, ...props }) => (_jsxs("div", { ...props, className: cn(className, 'flex flex-col gap-6'), children: [_jsx(Headline, { headingLevel: "h5", children: headline }), _jsxs("div", { className: "flex", children: [image && (_jsx("div", { className: "shrink min-w-[11.75rem] h-auto mb-auto me-4", children: image })), _jsxs("div", { children: [_jsx(SlimRichText, { variant: "small", text: copy }), downloadButton && _jsx("div", { className: "mt-8 mb-2", children: downloadButton }), _jsx(BodyText, { variant: "small", textColor: "airBlue", children: fileSize })] })] })] }));
|
|
6
|
+
const DownloadItem = ({ headline, copy, fileSize, image, downloadButton, className, headlineActAs, ...props }) => (_jsxs("div", { ...props, className: cn(className, 'flex flex-col gap-6'), children: [_jsx(Headline, { headingLevel: "h5", actAs: headlineActAs, children: headline }), _jsxs("div", { className: "flex", children: [image && (_jsx("div", { className: "shrink min-w-[11.75rem] h-auto mb-auto me-4", children: image })), _jsxs("div", { children: [_jsx(SlimRichText, { variant: "small", text: copy }), downloadButton && _jsx("div", { className: "mt-8 mb-2", children: downloadButton }), _jsx(BodyText, { variant: "small", textColor: "airBlue", children: fileSize })] })] })] }));
|
|
7
7
|
export { DownloadItem };
|
|
8
8
|
//# sourceMappingURL=DownloadItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadItem.js","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"DownloadItem.js","sourceRoot":"","sources":["../../../../src/components/layout/downloadItem/DownloadItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAalC,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,cAAc,EACd,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,kBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,qBAAqB,CAAC,aAC7D,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAE,aAAa,YAC7C,QAAQ,GACA,EACX,eAAK,SAAS,EAAC,MAAM,aAClB,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,6CAA6C,YACzD,KAAK,GACF,CACP,EAED,0BACE,KAAC,YAAY,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,EAC3C,cAAc,IAAI,cAAK,SAAS,EAAC,WAAW,YAAE,cAAc,GAAO,EACpE,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,YAC1C,QAAQ,GACA,IACP,IACF,IACF,CACP,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { HeadlineProps } from '../../typography/headline/Headline';
|
|
2
3
|
export interface MediaGalleryProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
4
|
children: React.ReactNode[];
|
|
4
5
|
}
|
|
@@ -6,6 +7,7 @@ export interface MediaGalleryItemProps extends React.HTMLAttributes<HTMLDivEleme
|
|
|
6
7
|
mediaComponent: React.ReactNode;
|
|
7
8
|
headline: string;
|
|
8
9
|
copy: string;
|
|
10
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
9
11
|
}
|
|
10
12
|
declare const MediaGalleryItem: React.FC<MediaGalleryItemProps>;
|
|
11
13
|
declare const MediaGallery: React.FC<MediaGalleryProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAO3E,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiBrD,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgF7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { cn } from '../../../utils';
|
|
|
7
7
|
import { Button } from '../../actions/button';
|
|
8
8
|
import { Controls, ControlsItem } from '../../navigation/controls';
|
|
9
9
|
import { Icon } from '../../images-icons/icon';
|
|
10
|
-
const MediaGalleryItem = ({ mediaComponent, headline, copy, className, ...props }) => (_jsxs("div", { ...props, className: cn('max-w-5xl w-full', className), children: [mediaComponent, _jsxs("div", { className: "px-12 py-8", children: [_jsx(Headline, { headingLevel: "h6", children: headline }), _jsx(BodyText, { variant: "small", children: copy })] })] }));
|
|
10
|
+
const MediaGalleryItem = ({ mediaComponent, headline, copy, className, headlineActAs, ...props }) => (_jsxs("div", { ...props, className: cn('max-w-5xl w-full', className), children: [mediaComponent, _jsxs("div", { className: "px-12 py-8", children: [_jsx(Headline, { headingLevel: "h6", actAs: headlineActAs, children: headline }), _jsx(BodyText, { variant: "small", children: copy })] })] }));
|
|
11
11
|
const MediaGallery = ({ children, className, ...props }) => {
|
|
12
12
|
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
13
13
|
align: 'start',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as Dialog from '@radix-ui/react-dialog';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { HeadlineProps } from '../../typography/headline';
|
|
4
5
|
declare const modalVariants: (props?: ({
|
|
5
6
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
6
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -15,6 +16,7 @@ export interface ModalHeaderProps extends React.HtmlHTMLAttributes<HTMLDivElemen
|
|
|
15
16
|
description?: string;
|
|
16
17
|
titleProps?: React.ComponentProps<typeof Dialog.Title>;
|
|
17
18
|
descriptionProps?: React.ComponentProps<typeof Dialog.Description>;
|
|
19
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
18
20
|
}
|
|
19
21
|
export interface ModalBodyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof modalSectionVariants> {
|
|
20
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAKlE,QAAA,MAAM,aAAa;;mFAYjB,CAAC;AAGH,QAAA,MAAM,oBAAoB;;mFAUxB,CAAC;AAiBH,MAAM,WAAW,UACf,SAAQ,MAAM,CAAC,WAAW,EACxB,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC;IACnE,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+BzC,CAAC;AAEJ,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwCvC,CAAC;AAMF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CASzC,CAAC;AAcJ,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2D/B,CAAC;AAEF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAC,CAAC"}
|
|
@@ -44,7 +44,7 @@ const fadeOutOverlayVariants = cva('mx-7 bg-[linear-gradient(0deg,currentColor_0
|
|
|
44
44
|
color: 'white',
|
|
45
45
|
},
|
|
46
46
|
});
|
|
47
|
-
const ModalHeader = ({ className, title, description, titleProps, descriptionProps, ...props }) => (title || description) && (_jsxs("div", { className: cn('px-7 py-5 flex flex-col grow-0 gap-y-3', className), ...props, children: [_jsx(Dialog.Title, { asChild: true, ...titleProps, children: _jsx(Headline, { headingLevel: "h5", children: title }) }), description && (_jsx(BodyText, { variant: 'small', children: _jsx(Dialog.Description, { asChild: true, ...descriptionProps, className: cn(descriptionProps?.className), children: _jsx("span", { children: description }) }) }))] }));
|
|
47
|
+
const ModalHeader = ({ className, title, description, titleProps, descriptionProps, headlineActAs, ...props }) => (title || description) && (_jsxs("div", { className: cn('px-7 py-5 flex flex-col grow-0 gap-y-3', className), ...props, children: [_jsx(Dialog.Title, { asChild: true, ...titleProps, children: _jsx(Headline, { headingLevel: "h5", actAs: headlineActAs, children: title }) }), description && (_jsx(BodyText, { variant: 'small', children: _jsx(Dialog.Description, { asChild: true, ...descriptionProps, className: cn(descriptionProps?.className), children: _jsx("span", { children: description }) }) }))] }));
|
|
48
48
|
const ModalBody = ({ className, children, color, ...props }) => {
|
|
49
49
|
if (!children)
|
|
50
50
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ declare const headlineVariants: (props?: ({
|
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
7
|
export interface HeadlineProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headlineVariants> {
|
|
8
8
|
headingLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
9
|
+
actAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
|
|
9
10
|
underlined?: boolean;
|
|
10
11
|
children?: React.ReactNode;
|
|
11
12
|
}
|
|
@@ -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;;;mFAqBpB,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,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
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;;;mFAqBpB,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,KAAK,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkC5C,CAAC"}
|
|
@@ -23,8 +23,8 @@ const headlineVariants = cva('font-medium break-words', {
|
|
|
23
23
|
textColor: 'darkBlue',
|
|
24
24
|
},
|
|
25
25
|
});
|
|
26
|
-
export const Headline = ({ headingLevel, className, textColor, underlined, children, ...props }) => {
|
|
27
|
-
const Element = headingLevel;
|
|
26
|
+
export const Headline = ({ headingLevel, className, textColor, actAs, underlined, children, ...props }) => {
|
|
27
|
+
const Element = actAs !== undefined ? actAs : headingLevel;
|
|
28
28
|
return (children && (_jsxs(Element, { className: cn(underlined && 'flex flex-col', headlineVariants({ textColor, headingLevel, className })), ...props, children: [children, underlined && headingLevel === 'h2' && (_jsx("span", { className: cn(textColor, 'text-4xl lg:text-5xl xl:text-6xl leading-8 lg:leading-8 xl:leading-[2.86875rem]'), children: "\u2014" }))] })));
|
|
29
29
|
};
|
|
30
30
|
//# 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,OAAO,EAAE,uBAAuB;YAChC,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,cAAc;SACxB;QACD,YAAY,EAAE;YACZ,EAAE,EAAE,2GAA2G;YAC/G,EAAE,EAAE,4GAA4G;YAChH,EAAE,EAAE,sEAAsE;YAC1E,EAAE,EAAE,iDAAiD;YACrD,EAAE,EAAE,kDAAkD;YACtD,EAAE,EAAE,mDAAmD;SACxD;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;
|
|
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,OAAO,EAAE,uBAAuB;YAChC,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,cAAc;SACxB;QACD,YAAY,EAAE;YACZ,EAAE,EAAE,2GAA2G;YAC/G,EAAE,EAAE,4GAA4G;YAChH,EAAE,EAAE,sEAAsE;YAC1E,EAAE,EAAE,iDAAiD;YACrD,EAAE,EAAE,kDAAkD;YACtD,EAAE,EAAE,mDAAmD;SACxD;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAWH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,YAAY,EACZ,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,EACV,QAAQ,EACR,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,EAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAC,CAAC,CACvD,KACG,KAAK,aAER,QAAQ,EACR,UAAU,IAAI,YAAY,KAAK,IAAI,IAAI,CACtC,eACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,iFAAiF,CAClF,uBAGI,CACR,IACO,CACX,CACF,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { HeadlineProps } from '../../../components/typography/headline';
|
|
2
3
|
export interface ContentHeadingProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
4
|
type: 'section' | 'block' | 'item';
|
|
4
5
|
headline?: string;
|
|
5
6
|
text?: string;
|
|
7
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
6
8
|
}
|
|
7
9
|
declare const ContentHeadings: React.FC<ContentHeadingProps>;
|
|
8
10
|
export { ContentHeadings };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentHeadings.d.ts","sourceRoot":"","sources":["../../../../src/web/layout/contentHeadings/ContentHeadings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ContentHeadings.d.ts","sourceRoot":"","sources":["../../../../src/web/layout/contentHeadings/ContentHeadings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,yCAAyC,CAAC;AAIhF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqClD,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}
|
|
@@ -2,12 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Headline } from '../../../components/typography/headline';
|
|
3
3
|
import { SlimRichText } from '../../../components/layout/slimRichText';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
|
-
const ContentHeadings = ({ type, headline, text, className, ...props }) => {
|
|
5
|
+
const ContentHeadings = ({ type, headline, text, className, headlineActAs, ...props }) => {
|
|
6
6
|
const hasContent = Boolean(headline || text);
|
|
7
7
|
if (!hasContent)
|
|
8
8
|
return;
|
|
9
9
|
const headingLevel = type === 'section' ? 'h2' : type === 'block' ? 'h3' : 'h4';
|
|
10
|
-
return (_jsxs("div", { "data-name": `ContentHeadings-${type}`, className: cn(type !== 'section' && 'pb-10', className), ...props, children: [headline && (_jsx(Headline, { headingLevel: headingLevel, underlined: type === 'section', className: type === 'section' ? 'pb-4 xl:pb-6' : '', children: headline })), text && (_jsx(SlimRichText, { variant: type === 'section' ? 'large' : 'medium', text: text }))] }));
|
|
10
|
+
return (_jsxs("div", { "data-name": `ContentHeadings-${type}`, className: cn(type !== 'section' && 'pb-10', className), ...props, children: [headline && (_jsx(Headline, { headingLevel: headingLevel, underlined: type === 'section', actAs: headlineActAs, className: type === 'section' ? 'pb-4 xl:pb-6' : '', children: headline })), text && (_jsx(SlimRichText, { variant: type === 'section' ? 'large' : 'medium', text: text }))] }));
|
|
11
11
|
};
|
|
12
12
|
export { ContentHeadings };
|
|
13
13
|
//# sourceMappingURL=ContentHeadings.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentHeadings.js","sourceRoot":"","sources":["../../../../src/web/layout/contentHeadings/ContentHeadings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"ContentHeadings.js","sourceRoot":"","sources":["../../../../src/web/layout/contentHeadings/ContentHeadings.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAgB,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAC,YAAY,EAAC,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAUlC,MAAM,eAAe,GAAkC,CAAC,EACtD,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IAC7C,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,MAAM,YAAY,GAChB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,OAAO,CACL,4BACa,mBAAmB,IAAI,EAAE,EACpC,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,IAAI,OAAO,EAAE,SAAS,CAAC,KACnD,KAAK,aAER,QAAQ,IAAI,CACX,KAAC,QAAQ,IACP,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,IAAI,KAAK,SAAS,EAC9B,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAElD,QAAQ,GACA,CACZ,EACA,IAAI,IAAI,CACP,KAAC,YAAY,IACX,OAAO,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAChD,IAAI,EAAE,IAAI,GACV,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { HeadlineProps } from '../../../components/typography/headline';
|
|
2
3
|
import { type SectionWrapperProps } from '../../../components';
|
|
3
4
|
export interface CalloutContactColumnProps {
|
|
4
5
|
headline?: string;
|
|
5
6
|
phoneNumber?: string;
|
|
6
7
|
text01?: string;
|
|
7
8
|
text02?: string;
|
|
9
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
8
10
|
}
|
|
9
11
|
export interface CalloutContactProps {
|
|
10
12
|
title?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutContact.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CalloutContact.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC;AAGD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA8BlE,CAAC;AAEJ,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiBxD,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { ContentGroup } from '../contentGroup';
|
|
|
6
6
|
import { ContentBlock } from '../contentBlock';
|
|
7
7
|
import { ContentSection } from '../contentSection';
|
|
8
8
|
// TODO: CalloutContact has its own styles for rich text, will be defined later
|
|
9
|
-
export const CalloutContactColumn = ({ headline, phoneNumber, text01, text02, }) => (headline || phoneNumber || text01 || text02) && (_jsxs("div", { className: "flex flex-col gap-y-3", children: [_jsx(Headline, { headingLevel: "h4", children: headline }), _jsx(SlimRichText, { variant: 'small', text: text01 }), phoneNumber && (_jsxs("a", { className: "flex self-start gap-2", target: "_self", href: `tel:${phoneNumber.replace(/\s/g, '')}`, children: [_jsx(Icon, { className: "text-text-primary", iconName: "phone", iconSet: "core", size: 'md' }), _jsx(BodyText, { variant: 'small', children: phoneNumber })] })), _jsx(SlimRichText, { variant: 'small', text: text02 })] }));
|
|
9
|
+
export const CalloutContactColumn = ({ headline, phoneNumber, text01, text02, headlineActAs, }) => (headline || phoneNumber || text01 || text02) && (_jsxs("div", { className: "flex flex-col gap-y-3", children: [_jsx(Headline, { headingLevel: "h4", actAs: headlineActAs, children: headline }), _jsx(SlimRichText, { variant: 'small', text: text01 }), phoneNumber && (_jsxs("a", { className: "flex self-start gap-2", target: "_self", href: `tel:${phoneNumber.replace(/\s/g, '')}`, children: [_jsx(Icon, { className: "text-text-primary", iconName: "phone", iconSet: "core", size: 'md' }), _jsx(BodyText, { variant: 'small', children: phoneNumber })] })), _jsx(SlimRichText, { variant: 'small', text: text02 })] }));
|
|
10
10
|
export const CalloutContact = ({ title, children, sectionProps, }) => {
|
|
11
11
|
return (_jsx(ContentSection, { sectionProps: { background: 'paleBlue', ...sectionProps }, children: _jsxs(ContentBlock, { className: "mb-20", children: [title && (_jsx("p", { className: "mb-8 font-display text-[2rem] leading-[1.14] text-text-primary", children: title })), _jsx(ContentGroup, { cols: 3, children: children })] }) }));
|
|
12
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutContact.js","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"CalloutContact.js","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAgB,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EACL,IAAI,EACJ,YAAY,GAEb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAgBjD,+EAA+E;AAC/E,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,QAAQ,EACR,WAAW,EACX,MAAM,EACN,MAAM,EACN,aAAa,GACd,EAAE,EAAE,CACH,CAAC,QAAQ,IAAI,WAAW,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,CAC/C,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAE,aAAa,YAC7C,QAAQ,GACA,EACX,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAI,EAC/C,WAAW,IAAI,CACd,aACE,SAAS,EAAC,uBAAuB,EACjC,MAAM,EAAC,OAAO,EACd,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,aAE7C,KAAC,IAAI,IACH,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,IAAI,GACV,EACF,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,YAAG,WAAW,GAAY,IAClD,CACL,EACD,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAI,IAC5C,CACP,CAAC;AAEJ,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,KAAC,cAAc,IAAC,YAAY,EAAE,EAAC,UAAU,EAAE,UAAU,EAAE,GAAG,YAAY,EAAC,YACrE,MAAC,YAAY,IAAC,SAAS,EAAC,OAAO,aAC5B,KAAK,IAAI,CACR,YAAG,SAAS,EAAC,gEAAgE,YAC1E,KAAK,GACJ,CACL,EACD,KAAC,YAAY,IAAC,IAAI,EAAE,CAAC,YAAG,QAAQ,GAAgB,IACnC,GACA,CAClB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type BlockProps } from '../../../components/layout/block';
|
|
3
|
+
import { HeadlineProps } from '../../../components';
|
|
3
4
|
export interface ContentBlockProps extends BlockProps {
|
|
4
5
|
disableGutters?: boolean;
|
|
5
6
|
headline?: string;
|
|
6
7
|
text?: string;
|
|
8
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
7
9
|
}
|
|
8
10
|
declare const ContentBlock: React.FC<ContentBlockProps>;
|
|
9
11
|
export { ContentBlock };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentBlock.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/contentBlock/ContentBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"ContentBlock.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/contentBlock/ContentBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAElD,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwC7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import { Block } from '../../../components/layout/block';
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
4
|
import { ContentHeadings } from '../../layout/contentHeadings';
|
|
5
|
-
const ContentBlock = ({ children, disableGutters = false, headline, text, ...props }) => (_jsxs(_Fragment, { children: [(headline || text) && (_jsx(Block, { className: cn(!disableGutters &&
|
|
6
|
-
'pt-section-padding-top-2xl pb-section-padding-bottom-2xl'), elementWidth: 'medium', ...props, children: _jsx(ContentHeadings, { type: "block", headline: headline, text: text }) })), children && (_jsx(Block, { wrapperBlockProps: { 'data-name': 'ContentBlock-Grid' }, "data-name": "ContentBlock-Children-Width", className: cn(!disableGutters &&
|
|
5
|
+
const ContentBlock = ({ children, disableGutters = false, headline, text, headlineActAs, ...props }) => (_jsxs(_Fragment, { children: [(headline || text) && (_jsx(Block, { className: cn(!disableGutters &&
|
|
6
|
+
'pt-section-padding-top-2xl pb-section-padding-bottom-2xl'), elementWidth: 'medium', ...props, children: _jsx(ContentHeadings, { type: "block", headline: headline, text: text, headlineActAs: headlineActAs }) })), children && (_jsx(Block, { wrapperBlockProps: { 'data-name': 'ContentBlock-Grid' }, "data-name": "ContentBlock-Children-Width", className: cn(!disableGutters &&
|
|
7
7
|
'pt-section-padding-top-2xl pb-section-padding-bottom-2xl'), ...props, children: children }))] }));
|
|
8
8
|
export { ContentBlock };
|
|
9
9
|
//# sourceMappingURL=ContentBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentBlock.js","sourceRoot":"","sources":["../../../../src/web/sections/contentBlock/ContentBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAkB,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"ContentBlock.js","sourceRoot":"","sources":["../../../../src/web/sections/contentBlock/ContentBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAkB,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAU7D,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,8BACG,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CACrB,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CACX,CAAC,cAAc;gBACb,0DAA0D,CAC7D,EACD,YAAY,EAAE,QAAQ,KAClB,KAAK,YAET,KAAC,eAAe,IACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,GAC5B,GACI,CACT,EACA,QAAQ,IAAI,CACX,KAAC,KAAK,IACJ,iBAAiB,EAAE,EAAC,WAAW,EAAE,mBAAmB,EAAC,eAC3C,6BAA6B,EACvC,SAAS,EAAE,EAAE,CACX,CAAC,cAAc;gBACb,0DAA0D,CAC7D,KACG,KAAK,YAER,QAAQ,GACH,CACT,IACA,CACJ,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type SectionWrapperProps } from '../../../components/layout/sectionWrapper';
|
|
3
3
|
import { type ContainerProps } from '../../../components/layout/container';
|
|
4
|
+
import { HeadlineProps } from '../../../components';
|
|
4
5
|
export interface ContentSectionProps extends ContainerProps {
|
|
5
6
|
sectionProps?: SectionWrapperProps;
|
|
6
7
|
headline?: string;
|
|
7
8
|
text?: string;
|
|
9
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
8
10
|
}
|
|
9
11
|
declare const ContentSection: React.FC<ContentSectionProps>;
|
|
10
12
|
export { ContentSection };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/contentSection/ContentSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"ContentSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/contentSection/ContentSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAQ,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAGzD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8BjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -4,11 +4,11 @@ import { Container, } from '../../../components/layout/container';
|
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
5
|
import { Block } from '../../../components';
|
|
6
6
|
import { ContentHeadings } from '../../layout/contentHeadings';
|
|
7
|
-
const ContentSection = ({ children, sectionProps, headline, text, }) => {
|
|
7
|
+
const ContentSection = ({ children, sectionProps, headline, text, headlineActAs, }) => {
|
|
8
8
|
const hasTitle = Boolean(headline || text);
|
|
9
9
|
if (!hasTitle && !children)
|
|
10
10
|
return;
|
|
11
|
-
return (_jsx(SectionWrapper, { className: cn(sectionProps?.className), ...sectionProps, children: _jsxs(Container, { "data-name": "ContentSection", className: "pt-section-padding-top-2xl pb-section-padding-bottom-vertical", children: [hasTitle && (_jsx(Block, { elementWidth: 'medium', children: _jsx(ContentHeadings, { type: "section", headline: headline, text: text }) })), children] }) }));
|
|
11
|
+
return (_jsx(SectionWrapper, { className: cn(sectionProps?.className), ...sectionProps, children: _jsxs(Container, { "data-name": "ContentSection", className: "pt-section-padding-top-2xl pb-section-padding-bottom-vertical", children: [hasTitle && (_jsx(Block, { elementWidth: 'medium', children: _jsx(ContentHeadings, { type: "section", headline: headline, text: text, headlineActAs: headlineActAs }) })), children] }) }));
|
|
12
12
|
};
|
|
13
13
|
export { ContentSection };
|
|
14
14
|
//# sourceMappingURL=ContentSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentSection.js","sourceRoot":"","sources":["../../../../src/web/sections/contentSection/ContentSection.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,GAEf,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,SAAS,GAEV,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"ContentSection.js","sourceRoot":"","sources":["../../../../src/web/sections/contentSection/ContentSection.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,GAEf,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,SAAS,GAEV,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAgB,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAS7D,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,aAAa,GACd,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IAC3C,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;QAAE,OAAO;IAEnC,OAAO,CACL,KAAC,cAAc,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,YAAY,YACtE,MAAC,SAAS,iBACE,gBAAgB,EAC1B,SAAS,EAAC,+DAA+D,aAExE,QAAQ,IAAI,CACX,KAAC,KAAK,IAAC,YAAY,EAAE,QAAQ,YAC3B,KAAC,eAAe,IACd,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,GAC5B,GACI,CACT,EACA,QAAQ,IACC,GACG,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { type SectionWrapperProps } from '../../../components';
|
|
2
|
+
import { type SectionWrapperProps, HeadlineProps } from '../../../components';
|
|
3
3
|
export interface QuestionnaireFormSectionProps {
|
|
4
4
|
header: string;
|
|
5
5
|
button?: React.ReactNode;
|
|
@@ -7,6 +7,7 @@ export interface QuestionnaireFormSectionProps {
|
|
|
7
7
|
text?: string;
|
|
8
8
|
sectionProps?: SectionWrapperProps;
|
|
9
9
|
children?: React.ReactNode;
|
|
10
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
10
11
|
}
|
|
11
12
|
declare const QuestionnaireFormSection: React.FC<QuestionnaireFormSectionProps>;
|
|
12
13
|
export { QuestionnaireFormSection };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionnaireFormSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/questionnaireFormSection/QuestionnaireFormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,mBAAmB,
|
|
1
|
+
{"version":3,"file":"QuestionnaireFormSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/questionnaireFormSection/QuestionnaireFormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,mBAAmB,EACxB,aAAa,EACd,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAyBrE,CAAC;AAEF,OAAO,EAAC,wBAAwB,EAAC,CAAC"}
|
|
@@ -3,6 +3,6 @@ import { cn } from '../../../utils';
|
|
|
3
3
|
import { Headline, BodyText, } from '../../../components';
|
|
4
4
|
import { ContentBlock } from '../contentBlock';
|
|
5
5
|
import { ContentSection } from '../contentSection';
|
|
6
|
-
const QuestionnaireFormSection = ({ children, header, text, button, buttonClassName, sectionProps, }) => (_jsx(ContentSection, { sectionProps: sectionProps, children: _jsx(ContentBlock, { children: _jsxs("div", { className: cn('flex flex-col gap-y-7 text-text-primary'), children: [_jsxs("div", { className: "flex flex-col mb-10 gap-y-4", children: [_jsx(Headline, { headingLevel: "h4", children: header }), text && _jsx(BodyText, { variant: 'small', children: text })] }), children && _jsx("div", { className: "flex flex-col gap-y-11", children: children }), button && (_jsx("div", { className: cn('self-end', buttonClassName), children: button }))] }) }) }));
|
|
6
|
+
const QuestionnaireFormSection = ({ children, header, text, button, buttonClassName, sectionProps, headlineActAs, }) => (_jsx(ContentSection, { sectionProps: sectionProps, children: _jsx(ContentBlock, { children: _jsxs("div", { className: cn('flex flex-col gap-y-7 text-text-primary'), children: [_jsxs("div", { className: "flex flex-col mb-10 gap-y-4", children: [_jsx(Headline, { headingLevel: "h4", actAs: headlineActAs, children: header }), text && _jsx(BodyText, { variant: 'small', children: text })] }), children && _jsx("div", { className: "flex flex-col gap-y-11", children: children }), button && (_jsx("div", { className: cn('self-end', buttonClassName), children: button }))] }) }) }));
|
|
7
7
|
export { QuestionnaireFormSection };
|
|
8
8
|
//# sourceMappingURL=QuestionnaireFormSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionnaireFormSection.js","sourceRoot":"","sources":["../../../../src/web/sections/questionnaireFormSection/QuestionnaireFormSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,QAAQ,EACR,QAAQ,
|
|
1
|
+
{"version":3,"file":"QuestionnaireFormSection.js","sourceRoot":"","sources":["../../../../src/web/sections/questionnaireFormSection/QuestionnaireFormSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,QAAQ,EACR,QAAQ,GAGT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAYjD,MAAM,wBAAwB,GAA4C,CAAC,EACzE,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,MAAM,EACN,eAAe,EACf,YAAY,EACZ,aAAa,GACd,EAAE,EAAE,CAAC,CACJ,KAAC,cAAc,IAAC,YAAY,EAAE,YAAY,YACxC,KAAC,YAAY,cACX,eAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,CAAC,aAC3D,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAE,aAAa,YAC7C,MAAM,GACE,EACV,IAAI,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAY,IAClD,EACL,QAAQ,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EACpE,MAAM,IAAI,CACT,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,YAAG,MAAM,GAAO,CAChE,IACG,GACO,GACA,CAClB,CAAC;AAEF,OAAO,EAAC,wBAAwB,EAAC,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { type SectionWrapperProps } from '../../../components';
|
|
2
|
+
import { HeadlineProps, type SectionWrapperProps } from '../../../components';
|
|
3
3
|
export interface StageSectionProps extends React.HTMLAttributes<HTMLElement> {
|
|
4
4
|
image?: React.ReactNode;
|
|
5
5
|
button?: React.ReactNode;
|
|
6
6
|
headline?: string;
|
|
7
7
|
headlineColoredPart?: string;
|
|
8
8
|
sectionProps?: SectionWrapperProps;
|
|
9
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
9
10
|
}
|
|
10
11
|
declare const StageSection: React.FC<StageSectionProps>;
|
|
11
12
|
export { StageSection };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"StageSection.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,aAAa,EAEb,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAGD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0C7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Block, Headline, SectionWrapper, } from '../../../components';
|
|
3
3
|
// TODO adjust the text element layout after the usage of Container/Block is completed for this component
|
|
4
|
-
const StageSection = ({ button, image, headline, headlineColoredPart, sectionProps, }) => {
|
|
4
|
+
const StageSection = ({ button, image, headline, headlineColoredPart, sectionProps, headlineActAs, }) => {
|
|
5
5
|
const hasHeadline = headline || headlineColoredPart;
|
|
6
6
|
const hasContent = Boolean(image || hasHeadline);
|
|
7
7
|
if (!hasContent)
|
|
8
8
|
return;
|
|
9
|
-
const headlineElement = hasHeadline && (_jsxs(Headline, { headingLevel: "h1", className: "text-text-invert", children: [headline, headlineColoredPart && (_jsxs("span", { className: 'text-text-accent', children: ["\u00A0", headlineColoredPart] }))] }));
|
|
9
|
+
const headlineElement = hasHeadline && (_jsxs(Headline, { headingLevel: "h1", actAs: headlineActAs, className: "text-text-invert", children: [headline, headlineColoredPart && (_jsxs("span", { className: 'text-text-accent', children: ["\u00A0", headlineColoredPart] }))] }));
|
|
10
10
|
return (_jsxs(SectionWrapper, { ...sectionProps, children: [image && _jsx("div", { className: "w-full -z-10", children: image }), Boolean(hasHeadline || button) && (_jsx("div", { className: "relative flex justify-center", children: _jsxs(Block, { className: "flex flex-col items-start p-8 pt-6 gap-y-16 lg:-mt-40", background: 'darkBlue', elementWidth: 'medium', children: [headlineElement, button] }) }))] }));
|
|
11
11
|
};
|
|
12
12
|
export { StageSection };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageSection.js","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EACL,QAAQ,
|
|
1
|
+
{"version":3,"file":"StageSection.js","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EACL,QAAQ,EAER,cAAc,GAEf,MAAM,qBAAqB,CAAC;AAW7B,yGAAyG;AACzG,MAAM,YAAY,GAAgC,CAAC,EACjD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,YAAY,EACZ,aAAa,GACd,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,mBAAmB,CAAC;IACpD,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC;IACjD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,MAAM,eAAe,GAAG,WAAW,IAAI,CACrC,MAAC,QAAQ,IACP,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAC,kBAAkB,aAE3B,QAAQ,EACR,mBAAmB,IAAI,CACtB,gBAAM,SAAS,EAAE,kBAAkB,uBAAS,mBAAmB,IAAQ,CACxE,IACQ,CACZ,CAAC;IAEF,OAAO,CACL,MAAC,cAAc,OAAK,YAAY,aAC7B,KAAK,IAAI,cAAK,SAAS,EAAC,cAAc,YAAE,KAAK,GAAO,EACpD,OAAO,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI,CACjC,cAAK,SAAS,EAAC,8BAA8B,YAC3C,MAAC,KAAK,IACJ,SAAS,EAAC,uDAAuD,EACjE,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,QAAQ,aAErB,eAAe,EACf,MAAM,IACD,GACJ,CACP,IACc,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
package/package.json
CHANGED