acinguiux-ds-react-framework 0.0.1

package/build/esm/components/Alert/Alert.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\n\nimport { Meta, StoryFn } from '@storybook/react';\nimport { Alignments, Sizes, TextTypes, Variants, NOOP } from 'acinguiux-ds-react-base';\n\nimport Grid from '../Grid/Grid';\nimport { QuestionMarkCircle } from '../Icon/components';\nimport Barrel from '../Icon/components/Barrel';\nimport Heading from '../Text/components/Heading/Heading';\nimport Text from '../Text/components/Text/Text';\nimport Alert from './Alert';\nimport { IAlertProps } from './Alert.types';\nimport { Sentiments } from '../../types/types';\nimport { GITHUB_COMPONENT_BASE_URL } from '../../utils/storybookUtils';\nimport Button from '../Button/Button';\nimport Form from '../Drawer/_internalComponents/Form';\nimport Drawer from '../Drawer/Drawer';\n\nconst icons = { QuestionMarkCircle: <QuestionMarkCircle />, Barrel: <Barrel /> };\n\nexport default {\n  title: 'Feedback/Alert',\n  component: Alert,\n  parameters: {\n    storyLink: `${GITHUB_COMPONENT_BASE_URL}/Alert/Alert.stories.tsx`,\n  },\n  argTypes: {\n    actions: {\n      description: 'Insert array with AlertAction objects, like: [ { label: \"Ok\" }, { label: \"Cancel\" }]',\n    },\n    actionsAlignment: {\n      if: { arg: 'actions', exists: true },\n      options: [Alignments.Bottom, Alignments.Right],\n      control: 'radio',\n    },\n    className: { control: 'text' },\n    dismissButtonTitle: { if: { arg: 'dismissible', exists: true }, control: { type: 'text' } },\n    icon: {\n      options: Object.keys(icons),\n      control: {\n        type: 'select',\n        labels: { QuestionMarkCircle: 'Question mark', Barrel: 'Barrel' },\n      },\n      mapping: icons,\n    },\n    iconClassName: { if: { arg: 'icon', exists: true } },\n    iconVisibility: { if: { arg: 'icon', exists: true } },\n    label: { control: 'text' },\n    onDismissClick: { table: { disable: true } },\n    ref: { table: { disable: true } },\n    size: { defaultValue: Sizes.Medium, control: 'radio', options: [Sizes.Small, Sizes.Medium, Sizes.Large] },\n    sentiment: { defaultValue: Sentiments.Neutral },\n  },\n} as Meta;\n\nexport const Default: StoryFn<IAlertProps> = (args) => <Alert {...args}>Default alert message</Alert>;\n\nexport const DifferentSentiments: StoryFn<IAlertProps> = (args) => (\n  <>\n    <Alert sentiment={Sentiments.Neutral} {...args}>\n      This is the neutral sentiment alert\n    </Alert>\n    <br />\n    <Alert sentiment={Sentiments.Positive} {...args}>\n      This is the positive sentiment alert\n    </Alert>\n    <br />\n    <Alert sentiment={Sentiments.Negative} {...args}>\n      This is the negative sentiment alert\n    </Alert>\n    <br />\n    <Alert sentiment={Sentiments.Warning} {...args}>\n      This is the warning sentiment alert\n    </Alert>\n    <br />\n    <Alert sentiment={Sentiments.Information} {...args}>\n      This is the information sentiment alert\n    </Alert>\n  </>\n);\n\nexport const DifferentSentimentsWithSolidBgColor: StoryFn<IAlertProps> = (args) => (\n  <>\n    <Alert sentiment={Sentiments.Neutral} solidBgColor {...args}>\n      This is the neutral sentiment alert\n    </Alert>\n    <br />\n    <Alert sentiment={Sentiments.Positive} solidBgColor {...args}>\n      This is the positive sentiment alert\n    </Alert>\n    <br />\n    <Alert sentiment={Sentiments.Negative} solidBgColor {...args}>\n      This is the negative sentiment alert\n    </Alert>\n    <br />\n    <Alert sentiment={Sentiments.Warning} solidBgColor {...args}>\n      This is the warning sentiment alert\n    </Alert>\n    <br />\n    <Alert sentiment={Sentiments.Information} solidBgColor {...args}>\n      This is the information sentiment alert\n    </Alert>\n  </>\n);\n\nexport const WithTitle: StoryFn<IAlertProps> = (args) => (\n  <Alert label=\"Title of the alert\" {...args}>\n    Message with multiple lines of text which needs more lines of text to show a message with multiple lines of text\n  </Alert>\n);\n\nexport const OnlyTitle: StoryFn<IAlertProps> = (args) => <Alert label=\"Title of the alert\" {...args} />;\n\nexport const DifferentSizes: StoryFn<IAlertProps> = (args) => (\n  <Grid rowGap=\"12px\">\n    <Alert\n      size={Sizes.Small}\n      label=\"Title of the alert\"\n      actions={[\n        {\n          label: 'Ok',\n          action: NOOP,\n        },\n        {\n          label: 'Cancel',\n          action: NOOP,\n        },\n      ]}\n      {...args}\n    >\n      Message with multiple lines of text which needs more lines of text to show a message with multiple lines of text\n    </Alert>\n    <Alert\n      size={Sizes.Medium}\n      label=\"Title of the alert\"\n      actions={[\n        {\n          label: 'Ok',\n          action: NOOP,\n        },\n        {\n          label: 'Cancel',\n          action: NOOP,\n        },\n      ]}\n      {...args}\n    >\n      Message with multiple lines of text which needs more lines of text to show a message with multiple lines of text\n    </Alert>\n    <Alert\n      size={Sizes.Large}\n      label=\"Title of the alert\"\n      actions={[\n        {\n          label: 'Ok',\n          action: NOOP,\n        },\n        {\n          label: 'Cancel',\n          action: NOOP,\n        },\n      ]}\n      {...args}\n    >\n      Message with multiple lines of text which needs more lines of text to show a message with multiple lines of text\n    </Alert>\n  </Grid>\n);\n\nexport const WithActionButtons: StoryFn<IAlertProps> = (args) => (\n  <Grid rowGap=\"12px\">\n    <Alert\n      label=\"Title of the alert\"\n      actions={[\n        {\n          label: 'Confirm',\n          action: NOOP,\n        },\n        {\n          label: 'Reject',\n          action: NOOP,\n        },\n      ]}\n      {...args}\n    >\n      Message with multiple lines of text which needs more lines of text to show a message with multiple lines of text\n    </Alert>\n  </Grid>\n);\n\nexport const ActionsAlignments: StoryFn<IAlertProps> = (args) => (\n  <Grid rowGap=\"12px\">\n    <Alert\n      label=\"Title of the alert\"\n      actions={[\n        {\n          label: 'Confirm',\n          action: NOOP,\n        },\n        {\n          label: 'Reject',\n          action: NOOP,\n        },\n      ]}\n      {...args}\n    >\n      Message with multiple lines of text which needs more lines of text to show a message with multiple lines of text\n    </Alert>\n    <Alert\n      label=\"Title of the alert\"\n      actions={[\n        {\n          label: 'Confirm',\n          action: NOOP,\n        },\n        {\n          label: 'Reject',\n          action: NOOP,\n        },\n      ]}\n      actionsAlignment={Alignments.Right}\n      {...args}\n    >\n      Message with multiple lines of text which needs more lines of text to show a message with multiple lines of text\n    </Alert>\n  </Grid>\n);\n\nexport const CustomIcon: StoryFn<IAlertProps> = (args) => (\n  <Alert icon={<Barrel />} {...args}>\n    This is the alert with custom icon\n  </Alert>\n);\n\nexport const NoIcon: StoryFn<IAlertProps> = (args) => (\n  <Alert iconVisibility={false} {...args}>\n    This is the alert with no icon\n  </Alert>\n);\n\nexport const Developed: StoryFn<IAlertProps> = (args) => (\n  <Alert {...args}>\n    <Heading type={TextTypes.H3}>This is the label</Heading>\n    <Text>This is a description with a lot of lorem ipsum text:</Text>\n    <Text>\n      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae cumque delectus deserunt eius explicabo sapiente\n      sint velit voluptatem voluptates! Dignissimos ipsum nulla quidem! Accusamus autem earum, iste perferendis quas\n      repellendus.\n    </Text>\n  </Alert>\n);\n\nexport const Elevation: StoryFn<IAlertProps> = (args) => (\n  <Alert elevation {...args}>\n    This is an elevated alert\n  </Alert>\n);\n\nexport const Dismissible: StoryFn<IAlertProps> = (args) => (\n  <Alert dismissible {...args}>\n    This is a dismissible alert\n  </Alert>\n);\n\nexport const InForm: StoryFn<IAlertProps> = ({ size, ...args }) => (\n  <Grid gap=\"24px\">\n    <Alert label=\"Please fill in all mandatory fields\" sentiment={Sentiments.Negative} solidBgColor {...args}>\n      All fields must be filled in to submit this form.\n    </Alert>\n    <Form />\n  </Grid>\n);\n\nexport const InDrawer: StoryFn<IAlertProps> = ({ size, ...args }) => {\n  const [open, setOpen] = useState(false);\n\n  const handleOnClick = () => {\n    setOpen(true);\n  };\n\n  const handleOnClose = () => {\n    setOpen(false);\n  };\n\n  return (\n    <>\n      <Button onClick={handleOnClick}>Open</Button>\n      <Drawer\n        open={open}\n        header=\"Form\"\n        onClose={handleOnClose}\n        actions={[\n          {\n            label: 'Cancel',\n            action: () => {\n              handleOnClose();\n            },\n            props: {\n              variant: Variants.Outlined,\n            },\n          },\n          {\n            label: 'Confirm',\n            action: () => {\n              handleOnClose();\n            },\n          },\n        ]}\n      >\n        <Grid gap=\"24px\">\n          <Alert solidBgColor label=\"Remember to fill in correct data.\" {...args}>\n            Data will be stored in database.\n          </Alert>\n          <Form />\n          <Alert label=\"Please fill in all mandatory fields\" sentiment={Sentiments.Negative} solidBgColor {...args}>\n            All fields must be filled in to submit this form.\n          </Alert>\n        </Grid>\n      </Drawer>\n    </>\n  );\n};\n"]}

package/build/esm/components/Alert/Alert.styles.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { IAlertProps } from './Alert.types';
+declare const Alert: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IAlertProps, "size" | "sentiment" | "solidBgColor"> & Required<Pick<IAlertProps, "size" | "sentiment" | "solidBgColor">> & Omit<Pick<IAlertProps, "elevation">, "elevation"> & {
+    $elevation?: boolean | undefined;
+}, never>;
+declare const AlertLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    color?: import("../..").TextColor | undefined;
+} & {
+    type?: import("../..").HeadingType | undefined;
+    level?: import("../..").HeadingLevel | undefined;
+    gutter?: boolean | undefined;
+    bold?: boolean | undefined;
+    prominence?: import("../..").TextProminence | undefined;
+} & import("react").RefAttributes<HTMLHeadingElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const AlertContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IAlertProps, "size" | "actionsAlignment"> & Required<Pick<IAlertProps, "size" | "actionsAlignment">> & {
+    $hasLabel?: boolean | undefined;
+}, never>;
+declare const AlertContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const Actions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IAlertProps, "dismissible" | "actionsAlignment"> & Required<Pick<IAlertProps, "dismissible" | "actionsAlignment">>, never>;
+declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IAlertProps, "size" | "sentiment" | "solidBgColor"> & Required<Pick<IAlertProps, "size" | "sentiment" | "solidBgColor">>, never>;
+declare const DismissContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const DismissButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../..").IButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+export { Alert, AlertContentContainer, AlertContent, AlertLabel, Actions, IconContainer, DismissContainer, DismissButton, };
+//# sourceMappingURL=Alert.styles.d.ts.map

package/build/esm/components/Alert/Alert.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,QAAA,MAAM,KAAK;;SA8BV,CAAC;AAEF,QAAA,MAAM,UAAU;;;;;;;;4GAAoB,CAAC;AAErC,QAAA,MAAM,qBAAqB;;SAmB1B,CAAC;AAEF,QAAA,MAAM,YAAY,yGAMjB,CAAC;AAEF,QAAA,MAAM,OAAO,8NAeZ,CAAC;AAEF,QAAA,MAAM,aAAa,oOAWlB,CAAC;AAEF,QAAA,MAAM,gBAAgB,yGAMrB,CAAC;AAEF,QAAA,MAAM,aAAa,2OAGlB,CAAC;AAEF,OAAO,EACL,KAAK,EACL,qBAAqB,EACrB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,aAAa,GACd,CAAC"}

package/build/esm/components/Alert/Alert.styles.js

@@ -0,0 +1,101 @@
+import styled, { css } from 'styled-components';
+import { Alignments, Sizes, ALERT_CLASS } from 'acinguiux-ds-react-base';
+import { getColorBySentiment, getSubtleColorBySentiment, getColorBySentimentOnSubtleBg } from '../../utils/colorUtils';
+import Button from '../Button/Button';
+import Heading from '../Text/components/Heading/Heading';
+import { alertConsts } from './Alert.consts';
+const Alert = styled.div `
+  ${({ size, sentiment, $elevation, solidBgColor, theme }) => css `
+    ${size === Sizes.Large ? theme.label.medium.normal : theme.label.small.normal};
+
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    width: 100%;
+    min-height: ${alertConsts.minHeight[size]}px;
+    padding: ${alertConsts.padding[size]};
+    border: 1px solid ${getColorBySentiment(sentiment, theme)};
+    border-radius: 2px;
+    background-color: ${theme.background.raised};
+    color: ${theme.text.onSurface.strong};
+
+    ${$elevation &&
+    css `
+      box-shadow: ${theme.elevation.level1};
+      border: 0;
+      border-left: 4px solid ${getColorBySentiment(sentiment, theme)};
+    `}
+
+    ${solidBgColor &&
+    css `
+      background-color: ${getSubtleColorBySentiment(sentiment, theme)};
+    `}
+  `}
+`;
+const AlertLabel = styled(Heading) ``;
+const AlertContentContainer = styled.div `
+  ${({ size, actionsAlignment, $hasLabel }) => css `
+    display: flex;
+    flex-grow: 1;
+    margin-top: ${alertConsts[$hasLabel ? 'labelMarginTop' : 'childrenMarginTop'][size]}px;
+
+    ${actionsAlignment === Alignments.Bottom &&
+    css `
+      flex-grow: 1;
+      flex-direction: column;
+    `}
+
+    ${actionsAlignment === Alignments.Right &&
+    css `
+      justify-content: space-between;
+    `}
+  `}
+`;
+const AlertContent = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  min-height: 20px;
+  row-gap: 8px;
+`;
+const Actions = styled.div `
+  ${({ actionsAlignment, dismissible }) => css `
+    margin-top: 8px;
+    display: flex;
+    gap: 12px;
+    height: fit-content;
+    align-items: center;
+
+    ${actionsAlignment === Alignments.Right &&
+    dismissible &&
+    css `
+      margin-top: unset;
+      margin-right: 12px;
+    `};
+  `};
+`;
+const IconContainer = styled.div `
+  ${({ size, sentiment, solidBgColor, theme }) => css `
+    display: flex;
+    height: 100%;
+    margin-right: ${alertConsts.iconMarginRight[size]}px;
+
+    .${ALERT_CLASS}-icon {
+      margin-top: ${alertConsts.iconMarginTop[size]}px;
+      fill: ${solidBgColor ? getColorBySentimentOnSubtleBg(sentiment, theme) : getColorBySentiment(sentiment, theme)};
+    }
+  `};
+`;
+const DismissContainer = styled.div `
+  margin-left: 4px;
+  height: 20px;
+  width: 20px;
+  min-height: 20px;
+  position: relative;
+`;
+const DismissButton = styled(Button) `
+  margin-top: -3px;
+  margin-left: 4px;
+`;
+export { Alert, AlertContentContainer, AlertContent, AlertLabel, Actions, IconContainer, DismissContainer, DismissButton, };
+//# sourceMappingURL=Alert.styles.js.map

package/build/esm/components/Alert/Alert.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.styles.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { Alignments, Sizes, RequiredProperties, Transient, ALERT_CLASS } from 'acinguiux-ds-react-base';\n\nimport { getColorBySentiment, getSubtleColorBySentiment, getColorBySentimentOnSubtleBg } from '../../utils/colorUtils';\nimport Button from '../Button/Button';\nimport { IAlertProps } from './Alert.types';\nimport Heading from '../Text/components/Heading/Heading';\nimport { alertConsts } from './Alert.consts';\n\nconst Alert = styled.div<\n  RequiredProperties<IAlertProps, 'sentiment' | 'size' | 'solidBgColor'> &\n    Transient<Pick<IAlertProps, 'elevation'>, 'elevation'>\n>`\n  ${({ size, sentiment, $elevation, solidBgColor, theme }) => css`\n    ${size === Sizes.Large ? theme.label.medium.normal : theme.label.small.normal};\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    width: 100%;\n    min-height: ${alertConsts.minHeight[size]}px;\n    padding: ${alertConsts.padding[size]};\n    border: 1px solid ${getColorBySentiment(sentiment, theme)};\n    border-radius: 2px;\n    background-color: ${theme.background.raised};\n    color: ${theme.text.onSurface.strong};\n\n    ${$elevation &&\n    css`\n      box-shadow: ${theme.elevation.level1};\n      border: 0;\n      border-left: 4px solid ${getColorBySentiment(sentiment, theme)};\n    `}\n\n    ${solidBgColor &&\n    css`\n      background-color: ${getSubtleColorBySentiment(sentiment, theme)};\n    `}\n  `}\n`;\n\nconst AlertLabel = styled(Heading)``;\n\nconst AlertContentContainer = styled.div<\n  RequiredProperties<IAlertProps, 'size' | 'actionsAlignment'> & { $hasLabel?: boolean }\n>`\n  ${({ size, actionsAlignment, $hasLabel }) => css`\n    display: flex;\n    flex-grow: 1;\n    margin-top: ${alertConsts[$hasLabel ? 'labelMarginTop' : 'childrenMarginTop'][size]}px;\n\n    ${actionsAlignment === Alignments.Bottom &&\n    css`\n      flex-grow: 1;\n      flex-direction: column;\n    `}\n\n    ${actionsAlignment === Alignments.Right &&\n    css`\n      justify-content: space-between;\n    `}\n  `}\n`;\n\nconst AlertContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: start;\n  min-height: 20px;\n  row-gap: 8px;\n`;\n\nconst Actions = styled.div<RequiredProperties<IAlertProps, 'actionsAlignment' | 'dismissible'>>`\n  ${({ actionsAlignment, dismissible }) => css`\n    margin-top: 8px;\n    display: flex;\n    gap: 12px;\n    height: fit-content;\n    align-items: center;\n\n    ${actionsAlignment === Alignments.Right &&\n    dismissible &&\n    css`\n      margin-top: unset;\n      margin-right: 12px;\n    `};\n  `};\n`;\n\nconst IconContainer = styled.div<RequiredProperties<IAlertProps, 'size' | 'sentiment' | 'solidBgColor'>>`\n  ${({ size, sentiment, solidBgColor, theme }) => css`\n    display: flex;\n    height: 100%;\n    margin-right: ${alertConsts.iconMarginRight[size]}px;\n\n    .${ALERT_CLASS}-icon {\n      margin-top: ${alertConsts.iconMarginTop[size]}px;\n      fill: ${solidBgColor ? getColorBySentimentOnSubtleBg(sentiment, theme) : getColorBySentiment(sentiment, theme)};\n    }\n  `};\n`;\n\nconst DismissContainer = styled.div`\n  margin-left: 4px;\n  height: 20px;\n  width: 20px;\n  min-height: 20px;\n  position: relative;\n`;\n\nconst DismissButton = styled(Button)`\n  margin-top: -3px;\n  margin-left: 4px;\n`;\n\nexport {\n  Alert,\n  AlertContentContainer,\n  AlertContent,\n  AlertLabel,\n  Actions,\n  IconContainer,\n  DismissContainer,\n  DismissButton,\n};\n"]}

package/build/esm/components/Alert/Alert.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Alert.test.d.ts.map

package/build/esm/components/Alert/Alert.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.test.tsx"],"names":[],"mappings":""}

package/build/esm/components/Alert/Alert.test.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { act } from '@testing-library/react-hooks';
+import { Sizes, Alignments } from 'acinguiux-ds-react-base';
+import { render, userEvent, describe, it, expect, screen, vi } from '../../utils/viTestUtils';
+import Barrel from '../Icon/components/Barrel';
+import Alert from './Alert';
+import { Sentiments } from '../../types/types';
+const alertText = 'this is the alert';
+describe('Alert component', () => {
+    it('should render with default props', () => {
+        render(_jsx(Alert, { children: alertText }));
+        expect(screen.getByText(alertText)).toBeInTheDocument();
+    });
+    it('should render small prop', () => {
+        render(_jsx(Alert, { size: Sizes.Small, label: "Label", children: alertText }));
+        expect(screen.getByText(alertText)).toBeInTheDocument();
+    });
+    it('should render large prop', () => {
+        render(_jsx(Alert, { size: Sizes.Large, label: "Label", children: alertText }));
+        expect(screen.getByText(alertText)).toBeInTheDocument();
+    });
+    it('should show the remove button when dismissible', () => {
+        render(_jsx(Alert, { dismissible: true, children: alertText }));
+        expect(screen.getByTitle('Dismiss')).toBeInTheDocument();
+    });
+    it('should call dismissible callback on dismiss', () => {
+        const handleDismiss = vi.fn();
+        render(_jsx(Alert, { dismissible: true, onDismissClick: handleDismiss, children: alertText }));
+        act(() => {
+            userEvent.click(screen.getByTitle('Dismiss'));
+        });
+        expect(handleDismiss).toBeCalledTimes(1);
+    });
+    it('should render the custom icon', () => {
+        render(_jsx(Alert, { icon: _jsx(Barrel, { "data-testid": "icon-barrel" }), children: alertText }));
+        expect(screen.getByTestId('icon-barrel')).toBeInTheDocument();
+    });
+    describe('Sentiments', () => {
+        const sentiments = [
+            [Sentiments.Information, 'information'],
+            [Sentiments.Negative, 'an error happened'],
+            [Sentiments.Warning, 'urgent!'],
+            [Sentiments.Positive, 'form submitted'],
+            [Sentiments.Neutral, 'default sentiment'],
+        ];
+        it.each(sentiments)('should render %s sentiment', (sentiment, message) => {
+            render(_jsx(Alert, { sentiment: sentiment, children: message }));
+            expect(screen.getByText(message)).toBeInTheDocument();
+        });
+    });
+    it('should accept a className prop', () => {
+        const { container } = render(_jsx(Alert, { className: "custom-class-name", children: alertText }));
+        expect(container.querySelector('.custom-class-name')).toBeInTheDocument();
+    });
+    it('should render a label', () => {
+        const label = 'Alert label';
+        const message = 'Alert message';
+        render(_jsx(Alert, { label: label, children: message }));
+        expect(screen.getByText(label)).toBeInTheDocument();
+        expect(screen.getByText(message)).toBeInTheDocument();
+    });
+    it('should render both action buttons', () => {
+        const onPrimaryCallbackFn = vi.fn();
+        const onSecondaryCallbackFn = vi.fn();
+        const PrimaryLabel = 'Primary';
+        const SecondaryLabel = 'Secondary';
+        render(_jsx(Alert, { actions: [
+                {
+                    label: PrimaryLabel,
+                    action: onPrimaryCallbackFn,
+                },
+                {
+                    label: SecondaryLabel,
+                    action: onSecondaryCallbackFn,
+                },
+            ] }));
+        expect(screen.getByText(PrimaryLabel)).toBeInTheDocument();
+        const primary = screen.getByText(PrimaryLabel);
+        expect(primary).toBeInTheDocument();
+        act(() => {
+            userEvent.click(primary);
+        });
+        expect(screen.getByText(PrimaryLabel)).toBeInTheDocument();
+        const secondary = screen.getByText(SecondaryLabel);
+        expect(secondary).toBeInTheDocument();
+        act(() => {
+            userEvent.click(secondary);
+        });
+        expect(onPrimaryCallbackFn).toBeCalledTimes(1);
+        expect(onSecondaryCallbackFn).toBeCalledTimes(1);
+    });
+    it('should render with icon props', () => {
+        render(_jsx(Alert, { icon: _jsx(Barrel, {}), children: alertText }));
+        expect(screen.getByText(alertText)).toBeInTheDocument();
+    });
+    it('should render with icon props', () => {
+        render(_jsx(Alert, { icon: _jsx(Barrel, {}), iconVisibility: false, children: alertText }));
+        expect(screen.getByText(alertText)).toBeInTheDocument();
+    });
+    it('should render with elevation props', () => {
+        render(_jsx(Alert, { elevation: true, children: alertText }));
+        expect(screen.getByText(alertText)).toBeInTheDocument();
+    });
+    it('should render with actionsAlignment props', () => {
+        render(_jsx(Alert, { actionsAlignment: Alignments.Right, children: alertText }));
+        expect(screen.getByText(alertText)).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Alert.test.js.map

package/build/esm/components/Alert/Alert.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.test.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import { act } from '@testing-library/react-hooks';\nimport { Sizes, Alignments } from 'acinguiux-ds-react-base';\n\nimport { render, userEvent, describe, it, expect, screen, vi } from '../../utils/viTestUtils';\nimport Barrel from '../Icon/components/Barrel';\nimport Alert from './Alert';\nimport { AlertSentiments } from './Alert.types';\nimport { Sentiments } from '../../types/types';\n\nconst alertText = 'this is the alert';\n\ndescribe('Alert component', () => {\n  it('should render with default props', () => {\n    render(<Alert>{alertText}</Alert>);\n    expect(screen.getByText(alertText)).toBeInTheDocument();\n  });\n\n  it('should render small prop', () => {\n    render(\n      <Alert size={Sizes.Small} label=\"Label\">\n        {alertText}\n      </Alert>,\n    );\n    expect(screen.getByText(alertText)).toBeInTheDocument();\n  });\n\n  it('should render large prop', () => {\n    render(\n      <Alert size={Sizes.Large} label=\"Label\">\n        {alertText}\n      </Alert>,\n    );\n    expect(screen.getByText(alertText)).toBeInTheDocument();\n  });\n\n  it('should show the remove button when dismissible', () => {\n    render(<Alert dismissible>{alertText}</Alert>);\n    expect(screen.getByTitle('Dismiss')).toBeInTheDocument();\n  });\n\n  it('should call dismissible callback on dismiss', () => {\n    const handleDismiss = vi.fn();\n    render(\n      <Alert dismissible onDismissClick={handleDismiss}>\n        {alertText}\n      </Alert>,\n    );\n\n    act(() => {\n      userEvent.click(screen.getByTitle('Dismiss'));\n    });\n\n    expect(handleDismiss).toBeCalledTimes(1);\n  });\n\n  it('should render the custom icon', () => {\n    render(<Alert icon={<Barrel data-testid=\"icon-barrel\" />}>{alertText}</Alert>);\n\n    expect(screen.getByTestId('icon-barrel')).toBeInTheDocument();\n  });\n\n  describe('Sentiments', () => {\n    const sentiments: [AlertSentiments, string][] = [\n      [Sentiments.Information, 'information'],\n      [Sentiments.Negative, 'an error happened'],\n      [Sentiments.Warning, 'urgent!'],\n      [Sentiments.Positive, 'form submitted'],\n      [Sentiments.Neutral, 'default sentiment'],\n    ];\n\n    it.each(sentiments)('should render %s sentiment', (sentiment, message) => {\n      render(<Alert sentiment={sentiment}>{message}</Alert>);\n\n      expect(screen.getByText(message)).toBeInTheDocument();\n    });\n  });\n\n  it('should accept a className prop', () => {\n    const { container } = render(<Alert className=\"custom-class-name\">{alertText}</Alert>);\n    expect(container.querySelector('.custom-class-name')).toBeInTheDocument();\n  });\n\n  it('should render a label', () => {\n    const label = 'Alert label';\n    const message = 'Alert message';\n    render(<Alert label={label}>{message}</Alert>);\n\n    expect(screen.getByText(label)).toBeInTheDocument();\n    expect(screen.getByText(message)).toBeInTheDocument();\n  });\n\n  it('should render both action buttons', () => {\n    const onPrimaryCallbackFn = vi.fn();\n    const onSecondaryCallbackFn = vi.fn();\n    const PrimaryLabel = 'Primary';\n    const SecondaryLabel = 'Secondary';\n\n    render(\n      <Alert\n        actions={[\n          {\n            label: PrimaryLabel,\n            action: onPrimaryCallbackFn,\n          },\n          {\n            label: SecondaryLabel,\n            action: onSecondaryCallbackFn,\n          },\n        ]}\n      />,\n    );\n\n    expect(screen.getByText(PrimaryLabel)).toBeInTheDocument();\n    const primary = screen.getByText(PrimaryLabel);\n    expect(primary).toBeInTheDocument();\n\n    act(() => {\n      userEvent.click(primary);\n    });\n\n    expect(screen.getByText(PrimaryLabel)).toBeInTheDocument();\n    const secondary = screen.getByText(SecondaryLabel);\n    expect(secondary).toBeInTheDocument();\n\n    act(() => {\n      userEvent.click(secondary);\n    });\n\n    expect(onPrimaryCallbackFn).toBeCalledTimes(1);\n    expect(onSecondaryCallbackFn).toBeCalledTimes(1);\n  });\n\n  it('should render with icon props', () => {\n    render(<Alert icon={<Barrel />}>{alertText}</Alert>);\n    expect(screen.getByText(alertText)).toBeInTheDocument();\n  });\n\n  it('should render with icon props', () => {\n    render(\n      <Alert icon={<Barrel />} iconVisibility={false}>\n        {alertText}\n      </Alert>,\n    );\n    expect(screen.getByText(alertText)).toBeInTheDocument();\n  });\n\n  it('should render with elevation props', () => {\n    render(<Alert elevation>{alertText}</Alert>);\n    expect(screen.getByText(alertText)).toBeInTheDocument();\n  });\n\n  it('should render with actionsAlignment props', () => {\n    render(<Alert actionsAlignment={Alignments.Right}>{alertText}</Alert>);\n    expect(screen.getByText(alertText)).toBeInTheDocument();\n  });\n});\n"]}

package/build/esm/components/Alert/Alert.types.d.ts

@@ -0,0 +1,24 @@
+import { ComponentPropsWithoutRef, MouseEvent, ReactElement } from 'react';
+import { SentimentType } from 'acinguiux-ds-fabrics';
+import { Sizes, Alignments, Action } from 'acinguiux-ds-react-base';
+import { IButtonProps } from '../Button/Button.types';
+export type AlertSentiments = Extract<SentimentType, 'neutral' | 'positive' | 'negative' | 'warning' | 'information'>;
+export type AlertSize = Sizes.Small | Sizes.Medium | Sizes.Large;
+export type AlertActionsAlignment = Alignments.Bottom | Alignments.Right;
+export type AlertAction = Action<Omit<IButtonProps, 'size' | 'variant'>>;
+export interface IAlertProps extends ComponentPropsWithoutRef<'div'> {
+    size?: AlertSize;
+    sentiment?: AlertSentiments;
+    label?: string;
+    elevation?: boolean;
+    dismissible?: boolean;
+    icon?: ReactElement;
+    iconVisibility?: boolean;
+    iconClassName?: string;
+    actionsAlignment?: AlertActionsAlignment;
+    onDismissClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    actions?: AlertAction[];
+    dismissButtonTitle?: string;
+    solidBgColor?: boolean;
+}
+//# sourceMappingURL=Alert.types.d.ts.map

package/build/esm/components/Alert/Alert.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,aAAa,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,CAAC,CAAC;AACtH,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;AACjE,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC;AACzE,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;AAEzE,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/build/esm/components/Alert/Alert.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Alert.types.js.map

package/build/esm/components/Alert/Alert.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ComponentPropsWithoutRef, MouseEvent, ReactElement } from 'react';\n\nimport { SentimentType } from 'acinguiux-ds-fabrics';\nimport { Sizes, Alignments, Action } from 'acinguiux-ds-react-base';\n\nimport { IButtonProps } from '../Button/Button.types';\n\nexport type AlertSentiments = Extract<SentimentType, 'neutral' | 'positive' | 'negative' | 'warning' | 'information'>;\nexport type AlertSize = Sizes.Small | Sizes.Medium | Sizes.Large;\nexport type AlertActionsAlignment = Alignments.Bottom | Alignments.Right;\nexport type AlertAction = Action<Omit<IButtonProps, 'size' | 'variant'>>;\n\nexport interface IAlertProps extends ComponentPropsWithoutRef<'div'> {\n  size?: AlertSize;\n  sentiment?: AlertSentiments;\n  label?: string;\n  elevation?: boolean;\n  dismissible?: boolean;\n  icon?: ReactElement;\n  iconVisibility?: boolean;\n  iconClassName?: string;\n  actionsAlignment?: AlertActionsAlignment;\n  onDismissClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n  actions?: AlertAction[];\n  dismissButtonTitle?: string;\n  solidBgColor?: boolean;\n}\n"]}

package/build/esm/components/Alert/__tests__/Alert.avt.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Alert.avt.test.d.ts.map

package/build/esm/components/Alert/__tests__/Alert.avt.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.avt.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/__tests__/Alert.avt.test.tsx"],"names":[],"mappings":""}

package/build/esm/components/Alert/__tests__/Alert.avt.test.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Alert from '../Alert';
+import { runAxeAccessibilityValidationTest } from '../../../utils/viTestUtils';
+const alertText = 'this is the alert';
+describe('AVT', () => {
+    it('should not have Accessibility violations for DEFAULT <Alert />', async () => {
+        await runAxeAccessibilityValidationTest(_jsx(Alert, { children: alertText }));
+    });
+});
+//# sourceMappingURL=Alert.avt.test.js.map

package/build/esm/components/Alert/__tests__/Alert.avt.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.avt.test.js","sourceRoot":"","sources":["../../../../../src/components/Alert/__tests__/Alert.avt.test.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,iCAAiC,EAAE,MAAM,4BAA4B,CAAC;AAE/E,MAAM,SAAS,GAAG,mBAAmB,CAAC;AAEtC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;IACnB,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;QAC9E,MAAM,iCAAiC,CAAC,KAAC,KAAK,cAAE,SAAS,GAAS,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import Alert from '../Alert';\nimport { runAxeAccessibilityValidationTest } from '../../../utils/viTestUtils';\n\nconst alertText = 'this is the alert';\n\ndescribe('AVT', () => {\n  it('should not have Accessibility violations for DEFAULT <Alert />', async () => {\n    await runAxeAccessibilityValidationTest(<Alert>{alertText}</Alert>);\n  });\n});\n"]}

package/build/esm/components/Alert/utils/alertUtils.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { AlertSentiments, AlertSize } from '../Alert.types';
+import { HeadingType } from '../../Text/components/Heading/Heading.types';
+export declare const getAlertStateIcon: (sentiment: AlertSentiments, size: AlertSize, icon?: ReactElement) => ReactElement;
+export declare const getAlertLabelType: (size: AlertSize) => HeadingType;
+//# sourceMappingURL=alertUtils.d.ts.map

package/build/esm/components/Alert/utils/alertUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alertUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/utils/alertUtils.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAqB,YAAY,EAAE,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG5D,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAG1E,eAAO,MAAM,iBAAiB,cAAe,eAAe,QAAQ,SAAS,SAAS,YAAY,KAAG,YAoBpG,CAAC;AAEF,eAAO,MAAM,iBAAiB,SAAU,SAAS,KAAG,WASnD,CAAC"}

package/build/esm/components/Alert/utils/alertUtils.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cloneElement } from 'react';
+import { Sizes, TextTypes, ALERT_CLASS } from 'acinguiux-ds-react-base';
+import { Sentiments } from '../../../types/types';
+import { QuestionMarkCircle, CheckCircle, CrossCircle, AlertCircle, InfoCircle } from '../../Icon/components';
+import { alertConsts } from '../Alert.consts';
+export const getAlertStateIcon = (sentiment, size, icon) => {
+    const iconProps = {
+        className: `${ALERT_CLASS}-icon`,
+        width: alertConsts.icon[size],
+        height: alertConsts.icon[size],
+    };
+    if (icon) {
+        return cloneElement(icon, iconProps);
+    }
+    const icons = {
+        [Sentiments.Neutral]: _jsx(QuestionMarkCircle, { ...iconProps }),
+        [Sentiments.Positive]: _jsx(CheckCircle, { ...iconProps }),
+        [Sentiments.Negative]: _jsx(CrossCircle, { ...iconProps }),
+        [Sentiments.Warning]: _jsx(AlertCircle, { ...iconProps }),
+        [Sentiments.Information]: _jsx(InfoCircle, { ...iconProps }),
+    };
+    return icons[sentiment];
+};
+export const getAlertLabelType = (size) => {
+    switch (size) {
+        case Sizes.Small:
+            return TextTypes.H5;
+        case Sizes.Large:
+            return TextTypes.H3;
+        default:
+            return TextTypes.H4;
+    }
+};
+//# sourceMappingURL=alertUtils.js.map

package/build/esm/components/Alert/utils/alertUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alertUtils.js","sourceRoot":"","sources":["../../../../../src/components/Alert/utils/alertUtils.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAO,YAAY,EAAgB,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGxE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE9G,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAA0B,EAAE,IAAe,EAAE,IAAmB,EAAgB,EAAE;IAClH,MAAM,SAAS,GAAG;QAChB,SAAS,EAAE,GAAG,WAAW,OAAO;QAChC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QAC7B,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;KAC/B,CAAC;IAEF,IAAI,IAAI,EAAE;QACR,OAAO,YAAY,CAAC,IAAoB,EAAE,SAAS,CAAC,CAAC;KACtD;IAED,MAAM,KAAK,GAAmC;QAC5C,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,KAAC,kBAAkB,OAAK,SAAS,GAAI;QAC3D,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,KAAC,WAAW,OAAK,SAAS,GAAI;QACrD,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,KAAC,WAAW,OAAK,SAAS,GAAI;QACrD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,KAAC,WAAW,OAAK,SAAS,GAAI;QACpD,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,KAAC,UAAU,OAAK,SAAS,GAAI;KACxD,CAAC;IAEF,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAAe,EAAe,EAAE;IAChE,QAAQ,IAAI,EAAE;QACZ,KAAK,KAAK,CAAC,KAAK;YACd,OAAO,SAAS,CAAC,EAAE,CAAC;QACtB,KAAK,KAAK,CAAC,KAAK;YACd,OAAO,SAAS,CAAC,EAAE,CAAC;QACtB;YACE,OAAO,SAAS,CAAC,EAAE,CAAC;KACvB;AACH,CAAC,CAAC","sourcesContent":["import React, { JSX, cloneElement, ReactElement } from 'react';\n\nimport { Sizes, TextTypes, ALERT_CLASS } from 'acinguiux-ds-react-base';\n\nimport { AlertSentiments, AlertSize } from '../Alert.types';\nimport { Sentiments } from '../../../types/types';\nimport { QuestionMarkCircle, CheckCircle, CrossCircle, AlertCircle, InfoCircle } from '../../Icon/components';\nimport { HeadingType } from '../../Text/components/Heading/Heading.types';\nimport { alertConsts } from '../Alert.consts';\n\nexport const getAlertStateIcon = (sentiment: AlertSentiments, size: AlertSize, icon?: ReactElement): ReactElement => {\n  const iconProps = {\n    className: `${ALERT_CLASS}-icon`,\n    width: alertConsts.icon[size],\n    height: alertConsts.icon[size],\n  };\n\n  if (icon) {\n    return cloneElement(icon as ReactElement, iconProps);\n  }\n\n  const icons: { [key: string]: JSX.Element } = {\n    [Sentiments.Neutral]: <QuestionMarkCircle {...iconProps} />,\n    [Sentiments.Positive]: <CheckCircle {...iconProps} />,\n    [Sentiments.Negative]: <CrossCircle {...iconProps} />,\n    [Sentiments.Warning]: <AlertCircle {...iconProps} />,\n    [Sentiments.Information]: <InfoCircle {...iconProps} />,\n  };\n\n  return icons[sentiment];\n};\n\nexport const getAlertLabelType = (size: AlertSize): HeadingType => {\n  switch (size) {\n    case Sizes.Small:\n      return TextTypes.H5;\n    case Sizes.Large:\n      return TextTypes.H3;\n    default:\n      return TextTypes.H4;\n  }\n};\n"]}

package/build/esm/components/Avatar/Avatar.consts.d.ts

@@ -0,0 +1,11 @@
+import { AvatarSize } from './Avatar.types';
+type AvatarConstsType = {
+    [size in AvatarSize]: {
+        avatar: number;
+        icon: number;
+    };
+};
+export declare const avatarConsts: AvatarConstsType;
+export declare const altDefaultText = "Avatar";
+export {};
+//# sourceMappingURL=Avatar.consts.d.ts.map

package/build/esm/components/Avatar/Avatar.consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.consts.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.consts.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,KAAK,gBAAgB,GAAG;KACrB,IAAI,IAAI,UAAU,GAAG;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd;CACF,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAa1B,CAAC;AAEF,eAAO,MAAM,cAAc,WAAW,CAAC"}

package/build/esm/components/Avatar/Avatar.consts.js

@@ -0,0 +1,17 @@
+import { Sizes } from 'acinguiux-ds-react-base';
+export const avatarConsts = {
+    [Sizes.Small]: {
+        avatar: 28,
+        icon: 20,
+    },
+    [Sizes.Medium]: {
+        avatar: 36,
+        icon: 24,
+    },
+    [Sizes.Large]: {
+        avatar: 44,
+        icon: 28,
+    },
+};
+export const altDefaultText = 'Avatar';
+//# sourceMappingURL=Avatar.consts.js.map

package/build/esm/components/Avatar/Avatar.consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.consts.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAWhD,MAAM,CAAC,MAAM,YAAY,GAAqB;IAC5C,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACb,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;KACT;IACD,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;QACd,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;KACT;IACD,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACb,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC","sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\n\nimport { AvatarSize } from './Avatar.types';\n\ntype AvatarConstsType = {\n  [size in AvatarSize]: {\n    avatar: number;\n    icon: number;\n  };\n};\n\nexport const avatarConsts: AvatarConstsType = {\n  [Sizes.Small]: {\n    avatar: 28,\n    icon: 20,\n  },\n  [Sizes.Medium]: {\n    avatar: 36,\n    icon: 24,\n  },\n  [Sizes.Large]: {\n    avatar: 44,\n    icon: 28,\n  },\n};\n\nexport const altDefaultText = 'Avatar';\n"]}

package/build/esm/components/Avatar/Avatar.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { IAvatarProps } from './Avatar.types';
+declare const Avatar: ({ className, size, src, alt, abbreviation, label, secondaryLabel, additionalText, dropdownOverlay, collapsed, ...rest }: IAvatarProps) => ReactElement;
+export default Avatar;
+//# sourceMappingURL=Avatar.d.ts.map

package/build/esm/components/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAS5C,OAAO,EAAE,YAAY,EAAsE,MAAM,gBAAgB,CAAC;AA8BlH,QAAA,MAAM,MAAM,4HAYT,YAAY,KAAG,YA+CjB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/esm/components/Avatar/Avatar.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useTheme } from 'styled-components';
+import { Sizes, Variants, AVATAR_CLASS } from 'acinguiux-ds-react-base';
+import PersonSolid from '../Icon/components/PersonSolid';
+import { altDefaultText, avatarConsts } from './Avatar.consts';
+import * as Styled from './Avatar.styles';
+import Button from '../Button/Button';
+import { ChevronDown } from '../Icon/components';
+import Popover from '../Popover/Popover';
+const NoImageCircle = ({ size, ariaLabel, children }) => (_jsx(Styled.NoImageCircleWrapper, { size: size, children: _jsx(Styled.NoImageCircle, { "aria-label": ariaLabel, children: children }) }));
+const AsAbbreviation = ({ abbreviation, size, ariaLabel }) => (_jsx(NoImageCircle, { size: size, ariaLabel: ariaLabel, children: abbreviation }));
+const AsIcon = ({ size, ariaLabel }) => {
+    const theme = useTheme();
+    const iconSize = avatarConsts[size].icon;
+    return (_jsx(NoImageCircle, { size: size, children: _jsx(PersonSolid, { width: iconSize, height: iconSize, "aria-label": ariaLabel, fill: theme.text.onFocus.strong }) }));
+};
+const AsImage = ({ src, alt }) => _jsx(Styled.Image, { src: src, alt: alt });
+const Avatar = ({ className, size = Sizes.Medium, src, alt = altDefaultText, abbreviation, label, secondaryLabel, additionalText, dropdownOverlay, collapsed = false, ...rest }) => {
+    const innerSecondaryLabel = secondaryLabel || additionalText;
+    const content = (_jsxs(Styled.AvatarWrapper, { className: classNames(AVATAR_CLASS, className), ...rest, children: [_jsxs(Styled.Avatar, { size: size, children: [!!src && _jsx(AsImage, { size: size, src: src, alt: alt }), !src &&
+                        (abbreviation ? (_jsx(AsAbbreviation, { abbreviation: abbreviation, size: size, ariaLabel: rest['aria-label'] })) : (_jsx(AsIcon, { size: size, ariaLabel: rest['aria-label'] })))] }), (!!label || !!innerSecondaryLabel) && (_jsxs(Styled.TextBox, { collapsed: collapsed, children: [!!label && (_jsx(Styled.Label, { size: size, secondaryLabel: innerSecondaryLabel, children: label })), !!innerSecondaryLabel && _jsx(Styled.AdditionalText, { size: size, children: innerSecondaryLabel })] })), !collapsed && !!dropdownOverlay && (_jsx(Button, { size: Sizes.Small, variant: Variants.Transparent, icon: _jsx(ChevronDown, { width: 16 }), iconOnly: true, "aria-label": "View profile and more" }))] }));
+    return (_jsx(_Fragment, { children: dropdownOverlay ? (_jsx(Popover, { popup: dropdownOverlay, popupPlacement: "topLeft", children: content })) : (_jsx(_Fragment, { children: content })) }));
+};
+export default Avatar;
+//# sourceMappingURL=Avatar.js.map

package/build/esm/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { useTheme } from 'styled-components';\nimport { Sizes, Variants, AVATAR_CLASS } from 'acinguiux-ds-react-base';\n\nimport PersonSolid from '../Icon/components/PersonSolid';\nimport { altDefaultText, avatarConsts } from './Avatar.consts';\nimport * as Styled from './Avatar.styles';\nimport { IAvatarProps, IAvatarNoImageCircle, IAvatarAsText, IAvatarAsIcon, IAvatarAsImage } from './Avatar.types';\nimport Button from '../Button/Button';\nimport { ChevronDown } from '../Icon/components';\nimport Popover from '../Popover/Popover';\n\nconst NoImageCircle = ({ size, ariaLabel, children }: IAvatarNoImageCircle) => (\n  <Styled.NoImageCircleWrapper size={size}>\n    <Styled.NoImageCircle aria-label={ariaLabel}>{children}</Styled.NoImageCircle>\n  </Styled.NoImageCircleWrapper>\n);\n\nconst AsAbbreviation = ({ abbreviation, size, ariaLabel }: IAvatarAsText) => (\n  <NoImageCircle size={size} ariaLabel={ariaLabel}>\n    {abbreviation}\n  </NoImageCircle>\n);\n\nconst AsIcon = ({ size, ariaLabel }: IAvatarAsIcon) => {\n  const theme = useTheme();\n  const iconSize = avatarConsts[size].icon;\n\n  return (\n    <NoImageCircle size={size}>\n      <PersonSolid width={iconSize} height={iconSize} aria-label={ariaLabel} fill={theme.text.onFocus.strong} />\n    </NoImageCircle>\n  );\n};\n\nconst AsImage = ({ src, alt }: IAvatarAsImage) => <Styled.Image src={src} alt={alt} />;\n\nconst Avatar = ({\n  className,\n  size = Sizes.Medium,\n  src,\n  alt = altDefaultText,\n  abbreviation,\n  label,\n  secondaryLabel,\n  additionalText,\n  dropdownOverlay,\n  collapsed = false,\n  ...rest\n}: IAvatarProps): ReactElement => {\n  const innerSecondaryLabel = secondaryLabel || additionalText;\n\n  const content = (\n    <Styled.AvatarWrapper className={classNames(AVATAR_CLASS, className)} {...rest}>\n      <Styled.Avatar size={size}>\n        {!!src && <AsImage size={size} src={src} alt={alt} />}\n        {!src &&\n          (abbreviation ? (\n            <AsAbbreviation abbreviation={abbreviation} size={size} ariaLabel={rest['aria-label']} />\n          ) : (\n            <AsIcon size={size} ariaLabel={rest['aria-label']} />\n          ))}\n      </Styled.Avatar>\n      {(!!label || !!innerSecondaryLabel) && (\n        <Styled.TextBox collapsed={collapsed}>\n          {!!label && (\n            <Styled.Label size={size} secondaryLabel={innerSecondaryLabel}>\n              {label}\n            </Styled.Label>\n          )}\n          {!!innerSecondaryLabel && <Styled.AdditionalText size={size}>{innerSecondaryLabel}</Styled.AdditionalText>}\n        </Styled.TextBox>\n      )}\n      {!collapsed && !!dropdownOverlay && (\n        <Button\n          size={Sizes.Small}\n          variant={Variants.Transparent}\n          icon={<ChevronDown width={16} />}\n          iconOnly\n          aria-label=\"View profile and more\"\n        />\n      )}\n    </Styled.AvatarWrapper>\n  );\n\n  return (\n    <>\n      {dropdownOverlay ? (\n        <Popover popup={dropdownOverlay} popupPlacement=\"topLeft\">\n          {content}\n        </Popover>\n      ) : (\n        <>{content}</>\n      )}\n    </>\n  );\n};\n\nexport default Avatar;\n"]}

package/build/esm/components/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryFn } from '@storybook/react';
+import Avatar from './Avatar';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Icon: StoryFn<typeof Avatar>;
+export declare const Image: StoryFn<typeof Avatar>;
+export declare const Abbreviation: StoryFn<typeof Avatar>;
+export declare const DifferentSizes: StoryFn<typeof Avatar>;
+export declare const AvatarWithText: StoryFn<typeof Avatar>;
+export declare const LabelOnly: StoryFn<typeof Avatar>;
+export declare const WithDropdown: StoryFn<typeof Avatar>;
+export declare const AvatarWithTextWithDropdown: StoryFn<typeof Avatar>;
+//# sourceMappingURL=Avatar.stories.d.ts.map

package/build/esm/components/Avatar/Avatar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,MAAM,MAAM,UAAU,CAAC;;AAK9B,wBAiBU;AAEV,eAAO,MAAM,IAAI,EAAE,OAAO,CAAC,OAAO,MAAM,CAAgD,CAAC;AAEzF,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,OAAO,MAAM,CAExC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,OAAO,MAAM,CAE/C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,OAAO,MAAM,CAgCjD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,OAAO,MAAM,CAEjD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,OAAO,MAAM,CAE5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,OAAO,MAAM,CAW/C,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,OAAO,CAAC,OAAO,MAAM,CAa7D,CAAC"}

package/build/esm/components/Avatar/Avatar.stories.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sizes } from 'acinguiux-ds-react-base';
+import MenuItem from '../Menu/components/MenuItem';
+import Menu from '../Menu/Menu';
+import Avatar from './Avatar';
+import { GITHUB_COMPONENT_BASE_URL } from '../../utils/storybookUtils';
+import Flexbox from '../Flexbox/Flexbox';
+import Showcase from '../_internalComponents/Showcase/Showcase';
+export default {
+    title: 'Data Display/Avatar',
+    component: Avatar,
+    parameters: {
+        storyLink: `${GITHUB_COMPONENT_BASE_URL}/Avatar/Avatar.stories.tsx`,
+    },
+    argTypes: {
+        abbreviation: { control: 'text' },
+        className: { control: 'text' },
+        label: { control: 'text' },
+        secondaryLabel: { control: 'text' },
+        size: {
+            options: [Sizes.Small, Sizes.Medium, Sizes.Large],
+            control: 'radio',
+        },
+        src: { control: 'text', description: 'Type: "Pecten.svg", to use internal image src' },
+    },
+};
+export const Icon = (args) => _jsx(Avatar, { ...args });
+export const Image = (args) => (_jsx(Avatar, { src: "Pecten.svg", alt: "Custom alt text", "aria-label": "Avatar aria label text", ...args }));
+export const Abbreviation = (args) => (_jsx(Avatar, { abbreviation: "JB", "aria-label": "Avatar aria label text", ...args }));
+export const DifferentSizes = (args) => (_jsxs(Flexbox, { gap: "48px", children: [_jsx(Showcase, { label: "Small", children: _jsx(Avatar, { size: Sizes.Small, abbreviation: "JB", label: "John Smith", secondaryLabel: "Software Engineer", "aria-label": "Avatar aria label text", ...args }) }), _jsx(Showcase, { label: "Medium", children: _jsx(Avatar, { abbreviation: "JB", label: "John Smith", secondaryLabel: "Software Engineer", "aria-label": "Avatar aria label text", ...args }) }), _jsx(Showcase, { label: "Large", children: _jsx(Avatar, { size: Sizes.Large, abbreviation: "JB", label: "John Smith", secondaryLabel: "Software Engineer", "aria-label": "Avatar aria label text", ...args }) })] }));
+export const AvatarWithText = (args) => (_jsx(Avatar, { src: "Pecten.svg", label: "ACINGUIUX - Admin", secondaryLabel: "test@acinguiux.com", ...args }));
+export const LabelOnly = (args) => (_jsx(Avatar, { src: "Pecten.svg", label: "ACINGUIUX - Admin", ...args }));
+export const WithDropdown = (args) => (_jsx(Avatar, { src: "Pecten.svg", dropdownOverlay: _jsxs(Menu, { children: [_jsx(MenuItem, { children: "Profile" }), _jsx(MenuItem, { children: "Logout" })] }), ...args }));
+export const AvatarWithTextWithDropdown = (args) => (_jsx(Avatar, { src: "Pecten.svg", label: "ACINGUIUX - Admin", secondaryLabel: "test@acinguiux.com", dropdownOverlay: _jsxs(Menu, { children: [_jsx(MenuItem, { children: "Profile" }), _jsx(MenuItem, { children: "Logout" })] }), ...args }));
+//# sourceMappingURL=Avatar.stories.js.map