@pingux/astro 1.41.0-alpha.5 → 1.42.0-alpha.0

package/lib/cjs/{components/OverlayPanel/OverlayPanel.styles.js → styles/variants/overlayPanel.js}

@@ -7,7 +7,7 @@ _Object$defineProperty(exports, "__esModule", {
 });
 
 exports["default"] = void 0;
-var container = {
+var overlayPanel = {
   position: 'fixed',
   overflowY: 'scroll',
   zIndex: 10,
@@ -40,7 +40,7 @@ var container = {
     right: 0
   }
 };
-var innerPanel = {
+var overlayPanelInner = {
   position: 'absolute',
   zIndex: 9,
   bottom: 0,
@@ -57,7 +57,7 @@ var innerPanel = {
   p: '25px',
   backgroundColor: 'accent.99'
 };
-var body = {
+var overlayPanelBody = {
   display: 'none',
   height: '100%',
   width: '100%',
@@ -66,8 +66,8 @@ var body = {
   }
 };
 var _default = {
-  container: container,
-  body: body,
-  innerPanel: innerPanel
+  overlayPanel: overlayPanel,
+  overlayPanelBody: overlayPanelBody,
+  overlayPanelInner: overlayPanelInner
 };
 exports["default"] = _default;

package/lib/cjs/styles/variants/rockerbutton.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+var rockerContainer = {
+  alignItems: 'flex-start'
+};
+var rockerContainerInner = {
+  bg: 'accent.95',
+  border: '1px solid',
+  borderColor: 'accent.90',
+  boxShadow: 'standard',
+  borderRadius: '15px',
+  padding: '2px'
+};
+var _default = {
+  rockerContainer: rockerContainer,
+  rockerContainerInner: rockerContainerInner
+};
+exports["default"] = _default;

package/lib/cjs/{components/Stepper/Stepper.styles.js → styles/variants/stepper.js}

@@ -26,7 +26,7 @@ exports["default"] = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
-var _Buttons = require("../Button/Buttons.styles");
+var _buttons = require("./buttons");
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -47,7 +47,7 @@ var tab = {
   outline: 'none',
   '&.is-focused': _objectSpread({
     borderRadius: '50%'
-  }, _Buttons.defaultFocus),
+  }, _buttons.defaultFocus),
   '&:not(:first-of-type)': {
     flex: 1,
     maxWidth: 122
@@ -56,7 +56,7 @@ var tab = {
 var tabLabel = {
   mb: 0
 };
-var outerWrapper = {
+var stepWrapper = {
   alignItems: 'center'
 };
 /** Step styles */
@@ -117,7 +117,7 @@ var _default = {
   tabs: tabs,
   tab: tab,
   tabLabel: tabLabel,
-  outerWrapper: outerWrapper,
+  stepWrapper: stepWrapper,
   step: step,
   line: line
 };

package/lib/cjs/{components/Table/Table.styles.js → styles/variants/table.js}

@@ -26,25 +26,25 @@ exports["default"] = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
-var _Text = require("../Text/Text.styles");
+var _text = require("../variants/text");
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _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 head = _objectSpread(_objectSpread({}, _Text.text.label), {}, {
+var tableHead = _objectSpread(_objectSpread({}, _text.text.label), {}, {
   fontWeight: 500,
   width: '100%',
   flexDirection: 'row !important',
   p: '10px'
 });
 
-var data = _objectSpread(_objectSpread({}, _Text.text.tableData), {}, {
+var tableData = _objectSpread(_objectSpread({}, _text.text.tableData), {}, {
   width: '100%',
   p: '10px'
 });
 
-var body = {
+var tableBody = {
   borderTop: '1px solid',
   borderTopColor: 'neutral.40',
   borderBottom: '1px solid',
@@ -53,24 +53,24 @@ var body = {
     backgroundColor: 'neutral.95'
   }
 };
-var row = {
+var tableRow = {
   width: '100%',
   flexDirection: 'row !important'
 };
-var container = {
-  width: '100%'
-};
-var caption = {
+var tableCaption = {
   textAlign: 'left',
   marginBottom: 'xs',
   lineHeight: '21px'
 };
+var table = {
+  width: '100%'
+};
 var _default = {
-  body: body,
-  caption: caption,
-  container: container,
-  data: data,
-  head: head,
-  row: row
+  tableHead: tableHead,
+  tableData: tableData,
+  tableBody: tableBody,
+  tableRow: tableRow,
+  tableCaption: tableCaption,
+  table: table
 };
 exports["default"] = _default;

package/lib/cjs/{components/Tabs/Tabs.style.js → styles/variants/tabs.js}

@@ -22,11 +22,11 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.tabs = exports.tabPanel = exports.tabLine = exports.tab = exports.menuTab = void 0;
+exports.tabs = exports.tabPanel = exports.tabLine = exports.tab = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
-var _Buttons = require("../Button/Buttons.styles");
+var _buttons = require("./buttons");
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -41,7 +41,7 @@ var tab = {
   transform: 'translateY(1px)',
   width: '100%',
   '&.is-focused': {
-    '& > span': _objectSpread({}, _Buttons.focusWithCroppedOutline)
+    '& > span': _objectSpread({}, _buttons.focusWithCroppedOutline)
   },
   '&.is-disabled': {
     cursor: 'default'
@@ -71,17 +71,4 @@ var tabs = {
   borderBottomColor: 'neutral.90',
   mb: 'lg'
 };
-exports.tabs = tabs;
-
-var menuTab = _objectSpread(_objectSpread({}, _Buttons.quiet), {}, {
-  color: 'neutral.40',
-  alignItems: 'center',
-  '&.is-selected *, &.is-hovered *': {
-    color: 'active'
-  },
-  '& + *:not(div:first-of-type)': {
-    'ml': 'md'
-  }
-});
-
-exports.menuTab = menuTab;
+exports.tabs = tabs;

package/lib/cjs/{components/Text/Text.styles.js → styles/variants/text.js}

@@ -22,7 +22,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.wordWrap = exports.text = exports.base = void 0;
+exports.text = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
@@ -37,7 +37,6 @@ var base = {
   fontFamily: 'standard',
   overflowWrap: 'break-word'
 };
-exports.base = base;
 var wordWrap = {
   display: 'block',
   overflowWrap: 'break-word',
@@ -45,7 +44,6 @@ var wordWrap = {
   wordWrap: 'break-word',
   wordBreak: 'break-word'
 };
-exports.wordWrap = wordWrap;
 
 var tabLabel = _objectSpread(_objectSpread(_objectSpread({}, base), wordWrap), {}, {
   fontSize: 'sm',
@@ -66,6 +64,110 @@ var tabLabel = _objectSpread(_objectSpread(_objectSpread({}, base), wordWrap), {
   }
 });
 
+var fieldHelperText = _objectSpread(_objectSpread(_objectSpread({}, base), wordWrap), {}, {
+  fontSize: 'sm',
+  '&.is-default': {
+    color: 'text.secondary'
+  },
+  '&.is-error': {
+    color: 'critical.dark'
+  },
+  '&.is-success': {
+    color: 'success.dark'
+  },
+  '&.is-warning': {
+    color: 'warning.dark'
+  },
+  '.is-left-label > &': {
+    gridRowEnd: 3,
+    gridColumnEnd: 3
+  }
+});
+
+var tooltipContent = {
+  maxWidth: '10em',
+  maxHeight: '15em',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  WebkitLineClamp: '10',
+  WebkitBoxOrient: 'vertical',
+  display: '-webkit-box !important',
+  wordBreak: 'break-word',
+  '.is-right > * > &, .is-left > * > &': {
+    maxWidth: '24em',
+    maxHeight: '6.5em',
+    WebkitLineClamp: '4'
+  }
+};
+var expandableRowSharedStyle = {
+  textOverflow: 'ellipsis',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap'
+};
+var expandableRow = {
+  title: _objectSpread({
+    fontSize: 'lg',
+    color: 'neutral.20'
+  }, expandableRowSharedStyle),
+  subtitle: _objectSpread({
+    fontSize: 'sm',
+    color: 'neutral.60'
+  }, expandableRowSharedStyle),
+  lineChart: {
+    title: _objectSpread({
+      fontSize: 'sm',
+      color: 'neutral.40',
+      maxWidth: '100%'
+    }, expandableRowSharedStyle),
+    count: {
+      color: 'neutral.20',
+      fontSize: 22,
+      fontWeight: 2
+    },
+    countLabel: {
+      fontSize: 'xs',
+      color: 'neutral.50'
+    },
+    chartLabel: {
+      fontSize: 'xs',
+      color: 'neutral.50',
+      minWidth: '60px'
+    },
+    trend: {
+      color: 'neutral.20',
+      fontSize: 'sm',
+      fontWeight: 3,
+      whiteSpace: 'nowrap'
+    }
+  }
+};
+var breadcrumbLi = {
+  'a.is-hovered.is-current ': {
+    textDecoration: 'none'
+  }
+};
+var breadcrumbLink = {
+  color: 'active',
+  fontFamily: 'standard',
+  fontSize: '15px',
+  textDecoration: 'none',
+  outline: 'none',
+  '&.is-hovered': {
+    textDecoration: 'underline'
+  },
+  '&.is-focused': {
+    textDecoration: 'underline'
+  },
+  '&.is-disabled': {
+    pointerEvents: 'none'
+  },
+  '&.is-current': _objectSpread(_objectSpread({
+    pointerEvents: 'none'
+  }, base), {}, {
+    fontWeight: 1
+  })
+};
+
 var environmentBreadcrumb = _objectSpread(_objectSpread({}, base), {}, {
   fontSize: 'sm',
   fontWeight: 3,
@@ -73,6 +175,84 @@ var environmentBreadcrumb = _objectSpread(_objectSpread({}, base), {}, {
   textTransform: 'capitalize'
 });
 
+var navBarSubtitle = {
+  ml: 'md',
+  my: 'sm',
+  fontWeight: 1,
+  fontSize: 'sm',
+  color: 'accent.80',
+  zIndex: '100'
+};
+
+var navBarHeaderText = _objectSpread(_objectSpread({}, wordWrap), {}, {
+  whiteSpace: 'break-spaces',
+  lineHeight: 1,
+  fontSize: 'md',
+  fontWeight: 1,
+  maxWidth: '150px',
+  color: 'neutral.95',
+  '.is-selected &': {
+    color: 'white'
+  }
+});
+
+var collapsiblePanellItem = _objectSpread(_objectSpread({}, wordWrap), {}, {
+  color: 'neutral.30',
+  fontSize: 'sm',
+  fontWeight: 500,
+  overflow: 'hidden',
+  marginRight: 'xs',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap'
+});
+
+var collapsiblePanelTitle = _objectSpread(_objectSpread({}, wordWrap), {}, {
+  fontSize: 'sm',
+  fontWeight: 500,
+  color: 'text.secondary',
+  whiteSpace: 'nowrap',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  mr: 'xs'
+});
+
+var maskedValue = {
+  width: 252,
+  wordBreak: 'break-all',
+  '&.is-masked': {
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    fontWeight: 700
+  }
+};
+var timeZone = {
+  title: {
+    color: 'neutral.10',
+    fontSize: 'md',
+    whiteSpace: 'nowrap',
+    lineHeight: 1,
+    '.is-focused &': {
+      color: 'white'
+    }
+  },
+  subTitle: {
+    color: 'neutral.40',
+    fontSize: 'sm',
+    ml: 10,
+    '.is-focused &': {
+      color: 'white'
+    }
+  },
+  time: {
+    color: 'neutral.10',
+    fontSize: 'sm',
+    fontWeight: 1,
+    '.is-focused &': {
+      color: 'white'
+    }
+  }
+};
+
 var title = _objectSpread(_objectSpread({}, wordWrap), {}, {
   fontSize: 'xx',
   fontWeight: 1,
@@ -106,6 +286,8 @@ var text = {
     color: 'text.secondary',
     fontFamily: 'standard'
   }),
+  breadcrumbLi: breadcrumbLi,
+  breadcrumbLink: breadcrumbLink,
   buttonLabel: _objectSpread(_objectSpread({}, wordWrap), {}, {
     fontSize: 'md',
     fontWeight: 1,
@@ -132,6 +314,7 @@ var text = {
     fontFamily: 'standard'
   }),
   environmentBreadcrumb: environmentBreadcrumb,
+  fieldHelperText: fieldHelperText,
   H1: _objectSpread(_objectSpread({}, title), {}, {
     fontWeight: 3,
     lineHeight: '28px'
@@ -185,6 +368,12 @@ var text = {
     overflow: 'hidden',
     textOverflow: 'ellipsis'
   }),
+  maskedValue: maskedValue,
+  expandableRow: expandableRow,
+  collapsiblePanellItem: collapsiblePanellItem,
+  collapsiblePanelTitle: collapsiblePanelTitle,
+  navBarHeaderText: navBarHeaderText,
+  navBarSubtitle: navBarSubtitle,
   placeholder: {
     fontWeight: -1,
     color: 'text.secondary',
@@ -208,6 +397,8 @@ var text = {
     overflow: 'hidden',
     textOverflow: 'ellipsis'
   },
-  title: title
+  title: title,
+  tooltipContent: tooltipContent,
+  timeZone: timeZone
 };
 exports.text = text;

package/lib/cjs/{components/Box/Box.styles.js → styles/variants/tooltip.js}

@@ -7,10 +7,10 @@ _Object$defineProperty(exports, "__esModule", {
 });
 
 exports["default"] = void 0;
-var base = {
-  display: 'flex'
+var tooltipContainer = {
+  p: 'sm'
 };
 var _default = {
-  base: base
+  tooltipContainer: tooltipContainer
 };
 exports["default"] = _default;

package/lib/cjs/styles/variants/variants.js

@@ -30,71 +30,55 @@ exports["default"] = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
-var _Accordion = _interopRequireDefault(require("../../components/AccordionGroup/Accordion.styles"));
+var _accordion = _interopRequireDefault(require("./accordion"));
 
-var _AccordionGrid = _interopRequireDefault(require("../../components/AccordionGridGroup/AccordionGrid.styles"));
-
-var _Box = _interopRequireDefault(require("../../components/Box/Box.styles"));
-
-var _Bracket = _interopRequireDefault(require("../../components/Bracket/Bracket.styles"));
-
-var _Breadcrumb = _interopRequireDefault(require("../../components/Breadcrumbs/Breadcrumb.styles"));
+var _boxes = _interopRequireDefault(require("./boxes"));
 
 var _callout = _interopRequireDefault(require("./callout"));
 
-var _CodeView = _interopRequireDefault(require("../../components/CodeView/CodeView.styles"));
+var _codeView = _interopRequireDefault(require("./codeView"));
 
-var _CollapsiblePanel = _interopRequireDefault(require("../../components/CollapsiblePanel/CollapsiblePanel.styles"));
-
-var _CopyText = _interopRequireDefault(require("../../components/CopyText/CopyText.styles"));
+var _collapsiblePanel = _interopRequireDefault(require("./collapsiblePanel"));
 
 var _DataTable = _interopRequireDefault(require("./../../components/DataTable/DataTable.styles"));
 
-var _EnvironmentalBreadcrumb = _interopRequireDefault(require("../../components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles"));
-
-var _FieldHelperText = _interopRequireDefault(require("../../components/FieldHelperText/FieldHelperText.styles"));
+var _imageUpload = _interopRequireDefault(require("./imageUpload"));
 
-var _HelpHint = _interopRequireDefault(require("../../components/HelpHint/HelpHint.styles"));
+var _images = _interopRequireDefault(require("./images"));
 
-var _imageUpload = _interopRequireDefault(require("../../components/ImageUploadField/imageUpload"));
+var _links = _interopRequireDefault(require("./links"));
 
-var _ListBox = _interopRequireDefault(require("../../components/ListBox/ListBox.styles"));
+var _listBox = _interopRequireDefault(require("./listBox"));
 
-var _ListItem = _interopRequireDefault(require("../../components/ListItem/ListItem.styles"));
+var _loader = _interopRequireDefault(require("./loader"));
 
-var _ListViewItem = _interopRequireDefault(require("../../components/ListViewItem/ListViewItem.styles"));
+var _menu = _interopRequireDefault(require("./menu"));
 
-var _Loader = _interopRequireDefault(require("../../components/Loader/Loader.styles"));
+var _menuItem = _interopRequireDefault(require("./menuItem"));
 
-var _Menu = _interopRequireDefault(require("../../components/Menu/Menu.styles"));
+var _messages = _interopRequireDefault(require("./messages"));
 
-var _MenuItem = _interopRequireDefault(require("../../components/MenuItem/MenuItem.styles"));
+var _modal = _interopRequireDefault(require("./modal"));
 
-var _Message = _interopRequireDefault(require("../../components/Messages/Message.styles"));
+var _navBar = _interopRequireDefault(require("./navBar"));
 
-var _Modal = _interopRequireDefault(require("../../components/Modal/Modal.styles"));
+var _numberField = _interopRequireDefault(require("./numberField"));
 
-var _NavBar = _interopRequireDefault(require("../../components/NavBar/NavBar.styles"));
+var _overlayPanel = _interopRequireDefault(require("./overlayPanel"));
 
-var _OverlayPanel = _interopRequireDefault(require("../../components/OverlayPanel/OverlayPanel.styles"));
+var _popoverMenu = _interopRequireDefault(require("./popoverMenu"));
 
-var _PopoverMenu = _interopRequireDefault(require("../../components/PopoverMenu/PopoverMenu.styles"));
+var _rockerbutton = _interopRequireDefault(require("./rockerbutton"));
 
-var _RockerButton = _interopRequireDefault(require("../../components/RockerButton/RockerButton.styles"));
+var _separator = _interopRequireDefault(require("./separator"));
 
-var _ScrollBox = _interopRequireDefault(require("../../components/ScrollBox/ScrollBox.styles"));
+var _stepper = _interopRequireDefault(require("./stepper"));
 
-var _Separator = _interopRequireDefault(require("../../components/Separator/Separator.styles"));
+var _table = _interopRequireDefault(require("./table"));
 
-var _Stepper = _interopRequireDefault(require("../../components/Stepper/Stepper.styles"));
+var tabs = _interopRequireWildcard(require("./tabs"));
 
-var _Table = _interopRequireDefault(require("../../components/Table/Table.styles"));
-
-var _TimeZone = _interopRequireDefault(require("../../components/TimeZonePicker/TimeZone.styles"));
-
-var _Tooltip = _interopRequireDefault(require("../../components/TooltipTrigger/Tooltip.styles"));
-
-var tab = _interopRequireWildcard(require("../../components/Tabs/Tabs.style"));
+var _tooltip = _interopRequireDefault(require("./tooltip"));
 
 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); }
 
@@ -104,39 +88,31 @@ 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 = _objectSpread({
-  accordion: _Accordion["default"],
-  accordionGrid: _AccordionGrid["default"],
-  box: _Box["default"],
-  bracket: _Bracket["default"],
-  breadcrumb: _Breadcrumb["default"],
+var _default = _objectSpread(_objectSpread({}, tabs), {}, {
+  accordion: _accordion["default"],
+  boxes: _boxes["default"],
   callout: _callout["default"],
-  codeView: _CodeView["default"],
-  collapsiblePanel: _CollapsiblePanel["default"],
-  copyText: _CopyText["default"],
+  codeView: _codeView["default"],
+  collapsiblePanel: _collapsiblePanel["default"],
   dataTable: _DataTable["default"],
-  environmentBreadcrumb: _EnvironmentalBreadcrumb["default"],
-  fieldHelperText: _FieldHelperText["default"],
-  helpHint: _HelpHint["default"],
   imageUpload: _imageUpload["default"],
-  listBox: _ListBox["default"],
-  listItem: _ListItem["default"],
-  listViewItem: _ListViewItem["default"],
-  loader: _Loader["default"],
-  menu: _Menu["default"],
-  menuItem: _MenuItem["default"],
-  message: _Message["default"],
-  modal: _Modal["default"],
-  navBar: _NavBar["default"],
-  overlayPanel: _OverlayPanel["default"],
-  popoverMenu: _PopoverMenu["default"],
-  rockerButton: _RockerButton["default"],
-  scrollBox: _ScrollBox["default"],
-  separator: _Separator["default"],
-  stepper: _Stepper["default"],
-  table: _Table["default"],
-  timeZone: _TimeZone["default"],
-  tooltip: _Tooltip["default"]
-}, tab);
+  images: _images["default"],
+  links: _links["default"],
+  listBox: _listBox["default"],
+  loader: _loader["default"],
+  menu: _menu["default"],
+  menuItem: _menuItem["default"],
+  messages: _messages["default"],
+  modal: _modal["default"],
+  navBar: _navBar["default"],
+  numberField: _numberField["default"],
+  overlayPanel: _overlayPanel["default"],
+  popoverMenu: _popoverMenu["default"],
+  rockerbutton: _rockerbutton["default"],
+  separator: _separator["default"],
+  stepper: _stepper["default"],
+  table: _table["default"],
+  tooltip: _tooltip["default"]
+});
 
 exports["default"] = _default;

package/lib/cjs/utils/devUtils/constants/variants.js

@@ -16,9 +16,9 @@ var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
 
 var _lodash = require("lodash");
 
-var _Text = require("../../../components/Text/Text.styles");
+var _text = require("../../../styles/variants/text");
 
-var _Buttons = _interopRequireDefault(require("../../../components/Button/Buttons.styles"));
+var _buttons = _interopRequireDefault(require("../../../styles/variants/buttons"));
 
 /**
  * Converts the given object to a constant mapping.
@@ -34,7 +34,7 @@ var toConstantObject = function toConstantObject(obj) {
   }));
 };
 
-var textVariants = toConstantObject(_Text.text);
+var textVariants = toConstantObject(_text.text);
 exports.textVariants = textVariants;
-var buttonVariants = toConstantObject(_Buttons["default"]);
+var buttonVariants = toConstantObject(_buttons["default"]);
 exports.buttonVariants = buttonVariants;