@amboss/design-system 3.2.0 → 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/Notification/Notification.d.ts +2 -2
- package/build/cjs/components/Notification/Notification.js +1 -1
- package/build/cjs/index.d.ts +1 -0
- package/build/cjs/index.js +1 -1
- package/build/cjs/web-tokens/_colors.json +848 -825
- 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/Notification/Notification.d.ts +2 -2
- package/build/esm/components/Notification/Notification.js +1 -1
- package/build/esm/index.d.ts +1 -0
- package/build/esm/index.js +1 -1
- package/build/esm/web-tokens/_colors.json +848 -825
- 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
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { ElementType } from "react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { type BadgeProps } from "../Badge/Badge";
|
|
4
|
+
import { type ButtonProps } from "../Button/Button";
|
|
5
|
+
import { type IconProps } from "../Icon/Icon";
|
|
6
|
+
type ActionButton = ButtonProps & {
|
|
7
|
+
label: string;
|
|
8
|
+
href?: string;
|
|
9
|
+
target?: string;
|
|
10
|
+
as?: ElementType;
|
|
11
|
+
testId?: ButtonProps["data-e2e-test-id"];
|
|
12
|
+
};
|
|
13
|
+
export type AccessCardItemProps = {
|
|
14
|
+
title: string;
|
|
15
|
+
isIconActive: boolean;
|
|
16
|
+
iconName: IconProps["name"];
|
|
17
|
+
subTitle?: string;
|
|
18
|
+
badge?: Pick<BadgeProps, "text" | "color">;
|
|
19
|
+
additionalInfo?: string;
|
|
20
|
+
primaryButton?: ActionButton;
|
|
21
|
+
secondaryButtons?: ActionButton[];
|
|
22
|
+
"data-e2e-test-id"?: string;
|
|
23
|
+
};
|
|
24
|
+
export declare function AccessCardItem({ isIconActive, iconName, title, subTitle, badge, additionalInfo, primaryButton, secondaryButtons, "data-e2e-test-id": dataE2eTestId, }: AccessCardItemProps): React.ReactElement;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AccessCardItem",{enumerable:!0,get:function(){return AccessCardItem}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Badge=require("../Badge/Badge"),_Button=require("../Button/Button"),_Columns=require("../Column/Columns"),_Inline=require("../Inline/Inline"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Icon=require("../Icon/Icon"),_Text=require("../Typography/Text/Text"),StyledIconContainer=/*#__PURE__*/(0,_styled.default)("div",{target:"e14jvsz40",label:"StyledIconContainer"})(({theme,isIconActive})=>({display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:isIconActive?theme.values.color.background.accentSubtle.default:theme.values.color.background.secondary.default,borderRadius:"50%",height:theme.variables.size.spacing.xxl,width:theme.variables.size.spacing.xxl}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQWNjZXNzQ2FyZEl0ZW0vQWNjZXNzQ2FyZEl0ZW0udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9BY2Nlc3NDYXJkSXRlbS9BY2Nlc3NDYXJkSXRlbS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBFbGVtZW50VHlwZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCYWRnZSwgdHlwZSBCYWRnZVByb3BzIH0gZnJvbSBcIi4uL0JhZGdlL0JhZGdlXCI7XG5pbXBvcnQgeyBCdXR0b24sIHR5cGUgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgVGV4dENsYW1wZWQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0Q2xhbXBlZC9UZXh0Q2xhbXBlZFwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbnR5cGUgQWN0aW9uQnV0dG9uID0gQnV0dG9uUHJvcHMgJiB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGhyZWY/OiBzdHJpbmc7XG4gIHRhcmdldD86IHN0cmluZztcbiAgYXM/OiBFbGVtZW50VHlwZTtcbiAgdGVzdElkPzogQnV0dG9uUHJvcHNbXCJkYXRhLWUyZS10ZXN0LWlkXCJdO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjZXNzQ2FyZEl0ZW1Qcm9wcyA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaXNJY29uQWN0aXZlOiBib29sZWFuO1xuICBpY29uTmFtZTogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgc3ViVGl0bGU/OiBzdHJpbmc7XG4gIGJhZGdlPzogUGljazxCYWRnZVByb3BzLCBcInRleHRcIiB8IFwiY29sb3JcIj47XG4gIGFkZGl0aW9uYWxJbmZvPzogc3RyaW5nO1xuICBwcmltYXJ5QnV0dG9uPzogQWN0aW9uQnV0dG9uO1xuICBzZWNvbmRhcnlCdXR0b25zPzogQWN0aW9uQnV0dG9uW107XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXY8XG4gIFBpY2s8QWNjZXNzQ2FyZEl0ZW1Qcm9wcywgXCJpc0ljb25BY3RpdmVcIj5cbj4oKHsgdGhlbWUsIGlzSWNvbkFjdGl2ZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJhY2tncm91bmRDb2xvcjogaXNJY29uQWN0aXZlXG4gICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdFxuICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4bCxcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhsLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQWNjZXNzQ2FyZEl0ZW0oe1xuICBpc0ljb25BY3RpdmUgPSB0cnVlLFxuICBpY29uTmFtZSA9IFwiYWN0aXZpdHlcIixcbiAgdGl0bGUsXG4gIHN1YlRpdGxlLFxuICBiYWRnZSxcbiAgYWRkaXRpb25hbEluZm8sXG4gIHByaW1hcnlCdXR0b24sXG4gIHNlY29uZGFyeUJ1dHRvbnMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkID0gXCJkZXRhaWwtY2FyZC1pdGVtLWNvbXBvbmVudFwiLFxufTogQWNjZXNzQ2FyZEl0ZW1Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPENvbHVtbnMgZ2FwPVwibFwiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICB7LyogQ29sdW1uIGZvciBlbGVtZW50cyBsZWZ0IHNpZGUgZnJvbSBidXR0b25zOiB0aGUgaWNvbiwgdGl0bGUsIHN1YnRpdGxlIGFuZCBhZGRpdGlvbmFsIGluZm8gKi99XG4gICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgIDxDb2x1bW5zIGdhcD1cIm1cIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgIHsvKiBDb2x1bW4gZm9yIHRoZSBpY29uICovfVxuICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiIGFsaWduU2VsZj1cInN0YXJ0XCI+XG4gICAgICAgICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lciBpc0ljb25BY3RpdmU9e2lzSWNvbkFjdGl2ZX0+XG4gICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgbmFtZT17aWNvbk5hbWV9XG4gICAgICAgICAgICAgICAgY29sb3I9e2lzSWNvbkFjdGl2ZSA/IFwiYWNjZW50XCIgOiBcInRlcnRpYXJ5XCJ9XG4gICAgICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17YGljb24taW4tJHtkYXRhRTJlVGVzdElkfWB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgey8qIENvbHVtbiBmb3IgdGhlIHRpdGxlLCBiYWRnZSwgc3VidGl0bGUgYW5kIGFkZGl0aW9uYWwgaW5mbyAqL31cbiAgICAgICAgICA8Q29sdW1uPlxuICAgICAgICAgICAgPENvbHVtbnMgZ2FwPVwieHNcIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICB7LyogQ29sdW1uIGZvciB0aGUgdGl0bGUsIGJhZGdlIGFuZCBzdWJ0aXRsZSAqL31cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHRDbGFtcGVkIHNpemU9XCJtXCI+e3RpdGxlfTwvVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICAgICB7YmFkZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QmFkZ2VcbiAgICAgICAgICAgICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtgYmFkZ2UtaW4tJHtkYXRhRTJlVGVzdElkfWB9XG4gICAgICAgICAgICAgICAgICAgICAgdGV4dD17YmFkZ2U/LnRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgY29sb3I9e2JhZGdlPy5jb2xvciA/PyBcImdyZWVuXCJ9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgIHtzdWJUaXRsZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17YHN1YnRpdGxlLWluLSR7ZGF0YUUyZVRlc3RJZH1gfVxuICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtzdWJUaXRsZX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAge2FkZGl0aW9uYWxJbmZvICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9e1sxMiwgMTIsIFwibmFycm93XCJdfT5cbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybT1cInVwcGVyY2FzZVwiXG4gICAgICAgICAgICAgICAgICAgIHdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtgYWRkaXRpb25hbC1pbmZvLWluLSR7ZGF0YUUyZVRlc3RJZH1gfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7YWRkaXRpb25hbEluZm99XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgIDwvQ29sdW1ucz5cbiAgICAgIDwvQ29sdW1uPlxuICAgICAgey8qIENvbHVtbiBmb3IgdGhlIGJ1dHRvbnMgKi99XG4gICAgICB7KHByaW1hcnlCdXR0b24gfHwgc2Vjb25kYXJ5QnV0dG9ucz8ubGVuZ3RoID4gMCkgJiYgKFxuICAgICAgICA8Q29sdW1uIHNpemU9e1sxMiwgXCJuYXJyb3dcIl19PlxuICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInhzXCI+XG4gICAgICAgICAgICB7c2Vjb25kYXJ5QnV0dG9ucz8ubWFwKCh7IGxhYmVsLCAuLi5idXR0b25Qcm9wcyB9KSA9PiAoXG4gICAgICAgICAgICAgIDxDb2x1bW4ga2V5PXtsYWJlbH0gc2l6ZT17WzEyLCBcIm5hcnJvd1wiXX0+XG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gICAgICAgICAgICAgICAgICB7Li4uYnV0dG9uUHJvcHN9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgICAge3ByaW1hcnlCdXR0b24gJiYgKFxuICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9e1sxMiwgXCJuYXJyb3dcIl19PlxuICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmdcbiAgICAgICAgICAgICAgICAgIHsuLi5wcmltYXJ5QnV0dG9ufVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtwcmltYXJ5QnV0dG9uLmxhYmVsfVxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICA8L0NvbHVtbj5cbiAgICAgICl9XG4gICAgPC9Db2x1bW5zPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCNEIifQ== */");function AccessCardItem({isIconActive=!0,iconName="activity",title,subTitle,badge,additionalInfo,primaryButton,secondaryButtons,"data-e2e-test-id":dataE2eTestId="detail-card-item-component"}){return /*#__PURE__*/_react.default.createElement(_Columns.Columns,{gap:"l",vAlignItems:"center","data-e2e-test-id":dataE2eTestId},/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:"fill"},/*#__PURE__*/_react.default.createElement(_Columns.Columns,{gap:"m",vAlignItems:"center"},/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:"narrow",alignSelf:"start"},/*#__PURE__*/_react.default.createElement(StyledIconContainer,{isIconActive:isIconActive},/*#__PURE__*/_react.default.createElement(_Icon.Icon,{name:iconName,color:isIconActive?"accent":"tertiary","data-e2e-test-id":`icon-in-${dataE2eTestId}`}))),/*#__PURE__*/_react.default.createElement(_Columns.Column,null,/*#__PURE__*/_react.default.createElement(_Columns.Columns,{gap:"xs",vAlignItems:"center"},/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:"fill"},/*#__PURE__*/_react.default.createElement(_Inline.Inline,{noWrap:!0,vAlignItems:"center",space:"xs"},/*#__PURE__*/_react.default.createElement(_TextClamped.TextClamped,{size:"m"},title),badge&&/*#__PURE__*/_react.default.createElement(_Badge.Badge,{"data-e2e-test-id":`badge-in-${dataE2eTestId}`,text:badge?.text,color:badge?.color??"green"})),subTitle&&/*#__PURE__*/_react.default.createElement(_Text.Text,{color:"tertiary","data-e2e-test-id":`subtitle-in-${dataE2eTestId}`,size:"s"},subTitle)),additionalInfo&&/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:[12,12,"narrow"]},/*#__PURE__*/_react.default.createElement(_Text.Text,{size:"xs",transform:"uppercase",weight:"bold","data-e2e-test-id":`additional-info-in-${dataE2eTestId}`},additionalInfo)))))),(primaryButton||secondaryButtons?.length>0)&&/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:[12,"narrow"]},/*#__PURE__*/_react.default.createElement(_Columns.Columns,{gap:"xs"},secondaryButtons?.map(({label,...buttonProps})=>/*#__PURE__*/_react.default.createElement(_Columns.Column,{key:label,size:[12,"narrow"]},/*#__PURE__*/_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,variant:"secondary",...buttonProps},label))),primaryButton&&/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:[12,"narrow"]},/*#__PURE__*/_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,variant:"primary",...primaryButton},primaryButton.label)))))}
|
|
@@ -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
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Notification",{enumerable:!0,get:function(){return Notification}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Card=require("../Card/Card"),_Box=require("../Box/Box"),_Columns=require("../Column/Columns"),_Button=require("../Button/Button"),_Icon=require("../Icon/Icon"),_Text=require("../Typography/Text/Text"),StyledExpandingContainer=/*#__PURE__*/(0,_styled.default)("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__*/(0,_styled.default)("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= */");function Notification({text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,isAppLevel,"data-e2e-test-id":dataE2eTestId}){let[isExpanded,setIsExpanded]=(0,_react.useState)(!1),[isDismissed,setIsDismissed]=(0,_react.useState)(!1);return /*#__PURE__*/_react.default.createElement(StyledContainer,{"data-ds-id":"Notification"},/*#__PURE__*/_react.default.createElement(StyledExpandingContainer,{isDismissed:isDismissed},/*#__PURE__*/_react.default.createElement(_Card.Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},/*#__PURE__*/_react.default.createElement(_Box.Box,{space:"s",...isAppLevel&&{lSpace:["s","l"]}},/*#__PURE__*/_react.default.createElement(_Columns.Columns,{gap:"s",vAlignItems:"top"},icon&&/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:"narrow"},/*#__PURE__*/_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/_react.default.createElement(_Icon.Icon,{name:icon,color:"primary","data-testid":"icon"}))),/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:"fill"},/*#__PURE__*/_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/_react.default.createElement(_Text.Text,null,text)))," ",(callToActionLabel||expandable)&&/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&/*#__PURE__*/_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&/*#__PURE__*/_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:"narrow"},/*#__PURE__*/_react.default.createElement(_Button.Button,{leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),setTimeout(onClickDismiss,200)}}))),isExpanded&&children))))}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Notification",{enumerable:!0,get:function(){return Notification}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Card=require("../Card/Card"),_Box=require("../Box/Box"),_Columns=require("../Column/Columns"),_Button=require("../Button/Button"),_Icon=require("../Icon/Icon"),_Text=require("../Typography/Text/Text"),StyledExpandingContainer=/*#__PURE__*/(0,_styled.default)("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__*/(0,_styled.default)("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== */");function Notification({text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,adjustForSideNavToggle,"data-e2e-test-id":dataE2eTestId}){let[isExpanded,setIsExpanded]=(0,_react.useState)(!1),[isDismissed,setIsDismissed]=(0,_react.useState)(!1);return isDismissed?null:/*#__PURE__*/_react.default.createElement(StyledContainer,{"data-ds-id":"Notification"},/*#__PURE__*/_react.default.createElement(StyledExpandingContainer,{isDismissed:isDismissed},/*#__PURE__*/_react.default.createElement(_Card.Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},/*#__PURE__*/_react.default.createElement(_Box.Box,{space:"s",...adjustForSideNavToggle&&{lSpace:["s","l"]}},/*#__PURE__*/_react.default.createElement(_Columns.Columns,{gap:"s",vAlignItems:"top"},icon&&/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:"narrow"},/*#__PURE__*/_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/_react.default.createElement(_Icon.Icon,{name:icon,color:"primary","data-testid":"icon"}))),/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:"fill"},/*#__PURE__*/_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/_react.default.createElement(_Text.Text,null,text)))," ",(callToActionLabel||expandable)&&/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&/*#__PURE__*/_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&/*#__PURE__*/_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&/*#__PURE__*/_react.default.createElement(_Columns.Column,{size:"narrow"},/*#__PURE__*/_react.default.createElement(_Button.Button,{leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),setTimeout(onClickDismiss,200)}}))),isExpanded&&children))))}
|
package/build/cjs/index.d.ts
CHANGED
package/build/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{CacheProvider:function(){return _react.CacheProvider},ThemeProvider:function(){return _react.ThemeProvider},createCache:function(){return _cache.default},dark:function(){return dark},light:function(){return light}});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=/*#__PURE__*/_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/Typography/Header/Header"),exports),_export_star._(require("./components/Typography/Text/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/BulkActionsToolbar/BulkActionsToolbar"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Combobox/Combobox"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/Container/Container"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem/MediaItem"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports),_export_star._(require("./components/QBankRichText/QBankRichText"),exports),_export_star._(require("./components/Tutorialtip/Tutorialtip"),exports),_export_star._(require("./components/EntityTree"),exports),_export_star._(require("./components/EntityList"),exports),_export_star._(require("./components/Form/Select"),exports),_export_star._(require("./components/BinaryFeedback/BinaryFeedback"),exports),_export_star._(require("./components/Grid/Grid"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{CacheProvider:function(){return _react.CacheProvider},ThemeProvider:function(){return _react.ThemeProvider},createCache:function(){return _cache.default},dark:function(){return dark},light:function(){return light}});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=/*#__PURE__*/_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/Typography/Header/Header"),exports),_export_star._(require("./components/Typography/Text/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/BulkActionsToolbar/BulkActionsToolbar"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Combobox/Combobox"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/Container/Container"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem/MediaItem"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports),_export_star._(require("./components/QBankRichText/QBankRichText"),exports),_export_star._(require("./components/Tutorialtip/Tutorialtip"),exports),_export_star._(require("./components/EntityTree"),exports),_export_star._(require("./components/EntityList"),exports),_export_star._(require("./components/Form/Select"),exports),_export_star._(require("./components/BinaryFeedback/BinaryFeedback"),exports),_export_star._(require("./components/Grid/Grid"),exports),_export_star._(require("./components/AccessCardItem/AccessCardItem"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
|