@automattic/vip-design-system 0.27.12 → 0.28.1

package/build/system/Dialog/DialogButton.js

@@ -53,7 +53,7 @@ var DialogButton = function DialogButton(_ref) {
         flex: '1 1 auto',
         whiteSpace: 'nowrap',
         overflow: 'hidden',
-        color: 'input.text',
+        color: 'input.text.default',
         textOverflow: 'ellipsis'
       },
       children: value

package/build/system/Form/InlineSelect.js

@@ -98,10 +98,10 @@ var InlineSelect = function InlineSelect(_ref) {
       sx: {
         '.select__control': {
           background: 'none',
-          color: 'input.text'
+          color: 'input.text.default'
         },
         '.select__single-value': {
-          color: 'input.text',
+          color: 'input.text.default',
           px: 1
         },
         '.react-select__option': {
@@ -117,7 +117,7 @@ var InlineSelect = function InlineSelect(_ref) {
           borderColor: 'input.border'
         },
         '.select__placeholder': {
-          color: 'input.placeholder'
+          color: 'input.text.placeholder'
         }
       }
     }, props))

package/build/system/Form/Input.js

@@ -26,6 +26,7 @@ var inputStyles = (0, _extends2["default"])({
   unset: 'all'
 }, _Input.baseControlStyle, {
   lineHeight: 'inherit',
+  height: '36px',
   px: 3,
   py: 2,
   fontSize: 2,

package/build/system/Form/Input.styles.js

@@ -13,7 +13,7 @@ var baseControlBorderStyle = {
   borderColor: 'input.border.default'
 };
 exports.baseControlBorderStyle = baseControlBorderStyle;
-var inputBaseText = 'input.text';
+var inputBaseText = 'input.text.default';
 exports.inputBaseText = inputBaseText;
 var inputBaseBackground = 'input.background';
 exports.inputBaseBackground = inputBaseBackground;
@@ -40,7 +40,7 @@ var baseControlStyle = (0, _extends2["default"])({}, baseControlBorderStyle, {
     borderColor: 'input.border.disabled'
   },
   '&::placeholder': {
-    color: 'input.placeholder',
+    color: 'input.text.placeholder',
     opacity: 1
   }
 });

package/build/system/Form/Label.js

@@ -18,7 +18,7 @@ var _RequiredLabel = require("./RequiredLabel");
 var _jsxRuntime = require("theme-ui/jsx-runtime");
 
 var _excluded = ["sx", "children", "required"];
-var baseLabelColor = 'heading';
+var baseLabelColor = 'input.label.default';
 exports.baseLabelColor = baseLabelColor;
 var baseLabelStyle = {
   fontWeight: 500,

package/build/system/Form/SearchSelect.js

@@ -142,7 +142,7 @@ var SearchSelect = function SearchSelect(props) {
     sx: {
       '.select__control': {
         background: 'none',
-        color: 'input.text',
+        color: 'input.text.default',
         border: '1px solid',
         borderColor: 'input.border',
         margin: 0,
@@ -151,10 +151,10 @@ var SearchSelect = function SearchSelect(props) {
         fontSize: 2
       },
       '.select__placeholder': {
-        color: 'input.placeholder'
+        color: 'input.text.placeholder'
       },
       '.select__single-value': {
-        color: 'input.text',
+        color: 'input.text.default',
         px: 1
       },
       '.select__menu': {
@@ -162,7 +162,7 @@ var SearchSelect = function SearchSelect(props) {
         boxShadow: 'medium'
       },
       '.react-select__option': {
-        color: 'input.text',
+        color: 'input.text.default',
         paddingTop: 1,
         paddingBottom: 1,
         paddingLeft: 2,

package/build/system/Notice/Notice.js

@@ -26,6 +26,7 @@ var _excluded = ["children", "className", "headingVariant", "inline", "sx", "tit
 var colorSystemVariant = function colorSystemVariant(color) {
   return {
     warning: 'warning',
+    error: 'error',
     alert: 'error',
     success: 'success',
     info: 'info'

package/build/system/Notice/Notice.stories.js

@@ -33,11 +33,14 @@ var Default = function Default() {
         mb: 4
       },
       title: "Your site is ready to launch!",
-      children: (0, _jsxRuntime.jsx)(_.Text, {
+      children: (0, _jsxRuntime.jsxs)(_.Text, {
         sx: {
           mb: 0
         },
-        children: "It looks like you\u2018re ready to share your application with the world."
+        children: ["It looks like you\u2018re ready to share your", ' ', (0, _jsxRuntime.jsx)(_.Link, {
+          href: "https://google.com/",
+          children: "application with the world."
+        })]
       })
     }), (0, _jsxRuntime.jsxs)(_.Notice, {
       variant: "success",
@@ -48,23 +51,25 @@ var Default = function Default() {
         href: "https://google.com/",
         children: "application with the world."
       })]
-    }), (0, _jsxRuntime.jsx)(_.Notice, {
+    }), (0, _jsxRuntime.jsxs)(_.Notice, {
       sx: {
         mb: 4
       },
-      title: "This notice has only the title prop passed"
-    }), (0, _jsxRuntime.jsx)(_.Notice, {
+      title: "This notice has only the title prop passed",
+      children: ["It looks like you\u2018re ready to share your", ' ', (0, _jsxRuntime.jsx)(_.Link, {
+        href: "https://google.com/",
+        children: "application with the world."
+      })]
+    }), (0, _jsxRuntime.jsxs)(_.Notice, {
       variant: "success",
       sx: {
         mb: 4
       },
       title: "You made it!",
-      children: (0, _jsxRuntime.jsx)(_.Text, {
-        sx: {
-          mb: 0
-        },
-        children: "This notice has a title and children."
-      })
+      children: ["It looks like you\u2018re ready to share your", ' ', (0, _jsxRuntime.jsx)(_.Link, {
+        href: "https://google.com/",
+        children: "application with the world."
+      })]
     }), (0, _jsxRuntime.jsx)(_.Notice, {
       variant: "info",
       sx: {

package/build/system/Tabs/Tabs.js

@@ -7,42 +7,59 @@ exports.Tabs = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _ = require("..");
+var TabsPrimitive = _interopRequireWildcard(require("@radix-ui/react-tabs"));
+
+var _react = _interopRequireDefault(require("react"));
 
 var _jsxRuntime = require("theme-ui/jsx-runtime");
 
-var _excluded = ["className", "sx"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsxImportSource theme-ui */
+
+/**
+ * External dependencies
+ */
 
-var Tabs = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardRef) {
-  var _ref$className = _ref.className,
+/**
+ * Internal dependencies
+ */
+var Tabs = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$onValueChange = _ref.onValueChange,
+      onValueChange = _ref$onValueChange === void 0 ? undefined : _ref$onValueChange,
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? undefined : _ref$defaultValue,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? undefined : _ref$value,
+      _ref$className = _ref.className,
       className = _ref$className === void 0 ? null : _ref$className,
-      sx = _ref.sx,
-      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  return (0, _jsxRuntime.jsx)(_.Flex, (0, _extends2["default"])({
+      _ref$sx = _ref.sx,
+      sx = _ref$sx === void 0 ? {} : _ref$sx;
+  return (0, _jsxRuntime.jsx)(TabsPrimitive.Root, {
+    ref: ref,
+    value: value,
+    defaultValue: defaultValue,
+    onValueChange: onValueChange,
     className: (0, _classnames["default"])('vip-tabs-component', className),
-    sx: (0, _extends2["default"])({
-      borderBottom: '1px solid',
-      borderColor: 'border',
-      listStyleType: 'none',
-      margin: 0,
-      padding: 0
-    }, sx),
-    ref: forwardRef
-  }, props));
+    sx: (0, _extends2["default"])({}, sx),
+    children: children
+  });
 });
 
 exports.Tabs = Tabs;
-Tabs.displayName = 'Tabs';
 Tabs.propTypes = {
   className: _propTypes["default"].any,
   sx: _propTypes["default"].object,
-  variant: _propTypes["default"].string
-};
+  defaultValue: _propTypes["default"].node,
+  value: _propTypes["default"].node,
+  onValueChange: _propTypes["default"].func,
+  children: _propTypes["default"].node.isRequired
+};
+Tabs.displayName = 'Tabs';

package/build/system/Tabs/Tabs.stories.js

@@ -1,32 +1,123 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
-exports["default"] = exports.Default = void 0;
+exports["default"] = exports.SetActiveTab = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
 
 var _ = require("..");
 
 var _jsxRuntime = require("theme-ui/jsx-runtime");
 
+/**
+ * External dependencies
+ */
+
 /**
  * Internal dependencies
  */
 var _default = {
-  title: 'Deprecated/Tabs',
+  title: 'Tabs',
   component: _.Tabs
 };
 exports["default"] = _default;
 
 var Default = function Default() {
   return (0, _jsxRuntime.jsxs)(_.Tabs, {
-    children: [(0, _jsxRuntime.jsx)(_.TabItem, {
-      active: true,
-      children: "All (5)"
-    }), (0, _jsxRuntime.jsx)(_.TabItem, {
-      children: "Live (2)"
-    }), (0, _jsxRuntime.jsx)(_.TabItem, {
-      children: "In Development (3)"
+    defaultValue: "all",
+    children: [(0, _jsxRuntime.jsxs)(_.TabsList, {
+      title: "See all the content",
+      children: [(0, _jsxRuntime.jsx)(_.TabsTrigger, {
+        value: "all",
+        children: "All (5)"
+      }), (0, _jsxRuntime.jsx)(_.TabsTrigger, {
+        value: "live",
+        children: "Live (2)"
+      }), (0, _jsxRuntime.jsx)(_.TabsTrigger, {
+        value: "dev",
+        children: "In Development (3)"
+      }), (0, _jsxRuntime.jsx)(_.TabsTrigger, {
+        value: "protect",
+        disabled: true,
+        children: "Not accessible"
+      })]
+    }), (0, _jsxRuntime.jsx)(_.TabsContent, {
+      value: "all",
+      children: (0, _jsxRuntime.jsxs)(_.Text, {
+        children: ["All content ", (0, _jsxRuntime.jsx)("a", {
+          href: "https://google.com",
+          children: "https://google.com"
+        })]
+      })
+    }), (0, _jsxRuntime.jsx)(_.TabsContent, {
+      value: "live",
+      children: "Live content"
+    }), (0, _jsxRuntime.jsx)(_.TabsContent, {
+      value: "dev",
+      children: (0, _jsxRuntime.jsxs)(_.Text, {
+        children: ["In Development content ", (0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          children: "Hey I am a button"
+        }), ' ']
+      })
+    })]
+  });
+};
+
+exports.Default = Default;
+
+var SetActiveTab = function SetActiveTab() {
+  var _React$useState = _react["default"].useState('all'),
+      activeTab = _React$useState[0],
+      setActiveTab = _React$useState[1];
+
+  return (0, _jsxRuntime.jsxs)(_.Tabs, {
+    value: activeTab,
+    onValueChange: function onValueChange(val) {
+      return setActiveTab(val);
+    },
+    children: [(0, _jsxRuntime.jsxs)(_.TabsList, {
+      title: "See all the content",
+      children: [(0, _jsxRuntime.jsx)(_.TabsTrigger, {
+        value: "all",
+        children: "All (5)"
+      }), (0, _jsxRuntime.jsx)(_.TabsTrigger, {
+        value: "live",
+        children: "Live (2)"
+      }), (0, _jsxRuntime.jsx)(_.TabsTrigger, {
+        value: "dev",
+        children: "In Development (3)"
+      }), (0, _jsxRuntime.jsx)(_.TabsTrigger, {
+        value: "protect",
+        disabled: true,
+        children: "Not accessible"
+      })]
+    }), (0, _jsxRuntime.jsx)(_.TabsContent, {
+      value: "all",
+      children: (0, _jsxRuntime.jsx)(_.Text, {
+        children: (0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          onClick: function onClick() {
+            return setActiveTab('live');
+          },
+          children: "Switch to live tab"
+        })
+      })
+    }), (0, _jsxRuntime.jsx)(_.TabsContent, {
+      value: "live",
+      children: "Live content"
+    }), (0, _jsxRuntime.jsx)(_.TabsContent, {
+      value: "dev",
+      children: (0, _jsxRuntime.jsxs)(_.Text, {
+        children: ["In Development content ", (0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          children: "Hey I am a button"
+        }), ' ']
+      })
     })]
   });
 };
 
-exports.Default = Default;
+exports.SetActiveTab = SetActiveTab;

package/build/system/Tabs/TabsContent.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.TabsContent = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var TabsPrimitive = _interopRequireWildcard(require("@radix-ui/react-tabs"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _jsxRuntime = require("theme-ui/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsxImportSource theme-ui */
+
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+var TabsContent = function TabsContent(_ref) {
+  var value = _ref.value,
+      sx = _ref.sx,
+      children = _ref.children;
+  return (0, _jsxRuntime.jsx)(TabsPrimitive.Content, {
+    className: (0, _classnames["default"])('vip-tabs-content', "vip-tabs-content-" + value),
+    value: value,
+    sx: (0, _extends2["default"])({
+      mt: 4
+    }, sx),
+    children: children
+  });
+};
+
+exports.TabsContent = TabsContent;
+TabsContent.propTypes = {
+  sx: _propTypes["default"].object,
+  value: _propTypes["default"].string,
+  children: _propTypes["default"].node.isRequired
+};

package/build/system/Tabs/TabsList.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.TabsList = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var TabsPrimitive = _interopRequireWildcard(require("@radix-ui/react-tabs"));
+
+var _jsxRuntime = require("theme-ui/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsxImportSource theme-ui */
+
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+var TabsList = function TabsList(_ref) {
+  var children = _ref.children,
+      title = _ref.title,
+      sx = _ref.sx;
+  return (0, _jsxRuntime.jsx)(TabsPrimitive.List, {
+    sx: (0, _extends2["default"])({
+      borderBottom: '1px solid',
+      borderColor: 'borders.2',
+      display: 'flex'
+    }, sx),
+    "aria-label": title,
+    children: children
+  });
+};
+
+exports.TabsList = TabsList;
+TabsList.propTypes = {
+  sx: _propTypes["default"].object,
+  title: _propTypes["default"].string.isRequired,
+  children: _propTypes["default"].node.isRequired
+};

package/build/system/Tabs/TabsTrigger.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.TabsTrigger = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var TabsPrimitive = _interopRequireWildcard(require("@radix-ui/react-tabs"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _jsxRuntime = require("theme-ui/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsxImportSource theme-ui */
+
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+var styles = {
+  cursor: 'pointer',
+  background: 'none',
+  mr: 3,
+  fontSize: 2,
+  px: 0,
+  pb: 3,
+  border: 'none',
+  color: 'heading',
+  '&[data-state="active"]': {
+    color: 'link',
+    fontWeight: 'regular',
+    boxShadow: 'inset 0 -1px 0 0, 0 1px 0 0',
+    boxShadowColor: 'borders.accent'
+  },
+  '&:disabled': {
+    color: 'muted'
+  },
+  ':hover': {
+    fontWeight: 'regular',
+    color: 'heading'
+  },
+  '&:focus': function focus(theme) {
+    return theme.outline;
+  },
+  '&:focus-visible': function focusVisible(theme) {
+    return theme.outline;
+  }
+};
+
+var TabsTrigger = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardRef) {
+  var value = _ref.value,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      sx = _ref.sx,
+      children = _ref.children;
+  return (0, _jsxRuntime.jsx)(TabsPrimitive.TabsTrigger, {
+    className: (0, _classnames["default"])('vip-tabs-trigger', "vip-tabs-trigger-" + value),
+    value: value,
+    disabled: disabled,
+    sx: (0, _extends2["default"])({}, styles, sx),
+    ref: forwardRef,
+    children: children
+  });
+});
+
+exports.TabsTrigger = TabsTrigger;
+TabsTrigger.propTypes = {
+  sx: _propTypes["default"].object,
+  value: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  children: _propTypes["default"].node.isRequired
+};
+TabsTrigger.displayName = 'TabsTrigger';

package/build/system/Tabs/index.js

@@ -6,6 +6,14 @@ var _Tabs = require("./Tabs");
 
 exports.Tabs = _Tabs.Tabs;
 
-var _TabItem = require("./TabItem");
+var _TabsTrigger = require("./TabsTrigger");
 
-exports.TabItem = _TabItem.TabItem;
+exports.TabsTrigger = _TabsTrigger.TabsTrigger;
+
+var _TabsList = require("./TabsList");
+
+exports.TabsList = _TabsList.TabsList;
+
+var _TabsContent = require("./TabsContent");
+
+exports.TabsContent = _TabsContent.TabsContent;

package/build/system/index.js

@@ -135,11 +135,6 @@ exports.Table = _Table.Table;
 exports.TableRow = _Table.TableRow;
 exports.TableCell = _Table.TableCell;
 
-var _Tabs = require("./Tabs");
-
-exports.TabItem = _Tabs.TabItem;
-exports.Tabs = _Tabs.Tabs;
-
 var _Text = require("./Text");
 
 exports.Text = _Text.Text;
@@ -154,12 +149,12 @@ exports.Wizard = _Wizard.Wizard;
 exports.WizardStep = _Wizard.WizardStep;
 exports.WizardStepHorizontal = _Wizard.WizardStepHorizontal;
 
-var _NewTabs = require("./NewTabs");
+var _Tabs = require("./Tabs");
 
-exports.NewTabs = _NewTabs.NewTabs;
-exports.TabsList = _NewTabs.TabsList;
-exports.TabsContent = _NewTabs.TabsContent;
-exports.TabsTrigger = _NewTabs.TabsTrigger;
+exports.Tabs = _Tabs.Tabs;
+exports.TabsList = _Tabs.TabsList;
+exports.TabsContent = _Tabs.TabsContent;
+exports.TabsTrigger = _Tabs.TabsTrigger;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }