@amboss/design-system 3.35.3 → 3.35.5
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/Collapsible/Collapsible.js +1 -1
- package/build/cjs/components/ColorPicker/ColorPicker.d.ts +5 -1
- package/build/cjs/components/ColorPicker/ColorPicker.js +1 -1
- package/build/cjs/components/Content/ContentHeading/ContentHeading.js +1 -1
- package/build/cjs/components/Content/ContentLink/ContentLink.js +1 -1
- package/build/cjs/components/Content/ContentText/ContentText.js +1 -1
- package/build/cjs/components/EntityTree/treeListData.mock.js +1 -1
- package/build/cjs/components/Icon/Icon.d.ts +1 -1
- package/build/cjs/components/Icon/Icon.js +1 -1
- package/build/cjs/components/Notification/Notification.js +1 -1
- package/build/cjs/web-tokens/assets/icons.json +230 -230
- package/build/cjs/web-tokens/assets/icons16.json +230 -230
- package/build/esm/components/Collapsible/Collapsible.js +1 -1
- package/build/esm/components/ColorPicker/ColorPicker.d.ts +5 -1
- package/build/esm/components/ColorPicker/ColorPicker.js +1 -1
- package/build/esm/components/Content/ContentHeading/ContentHeading.js +1 -1
- package/build/esm/components/Content/ContentLink/ContentLink.js +1 -1
- package/build/esm/components/Content/ContentText/ContentText.js +1 -1
- package/build/esm/components/EntityTree/treeListData.mock.js +1 -1
- package/build/esm/components/Icon/Icon.d.ts +1 -1
- package/build/esm/components/Icon/Icon.js +1 -1
- package/build/esm/components/Notification/Notification.js +1 -1
- package/build/esm/web-tokens/assets/icons.json +230 -230
- package/build/esm/web-tokens/assets/icons16.json +230 -230
- package/package.json +1 -1
|
@@ -20,4 +20,4 @@ export type IconProps = {
|
|
|
20
20
|
"data-e2e-test-id"?: string;
|
|
21
21
|
"data-testid"?: string;
|
|
22
22
|
} & Omit<HTMLAttributes<HTMLDivElement>, "color">;
|
|
23
|
-
export declare const Icon: ({ name, hoverable, inline, size, color, variant, "data-e2e-test-id": dataE2eTestId, "data-testid": dataTestId, ...rest }: IconProps) => React.ReactElement;
|
|
23
|
+
export declare const Icon: ({ name, hoverable, inline, size, color, variant, "data-e2e-test-id": dataE2eTestId, "data-testid": dataTestId, "aria-label": ariaLabel, ...rest }: IconProps) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import icons from"../../web-tokens/assets/icons.json";import icons16 from"../../web-tokens/assets/icons16.json";import{useHover}from"../../shared/useHover";import{useResponsiveStyles}from"../../shared/mediaQueries";let handleColor=(theme,color)=>"inherit"===color?"inherit":theme.values.color.icon[color].default,handleVariant=(theme,variant)=>{switch(variant){case"inherit":return"inherit";case"primary":return theme.values.color.icon.accent.default;case"secondary":return theme.values.color.icon.primary.default;default:return theme.values.color.icon[variant].default}},StyledIcon=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"color"!==prop,target:"
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import icons from"../../web-tokens/assets/icons.json";import icons16 from"../../web-tokens/assets/icons16.json";import{useHover}from"../../shared/useHover";import{useResponsiveStyles}from"../../shared/mediaQueries";let handleColor=(theme,color)=>"inherit"===color?"inherit":theme.values.color.icon[color].default,handleVariant=(theme,variant)=>{switch(variant){case"inherit":return"inherit";case"primary":return theme.values.color.icon.accent.default;case"secondary":return theme.values.color.icon.primary.default;default:return theme.values.color.icon[variant].default}},StyledIcon=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"color"!==prop,target:"e1f0bgf10",label:"StyledIcon"})(({theme,variant,isHoverable,parentRef,parentIsHovered,size,as,color})=>({...useResponsiveStyles({width:[size,theme.variables.size.dimension.icon],height:[size,theme.variables.size.dimension.icon]}),"& > svg":{...useResponsiveStyles({width:[size,theme.variables.size.dimension.icon],height:[size,theme.variables.size.dimension.icon]})},color:variant?handleVariant(theme,variant):handleColor(theme,color),..."span"===as&&{verticalAlign:"middle"},...(parentIsHovered||isHoverable)&&{cursor:"pointer"},...parentRef&&{opacity:parentIsHovered?1:.6},...isHoverable&&{opacity:theme.variables.opacity.hover,":hover":{opacity:theme.variables.opacity.visible}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBJY29uc1ZhcmlhdGlvbnMsIEljb25zQ29sb3JzLCBJY29uU2l6ZXMsIE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgaWNvbnMgZnJvbSBcIi4uLy4uL3dlYi10b2tlbnMvYXNzZXRzL2ljb25zLmpzb25cIjtcbmltcG9ydCBpY29uczE2IGZyb20gXCIuLi8uLi93ZWItdG9rZW5zL2Fzc2V0cy9pY29uczE2Lmpzb25cIjtcbmltcG9ydCB7IHVzZUhvdmVyIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VIb3ZlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmNvbnN0IGhhbmRsZUNvbG9yID0gKHRoZW1lOiBUaGVtZSwgY29sb3I6IEljb25zQ29sb3JzKSA9PiB7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlIFwiaW5oZXJpdFwiOlxuICAgICAgcmV0dXJuIFwiaW5oZXJpdFwiO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmljb25bY29sb3JdLmRlZmF1bHQ7XG4gIH1cbn07XG5cbmNvbnN0IGhhbmRsZVZhcmlhbnQgPSAodGhlbWU6IFRoZW1lLCB2YXJpYW50OiBJY29uc1ZhcmlhdGlvbnMpID0+IHtcbiAgc3dpdGNoICh2YXJpYW50KSB7XG4gICAgY2FzZSBcImluaGVyaXRcIjpcbiAgICAgIHJldHVybiBcImluaGVyaXRcIjtcbiAgICBjYXNlIFwicHJpbWFyeVwiOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmFjY2VudC5kZWZhdWx0O1xuICAgIGNhc2UgXCJzZWNvbmRhcnlcIjpcbiAgICAgIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5wcmltYXJ5LmRlZmF1bHQ7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvblt2YXJpYW50XS5kZWZhdWx0O1xuICB9XG59O1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcImNvbG9yXCIsXG59KTxcbiAgUGFydGlhbDxJY29uUHJvcHM+ICYge1xuICAgIGlzSG92ZXJhYmxlOiBib29sZWFuO1xuICAgIHBhcmVudFJlZjogUmVhY3QuTXV0YWJsZVJlZk9iamVjdDxhbnk+O1xuICAgIHBhcmVudElzSG92ZXJlZDogYm9vbGVhbjtcbiAgfVxuPihcbiAgKHtcbiAgICB0aGVtZSxcbiAgICB2YXJpYW50LFxuICAgIGlzSG92ZXJhYmxlLFxuICAgIHBhcmVudFJlZixcbiAgICBwYXJlbnRJc0hvdmVyZWQsXG4gICAgc2l6ZSxcbiAgICBhcyxcbiAgICBjb2xvcixcbiAgfSkgPT4gKHtcbiAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgIHdpZHRoOiBbc2l6ZSwgdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLmljb25dLFxuICAgICAgaGVpZ2h0OiBbc2l6ZSwgdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLmljb25dLFxuICAgIH0pLFxuICAgIFwiJiA+IHN2Z1wiOiB7XG4gICAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgICAgd2lkdGg6IFtzaXplLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24uaWNvbl0sXG4gICAgICAgIGhlaWdodDogW3NpemUsIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uXSxcbiAgICAgIH0pLFxuICAgIH0sXG4gICAgLy8gdmFyaWFudCBwcm9wIGlzIGRlcHJlY2F0ZWRcbiAgICBjb2xvcjogdmFyaWFudCA/IGhhbmRsZVZhcmlhbnQodGhlbWUsIHZhcmlhbnQpIDogaGFuZGxlQ29sb3IodGhlbWUsIGNvbG9yKSxcbiAgICAuLi4oYXMgPT09IFwic3BhblwiICYmIHtcbiAgICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gICAgfSksXG4gICAgLi4uKChwYXJlbnRJc0hvdmVyZWQgfHwgaXNIb3ZlcmFibGUpICYmIHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgfSksXG4gICAgLi4uKHBhcmVudFJlZiAmJiB7XG4gICAgICBvcGFjaXR5OiBwYXJlbnRJc0hvdmVyZWQgPyAxIDogMC42LFxuICAgIH0pLFxuICAgIC4uLihpc0hvdmVyYWJsZSAmJiB7XG4gICAgICBvcGFjaXR5OiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5ob3ZlcixcbiAgICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZSxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBJY29uTmFtZSA9IGtleW9mIHR5cGVvZiBpY29ucztcbmV4cG9ydCB0eXBlIEljb25OYW1lMTYgPSBrZXlvZiB0eXBlb2YgaWNvbnMxNjtcblxuZXhwb3J0IHR5cGUgSWNvblByb3BzID0ge1xuICAvKiogSWNvbiBuYW1lICovXG4gIG5hbWU6IEljb25OYW1lO1xuICAvKiogc2V0IHRvIHRydWUgdG8gbWFrZSB0aGUgaWNvbiBob3ZlcmFibGUsIHBhc3MgYSBwYXJlbnQncyByZWYgdG8gbWFrZSB0aGUgaWNvbiBtYXRjaCB0aGUgcGFyZW50IGhvdmVyICovXG4gIGhvdmVyYWJsZT86IGJvb2xlYW4gfCBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PGFueT47XG4gIC8qKiBzZXQgdG8gdHJ1ZSB0byBoYXZlIGFuIGlubGluZSBpY29uIHdyYXBwZWQgaW4gYSBzcGFuIGluc3RlYWQgb2YgZGl2ICovXG4gIGlubGluZT86IGJvb2xlYW47XG4gIC8qKiBAZGVwcmVjYXRlZCB2YXJpYW50LCBwbGVhc2UgdXNlIFwiY29sb3JcIiBwcm9wIGluc3RlYWQgKi9cbiAgdmFyaWFudD86IEljb25zVmFyaWF0aW9ucztcbiAgLyoqIEljb24gY29sb3IgY2FuIGluaGVyaXQgcGFyZW50IHN0eWxlLiAqL1xuICBjb2xvcj86IEljb25zQ29sb3JzO1xuICBzaXplPzogSWNvblNpemVzIHwgTVE8SWNvblNpemVzPjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIFwiZGF0YS10ZXN0aWRcIj86IHN0cmluZztcbn0gJiBPbWl0PEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgXCJjb2xvclwiPjtcblxuLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuZXhwb3J0IGNvbnN0IEljb24gPSAoe1xuICBuYW1lLFxuICBob3ZlcmFibGUgPSBmYWxzZSxcbiAgaW5saW5lID0gZmFsc2UsXG4gIHNpemUgPSBcIm1cIixcbiAgY29sb3IgPSBcImluaGVyaXRcIixcbiAgdmFyaWFudCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS10ZXN0aWRcIjogZGF0YVRlc3RJZCxcbiAgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCxcbiAgLi4ucmVzdFxufTogSWNvblByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgY29uc3QgaXNIb3ZlcmFibGUgPSB0eXBlb2YgaG92ZXJhYmxlID09PSBcImJvb2xlYW5cIiAmJiBob3ZlcmFibGU7XG4gIGNvbnN0IHBhcmVudFJlZiA9IHR5cGVvZiBob3ZlcmFibGUgIT09IFwiYm9vbGVhblwiICYmIGhvdmVyYWJsZTtcbiAgY29uc3QgcGFyZW50SXNIb3ZlcmVkID0gdXNlSG92ZXIocGFyZW50UmVmKTtcbiAgY29uc3QgYXMgPSBpbmxpbmUgPyBcInNwYW5cIiA6IFwiZGl2XCI7XG4gIGNvbnN0IGhhc0FyaWFMYWJlbCA9IEJvb2xlYW4oYXJpYUxhYmVsKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRJY29uXG4gICAgICBhcz17YXN9XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiSWNvblwiXG4gICAgICBkYXRhLXZhcmlhbnQ9e2NvbG9yfVxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgIGlzSG92ZXJhYmxlPXtpc0hvdmVyYWJsZX1cbiAgICAgIHBhcmVudFJlZj17cGFyZW50UmVmfVxuICAgICAgcGFyZW50SXNIb3ZlcmVkPXtwYXJlbnRJc0hvdmVyZWR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3tcbiAgICAgICAgX19odG1sOiAoc2l6ZSA9PT0gXCJzXCIgJiYgaWNvbnMxNltuYW1lIGFzIEljb25OYW1lMTZdKSB8fCBpY29uc1tuYW1lXSxcbiAgICAgIH19XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGFyaWEtaGlkZGVuPXtoYXNBcmlhTGFiZWwgPyB1bmRlZmluZWQgOiBcInRydWVcIn1cbiAgICAgIHJvbGU9e2hhc0FyaWFMYWJlbCA/IFwiaW1nXCIgOiB1bmRlZmluZWR9XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWwgfHwgdW5kZWZpbmVkfVxuICAgIC8+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDbUIifQ== */");export const Icon=({name,hoverable=!1,inline=!1,size="m",color="inherit",variant,"data-e2e-test-id":dataE2eTestId,"data-testid":dataTestId,"aria-label":ariaLabel,...rest})=>{let isHoverable="boolean"==typeof hoverable&&hoverable,parentRef="boolean"!=typeof hoverable&&hoverable,parentIsHovered=useHover(parentRef),hasAriaLabel=!!ariaLabel;return React.createElement(StyledIcon,{as:inline?"span":"div","data-e2e-test-id":dataE2eTestId,"data-testid":dataTestId,"data-ds-id":"Icon","data-variant":color,variant:variant,color:color,isHoverable:isHoverable,parentRef:parentRef,parentIsHovered:parentIsHovered,size:size,dangerouslySetInnerHTML:{__html:"s"===size&&icons16[name]||icons[name]},...rest,"aria-hidden":hasAriaLabel?void 0:"true",role:hasAriaLabel?"img":void 0,"aria-label":ariaLabel||void 0})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useState,useContext}from"react";import styled from"@emotion/styled";import{Card}from"../Card/Card";import{Box}from"../Box/Box";import{Columns,Column}from"../Column/Columns";import{Button}from"../Button/Button";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text/Text";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{SubThemeContext}from"../SubThemeProvider/SubThemeContext";let StyledExpandingContainer=styled("div",{target:"e92ldbd0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${200*!!isDismissed}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHtcbiAgU3ViVGhlbWVQcm92aWRlcixcbiAgdHlwZSBTdWJUaGVtZU5hbWUsXG59IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IFN1YlRoZW1lQ29udGV4dCB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lQ29udGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0eXBlPzogRXh0cmFjdDxTdWJUaGVtZU5hbWUsIFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcImVycm9yXCI+O1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWUgfCBudWxsO1xuICBpc0Rpc21pc3NhYmxlPzogYm9vbGVhbjtcbiAgY2FsbFRvQWN0aW9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBzaHJpbmtCdXR0b25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW47XG4gIC8qKiBUaGlzIHByb3AgaW50cm9kdWNlcyBhZGRpdGlvbmFsIHNwYWNlIHRvIHRoZSBsZWZ0IHRvIGFjY291bnQgZm9yIHRoZSBzaWRlIG5hdmlnYXRpb24gY29sbGFwc2UgYnV0dG9uIGluIHVpLWFtYm9zcyAqL1xuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlPzogYm9vbGVhbjtcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWw/OiBzdHJpbmc7XG4gIG9uQ2xpY2tDYWxsVG9BY3Rpb24/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25DbGlja0Rpc21pc3M/OiAoKSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBpc0Rpc21pc3NlZDogYm9vbGVhbjtcbn0+KCh7IGlzRGlzbWlzc2VkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0Rpc21pc3NlZCA/IFwiY2FsYygtMTAwJSAtIDhweClcIiA6IFwiMCVcIn0pYCxcbiAgdHJhbnNpdGlvbjogYHRyYW5zZm9ybSAke1xuICAgIGlzRGlzbWlzc2VkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBERUZBVUxUX0lDT05TX0JZX1RZUEU6IFJlY29yZDxOb3RpZmljYXRpb25Qcm9wc1tcInR5cGVcIl0sIEljb25OYW1lPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHN1Y2Nlc3M6IFwiY2hlY2stY2lyY2xlXCIsXG4gIGVycm9yOiBcImFsZXJ0LXRyaWFuZ2xlXCIsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTm90aWZpY2F0aW9uKHtcbiAgdHlwZSxcbiAgdGV4dCxcbiAgaWNvbixcbiAgaXNEaXNtaXNzYWJsZSxcbiAgY2FsbFRvQWN0aW9uTGFiZWwsXG4gIG9uQ2xpY2tEaXNtaXNzLFxuICBvbkNsaWNrQ2FsbFRvQWN0aW9uLFxuICBleHBhbmRhYmxlLFxuICBleHBhbmRCdXR0b25MYWJlbCxcbiAgc2hyaW5rQnV0dG9uTGFiZWwsXG4gIGNoaWxkcmVuLFxuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlLFxuICBjbG9zZUJ1dHRvbkFyaWFMYWJlbCA9IFwiRGlzbWlzcyBub3RpZmljYXRpb25cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIC8qIERlcml2ZSBub3RpZmljYXRpb24gdHlwZSBmcm9tIHN1YnRoZW1lIHRvIHByb3ZpZGUgYmFja3dhcmQgY29tcGF0aWJpbGl0eSB3aXRoIHRoZSBvbGQgdXNhZ2Ugd2hlcmUgU3ViVGhlbWVQcm92aWRlciB3YXMgZXh0ZXJuYWwgICovXG4gIGNvbnN0IHN1YlRoZW1lID0gdXNlQ29udGV4dChTdWJUaGVtZUNvbnRleHQpO1xuICBjb25zdCBzdWJUaGVtZU5hbWUgPSBPYmplY3Qua2V5cyhERUZBVUxUX0lDT05TX0JZX1RZUEUpLmluY2x1ZGVzKHN1YlRoZW1lKVxuICAgID8gdHlwZSA/PyBzdWJUaGVtZSA/PyBcImluZm9cIlxuICAgIDogdHlwZSA/PyBcImluZm9cIjtcbiAgY29uc3QgaWNvbk5hbWUgPVxuICAgIHR5cGVvZiBpY29uID09PSBcInVuZGVmaW5lZFwiXG4gICAgICA/IERFRkFVTFRfSUNPTlNfQllfVFlQRVtzdWJUaGVtZU5hbWUgYXMgTm90aWZpY2F0aW9uUHJvcHNbXCJ0eXBlXCJdXVxuICAgICAgOiBpY29uO1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoKSA9PiB7XG4gICAgc2V0SXNEaXNtaXNzZWQodHJ1ZSk7XG4gICAgc2V0VGltZW91dChvbkNsaWNrRGlzbWlzcywgQU5JTUFUSU9OX1RJTUUpO1xuICB9O1xuXG4gIGNvbnN0IGxlZnRTcGFjZVByb3A6IFBhcnRpYWw8Qm94UHJvcHM+ID0gYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSAmJiB7XG4gICAgbFNwYWNlOiBbXCJzXCIsIFwibFwiXSxcbiAgfTtcblxuICBpZiAoaXNEaXNtaXNzZWQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCIgey4uLmFyaWFBdHRyaWJ1dGVzfSByb2xlPVwiYWxlcnRcIj5cbiAgICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9e3N1YlRoZW1lTmFtZX0+XG4gICAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICAgIHtpY29uTmFtZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgICAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtzdWJUaGVtZU5hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICBuYW1lPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImljb25cIlxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj57XCIgXCJ9XG4gICAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uXG4gICAgICAgICAgICAgICAgICAgIHNpemU9e1sxMiwgXCJuYXJyb3dcIiwgXCJuYXJyb3dcIl19XG4gICAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICB7ZXhwYW5kYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJc0V4cGFuZGVkKCFpc0V4cGFuZGVkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXNFeHBhbmRlZCA/IHNocmlua0J1dHRvbkxhYmVsIDogZXhwYW5kQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtpc0Rpc21pc3NhYmxlICYmIChcbiAgICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17Y2xvc2VCdXR0b25BcmlhTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgbGVmdEljb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtkaXNtaXNzfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvQ2FyZD5cbiAgICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NpQyJ9 */"),StyledContainer=styled("div",{target:"e92ldbd1",label:"StyledContainer"})(()=>({overflow:"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHtcbiAgU3ViVGhlbWVQcm92aWRlcixcbiAgdHlwZSBTdWJUaGVtZU5hbWUsXG59IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IFN1YlRoZW1lQ29udGV4dCB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lQ29udGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0eXBlPzogRXh0cmFjdDxTdWJUaGVtZU5hbWUsIFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcImVycm9yXCI+O1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWUgfCBudWxsO1xuICBpc0Rpc21pc3NhYmxlPzogYm9vbGVhbjtcbiAgY2FsbFRvQWN0aW9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBzaHJpbmtCdXR0b25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW47XG4gIC8qKiBUaGlzIHByb3AgaW50cm9kdWNlcyBhZGRpdGlvbmFsIHNwYWNlIHRvIHRoZSBsZWZ0IHRvIGFjY291bnQgZm9yIHRoZSBzaWRlIG5hdmlnYXRpb24gY29sbGFwc2UgYnV0dG9uIGluIHVpLWFtYm9zcyAqL1xuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlPzogYm9vbGVhbjtcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWw/OiBzdHJpbmc7XG4gIG9uQ2xpY2tDYWxsVG9BY3Rpb24/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25DbGlja0Rpc21pc3M/OiAoKSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBpc0Rpc21pc3NlZDogYm9vbGVhbjtcbn0+KCh7IGlzRGlzbWlzc2VkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0Rpc21pc3NlZCA/IFwiY2FsYygtMTAwJSAtIDhweClcIiA6IFwiMCVcIn0pYCxcbiAgdHJhbnNpdGlvbjogYHRyYW5zZm9ybSAke1xuICAgIGlzRGlzbWlzc2VkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBERUZBVUxUX0lDT05TX0JZX1RZUEU6IFJlY29yZDxOb3RpZmljYXRpb25Qcm9wc1tcInR5cGVcIl0sIEljb25OYW1lPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHN1Y2Nlc3M6IFwiY2hlY2stY2lyY2xlXCIsXG4gIGVycm9yOiBcImFsZXJ0LXRyaWFuZ2xlXCIsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTm90aWZpY2F0aW9uKHtcbiAgdHlwZSxcbiAgdGV4dCxcbiAgaWNvbixcbiAgaXNEaXNtaXNzYWJsZSxcbiAgY2FsbFRvQWN0aW9uTGFiZWwsXG4gIG9uQ2xpY2tEaXNtaXNzLFxuICBvbkNsaWNrQ2FsbFRvQWN0aW9uLFxuICBleHBhbmRhYmxlLFxuICBleHBhbmRCdXR0b25MYWJlbCxcbiAgc2hyaW5rQnV0dG9uTGFiZWwsXG4gIGNoaWxkcmVuLFxuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlLFxuICBjbG9zZUJ1dHRvbkFyaWFMYWJlbCA9IFwiRGlzbWlzcyBub3RpZmljYXRpb25cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIC8qIERlcml2ZSBub3RpZmljYXRpb24gdHlwZSBmcm9tIHN1YnRoZW1lIHRvIHByb3ZpZGUgYmFja3dhcmQgY29tcGF0aWJpbGl0eSB3aXRoIHRoZSBvbGQgdXNhZ2Ugd2hlcmUgU3ViVGhlbWVQcm92aWRlciB3YXMgZXh0ZXJuYWwgICovXG4gIGNvbnN0IHN1YlRoZW1lID0gdXNlQ29udGV4dChTdWJUaGVtZUNvbnRleHQpO1xuICBjb25zdCBzdWJUaGVtZU5hbWUgPSBPYmplY3Qua2V5cyhERUZBVUxUX0lDT05TX0JZX1RZUEUpLmluY2x1ZGVzKHN1YlRoZW1lKVxuICAgID8gdHlwZSA/PyBzdWJUaGVtZSA/PyBcImluZm9cIlxuICAgIDogdHlwZSA/PyBcImluZm9cIjtcbiAgY29uc3QgaWNvbk5hbWUgPVxuICAgIHR5cGVvZiBpY29uID09PSBcInVuZGVmaW5lZFwiXG4gICAgICA/IERFRkFVTFRfSUNPTlNfQllfVFlQRVtzdWJUaGVtZU5hbWUgYXMgTm90aWZpY2F0aW9uUHJvcHNbXCJ0eXBlXCJdXVxuICAgICAgOiBpY29uO1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoKSA9PiB7XG4gICAgc2V0SXNEaXNtaXNzZWQodHJ1ZSk7XG4gICAgc2V0VGltZW91dChvbkNsaWNrRGlzbWlzcywgQU5JTUFUSU9OX1RJTUUpO1xuICB9O1xuXG4gIGNvbnN0IGxlZnRTcGFjZVByb3A6IFBhcnRpYWw8Qm94UHJvcHM+ID0gYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSAmJiB7XG4gICAgbFNwYWNlOiBbXCJzXCIsIFwibFwiXSxcbiAgfTtcblxuICBpZiAoaXNEaXNtaXNzZWQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCIgey4uLmFyaWFBdHRyaWJ1dGVzfSByb2xlPVwiYWxlcnRcIj5cbiAgICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9e3N1YlRoZW1lTmFtZX0+XG4gICAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICAgIHtpY29uTmFtZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgICAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtzdWJUaGVtZU5hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICBuYW1lPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImljb25cIlxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj57XCIgXCJ9XG4gICAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uXG4gICAgICAgICAgICAgICAgICAgIHNpemU9e1sxMiwgXCJuYXJyb3dcIiwgXCJuYXJyb3dcIl19XG4gICAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICB7ZXhwYW5kYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJc0V4cGFuZGVkKCFpc0V4cGFuZGVkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXNFeHBhbmRlZCA/IHNocmlua0J1dHRvbkxhYmVsIDogZXhwYW5kQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtpc0Rpc21pc3NhYmxlICYmIChcbiAgICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17Y2xvc2VCdXR0b25BcmlhTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgbGVmdEljb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtkaXNtaXNzfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvQ2FyZD5cbiAgICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0N3QiJ9 */"),DEFAULT_ICONS_BY_TYPE={info:"info",success:"check-circle",error:"alert-triangle"};export function Notification({type,text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,adjustForSideNavToggle,closeButtonAriaLabel="Dismiss notification","data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let[isExpanded,setIsExpanded]=useState(!1),[isDismissed,setIsDismissed]=useState(!1),subTheme=useContext(SubThemeContext),subThemeName=Object.keys(DEFAULT_ICONS_BY_TYPE).includes(subTheme)?type??subTheme??"info":type??"info",iconName=void 0===icon?DEFAULT_ICONS_BY_TYPE[subThemeName]:icon;return isDismissed?null:React.createElement(StyledContainer,{"data-ds-id":"Notification",...ariaAttributes,role:"alert"},React.createElement(SubThemeProvider,{name:subThemeName},React.createElement(StyledExpandingContainer,{isDismissed:isDismissed},React.createElement(Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},React.createElement(Box,{space:"s",...adjustForSideNavToggle&&{lSpace:["s","l"]}},React.createElement(Columns,{gap:"s",vAlignItems:"top"},iconName&&React.createElement(Column,{size:"narrow"},React.createElement(Box,{vSpace:"xxs",space:"zero"},React.createElement(Icon,{role:"img","aria-label":subThemeName,name:iconName,color:"primary","data-testid":"icon"}))),React.createElement(Column,{size:"fill"},React.createElement(Box,{vSpace:"xxs",space:"zero"},React.createElement(Text,null,text)))," ",(callToActionLabel||expandable)&&React.createElement(Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&React.createElement(Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&React.createElement(Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&React.createElement(Column,{size:"narrow"},React.createElement(Button,{"aria-label":closeButtonAriaLabel,leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),setTimeout(onClickDismiss,200)}}))),isExpanded&&children)))))}
|
|
1
|
+
import React,{useState,useContext}from"react";import styled from"@emotion/styled";import{Card}from"../Card/Card";import{Box}from"../Box/Box";import{Columns,Column}from"../Column/Columns";import{Button}from"../Button/Button";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text/Text";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{SubThemeContext}from"../SubThemeProvider/SubThemeContext";let StyledExpandingContainer=styled("div",{target:"e1knnt2b0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${200*!!isDismissed}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHtcbiAgU3ViVGhlbWVQcm92aWRlcixcbiAgdHlwZSBTdWJUaGVtZU5hbWUsXG59IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IFN1YlRoZW1lQ29udGV4dCB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lQ29udGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0eXBlPzogRXh0cmFjdDxTdWJUaGVtZU5hbWUsIFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcImVycm9yXCI+O1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWUgfCBudWxsO1xuICBpc0Rpc21pc3NhYmxlPzogYm9vbGVhbjtcbiAgY2FsbFRvQWN0aW9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBzaHJpbmtCdXR0b25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW47XG4gIC8qKiBUaGlzIHByb3AgaW50cm9kdWNlcyBhZGRpdGlvbmFsIHNwYWNlIHRvIHRoZSBsZWZ0IHRvIGFjY291bnQgZm9yIHRoZSBzaWRlIG5hdmlnYXRpb24gY29sbGFwc2UgYnV0dG9uIGluIHVpLWFtYm9zcyAqL1xuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlPzogYm9vbGVhbjtcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWw/OiBzdHJpbmc7XG4gIG9uQ2xpY2tDYWxsVG9BY3Rpb24/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25DbGlja0Rpc21pc3M/OiAoKSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBpc0Rpc21pc3NlZDogYm9vbGVhbjtcbn0+KCh7IGlzRGlzbWlzc2VkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0Rpc21pc3NlZCA/IFwiY2FsYygtMTAwJSAtIDhweClcIiA6IFwiMCVcIn0pYCxcbiAgdHJhbnNpdGlvbjogYHRyYW5zZm9ybSAke1xuICAgIGlzRGlzbWlzc2VkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBERUZBVUxUX0lDT05TX0JZX1RZUEU6IFJlY29yZDxOb3RpZmljYXRpb25Qcm9wc1tcInR5cGVcIl0sIEljb25OYW1lPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHN1Y2Nlc3M6IFwiY2hlY2stY2lyY2xlXCIsXG4gIGVycm9yOiBcImFsZXJ0LXRyaWFuZ2xlXCIsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTm90aWZpY2F0aW9uKHtcbiAgdHlwZSxcbiAgdGV4dCxcbiAgaWNvbixcbiAgaXNEaXNtaXNzYWJsZSxcbiAgY2FsbFRvQWN0aW9uTGFiZWwsXG4gIG9uQ2xpY2tEaXNtaXNzLFxuICBvbkNsaWNrQ2FsbFRvQWN0aW9uLFxuICBleHBhbmRhYmxlLFxuICBleHBhbmRCdXR0b25MYWJlbCxcbiAgc2hyaW5rQnV0dG9uTGFiZWwsXG4gIGNoaWxkcmVuLFxuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlLFxuICBjbG9zZUJ1dHRvbkFyaWFMYWJlbCA9IFwiRGlzbWlzcyBub3RpZmljYXRpb25cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIC8qIERlcml2ZSBub3RpZmljYXRpb24gdHlwZSBmcm9tIHN1YnRoZW1lIHRvIHByb3ZpZGUgYmFja3dhcmQgY29tcGF0aWJpbGl0eSB3aXRoIHRoZSBvbGQgdXNhZ2Ugd2hlcmUgU3ViVGhlbWVQcm92aWRlciB3YXMgZXh0ZXJuYWwgICovXG4gIGNvbnN0IHN1YlRoZW1lID0gdXNlQ29udGV4dChTdWJUaGVtZUNvbnRleHQpO1xuICBjb25zdCBzdWJUaGVtZU5hbWUgPSBPYmplY3Qua2V5cyhERUZBVUxUX0lDT05TX0JZX1RZUEUpLmluY2x1ZGVzKHN1YlRoZW1lKVxuICAgID8gdHlwZSA/PyBzdWJUaGVtZSA/PyBcImluZm9cIlxuICAgIDogdHlwZSA/PyBcImluZm9cIjtcbiAgY29uc3QgaWNvbk5hbWUgPVxuICAgIHR5cGVvZiBpY29uID09PSBcInVuZGVmaW5lZFwiXG4gICAgICA/IERFRkFVTFRfSUNPTlNfQllfVFlQRVtzdWJUaGVtZU5hbWUgYXMgTm90aWZpY2F0aW9uUHJvcHNbXCJ0eXBlXCJdXVxuICAgICAgOiBpY29uO1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoKSA9PiB7XG4gICAgc2V0SXNEaXNtaXNzZWQodHJ1ZSk7XG4gICAgc2V0VGltZW91dChvbkNsaWNrRGlzbWlzcywgQU5JTUFUSU9OX1RJTUUpO1xuICB9O1xuXG4gIGNvbnN0IGxlZnRTcGFjZVByb3A6IFBhcnRpYWw8Qm94UHJvcHM+ID0gYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSAmJiB7XG4gICAgbFNwYWNlOiBbXCJzXCIsIFwibFwiXSxcbiAgfTtcblxuICBpZiAoaXNEaXNtaXNzZWQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCIgey4uLmFyaWFBdHRyaWJ1dGVzfSByb2xlPVwiYWxlcnRcIj5cbiAgICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9e3N1YlRoZW1lTmFtZX0+XG4gICAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICAgIHtpY29uTmFtZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17c3ViVGhlbWVOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT17aWNvbk5hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJpY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQ+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+e1wiIFwifVxuICAgICAgICAgICAgICAgIHsoY2FsbFRvQWN0aW9uTGFiZWwgfHwgZXhwYW5kYWJsZSkgJiYgKFxuICAgICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgICBzaXplPXtbMTIsIFwibmFycm93XCIsIFwibmFycm93XCJdfVxuICAgICAgICAgICAgICAgICAgICBvcmRlcj17W1wibGFzdFwiLCBcInVuc2V0XCIsIFwidW5zZXRcIl19XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiBzaXplPVwic1wiIGZ1bGxXaWR0aCBvbkNsaWNrPXtvbkNsaWNrQ2FsbFRvQWN0aW9ufT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZCl9XG4gICAgICAgICAgICAgICAgICAgICAgICByaWdodEljb249e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge2lzRXhwYW5kZWQgPyBzaHJpbmtCdXR0b25MYWJlbCA6IGV4cGFuZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2Nsb3NlQnV0dG9uQXJpYUxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L0NhcmQ+XG4gICAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgICAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDaUMifQ== */"),StyledContainer=styled("div",{target:"e1knnt2b1",label:"StyledContainer"})(()=>({overflow:"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHtcbiAgU3ViVGhlbWVQcm92aWRlcixcbiAgdHlwZSBTdWJUaGVtZU5hbWUsXG59IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IFN1YlRoZW1lQ29udGV4dCB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lQ29udGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0eXBlPzogRXh0cmFjdDxTdWJUaGVtZU5hbWUsIFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcImVycm9yXCI+O1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWUgfCBudWxsO1xuICBpc0Rpc21pc3NhYmxlPzogYm9vbGVhbjtcbiAgY2FsbFRvQWN0aW9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBzaHJpbmtCdXR0b25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW47XG4gIC8qKiBUaGlzIHByb3AgaW50cm9kdWNlcyBhZGRpdGlvbmFsIHNwYWNlIHRvIHRoZSBsZWZ0IHRvIGFjY291bnQgZm9yIHRoZSBzaWRlIG5hdmlnYXRpb24gY29sbGFwc2UgYnV0dG9uIGluIHVpLWFtYm9zcyAqL1xuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlPzogYm9vbGVhbjtcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWw/OiBzdHJpbmc7XG4gIG9uQ2xpY2tDYWxsVG9BY3Rpb24/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25DbGlja0Rpc21pc3M/OiAoKSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBpc0Rpc21pc3NlZDogYm9vbGVhbjtcbn0+KCh7IGlzRGlzbWlzc2VkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0Rpc21pc3NlZCA/IFwiY2FsYygtMTAwJSAtIDhweClcIiA6IFwiMCVcIn0pYCxcbiAgdHJhbnNpdGlvbjogYHRyYW5zZm9ybSAke1xuICAgIGlzRGlzbWlzc2VkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBERUZBVUxUX0lDT05TX0JZX1RZUEU6IFJlY29yZDxOb3RpZmljYXRpb25Qcm9wc1tcInR5cGVcIl0sIEljb25OYW1lPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHN1Y2Nlc3M6IFwiY2hlY2stY2lyY2xlXCIsXG4gIGVycm9yOiBcImFsZXJ0LXRyaWFuZ2xlXCIsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTm90aWZpY2F0aW9uKHtcbiAgdHlwZSxcbiAgdGV4dCxcbiAgaWNvbixcbiAgaXNEaXNtaXNzYWJsZSxcbiAgY2FsbFRvQWN0aW9uTGFiZWwsXG4gIG9uQ2xpY2tEaXNtaXNzLFxuICBvbkNsaWNrQ2FsbFRvQWN0aW9uLFxuICBleHBhbmRhYmxlLFxuICBleHBhbmRCdXR0b25MYWJlbCxcbiAgc2hyaW5rQnV0dG9uTGFiZWwsXG4gIGNoaWxkcmVuLFxuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlLFxuICBjbG9zZUJ1dHRvbkFyaWFMYWJlbCA9IFwiRGlzbWlzcyBub3RpZmljYXRpb25cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIC8qIERlcml2ZSBub3RpZmljYXRpb24gdHlwZSBmcm9tIHN1YnRoZW1lIHRvIHByb3ZpZGUgYmFja3dhcmQgY29tcGF0aWJpbGl0eSB3aXRoIHRoZSBvbGQgdXNhZ2Ugd2hlcmUgU3ViVGhlbWVQcm92aWRlciB3YXMgZXh0ZXJuYWwgICovXG4gIGNvbnN0IHN1YlRoZW1lID0gdXNlQ29udGV4dChTdWJUaGVtZUNvbnRleHQpO1xuICBjb25zdCBzdWJUaGVtZU5hbWUgPSBPYmplY3Qua2V5cyhERUZBVUxUX0lDT05TX0JZX1RZUEUpLmluY2x1ZGVzKHN1YlRoZW1lKVxuICAgID8gdHlwZSA/PyBzdWJUaGVtZSA/PyBcImluZm9cIlxuICAgIDogdHlwZSA/PyBcImluZm9cIjtcbiAgY29uc3QgaWNvbk5hbWUgPVxuICAgIHR5cGVvZiBpY29uID09PSBcInVuZGVmaW5lZFwiXG4gICAgICA/IERFRkFVTFRfSUNPTlNfQllfVFlQRVtzdWJUaGVtZU5hbWUgYXMgTm90aWZpY2F0aW9uUHJvcHNbXCJ0eXBlXCJdXVxuICAgICAgOiBpY29uO1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoKSA9PiB7XG4gICAgc2V0SXNEaXNtaXNzZWQodHJ1ZSk7XG4gICAgc2V0VGltZW91dChvbkNsaWNrRGlzbWlzcywgQU5JTUFUSU9OX1RJTUUpO1xuICB9O1xuXG4gIGNvbnN0IGxlZnRTcGFjZVByb3A6IFBhcnRpYWw8Qm94UHJvcHM+ID0gYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSAmJiB7XG4gICAgbFNwYWNlOiBbXCJzXCIsIFwibFwiXSxcbiAgfTtcblxuICBpZiAoaXNEaXNtaXNzZWQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCIgey4uLmFyaWFBdHRyaWJ1dGVzfSByb2xlPVwiYWxlcnRcIj5cbiAgICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9e3N1YlRoZW1lTmFtZX0+XG4gICAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICAgIHtpY29uTmFtZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17c3ViVGhlbWVOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT17aWNvbk5hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJpY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQ+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+e1wiIFwifVxuICAgICAgICAgICAgICAgIHsoY2FsbFRvQWN0aW9uTGFiZWwgfHwgZXhwYW5kYWJsZSkgJiYgKFxuICAgICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgICBzaXplPXtbMTIsIFwibmFycm93XCIsIFwibmFycm93XCJdfVxuICAgICAgICAgICAgICAgICAgICBvcmRlcj17W1wibGFzdFwiLCBcInVuc2V0XCIsIFwidW5zZXRcIl19XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiBzaXplPVwic1wiIGZ1bGxXaWR0aCBvbkNsaWNrPXtvbkNsaWNrQ2FsbFRvQWN0aW9ufT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZCl9XG4gICAgICAgICAgICAgICAgICAgICAgICByaWdodEljb249e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge2lzRXhwYW5kZWQgPyBzaHJpbmtCdXR0b25MYWJlbCA6IGV4cGFuZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2Nsb3NlQnV0dG9uQXJpYUxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L0NhcmQ+XG4gICAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgICAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDd0IifQ== */"),DEFAULT_ICONS_BY_TYPE={info:"info",success:"check-circle",error:"alert-triangle"};export function Notification({type,text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,adjustForSideNavToggle,closeButtonAriaLabel="Dismiss notification","data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let[isExpanded,setIsExpanded]=useState(!1),[isDismissed,setIsDismissed]=useState(!1),subTheme=useContext(SubThemeContext),subThemeName=Object.keys(DEFAULT_ICONS_BY_TYPE).includes(subTheme)?type??subTheme??"info":type??"info",iconName=void 0===icon?DEFAULT_ICONS_BY_TYPE[subThemeName]:icon;return isDismissed?null:React.createElement(StyledContainer,{"data-ds-id":"Notification",...ariaAttributes,role:"alert"},React.createElement(SubThemeProvider,{name:subThemeName},React.createElement(StyledExpandingContainer,{isDismissed:isDismissed},React.createElement(Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},React.createElement(Box,{space:"s",...adjustForSideNavToggle&&{lSpace:["s","l"]}},React.createElement(Columns,{gap:"s",vAlignItems:"top"},iconName&&React.createElement(Column,{size:"narrow"},React.createElement(Box,{vSpace:"xxs",space:"zero"},React.createElement(Icon,{"aria-label":subThemeName,name:iconName,color:"primary","data-testid":"icon"}))),React.createElement(Column,{size:"fill"},React.createElement(Box,{vSpace:"xxs",space:"zero"},React.createElement(Text,null,text)))," ",(callToActionLabel||expandable)&&React.createElement(Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&React.createElement(Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&React.createElement(Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&React.createElement(Column,{size:"narrow"},React.createElement(Button,{"aria-label":closeButtonAriaLabel,leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),setTimeout(onClickDismiss,200)}}))),isExpanded&&children)))))}
|