@newtonschool/grauity 0.0.13 → 0.1.10

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';
+    /**
+     * 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,CAAC;IAEhC;;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/Alert/utils.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/utils.ts"],"names":[],"mappings":""}

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":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAW1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAO3C;;;GAGG;AACH,QAAA,MAAM,WAAW,yFA6EhB,CAAC;AAoCF,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/AlertBanner.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=AlertBanner.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBanner.test.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/AlertBanner.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,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"}

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

@@ -0,0 +1,105 @@
+import { AlertProps, AlertType, AlertVariant } from '../Alert/types';
+import { AlertBannerProps, AlertBannerType, AlertBannerVariant } from './types';
+/**
+ * Get alert banner icon name based on variant and icon prop
+ *
+ * If icon prop is set to 'auto', the icon will be selected based on the variant
+ *
+ * @param icon - Alert banner icon prop
+ * @param variant - Alert banner variant
+ * @returns Alert banner icon name
+ */
+export declare const getAlertIconName: (icon: AlertBannerProps['icon'] | AlertProps['icon'], variant: AlertBannerVariant | AlertVariant) => import("../../core").grauityIconName;
+/**
+ * Get alert banner colors based on variant and type
+ *
+ * @param variant - Alert banner variant
+ * @param type - Alert banner type
+ * @returns Alert banner colors
+ */
+export declare const getAlertBannerColors: (variant: AlertBannerVariant | AlertVariant, type: AlertBannerType | AlertType) => {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+} | {
+    iconColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+};
+/**
+ * Get button variant based on alert banner variant and type.
+ * Useful for showing correct variant for close button.
+ *
+ * @param variant - Alert banner variant
+ * @param type - Alert banner type
+ * @returns Button variant
+ */
+export declare const getButtonVariantFromAlertBannerTypeVariant: (variant: AlertBannerVariant | AlertVariant, type: AlertBannerType | AlertType) => import("../Button").BUTTON_VARIANTS_ENUM;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAMrE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEhF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,SACnB,gBAAgB,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,WAC1C,kBAAkB,GAAG,YAAY,yCAO7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,YACpB,kBAAkB,GAAG,YAAY,QACpC,eAAe,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACU,CAAC;AAEhD;;;;;;;GAOG;AACH,eAAO,MAAM,0CAA0C,YAC1C,kBAAkB,GAAG,YAAY,QACpC,eAAe,GAAG,SAAS,6CACsC,CAAC"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ButtonProps } from './types';
+/**
+ * A Button is a component that is used to trigger an action.
+ * It can contain text and an icon, or only text.
+ *
+ * To create an icon button, checkout the IconButton component.
+ */
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC;;;;;GAKG;AACH,QAAA,MAAM,MAAM,uFAwEX,CAAC;AA0CF,eAAe,MAAM,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/Button.styles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEnE,eAAO,MAAM,YAAY,uFAoExB,CAAC;AAEF,eAAO,MAAM,mBAAmB,qFAQ/B,CAAC"}

package/dist/ui/elements/Button/Button.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=Button.test.d.ts.map

package/dist/ui/elements/Button/Button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/Button.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/ui/elements/Button/ButtonGroup.d.ts

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+import { ButtonGroupProps } from './types';
+declare const ButtonGroup: {
+    ({ children }: ButtonGroupProps): JSX.Element;
+    defaultProps: ButtonGroupProps;
+    propTypes: {
+        children: PropTypes.Requireable<any>;
+    };
+};
+export default ButtonGroup;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ui/elements/Button/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,WAAW;mBAAgB,gBAAgB;;;;;CAIhD,CAAC;AAUF,eAAe,WAAW,CAAC"}

package/dist/ui/elements/Button/ButtonGroup.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledButtonGroup: import("styled-components").StyledComponent<string, any, {}, never>;
+//# sourceMappingURL=ButtonGroup.styles.d.ts.map

package/dist/ui/elements/Button/ButtonGroup.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/ButtonGroup.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,qEAI7B,CAAC"}

package/dist/ui/elements/Button/IconButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IconButtonProps } from './types';
+/**
+ * An IconButton is a button that contains an icon.
+ */
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default IconButton;
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/ui/elements/Button/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,QAAA,MAAM,UAAU,2FAmEf,CAAC;AAsCF,eAAe,UAAU,CAAC"}

package/dist/ui/elements/Button/IconButton.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=IconButton.test.d.ts.map

package/dist/ui/elements/Button/IconButton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.test.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/IconButton.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}