@amboss/design-system 3.37.1 → 3.37.3
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/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts +10 -0
- package/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.js +1 -0
- package/build/cjs/components/Lightbox/Lightbox.d.ts +6 -1
- package/build/cjs/components/Lightbox/Lightbox.js +2 -2
- package/build/cjs/components/Patterns/ButtonGroup/ButtonGroup.d.ts +2 -1
- package/build/cjs/components/Patterns/Modal/Modal.d.ts +11 -2
- package/build/cjs/components/Patterns/Modal/Modal.js +2 -2
- package/build/cjs/web-tokens/_colors.json +106 -82
- package/build/cjs/web-tokens/visualConfig.d.ts +65 -51
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts +10 -0
- package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.js +1 -0
- package/build/esm/components/Lightbox/Lightbox.d.ts +6 -1
- package/build/esm/components/Lightbox/Lightbox.js +2 -2
- package/build/esm/components/Patterns/ButtonGroup/ButtonGroup.d.ts +2 -1
- package/build/esm/components/Patterns/Modal/Modal.d.ts +11 -2
- package/build/esm/components/Patterns/Modal/Modal.js +2 -2
- package/build/esm/web-tokens/_colors.json +106 -82
- package/build/esm/web-tokens/visualConfig.d.ts +65 -51
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_dark.scss +27 -21
- package/build/scss/_light.scss +27 -21
- package/build/scss/_variables.scss +27 -21
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type PictogramButtonProps } from "../../PictogramButton/PictogramButton";
|
|
3
|
+
import type { ContentColor } from "../types";
|
|
4
|
+
type ContentPictogramButtonProps = Omit<PictogramButtonProps, "ariaAttributes"> & {
|
|
5
|
+
"aria-label"?: string;
|
|
6
|
+
"aria-labelledby"?: string;
|
|
7
|
+
iconColor?: ContentColor;
|
|
8
|
+
};
|
|
9
|
+
export declare function ContentPictogramButton({ icon, iconColor, disabled, size, variant, ...rest }: ContentPictogramButtonProps): React.ReactElement;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentPictogramButton",{enumerable:!0,get:function(){return ContentPictogramButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_PictogramButton=require("../../PictogramButton/PictogramButton"),_isContentColor=require("../utils/isContentColor"),StyledPictogramComponent=(0,_styled.default)(_PictogramButton.PictogramButton,{target:"ez0gusj0",label:"StyledPictogramComponent"})(({theme,iconColor,disabled})=>({...iconColor&&{color:theme.values.color.content.icon[iconColor].default,...!disabled&&{"&:active":{color:theme.values.color.content.icon[iconColor].hover}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50UGljdG9ncmFtQnV0dG9uL0NvbnRlbnRQaWN0b2dyYW1CdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Db250ZW50L0NvbnRlbnRQaWN0b2dyYW1CdXR0b24vQ29udGVudFBpY3RvZ3JhbUJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBQaWN0b2dyYW1CdXR0b24sXG4gIHR5cGUgUGljdG9ncmFtQnV0dG9uUHJvcHMsXG59IGZyb20gXCIuLi8uLi9QaWN0b2dyYW1CdXR0b24vUGljdG9ncmFtQnV0dG9uXCI7XG5pbXBvcnQgdHlwZSB7IENvbnRlbnRDb2xvciB9IGZyb20gXCIuLi90eXBlc1wiO1xuaW1wb3J0IHsgaXNDb250ZW50Q29sb3IgfSBmcm9tIFwiLi4vdXRpbHMvaXNDb250ZW50Q29sb3JcIjtcblxudHlwZSBDb250ZW50UGljdG9ncmFtQnV0dG9uUHJvcHMgPSBPbWl0PFxuICBQaWN0b2dyYW1CdXR0b25Qcm9wcyxcbiAgXCJhcmlhQXR0cmlidXRlc1wiXG4+ICYge1xuICBcImFyaWEtbGFiZWxcIj86IHN0cmluZztcbiAgXCJhcmlhLWxhYmVsbGVkYnlcIj86IHN0cmluZztcbiAgaWNvbkNvbG9yPzogQ29udGVudENvbG9yO1xufTtcblxudHlwZSBTdHlsZWRQaWN0b2dyYW1CdXR0b25Qcm9wcyA9IFBpY2s8XG4gIENvbnRlbnRQaWN0b2dyYW1CdXR0b25Qcm9wcyxcbiAgXCJpY29uQ29sb3JcIiB8IFwiZGlzYWJsZWRcIlxuPjtcblxuY29uc3QgU3R5bGVkUGljdG9ncmFtQ29tcG9uZW50ID0gc3R5bGVkKFxuICBQaWN0b2dyYW1CdXR0b25cbik8U3R5bGVkUGljdG9ncmFtQnV0dG9uUHJvcHM+KCh7IHRoZW1lLCBpY29uQ29sb3IsIGRpc2FibGVkIH0pID0+ICh7XG4gIC4uLihpY29uQ29sb3IgJiYge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY29udGVudC5pY29uW2ljb25Db2xvcl0uZGVmYXVsdCxcbiAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmNvbnRlbnQuaWNvbltpY29uQ29sb3JdLmhvdmVyLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50UGljdG9ncmFtQnV0dG9uKHtcbiAgaWNvbixcbiAgaWNvbkNvbG9yLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBzaXplID0gXCJ4c1wiLFxuICB2YXJpYW50ID0gXCJxdWF0ZXJuYXJ5XCIsXG4gIC4uLnJlc3Rcbn06IENvbnRlbnRQaWN0b2dyYW1CdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGNvbnRlbnRDb2xvciA9IGlzQ29udGVudENvbG9yKGljb25Db2xvcikgPyBpY29uQ29sb3IgOiB1bmRlZmluZWQ7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFBpY3RvZ3JhbUNvbXBvbmVudFxuICAgICAgey4uLnJlc3R9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvbkNvbG9yPXtjb250ZW50Q29sb3J9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCaUMifQ== */");function ContentPictogramButton({icon,iconColor,disabled=!1,size="xs",variant="quaternary",...rest}){let contentColor=(0,_isContentColor.isContentColor)(iconColor)?iconColor:void 0;return _react.default.createElement(StyledPictogramComponent,{...rest,icon:icon,iconColor:contentColor,disabled:disabled,size:size,variant:variant})}
|
|
@@ -6,6 +6,11 @@ export type LightboxProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
6
6
|
backdropRef?: RefObject<HTMLDivElement>;
|
|
7
7
|
handleClose?: () => void;
|
|
8
8
|
isDismissible?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* A ref to the element that should receive focus when the lightbox opens.
|
|
11
|
+
* When not provided, the first focusable element inside the lightbox is used.
|
|
12
|
+
*/
|
|
13
|
+
initialFocus?: RefObject<HTMLElement | SVGElement> | string;
|
|
9
14
|
justifyContent?: MQ<LightboxVerticalAlignment> | LightboxVerticalAlignment;
|
|
10
15
|
privateProps?: {
|
|
11
16
|
skipPortal?: boolean;
|
|
@@ -27,4 +32,4 @@ export declare const StyledChildrenWrapper: import("@emotion/styled").StyledComp
|
|
|
27
32
|
theme?: import("@emotion/react").Theme;
|
|
28
33
|
as?: React.ElementType;
|
|
29
34
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
30
|
-
export declare function Lightbox({ backdropRef, portalContainer, isDismissible, children, handleClose, justifyContent, privateProps: { skipPortal, tabbableOptions }, }: PropsWithChildren<LightboxProps>): React.ReactElement;
|
|
35
|
+
export declare function Lightbox({ backdropRef, portalContainer, initialFocus, isDismissible, children, handleClose, justifyContent, privateProps: { skipPortal, tabbableOptions }, }: PropsWithChildren<LightboxProps>): React.ReactElement;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Lightbox(){return Lightbox},get StyledBackdrop(){return StyledBackdrop},get StyledChildrenWrapper(){return StyledChildrenWrapper}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react1=require("@emotion/react"),_Portal=require("../Portal/Portal"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),_mediaQueries=require("../../shared/mediaQueries"),_DialogContext=require("../Patterns/Dialog/DialogContext"),StyledBackdrop=(0,_styled.default)("div",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Lightbox(){return Lightbox},get StyledBackdrop(){return StyledBackdrop},get StyledChildrenWrapper(){return StyledChildrenWrapper}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react1=require("@emotion/react"),_Portal=require("../Portal/Portal"),_FocusTrapWrapper=require("../../shared/FocusTrapWrapper"),_mediaQueries=require("../../shared/mediaQueries"),_DialogContext=require("../Patterns/Dialog/DialogContext"),StyledBackdrop=(0,_styled.default)("div",{target:"e1v68oqn0",label:"StyledBackdrop"})(({theme,justifyContent})=>{let fadeInBackdrop=(0,_react1.keyframes)`
|
|
2
2
|
from {
|
|
3
3
|
opacity: ${theme.variables.opacity.hidden};
|
|
4
4
|
}
|
|
5
5
|
to {
|
|
6
6
|
opacity: ${theme.variables.opacity.visible};
|
|
7
7
|
}
|
|
8
|
-
`;return{position:"fixed",top:0,left:0,zIndex:theme.variables.zIndex.modal,width:"100%",height:"100dvh",background:theme.values.color.background.backdrop.default,display:"flex",flexDirection:"column",...(0,_mediaQueries.useResponsiveStyles)({justifyContent:[justifyContent,{top:"flex-start",center:"center"}]}),alignItems:"center",flex:"1 0 auto",animation:`${fadeInBackdrop} ${theme.variables.animation.modalBackdrop.open.duration} ${theme.variables.animation.modalBackdrop.open.timingFunction} both`}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50LFxuICB0eXBlIFBvcnRhbFByb3BzLFxufSBmcm9tIFwiLi4vUG9ydGFsL1BvcnRhbFwiO1xuaW1wb3J0IHsgRm9jdXNUcmFwV3JhcHBlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvRm9jdXNUcmFwV3JhcHBlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExpZ2h0Ym94UHJvcHMgPSBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAganVzdGlmeUNvbnRlbnQ/OiBNUTxMaWdodGJveFZlcnRpY2FsQWxpZ25tZW50PiB8IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQ7XG4gIHByaXZhdGVQcm9wcz86IHtcbiAgICBza2lwUG9ydGFsPzogYm9vbGVhbjtcbiAgICAvKipcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKiBPcHRpb25zIHBhc3NlZCB0byBmb2N1cy10cmFwJ3MgdGFiYmFibGUgZGV0ZWN0aW9uLlxuICAgICAqIFVzZSBgeyBkaXNwbGF5Q2hlY2s6IFwibm9uZVwiIH1gIGZvciB0ZXN0aW5nIHRvIGF2b2lkIEpTRE9NIHZpc2liaWxpdHkgaXNzdWVzLlxuICAgICAqL1xuICAgIHRhYmJhYmxlT3B0aW9ucz86IHtcbiAgICAgIGRpc3BsYXlDaGVjaz86IFwiZnVsbFwiIHwgXCJsZWdhY3ktZnVsbFwiIHwgXCJub24temVyby1hcmVhXCIgfCBcIm5vbmVcIjtcbiAgICB9O1xuICB9O1xufSAmIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQuZGl2PFBpY2s8TGlnaHRib3hQcm9wcywgXCJqdXN0aWZ5Q29udGVudFwiPj4oXG4gICh7IHRoZW1lLCBqdXN0aWZ5Q29udGVudCB9KSA9PiB7XG4gICAgY29uc3QgZmFkZUluQmFja2Ryb3AgPSBrZXlmcmFtZXNgXG4gICAgZnJvbSB7XG4gICAgICBvcGFjaXR5OiAke3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmhpZGRlbn07XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIG9wYWNpdHk6ICR7dGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZX07XG4gICAgfVxuICBgO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgICB0b3A6IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgekluZGV4OiB0aGVtZS52YXJpYWJsZXMuekluZGV4Lm1vZGFsLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgaGVpZ2h0OiBcIjEwMGR2aFwiLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYmFja2Ryb3AuZGVmYXVsdCxcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIC4uLnVzZVJlc3BvbnNpdmVTdHlsZXMoe1xuICAgICAgICBqdXN0aWZ5Q29udGVudDogW1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHRvcDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgfSxcbiAgICAgICAgXSxcbiAgICAgIH0pLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGZsZXg6IFwiMSAwIGF1dG9cIixcbiAgICAgIGFuaW1hdGlvbjogYCR7ZmFkZUluQmFja2Ryb3B9ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbEJhY2tkcm9wLm9wZW4uZHVyYXRpb259ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbEJhY2tkcm9wLm9wZW4udGltaW5nRnVuY3Rpb259IGJvdGhgLFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJjb250ZW50c1wiLFxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBMaWdodGJveCh7XG4gIGJhY2tkcm9wUmVmLFxuICBwb3J0YWxDb250YWluZXIsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBjaGlsZHJlbixcbiAgaGFuZGxlQ2xvc2UsXG4gIGp1c3RpZnlDb250ZW50ID0gXCJjZW50ZXJcIixcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwsIHRhYmJhYmxlT3B0aW9ucyB9ID0ge1xuICAgIHNraXBQb3J0YWw6IGZhbHNlLFxuICB9LFxufTogUHJvcHNXaXRoQ2hpbGRyZW48TGlnaHRib3hQcm9wcz4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwb3J0YWxDb250YWluZXJFbGVtZW50ID0gdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudChwb3J0YWxDb250YWluZXIpO1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyA9IHVzZUNhbGxiYWNrKFxuICAgIChldnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAvLyBEbyBub3QgY2xvc2Ugb24gY2xpY2sgdGhhdCBvY2N1cnMgb24gZWxlbWVudHMgd2l0aGluIHRoZSBzYW1lIHBvcnRhbCwgZm9yIGVnLCBkcm9wZG93biBhbmQgc2VsZWN0IG1lbnVzXG4gICAgICBpZiAoXG4gICAgICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgJiZcbiAgICAgICAgZXZ0LnRhcmdldCAhPT0gYmFja2Ryb3BSZWY/LmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBpc0Rpc21pc3NpYmxlO1xuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmLCBwb3J0YWxDb250YWluZXJFbGVtZW50LCBpc0Rpc21pc3NpYmxlXVxuICApO1xuXG4gIGNvbnN0IGdldEZvY3VzVGFyZ2V0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lciA9IG1vZGFsUmVmPy5jdXJyZW50XG4gICAgICA/LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICAgIGNvbnN0IGZvY3VzYWJsZVNlbGVjdG9yID1cbiAgICAgICdhW2hyZWZdLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJztcbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZSA9XG4gICAgICBjb250YWluZXI/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KGZvY3VzYWJsZVNlbGVjdG9yKTtcbiAgICBpZiAoZmlyc3RGb2N1c2FibGUpIHtcbiAgICAgIHJldHVybiBmaXJzdEZvY3VzYWJsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29udGFpbmVyIHx8IGRvY3VtZW50LmJvZHk7XG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgIHJlZj17YmFja2Ryb3BSZWZ9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBkYXRhLWRzLWlkPVwiTGlnaHRib3hcIlxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICAgIGFjdGl2ZVxuICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsIC8vIGFsbG93IGNsaWNrIG9uIG1vYmlsZSBpbiBhbnkgZHJvcGRvd25zXG4gICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLFxuICAgICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiBpc0Rpc21pc3NpYmxlLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIGVzY2FwZSBrZXlcbiAgICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoKSxcbiAgICAgICAgICBmYWxsYmFja0ZvY3VzOiAoKSA9PiBnZXRGb2N1c1RhcmdldCgpLFxuICAgICAgICAgIC4uLih0YWJiYWJsZU9wdGlvbnMgJiYgeyB0YWJiYWJsZU9wdGlvbnMgfSksXG4gICAgICAgICAgLi4uKGhhbmRsZUNsb3NlICYmIHsgb25Qb3N0RGVhY3RpdmF0ZTogaGFuZGxlQ2xvc2UgfSksXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRDaGlsZHJlbldyYXBwZXIgcmVmPXttb2RhbFJlZn0+XG4gICAgICAgICAgPERpYWxvZ0NvbnRleHQuUHJvdmlkZXIgdmFsdWU+e2NoaWxkcmVufTwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgPC9TdHlsZWRDaGlsZHJlbldyYXBwZXI+XG4gICAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICAgPC9TdHlsZWRCYWNrZHJvcD5cbiAgKTtcblxuICAvLyBGb3IgdGVzdGluZyBhbmQgTW9kYWwgc3Rvcnkgd2UgZG9uJ3Qgd2FudCB0byByZW5kZXIgdGhlIGNvbnRlbnQgaW5zaWRlIGEgcG9ydGFsXG4gIGlmIChza2lwUG9ydGFsKSB7XG4gICAgcmV0dXJuIGNvbnRlbnQ7XG4gIH1cblxuICByZXR1cm4gPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2NvbnRlbnR9PC9Qb3J0YWw+O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDOEIifQ== */"),StyledChildrenWrapper=(0,_styled.default)("div",{target:"e79ud7r1",label:"StyledChildrenWrapper"})({display:"contents"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50LFxuICB0eXBlIFBvcnRhbFByb3BzLFxufSBmcm9tIFwiLi4vUG9ydGFsL1BvcnRhbFwiO1xuaW1wb3J0IHsgRm9jdXNUcmFwV3JhcHBlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvRm9jdXNUcmFwV3JhcHBlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExpZ2h0Ym94UHJvcHMgPSBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAganVzdGlmeUNvbnRlbnQ/OiBNUTxMaWdodGJveFZlcnRpY2FsQWxpZ25tZW50PiB8IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQ7XG4gIHByaXZhdGVQcm9wcz86IHtcbiAgICBza2lwUG9ydGFsPzogYm9vbGVhbjtcbiAgICAvKipcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKiBPcHRpb25zIHBhc3NlZCB0byBmb2N1cy10cmFwJ3MgdGFiYmFibGUgZGV0ZWN0aW9uLlxuICAgICAqIFVzZSBgeyBkaXNwbGF5Q2hlY2s6IFwibm9uZVwiIH1gIGZvciB0ZXN0aW5nIHRvIGF2b2lkIEpTRE9NIHZpc2liaWxpdHkgaXNzdWVzLlxuICAgICAqL1xuICAgIHRhYmJhYmxlT3B0aW9ucz86IHtcbiAgICAgIGRpc3BsYXlDaGVjaz86IFwiZnVsbFwiIHwgXCJsZWdhY3ktZnVsbFwiIHwgXCJub24temVyby1hcmVhXCIgfCBcIm5vbmVcIjtcbiAgICB9O1xuICB9O1xufSAmIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQuZGl2PFBpY2s8TGlnaHRib3hQcm9wcywgXCJqdXN0aWZ5Q29udGVudFwiPj4oXG4gICh7IHRoZW1lLCBqdXN0aWZ5Q29udGVudCB9KSA9PiB7XG4gICAgY29uc3QgZmFkZUluQmFja2Ryb3AgPSBrZXlmcmFtZXNgXG4gICAgZnJvbSB7XG4gICAgICBvcGFjaXR5OiAke3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmhpZGRlbn07XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIG9wYWNpdHk6ICR7dGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZX07XG4gICAgfVxuICBgO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgICB0b3A6IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgekluZGV4OiB0aGVtZS52YXJpYWJsZXMuekluZGV4Lm1vZGFsLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgaGVpZ2h0OiBcIjEwMGR2aFwiLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYmFja2Ryb3AuZGVmYXVsdCxcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIC4uLnVzZVJlc3BvbnNpdmVTdHlsZXMoe1xuICAgICAgICBqdXN0aWZ5Q29udGVudDogW1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHRvcDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgfSxcbiAgICAgICAgXSxcbiAgICAgIH0pLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGZsZXg6IFwiMSAwIGF1dG9cIixcbiAgICAgIGFuaW1hdGlvbjogYCR7ZmFkZUluQmFja2Ryb3B9ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbEJhY2tkcm9wLm9wZW4uZHVyYXRpb259ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5tb2RhbEJhY2tkcm9wLm9wZW4udGltaW5nRnVuY3Rpb259IGJvdGhgLFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJjb250ZW50c1wiLFxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBMaWdodGJveCh7XG4gIGJhY2tkcm9wUmVmLFxuICBwb3J0YWxDb250YWluZXIsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBjaGlsZHJlbixcbiAgaGFuZGxlQ2xvc2UsXG4gIGp1c3RpZnlDb250ZW50ID0gXCJjZW50ZXJcIixcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwsIHRhYmJhYmxlT3B0aW9ucyB9ID0ge1xuICAgIHNraXBQb3J0YWw6IGZhbHNlLFxuICB9LFxufTogUHJvcHNXaXRoQ2hpbGRyZW48TGlnaHRib3hQcm9wcz4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwb3J0YWxDb250YWluZXJFbGVtZW50ID0gdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudChwb3J0YWxDb250YWluZXIpO1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyA9IHVzZUNhbGxiYWNrKFxuICAgIChldnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAvLyBEbyBub3QgY2xvc2Ugb24gY2xpY2sgdGhhdCBvY2N1cnMgb24gZWxlbWVudHMgd2l0aGluIHRoZSBzYW1lIHBvcnRhbCwgZm9yIGVnLCBkcm9wZG93biBhbmQgc2VsZWN0IG1lbnVzXG4gICAgICBpZiAoXG4gICAgICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgJiZcbiAgICAgICAgZXZ0LnRhcmdldCAhPT0gYmFja2Ryb3BSZWY/LmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBpc0Rpc21pc3NpYmxlO1xuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmLCBwb3J0YWxDb250YWluZXJFbGVtZW50LCBpc0Rpc21pc3NpYmxlXVxuICApO1xuXG4gIGNvbnN0IGdldEZvY3VzVGFyZ2V0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lciA9IG1vZGFsUmVmPy5jdXJyZW50XG4gICAgICA/LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICAgIGNvbnN0IGZvY3VzYWJsZVNlbGVjdG9yID1cbiAgICAgICdhW2hyZWZdLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJztcbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZSA9XG4gICAgICBjb250YWluZXI/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KGZvY3VzYWJsZVNlbGVjdG9yKTtcbiAgICBpZiAoZmlyc3RGb2N1c2FibGUpIHtcbiAgICAgIHJldHVybiBmaXJzdEZvY3VzYWJsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29udGFpbmVyIHx8IGRvY3VtZW50LmJvZHk7XG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgIHJlZj17YmFja2Ryb3BSZWZ9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBkYXRhLWRzLWlkPVwiTGlnaHRib3hcIlxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICAgIGFjdGl2ZVxuICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsIC8vIGFsbG93IGNsaWNrIG9uIG1vYmlsZSBpbiBhbnkgZHJvcGRvd25zXG4gICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLFxuICAgICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiBpc0Rpc21pc3NpYmxlLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIGVzY2FwZSBrZXlcbiAgICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoKSxcbiAgICAgICAgICBmYWxsYmFja0ZvY3VzOiAoKSA9PiBnZXRGb2N1c1RhcmdldCgpLFxuICAgICAgICAgIC4uLih0YWJiYWJsZU9wdGlvbnMgJiYgeyB0YWJiYWJsZU9wdGlvbnMgfSksXG4gICAgICAgICAgLi4uKGhhbmRsZUNsb3NlICYmIHsgb25Qb3N0RGVhY3RpdmF0ZTogaGFuZGxlQ2xvc2UgfSksXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRDaGlsZHJlbldyYXBwZXIgcmVmPXttb2RhbFJlZn0+XG4gICAgICAgICAgPERpYWxvZ0NvbnRleHQuUHJvdmlkZXIgdmFsdWU+e2NoaWxkcmVufTwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgPC9TdHlsZWRDaGlsZHJlbldyYXBwZXI+XG4gICAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICAgPC9TdHlsZWRCYWNrZHJvcD5cbiAgKTtcblxuICAvLyBGb3IgdGVzdGluZyBhbmQgTW9kYWwgc3Rvcnkgd2UgZG9uJ3Qgd2FudCB0byByZW5kZXIgdGhlIGNvbnRlbnQgaW5zaWRlIGEgcG9ydGFsXG4gIGlmIChza2lwUG9ydGFsKSB7XG4gICAgcmV0dXJuIGNvbnRlbnQ7XG4gIH1cblxuICByZXR1cm4gPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2NvbnRlbnR9PC9Qb3J0YWw+O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJFcUMifQ== */");function Lightbox({backdropRef,portalContainer,isDismissible=!0,children,handleClose,justifyContent="center",privateProps:{skipPortal,tabbableOptions}={skipPortal:!1}}){let portalContainerElement=(0,_Portal.usePortalContainerElement)(portalContainer),modalRef=(0,_react.useRef)(null),handleClickOutsideDeactivates=(0,_react.useCallback)(evt=>(!portalContainerElement.contains(evt.target)||evt.target===backdropRef?.current)&&isDismissible,[backdropRef,portalContainerElement,isDismissible]),getFocusTarget=()=>{let container=modalRef?.current?.firstElementChild,firstFocusable=container?.querySelector('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');return firstFocusable||container||document.body},content=_react.default.createElement(StyledBackdrop,{ref:backdropRef,justifyContent:justifyContent,"data-ds-id":"Lightbox"},_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:!0,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:handleClickOutsideDeactivates,escapeDeactivates:isDismissible,preventScroll:!0,initialFocus:()=>getFocusTarget(),fallbackFocus:()=>getFocusTarget(),...tabbableOptions&&{tabbableOptions},...handleClose&&{onPostDeactivate:handleClose}}},_react.default.createElement(StyledChildrenWrapper,{ref:modalRef},_react.default.createElement(_DialogContext.DialogContext.Provider,{value:!0},children))));return skipPortal?content:_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},content)}
|
|
8
|
+
`;return{position:"fixed",top:0,left:0,zIndex:theme.variables.zIndex.modal,width:"100%",height:"100dvh",background:theme.values.color.background.backdrop.default,display:"flex",flexDirection:"column",...(0,_mediaQueries.useResponsiveStyles)({justifyContent:[justifyContent,{top:"flex-start",center:"center"}]}),alignItems:"center",flex:"1 0 auto",animation:`${fadeInBackdrop} ${theme.variables.animation.modalBackdrop.open.duration} ${theme.variables.animation.modalBackdrop.open.timingFunction} both`}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50LFxuICB0eXBlIFBvcnRhbFByb3BzLFxufSBmcm9tIFwiLi4vUG9ydGFsL1BvcnRhbFwiO1xuaW1wb3J0IHsgRm9jdXNUcmFwV3JhcHBlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvRm9jdXNUcmFwV3JhcHBlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExpZ2h0Ym94UHJvcHMgPSBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEEgcmVmIHRvIHRoZSBlbGVtZW50IHRoYXQgc2hvdWxkIHJlY2VpdmUgZm9jdXMgd2hlbiB0aGUgbGlnaHRib3ggb3BlbnMuXG4gICAqIFdoZW4gbm90IHByb3ZpZGVkLCB0aGUgZmlyc3QgZm9jdXNhYmxlIGVsZW1lbnQgaW5zaWRlIHRoZSBsaWdodGJveCBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIGp1c3RpZnlDb250ZW50PzogTVE8TGlnaHRib3hWZXJ0aWNhbEFsaWdubWVudD4gfCBMaWdodGJveFZlcnRpY2FsQWxpZ25tZW50O1xuICBwcml2YXRlUHJvcHM/OiB7XG4gICAgc2tpcFBvcnRhbD86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogQGludGVybmFsXG4gICAgICogT3B0aW9ucyBwYXNzZWQgdG8gZm9jdXMtdHJhcCdzIHRhYmJhYmxlIGRldGVjdGlvbi5cbiAgICAgKiBVc2UgYHsgZGlzcGxheUNoZWNrOiBcIm5vbmVcIiB9YCBmb3IgdGVzdGluZyB0byBhdm9pZCBKU0RPTSB2aXNpYmlsaXR5IGlzc3Vlcy5cbiAgICAgKi9cbiAgICB0YWJiYWJsZU9wdGlvbnM/OiB7XG4gICAgICBkaXNwbGF5Q2hlY2s/OiBcImZ1bGxcIiB8IFwibGVnYWN5LWZ1bGxcIiB8IFwibm9uLXplcm8tYXJlYVwiIHwgXCJub25lXCI7XG4gICAgfTtcbiAgfTtcbn0gJiBQaWNrPFBvcnRhbFByb3BzLCBcInBvcnRhbENvbnRhaW5lclwiPjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdjxQaWNrPExpZ2h0Ym94UHJvcHMsIFwianVzdGlmeUNvbnRlbnRcIj4+KFxuICAoeyB0aGVtZSwganVzdGlmeUNvbnRlbnQgfSkgPT4ge1xuICAgIGNvbnN0IGZhZGVJbkJhY2tkcm9wID0ga2V5ZnJhbWVzYFxuICAgIGZyb20ge1xuICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW59O1xuICAgIH1cbiAgICB0byB7XG4gICAgICBvcGFjaXR5OiAke3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGV9O1xuICAgIH1cbiAgYDtcblxuICAgIHJldHVybiB7XG4gICAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGhlaWdodDogXCIxMDBkdmhcIixcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLmRlZmF1bHQsXG4gICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFtcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgICB7XG4gICAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBmbGV4OiBcIjEgMCBhdXRvXCIsXG4gICAgICBhbmltYXRpb246IGAke2ZhZGVJbkJhY2tkcm9wfSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLmR1cmF0aW9ufSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLnRpbWluZ0Z1bmN0aW9ufSBib3RoYCxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6IFwiY29udGVudHNcIixcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gTGlnaHRib3goe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBjaGlsZHJlbixcbiAgaGFuZGxlQ2xvc2UsXG4gIGp1c3RpZnlDb250ZW50ID0gXCJjZW50ZXJcIixcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwsIHRhYmJhYmxlT3B0aW9ucyB9ID0ge1xuICAgIHNraXBQb3J0YWw6IGZhbHNlLFxuICB9LFxufTogUHJvcHNXaXRoQ2hpbGRyZW48TGlnaHRib3hQcm9wcz4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwb3J0YWxDb250YWluZXJFbGVtZW50ID0gdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudChwb3J0YWxDb250YWluZXIpO1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyA9IHVzZUNhbGxiYWNrKFxuICAgIChldnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAvLyBEbyBub3QgY2xvc2Ugb24gY2xpY2sgdGhhdCBvY2N1cnMgb24gZWxlbWVudHMgd2l0aGluIHRoZSBzYW1lIHBvcnRhbCwgZm9yIGVnLCBkcm9wZG93biBhbmQgc2VsZWN0IG1lbnVzXG4gICAgICBpZiAoXG4gICAgICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgJiZcbiAgICAgICAgZXZ0LnRhcmdldCAhPT0gYmFja2Ryb3BSZWY/LmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBpc0Rpc21pc3NpYmxlO1xuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmLCBwb3J0YWxDb250YWluZXJFbGVtZW50LCBpc0Rpc21pc3NpYmxlXVxuICApO1xuXG4gIGNvbnN0IGdldEZvY3VzVGFyZ2V0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lciA9IG1vZGFsUmVmPy5jdXJyZW50XG4gICAgICA/LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICAgIGNvbnN0IGZvY3VzYWJsZVNlbGVjdG9yID1cbiAgICAgICdhW2hyZWZdLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJztcbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZSA9XG4gICAgICBjb250YWluZXI/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KGZvY3VzYWJsZVNlbGVjdG9yKTtcbiAgICBpZiAoZmlyc3RGb2N1c2FibGUpIHtcbiAgICAgIHJldHVybiBmaXJzdEZvY3VzYWJsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29udGFpbmVyIHx8IGRvY3VtZW50LmJvZHk7XG4gIH07XG5cbiAgY29uc3QgZ2V0SW5pdGlhbEZvY3VzID0gKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgaW5pdGlhbEZvY3VzID09PSBcInN0cmluZ1wiKSB7XG4gICAgICByZXR1cm4gaW5pdGlhbEZvY3VzO1xuICAgIH1cbiAgICByZXR1cm4gaW5pdGlhbEZvY3VzPy5jdXJyZW50ID8/IGdldEZvY3VzVGFyZ2V0KCk7XG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgIHJlZj17YmFja2Ryb3BSZWZ9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBkYXRhLWRzLWlkPVwiTGlnaHRib3hcIlxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICAgIGFjdGl2ZVxuICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsIC8vIGFsbG93IGNsaWNrIG9uIG1vYmlsZSBpbiBhbnkgZHJvcGRvd25zXG4gICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLFxuICAgICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiBpc0Rpc21pc3NpYmxlLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIGVzY2FwZSBrZXlcbiAgICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gZ2V0SW5pdGlhbEZvY3VzKCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoKSxcbiAgICAgICAgICAuLi4odGFiYmFibGVPcHRpb25zICYmIHsgdGFiYmFibGVPcHRpb25zIH0pLFxuICAgICAgICAgIC4uLihoYW5kbGVDbG9zZSAmJiB7IG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZUNsb3NlIH0pLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ2hpbGRyZW5XcmFwcGVyIHJlZj17bW9kYWxSZWZ9PlxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPntjaGlsZHJlbn08L0RpYWxvZ0NvbnRleHQuUHJvdmlkZXI+XG4gICAgICAgIDwvU3R5bGVkQ2hpbGRyZW5XcmFwcGVyPlxuICAgICAgPC9Gb2N1c1RyYXBXcmFwcGVyPlxuICAgIDwvU3R5bGVkQmFja2Ryb3A+XG4gICk7XG5cbiAgLy8gRm9yIHRlc3RpbmcgYW5kIE1vZGFsIHN0b3J5IHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPjtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzhCIn0= */"),StyledChildrenWrapper=(0,_styled.default)("div",{target:"e1v68oqn1",label:"StyledChildrenWrapper"})({display:"contents"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50LFxuICB0eXBlIFBvcnRhbFByb3BzLFxufSBmcm9tIFwiLi4vUG9ydGFsL1BvcnRhbFwiO1xuaW1wb3J0IHsgRm9jdXNUcmFwV3JhcHBlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvRm9jdXNUcmFwV3JhcHBlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExpZ2h0Ym94UHJvcHMgPSBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEEgcmVmIHRvIHRoZSBlbGVtZW50IHRoYXQgc2hvdWxkIHJlY2VpdmUgZm9jdXMgd2hlbiB0aGUgbGlnaHRib3ggb3BlbnMuXG4gICAqIFdoZW4gbm90IHByb3ZpZGVkLCB0aGUgZmlyc3QgZm9jdXNhYmxlIGVsZW1lbnQgaW5zaWRlIHRoZSBsaWdodGJveCBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIGp1c3RpZnlDb250ZW50PzogTVE8TGlnaHRib3hWZXJ0aWNhbEFsaWdubWVudD4gfCBMaWdodGJveFZlcnRpY2FsQWxpZ25tZW50O1xuICBwcml2YXRlUHJvcHM/OiB7XG4gICAgc2tpcFBvcnRhbD86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogQGludGVybmFsXG4gICAgICogT3B0aW9ucyBwYXNzZWQgdG8gZm9jdXMtdHJhcCdzIHRhYmJhYmxlIGRldGVjdGlvbi5cbiAgICAgKiBVc2UgYHsgZGlzcGxheUNoZWNrOiBcIm5vbmVcIiB9YCBmb3IgdGVzdGluZyB0byBhdm9pZCBKU0RPTSB2aXNpYmlsaXR5IGlzc3Vlcy5cbiAgICAgKi9cbiAgICB0YWJiYWJsZU9wdGlvbnM/OiB7XG4gICAgICBkaXNwbGF5Q2hlY2s/OiBcImZ1bGxcIiB8IFwibGVnYWN5LWZ1bGxcIiB8IFwibm9uLXplcm8tYXJlYVwiIHwgXCJub25lXCI7XG4gICAgfTtcbiAgfTtcbn0gJiBQaWNrPFBvcnRhbFByb3BzLCBcInBvcnRhbENvbnRhaW5lclwiPjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdjxQaWNrPExpZ2h0Ym94UHJvcHMsIFwianVzdGlmeUNvbnRlbnRcIj4+KFxuICAoeyB0aGVtZSwganVzdGlmeUNvbnRlbnQgfSkgPT4ge1xuICAgIGNvbnN0IGZhZGVJbkJhY2tkcm9wID0ga2V5ZnJhbWVzYFxuICAgIGZyb20ge1xuICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW59O1xuICAgIH1cbiAgICB0byB7XG4gICAgICBvcGFjaXR5OiAke3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGV9O1xuICAgIH1cbiAgYDtcblxuICAgIHJldHVybiB7XG4gICAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGhlaWdodDogXCIxMDBkdmhcIixcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLmRlZmF1bHQsXG4gICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFtcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgICB7XG4gICAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBmbGV4OiBcIjEgMCBhdXRvXCIsXG4gICAgICBhbmltYXRpb246IGAke2ZhZGVJbkJhY2tkcm9wfSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLmR1cmF0aW9ufSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLnRpbWluZ0Z1bmN0aW9ufSBib3RoYCxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6IFwiY29udGVudHNcIixcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gTGlnaHRib3goe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBjaGlsZHJlbixcbiAgaGFuZGxlQ2xvc2UsXG4gIGp1c3RpZnlDb250ZW50ID0gXCJjZW50ZXJcIixcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwsIHRhYmJhYmxlT3B0aW9ucyB9ID0ge1xuICAgIHNraXBQb3J0YWw6IGZhbHNlLFxuICB9LFxufTogUHJvcHNXaXRoQ2hpbGRyZW48TGlnaHRib3hQcm9wcz4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwb3J0YWxDb250YWluZXJFbGVtZW50ID0gdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudChwb3J0YWxDb250YWluZXIpO1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyA9IHVzZUNhbGxiYWNrKFxuICAgIChldnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAvLyBEbyBub3QgY2xvc2Ugb24gY2xpY2sgdGhhdCBvY2N1cnMgb24gZWxlbWVudHMgd2l0aGluIHRoZSBzYW1lIHBvcnRhbCwgZm9yIGVnLCBkcm9wZG93biBhbmQgc2VsZWN0IG1lbnVzXG4gICAgICBpZiAoXG4gICAgICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgJiZcbiAgICAgICAgZXZ0LnRhcmdldCAhPT0gYmFja2Ryb3BSZWY/LmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBpc0Rpc21pc3NpYmxlO1xuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmLCBwb3J0YWxDb250YWluZXJFbGVtZW50LCBpc0Rpc21pc3NpYmxlXVxuICApO1xuXG4gIGNvbnN0IGdldEZvY3VzVGFyZ2V0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lciA9IG1vZGFsUmVmPy5jdXJyZW50XG4gICAgICA/LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICAgIGNvbnN0IGZvY3VzYWJsZVNlbGVjdG9yID1cbiAgICAgICdhW2hyZWZdLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJztcbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZSA9XG4gICAgICBjb250YWluZXI/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KGZvY3VzYWJsZVNlbGVjdG9yKTtcbiAgICBpZiAoZmlyc3RGb2N1c2FibGUpIHtcbiAgICAgIHJldHVybiBmaXJzdEZvY3VzYWJsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29udGFpbmVyIHx8IGRvY3VtZW50LmJvZHk7XG4gIH07XG5cbiAgY29uc3QgZ2V0SW5pdGlhbEZvY3VzID0gKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgaW5pdGlhbEZvY3VzID09PSBcInN0cmluZ1wiKSB7XG4gICAgICByZXR1cm4gaW5pdGlhbEZvY3VzO1xuICAgIH1cbiAgICByZXR1cm4gaW5pdGlhbEZvY3VzPy5jdXJyZW50ID8/IGdldEZvY3VzVGFyZ2V0KCk7XG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgIHJlZj17YmFja2Ryb3BSZWZ9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBkYXRhLWRzLWlkPVwiTGlnaHRib3hcIlxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICAgIGFjdGl2ZVxuICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsIC8vIGFsbG93IGNsaWNrIG9uIG1vYmlsZSBpbiBhbnkgZHJvcGRvd25zXG4gICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLFxuICAgICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiBpc0Rpc21pc3NpYmxlLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIGVzY2FwZSBrZXlcbiAgICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gZ2V0SW5pdGlhbEZvY3VzKCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoKSxcbiAgICAgICAgICAuLi4odGFiYmFibGVPcHRpb25zICYmIHsgdGFiYmFibGVPcHRpb25zIH0pLFxuICAgICAgICAgIC4uLihoYW5kbGVDbG9zZSAmJiB7IG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZUNsb3NlIH0pLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ2hpbGRyZW5XcmFwcGVyIHJlZj17bW9kYWxSZWZ9PlxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPntjaGlsZHJlbn08L0RpYWxvZ0NvbnRleHQuUHJvdmlkZXI+XG4gICAgICAgIDwvU3R5bGVkQ2hpbGRyZW5XcmFwcGVyPlxuICAgICAgPC9Gb2N1c1RyYXBXcmFwcGVyPlxuICAgIDwvU3R5bGVkQmFja2Ryb3A+XG4gICk7XG5cbiAgLy8gRm9yIHRlc3RpbmcgYW5kIE1vZGFsIHN0b3J5IHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPjtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRnFDIn0= */");function Lightbox({backdropRef,portalContainer,initialFocus,isDismissible=!0,children,handleClose,justifyContent="center",privateProps:{skipPortal,tabbableOptions}={skipPortal:!1}}){let portalContainerElement=(0,_Portal.usePortalContainerElement)(portalContainer),modalRef=(0,_react.useRef)(null),handleClickOutsideDeactivates=(0,_react.useCallback)(evt=>(!portalContainerElement.contains(evt.target)||evt.target===backdropRef?.current)&&isDismissible,[backdropRef,portalContainerElement,isDismissible]),getFocusTarget=()=>{let container=modalRef?.current?.firstElementChild,firstFocusable=container?.querySelector('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');return firstFocusable||container||document.body},getInitialFocus=()=>"string"==typeof initialFocus?initialFocus:initialFocus?.current??getFocusTarget(),content=_react.default.createElement(StyledBackdrop,{ref:backdropRef,justifyContent:justifyContent,"data-ds-id":"Lightbox"},_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:!0,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:handleClickOutsideDeactivates,escapeDeactivates:isDismissible,preventScroll:!0,initialFocus:()=>getInitialFocus(),fallbackFocus:()=>getFocusTarget(),...tabbableOptions&&{tabbableOptions},...handleClose&&{onPostDeactivate:handleClose}}},_react.default.createElement(StyledChildrenWrapper,{ref:modalRef},_react.default.createElement(_DialogContext.DialogContext.Provider,{value:!0},children))));return skipPortal?content:_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},content)}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { type RefObject } from "react";
|
|
2
2
|
import type { MQ, SpaceSizes, ButtonSize } from "../../../types";
|
|
3
3
|
import type { ButtonProps } from "../../Button/Button";
|
|
4
4
|
export type ButtonGroupButtonProps = {
|
|
5
5
|
text: string;
|
|
6
|
+
ref?: RefObject<HTMLButtonElement>;
|
|
6
7
|
} & ButtonProps;
|
|
7
8
|
export type ButtonGroupProps = {
|
|
8
9
|
/** Text and other props for action Button */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AriaAttributes } from "react";
|
|
1
|
+
import type { AriaAttributes, RefObject } from "react";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import type { Property } from "csstype";
|
|
4
4
|
import type { PortalProps } from "../../Portal/Portal";
|
|
@@ -50,6 +50,15 @@ type BaseProps = {
|
|
|
50
50
|
isMaxWidthLimit?: boolean;
|
|
51
51
|
size?: "m" | "l";
|
|
52
52
|
closeButtonAriaLabel?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Determines which element receives focus when the modal opens.
|
|
55
|
+
* - Pass a **RefObject** to focus a specific custom element.
|
|
56
|
+
* - Pass a string that will act as css selector to focus that specific element
|
|
57
|
+
* For and actionButton, secondaryButton, pass a ref to those elements and to this prop
|
|
58
|
+
* For closeButton focus, pass "[data-modal-close-btn]"
|
|
59
|
+
* - If **undefined**, focus falls back to the first focusable element in the modal.
|
|
60
|
+
*/
|
|
61
|
+
initialFocus?: RefObject<HTMLElement | SVGElement> | string;
|
|
53
62
|
} & Omit<AriaAttributes, "aria-label" | "aria-labelledby">;
|
|
54
63
|
/** At least one of header, aria-label, or aria-labelledby must be provided for accessibility */
|
|
55
64
|
type LabelProps = {
|
|
@@ -77,7 +86,7 @@ type ConditionalProps = {
|
|
|
77
86
|
ImageComponent?: React.ElementType<any>;
|
|
78
87
|
};
|
|
79
88
|
export type ModalProps = BaseProps & LabelProps & ConditionalProps & Pick<PortalProps, "portalContainer">;
|
|
80
|
-
export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, ImageComponent, secondaryButton, cancelButtonLabel, isDismissible, isFullScreen, isMaxWidthLimit, actionButton, role, onAction, size, privateProps: { skipPortal, height, zeroPadding, tabbableOptions }, portalContainer, closeButtonAriaLabel, "data-e2e-test-id": dataE2eTestId, imageAlt, ...ariaAttributes }: ModalProps): React.ReactElement;
|
|
89
|
+
export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, ImageComponent, secondaryButton, cancelButtonLabel, isDismissible, isFullScreen, isMaxWidthLimit, actionButton, role, onAction, size, privateProps: { skipPortal, height, zeroPadding, tabbableOptions }, portalContainer, closeButtonAriaLabel, "data-e2e-test-id": dataE2eTestId, imageAlt, initialFocus, ...ariaAttributes }: ModalProps): React.ReactElement;
|
|
81
90
|
export declare namespace Modal {
|
|
82
91
|
var Stack: ({ children, ...rest }: Omit<StackProps, "space">) => React.JSX.Element;
|
|
83
92
|
var Text: ({ children, ...rest }: Omit<TextProps, "size" | "variant">) => React.JSX.Element;
|