@pedidopago/ui 1.1.0 → 1.1.4

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/table.test.js

@@ -8,6 +8,8 @@ require("@testing-library/jest-dom/extend-expect");
 
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -15,7 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Table, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, _objectSpread({}, props)));
   return _objectSpread({}, utils);
 };
 

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

@@ -1,38 +1,38 @@
-import { ReactNode } from 'react';
-export interface TableAction {
-    label: string | ReactNode;
-    handler: (selectedRows?: string[], allSelected?: boolean) => void;
-}
-/** 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[];
-    /** The dropdown actions of the rows */
-    rowMenuActions?: 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: TableCell[][];
-}
-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: string | ReactNode;
+    handler: (selectedRows?: string[], allSelected?: boolean) => void;
+}
+/** 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[];
+    /** The dropdown actions of the rows */
+    rowMenuActions?: 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: TableCell[][];
+}
+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/TabsExample.js

@@ -9,6 +9,14 @@ var _react = require("react");
 
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -34,29 +42,35 @@ var TabsExample = function TabsExample(_ref) {
   (0, _react.useEffect)(function () {
     setCurrentTab(props.value);
   }, [props.value]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_.Tabs, _extends({}, props, {
-    onChangeTab: function onChangeTab(value) {
-      return setCurrentTab(value);
-    }
-  }), /*#__PURE__*/React.createElement(_.Tab, {
-    value: 1,
-    label: "Item 1"
-  }), /*#__PURE__*/React.createElement(_.Tab, {
-    value: 2,
-    label: "Item 2"
-  }), /*#__PURE__*/React.createElement(_.Tab, {
-    value: 3,
-    label: "Item 3"
-  })), /*#__PURE__*/React.createElement(_.TabPanel, {
-    value: currentTab,
-    index: 1
-  }, "Item 1 content"), /*#__PURE__*/React.createElement(_.TabPanel, {
-    value: currentTab,
-    index: 2
-  }, "Item 2 content"), /*#__PURE__*/React.createElement(_.TabPanel, {
-    value: currentTab,
-    index: 3
-  }, "Item 3 content"));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, _objectSpread(_objectSpread({}, props), {}, {
+      onChangeTab: function onChangeTab(value) {
+        return setCurrentTab(value);
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
+        value: 1,
+        label: "Item 1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
+        value: 2,
+        label: "Item 2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
+        value: 3,
+        label: "Item 3"
+      })]
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabPanel, {
+      value: currentTab,
+      index: 1,
+      children: "Item 1 content"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabPanel, {
+      value: currentTab,
+      index: 2,
+      children: "Item 2 content"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabPanel, {
+      value: currentTab,
+      index: 3,
+      children: "Item 3 content"
+    })]
+  });
 };
 
 exports.TabsExample = TabsExample;

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/Tab.js

@@ -11,6 +11,8 @@ var _Tabs = require("./Tabs");
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Tab = function Tab(_ref) {
   var label = _ref.label,
       value = _ref.value,
@@ -23,12 +25,12 @@ var Tab = function Tab(_ref) {
       activeTabRef = _useContext.activeTabRef,
       activeTab = _useContext.activeTab,
       changeTab = _useContext.changeTab,
-      fullWidth = _useContext.fullWidth,
+      squeeze = _useContext.squeeze,
       indicatorColor = _useContext.indicatorColor,
       textColor = _useContext.textColor,
       isLoading = _useContext.isLoading;
 
-  return /*#__PURE__*/React.createElement(_styles.TabButton, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabButton, {
     id: "simple-tab-".concat(value),
     type: "button",
     role: "tab",
@@ -39,10 +41,17 @@ var Tab = function Tab(_ref) {
       return changeTab(event, Number(value));
     },
     disabled: disabled || isLoading,
-    fullWidth: fullWidth,
+    squeeze: squeeze,
     indicatorColor: indicatorColor,
-    textColor: textColor
-  }, isLoading ? /*#__PURE__*/React.createElement(_styles.TabLoadingSkeleton, null) : /*#__PURE__*/React.createElement(React.Fragment, null, iconPosition === 'left' && icon && /*#__PURE__*/React.createElement(_styles.TabButtonIcon, null, icon), label, iconPosition === 'right' && icon && /*#__PURE__*/React.createElement(_styles.TabButtonIcon, null, icon)));
+    textColor: textColor,
+    children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabLoadingSkeleton, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [iconPosition === 'left' && icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabButtonIcon, {
+        children: icon
+      }), label, iconPosition === 'right' && icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabButtonIcon, {
+        children: icon
+      })]
+    })
+  });
 };
 
 exports.Tab = Tab;

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/TabPanel.js

@@ -7,16 +7,21 @@ exports.TabPanel = void 0;
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TabPanel = function TabPanel(_ref) {
   var children = _ref.children,
       index = _ref.index,
       value = _ref.value;
-  return /*#__PURE__*/React.createElement(_styles.TabPanelContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabPanelContainer, {
     id: "simple-tabpanel-".concat(index),
     hidden: Number(value) !== Number(index),
     role: "tabpanel",
-    "aria-labelledby": "simple-tabpanel-".concat(index)
-  }, Number(value) === Number(index) && /*#__PURE__*/React.createElement(_styles.TabPanelWrapper, null, children));
+    "aria-labelledby": "simple-tabpanel-".concat(index),
+    children: Number(value) === Number(index) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabPanelWrapper, {
+      children: children
+    })
+  });
 };
 
 exports.TabPanel = TabPanel;

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/components/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA6D,MAAM,OAAO,CAAC;AAMtF,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEzD,eAAO,MAAM,WAAW,4CAUtB,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,UAAU,CA2D/B,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA6D,MAAM,OAAO,CAAC;AAMtF,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEzD,eAAO,MAAM,WAAW,4CAUtB,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,UAAU,CA8D/B,CAAC"}

package/dist/components/Tabs/components/Tabs.js

@@ -11,11 +11,17 @@ var _Flex = _interopRequireDefault(require("../../Flex"));
 
 var _styles = require("../styles");
 
-var _excluded = ["children", "direction", "centered", "onChangeTab", "value", "fullWidth", "indicatorColor", "textColor", "isLoading"];
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _excluded = ["children", "direction", "centered", "onChangeTab", "value", "fullWidth", "indicatorColor", "textColor", "isLoading", "squeeze"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -37,12 +43,12 @@ var TabsContext = /*#__PURE__*/(0, _react.createContext)({
   activeTabRef: undefined,
   activeTab: 0,
   changeTab: function changeTab() {},
-  fullWidth: false,
   indicatorWidth: 0,
   indicatorLeft: 0,
   indicatorColor: 'primary.default',
   textColor: 'primary.default',
-  isLoading: false
+  isLoading: false,
+  squeeze: false
 });
 exports.TabsContext = TabsContext;
 
@@ -56,6 +62,7 @@ var Tabs = function Tabs(_ref) {
       indicatorColor = _ref.indicatorColor,
       textColor = _ref.textColor,
       isLoading = _ref.isLoading,
+      squeeze = _ref.squeeze,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var activeTabRef = /*#__PURE__*/(0, _react.createRef)();
@@ -90,30 +97,35 @@ var Tabs = function Tabs(_ref) {
       setIndicatorLeft(activeTabRef.current.offsetLeft);
     }
   }, [value]);
-  return /*#__PURE__*/React.createElement(_styles.TabsContainer, {
-    indicatorColor: indicatorColor
-  }, /*#__PURE__*/React.createElement(_Flex.default, _extends({
-    direction: direction || 'row',
-    justifyContent: centered ? 'center' : 'flex-start',
-    role: "tablist"
-  }, rest), /*#__PURE__*/React.createElement(TabsContext.Provider, {
-    value: {
-      activeTabRef: activeTabRef,
-      activeTab: activeTab,
-      changeTab: handleChangeTab,
-      textColor: textColor,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TabsContainer, {
+    fullWidth: fullWidth || squeeze,
+    indicatorColor: indicatorColor,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, _objectSpread(_objectSpread({
+      direction: direction || 'row',
+      justifyContent: centered ? 'center' : 'flex-start',
+      role: "tablist"
+    }, rest), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsContext.Provider, {
+        value: {
+          activeTabRef: activeTabRef,
+          activeTab: activeTab,
+          changeTab: handleChangeTab,
+          textColor: textColor,
+          indicatorColor: indicatorColor,
+          indicatorWidth: indicatorWidth,
+          indicatorLeft: indicatorLeft,
+          isLoading: isLoading,
+          squeeze: squeeze
+        },
+        children: children
+      })
+    })), direction === 'row' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabIndicator, {
+      isLoading: isLoading,
       indicatorColor: indicatorColor,
       indicatorWidth: indicatorWidth,
-      indicatorLeft: indicatorLeft,
-      fullWidth: fullWidth,
-      isLoading: isLoading
-    }
-  }, children)), /*#__PURE__*/React.createElement(_styles.TabIndicator, {
-    isLoading: isLoading,
-    indicatorColor: indicatorColor,
-    indicatorWidth: indicatorWidth,
-    indicatorLeft: indicatorLeft
-  }));
+      indicatorLeft: indicatorLeft
+    })]
+  });
 };
 
 exports.Tabs = Tabs;

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,38 +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, 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;
-    fullWidth?: 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/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5F,eAAO,MAAM,aAAa;;;6HAGzB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;qHA2FrB,CAAC;AAEF,eAAO,MAAM,aAAa;;;2GAGzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;6HAgC9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;YACpB,OAAO;yGAGhB,CAAC;AAEF,eAAO,MAAM,YAAY;;;iNAqBvB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5F,eAAO,MAAM,aAAa;;;;;yGAiBzB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;qHAoErB,CAAC;AAEF,eAAO,MAAM,aAAa;;;2GAGzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;6HAgC9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;YACpB,OAAO;yGAGhB,CAAC;AAEF,eAAO,MAAM,YAAY;;;iNAqBvB,CAAC"}