@pingux/astro 2.0.0-alpha.6 → 2.0.0-beta.0

package/lib/cjs/components/Tabs/Tabs.stories.js

@@ -16,16 +16,12 @@ var _react = _interopRequireWildcard(require("react"));
 var _GlobeModelIcon = _interopRequireDefault(require("mdi-react/GlobeModelIcon"));
 var _LockIcon = _interopRequireDefault(require("mdi-react/LockIcon"));
 var _index = require("../../index");
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Tab = _interopRequireDefault(require("../Tab"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _Tabs = _interopRequireDefault(require("./Tabs"));
 var _react2 = require("@emotion/react");
 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; }
 var _default = {
   title: 'Components/Tabs',
-  component: _Tabs["default"],
+  component: _index.Tabs,
   argTypes: {
     isDisabled: {},
     orientation: {},
@@ -72,15 +68,15 @@ var tabs = [{
   children: 'Tab 3 body'
 }];
 var Uncontrolled = function Uncontrolled(args) {
-  return (0, _react2.jsx)(_Tabs["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.Tabs, (0, _extends2["default"])({
     items: tabs
-  }, args), (0, _react2.jsx)(_Tab["default"], {
+  }, args), (0, _react2.jsx)(_index.Tab, {
     key: "tab1",
     title: "Tab 1"
-  }, (0, _react2.jsx)(_Text["default"], null, "This is content for Tab 1")), (0, _react2.jsx)(_Tab["default"], {
+  }, (0, _react2.jsx)(_index.Text, null, "This is content for Tab 1")), (0, _react2.jsx)(_index.Tab, {
     key: "tab2",
     title: "Tab 2"
-  }, (0, _react2.jsx)(_Text["default"], null, "This is content for Tab 2")));
+  }, (0, _react2.jsx)(_index.Text, null, "This is content for Tab 2")));
 };
 exports.Uncontrolled = Uncontrolled;
 var Controlled = function Controlled() {
@@ -88,12 +84,12 @@ var Controlled = function Controlled() {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     currentTab = _useState2[0],
     setCurrentTab = _useState2[1];
-  return (0, _react2.jsx)(_Tabs["default"], {
+  return (0, _react2.jsx)(_index.Tabs, {
     selectedKey: currentTab,
     onSelectionChange: setCurrentTab,
     items: tabs
   }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
+    return (0, _react2.jsx)(_index.Tab, {
       key: item.name,
       title: item.name,
       textValue: item.name
@@ -102,13 +98,13 @@ var Controlled = function Controlled() {
 };
 exports.Controlled = Controlled;
 var WithIcon = function WithIcon() {
-  return (0, _react2.jsx)(_Tabs["default"], {
+  return (0, _react2.jsx)(_index.Tabs, {
     items: tabs
   }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
+    return (0, _react2.jsx)(_index.Tab, {
       key: item.name,
       title: item.name,
-      icon: (0, _react2.jsx)(_Icon["default"], {
+      icon: (0, _react2.jsx)(_index.Icon, {
         icon: _GlobeModelIcon["default"],
         size: 20,
         color: "active",
@@ -119,11 +115,11 @@ var WithIcon = function WithIcon() {
 };
 exports.WithIcon = WithIcon;
 var WithTooltips = function WithTooltips() {
-  return (0, _react2.jsx)(_Tabs["default"], {
+  return (0, _react2.jsx)(_index.Tabs, {
     mode: "tooltip",
     items: tabs
   }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
+    return (0, _react2.jsx)(_index.Tab, {
       key: item.name,
       title: item.name,
       textValue: item.name
@@ -132,13 +128,13 @@ var WithTooltips = function WithTooltips() {
 };
 exports.WithTooltips = WithTooltips;
 var Centered = function Centered() {
-  return (0, _react2.jsx)(_Tabs["default"], {
+  return (0, _react2.jsx)(_index.Tabs, {
     tabListProps: {
       justifyContent: 'center'
     },
     items: tabs
   }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
+    return (0, _react2.jsx)(_index.Tab, {
       key: item.name,
       title: item.name
     }, item.children);
@@ -146,11 +142,11 @@ var Centered = function Centered() {
 };
 exports.Centered = Centered;
 var DisabledSingleTab = function DisabledSingleTab() {
-  return (0, _react2.jsx)(_Tabs["default"], {
+  return (0, _react2.jsx)(_index.Tabs, {
     items: tabs,
     disabledKeys: ['Tab 2']
   }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
+    return (0, _react2.jsx)(_index.Tab, {
       key: item.name,
       title: item.name
     }, item.children);
@@ -158,11 +154,11 @@ var DisabledSingleTab = function DisabledSingleTab() {
 };
 exports.DisabledSingleTab = DisabledSingleTab;
 var DisabledAllTabs = function DisabledAllTabs() {
-  return (0, _react2.jsx)(_Tabs["default"], {
+  return (0, _react2.jsx)(_index.Tabs, {
     isDisabled: true,
     items: tabs
   }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
+    return (0, _react2.jsx)(_index.Tab, {
       key: item.name,
       title: item.name
     }, item.children);
@@ -170,10 +166,10 @@ var DisabledAllTabs = function DisabledAllTabs() {
 };
 exports.DisabledAllTabs = DisabledAllTabs;
 var CustomTabLine = function CustomTabLine() {
-  return (0, _react2.jsx)(_Tabs["default"], {
+  return (0, _react2.jsx)(_index.Tabs, {
     items: tabs
   }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
+    return (0, _react2.jsx)(_index.Tab, {
       key: item.name,
       title: item.name,
       tabLineProps: {
@@ -184,14 +180,14 @@ var CustomTabLine = function CustomTabLine() {
 };
 exports.CustomTabLine = CustomTabLine;
 var TabPanelProps = function TabPanelProps() {
-  return (0, _react2.jsx)(_Tabs["default"], {
+  return (0, _react2.jsx)(_index.Tabs, {
     tabPanelProps: {
       color: 'green',
       fontWeight: 500
     },
     items: tabs
   }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
+    return (0, _react2.jsx)(_index.Tab, {
       key: item.name,
       title: item.name
     }, item.children);
@@ -199,7 +195,7 @@ var TabPanelProps = function TabPanelProps() {
 };
 exports.TabPanelProps = TabPanelProps;
 var ContentSlots = function ContentSlots() {
-  var beforeTabNode = (0, _react2.jsx)(_Icon["default"], {
+  var beforeTabNode = (0, _react2.jsx)(_index.Icon, {
     icon: _LockIcon["default"],
     sx: {
       marginTop: 10,
@@ -221,30 +217,30 @@ var ContentSlots = function ContentSlots() {
   var afterTabNode = (0, _react2.jsx)(_index.Badge, {
     sx: nodeSx
   }, "14");
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Tabs["default"], {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Tabs, {
     items: tabs,
     mb: 50
-  }, (0, _react2.jsx)(_Tab["default"], {
+  }, (0, _react2.jsx)(_index.Tab, {
     key: "tab1",
     title: "Tab 1",
     slots: {
       beforeTab: beforeTabNode
     }
-  }, (0, _react2.jsx)(_Text["default"], null, "This is content for Tab 1")), (0, _react2.jsx)(_Tab["default"], {
+  }, (0, _react2.jsx)(_index.Text, null, "This is content for Tab 1")), (0, _react2.jsx)(_index.Tab, {
     key: "tab2",
     title: "Tab 2"
-  }, (0, _react2.jsx)(_Text["default"], null, "This is content for Tab 2"))), (0, _react2.jsx)(_Tabs["default"], {
+  }, (0, _react2.jsx)(_index.Text, null, "This is content for Tab 2"))), (0, _react2.jsx)(_index.Tabs, {
     items: tabs
-  }, (0, _react2.jsx)(_Tab["default"], {
+  }, (0, _react2.jsx)(_index.Tab, {
     key: "tab1",
     title: "Tab 1"
-  }, (0, _react2.jsx)(_Text["default"], null, "Compose Filter")), (0, _react2.jsx)(_Tab["default"], {
+  }, (0, _react2.jsx)(_index.Text, null, "Compose Filter")), (0, _react2.jsx)(_index.Tab, {
     key: "tab2",
     title: "Tab 2",
     slots: {
       afterTab: afterTabNode
     }
-  }, (0, _react2.jsx)(_Text["default"], null, "Users Matched"))));
+  }, (0, _react2.jsx)(_index.Text, null, "Users Matched"))));
 };
 exports.ContentSlots = ContentSlots;
 var WithList = function WithList() {
@@ -263,11 +259,11 @@ var WithList = function WithList() {
       role: 'listitem'
     }]
   }]);
-  return (0, _react2.jsx)(_Tabs["default"], {
+  return (0, _react2.jsx)(_index.Tabs, {
     items: allTabs,
     mode: "list"
   }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], (0, _extends2["default"])({
+    return (0, _react2.jsx)(_index.Tab, (0, _extends2["default"])({
       key: item.name,
       title: item.name
     }, item), item.children);

package/lib/cjs/components/TextAreaField/TextAreaField.stories.js

@@ -21,12 +21,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _SearchIcon = _interopRequireDefault(require("mdi-react/SearchIcon"));
-var _ = require("../..");
+var _index = require("../../index");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
 var _constants = require("../Label/constants");
-var _2 = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 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; }
@@ -34,7 +33,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _default = {
   title: 'Form/TextAreaField',
-  component: _2["default"],
+  component: _index.TextAreaField,
   parameters: {
     docs: {
       source: {
@@ -93,13 +92,13 @@ var _default = {
   }, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
 };
 exports["default"] = _default;
-var IconSlot = (0, _react2.jsx)(_.Box, {
+var IconSlot = (0, _react2.jsx)(_index.Box, {
   isRow: true
-}, (0, _react2.jsx)(_.Icon, {
+}, (0, _react2.jsx)(_index.Icon, {
   icon: _SearchIcon["default"]
 }));
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_2["default"], args);
+  return (0, _react2.jsx)(_index.TextAreaField, args);
 };
 exports.Default = Default;
 var WithSlots = function WithSlots(args) {
@@ -112,7 +111,7 @@ var WithSlots = function WithSlots(args) {
     //     />
     //   </Box>
     // );
-    (0, _react2.jsx)(_2["default"], (0, _extends2["default"])({}, args, {
+    (0, _react2.jsx)(_index.TextAreaField, (0, _extends2["default"])({}, args, {
       slots: {
         inContainer: IconSlot
       }
@@ -121,7 +120,7 @@ var WithSlots = function WithSlots(args) {
 };
 exports.WithSlots = WithSlots;
 var FloatLabel = function FloatLabel() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextAreaField, {
     label: "Example label",
     labelMode: "float"
   });
@@ -132,7 +131,7 @@ var Controlled = function Controlled() {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextAreaField, {
     label: "Example Label",
     onChange: function onChange(e) {
       return setValue(e.target.value);
@@ -142,7 +141,7 @@ var Controlled = function Controlled() {
 };
 exports.Controlled = Controlled;
 var Disabled = function Disabled() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextAreaField, {
     isDisabled: true,
     label: "Example Label",
     value: "This is disabled"
@@ -150,7 +149,7 @@ var Disabled = function Disabled() {
 };
 exports.Disabled = Disabled;
 var ReadOnly = function ReadOnly() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextAreaField, {
     isReadOnly: true,
     label: "Example Label",
     value: "This is read only"
@@ -158,28 +157,28 @@ var ReadOnly = function ReadOnly() {
 };
 exports.ReadOnly = ReadOnly;
 var Required = function Required() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextAreaField, {
     isRequired: true,
     label: "Example Label"
   });
 };
 exports.Required = Required;
 var Rows = function Rows() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextAreaField, {
     label: "Example label",
     rows: 5
   });
 };
 exports.Rows = Rows;
 var Unresizable = function Unresizable() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextAreaField, {
     isUnresizable: true,
     label: "Example label"
   });
 };
 exports.Unresizable = Unresizable;
 var Error = function Error() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextAreaField, {
     helperText: "Here is some helpful text...",
     label: "Example Label",
     status: "error"
@@ -187,14 +186,14 @@ var Error = function Error() {
 };
 exports.Error = Error;
 var WithoutStatusIndicator = function WithoutStatusIndicator() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextAreaField, {
     label: "Example Label",
     hasNoStatusIndicator: true
   });
 };
 exports.WithoutStatusIndicator = WithoutStatusIndicator;
 var MaxLength = function MaxLength() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextAreaField, {
     label: "Example label",
     maxLength: 9
   });

package/lib/cjs/components/TextField/TextField.stories.js

@@ -22,14 +22,13 @@ var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _ = require("../..");
 var _useCopyToClipboard = _interopRequireDefault(require("../../hooks/useCopyToClipboard"));
+var _index = require("../../index");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses.js"));
 var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
 var _CopyButton = _interopRequireDefault(require("../CopyText/CopyButton"));
 var _constants = require("../Label/constants");
-var _2 = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 var _excluded = ["variant"];
 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); }
@@ -38,7 +37,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _default = {
   title: 'Form/TextField',
-  component: _2["default"],
+  component: _index.TextField,
   parameters: {
     docs: {
       source: {
@@ -72,7 +71,7 @@ exports["default"] = _default;
 var Default = function Default(_ref) {
   var variant = _ref.variant,
     args = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return (0, _react2.jsx)(_2["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.TextField, (0, _extends2["default"])({
     id: "default-id",
     name: "custom-name",
     label: "Example Label"
@@ -84,7 +83,7 @@ var Default = function Default(_ref) {
 };
 exports.Default = Default;
 var SmallVariant = function SmallVariant() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     id: "small-variant-id",
     name: "custom-name",
     label: "Example Label",
@@ -95,24 +94,24 @@ var SmallVariant = function SmallVariant() {
 };
 exports.SmallVariant = SmallVariant;
 var FloatLabel = function FloatLabel() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     label: "Example Label",
     labelMode: "float"
   });
 };
 exports.FloatLabel = FloatLabel;
 var LeftLabel = function LeftLabel() {
-  return (0, _react2.jsx)(_.Box, {
+  return (0, _react2.jsx)(_index.Box, {
     gap: "xl",
     width: "100%"
-  }, (0, _react2.jsx)(_2["default"], {
+  }, (0, _react2.jsx)(_index.TextField, {
     helperText: "Here is some helpful text...",
     label: "Example Label",
     labelMode: "left"
-  }), (0, _react2.jsx)(_2["default"], {
+  }), (0, _react2.jsx)(_index.TextField, {
     label: "Example Label that is much longer than the previous one",
     labelMode: "left"
-  }), (0, _react2.jsx)(_2["default"], {
+  }), (0, _react2.jsx)(_index.TextField, {
     label: "Example label with set width",
     labelMode: "left",
     containerProps: {
@@ -135,7 +134,7 @@ var Controlled = function Controlled() {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     label: "Example Label",
     onChange: function onChange(e) {
       return setValue(e.target.value);
@@ -145,21 +144,21 @@ var Controlled = function Controlled() {
 };
 exports.Controlled = Controlled;
 var Password = function Password() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     label: "Example Label",
     type: "password"
   });
 };
 exports.Password = Password;
 var Disabled = function Disabled() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     isDisabled: true,
     label: "Example Label"
   });
 };
 exports.Disabled = Disabled;
 var ReadOnly = function ReadOnly() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     isReadOnly: true,
     label: "Example Label",
     value: "This is read only"
@@ -167,7 +166,7 @@ var ReadOnly = function ReadOnly() {
 };
 exports.ReadOnly = ReadOnly;
 var Required = function Required() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     isRequired: true,
     label: "Example Label"
   });
@@ -178,7 +177,7 @@ var DynamicRequired = function DynamicRequired() {
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     value = _useState4[0],
     setValue = _useState4[1];
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     isRequired: (0, _isEmpty["default"])(value) // isEmpty from lodash
     ,
     label: "Example Label",
@@ -189,7 +188,7 @@ var DynamicRequired = function DynamicRequired() {
 };
 exports.DynamicRequired = DynamicRequired;
 var Error = function Error() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     helperText: "Here is some helpful text...",
     label: "Example Label",
     status: "error"
@@ -197,7 +196,7 @@ var Error = function Error() {
 };
 exports.Error = Error;
 var Success = function Success() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     helperText: "Here is some helpful text...",
     label: "Example Label",
     status: "success"
@@ -205,7 +204,7 @@ var Success = function Success() {
 };
 exports.Success = Success;
 var Warning = function Warning() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     helperText: "Here is some helpful text...",
     label: "Example Label",
     status: "warning"
@@ -213,7 +212,7 @@ var Warning = function Warning() {
 };
 exports.Warning = Warning;
 var WithHelpHint = function WithHelpHint() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     id: "with-help-hint-id",
     name: "custom-name",
     hintText: "Example Hint",
@@ -222,14 +221,14 @@ var WithHelpHint = function WithHelpHint() {
 };
 exports.WithHelpHint = WithHelpHint;
 var WithoutStatusIndicator = function WithoutStatusIndicator() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     label: "Example Label",
     hasNoStatusIndicator: true
   });
 };
 exports.WithoutStatusIndicator = WithoutStatusIndicator;
 var MaxLength = function MaxLength() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.TextField, {
     label: "Example label",
     maxLength: 9
   });
@@ -259,7 +258,7 @@ var WithSlots = function WithSlots() {
       }
     }
   };
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.TextField, {
     label: "Multiple Addresses",
     labelMode: "float",
     onChange: function onChange(e) {
@@ -281,7 +280,7 @@ var WithSlots = function WithSlots() {
       })
     },
     mb: 30
-  }), (0, _react2.jsx)(_2["default"], {
+  }), (0, _react2.jsx)(_index.TextField, {
     label: "Example JSON",
     labelMode: "float",
     onChange: function onChange(e) {

package/lib/cjs/components/TimeZonePicker/TimeZonePicker.stories.js

@@ -7,15 +7,15 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.WithCustomTimeZone = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _TimeZonePicker = _interopRequireDefault(require("./TimeZonePicker"));
+var _index = require("../../index");
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Form/TimeZonePicker',
-  component: _TimeZonePicker["default"]
+  component: _index.TimeZonePicker
 };
 exports["default"] = _default;
 var Default = function Default() {
-  return (0, _react2.jsx)(_TimeZonePicker["default"], {
+  return (0, _react2.jsx)(_index.TimeZonePicker, {
     label: "Default Example"
   });
 };
@@ -24,7 +24,7 @@ var WithCustomTimeZone = function WithCustomTimeZone() {
   var customTimeZone = {
     '(GMT+02:00) Africa/Juba': 'Africa/Juba'
   };
-  return (0, _react2.jsx)(_TimeZonePicker["default"], {
+  return (0, _react2.jsx)(_index.TimeZonePicker, {
     additionalTimeZones: customTimeZone,
     label: "With Custom Time Zone (Africa/Juba)"
   });

package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js

@@ -10,8 +10,6 @@ var _react = _interopRequireDefault(require("react"));
 var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
 var _EarthIcon = _interopRequireDefault(require("mdi-react/EarthIcon"));
 var _index = require("../../index");
-var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _Text = _interopRequireDefault(require("../Text"));
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Components/TooltipTrigger',
@@ -63,7 +61,7 @@ var Disabled = function Disabled() {
   return (0, _react2.jsx)(_index.TooltipTrigger, {
     delay: 0,
     isDisabled: true
-  }, (0, _react2.jsx)(_IconButton["default"], null, (0, _react2.jsx)(_index.Icon, {
+  }, (0, _react2.jsx)(_index.IconButton, null, (0, _react2.jsx)(_index.Icon, {
     icon: _EarthIcon["default"]
   })), (0, _react2.jsx)(_index.Tooltip, null, "Hello World"));
 };
@@ -78,7 +76,7 @@ Disabled.parameters = {
 var IconWithTooltip = function IconWithTooltip() {
   return (0, _react2.jsx)(_index.Box, {
     pl: 50
-  }, (0, _react2.jsx)(_index.TooltipTrigger, null, (0, _react2.jsx)(_IconButton["default"], {
+  }, (0, _react2.jsx)(_index.TooltipTrigger, null, (0, _react2.jsx)(_index.IconButton, {
     variant: "tooltip.button"
   }, (0, _react2.jsx)(_index.Icon, {
     icon: _AccountIcon["default"]
@@ -91,7 +89,7 @@ var BadgeWithTooltip = function BadgeWithTooltip() {
   }, (0, _react2.jsx)(_index.TooltipTrigger, null, (0, _react2.jsx)(_index.Button, {
     variant: "variants.tooltip.badge",
     bg: "neutral.10"
-  }, (0, _react2.jsx)(_Text["default"], {
+  }, (0, _react2.jsx)(_index.Text, {
     variant: "label",
     sx: {
       textTransform: 'uppercase'

package/lib/cjs/{Patterns → patterns}/AttributeMappingDisplayViewPattern.stories.hidden.js

@@ -18,7 +18,7 @@ var fieldValues = [{
   field1: 'username',
   field2: 'UserID',
   hasBadge: true,
-  chipLabel: 'Required',
+  badgeLabel: 'Required',
   key: 1
 }, {
   field1: 'firstName',
@@ -77,7 +77,7 @@ var sx = {
     mb: 'auto',
     width: '21px'
   },
-  chipStyle: {
+  badgeStyles: {
     width: '65px',
     height: '22px',
     minWidth: 'fit-content',
@@ -141,7 +141,7 @@ var Default = function Default() {
     }), hasBadge && (0, _react2.jsx)(_index.Badge, {
       label: "Required",
       textColor: "#253746",
-      sx: sx.chipStyle
+      sx: sx.badgeStyles
     }));
   })));
 };

package/lib/cjs/{Patterns → patterns}/AttributeMappingEditViewPattern.stories.hidden.js

@@ -23,17 +23,17 @@ var editFieldValues = [{
 }, {
   field1: 'firstName',
   field2: 'Given Name',
-  hasChip: false,
+  hasBadge: false,
   key: 2
 }, {
   field1: 'lastName',
   field2: 'Family Name',
-  hasChip: false,
+  hasBadge: false,
   key: 3
 }, {
   field1: 'population',
   field2: 'Population',
-  hasChip: false,
+  hasBadge: false,
   key: 4
 }];
 var sx = {