@wix/design-system 1.161.0 → 1.162.0

package/dist/cjs/TableListHeader/TableListHeader.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_TableListHeader";
+var _namespace_ = "wds_1_162_0_TableListHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_TableListHeader__root","text-small-normal":"wds_1_161_0_StylableTypography__text-small-normal","optionsContainer":"wds_1_161_0_TableListHeader__optionsContainer","option":"wds_1_161_0_TableListHeader__option","sortArrow":"wds_1_161_0_TableListHeader__sortArrow"};
+module.exports.classes = {"root":"wds_1_162_0_TableListHeader__root","text-small-normal":"wds_1_162_0_StylableTypography__text-small-normal","optionsContainer":"wds_1_162_0_TableListHeader__optionsContainer","option":"wds_1_162_0_TableListHeader__option","sortArrow":"wds_1_162_0_TableListHeader__sortArrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TableListItem/TableListItem.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_TableListItem";
+var _namespace_ = "wds_1_162_0_TableListItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,12 +16,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_TableListItem__root","onHover":"wds_1_161_0_TableActionCell__onHover","notOnHover":"wds_1_161_0_TableActionCell__notOnHover","controlsContainer":"wds_1_161_0_TableListItem__controlsContainer","handleContainer":"wds_1_161_0_TableListItem__handleContainer","checkbox":"wds_1_161_0_TableListItem__checkbox","expandHandle":"wds_1_161_0_TableListItem__expandHandle","caretIcon":"wds_1_161_0_TableListItem__caretIcon","optionsContainer":"wds_1_161_0_TableListItem__optionsContainer","align":"wds_1_161_0_TableListItem__align"};
+module.exports.classes = {"root":"wds_1_162_0_TableListItem__root","onHover":"wds_1_162_0_TableActionCell__onHover","notOnHover":"wds_1_162_0_TableActionCell__notOnHover","controlsContainer":"wds_1_162_0_TableListItem__controlsContainer","handleContainer":"wds_1_162_0_TableListItem__handleContainer","checkbox":"wds_1_162_0_TableListItem__checkbox","expandHandle":"wds_1_162_0_TableListItem__expandHandle","caretIcon":"wds_1_162_0_TableListItem__caretIcon","optionsContainer":"wds_1_162_0_TableListItem__optionsContainer","align":"wds_1_162_0_TableListItem__align"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"checkedBorderWidth":"2px","largePadding":"24px","mediumPadding":"18px","smallPadding":"15px","tinyPadding":"12px","xTinyPadding":"6px","xxTinyPadding":"3px"}; 
-module.exports.vars = {"wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","padding-vertical":"--wds_1_161_0_TableListItem-padding-vertical","padding-horizontal":"--wds_1_161_0_TableListItem-padding-horizontal"}; 
+module.exports.vars = {"wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","padding-vertical":"--wds_1_162_0_TableListItem-padding-vertical","padding-horizontal":"--wds_1_162_0_TableListItem-padding-horizontal"}; 
 
 
 

package/dist/cjs/TableToolbar/TableToolbar.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_TableToolbar";
+var _namespace_ = "wds_1_162_0_TableToolbar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_TableToolbar__root","item":"wds_1_161_0_TableToolbar__item","itemLabel":"wds_1_161_0_TableToolbar__itemLabel","itemGroup":"wds_1_161_0_TableToolbar__itemGroup","title":"wds_1_161_0_TableToolbar__title","divider":"wds_1_161_0_TableToolbar__divider"};
+module.exports.classes = {"root":"wds_1_162_0_TableToolbar__root","item":"wds_1_162_0_TableToolbar__item","itemLabel":"wds_1_162_0_TableToolbar__itemLabel","itemGroup":"wds_1_162_0_TableToolbar__itemGroup","title":"wds_1_162_0_TableToolbar__title","divider":"wds_1_162_0_TableToolbar__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Tabs/Tabs.constants.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TYPE = exports.SIZE = exports.ALIGNMENT = void 0;
+var TYPE = exports.TYPE = {
+  compact: 'compact',
+  compactSide: 'compactSide',
+  uniformSide: 'uniformSide',
+  uniformFull: 'uniformFull'
+};
+var SIZE = exports.SIZE = {
+  small: 'small',
+  medium: 'medium'
+};
+var ALIGNMENT = exports.ALIGNMENT = {
+  start: 'start',
+  center: 'center',
+  end: 'end'
+};
+//# sourceMappingURL=Tabs.constants.js.map

package/dist/cjs/Tabs/Tabs.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TYPE","exports","compact","compactSide","uniformSide","uniformFull","SIZE","small","medium","ALIGNMENT","start","center","end"],"sources":["../../../src/Tabs/Tabs.constants.ts"],"sourcesContent":["export const TYPE = {\n  compact: 'compact',\n  compactSide: 'compactSide',\n  uniformSide: 'uniformSide',\n  uniformFull: 'uniformFull',\n} as const;\n\nexport const SIZE = {\n  small: 'small',\n  medium: 'medium',\n} as const;\n\nexport const ALIGNMENT = {\n  start: 'start',\n  center: 'center',\n  end: 'end',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,OAAO,EAAE,SAAS;EAClBC,WAAW,EAAE,aAAa;EAC1BC,WAAW,EAAE,aAAa;EAC1BC,WAAW,EAAE;AACf,CAAU;AAEH,IAAMC,IAAI,GAAAL,OAAA,CAAAK,IAAA,GAAG;EAClBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACV,CAAU;AAEH,IAAMC,SAAS,GAAAR,OAAA,CAAAQ,SAAA,GAAG;EACvBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE;AACP,CAAU","ignoreList":[]}

package/dist/cjs/Tabs/Tabs.js

@@ -4,74 +4,71 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _SideContent = _interopRequireDefault(require("./core/SideContent"));
-var _TabItems = _interopRequireDefault(require("./core/TabItems"));
+var _SideContent = _interopRequireDefault(require("./components/SideContent"));
+var _TabItems = _interopRequireDefault(require("./components/TabItems"));
 var _TabsSt = require("./Tabs.st.css.js");
-var _excluded = ["sideContent", "dataHook"];
+var _Tabs = require("./Tabs.constants");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Tabs/Tabs.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-class Tabs extends _react.Component {
-  constructor() {
-    super(...arguments);
-    this._getTabItemsProps = () => {
-      var _this$props = this.props,
-        {
-          sideContent,
-          dataHook
-        } = _this$props,
-        tabItemsProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      return tabItemsProps;
-    };
-  }
-  render() {
-    var {
-      sideContent,
+var Tabs = _ref => {
+  var {
+    dataHook,
+    className,
+    activeId,
+    hasDivider = true,
+    items,
+    minWidth,
+    type,
+    size = _Tabs.SIZE.medium,
+    sideContent,
+    width,
+    alignment,
+    onClick
+  } = _ref;
+  var tabItemsProps = {
+    className,
+    activeId,
+    hasDivider,
+    items,
+    minWidth,
+    type,
+    size,
+    width,
+    alignment,
+    onClick
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-divider": hasDivider,
+    "data-hook": dataHook,
+    className: (0, _TabsSt.st)(_TabsSt.classes.container, {
       hasDivider,
-      dataHook,
-      size,
-      className
-    } = this.props;
-    var tabItemsProps = this._getTabItemsProps();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-divider": hasDivider,
-      "data-hook": dataHook,
-      className: (0, _TabsSt.st)(_TabsSt.classes.container, {
-        hasDivider,
-        size
-      }, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 55,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement(_TabItems.default, (0, _extends2.default)({}, tabItemsProps, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 67,
-        columnNumber: 9
-      }
-    })), /*#__PURE__*/_react.default.createElement(_SideContent.default, {
-      content: sideContent,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 68,
-        columnNumber: 9
-      }
-    }));
-  }
-}
-Tabs.displayName = 'Tabs';
-Tabs.defaultProps = {
-  hasDivider: true,
-  size: 'medium'
+      size
+    }, className),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TabItems.default, (0, _extends2.default)({}, tabItemsProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
+      columnNumber: 7
+    }
+  })), /*#__PURE__*/_react.default.createElement(_SideContent.default, {
+    content: sideContent,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 7
+    }
+  }));
 };
+Tabs.displayName = 'Tabs';
 Tabs.propTypes = {
   dataHook: _propTypes.default.string,
   className: _propTypes.default.string,
@@ -82,10 +79,12 @@ Tabs.propTypes = {
     title: _propTypes.default.node,
     minWidth: _propTypes.default.number,
     maxWidth: _propTypes.default.number,
-    dataHook: _propTypes.default.string
+    dataHook: _propTypes.default.string,
+    prefix: _propTypes.default.node,
+    suffix: _propTypes.default.node
   })).isRequired,
   minWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  type: _propTypes.default.oneOf(['', 'compact', 'compactSide', 'uniformSide', 'uniformFull']),
+  type: _propTypes.default.oneOf(['compact', 'compactSide', 'uniformSide', 'uniformFull']),
   size: _propTypes.default.oneOf(['medium', 'small']),
   sideContent: _propTypes.default.node,
   width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),

package/dist/cjs/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_SideContent","_TabItems","_TabsSt","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Tabs","Component","constructor","arguments","_getTabItemsProps","_this$props","props","sideContent","dataHook","tabItemsProps","_objectWithoutProperties2","render","hasDivider","size","className","createElement","st","classes","container","__self","__source","fileName","lineNumber","columnNumber","_extends2","content","displayName","defaultProps","propTypes","PropTypes","string","activeId","oneOfType","number","bool","items","arrayOf","shape","id","title","node","minWidth","maxWidth","isRequired","type","oneOf","width","alignment","onClick","func","_default","exports"],"sources":["../../../src/Tabs/Tabs.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport SideContent from './core/SideContent';\nimport TabItems, { TabItemsProps } from './core/TabItems';\nimport { classes, st } from './Tabs.st.css';\nimport { TabsProps } from './Tabs.types';\n\nclass Tabs extends Component<TabsProps> {\n  static displayName = 'Tabs';\n\n  static defaultProps = {\n    hasDivider: true,\n    size: 'medium',\n  };\n\n  static propTypes = {\n    dataHook: PropTypes.string,\n    className: PropTypes.string,\n    activeId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    hasDivider: PropTypes.bool,\n    items: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n        title: PropTypes.node,\n        minWidth: PropTypes.number,\n        maxWidth: PropTypes.number,\n        dataHook: PropTypes.string,\n      }),\n    ).isRequired,\n    minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    type: PropTypes.oneOf([\n      '',\n      'compact',\n      'compactSide',\n      'uniformSide',\n      'uniformFull',\n    ]),\n    size: PropTypes.oneOf(['medium', 'small']),\n    sideContent: PropTypes.node,\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    alignment: PropTypes.oneOf(['start', 'center', 'end']),\n    onClick: PropTypes.func,\n  };\n\n  _getTabItemsProps = (): TabItemsProps => {\n    const { sideContent, dataHook, ...tabItemsProps } = this.props;\n    return tabItemsProps;\n  };\n\n  render() {\n    const { sideContent, hasDivider, dataHook, size, className } = this.props;\n    const tabItemsProps = this._getTabItemsProps();\n\n    return (\n      <div\n        data-divider={hasDivider}\n        data-hook={dataHook}\n        className={st(\n          classes.container,\n          {\n            hasDivider,\n            size,\n          },\n          className,\n        )}\n      >\n        <TabItems {...tabItemsProps} />\n        <SideContent content={sideContent} />\n      </div>\n    );\n  }\n}\n\nexport default Tabs;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SideContent","_TabItems","_TabsSt","_Tabs","_jsxFileName","Tabs","_ref","dataHook","className","activeId","hasDivider","items","minWidth","type","size","SIZE","medium","sideContent","width","alignment","onClick","tabItemsProps","default","createElement","st","classes","container","__self","__source","fileName","lineNumber","columnNumber","_extends2","content","displayName","propTypes","PropTypes","string","oneOfType","number","bool","arrayOf","shape","id","title","node","maxWidth","prefix","suffix","isRequired","oneOf","func","_default","exports"],"sources":["../../../src/Tabs/Tabs.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport SideContent from './components/SideContent';\nimport TabItems, { TabItemsProps } from './components/TabItems';\nimport { classes, st } from './Tabs.st.css';\nimport { TabsProps } from './Tabs.types';\nimport { SIZE } from './Tabs.constants';\n\nconst Tabs = ({\n  dataHook,\n  className,\n  activeId,\n  hasDivider = true,\n  items,\n  minWidth,\n  type,\n  size = SIZE.medium,\n  sideContent,\n  width,\n  alignment,\n  onClick,\n}: TabsProps) => {\n  const tabItemsProps: TabItemsProps = {\n    className,\n    activeId,\n    hasDivider,\n    items,\n    minWidth,\n    type,\n    size,\n    width,\n    alignment,\n    onClick,\n  };\n\n  return (\n    <div\n      data-divider={hasDivider}\n      data-hook={dataHook}\n      className={st(\n        classes.container,\n        {\n          hasDivider,\n          size,\n        },\n        className,\n      )}\n    >\n      <TabItems {...tabItemsProps} />\n      <SideContent content={sideContent} />\n    </div>\n  );\n};\n\nTabs.displayName = 'Tabs';\n\nTabs.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  activeId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  hasDivider: PropTypes.bool,\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      title: PropTypes.node,\n      minWidth: PropTypes.number,\n      maxWidth: PropTypes.number,\n      dataHook: PropTypes.string,\n      prefix: PropTypes.node,\n      suffix: PropTypes.node,\n    }),\n  ).isRequired,\n  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  type: PropTypes.oneOf([\n    'compact',\n    'compactSide',\n    'uniformSide',\n    'uniformFull',\n  ]),\n  size: PropTypes.oneOf(['medium', 'small']),\n  sideContent: PropTypes.node,\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  alignment: PropTypes.oneOf(['start', 'center', 'end']),\n  onClick: PropTypes.func,\n};\n\nexport default Tabs;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tabs/Tabs.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_161_0_Tabs";
+var _namespace_ = "wds_1_162_0_Tabs";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_Tabs__root","text-medium-normal":"wds_1_161_0_StylableTypography__text-medium-normal","text-small-normal":"wds_1_161_0_StylableTypography__text-small-normal","container":"wds_1_161_0_Tabs__container","itemsContainer":"wds_1_161_0_Tabs__itemsContainer","tab":"wds_1_161_0_Tabs__tab","compact":"wds_1_161_0_Tabs__compact","uniformFull":"wds_1_161_0_Tabs__uniformFull","compactSide":"wds_1_161_0_Tabs__compactSide","tabText":"wds_1_161_0_Tabs__tabText","sideContent":"wds_1_161_0_Tabs__sideContent"};
+module.exports.classes = {"root":"wds_1_162_0_Tabs__root","text-medium-normal":"wds_1_162_0_StylableTypography__text-medium-normal","text-small-normal":"wds_1_162_0_StylableTypography__text-small-normal","container":"wds_1_162_0_Tabs__container","itemsContainer":"wds_1_162_0_Tabs__itemsContainer","tab":"wds_1_162_0_Tabs__tab","compact":"wds_1_162_0_Tabs__compact","uniformFull":"wds_1_162_0_Tabs__uniformFull","compactSide":"wds_1_162_0_Tabs__compactSide","tabText":"wds_1_162_0_Tabs__tabText","affix":"wds_1_162_0_Tabs__affix","sideContent":"wds_1_162_0_Tabs__sideContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Tabs/Tabs.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/Tabs/Tabs.types.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type TabsType =\n  | ''\n  | 'compact'\n  | 'compactSide'\n  | 'uniformSide'\n  | 'uniformFull';\n\nexport interface TabsProps {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** A selected tab id */\n  activeId?: string | number;\n  /** Places a divider on bottom */\n  hasDivider?: boolean;\n  /** An array of tabs */\n  items: Item[];\n  /** A minimum width of the container */\n  minWidth?: string | number;\n  /** Control text alignment in tab item */\n  alignment?: 'start' | 'center' | 'end';\n  /** One of: '', compact, compactSide, uniformSide, uniformFull */\n  type?: TabsType;\n  /** One of: medium, small */\n  size?: 'small' | 'medium';\n  /** Can be either string or renderable node */\n  sideContent?: React.ReactNode;\n  /** A specific width of a tab (only for uniformSide type) */\n  width?: string | number;\n  /** Click event handler  */\n  onClick?: (item: Item) => void;\n}\n\nexport type Item = {\n  id: string | number;\n  title: React.ReactNode;\n  minWidth?: number;\n  maxWidth?: number;\n  dataHook?: string;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/Tabs/Tabs.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { TYPE, SIZE, ALIGNMENT } from './Tabs.constants';\n\nexport interface TabsProps {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** A selected tab id */\n  activeId?: string | number;\n  /** Places a divider on bottom */\n  hasDivider?: boolean;\n  /** An array of tabs */\n  items: Item[];\n  /** A minimum width of the container */\n  minWidth?: string | number;\n  /** Control text alignment in tab item */\n  alignment?: TabsAlignment;\n  /** One of: '', compact, compactSide, uniformSide, uniformFull */\n  type?: TabsType;\n  /** One of: medium, small */\n  size?: 'small' | 'medium';\n  /** Can be either string or renderable node */\n  sideContent?: React.ReactNode;\n  /** A specific width of a tab (only for uniformSide type) */\n  width?: string | number;\n  /** Click event handler  */\n  onClick?: (item: Item) => void;\n}\n\nexport type Item = {\n  id: string | number;\n  title: React.ReactNode;\n  minWidth?: number;\n  maxWidth?: number;\n  dataHook?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n};\n\nexport type TabsType = ValuesOf<typeof TYPE>;\nexport type TabsSize = ValuesOf<typeof SIZE>;\nexport type TabsAlignment = ValuesOf<typeof ALIGNMENT>;\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/Tabs/{core/SideContent/index.js → components/SideContent/SideContent.js}

@@ -4,9 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _TabsSt = require("../../Tabs.st.css.js");
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Tabs/core/SideContent/index.tsx";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Tabs/components/SideContent/SideContent.tsx";
 var SideContent = _ref => {
   var {
     content
@@ -22,8 +21,5 @@ var SideContent = _ref => {
     }
   }, content) : null;
 };
-SideContent.propTypes = {
-  content: _propTypes.default.node
-};
 var _default = exports.default = SideContent;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=SideContent.js.map

package/dist/cjs/Tabs/components/SideContent/SideContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_TabsSt","_jsxFileName","SideContent","_ref","content","default","createElement","className","classes","sideContent","__self","__source","fileName","lineNumber","columnNumber","_default","exports"],"sources":["../../../../../src/Tabs/components/SideContent/SideContent.tsx"],"sourcesContent":["import React from 'react';\nimport { classes } from '../../Tabs.st.css';\nimport { SideContentProps } from './SideContent.types';\n\nconst SideContent = ({ content }: SideContentProps) =>\n  content ? (\n    <div data-content=\"true\" className={classes.sideContent}>\n      {content}\n    </div>\n  ) : null;\n\nexport default SideContent;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAA4C,IAAAE,YAAA;AAG5C,IAAMC,WAAW,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAAA,OAChDC,OAAO,gBACLP,MAAA,CAAAQ,OAAA,CAAAC,aAAA;IAAK,gBAAa,MAAM;IAACC,SAAS,EAAEC,eAAO,CAACC,WAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrDV,OACE,CAAC,GACJ,IAAI;AAAA;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEIH,WAAW","ignoreList":[]}

package/dist/cjs/Tabs/components/SideContent/SideContent.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=SideContent.types.js.map

package/dist/cjs/Tabs/components/SideContent/SideContent.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/Tabs/components/SideContent/SideContent.types.tsx"],"sourcesContent":["export type SideContentProps = {\n  content: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/Tabs/components/SideContent/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.SideContentProps = void 0;
+var _SideContent = _interopRequireDefault(require("./SideContent"));
+exports.default = _SideContent.default;
+var _SideContent2 = require("./SideContent.types");
+exports.SideContentProps = _SideContent2.SideContentProps;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Tabs/components/SideContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SideContent","_interopRequireDefault","require","exports","default","_SideContent2","SideContentProps"],"sources":["../../../../../src/Tabs/components/SideContent/index.ts"],"sourcesContent":["export { default } from './SideContent';\nexport { SideContentProps } from './SideContent.types';\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwCC,OAAA,CAAAC,OAAA,GAAAJ,YAAA,CAAAI,OAAA;AACxC,IAAAC,aAAA,GAAAH,OAAA;AAAuDC,OAAA,CAAAG,gBAAA,GAAAD,aAAA,CAAAC,gBAAA","ignoreList":[]}

package/dist/cjs/Tabs/components/TabItem/TabItem.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _pick = _interopRequireDefault(require("../../../utils/operators/pick"));
+var _Text = _interopRequireDefault(require("../../../Text"));
+var _TabsSt = require("../../Tabs.st.css.js");
+var _excluded = ["item", "onItemClick", "isActive", "dynamicProperties", "size", "type", "alignment", "width", "itemMaxWidth"];
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Tabs/components/TabItem/TabItem.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var TabItem = _ref => {
+  var {
+      item,
+      onItemClick,
+      isActive,
+      dynamicProperties,
+      size,
+      type,
+      alignment,
+      width,
+      itemMaxWidth
+    } = _ref,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var {
+    minWidth,
+    maxWidth
+  } = item;
+  var itemStyle = (0, _react.useMemo)(() => {
+    var inlineStyle = {};
+    if (type === 'uniformSide' && width) {
+      inlineStyle = {
+        width
+      };
+    } else if (type === 'compactSide' && itemMaxWidth) {
+      inlineStyle = {
+        maxWidth: "".concat(itemMaxWidth, "pt")
+      };
+    }
+    if (minWidth) {
+      inlineStyle.minWidth = minWidth;
+    }
+    if (maxWidth) {
+      inlineStyle.maxWidth = maxWidth;
+    }
+    return inlineStyle;
+  }, [type, width, itemMaxWidth, minWidth, maxWidth]);
+  return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+    role: "tab",
+    type: "button",
+    "aria-selected": isActive,
+    "data-active": isActive,
+    "data-hook": item.dataHook,
+    key: item.id,
+    onClick: onItemClick ? () => onItemClick(item) : undefined,
+    style: itemStyle
+  }, (0, _pick.default)(restProps, dynamicProperties), {
+    className: (0, _TabsSt.st)(_TabsSt.classes.tab, {
+      size,
+      active: isActive,
+      type,
+      alignment
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 42,
+      columnNumber: 5
+    }
+  }), item.prefix && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _TabsSt.st)(_TabsSt.classes.affix),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 23
+    }
+  }, item.prefix), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    size: size,
+    className: _TabsSt.classes.tabText,
+    weight: "thin",
+    ellipsis: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 7
+    }
+  }, item.title), item.suffix && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _TabsSt.st)(_TabsSt.classes.affix),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 23
+    }
+  }, item.suffix));
+};
+var _default = exports.default = TabItem;
+//# sourceMappingURL=TabItem.js.map

package/dist/cjs/Tabs/components/TabItem/TabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_pick","_interopRequireDefault","_Text","_TabsSt","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabItem","_ref","item","onItemClick","isActive","dynamicProperties","size","type","alignment","width","itemMaxWidth","restProps","_objectWithoutProperties2","minWidth","maxWidth","itemStyle","useMemo","inlineStyle","concat","createElement","_extends2","role","dataHook","key","id","onClick","undefined","style","pick","className","st","classes","tab","active","__self","__source","fileName","lineNumber","columnNumber","prefix","affix","tabText","weight","ellipsis","title","suffix","_default","exports"],"sources":["../../../../../src/Tabs/components/TabItem/TabItem.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport pick from '../../../utils/operators/pick';\nimport Text from '../../../Text';\nimport { classes, st } from '../../Tabs.st.css';\nimport { TabItemProps } from './TabItem.types';\n\nconst TabItem = ({\n  item,\n  onItemClick,\n  isActive,\n  dynamicProperties,\n  size,\n  type,\n  alignment,\n  width,\n  itemMaxWidth,\n  ...restProps\n}: TabItemProps) => {\n  const { minWidth, maxWidth } = item;\n\n  const itemStyle = useMemo<React.CSSProperties>(() => {\n    let inlineStyle: React.CSSProperties = {};\n\n    if (type === 'uniformSide' && width) {\n      inlineStyle = { width };\n    } else if (type === 'compactSide' && itemMaxWidth) {\n      inlineStyle = { maxWidth: `${itemMaxWidth}pt` };\n    }\n\n    if (minWidth) {\n      inlineStyle.minWidth = minWidth;\n    }\n\n    if (maxWidth) {\n      inlineStyle.maxWidth = maxWidth;\n    }\n\n    return inlineStyle;\n  }, [type, width, itemMaxWidth, minWidth, maxWidth]);\n\n  return (\n    <button\n      role=\"tab\"\n      type=\"button\"\n      aria-selected={isActive}\n      data-active={isActive}\n      data-hook={item.dataHook}\n      key={item.id}\n      onClick={onItemClick ? () => onItemClick(item) : undefined}\n      style={itemStyle}\n      {...pick(restProps, dynamicProperties)}\n      className={st(classes.tab, { size, active: isActive, type, alignment })}\n    >\n      {item.prefix && <div className={st(classes.affix)}>{item.prefix}</div>}\n\n      <Text size={size} className={classes.tabText} weight=\"thin\" ellipsis>\n        {item.title}\n      </Text>\n\n      {item.suffix && <div className={st(classes.affix)}>{item.suffix}</div>}\n    </button>\n  );\n};\n\nexport default TabItem;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tabs/components/TabItem/TabItem.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=TabItem.types.js.map

package/dist/cjs/Tabs/components/TabItem/TabItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/Tabs/components/TabItem/TabItem.types.ts"],"sourcesContent":["import { Item, TabsSize } from '../../Tabs.types';\nimport { TabItemsProps } from '../TabItems/TabItems.types';\nimport { InjectedWithMaxWidthProps } from '../WithMaxWidth';\n\nexport type TabItemProps = Pick<Item, 'dataHook'> &\n  Pick<TabItemsProps, 'type' | 'width' | 'alignment'> &\n  InjectedWithMaxWidthProps & {\n    onItemClick?: (item: Item) => void;\n    isActive: boolean;\n    dynamicProperties?: string[];\n    size?: TabsSize;\n    item: Item;\n  };\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/Tabs/components/TabItem/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.TabItemProps = void 0;
+var _TabItem = _interopRequireDefault(require("./TabItem"));
+exports.default = _TabItem.default;
+var _TabItem2 = require("./TabItem.types");
+exports.TabItemProps = _TabItem2.TabItemProps;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Tabs/components/TabItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TabItem","_interopRequireDefault","require","exports","default","_TabItem2","TabItemProps"],"sources":["../../../../../src/Tabs/components/TabItem/index.ts"],"sourcesContent":["export { default } from './TabItem';\nexport { TabItemProps } from './TabItem.types';\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoCC,OAAA,CAAAC,OAAA,GAAAJ,QAAA,CAAAI,OAAA;AACpC,IAAAC,SAAA,GAAAH,OAAA;AAA+CC,OAAA,CAAAG,YAAA,GAAAD,SAAA,CAAAC,YAAA","ignoreList":[]}

package/dist/cjs/Tabs/components/TabItems/TabItems.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _TabItem = _interopRequireDefault(require("../TabItem"));
+var _WithMaxWidth = _interopRequireDefault(require("../WithMaxWidth"));
+var _TabsSt = require("../../Tabs.st.css.js");
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Tabs/components/TabItems/TabItems.tsx";
+var TabItems = _ref => {
+  var {
+    activeId,
+    type,
+    width,
+    onClick,
+    itemMaxWidth,
+    alignment,
+    size,
+    items,
+    minWidth
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    role: "tablist",
+    "data-type": type,
+    className: (0, _TabsSt.st)(_TabsSt.classes.itemsContainer, type && _TabsSt.classes[type]),
+    style: {
+      minWidth
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 5
+    }
+  }, items.map(item => /*#__PURE__*/_react.default.createElement(_TabItem.default, {
+    key: item.id,
+    dataHook: item.dataHook,
+    item: item,
+    itemMaxWidth: itemMaxWidth,
+    alignment: alignment,
+    isActive: activeId === item.id,
+    type: type,
+    width: width,
+    onItemClick: onClick,
+    size: size,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 9
+    }
+  })));
+};
+var _default = exports.default = (0, _WithMaxWidth.default)(TabItems);
+//# sourceMappingURL=TabItems.js.map

package/dist/cjs/Tabs/components/TabItems/TabItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_TabItem","_WithMaxWidth","_TabsSt","_jsxFileName","TabItems","_ref","activeId","type","width","onClick","itemMaxWidth","alignment","size","items","minWidth","default","createElement","role","className","st","classes","itemsContainer","style","__self","__source","fileName","lineNumber","columnNumber","map","item","key","id","dataHook","isActive","onItemClick","_default","exports","withItemMaxWidth"],"sources":["../../../../../src/Tabs/components/TabItems/TabItems.tsx"],"sourcesContent":["import React from 'react';\nimport TabItem from '../TabItem';\nimport withItemMaxWidth, { InjectedWithMaxWidthProps } from '../WithMaxWidth';\nimport { st, classes } from '../../Tabs.st.css';\nimport { TabItemsProps } from './TabItems.types';\nimport { Item } from '../../Tabs.types';\n\nconst TabItems = ({\n  activeId,\n  type,\n  width,\n  onClick,\n  itemMaxWidth,\n  alignment,\n  size,\n  items,\n  minWidth,\n}: TabItemsProps & InjectedWithMaxWidthProps) => {\n  return (\n    <div\n      role=\"tablist\"\n      data-type={type}\n      className={st(classes.itemsContainer, type && classes[type])}\n      style={{ minWidth }}\n    >\n      {items.map((item: Item) => (\n        <TabItem\n          key={item.id}\n          dataHook={item.dataHook}\n          item={item}\n          itemMaxWidth={itemMaxWidth}\n          alignment={alignment}\n          isActive={activeId === item.id}\n          type={type}\n          width={width}\n          onItemClick={onClick}\n          size={size}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default withItemMaxWidth(TabItems);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAgD,IAAAI,YAAA;AAIhD,IAAMC,QAAQ,GAAGC,IAAA,IAUgC;EAAA,IAV/B;IAChBC,QAAQ;IACRC,IAAI;IACJC,KAAK;IACLC,OAAO;IACPC,YAAY;IACZC,SAAS;IACTC,IAAI;IACJC,KAAK;IACLC;EACyC,CAAC,GAAAT,IAAA;EAC1C,oBACER,MAAA,CAAAkB,OAAA,CAAAC,aAAA;IACEC,IAAI,EAAC,SAAS;IACd,aAAWV,IAAK;IAChBW,SAAS,EAAE,IAAAC,UAAE,EAACC,eAAO,CAACC,cAAc,EAAEd,IAAI,IAAIa,eAAO,CAACb,IAAI,CAAC,CAAE;IAC7De,KAAK,EAAE;MAAER;IAAS,CAAE;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEnBd,KAAK,CAACe,GAAG,CAAEC,IAAU,iBACpBhC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,QAAA,CAAAe,OAAO;IACNe,GAAG,EAAED,IAAI,CAACE,EAAG;IACbC,QAAQ,EAAEH,IAAI,CAACG,QAAS;IACxBH,IAAI,EAAEA,IAAK;IACXnB,YAAY,EAAEA,YAAa;IAC3BC,SAAS,EAAEA,SAAU;IACrBsB,QAAQ,EAAE3B,QAAQ,KAAKuB,IAAI,CAACE,EAAG;IAC/BxB,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACb0B,WAAW,EAAEzB,OAAQ;IACrBG,IAAI,EAAEA,IAAK;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACZ,CACF,CACE,CAAC;AAEV,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEa,IAAAsB,qBAAgB,EAACjC,QAAQ,CAAC","ignoreList":[]}

package/dist/cjs/Tabs/components/TabItems/TabItems.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=TabItems.types.js.map

package/dist/cjs/Tabs/components/TabItems/TabItems.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/Tabs/components/TabItems/TabItems.types.ts"],"sourcesContent":["import { TabsProps } from '../../Tabs.types';\n\nexport type TabItemsProps = Omit<TabsProps, 'sideContent' | 'dataHook'>;\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/Tabs/components/TabItems/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.TabItemsProps = void 0;
+var _TabItems = _interopRequireDefault(require("./TabItems"));
+exports.default = _TabItems.default;
+var _TabItems2 = require("./TabItems.types");
+exports.TabItemsProps = _TabItems2.TabItemsProps;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Tabs/components/TabItems/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TabItems","_interopRequireDefault","require","exports","default","_TabItems2","TabItemsProps"],"sources":["../../../../../src/Tabs/components/TabItems/index.ts"],"sourcesContent":["export { default } from './TabItems';\nexport { TabItemsProps } from './TabItems.types';\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAqCC,OAAA,CAAAC,OAAA,GAAAJ,SAAA,CAAAI,OAAA;AACrC,IAAAC,UAAA,GAAAH,OAAA;AAAiDC,OAAA,CAAAG,aAAA,GAAAD,UAAA,CAAAC,aAAA","ignoreList":[]}