@kubit-ui-web/react-components 1.0.0-beta.1

package/dist/esm/components/skeleton/stories/argtypes.js

@@ -0,0 +1,91 @@
+import { CATEGORY_CONTROL } from '../../../constants';
+export const argtypes = (variants, themeSelected) => {
+    return {
+        theme: {
+            table: {
+                disable: true,
+            },
+        },
+        variant: {
+            control: { type: 'select' },
+            description: 'Skeleton variant',
+            type: { name: 'string', required: true },
+            options: Object.keys(variants[themeSelected].SkeletonVariantType || {}),
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        width: {
+            control: { type: 'text' },
+            description: 'Set the shape width',
+            type: { name: 'string', required: true },
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        height: {
+            control: { type: 'text' },
+            type: { name: 'string', required: true },
+            description: 'Set the shape height',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        duration: {
+            control: { type: 'text' },
+            type: { name: 'string' },
+            description: 'Set the shape animation duration',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: '1.2s' },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        shapeVariant: {
+            control: { type: 'select' },
+            type: { name: 'string', required: true },
+            options: Object.keys(variants[themeSelected].SkeletonShapeVariant || {}),
+            description: 'Set the shape type',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        dataTestId: {
+            control: { type: 'text' },
+            type: { name: 'string' },
+            description: 'String used for testing',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.TESTING,
+            },
+        },
+        ctv: {
+            description: 'Object used for update variant styles',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                category: CATEGORY_CONTROL.CUSTOMIZATION,
+            },
+        },
+    };
+};
+//# sourceMappingURL=argtypes.js.map

package/dist/esm/components/skeleton/stories/argtypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"argtypes.js","sourceRoot":"","sources":["../../../../../src/components/skeleton/stories/argtypes.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/skeleton/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './skeleton';
+export * from './skeletonTheme';

package/dist/esm/components/skeleton/types/index.js

@@ -0,0 +1,3 @@
+export * from './skeleton';
+export * from './skeletonTheme';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/skeleton/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/skeleton/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}

package/dist/esm/components/skeleton/types/skeleton.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { CustomTokenTypes } from '../../../types';
+import { SkeletonShapeStylesType, SkeletonVariantStylesType } from './skeletonTheme';
+type SkeletonAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby'>;
+/**
+ * @description
+ * Skeleton component props
+ * @property {string} width - width of the skeleton
+ * @property {string} height - height of the skeleton
+ * @property {string} duration - duration of the skeleton animation
+ * @property {SkeletonVariantStylesType} styles - styles of the skeleton
+ * @property {string} dataTestId - data test id of the skeleton
+ * @property {string} variant - variant of the skeleton
+ *
+ */
+export interface ISkeletonStandAlone extends SkeletonAriaAttributes {
+    width: string;
+    height: string;
+    duration?: string;
+    styles?: SkeletonVariantStylesType;
+    dataTestId?: string;
+}
+/**
+ * @description
+ * Skeleton component props
+ */
+export interface ISkeleton<V = undefined extends string ? unknown : string> extends Omit<ISkeletonStandAlone, 'styles'>, Omit<CustomTokenTypes<SkeletonShapeStylesType>, 'cts' | 'extraCt'> {
+    variant: string;
+    shapeVariant: V;
+}
+export {};

package/dist/esm/components/skeleton/types/skeleton.js

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

package/dist/esm/components/skeleton/types/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../../src/components/skeleton/types/skeleton.ts"],"names":[],"mappings":""}

package/dist/esm/components/skeleton/types/skeletonTheme.d.ts

@@ -0,0 +1,18 @@
+import { CommonStyleType } from '../../../types';
+/**
+ * @description
+ * Skeleton Styles component props
+ */
+export type SkeletonVariantStylesType = {
+    skeleton?: CommonStyleType;
+};
+export type SkeletonShapeStylesType<P extends string | number | symbol = string> = {
+    [key in P]?: SkeletonVariantStylesType;
+};
+/**
+ * @description
+ * Skeleton Styles component props
+ */
+export type SkeletonStylesType<S extends string | number | symbol, P extends string | number | symbol> = {
+    [shape in S]: SkeletonShapeStylesType<P>;
+};

package/dist/esm/components/skeleton/types/skeletonTheme.js

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

package/dist/esm/components/skeleton/types/skeletonTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeletonTheme.js","sourceRoot":"","sources":["../../../../../src/components/skeleton/types/skeletonTheme.ts"],"names":[],"mappings":""}

package/dist/esm/components/snackbar/assets/close.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.995 0C13.2615 0 13.5168 0.106441 13.7044 0.295676C14.0918 0.685551 14.0918 1.31521 13.7044 1.70509L8.414 6.998L13.7044 12.2907C13.8936 12.4784 14 12.7339 14 13.0004C14 13.2669 13.8936 13.5224 13.7044 13.7101C13.5159 13.8972 13.2606 14.0015 12.995 14C12.7295 14.0015 12.4742 13.8972 12.2856 13.7101L6.995 8.417L1.71438 13.7001C1.52746 13.8909 1.27199 13.9989 1.00497 14C0.739383 14.0015 0.484116 13.8972 0.295554 13.7101C0.106398 13.5224 0 13.2669 0 13.0004C0 12.7339 0.106398 12.4784 0.295554 12.2907L5.58 7.003L0.295554 1.71509C-0.0962441 1.32313 -0.0962441 0.687635 0.295554 0.295676C0.687351 -0.0962839 1.32258 -0.0962839 1.71438 0.295676L7 5.583L12.2856 0.295676C12.4732 0.106441 12.7286 0 12.995 0Z" fill="#444444"/>
+</svg>

package/dist/esm/components/snackbar/assets/informative.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 0C15.5142 0 20 4.48584 20 10C20 15.5142 15.5142 20 10 20C4.48584 20 0 15.5142 0 10C0 4.48584 4.48584 0 10 0Z" fill="#F5F9FB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 10C20 4.48584 15.5142 0 10 0C4.48584 0 0 4.48584 0 10C0 15.5142 4.48584 20 10 20C15.5142 20 20 15.5142 20 10ZM1 10C1 5.0376 5.0376 1 10 1C14.9624 1 19 5.0376 19 10C19 14.9624 14.9624 19 10 19C5.0376 19 1 14.9624 1 10ZM10 8C10.2457 8 10.4497 8.1767 10.492 8.41006L10.5 8.5V15.5C10.5 15.7764 10.2764 16 10 16C9.75434 16 9.55035 15.8233 9.50805 15.5899L9.5 15.5V8.5C9.5 8.22363 9.72363 8 10 8ZM10.492 4.41007C10.4497 4.1767 10.2457 4 10 4C9.72363 4 9.5 4.22363 9.5 4.5V5.5L9.50805 5.58993C9.55035 5.8233 9.75434 6 10 6C10.2764 6 10.5 5.77637 10.5 5.5V4.5L10.492 4.41007Z" fill="#23779A"/>
+</svg>

package/dist/esm/components/snackbar/assets/warning.svg

@@ -0,0 +1,4 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5 0C16.0142 0 20.5 4.48584 20.5 10C20.5 15.5142 16.0142 20 10.5 20C4.98584 20 0.5 15.5142 0.5 10C0.5 4.48584 4.98584 0 10.5 0Z" fill="#FFFAEB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 10C20.5 4.48584 16.0142 0 10.5 0C4.98584 0 0.5 4.48584 0.5 10C0.5 15.5142 4.98584 20 10.5 20C16.0142 20 20.5 15.5142 20.5 10ZM1.5 10C1.5 5.0376 5.5376 1 10.5 1C15.4624 1 19.5 5.0376 19.5 10C19.5 14.9624 15.4624 19 10.5 19C5.5376 19 1.5 14.9624 1.5 10ZM10.5 14C10.7457 14 10.9497 14.1767 10.992 14.4101L11 14.5V15.5C11 15.7764 10.7764 16 10.5 16C10.2543 16 10.0503 15.8233 10.008 15.5899L10 15.5V14.5C10 14.2236 10.2236 14 10.5 14ZM10.992 4.41007C10.9497 4.1767 10.7457 4 10.5 4C10.2236 4 10 4.22363 10 4.5V12.5L10.008 12.5899C10.0503 12.8233 10.2543 13 10.5 13C10.7764 13 11 12.7764 11 12.5V4.5L10.992 4.41007Z" fill="#856300"/>
+</svg>

package/dist/esm/components/snackbar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export { SnackbarUnControlled as Snackbar } from './snackbarUnControlled';
+export { SnackbarControlled } from './snackbarControlled';

package/dist/esm/components/snackbar/index.js

@@ -0,0 +1,4 @@
+export * from './types';
+export { SnackbarUnControlled as Snackbar } from './snackbarUnControlled';
+export { SnackbarControlled } from './snackbarControlled';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/snackbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/snackbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,oBAAoB,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/esm/components/snackbar/snackbar.styled.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { SnackbarProps } from './types/snackbarTheme';
+type ThemeStylesType = {
+    styles?: SnackbarProps;
+};
+export declare const SnackbarStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>>;
+export declare const ButtonWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SnackbarIconTitleContainerWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>>;
+export declare const SnackbarNoStatusContentWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType & {
+    withIcon: boolean;
+}>>;
+export declare const SnackbarTextAndActionWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SnackbarTextWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>>;
+export declare const SnackbarTitleWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SnackbarLinkWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType & {
+    withIcon: boolean;
+}>>;
+export declare const SnackbarDescriptionWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeStylesType>>;
+export {};

package/dist/esm/components/snackbar/snackbar.styled.js

@@ -0,0 +1,34 @@
+import styled from 'styled-components';
+import { getStyles } from '../../utils';
+export const SnackbarStyled = styled.div `
+  ${({ styles }) => getStyles(styles?.container)};
+`;
+export const ButtonWrapper = styled.div ``;
+export const SnackbarIconTitleContainerWrapper = styled.div `
+  ${({ styles }) => getStyles(styles?.iconTitleContainer)};
+`;
+export const SnackbarNoStatusContentWrapper = styled.div `
+  ${({ styles, withIcon }) => withIcon &&
+    `margin-left: calc(${styles?.icon?.width ?? '0rem'} + ${styles?.iconTitleContainer?.gap ?? '0rem'});`};
+`;
+export const SnackbarTextAndActionWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+`;
+export const SnackbarTextWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+`;
+export const SnackbarTitleWrapper = styled.div `
+  display: flex;
+  align-items: center;
+`;
+export const SnackbarLinkWrapper = styled.div `
+  display: flex;
+  ${({ styles, withIcon }) => withIcon &&
+    `margin-left: calc(${styles?.icon?.width ?? '0rem'} + ${styles?.iconTitleContainer?.gap ?? '0rem'});`};
+`;
+export const SnackbarDescriptionWrapper = styled.div `
+  display: flex;
+`;
+//# sourceMappingURL=snackbar.styled.js.map

package/dist/esm/components/snackbar/snackbar.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.styled.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQpC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAiB;IACrD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE1C,MAAM,CAAC,MAAM,iCAAiC,GAAG,MAAM,CAAC,GAAG,CAAiB;IACxE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,kBAAkB,CAAC;CACxD,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAAyC;IAC7F,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CACzB,QAAQ;IACR,qBAAqB,MAAM,EAAE,IAAI,EAAE,KAAK,IAAI,MAAM,MAChD,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,MACrC,IAAI;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrD,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAiB;;;CAG7D,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG7C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAyC;;IAElF,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CACzB,QAAQ;IACR,qBAAqB,MAAM,EAAE,IAAI,EAAE,KAAK,IAAI,MAAM,MAChD,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,MACrC,IAAI;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAiB;;CAEpE,CAAC"}

package/dist/esm/components/snackbar/snackbarControlled.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ISnackbarControlled } from './types';
+declare const SnackbarBoundary: <V extends unknown>(props: ISnackbarControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const SnackbarControlled: <V extends unknown>(props: ISnackbarControlled<V> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof SnackbarBoundary>;
+export { SnackbarControlled };

package/dist/esm/components/snackbar/snackbarControlled.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useStyles } from '../../hooks/useStyles/useStyles';
+import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
+import { SnackbarStandAlone } from './snackbarStandAlone';
+const SNACKBAR_STYLES = 'SNACKBAR_STYLES';
+const SnackbarControlledComponent = React.forwardRef(({ variant, ctv, type, ...props }, ref) => {
+    const styles = useStyles(SNACKBAR_STYLES, variant, ctv);
+    return _jsx(SnackbarStandAlone, { ...props, ref: ref, styles: styles[type] });
+});
+SnackbarControlledComponent.displayName = 'SnackbarControlledComponent';
+const SnackbarBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(SnackbarStandAlone, { ...props, ref: ref }) }), children: _jsx(SnackbarControlledComponent, { ...props, ref: ref }) }));
+const SnackbarControlled = React.forwardRef(SnackbarBoundary);
+export { SnackbarControlled };
+//# sourceMappingURL=snackbarControlled.js.map

package/dist/esm/components/snackbar/snackbarControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbarControlled.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAE1C,MAAM,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAClD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,EAA0B,EACxD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAA2B,eAAe,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAElF,OAAO,KAAC,kBAAkB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAI,CAAC;AAC3E,CAAC,CACF,CAAC;AACF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAExE,MAAM,gBAAgB,GAAG,CACvB,KAA6B,EAC7B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,kBAAkB,OAAM,KAAwC,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7D,YAGtB,KAAC,2BAA2B,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACtC,CACjB,CAAC;AAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAIpB,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/esm/components/snackbar/snackbarStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ISnackbarStandAlone } from './types';
+export declare const SnackbarStandAlone: React.ForwardRefExoticComponent<ISnackbarStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/snackbar/snackbarStandAlone.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Button } from '../../components/button';
+import { ElementOrIcon } from '../../components/elementOrIcon';
+import { Link } from '../../components/link';
+import { PopoverControlled as Popover } from '../../components/popover';
+import { PopoverComponentType } from '../../components/popover/types';
+import { ScreenReaderOnly } from '../../components/screenReaderOnly';
+import { Text, TextComponentType } from '../../components/text';
+import { POSITIONS, ROLES } from '../../types';
+// styles
+import { ButtonWrapper, SnackbarDescriptionWrapper, SnackbarIconTitleContainerWrapper, SnackbarLinkWrapper, SnackbarNoStatusContentWrapper, SnackbarStyled, SnackbarTextAndActionWrapper, SnackbarTextWrapper, SnackbarTitleWrapper, } from './snackbar.styled';
+const SnackbarStandAloneComponent = ({ align = POSITIONS.TOP_CENTER_FIXED, ...props }, ref) => {
+    const dataTestIdSecondaryAction = `${props.dataTestId}SecondaryAction`;
+    const buildAction = () => props.secondaryActionContent && (_jsx(SnackbarLinkWrapper, { styles: props.styles, withIcon: !!props.icon, children: props.styles?.actionButton?.variant || props.secondaryActionButton?.variant ? (_jsx(Button, { "aria-label": props.secondaryActionAriaLabel, dataTestId: dataTestIdSecondaryAction, size: props.styles?.actionButton?.size, variant: props.styles?.actionButton?.variant, onClick: props.onSecondaryActionClick, ...props.secondaryActionButton, children: props.secondaryActionContent })) : (_jsx(Link, { "aria-label": props.secondaryActionAriaLabel, dataTestId: dataTestIdSecondaryAction, decoration: props.styles?.link?.decoration, url: '', variant: props.styles?.link?.variant, onClick: props.onSecondaryActionClick, ...props.secondaryActionLink, children: props.secondaryActionContent })) }));
+    const buildDescription = () => props.description?.content &&
+        (props.styles?.description?.font_variant || props.description.variant) && (_jsx(SnackbarDescriptionWrapper, { styles: props.styles, children: _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles?.description, dataTestId: `${props.dataTestId}Description`, ...props.description, children: props.description?.content }) }));
+    return (_jsx(Popover, { autoWidth: true, transparentBackground: true, clickOverlayClose: false, component: PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, focusScreenFirstDescendantAfterClose: true, open: props.open, pressEscapeClose: false, variant: props.styles?.popoverVariants?.[align], children: _jsxs(SnackbarStyled, { ref: ref, styles: props.styles, onBlur: props.onBlur, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: [_jsxs(SnackbarTextAndActionWrapper, { children: [_jsxs(SnackbarTextWrapper, { "data-testid": `${props.dataTestId}Alert`, role: ROLES.ALERT, styles: props.styles, children: [_jsxs(SnackbarIconTitleContainerWrapper, { styles: props.styles, children: [props.icon && (_jsx(ElementOrIcon, { customIconStyles: props.styles?.icon, ...props.icon })), _jsx(SnackbarTitleWrapper, { children: _jsxs(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: [_jsx(ScreenReaderOnly, { children: props.icon?.altText }), props.title.content] }) })] }), _jsx(SnackbarNoStatusContentWrapper, { styles: props.styles, withIcon: !!props.icon, children: buildDescription() })] }), buildAction()] }), _jsx(ButtonWrapper, { children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.closeIcon, dataTestId: `${props.dataTestId}Icon`, onClick: props.onCloseButtonClick(false), ...props.closeIcon }) })] }) }));
+};
+export const SnackbarStandAlone = React.forwardRef(SnackbarStandAloneComponent);
+//# sourceMappingURL=snackbarStandAlone.js.map

package/dist/esm/components/snackbar/snackbarStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,SAAS;AACT,OAAO,EACL,aAAa,EACb,0BAA0B,EAC1B,iCAAiC,EACjC,mBAAmB,EACnB,8BAA8B,EAC9B,cAAc,EACd,4BAA4B,EAC5B,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAG3B,MAAM,2BAA2B,GAAG,CAClC,EAAE,KAAK,GAAG,SAAS,CAAC,gBAAgB,EAAE,GAAG,KAAK,EAAuB,EACrE,GAA0D,EAC7C,EAAE;IACf,MAAM,yBAAyB,GAAG,GAAG,KAAK,CAAC,UAAU,iBAAiB,CAAC;IAEvE,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,KAAK,CAAC,sBAAsB,IAAI,CAC9B,KAAC,mBAAmB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,YAC9D,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,IAAI,KAAK,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC,CAAC,CAC7E,KAAC,MAAM,kBACO,KAAK,CAAC,wBAAwB,EAC1C,UAAU,EAAE,yBAAyB,EACrC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EACtC,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAC5C,OAAO,EAAE,KAAK,CAAC,sBAAsB,KACjC,KAAK,CAAC,qBAAqB,YAE9B,KAAK,CAAC,sBAAsB,GACtB,CACV,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,kBACS,KAAK,CAAC,wBAAwB,EAC1C,UAAU,EAAE,yBAAyB,EACrC,UAAU,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,EAC1C,GAAG,EAAE,EAAE,EACP,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EACpC,OAAO,EAAE,KAAK,CAAC,sBAAsB,KACjC,KAAK,CAAC,mBAAmB,YAE5B,KAAK,CAAC,sBAAsB,GACxB,CACR,GACmB,CACvB,CAAC;IAEJ,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAC5B,KAAK,CAAC,WAAW,EAAE,OAAO;QAC1B,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,IAAI,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CACxE,KAAC,0BAA0B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC9C,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,SAAS,EACtC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,EAC3C,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,aAAa,KACxC,KAAK,CAAC,WAAW,YAEpB,KAAK,CAAC,WAAW,EAAE,OAAO,GACtB,GACoB,CAC9B,CAAC;IAEJ,OAAO,CACL,KAAC,OAAO,IACN,SAAS,QACT,qBAAqB,QACrB,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAE,oBAAoB,CAAC,GAAG,EACnC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,SAAS,EACxC,oCAAoC,EAAE,IAAI,EAC1C,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,KAAK,CAAC,YAE/C,MAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,aAEhC,MAAC,4BAA4B,eAC3B,MAAC,mBAAmB,mBACL,GAAG,KAAK,CAAC,UAAU,OAAO,EACvC,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,MAAM,EAAE,KAAK,CAAC,MAAM,aAEpB,MAAC,iCAAiC,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACpD,KAAK,CAAC,IAAI,IAAI,CACb,KAAC,aAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,KAAM,KAAK,CAAC,IAAI,GAAI,CACxE,EACD,KAAC,oBAAoB,cACnB,MAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,SAAS,EACtC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EACrC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,KAClC,KAAK,CAAC,KAAK,aAGf,KAAC,gBAAgB,cAAE,KAAK,CAAC,IAAI,EAAE,OAAO,GAAoB,EACzD,KAAK,CAAC,KAAK,CAAC,OAAO,IACf,GACc,IACW,EACpC,KAAC,8BAA8B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,YACzE,gBAAgB,EAAE,GACY,IACb,EACrB,WAAW,EAAE,IACe,EAC/B,KAAC,aAAa,cACZ,KAAC,aAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EACzC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,MAAM,EACrC,OAAO,EAAE,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,KACpC,KAAK,CAAC,SAAS,GACnB,GACY,IACD,GACT,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC"}

package/dist/esm/components/snackbar/snackbarUnControlled.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ISnackbarUnControlled } from './types';
+declare const SnackbarUnControlledComponent: <V extends unknown>({ open, variant, closeTimeout, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: ISnackbarUnControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const SnackbarUnControlled: <V extends unknown>(props: ISnackbarUnControlled<V> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof SnackbarUnControlledComponent>;
+export { SnackbarUnControlled };

package/dist/esm/components/snackbar/snackbarUnControlled.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { SnackbarControlled } from './snackbarControlled';
+const SnackbarUnControlledComponent = ({ open = false, variant, closeTimeout = 7000, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }, ref) => {
+    const closeSnackbarTimeOut = React.useRef(null);
+    const hover = React.useRef(false);
+    const focus = React.useRef(false);
+    /**
+     * Only start timeout if closeTimeOut is defined, and if the snackbar is not hovered or focused
+     * @returns
+     */
+    const startCloseSnackbarTimeout = () => {
+        if (!closeTimeout || hover.current || focus.current) {
+            return;
+        }
+        closeSnackbarTimeOut.current = setTimeout(() => {
+            props.onOpenClose?.(false);
+        }, closeTimeout);
+    };
+    const clearCloseSnackbarTimeout = () => {
+        if (closeSnackbarTimeOut.current) {
+            clearTimeout(closeSnackbarTimeOut.current);
+        }
+    };
+    React.useEffect(() => {
+        if (open) {
+            startCloseSnackbarTimeout();
+        }
+        else {
+            clearCloseSnackbarTimeout();
+        }
+        return () => {
+            clearCloseSnackbarTimeout();
+        };
+    }, [open]);
+    const handleCloseButton = _open => event => {
+        props.onOpenClose?.(_open, event);
+    };
+    const handleMouseEnter = (event) => {
+        onMouseEnter?.(event);
+        hover.current = true;
+        clearCloseSnackbarTimeout();
+    };
+    const handleMouseLeave = (event) => {
+        onMouseLeave?.(event);
+        hover.current = false;
+        startCloseSnackbarTimeout();
+    };
+    const handleFocus = (event) => {
+        onFocus?.(event);
+        // There is not need of calling clear timeout if already focused
+        if (focus.current) {
+            return;
+        }
+        focus.current = true;
+        clearCloseSnackbarTimeout();
+    };
+    const handleBlur = (event) => {
+        onBlur?.(event);
+        // If already focus and the next focusable element is an inner child,
+        // there is no need of calling to start timeout again
+        if (focus.current && event.currentTarget.contains(event.relatedTarget)) {
+            return;
+        }
+        focus.current = false;
+        startCloseSnackbarTimeout();
+    };
+    return (_jsx(SnackbarControlled, { ...props, ref: ref, open: open, variant: variant, onBlur: handleBlur, onCloseButtonClick: handleCloseButton, onFocus: handleFocus, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }));
+};
+const SnackbarUnControlled = React.forwardRef(SnackbarUnControlledComponent);
+export { SnackbarUnControlled };
+//# sourceMappingURL=snackbarUnControlled.js.map

package/dist/esm/components/snackbar/snackbarUnControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbarUnControlled.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarUnControlled.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/snackbar/stories/argtypes.d.ts

@@ -0,0 +1,3 @@
+import { IThemeObjectVariants } from '../../../designSystem/themesObject';
+import { ArgTypesReturn } from '../../../types';
+export declare const argtypes: (variants: IThemeObjectVariants, themeSelected: string) => ArgTypesReturn;