@newtonschool/grauity 0.0.14 → 0.1.11

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,uFAwEV,CAAC;AA0CH,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"}

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

@@ -0,0 +1,54 @@
+export declare enum BUTTON_VARIANTS_ENUM {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary",
+    SUCCESS = "success",
+    DANGER = "danger",
+    WARNING = "warning",
+    PRIMARY_OUTLINED = "primary-outlined",
+    SECONDARY_OUTLINED = "secondary-outlined",
+    TERTIARY_OUTLINED = "tertiary-outlined",
+    SUCCESS_OUTLINED = "success-outlined",
+    DANGER_OUTLINED = "danger-outlined",
+    WARNING_OUTLINED = "warning-outlined"
+}
+export declare enum BUTTON_SIZES_ENUM {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    EXTRA_LARGE = "extra-large"
+}
+export declare enum BUTTON_ICON_POSITIONS_ENUM {
+    LEFT = "left",
+    RIGHT = "right"
+}
+export declare const BUTTON_VARIANTS: BUTTON_VARIANTS_ENUM[];
+export declare const BUTTON_SIZES: BUTTON_SIZES_ENUM[];
+export declare const BUTTON_ICON_POSITIONS: BUTTON_ICON_POSITIONS_ENUM[];
+export declare const BUTTON_VARIANT_STYLES_MAPPING: {
+    primary: string;
+    "primary-outlined": string;
+    secondary: string;
+    "secondary-outlined": string;
+    tertiary: string;
+    "tertiary-outlined": string;
+    success: string;
+    "success-outlined": string;
+    danger: string;
+    "danger-outlined": string;
+    warning: string;
+    "warning-outlined": string;
+};
+export declare const BUTTON_SIZE_STYLES_MAPPING: {
+    small: string;
+    medium: string;
+    large: string;
+    "extra-large": string;
+};
+export declare const ICON_BUTTON_SIZE_STYLES_MAPPING: {
+    small: string;
+    medium: string;
+    large: string;
+    "extra-large": string;
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,oBAAoB;IAC5B,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,gBAAgB,qBAAqB;IACrC,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,gBAAgB,qBAAqB;IACrC,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;CACxC;AAED,oBAAY,iBAAiB;IACzB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC9B;AAED,oBAAY,0BAA0B;IAClC,IAAI,SAAS;IACb,KAAK,UAAU;CAClB;AAED,eAAO,MAAM,eAAe,wBAa3B,CAAC;AAEF,eAAO,MAAM,YAAY,qBAKxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,8BAGjC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;CAiMzC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;CAsBtC,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;;CA8B3C,CAAC"}

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

@@ -0,0 +1,9 @@
+export { default } from './Button';
+export { default as ButtonGroup } from './ButtonGroup';
+export { BUTTON_VARIANTS_ENUM } from './constants';
+export { BUTTON_SIZES_ENUM } from './constants';
+export { BUTTON_VARIANTS } from './constants';
+export { BUTTON_ICON_POSITIONS_ENUM } from './constants';
+export { default as IconButton } from './IconButton';
+export type { ButtonProps, IconButtonProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,226 @@
+import React from 'react';
+import { grauityIconName, grauityIconSizeName } from '../../core';
+export type ButtonTypeAttribute = 'button' | 'submit' | 'reset';
+export type ButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'success' | 'danger' | 'warning' | 'primary-outlined' | 'secondary-outlined' | 'tertiary-outlined' | 'success-outlined' | 'danger-outlined' | 'warning-outlined';
+export type ButtonSizes = 'small' | 'medium' | 'large' | 'extra-large';
+export type ButtonIconPositions = 'left' | 'right';
+export interface ButtonProps {
+    /**
+     * Variant of the button
+     *
+     * Available choices: `primary`, `secondary`, `tertiary`, `success`, `danger`, `warning`, `primary-outlined`, `secondary-outlined`, `tertiary-outlined`, `success-outlined`, `danger-outlined`, `warning-outlined`
+     *
+     * Default: `primary`
+     * */
+    variant?: ButtonVariants;
+    /**
+     * Size of the button
+     * Available choices: `small`, `medium`, `large`
+     *
+     * Default: `medium`
+     * */
+    size?: ButtonSizes;
+    /**
+     * Icon to be displayed in the button.
+     * */
+    icon?: grauityIconName;
+    /**
+     * Size of the icon
+     * */
+    iconSize?: grauityIconSizeName;
+    /**
+     * Position of the icon
+     *
+     * Available choices: `left`, `right`
+     *
+     * Default: `left`
+     * */
+    iconPosition?: ButtonIconPositions;
+    /**
+     * Additional classes to be added to the component.
+     * */
+    className?: string;
+    /**
+     * Show that the button is inactive
+     *
+     * Default: `false`
+     * */
+    disabled?: boolean;
+    /**
+     * Show that the button is loading
+     *
+     * Default: `false`
+     * */
+    loading?: boolean;
+    /**
+     * Function to be called on click
+     *
+     * If the button is disabled, the function will not be called
+     * */
+    onClick?: (e?: any) => void;
+    /**
+     * Additional styles to be used over the element
+     *
+     * Default: `{}`
+     * */
+    style?: React.CSSProperties;
+    /**
+     * Make the button full width
+     *
+     * Default: `false`
+     * */
+    fullWidth?: boolean;
+    /**
+     * Children of the component
+     * */
+    children?: React.ReactNode;
+    /**
+     * Type of the button
+     *
+     * Default: `button`
+     * */
+    type?: 'button' | 'submit' | 'reset';
+    /**
+     * Aria label for the button
+     * */
+    ariaLabel?: string;
+    /**
+     * Tooltip to be displayed on hover, uses the `title` attribute
+     * */
+    tooltip?: string;
+    /**
+     * Tab index of the button
+     * */
+    tabIndex?: number;
+    /**
+     * Function to be called on mouse enter
+     * */
+    onMouseEnter?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Function to be called on mouse leave
+     * */
+    onMouseLeave?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Additional props to be passed to the button element
+     * */
+    buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+}
+export interface IconButtonProps {
+    /**
+     * Variant of the button
+     *
+     * Available choices: `primary`, `secondary`, `tertiary`, `success`, `danger`, `warning`, `primary-outlined`, `secondary-outlined`, `tertiary-outlined`, `success-outlined`, `danger-outlined`, `warning-outlined`
+     *
+     * Default: `primary`
+     * */
+    variant?: ButtonVariants;
+    /**
+     * Size of the button
+     * Available choices: `small`, `medium`, `large`
+     *
+     * Default: `medium`
+     * */
+    size?: ButtonSizes;
+    /**
+     * Icon to be displayed in the button.
+     * */
+    icon?: grauityIconName;
+    /**
+     * Size of the icon
+     * */
+    iconSize?: grauityIconSizeName;
+    /**
+     * Additional classes to be added to the component.
+     * */
+    className?: string;
+    /**
+     * Show that the button is inactive
+     *
+     * Default: `false`
+     * */
+    disabled?: boolean;
+    /**
+     * Show that the button is loading
+     *
+     * Default: `false`
+     * */
+    loading?: boolean;
+    /**
+     * Function to be called on click
+     *
+     * If the button is disabled, the function will not be called
+     * */
+    onClick?: (e?: any) => void;
+    /**
+     * Additional styles to be used over the element
+     *
+     * Default: `{}`
+     * */
+    style?: React.CSSProperties;
+    /**
+     * Make the button full width
+     *
+     * Default: `false`
+     * */
+    fullWidth?: boolean;
+    /**
+     * Type of the button
+     *
+     * Default: `button`
+     * */
+    type?: 'button' | 'submit' | 'reset';
+    /**
+     * Aria label for the button
+     * */
+    ariaLabel?: string;
+    /**
+     * Tooltip to be displayed on hover, uses the `title` attribute
+     * */
+    tooltip?: string;
+    /**
+     * Tab index of the button
+     * */
+    tabIndex?: number;
+    /**
+     * Function to be called on mouse enter
+     * */
+    onMouseEnter?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Function to be called on mouse leave
+     * */
+    onMouseLeave?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Additional props to be passed to the button element
+     * */
+    buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+}
+export interface ButtonComponentProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariants;
+    size?: ButtonSizes;
+    icon?: string | number;
+    iconSize?: string;
+    iconPosition?: 'left' | 'right';
+    className?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    style?: React.CSSProperties;
+    onClick?: (e?: any) => void;
+    fullWidth?: boolean;
+    isIconButton?: boolean;
+    children?: React.ReactNode;
+    ref?: React.Ref<HTMLButtonElement>;
+    type?: ButtonTypeAttribute;
+    ariaLabel?: string;
+    title?: string;
+    tabIndex?: number;
+    onMouseEnter?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onMouseLeave?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export interface ButtonContentProps {
+    id?: string;
+    children: React.ReactNode;
+}
+export interface ButtonGroupProps {
+    children: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Button/types.ts"],"names":[],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { IconProps } from './types';
+/**
+ * An icon is a glyph used to represent something else.
+ */
+declare function Icon({ ariaHidden, ariaLabel, as, bordered, circular, color, className, disabled, fitted, flipped, inverted, link, loading, name, rotated, size, style, ...props }: IconProps): JSX.Element;
+declare namespace Icon {
+    var propTypes: {
+        ariaHidden: PropTypes.Requireable<string>;
+        ariaLabel: PropTypes.Requireable<string>;
+        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        bordered: PropTypes.Requireable<boolean>;
+        circular: PropTypes.Requireable<boolean>;
+        color: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        fitted: PropTypes.Requireable<boolean>;
+        flipped: PropTypes.Requireable<import("../../core/miscellaneous-choices").GRAUITY_FLIPPED_CHOICES>;
+        inverted: PropTypes.Requireable<boolean>;
+        link: PropTypes.Requireable<boolean>;
+        loading: PropTypes.Requireable<boolean>;
+        name: PropTypes.Validator<string>;
+        rotated: PropTypes.Requireable<import("../../core/miscellaneous-choices").GRAUITY_ROTATED_CHOICES>;
+        size: PropTypes.Requireable<import("../../core").GRAUITY_SIZE>;
+        style: PropTypes.Requireable<object>;
+    };
+    var defaultProps: {
+        ariaHidden: string;
+        ariaLabel: any;
+        as: string;
+        bordered: boolean;
+        circular: boolean;
+        color: string;
+        className: any;
+        disabled: boolean;
+        fitted: boolean;
+        flipped: any;
+        inverted: boolean;
+        link: boolean;
+        loading: boolean;
+        rotated: any;
+        size: string;
+        style: any;
+    };
+}
+export default Icon;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Icon/Icon.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;GAEG;AACH,iBAAS,IAAI,CAAC,EACV,UAAU,EACV,SAAS,EACT,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACX,EAAE,SAAS,eA4DX;kBA/EQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHb,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,5 @@
+import { IconProps } from './types';
+export declare const StyledIcon: import("styled-components").StyledComponent<string, any, {
+    as: import("react").ElementType<any>;
+} & IconProps, "as">;
+//# sourceMappingURL=Icon.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Icon/Icon.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAOpC,eAAO,MAAM,UAAU;;oBAyFtB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default as Icon } from './Icon';
+export { IconProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,74 @@
+import React from 'react';
+import { grauityFlippedChoiceName, grauityIconName, grauityIconSizeName, grauityRotatedChoiceName } from 'ui/core';
+interface IconProps {
+    /**
+     * Icon can have the aria hidden attribute
+     * */
+    ariaHidden?: string;
+    /**
+     * Icon can have the aria label attribute
+     * */
+    ariaLabel?: string;
+    /**
+     * An element type to render as (string or function).
+     * */
+    as?: React.ElementType;
+    /**
+     * Format the icon to appear bordered
+     * */
+    bordered?: boolean;
+    /**
+     * Format the icon to appear circular
+     * */
+    circular?: boolean;
+    /**
+     * Color of the icon
+     * */
+    color?: string;
+    /**
+     * Additional classes to be added to the component
+     * */
+    className?: string;
+    /**
+     * Show that the icon is inactive
+     * */
+    disabled?: boolean;
+    /**
+     * Fitted, without space to left or right of Icon
+     * */
+    fitted?: boolean;
+    /**
+     * Icon can be flipped
+     * */
+    flipped?: grauityFlippedChoiceName;
+    /**
+     * The colors of the icon can be inverted in case of used with border
+     * * */
+    inverted?: boolean;
+    /**
+     * Icon can be formatted as a link
+     * */
+    link?: boolean;
+    /**
+     * Icon can be used as a simple loader
+     * */
+    loading?: boolean;
+    /**
+     * Name of the icon
+     * */
+    name: grauityIconName;
+    /**
+     * Icon can be rotated
+     * */
+    rotated?: grauityRotatedChoiceName;
+    /**
+     * Size of the icon
+     * */
+    size?: grauityIconSizeName;
+    /**
+     * Additional styles to be used over the element
+     * */
+    style?: React.CSSProperties;
+}
+export { IconProps };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,wBAAwB,EACxB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EAC3B,MAAM,SAAS,CAAC;AAEjB,UAAU,SAAS;IACf;;SAEK;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEvB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;SAEK;IACL,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC;;WAEO;IACP,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;SAEK;IACL,IAAI,EAAE,eAAe,CAAC;IAEtB;;SAEK;IACL,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC;;SAEK;IACL,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAE3B;;SAEK;IACL,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}