@pedidopago/ui 1.1.5 → 1.2.0

package/dist/components/Switch/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IInputProps } from './types';
-declare const SwitchInput: FC<IInputProps>;
-export default SwitchInput;
+import { FC } from 'react';
+import { IInputProps } from './types';
+declare const SwitchInput: FC<IInputProps>;
+export default SwitchInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Switch/styles.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { IStyleProps } from './types';
-export declare const SwitchWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Switch: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SwitchToken: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HelpText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from './types';
+export declare const SwitchWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Switch: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SwitchToken: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HelpText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Switch/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,aAAa;;;uHAOzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;uHAwBlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;uHAgBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yHAGpB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,aAAa;;;uHAOzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;uHAyBlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;uHAmBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yHAGpB,CAAC"}

package/dist/components/Switch/styles.js

@@ -24,7 +24,7 @@ var SwitchWrapper = _styled.default.div(_templateObject || (_templateObject = _t
 
 exports.SwitchWrapper = SwitchWrapper;
 
-var Switch = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4px 2px;\n  position: relative;\n  outline: 0;\n\n  width: 40px;\n  height: 24px;\n  border-radius: 80px;\n\n  border: 2px solid\n    ", ";\n\n  transition: all ease-in-out 0.2s;\n\n  ", "\n\n  ", "\n"])), function (_ref2) {
+var Switch = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4px 2px;\n  position: relative;\n  outline: 0;\n\n  width: 40px;\n  height: 24px;\n  border-radius: 80px;\n  cursor: pointer;\n\n  border: 2px solid\n    ", ";\n\n  transition: all ease-in-out 0.2s;\n\n  ", "\n\n  ", "\n"])), function (_ref2) {
   var theme = _ref2.theme,
       isActive = _ref2.isActive;
   return {
@@ -44,7 +44,10 @@ exports.Switch = Switch;
 
 var SwitchToken = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  border-radius: 80px;\n  transition: all ease-in-out 0.2s;\n\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    width: 80%;\n    height: 80%;\n  }\n\n  background-color: ", ";\n"])), function (_ref5) {
   var theme = _ref5.theme;
-  return theme.colors.neutral.neutral3;
+  return {
+    dark: theme.colors.neutral.neutral2,
+    light: theme.colors.neutral.neutral4
+  }[theme.colorMode];
 });
 
 exports.SwitchToken = SwitchToken;
@@ -76,12 +79,12 @@ function ActiveEffects(_ref8) {
 function disabledStyle(_ref9) {
   var theme = _ref9.theme;
   if (!theme) return '';
-  return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n\n    div {\n      background-color: ", ";\n    }\n  "])), {
+  return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    border-color: ", ";\n\n    background-color: ", ";\n\n    div {\n      background-color: ", ";\n    }\n  "])), {
     dark: theme.colors.neutral.neutral4,
     light: theme.colors.neutral.neutral2
   }[theme.colorMode], {
     dark: theme.colors.neutral.neutral5,
-    light: theme.colors.body.light
+    light: theme.colors.neutral.neutral1
   }[theme.colorMode], {
     dark: theme.colors.neutral.neutral3,
     light: theme.colors.neutral.neutral2

package/dist/components/Switch/switch.test.d.ts

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

package/dist/components/Switch/types.d.ts

@@ -1,18 +1,18 @@
-import { Theme } from '@emotion/react';
-export declare type IStyleProps = {
-    theme?: Theme;
-    disabled?: boolean;
-    isActive?: boolean;
-    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-};
-export declare type IInputProps = {
-    disabled?: boolean;
-    helpText?: string;
-    alert?: boolean;
-    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-    onError?: (error: string) => void;
-    onChangeValue?: (value: boolean) => void;
-    defaultValue?: boolean;
-    checked?: boolean;
-};
+import { Theme } from '@emotion/react';
+export declare type IStyleProps = {
+    theme?: Theme;
+    disabled?: boolean;
+    isActive?: boolean;
+    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+};
+export declare type IInputProps = {
+    disabled?: boolean;
+    helpText?: string;
+    alert?: boolean;
+    SwitchType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+    onError?: (error: string) => void;
+    onChangeValue?: (value: boolean) => void;
+    defaultValue?: boolean;
+    checked?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Table/components/MenuItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IMenuItem } from '../types';
-export declare function MenuItem({ items, isOpen, onClickOutside, top, right }: IMenuItem): JSX.Element;
+/// <reference types="react" />
+import { IMenuItem } from '../types';
+export declare function MenuItem({ items, isOpen, onClickOutside, top, right }: IMenuItem): JSX.Element;
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/Table/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { ITableProps } from './types';
-export declare function Table({ selectable, primaryActions, secondaryActions, header, rows, ...rest }: ITableProps & ComponentPropsWithoutRef<'table'>): JSX.Element;
+import { ComponentPropsWithoutRef } from 'react';
+import { ITableProps } from './types';
+export declare function Table({ selectable, primaryActions, secondaryActions, header, rows, ...rest }: ITableProps & ComponentPropsWithoutRef<'table'>): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Table/styles.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const StyledTable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-export declare const SelectedHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ActionsButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const MenuItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const VerticalPointsButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const MenuItemContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isOpen?: boolean | undefined;
-    posTop?: number | undefined;
-    posRight?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MenuItemContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const StyledTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const SelectedHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ActionsButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const MenuItemWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VerticalPointsButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const MenuItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isOpen?: boolean | undefined;
+    posTop?: number | undefined;
+    posRight?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MenuItemContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Table/table.test.d.ts

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

package/dist/components/Table/types.d.ts

@@ -1,40 +1,40 @@
-import { ReactNode } from 'react';
-export interface TableAction {
-    label: ReactNode;
-    handler: (selectedRows?: string[], allSelected?: boolean) => void;
-}
-export declare type TableRow = {
-    items: ReactNode[];
-    actions?: TableAction[];
-};
-/** Corresponds to the content displayed inside a table cell. */
-export declare type TableCell = ReactNode;
-export declare type MenuStateProps = {
-    state: boolean;
-    rowId: string;
-};
-export interface ITableProps {
-    /** If the rows can be selected. Displays the checkbox at the start of the row. */
-    selectable?: boolean;
-    /** Primary actions displayed in the header for selected tables. */
-    primaryActions?: TableAction[];
-    /** Secondary actions displayed in a dropdown in the header for selected tables. */
-    secondaryActions?: TableAction[];
-    /** An array containing the labels of the columns to be displayed in the header. */
-    header: string[];
-    /** An array of TableCell's arrays each matching a row of the table. Each TableCell corresponds to the content displayed inside a table cell. */
-    rows: TableRow[];
-}
-export interface IMenuItem {
-    /** Table row dropdown menu items. */
-    items: TableAction[];
-    /** Table row dropdown menu state. */
-    isOpen: boolean;
-    /** Table row dropdown handler to outside click */
-    onClickOutside: () => void;
-    /** The top position of the dropdown menu */
-    top?: number;
-    /** The left position of the dropdown menu */
-    right?: number;
-}
+import { ReactNode } from 'react';
+export interface TableAction {
+    label: ReactNode;
+    handler: (selectedRows?: string[], allSelected?: boolean) => void;
+}
+export declare type TableRow = {
+    items: ReactNode[];
+    actions?: TableAction[];
+};
+/** Corresponds to the content displayed inside a table cell. */
+export declare type TableCell = ReactNode;
+export declare type MenuStateProps = {
+    state: boolean;
+    rowId: string;
+};
+export interface ITableProps {
+    /** If the rows can be selected. Displays the checkbox at the start of the row. */
+    selectable?: boolean;
+    /** Primary actions displayed in the header for selected tables. */
+    primaryActions?: TableAction[];
+    /** Secondary actions displayed in a dropdown in the header for selected tables. */
+    secondaryActions?: TableAction[];
+    /** An array containing the labels of the columns to be displayed in the header. */
+    header: string[];
+    /** An array of TableCell's arrays each matching a row of the table. Each TableCell corresponds to the content displayed inside a table cell. */
+    rows: TableRow[];
+}
+export interface IMenuItem {
+    /** Table row dropdown menu items. */
+    items: TableAction[];
+    /** Table row dropdown menu state. */
+    isOpen: boolean;
+    /** Table row dropdown handler to outside click */
+    onClickOutside: () => void;
+    /** The top position of the dropdown menu */
+    top?: number;
+    /** The left position of the dropdown menu */
+    right?: number;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Tabs/TabsExample.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITabsProps } from './types';
-export declare const TabsExample: ({ ...props }: ITabsProps) => JSX.Element;
+/// <reference types="react" />
+import { ITabsProps } from './types';
+export declare const TabsExample: ({ ...props }: ITabsProps) => JSX.Element;
 //# sourceMappingURL=TabsExample.d.ts.map

package/dist/components/Tabs/components/Tab.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITabProps } from '../types';
-export declare const Tab: ({ label, value, icon, iconPosition, disabled }: ITabProps) => JSX.Element;
+/// <reference types="react" />
+import { ITabProps } from '../types';
+export declare const Tab: ({ label, value, icon, iconPosition, disabled }: ITabProps) => JSX.Element;
 //# sourceMappingURL=Tab.d.ts.map

package/dist/components/Tabs/components/TabPanel.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { ITabPanelProps } from '../types';
-export declare const TabPanel: FC<ITabPanelProps>;
+import { FC } from 'react';
+import { ITabPanelProps } from '../types';
+export declare const TabPanel: FC<ITabPanelProps>;
 //# sourceMappingURL=TabPanel.d.ts.map

package/dist/components/Tabs/components/Tabs.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ITabsContextProps, ITabsProps } from '../types';
-export declare const TabsContext: import("react").Context<ITabsContextProps>;
-export declare const Tabs: FC<ITabsProps>;
+import { FC } from 'react';
+import { ITabsContextProps, ITabsProps } from '../types';
+export declare const TabsContext: import("react").Context<ITabsContextProps>;
+export declare const Tabs: FC<ITabsProps>;
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/components/Tabs/index.d.ts

@@ -1,4 +1,4 @@
-export { TabPanel } from './components/TabPanel';
-export { Tabs } from './components/Tabs';
-export { Tab } from './components/Tab';
+export { TabPanel } from './components/TabPanel';
+export { Tabs } from './components/Tabs';
+export { Tab } from './components/Tab';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/styles.d.ts

@@ -1,40 +1,40 @@
-/// <reference types="react" />
-import { ITabButtonProps, GenericThemeProps, TabIndicatorProps, ITabsProps } from './types';
-export declare const TabsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericThemeProps & {
-    fullWidth?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TabButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericThemeProps & import("react").HTMLAttributes<HTMLButtonElement> & {
-    active: boolean;
-    squeeze?: boolean | undefined;
-    indicatorColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-    textColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const TabButtonIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const TabPanelWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TabLoadingSkeleton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TabPanelContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    hidden: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TabIndicator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TabIndicatorProps & Pick<ITabButtonProps, "theme" | "indicatorColor"> & Pick<ITabsProps, "isLoading">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { ITabButtonProps, GenericThemeProps, TabIndicatorProps, ITabsProps } from './types';
+export declare const TabsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericThemeProps & {
+    fullWidth?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericThemeProps & import("react").HTMLAttributes<HTMLButtonElement> & {
+    active: boolean;
+    squeeze?: boolean | undefined;
+    indicatorColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+    textColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const TabButtonIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const TabPanelWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabLoadingSkeleton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabPanelContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    hidden: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabIndicator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TabIndicatorProps & Pick<ITabButtonProps, "theme" | "indicatorColor"> & Pick<ITabsProps, "isLoading">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Tabs/tabs.test.d.ts

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

package/dist/components/Tabs/types.d.ts

@@ -1,50 +1,50 @@
-import { HTMLAttributes, ReactNode, MouseEvent, RefObject } from 'react';
-import { GlobalColorsProps, ExtendThemeProps } from '../../shared/theme/theme.types';
-export declare type ITabsProps = HTMLAttributes<HTMLDivElement> & {
-    value: string | number;
-    onChangeTab: (value: number) => void;
-    direction?: 'row' | 'column';
-    centered?: boolean;
-    squeeze?: boolean;
-    fullWidth?: boolean;
-    indicatorColor?: GlobalColorsProps | (string & {});
-    textColor?: GlobalColorsProps | (string & {});
-    isLoading?: boolean;
-};
-export declare type ITabsContextProps = {
-    activeTab: number;
-    indicatorWidth: number;
-    indicatorLeft: number;
-    changeTab: (event: MouseEvent<HTMLButtonElement>, value: number) => void;
-    activeTabRef?: RefObject<HTMLButtonElement>;
-    squeeze?: boolean;
-    indicatorColor?: GlobalColorsProps | (string & {});
-    textColor?: GlobalColorsProps | (string & {});
-    isLoading?: boolean;
-};
-export declare type ITabProps = HTMLAttributes<HTMLButtonElement> & {
-    label: string;
-    value: string | number;
-    icon?: ReactNode;
-    iconPosition?: 'left' | 'right';
-    disabled?: boolean;
-};
-export declare type ITabPanelProps = HTMLAttributes<HTMLDivElement> & {
-    value: string | number;
-    index: string | number;
-};
-export declare type GenericThemeProps = {
-    theme?: ExtendThemeProps;
-    indicatorColor?: GlobalColorsProps | (string & {});
-};
-export declare type ITabButtonProps = GenericThemeProps & HTMLAttributes<HTMLButtonElement> & {
-    active: boolean;
-    squeeze?: boolean;
-    indicatorColor?: GlobalColorsProps | (string & {});
-    textColor?: GlobalColorsProps | (string & {});
-};
-export declare type TabIndicatorProps = {
-    indicatorWidth?: number;
-    indicatorLeft?: number;
-};
+import { HTMLAttributes, ReactNode, MouseEvent, RefObject } from 'react';
+import { GlobalColorsProps, ExtendThemeProps } from '../../shared/theme/theme.types';
+export declare type ITabsProps = HTMLAttributes<HTMLDivElement> & {
+    value: string | number;
+    onChangeTab: (value: number) => void;
+    direction?: 'row' | 'column';
+    centered?: boolean;
+    squeeze?: boolean;
+    fullWidth?: boolean;
+    indicatorColor?: GlobalColorsProps | (string & {});
+    textColor?: GlobalColorsProps | (string & {});
+    isLoading?: boolean;
+};
+export declare type ITabsContextProps = {
+    activeTab: number;
+    indicatorWidth: number;
+    indicatorLeft: number;
+    changeTab: (event: MouseEvent<HTMLButtonElement>, value: number) => void;
+    activeTabRef?: RefObject<HTMLButtonElement>;
+    squeeze?: boolean;
+    indicatorColor?: GlobalColorsProps | (string & {});
+    textColor?: GlobalColorsProps | (string & {});
+    isLoading?: boolean;
+};
+export declare type ITabProps = HTMLAttributes<HTMLButtonElement> & {
+    label: string;
+    value: string | number;
+    icon?: ReactNode;
+    iconPosition?: 'left' | 'right';
+    disabled?: boolean;
+};
+export declare type ITabPanelProps = HTMLAttributes<HTMLDivElement> & {
+    value: string | number;
+    index: string | number;
+};
+export declare type GenericThemeProps = {
+    theme?: ExtendThemeProps;
+    indicatorColor?: GlobalColorsProps | (string & {});
+};
+export declare type ITabButtonProps = GenericThemeProps & HTMLAttributes<HTMLButtonElement> & {
+    active: boolean;
+    squeeze?: boolean;
+    indicatorColor?: GlobalColorsProps | (string & {});
+    textColor?: GlobalColorsProps | (string & {});
+};
+export declare type TabIndicatorProps = {
+    indicatorWidth?: number;
+    indicatorLeft?: number;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Tag/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ITagProps } from './types';
-declare const Tag: FC<ITagProps>;
-export default Tag;
+import { FC } from 'react';
+import { ITagProps } from './types';
+declare const Tag: FC<ITagProps>;
+export default Tag;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,GAAG,EAAE,EAAE,CAAC,SAAS,CA4BtB,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,GAAG,EAAE,EAAE,CAAC,SAAS,CAyBtB,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/components/Tag/index.js

@@ -33,6 +33,7 @@ var Tag = function Tag(_ref) {
     fillColor: fillColor,
     overtoneHue: fillColor && (0, _invertColor.invertColor)(fillColor, true),
     size: size ? sizes[size] : sizes.md,
+    onClick: onClick,
     children: [leftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: leftIcon,
       size: size === 'lg' ? '15' : '13'
@@ -41,7 +42,6 @@ var Tag = function Tag(_ref) {
       isLarge: size === 'lg',
       children: label
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Close, {
-      onClick: onClick,
       overtoneHue: fillColor && (0, _invertColor.invertColor)(fillColor, true),
       fillColor: fillColor,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {