@amboss/design-system 3.1.5 → 3.3.0
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/AccessCardItem/AccessCardItem.d.ts +25 -0
- package/build/cjs/components/AccessCardItem/AccessCardItem.js +1 -0
- package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +2 -1
- package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
- package/build/cjs/components/Column/Columns.d.ts +2 -0
- package/build/cjs/components/Column/Columns.js +1 -1
- package/build/cjs/components/Form/PasswordInput/PasswordInput.js +1 -1
- package/build/cjs/components/Grid/Grid.d.ts +36 -0
- package/build/cjs/components/Grid/Grid.js +1 -0
- package/build/cjs/components/Grid/GridItem.d.ts +32 -0
- package/build/cjs/components/Grid/GridItem.js +1 -0
- package/build/cjs/components/Notification/Notification.d.ts +2 -2
- package/build/cjs/components/Notification/Notification.js +1 -1
- package/build/cjs/index.d.ts +2 -0
- package/build/cjs/index.js +1 -1
- package/build/cjs/shared/mediaQueries.d.ts +2 -2
- package/build/cjs/shared/mediaQueries.js +1 -1
- package/build/cjs/web-tokens/_colors.json +848 -825
- package/build/cjs/web-tokens/assets/icons16.json +1 -1
- package/build/cjs/web-tokens/visualConfig.d.ts +157 -157
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/AccessCardItem/AccessCardItem.d.ts +25 -0
- package/build/esm/components/AccessCardItem/AccessCardItem.js +1 -0
- package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +2 -1
- package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
- package/build/esm/components/Column/Columns.d.ts +2 -0
- package/build/esm/components/Column/Columns.js +1 -1
- package/build/esm/components/Form/PasswordInput/PasswordInput.js +1 -1
- package/build/esm/components/Grid/Grid.d.ts +36 -0
- package/build/esm/components/Grid/Grid.js +1 -0
- package/build/esm/components/Grid/GridItem.d.ts +32 -0
- package/build/esm/components/Grid/GridItem.js +1 -0
- package/build/esm/components/Notification/Notification.d.ts +2 -2
- package/build/esm/components/Notification/Notification.js +1 -1
- package/build/esm/index.d.ts +2 -0
- package/build/esm/index.js +1 -1
- package/build/esm/shared/mediaQueries.d.ts +2 -2
- package/build/esm/shared/mediaQueries.js +1 -1
- package/build/esm/web-tokens/_colors.json +848 -825
- package/build/esm/web-tokens/assets/icons16.json +1 -1
- package/build/esm/web-tokens/visualConfig.d.ts +157 -157
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_theming.scss +118 -86
- package/build/scss/_variables.scss +96 -43
- package/package.json +1 -3
- package/build/cjs/components/Toolbar/Toolbar.d.ts +0 -7
- package/build/cjs/components/Toolbar/Toolbar.js +0 -1
- package/build/cjs/components/Toolbar/ToolbarGroup.d.ts +0 -5
- package/build/cjs/components/Toolbar/ToolbarGroup.js +0 -1
- package/build/cjs/components/Toolbar/index.d.ts +0 -4
- package/build/cjs/components/Toolbar/index.js +0 -1
- package/build/esm/components/Toolbar/Toolbar.d.ts +0 -7
- package/build/esm/components/Toolbar/Toolbar.js +0 -1
- package/build/esm/components/Toolbar/ToolbarGroup.d.ts +0 -5
- package/build/esm/components/Toolbar/ToolbarGroup.js +0 -1
- package/build/esm/components/Toolbar/index.d.ts +0 -4
- package/build/esm/components/Toolbar/index.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{mqValue,mq}from"../../shared/mediaQueries";let StyledContainer=/*#__PURE__*/styled("div",{target:"e8rzzus0",label:"StyledContainer"})(({row,area,alignSelf,justifySelf,rowStart,rowEnd,order})=>({...mqValue({gridRow:row,gridArea:area,gridRowStart:rowStart,gridRowEnd:rowEnd,alignSelf,justifySelf,order})}),({columnSpan})=>({...columnSpan&&mqValue({gridColumn:Array.isArray(columnSpan)?columnSpan.map(value=>`auto / span ${value}`):`auto / span ${columnSpan}`})}),({columnStart,columnEnd})=>mqValue({gridColumnStart:columnStart,gridColumnEnd:columnEnd}),({show})=>mq({display:[show,value=>value?"block":"none"]}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvR3JpZC9HcmlkSXRlbS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0dyaWQvR3JpZEl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3ROb2RlLCBIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFByb3BlcnR5IH0gZnJvbSBcImNzc3R5cGVcIjtcbmltcG9ydCB7IG1xVmFsdWUsIG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB0eXBlIHsgTVEgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxudHlwZSBDb2x1bW5TcGFucyA9IDEgfCAyIHwgMyB8IDQgfCA1IHwgNiB8IDcgfCA4IHwgOSB8IDEwIHwgMTEgfCAxMjtcblxuZXhwb3J0IHR5cGUgR3JpZEl0ZW1Qcm9wcyA9IHtcbiAgLyoqIFNpemUgb2YgZ3JpZCBhcmVhIGluIGNvbHVtbnMgKi9cbiAgY29sdW1uU3Bhbj86IENvbHVtblNwYW5zIHwgTVE8Q29sdW1uU3BhbnM+O1xuICAvKiogU3RhcnRpbmcgY29sdW1uIGZvciBpdGVtIHBvc2l0aW9uaW5nLCBzZWUgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQ1NTL2dyaWQtY29sdW1uLXN0YXJ0ICovXG4gIGNvbHVtblN0YXJ0PzogUHJvcGVydHkuR3JpZENvbHVtblN0YXJ0IHwgTVE8UHJvcGVydHkuR3JpZENvbHVtblN0YXJ0PjtcbiAgLyoqIEVuZGluZyBjb2x1bW4gZm9yIGl0ZW0gcG9zaXRpb25pbmcsIHNlZSBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9DU1MvZ3JpZC1jb2x1bW4tZW5kICovXG4gIGNvbHVtbkVuZD86IFByb3BlcnR5LkdyaWRDb2x1bW5FbmQgfCBNUTxQcm9wZXJ0eS5HcmlkQ29sdW1uRW5kPjtcbiAgLyoqIFJvdyBwb3NpdGlvbiwgc2VlIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0NTUy9ncmlkLXJvdyAqL1xuICByb3c/OiBQcm9wZXJ0eS5HcmlkUm93IHwgTVE8UHJvcGVydHkuR3JpZFJvdz47XG4gIC8qKiBTdGFydGluZyByb3cgZm9yIGl0ZW0gcG9zaXRpb25pbmcsIHNlZSBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9DU1MvZ3JpZC1yb3ctc3RhcnQgKi9cbiAgcm93U3RhcnQ/OiBQcm9wZXJ0eS5HcmlkUm93U3RhcnQgfCBNUTxQcm9wZXJ0eS5HcmlkUm93U3RhcnQ+O1xuICAvKiogRW5kaW5nIHJvdyBmb3IgaXRlbSBwb3NpdGlvbmluZywgc2VlIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0NTUy9ncmlkLXJvdy1lbmQgICovXG4gIHJvd0VuZD86IFByb3BlcnR5LkdyaWRSb3dFbmQgfCBNUTxQcm9wZXJ0eS5HcmlkUm93RW5kPjtcbiAgLyoqIERlZmluZSBncmlkIGFyZWEsIHNlZSBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9DU1MvZ3JpZC1hcmVhICovXG4gIGFyZWE/OiBQcm9wZXJ0eS5HcmlkQXJlYSB8IE1RPFByb3BlcnR5LkdyaWRBcmVhPjtcbiAgLyoqIEFsaWduIGl0ZW0gaW4gaXRzIGdyaWQgYXJlYSBhbG9uZyBibG9jayAoY29sdW1uKSBheGlzLCBzZWUgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQ1NTL2FsaWduLXNlbGYgKi9cbiAgYWxpZ25TZWxmPzogUHJvcGVydHkuQWxpZ25TZWxmIHwgTVE8UHJvcGVydHkuQWxpZ25TZWxmPjtcbiAgLyoqIEp1c3RpZnkgaXRlbSBpbiBpdHMgZ3JpZCBhcmVhIGFsb25nIGlubGluZSAocm93KSBheGlzLCBzZWUgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQ1NTL2p1c3RpZnktc2VsZiAqL1xuICBqdXN0aWZ5U2VsZj86IFByb3BlcnR5Lkp1c3RpZnlTZWxmIHwgTVE8UHJvcGVydHkuSnVzdGlmeVNlbGY+O1xuICBvcmRlcj86IFByb3BlcnR5Lk9yZGVyIHwgTVE8UHJvcGVydHkuT3JkZXI+O1xuICAvKiogZGlzcGxheSBpdGVtIGF0IGdpdmVuIGJyZWFrcG9pbnQgKi9cbiAgc2hvdz86IGJvb2xlYW4gfCBNUTxib29sZWFuPjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59ICYgSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+O1xuXG5mdW5jdGlvbiBnZXRDb2x1bW5TcGFuVmFsdWVzKFxuICBjb2x1bW5TcGFuOiBHcmlkSXRlbVByb3BzW1wiY29sdW1uU3BhblwiXVxuKTogc3RyaW5nIHwgc3RyaW5nW10ge1xuICBpZiAoQXJyYXkuaXNBcnJheShjb2x1bW5TcGFuKSkge1xuICAgIHJldHVybiBjb2x1bW5TcGFuLm1hcCgodmFsdWUpID0+IGBhdXRvIC8gc3BhbiAke3ZhbHVlfWApO1xuICB9XG5cbiAgcmV0dXJuIGBhdXRvIC8gc3BhbiAke2NvbHVtblNwYW59YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxHcmlkSXRlbVByb3BzPihcbiAgKHsgcm93LCBhcmVhLCBhbGlnblNlbGYsIGp1c3RpZnlTZWxmLCByb3dTdGFydCwgcm93RW5kLCBvcmRlciB9KSA9PiAoe1xuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgZ3JpZFJvdzogcm93LFxuICAgICAgZ3JpZEFyZWE6IGFyZWEsXG4gICAgICBncmlkUm93U3RhcnQ6IHJvd1N0YXJ0LFxuICAgICAgZ3JpZFJvd0VuZDogcm93RW5kLFxuICAgICAgYWxpZ25TZWxmLFxuICAgICAganVzdGlmeVNlbGYsXG4gICAgICBvcmRlcixcbiAgICB9KSxcbiAgfSksXG4gICh7IGNvbHVtblNwYW4gfSkgPT4gKHtcbiAgICAuLi4oY29sdW1uU3BhbiAmJlxuICAgICAgbXFWYWx1ZSh7XG4gICAgICAgIGdyaWRDb2x1bW46IGdldENvbHVtblNwYW5WYWx1ZXMoY29sdW1uU3BhbiksXG4gICAgICB9KSksXG4gIH0pLFxuICAoeyBjb2x1bW5TdGFydCwgY29sdW1uRW5kIH0pID0+XG4gICAgbXFWYWx1ZSh7XG4gICAgICBncmlkQ29sdW1uU3RhcnQ6IGNvbHVtblN0YXJ0LFxuICAgICAgZ3JpZENvbHVtbkVuZDogY29sdW1uRW5kLFxuICAgIH0pLFxuICAoeyBzaG93IH0pID0+XG4gICAgbXEoe1xuICAgICAgZGlzcGxheTogW3Nob3csICh2YWx1ZTogYm9vbGVhbikgPT4gKHZhbHVlID8gXCJibG9ja1wiIDogXCJub25lXCIpXSxcbiAgICB9KVxuKTtcblxuLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5leHBvcnQgZnVuY3Rpb24gR3JpZEl0ZW0oe1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IEdyaWRJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiR3JpZEl0ZW1cIlxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3dCIn0= */");export function GridItem({"data-e2e-test-id":dataE2eTestId,children,...rest}){return /*#__PURE__*/React.createElement(StyledContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"GridItem",...rest},children)}
|
|
@@ -11,9 +11,9 @@ export type NotificationProps = {
|
|
|
11
11
|
shrinkButtonLabel?: string;
|
|
12
12
|
expandable?: boolean;
|
|
13
13
|
/** This prop introduces additional space to the left to account for the side navigation collapse button in ui-amboss */
|
|
14
|
-
|
|
14
|
+
adjustForSideNavToggle?: boolean;
|
|
15
15
|
onClickCallToAction?: (e: React.MouseEvent) => void;
|
|
16
16
|
onClickDismiss?: () => void;
|
|
17
17
|
children?: React.ReactNode;
|
|
18
18
|
};
|
|
19
|
-
export declare function Notification({ text, icon, isDismissable, callToActionLabel, onClickDismiss, onClickCallToAction, expandable, expandButtonLabel, shrinkButtonLabel, children,
|
|
19
|
+
export declare function Notification({ text, icon, isDismissable, callToActionLabel, onClickDismiss, onClickCallToAction, expandable, expandButtonLabel, shrinkButtonLabel, children, adjustForSideNavToggle, "data-e2e-test-id": dataE2eTestId, }: NotificationProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useState}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";let StyledExpandingContainer=/*#__PURE__*/styled("div",{target:"elb6ahc0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${isDismissed?200:0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWU7XG4gIGlzRGlzbWlzc2FibGU/OiBib29sZWFuO1xuICBjYWxsVG9BY3Rpb25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIHNocmlua0J1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFRoaXMgcHJvcCBpbnRyb2R1Y2VzIGFkZGl0aW9uYWwgc3BhY2UgdG8gdGhlIGxlZnQgdG8gYWNjb3VudCBmb3IgdGhlIHNpZGUgbmF2aWdhdGlvbiBjb2xsYXBzZSBidXR0b24gaW4gdWktYW1ib3NzICovXG4gIGlzQXBwTGV2ZWw/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgaXNBcHBMZXZlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgY29uc3QgbGVmdFNwYWNlUHJvcDogUGFydGlhbDxCb3hQcm9wcz4gPSBpc0FwcExldmVsICYmIHtcbiAgICBsU3BhY2U6IFtcInNcIiwgXCJsXCJdLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCI+XG4gICAgICA8U3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyIGlzRGlzbWlzc2VkPXtpc0Rpc21pc3NlZH0+XG4gICAgICAgIDxDYXJkIHNxdWFyZUNvcm5lcnMgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICA8Q29sdW1ucyBnYXA9XCJzXCIgdkFsaWduSXRlbXM9XCJ0b3BcIj5cbiAgICAgICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gY29sb3I9XCJwcmltYXJ5XCIgZGF0YS10ZXN0aWQ9XCJpY29uXCIgLz5cbiAgICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgIDxUZXh0Pnt0ZXh0fTwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9Db2x1bW4+e1wiIFwifVxuICAgICAgICAgICAgICB7KGNhbGxUb0FjdGlvbkxhYmVsIHx8IGV4cGFuZGFibGUpICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uXG4gICAgICAgICAgICAgICAgICBzaXplPXtbMTIsIFwibmFycm93XCIsIFwibmFycm93XCJdfVxuICAgICAgICAgICAgICAgICAgb3JkZXI9e1tcImxhc3RcIiwgXCJ1bnNldFwiLCBcInVuc2V0XCJdfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gc2l6ZT1cInNcIiBmdWxsV2lkdGggb25DbGljaz17b25DbGlja0NhbGxUb0FjdGlvbn0+XG4gICAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICB7ZXhwYW5kYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZCl9XG4gICAgICAgICAgICAgICAgICAgICAgcmlnaHRJY29uPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAge2lzRXhwYW5kZWQgPyBzaHJpbmtCdXR0b25MYWJlbCA6IGV4cGFuZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtpc0Rpc21pc3NhYmxlICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgbGVmdEljb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtkaXNtaXNzfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICAgICAgIHtpc0V4cGFuZGVkICYmIGNoaWxkcmVufVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NhcmQ+XG4gICAgICA8L1N0eWxlZEV4cGFuZGluZ0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQmlDIn0= */"),StyledContainer=/*#__PURE__*/styled("div",{target:"elb6ahc1",label:"StyledContainer"})(()=>({overflow:"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWU7XG4gIGlzRGlzbWlzc2FibGU/OiBib29sZWFuO1xuICBjYWxsVG9BY3Rpb25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIHNocmlua0J1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFRoaXMgcHJvcCBpbnRyb2R1Y2VzIGFkZGl0aW9uYWwgc3BhY2UgdG8gdGhlIGxlZnQgdG8gYWNjb3VudCBmb3IgdGhlIHNpZGUgbmF2aWdhdGlvbiBjb2xsYXBzZSBidXR0b24gaW4gdWktYW1ib3NzICovXG4gIGlzQXBwTGV2ZWw/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgaXNBcHBMZXZlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgY29uc3QgbGVmdFNwYWNlUHJvcDogUGFydGlhbDxCb3hQcm9wcz4gPSBpc0FwcExldmVsICYmIHtcbiAgICBsU3BhY2U6IFtcInNcIiwgXCJsXCJdLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCI+XG4gICAgICA8U3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyIGlzRGlzbWlzc2VkPXtpc0Rpc21pc3NlZH0+XG4gICAgICAgIDxDYXJkIHNxdWFyZUNvcm5lcnMgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICA8Q29sdW1ucyBnYXA9XCJzXCIgdkFsaWduSXRlbXM9XCJ0b3BcIj5cbiAgICAgICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gY29sb3I9XCJwcmltYXJ5XCIgZGF0YS10ZXN0aWQ9XCJpY29uXCIgLz5cbiAgICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgIDxUZXh0Pnt0ZXh0fTwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9Db2x1bW4+e1wiIFwifVxuICAgICAgICAgICAgICB7KGNhbGxUb0FjdGlvbkxhYmVsIHx8IGV4cGFuZGFibGUpICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uXG4gICAgICAgICAgICAgICAgICBzaXplPXtbMTIsIFwibmFycm93XCIsIFwibmFycm93XCJdfVxuICAgICAgICAgICAgICAgICAgb3JkZXI9e1tcImxhc3RcIiwgXCJ1bnNldFwiLCBcInVuc2V0XCJdfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gc2l6ZT1cInNcIiBmdWxsV2lkdGggb25DbGljaz17b25DbGlja0NhbGxUb0FjdGlvbn0+XG4gICAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICB7ZXhwYW5kYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZCl9XG4gICAgICAgICAgICAgICAgICAgICAgcmlnaHRJY29uPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAge2lzRXhwYW5kZWQgPyBzaHJpbmtCdXR0b25MYWJlbCA6IGV4cGFuZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtpc0Rpc21pc3NhYmxlICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgbGVmdEljb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtkaXNtaXNzfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICAgICAgIHtpc0V4cGFuZGVkICYmIGNoaWxkcmVufVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NhcmQ+XG4gICAgICA8L1N0eWxlZEV4cGFuZGluZ0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q3dCIn0= */");export function Notification({text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,isAppLevel,"data-e2e-test-id":dataE2eTestId}){let[isExpanded,setIsExpanded]=useState(!1),[isDismissed,setIsDismissed]=useState(!1);return /*#__PURE__*/React.createElement(StyledContainer,{"data-ds-id":"Notification"},/*#__PURE__*/React.createElement(StyledExpandingContainer,{isDismissed:isDismissed},/*#__PURE__*/React.createElement(Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},/*#__PURE__*/React.createElement(Box,{space:"s",...isAppLevel&&{lSpace:["s","l"]}},/*#__PURE__*/React.createElement(Columns,{gap:"s",vAlignItems:"top"},icon&&/*#__PURE__*/React.createElement(Column,{size:"narrow"},/*#__PURE__*/React.createElement(Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/React.createElement(Icon,{name:icon,color:"primary","data-testid":"icon"}))),/*#__PURE__*/React.createElement(Column,{size:"fill"},/*#__PURE__*/React.createElement(Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/React.createElement(Text,null,text)))," ",(callToActionLabel||expandable)&&/*#__PURE__*/React.createElement(Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&/*#__PURE__*/React.createElement(Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&/*#__PURE__*/React.createElement(Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&/*#__PURE__*/React.createElement(Column,{size:"narrow"},/*#__PURE__*/React.createElement(Button,{leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),setTimeout(onClickDismiss,200)}}))),isExpanded&&children))))}
|
|
1
|
+
import React,{useState}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";let StyledExpandingContainer=/*#__PURE__*/styled("div",{target:"efrw8mo0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${isDismissed?200:0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWU7XG4gIGlzRGlzbWlzc2FibGU/OiBib29sZWFuO1xuICBjYWxsVG9BY3Rpb25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIHNocmlua0J1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFRoaXMgcHJvcCBpbnRyb2R1Y2VzIGFkZGl0aW9uYWwgc3BhY2UgdG8gdGhlIGxlZnQgdG8gYWNjb3VudCBmb3IgdGhlIHNpZGUgbmF2aWdhdGlvbiBjb2xsYXBzZSBidXR0b24gaW4gdWktYW1ib3NzICovXG4gIGFkanVzdEZvclNpZGVOYXZUb2dnbGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgY29uc3QgbGVmdFNwYWNlUHJvcDogUGFydGlhbDxCb3hQcm9wcz4gPSBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlICYmIHtcbiAgICBsU3BhY2U6IFtcInNcIiwgXCJsXCJdLFxuICB9O1xuXG4gIGlmIChpc0Rpc21pc3NlZCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJOb3RpZmljYXRpb25cIj5cbiAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgPENhcmQgc3F1YXJlQ29ybmVycyBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHsuLi5sZWZ0U3BhY2VQcm9wfT5cbiAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSBjb2xvcj1cInByaW1hcnlcIiBkYXRhLXRlc3RpZD1cImljb25cIiAvPlxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cImZpbGxcIj5cbiAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHQ+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICA8L0NvbHVtbj57XCIgXCJ9XG4gICAgICAgICAgICAgIHsoY2FsbFRvQWN0aW9uTGFiZWwgfHwgZXhwYW5kYWJsZSkgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW5cbiAgICAgICAgICAgICAgICAgIHNpemU9e1sxMiwgXCJuYXJyb3dcIiwgXCJuYXJyb3dcIl19XG4gICAgICAgICAgICAgICAgICBvcmRlcj17W1wibGFzdFwiLCBcInVuc2V0XCIsIFwidW5zZXRcIl19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiBzaXplPVwic1wiIGZ1bGxXaWR0aCBvbkNsaWNrPXtvbkNsaWNrQ2FsbFRvQWN0aW9ufT5cbiAgICAgICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIHtleHBhbmRhYmxlICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJc0V4cGFuZGVkKCFpc0V4cGFuZGVkKX1cbiAgICAgICAgICAgICAgICAgICAgICByaWdodEljb249e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7aXNFeHBhbmRlZCA/IHNocmlua0J1dHRvbkxhYmVsIDogZXhwYW5kQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2lzRGlzbWlzc2FibGUgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBsZWZ0SWNvbj1cInhcIlxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2Rpc21pc3N9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCaUMifQ== */"),StyledContainer=/*#__PURE__*/styled("div",{target:"efrw8mo1",label:"StyledContainer"})(()=>({overflow:"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWU7XG4gIGlzRGlzbWlzc2FibGU/OiBib29sZWFuO1xuICBjYWxsVG9BY3Rpb25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIHNocmlua0J1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFRoaXMgcHJvcCBpbnRyb2R1Y2VzIGFkZGl0aW9uYWwgc3BhY2UgdG8gdGhlIGxlZnQgdG8gYWNjb3VudCBmb3IgdGhlIHNpZGUgbmF2aWdhdGlvbiBjb2xsYXBzZSBidXR0b24gaW4gdWktYW1ib3NzICovXG4gIGFkanVzdEZvclNpZGVOYXZUb2dnbGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgY29uc3QgbGVmdFNwYWNlUHJvcDogUGFydGlhbDxCb3hQcm9wcz4gPSBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlICYmIHtcbiAgICBsU3BhY2U6IFtcInNcIiwgXCJsXCJdLFxuICB9O1xuXG4gIGlmIChpc0Rpc21pc3NlZCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJOb3RpZmljYXRpb25cIj5cbiAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgPENhcmQgc3F1YXJlQ29ybmVycyBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHsuLi5sZWZ0U3BhY2VQcm9wfT5cbiAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSBjb2xvcj1cInByaW1hcnlcIiBkYXRhLXRlc3RpZD1cImljb25cIiAvPlxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cImZpbGxcIj5cbiAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHQ+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICA8L0NvbHVtbj57XCIgXCJ9XG4gICAgICAgICAgICAgIHsoY2FsbFRvQWN0aW9uTGFiZWwgfHwgZXhwYW5kYWJsZSkgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW5cbiAgICAgICAgICAgICAgICAgIHNpemU9e1sxMiwgXCJuYXJyb3dcIiwgXCJuYXJyb3dcIl19XG4gICAgICAgICAgICAgICAgICBvcmRlcj17W1wibGFzdFwiLCBcInVuc2V0XCIsIFwidW5zZXRcIl19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiBzaXplPVwic1wiIGZ1bGxXaWR0aCBvbkNsaWNrPXtvbkNsaWNrQ2FsbFRvQWN0aW9ufT5cbiAgICAgICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIHtleHBhbmRhYmxlICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJc0V4cGFuZGVkKCFpc0V4cGFuZGVkKX1cbiAgICAgICAgICAgICAgICAgICAgICByaWdodEljb249e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7aXNFeHBhbmRlZCA/IHNocmlua0J1dHRvbkxhYmVsIDogZXhwYW5kQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2lzRGlzbWlzc2FibGUgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBsZWZ0SWNvbj1cInhcIlxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2Rpc21pc3N9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDd0IifQ== */");export function Notification({text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,adjustForSideNavToggle,"data-e2e-test-id":dataE2eTestId}){let[isExpanded,setIsExpanded]=useState(!1),[isDismissed,setIsDismissed]=useState(!1);return isDismissed?null:/*#__PURE__*/React.createElement(StyledContainer,{"data-ds-id":"Notification"},/*#__PURE__*/React.createElement(StyledExpandingContainer,{isDismissed:isDismissed},/*#__PURE__*/React.createElement(Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},/*#__PURE__*/React.createElement(Box,{space:"s",...adjustForSideNavToggle&&{lSpace:["s","l"]}},/*#__PURE__*/React.createElement(Columns,{gap:"s",vAlignItems:"top"},icon&&/*#__PURE__*/React.createElement(Column,{size:"narrow"},/*#__PURE__*/React.createElement(Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/React.createElement(Icon,{name:icon,color:"primary","data-testid":"icon"}))),/*#__PURE__*/React.createElement(Column,{size:"fill"},/*#__PURE__*/React.createElement(Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/React.createElement(Text,null,text)))," ",(callToActionLabel||expandable)&&/*#__PURE__*/React.createElement(Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&/*#__PURE__*/React.createElement(Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&/*#__PURE__*/React.createElement(Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&/*#__PURE__*/React.createElement(Column,{size:"narrow"},/*#__PURE__*/React.createElement(Button,{leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),setTimeout(onClickDismiss,200)}}))),isExpanded&&children))))}
|
package/build/esm/index.d.ts
CHANGED
|
@@ -68,3 +68,5 @@ export * from "./components/EntityTree";
|
|
|
68
68
|
export * from "./components/EntityList";
|
|
69
69
|
export * from "./components/Form/Select";
|
|
70
70
|
export * from "./components/BinaryFeedback/BinaryFeedback";
|
|
71
|
+
export * from "./components/Grid/Grid";
|
|
72
|
+
export * from "./components/AccessCardItem/AccessCardItem";
|
package/build/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header/Header";export*from"./components/Typography/Text/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/Button/Button";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Combobox/Combobox";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/QBankRichText/QBankRichText";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/EntityTree";export*from"./components/EntityList";export*from"./components/Form/Select";export*from"./components/BinaryFeedback/BinaryFeedback";
|
|
1
|
+
import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header/Header";export*from"./components/Typography/Text/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/Button/Button";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Combobox/Combobox";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/QBankRichText/QBankRichText";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/EntityTree";export*from"./components/EntityList";export*from"./components/Form/Select";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Grid/Grid";export*from"./components/AccessCardItem/AccessCardItem";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { ColumnSizes, HorizontalAlignment, MQ, SpaceSizes, TextAlignment, VerticalAlignment, StackHorizontalAlignment, StackVerticalAlignment, Order, ColumnAlignment, Hyphens, BorderRadius } from "../types";
|
|
2
2
|
type MqProp<T> = [
|
|
3
3
|
T | MQ<T>,
|
|
4
|
-
Record<T extends string ? T : never, string | number>
|
|
4
|
+
(Record<T extends string ? T : never, string | number> | ((value: T) => string | number))
|
|
5
5
|
];
|
|
6
|
-
type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<StackHorizontalAlignment> | MqProp<StackVerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens> | MqProp<BorderRadius>>;
|
|
6
|
+
type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<StackHorizontalAlignment> | MqProp<StackVerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens> | MqProp<BorderRadius> | MqProp<boolean>>;
|
|
7
7
|
type EmotionCssPropertyName = string;
|
|
8
8
|
type EmotionCssValue = string | number;
|
|
9
9
|
type EmotionCssDescription = Record<EmotionCssPropertyName, EmotionCssValue>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var breakpointRules,breakpointRules1;import breakpoints from"../web-tokens/_breakpoints.json";export const mq=(breakpointRules=[`@media (max-width: ${breakpoints.medium.value}px)`,`@media (min-width: ${breakpoints.medium.value}px) and (max-width: ${breakpoints.large.value}px)`,`@media (min-width: ${breakpoints.large.value}px)`],rules=>{let res={};return breakpointRules.forEach(key=>{res[key]={}}),res["@media screen"]={},Object.entries(rules).forEach(([cssProperty,[prop,map]])=>{if(Array.isArray(prop)){let sm=prop[0],md=prop[1]
|
|
1
|
+
var breakpointRules,breakpointRules1;import breakpoints from"../web-tokens/_breakpoints.json";export const mq=(breakpointRules=[`@media (max-width: ${breakpoints.medium.value}px)`,`@media (min-width: ${breakpoints.medium.value}px) and (max-width: ${breakpoints.large.value}px)`,`@media (min-width: ${breakpoints.large.value}px)`],rules=>{let res={};return breakpointRules.forEach(key=>{res[key]={}}),res["@media screen"]={},Object.entries(rules).forEach(([cssProperty,[prop,map]])=>{let getValue=value=>void 0!==value?map(value):value;if(Array.isArray(prop)){let sm=prop[0],md=prop[1]??prop[0],lg=prop[2]??prop[1]??prop[0],[s,m,l]=breakpointRules;res[s][cssProperty]="function"==typeof map?getValue(sm):map[sm],res[m][cssProperty]="function"==typeof map?getValue(md):map[md],res[l][cssProperty]="function"==typeof map?getValue(lg):map[lg]}else res["@media screen"][cssProperty]="function"==typeof map?getValue(prop):map[prop]}),res});export const mqValue=(breakpointRules1=[`@media (max-width: ${breakpoints.medium.value}px)`,`@media (min-width: ${breakpoints.medium.value}px) and (max-width: ${breakpoints.large.value}px)`,`@media (min-width: ${breakpoints.large.value}px)`],rules=>{let res={};return breakpointRules1.forEach(key=>{res[key]={}}),res["@media screen"]={},Object.entries(rules).forEach(([cssProperty,cssValues])=>{Array.isArray(cssValues)?breakpointRules1.forEach((breakpoint,index)=>{let i=index;for(;!cssValues[i]&&0!==i;)i-=1;res[breakpoint][cssProperty]=cssValues[i]}):res["@media screen"][cssProperty]=cssValues}),res});export function getMediaQueryClasses(s,styles,prefix=""){let res;if(void 0===s)return[];if(Array.isArray(s)){let sm=s[0],md=s[1]||s[0],lg=s[2]||s[1]||s[0];res=[`${sm}-small`,`${md}-medium`,`${lg}-large`]}else res=[s];return res.map(cl=>`${prefix}${cl}`).map(cl=>styles[cl])}
|