@newtonschool/grauity 1.2.0 → 1.2.2

package/dist/ui/elements/Accordion/Accordion.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Accordion/Accordion.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,qBAAqB,6FAajC,CAAC;AAEF,eAAO,MAAM,sBAAsB,sLAKlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,iFAGlC,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC"}
+{"version":3,"file":"Accordion.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Accordion/Accordion.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,qBAAqB,6FAcjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,sLAOlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,iFAGlC,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC"}

package/dist/ui/elements/Alert/Alert.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AlertProps } from './types';
+/**
+ * An alert component is used to display important messages to the user.
+ */
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export default Alert;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/ui/elements/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAkBjD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;GAEG;AACH,QAAA,MAAM,KAAK,mFAwFT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/ui/elements/Alert/Alert.styles.d.ts

@@ -0,0 +1,7 @@
+import { AlertBodyProps, AlertContainerProps, AlertDescriptionProps, AlertTitleProps } from './types';
+export declare const StyledAlertContainer: import("styled-components").StyledComponent<string, any, AlertContainerProps, never>;
+export declare const StyledAlertBody: import("styled-components").StyledComponent<string, any, AlertBodyProps, never>;
+export declare const StyledAlertContent: import("styled-components").StyledComponent<string, any, {}, never>;
+export declare const StyledAlertTitle: import("styled-components").StyledComponent<string, any, AlertTitleProps, never>;
+export declare const StyledAlertDescription: import("styled-components").StyledComponent<string, any, AlertDescriptionProps, never>;
+//# sourceMappingURL=Alert.styles.d.ts.map

package/dist/ui/elements/Alert/Alert.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/Alert.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,eAAe,EAClB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,oBAAoB,sFAWhC,CAAC;AAEF,eAAO,MAAM,eAAe,iFAe3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAM9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,kFAQ5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,wFAQlC,CAAC"}

package/dist/ui/elements/Alert/constants.d.ts

@@ -0,0 +1,140 @@
+import { grauityIconName } from '../../core';
+import { BUTTON_VARIANTS_ENUM } from '../Button';
+export declare enum ALERT_TYPES_ENUM {
+    DEFAULT = "default",
+    OUTLINED = "outlined",
+    FILLED = "filled"
+}
+export declare enum ALERT_VARIANTS_ENUM {
+    PRIMARY = "primary",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error",
+    DEFAULT = "default"
+}
+export declare const ERRONEOUS_ALERT_VARIANTS: ALERT_VARIANTS_ENUM[];
+export declare const ALERT_VARIANTS: ALERT_VARIANTS_ENUM[];
+export declare const ALERT_TYPES: ALERT_TYPES_ENUM[];
+export declare const DEFAULT_ALERT_VARIANT_ICON_MAPPING: Record<ALERT_VARIANTS_ENUM, grauityIconName>;
+export declare const ALERT_COLOR_MAPPINGS: {
+    default: {
+        primary: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        success: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        warning: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        error: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        default: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+    };
+    outlined: {
+        primary: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        success: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        warning: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        error: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        default: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+    };
+    filled: {
+        primary: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        success: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        warning: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        error: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        default: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+    };
+};
+export declare const ALERT_TYPE_AND_VARIANT_TO_BUTTON_VARIANT_MAPPING: {
+    default: {
+        primary: BUTTON_VARIANTS_ENUM;
+        success: BUTTON_VARIANTS_ENUM;
+        warning: BUTTON_VARIANTS_ENUM;
+        error: BUTTON_VARIANTS_ENUM;
+        default: BUTTON_VARIANTS_ENUM;
+    };
+    outlined: {
+        primary: BUTTON_VARIANTS_ENUM;
+        success: BUTTON_VARIANTS_ENUM;
+        warning: BUTTON_VARIANTS_ENUM;
+        error: BUTTON_VARIANTS_ENUM;
+        default: BUTTON_VARIANTS_ENUM;
+    };
+    filled: {
+        primary: BUTTON_VARIANTS_ENUM;
+        success: BUTTON_VARIANTS_ENUM;
+        warning: BUTTON_VARIANTS_ENUM;
+        error: BUTTON_VARIANTS_ENUM;
+        default: BUTTON_VARIANTS_ENUM;
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/ui/elements/Alert/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,oBAAY,gBAAgB;IACxB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;CACpB;AAED,oBAAY,mBAAmB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;CACtB;AAED,eAAO,MAAM,wBAAwB,uBAGpC,CAAC;AAEF,eAAO,MAAM,cAAc,uBAM1B,CAAC;AAEF,eAAO,MAAM,WAAW,oBAIvB,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACnD,mBAAmB,EACnB,eAAe,CAOlB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiGhC,CAAC;AAEF,eAAO,MAAM,gDAAgD;;;;;;;;;;;;;;;;;;;;;;CAsB5D,CAAC"}

package/dist/ui/elements/Alert/index.d.ts

@@ -0,0 +1,7 @@
+export { default } from './Alert';
+export { ALERT_VARIANTS_ENUM } from './constants';
+export { ALERT_VARIANTS } from './constants';
+export { ALERT_TYPES_ENUM } from './constants';
+export { ALERT_TYPES } from './constants';
+export type { AlertProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/elements/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/ui/elements/Alert/types.d.ts

@@ -0,0 +1,125 @@
+import React from 'react';
+import { grauityIconName } from '../../core';
+import { ButtonProps } from '../Button';
+export type AlertType = 'default' | 'outlined' | 'filled';
+export type AlertVariant = 'primary' | 'success' | 'warning' | 'error' | 'default';
+export interface AlertProps {
+    /**
+     * Type of the alert
+     *
+     * Available choices: `'default'`, `'outlined'`, `'filled'`
+     *
+     * Default: `'default'`
+     * */
+    type?: AlertType;
+    /**
+     * Variant of the alert
+     *
+     * Available choices: `'primary'`, `'secondary'`, `'tertiary'`, `'success'`, `'danger'`, `'warning'`
+     *
+     * Default: `'primary'`
+     * */
+    variant?: AlertVariant;
+    /**
+     * Alert icon, used to override the default icons used in the alert
+     *
+     * Use value `auto` to automatically select the icon based on the variant (error vs checkmark icon)
+     *
+     * Default: `null`
+     * */
+    icon?: grauityIconName | 'auto' | null;
+    /**
+     * Alert title
+     * */
+    title?: React.ReactNode;
+    /**
+     * Alert description
+     * */
+    description?: React.ReactNode;
+    /**
+     * Alert top position, useful for fixed positioning
+     *
+     * Default: `null`
+     * */
+    top?: string;
+    /**
+     * Alert bottom position, useful for fixed positioning
+     *
+     * Default: `null`
+     * */
+    bottom?: string;
+    /**
+     * Alert left position, useful for fixed positioning
+     *
+     * Default: `null`
+     * */
+    left?: string;
+    /**
+     * Alert right position, useful for fixed positioning
+     *
+     * Default: `null`
+     * */
+    right?: string;
+    /**
+     * Alert position, useful for fixed positioning
+     *
+     * Default: `'static'`
+     * */
+    position?: 'static' | 'fixed' | 'absolute' | 'relative';
+    /**
+     * Alert close button click handler
+     * */
+    onClose?: () => void;
+    /**
+     * Show close button
+     *
+     * Default: `false`
+     * */
+    showCloseButton?: boolean;
+    /**
+     * Alert action buttons.
+     *
+     * Type: ButtonProps[]
+     * */
+    actionButtons?: ButtonProps[];
+    /**
+     * Show action buttons inline
+     *
+     * Default: `false`
+     * */
+    inlineButtons?: boolean;
+    /**
+     * Maximum width of the alert
+     *
+     * Default: `'440px'`
+     * */
+    maxWidth?: string;
+}
+export interface AlertContainerProps {
+    position: string;
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+    backgroundColor: string;
+    borderColor: string;
+    ref: React.Ref<HTMLDivElement>;
+    role: string;
+    children: React.ReactNode;
+    maxWidth: string;
+}
+export interface AlertBodyProps {
+    inlineButtons: boolean;
+    children: React.ReactNode;
+}
+export interface AlertTitleProps {
+    textColor: string;
+    children: React.ReactNode;
+    id: string;
+}
+export interface AlertDescriptionProps {
+    textColor: string;
+    children: React.ReactNode;
+    id?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/elements/Alert/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,YAAY,GAClB,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AAEhB,MAAM,WAAW,UAAU;IACvB;;;;;;SAMK;IACL,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;;SAMK;IACL,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;;SAMK;IACL,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;IAEvC;;SAEK;IACL,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;SAEK;IACL,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;SAIK;IACL,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;SAIK;IACL,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;SAIK;IACL,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;SAIK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;SAIK;IACL,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;IAExD;;SAEK;IACL,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;SAIK;IACL,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;SAIK;IACL,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC;IAE9B;;;;SAIK;IACL,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;SAIK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/ui/elements/AlertBanner/AlertBanner.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AlertBannerProps } from './types';
+/**
+ * An alert banner is a component that is used to typically display
+ * important messages to the user. It is normally shown at the top of the page.
+ */
+declare const AlertBanner: React.ForwardRefExoticComponent<AlertBannerProps & React.RefAttributes<HTMLDivElement>>;
+export default AlertBanner;
+//# sourceMappingURL=AlertBanner.d.ts.map

package/dist/ui/elements/AlertBanner/AlertBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/AlertBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAO3C;;;GAGG;AACH,QAAA,MAAM,WAAW,yFAiFhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/ui/elements/AlertBanner/AlertBanner.styles.d.ts

@@ -0,0 +1,4 @@
+import { AlertBannerContainerProps } from './types';
+export declare const StyledAlertBannerContainer: import("styled-components").StyledComponent<string, any, AlertBannerContainerProps, never>;
+export declare const StyledAlertBannerContent: import("styled-components").StyledComponent<string, any, any, never>;
+//# sourceMappingURL=AlertBanner.styles.d.ts.map

package/dist/ui/elements/AlertBanner/AlertBanner.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBanner.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/AlertBanner.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,0BAA0B,4FAkBtC,CAAC;AAEF,eAAO,MAAM,wBAAwB,sEAUpC,CAAC"}

package/dist/ui/elements/AlertBanner/constants.d.ts

@@ -0,0 +1,140 @@
+import { grauityIconName } from '../../core';
+import { BUTTON_VARIANTS_ENUM } from '../Button';
+export declare enum ALERT_BANNER_TYPES_ENUM {
+    DEFAULT = "default",
+    OUTLINED = "outlined",
+    FILLED = "filled"
+}
+export declare enum ALERT_BANNER_VARIANTS_ENUM {
+    PRIMARY = "primary",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error",
+    DEFAULT = "default"
+}
+export declare const ERRONEOUS_ALERT_BANNER_VARIANTS: ALERT_BANNER_VARIANTS_ENUM[];
+export declare const ALERT_BANNER_VARIANTS: ALERT_BANNER_VARIANTS_ENUM[];
+export declare const ALERT_BANNER_TYPES: ALERT_BANNER_TYPES_ENUM[];
+export declare const DEFAULT_ALERT_VARIANT_ICON_MAPPING: Record<ALERT_BANNER_VARIANTS_ENUM, grauityIconName>;
+export declare const ALERT_BANNER_COLOR_MAPPINGS: {
+    default: {
+        primary: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        success: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        warning: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        error: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        default: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+    };
+    outlined: {
+        primary: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        success: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        warning: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        error: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        default: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+    };
+    filled: {
+        primary: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        success: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        warning: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        error: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        default: {
+            iconColor: string;
+            textColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+    };
+};
+export declare const ALERT_BANNER_TYPE_AND_VARIANT_TO_BUTTON_VARIANT_MAPPING: {
+    default: {
+        primary: BUTTON_VARIANTS_ENUM;
+        success: BUTTON_VARIANTS_ENUM;
+        warning: BUTTON_VARIANTS_ENUM;
+        error: BUTTON_VARIANTS_ENUM;
+        default: BUTTON_VARIANTS_ENUM;
+    };
+    outlined: {
+        primary: BUTTON_VARIANTS_ENUM;
+        success: BUTTON_VARIANTS_ENUM;
+        warning: BUTTON_VARIANTS_ENUM;
+        error: BUTTON_VARIANTS_ENUM;
+        default: BUTTON_VARIANTS_ENUM;
+    };
+    filled: {
+        primary: BUTTON_VARIANTS_ENUM;
+        success: BUTTON_VARIANTS_ENUM;
+        warning: BUTTON_VARIANTS_ENUM;
+        error: BUTTON_VARIANTS_ENUM;
+        default: BUTTON_VARIANTS_ENUM;
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/ui/elements/AlertBanner/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,oBAAY,uBAAuB;IAC/B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;CACpB;AAED,oBAAY,0BAA0B;IAClC,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;CACtB;AAED,eAAO,MAAM,+BAA+B,8BAG3C,CAAC;AAEF,eAAO,MAAM,qBAAqB,8BAMjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,2BAI9B,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACnD,0BAA0B,EAC1B,eAAe,CAOlB,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiGvC,CAAC;AAEF,eAAO,MAAM,uDAAuD;;;;;;;;;;;;;;;;;;;;;;CAgCnE,CAAC"}

package/dist/ui/elements/AlertBanner/index.d.ts

@@ -0,0 +1,7 @@
+export { default } from './AlertBanner';
+export { ALERT_BANNER_VARIANTS_ENUM } from './constants';
+export { ALERT_BANNER_VARIANTS } from './constants';
+export { ALERT_BANNER_TYPES_ENUM } from './constants';
+export { ALERT_BANNER_TYPES } from './constants';
+export type { AlertBannerProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/elements/AlertBanner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/ui/elements/AlertBanner/types.d.ts

@@ -0,0 +1,111 @@
+import React from 'react';
+import { grauityIconName } from '../../core';
+import { ButtonProps } from '../Button';
+export type AlertBannerType = 'default' | 'outlined' | 'filled';
+export type AlertBannerVariant = 'primary' | 'success' | 'warning' | 'error' | 'default';
+export interface AlertBannerProps {
+    /**
+     * Type of the alert banner
+     *
+     * Available choices: `'default'`, `'outlined'`, `'filled'`
+     *
+     * Default: `'default'`
+     * */
+    type?: AlertBannerType;
+    /**
+     * Variant of the alert banner
+     *
+     * Available choices: `'primary'`, `'secondary'`, `'tertiary'`, `'success'`, `'danger'`, `'warning'`
+     *
+     * Default: `'primary'`
+     * */
+    variant?: AlertBannerVariant;
+    /**
+     * Alert banner padding
+     *
+     * Default: `'var(--spacing-8px, 8px)'`
+     * */
+    padding?: string;
+    /**
+     * Alert banner icon, used to override the default icons used in the alert banner
+     *
+     * Use value `auto` to automatically select the icon based on the variant (error vs checkmark icon)
+     *
+     * Default: `null`
+     * */
+    icon?: grauityIconName | 'auto';
+    /**
+     * Alert banner top position, useful for fixed positioning
+     *
+     * Default: `null`
+     * */
+    top?: string;
+    /**
+     * Alert banner bottom position, useful for fixed positioning
+     *
+     * Default: `null`
+     * */
+    bottom?: string;
+    /**
+     * Alert banner left position, useful for fixed positioning
+     *
+     * Default: `null`
+     * */
+    left?: string;
+    /**
+     * Alert banner right position, useful for fixed positioning
+     *
+     * Default: `null`
+     * */
+    right?: string;
+    /**
+     * Alert banner position, useful for fixed positioning
+     *
+     * Default: `'static'`
+     * */
+    position?: 'static' | 'fixed' | 'absolute' | 'relative';
+    /**
+     * Alert banner content
+     * */
+    children: React.ReactNode;
+    /**
+     * Alert banner content justify content
+     *
+     * Default: `'center'`
+     * */
+    justifyContent?: 'center' | 'space-between' | 'space-around';
+    /**
+     * Alert banner close button click handler
+     * */
+    onClose?: () => void;
+    /**
+     * Show close button
+     *
+     * Default: `false`
+     * */
+    showCloseButton?: boolean;
+    /**
+     * Alert banner action buttons.
+     *
+     * Type: ButtonProps[]
+     * */
+    actionButtons?: ButtonProps[];
+}
+export interface AlertBannerContainerProps {
+    type: AlertBannerType;
+    variant: AlertBannerVariant;
+    justifyContent: string;
+    padding: string;
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+    position: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+    children: React.ReactNode;
+    ref: React.Ref<HTMLDivElement>;
+    role: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/elements/AlertBanner/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GACxB,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AAEhB,MAAM,WAAW,gBAAgB;IAC7B;;;;;;SAMK;IACL,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;;;;SAMK;IACL,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;;SAIK;IACL,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;;SAMK;IACL,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAEhC;;;;SAIK;IACL,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;SAIK;IACL,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;SAIK;IACL,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;SAIK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;SAIK;IACL,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;IAExD;;SAEK;IACL,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;SAIK;IACL,cAAc,CAAC,EAAE,QAAQ,GAAG,eAAe,GAAG,cAAc,CAAC;IAE7D;;SAEK;IACL,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;SAIK;IACL,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;SAIK;IACL,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,yBAAyB;IACtC,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CAChB"}