@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,36 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactElement } from "react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import type { Property } from "csstype";
|
|
4
|
+
import type { MQ, SpaceSizes } from "../../types";
|
|
5
|
+
import type { GridItemProps } from "./GridItem";
|
|
6
|
+
import { GridItem } from "./GridItem";
|
|
7
|
+
export type GridProps = {
|
|
8
|
+
/** Define spacing between columns */
|
|
9
|
+
columnGap?: SpaceSizes | MQ<SpaceSizes>;
|
|
10
|
+
/** Define spacing between rows */
|
|
11
|
+
rowGap?: SpaceSizes | MQ<SpaceSizes>;
|
|
12
|
+
/** Define track sizing for explicit grid row tracks, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows */
|
|
13
|
+
templateRows?: Property.GridTemplateRows | MQ<Property.GridTemplateRows>;
|
|
14
|
+
/** Define track sizing for explicit grid column tracks, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns
|
|
15
|
+
* Overrides 12 column grid
|
|
16
|
+
*/
|
|
17
|
+
templateColumns?: Property.GridTemplateColumns | MQ<Property.GridTemplateColumns>;
|
|
18
|
+
/** Define layout with areas, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas */
|
|
19
|
+
templateAreas?: Property.GridTemplateAreas | MQ<Property.GridTemplateAreas>;
|
|
20
|
+
/** Define row track size for implicit grid rows, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows */
|
|
21
|
+
autoRows?: Property.GridAutoRows | MQ<Property.GridAutoRows>;
|
|
22
|
+
/** Aligns grid items along the block (column) axis, see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items */
|
|
23
|
+
alignItems?: Property.AlignItems | MQ<Property.AlignItems>;
|
|
24
|
+
/** Aligns grid items along the inline (row) axis, see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items */
|
|
25
|
+
justifyItems?: Property.JustifyItems | MQ<Property.JustifyItems>;
|
|
26
|
+
/** Displays an inline grid */
|
|
27
|
+
inline?: boolean;
|
|
28
|
+
/** If set to true, it will share parent column tracks */
|
|
29
|
+
isSubgrid?: boolean;
|
|
30
|
+
"data-e2e-test-id"?: string;
|
|
31
|
+
children: ReactElement<GridItemProps>[];
|
|
32
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
33
|
+
export declare function Grid({ columnGap, rowGap, "data-e2e-test-id": dataE2eTestId, children, ...rest }: GridProps): React.ReactElement;
|
|
34
|
+
export declare namespace Grid {
|
|
35
|
+
var Item: typeof GridItem;
|
|
36
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function(){return Grid}});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")),_mediaQueries=require("../../shared/mediaQueries"),_GridItem=require("./GridItem"),StyledContainer=/*#__PURE__*/(0,_styled.default)("div",{target:"eksqp4f0",label:"StyledContainer"})(({theme,templateColumns,templateRows,autoRows,templateAreas,inline,columnGap,alignItems,justifyItems,isSubgrid})=>{function getTrackSize(size){return`calc((100% - 11 * ${theme.variables.size.spacing[size]}) / 12)`}return{width:"100%",display:inline?"inline-grid":"grid",gridAutoFlow:"row",...(0,_mediaQueries.mqValue)({gridTemplateColumns:templateColumns||(isSubgrid?"subgrid":Array.isArray(columnGap)?columnGap.map(value=>`repeat(12, ${getTrackSize(value)})`):`repeat(12, ${getTrackSize(columnGap)})`),gridTemplateRows:templateRows,gridAutoRows:autoRows,gridTemplateAreas:templateAreas,alignItems,justifyItems})}},({theme,columnGap,rowGap})=>(0,_mediaQueries.mq)({gridColumnGap:[columnGap,theme.variables.size.spacing],gridRowGap:[rowGap,theme.variables.size.spacing]}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvR3JpZC9HcmlkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvR3JpZC9HcmlkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhUTUxBdHRyaWJ1dGVzLCBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBQcm9wZXJ0eSB9IGZyb20gXCJjc3N0eXBlXCI7XG5pbXBvcnQgeyBtcVZhbHVlLCBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgdHlwZSB7IE1RLCBTcGFjZVNpemVzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgdHlwZSB7IEdyaWRJdGVtUHJvcHMgfSBmcm9tIFwiLi9HcmlkSXRlbVwiO1xuaW1wb3J0IHsgR3JpZEl0ZW0gfSBmcm9tIFwiLi9HcmlkSXRlbVwiO1xuXG5leHBvcnQgdHlwZSBHcmlkUHJvcHMgPSB7XG4gIC8qKiBEZWZpbmUgc3BhY2luZyBiZXR3ZWVuIGNvbHVtbnMgKi9cbiAgY29sdW1uR2FwPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogRGVmaW5lIHNwYWNpbmcgYmV0d2VlbiByb3dzICovXG4gIHJvd0dhcD86IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjtcbiAgLyoqIERlZmluZSB0cmFjayBzaXppbmcgZm9yIGV4cGxpY2l0IGdyaWQgcm93IHRyYWNrcywgc2VlIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0NTUy9ncmlkLXRlbXBsYXRlLXJvd3MgKi9cbiAgdGVtcGxhdGVSb3dzPzogUHJvcGVydHkuR3JpZFRlbXBsYXRlUm93cyB8IE1RPFByb3BlcnR5LkdyaWRUZW1wbGF0ZVJvd3M+O1xuICAvKiogRGVmaW5lIHRyYWNrIHNpemluZyBmb3IgZXhwbGljaXQgZ3JpZCBjb2x1bW4gdHJhY2tzLCBzZWUgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQ1NTL2dyaWQtdGVtcGxhdGUtY29sdW1uc1xuICAgKiBPdmVycmlkZXMgMTIgY29sdW1uIGdyaWRcbiAgICovXG4gIHRlbXBsYXRlQ29sdW1ucz86XG4gICAgfCBQcm9wZXJ0eS5HcmlkVGVtcGxhdGVDb2x1bW5zXG4gICAgfCBNUTxQcm9wZXJ0eS5HcmlkVGVtcGxhdGVDb2x1bW5zPjtcbiAgLyoqIERlZmluZSBsYXlvdXQgd2l0aCBhcmVhcywgc2VlIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0NTUy9ncmlkLXRlbXBsYXRlLWFyZWFzICovXG4gIHRlbXBsYXRlQXJlYXM/OiBQcm9wZXJ0eS5HcmlkVGVtcGxhdGVBcmVhcyB8IE1RPFByb3BlcnR5LkdyaWRUZW1wbGF0ZUFyZWFzPjtcbiAgLyoqIERlZmluZSByb3cgdHJhY2sgc2l6ZSBmb3IgaW1wbGljaXQgZ3JpZCByb3dzLCBzZWUgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQ1NTL2dyaWQtYXV0by1yb3dzICovXG4gIGF1dG9Sb3dzPzogUHJvcGVydHkuR3JpZEF1dG9Sb3dzIHwgTVE8UHJvcGVydHkuR3JpZEF1dG9Sb3dzPjtcbiAgLyoqIEFsaWducyBncmlkIGl0ZW1zIGFsb25nIHRoZSBibG9jayAoY29sdW1uKSBheGlzLCBzZWUgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQ1NTL2FsaWduLWl0ZW1zICovXG4gIGFsaWduSXRlbXM/OiBQcm9wZXJ0eS5BbGlnbkl0ZW1zIHwgTVE8UHJvcGVydHkuQWxpZ25JdGVtcz47XG4gIC8qKiBBbGlnbnMgZ3JpZCBpdGVtcyBhbG9uZyB0aGUgaW5saW5lIChyb3cpIGF4aXMsIHNlZSBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9DU1MvanVzdGlmeS1pdGVtcyAqL1xuICBqdXN0aWZ5SXRlbXM/OiBQcm9wZXJ0eS5KdXN0aWZ5SXRlbXMgfCBNUTxQcm9wZXJ0eS5KdXN0aWZ5SXRlbXM+O1xuICAvKiogRGlzcGxheXMgYW4gaW5saW5lIGdyaWQgKi9cbiAgaW5saW5lPzogYm9vbGVhbjtcbiAgLyoqIElmIHNldCB0byB0cnVlLCBpdCB3aWxsIHNoYXJlIHBhcmVudCBjb2x1bW4gdHJhY2tzICovXG4gIGlzU3ViZ3JpZD86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50PEdyaWRJdGVtUHJvcHM+W107XG59ICYgSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+O1xuXG5jb25zdCBUT1RBTF9DT0xVTU5TID0gMTI7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8R3JpZFByb3BzPihcbiAgKHtcbiAgICB0aGVtZSxcbiAgICB0ZW1wbGF0ZUNvbHVtbnMsXG4gICAgdGVtcGxhdGVSb3dzLFxuICAgIGF1dG9Sb3dzLFxuICAgIHRlbXBsYXRlQXJlYXMsXG4gICAgaW5saW5lLFxuICAgIGNvbHVtbkdhcCxcbiAgICBhbGlnbkl0ZW1zLFxuICAgIGp1c3RpZnlJdGVtcyxcbiAgICBpc1N1YmdyaWQsXG4gIH0pID0+IHtcbiAgICBmdW5jdGlvbiBnZXRUcmFja1NpemUoc2l6ZTogU3BhY2VTaXplcykge1xuICAgICAgcmV0dXJuIGBjYWxjKCgxMDAlIC0gJHtUT1RBTF9DT0xVTU5TIC0gMX0gKiAke1xuICAgICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemVdXG4gICAgICB9KSAvICR7VE9UQUxfQ09MVU1OU30pYDtcbiAgICB9XG5cbiAgICBmdW5jdGlvbiBnZXRUZW1wbGF0ZUNvbHVtbnNWYWx1ZXMoKSB7XG4gICAgICBpZiAodGVtcGxhdGVDb2x1bW5zKSB7XG4gICAgICAgIHJldHVybiB0ZW1wbGF0ZUNvbHVtbnM7XG4gICAgICB9XG5cbiAgICAgIGlmIChpc1N1YmdyaWQpIHtcbiAgICAgICAgcmV0dXJuIFwic3ViZ3JpZFwiO1xuICAgICAgfVxuXG4gICAgICBpZiAoQXJyYXkuaXNBcnJheShjb2x1bW5HYXApKSB7XG4gICAgICAgIHJldHVybiBjb2x1bW5HYXAubWFwKFxuICAgICAgICAgICh2YWx1ZSkgPT4gYHJlcGVhdCgke1RPVEFMX0NPTFVNTlN9LCAke2dldFRyYWNrU2l6ZSh2YWx1ZSl9KWBcbiAgICAgICAgKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIGByZXBlYXQoJHtUT1RBTF9DT0xVTU5TfSwgJHtnZXRUcmFja1NpemUoXG4gICAgICAgIGNvbHVtbkdhcCBhcyBTcGFjZVNpemVzXG4gICAgICApfSlgO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBkaXNwbGF5OiBpbmxpbmUgPyBcImlubGluZS1ncmlkXCIgOiBcImdyaWRcIixcbiAgICAgIGdyaWRBdXRvRmxvdzogXCJyb3dcIixcblxuICAgICAgLi4ubXFWYWx1ZSh7XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGdldFRlbXBsYXRlQ29sdW1uc1ZhbHVlcygpLFxuICAgICAgICBncmlkVGVtcGxhdGVSb3dzOiB0ZW1wbGF0ZVJvd3MsXG4gICAgICAgIGdyaWRBdXRvUm93czogYXV0b1Jvd3MsXG4gICAgICAgIGdyaWRUZW1wbGF0ZUFyZWFzOiB0ZW1wbGF0ZUFyZWFzLFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICBqdXN0aWZ5SXRlbXMsXG4gICAgICB9KSxcbiAgICB9O1xuICB9LFxuICAoeyB0aGVtZSwgY29sdW1uR2FwLCByb3dHYXAgfSkgPT5cbiAgICBtcSh7XG4gICAgICBncmlkQ29sdW1uR2FwOiBbY29sdW1uR2FwLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICAgIGdyaWRSb3dHYXA6IFtyb3dHYXAsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIH0pXG4pO1xuXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmV4cG9ydCBmdW5jdGlvbiBHcmlkKHtcbiAgY29sdW1uR2FwID0gXCJtXCIsXG4gIHJvd0dhcCA9IFwibVwiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IEdyaWRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJHcmlkXCJcbiAgICAgIGNvbHVtbkdhcD17Y29sdW1uR2FwfVxuICAgICAgcm93R2FwPXtyb3dHYXB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuR3JpZC5JdGVtID0gR3JpZEl0ZW07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0N3QiJ9 */");function Grid({columnGap="m",rowGap="m","data-e2e-test-id":dataE2eTestId,children,...rest}){return /*#__PURE__*/_react.default.createElement(StyledContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Grid",columnGap:columnGap,rowGap:rowGap,...rest},children)}Grid.Item=_GridItem.GridItem;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { ReactNode, HTMLAttributes } from "react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import type { Property } from "csstype";
|
|
4
|
+
import type { MQ } from "../../types";
|
|
5
|
+
type ColumnSpans = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
6
|
+
export type GridItemProps = {
|
|
7
|
+
/** Size of grid area in columns */
|
|
8
|
+
columnSpan?: ColumnSpans | MQ<ColumnSpans>;
|
|
9
|
+
/** Starting column for item positioning, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start */
|
|
10
|
+
columnStart?: Property.GridColumnStart | MQ<Property.GridColumnStart>;
|
|
11
|
+
/** Ending column for item positioning, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end */
|
|
12
|
+
columnEnd?: Property.GridColumnEnd | MQ<Property.GridColumnEnd>;
|
|
13
|
+
/** Row position, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row */
|
|
14
|
+
row?: Property.GridRow | MQ<Property.GridRow>;
|
|
15
|
+
/** Starting row for item positioning, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start */
|
|
16
|
+
rowStart?: Property.GridRowStart | MQ<Property.GridRowStart>;
|
|
17
|
+
/** Ending row for item positioning, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end */
|
|
18
|
+
rowEnd?: Property.GridRowEnd | MQ<Property.GridRowEnd>;
|
|
19
|
+
/** Define grid area, see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area */
|
|
20
|
+
area?: Property.GridArea | MQ<Property.GridArea>;
|
|
21
|
+
/** Align item in its grid area along block (column) axis, see https://developer.mozilla.org/en-US/docs/Web/CSS/align-self */
|
|
22
|
+
alignSelf?: Property.AlignSelf | MQ<Property.AlignSelf>;
|
|
23
|
+
/** Justify item in its grid area along inline (row) axis, see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self */
|
|
24
|
+
justifySelf?: Property.JustifySelf | MQ<Property.JustifySelf>;
|
|
25
|
+
order?: Property.Order | MQ<Property.Order>;
|
|
26
|
+
/** display item at given breakpoint */
|
|
27
|
+
show?: boolean | MQ<boolean>;
|
|
28
|
+
children: ReactNode;
|
|
29
|
+
"data-e2e-test-id"?: string;
|
|
30
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
31
|
+
export declare function GridItem({ "data-e2e-test-id": dataE2eTestId, children, ...rest }: GridItemProps): React.ReactElement;
|
|
32
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"GridItem",{enumerable:!0,get:function(){return GridItem}});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")),_mediaQueries=require("../../shared/mediaQueries"),StyledContainer=/*#__PURE__*/(0,_styled.default)("div",{target:"e8rzzus0",label:"StyledContainer"})(({row,area,alignSelf,justifySelf,rowStart,rowEnd,order})=>({...(0,_mediaQueries.mqValue)({gridRow:row,gridArea:area,gridRowStart:rowStart,gridRowEnd:rowEnd,alignSelf,justifySelf,order})}),({columnSpan})=>({...columnSpan&&(0,_mediaQueries.mqValue)({gridColumn:Array.isArray(columnSpan)?columnSpan.map(value=>`auto / span ${value}`):`auto / span ${columnSpan}`})}),({columnStart,columnEnd})=>(0,_mediaQueries.mqValue)({gridColumnStart:columnStart,gridColumnEnd:columnEnd}),({show})=>(0,_mediaQueries.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= */");function GridItem({"data-e2e-test-id":dataE2eTestId,children,...rest}){return /*#__PURE__*/_react.default.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
|
-
"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
|
@@ -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/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);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;
|
|
@@ -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
|
-
"use strict";var breakpointRules,breakpointRules1;Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{getMediaQueryClasses:function(){return getMediaQueryClasses},mq:function(){return mq},mqValue:function(){return mqValue}});const _breakpointsjson=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("../web-tokens/_breakpoints.json")),mq=(breakpointRules=[`@media (max-width: ${_breakpointsjson.default.medium.value}px)`,`@media (min-width: ${_breakpointsjson.default.medium.value}px) and (max-width: ${_breakpointsjson.default.large.value}px)`,`@media (min-width: ${_breakpointsjson.default.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
|
+
"use strict";var breakpointRules,breakpointRules1;Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{getMediaQueryClasses:function(){return getMediaQueryClasses},mq:function(){return mq},mqValue:function(){return mqValue}});const _breakpointsjson=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("../web-tokens/_breakpoints.json")),mq=(breakpointRules=[`@media (max-width: ${_breakpointsjson.default.medium.value}px)`,`@media (min-width: ${_breakpointsjson.default.medium.value}px) and (max-width: ${_breakpointsjson.default.large.value}px)`,`@media (min-width: ${_breakpointsjson.default.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}),mqValue=(breakpointRules1=[`@media (max-width: ${_breakpointsjson.default.medium.value}px)`,`@media (min-width: ${_breakpointsjson.default.medium.value}px) and (max-width: ${_breakpointsjson.default.large.value}px)`,`@media (min-width: ${_breakpointsjson.default.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});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])}
|