@pingux/astro 1.1.1-alpha.0 → 1.1.1-alpha.1

package/lib/styles/variants/listBox.js

@@ -1,40 +0,0 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { text } from '../variants/text';
-var listBox = {
-  outline: 'none'
-};
-listBox.option = _objectSpread(_objectSpread({}, text.base), {}, {
-  px: 'md',
-  py: 'sm',
-  alignItems: 'center',
-  outline: 'none',
-  wordBreak: 'break-word',
-  cursor: 'pointer',
-  '&.is-selected': _objectSpread(_objectSpread({}, text.inputValue), {}, {
-    pl: 0
-  }),
-  '&.is-focused': {
-    color: 'white',
-    bg: 'active'
-  }
-});
-listBox.selectField = {
-  maxHeight: '200px',
-  overflow: 'auto',
-  pl: 0,
-  outline: 'none'
-};
-export default listBox;

package/lib/styles/variants/loader.js

@@ -1,95 +0,0 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral";
-
-var _context, _context2, _context3, _context4, _context5;
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context6; _forEachInstanceProperty(_context6 = ownKeys(Object(source), true)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context7; _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n   0% { opacity: 0; }\n   100% { opacity: 0; }\n"], ["\n  \\ 0% { opacity: 0; }\n  \\ 100% { opacity: 0; }\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n   0% {\n        opacity: 0;\n    }\n\n   50% {\n        opacity: 0;\n    }\n   80% {\n        opacity: 1;\n    }\n   100% {\n        opacity: 0;\n    }\n\n"], ["\n  \\ 0% {\n        opacity: 0;\n    }\n\n  \\ 50% {\n        opacity: 0;\n    }\n  \\ 80% {\n        opacity: 1;\n    }\n  \\ 100% {\n        opacity: 0;\n    }\n\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { keyframes } from '@emotion/react';
-var container = {
-  color: 'currentColor',
-  fontSize: '1em'
-};
-var withinInput = {
-  color: 'neutral.60',
-  fontSize: '6px',
-  alignItems: 'center',
-  marginRight: 'xs'
-};
-var withinListbox = {
-  color: 'neutral.60',
-  fontSize: '6px',
-  padding: 'md',
-  alignItems: 'center',
-  justifyContent: 'center'
-};
-var withinListView = {
-  color: 'neutral.60',
-  padding: 'md',
-  alignItems: 'center',
-  justifyContent: 'center'
-};
-var pulse = keyframes(_templateObject());
-var wait = keyframes(_templateObject2());
-var animationSettings = '1s ease-out infinite';
-var dot = {
-  borderRadius: '100%',
-  bg: 'currentColor',
-  height: '1em',
-  width: '1em',
-  margin: '0.3em',
-  display: 'block'
-};
-
-var dotLeft = _objectSpread(_objectSpread({}, dot), {}, {
-  animation: _concatInstanceProperty(_context = "".concat(pulse, " ")).call(_context, animationSettings)
-});
-
-var dotCenter = _objectSpread(_objectSpread({}, dot), {}, {
-  animation: _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(wait, " 0.2s, ")).call(_context3, pulse, " ")).call(_context2, animationSettings, " 0.2s")
-});
-
-var dotRight = _objectSpread(_objectSpread({}, dot), {}, {
-  animation: _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "".concat(wait, " 0.4s, ")).call(_context5, pulse, " ")).call(_context4, animationSettings, " 0.4s")
-});
-
-export default {
-  dotLeft: dotLeft,
-  dotCenter: dotCenter,
-  dotRight: dotRight,
-  container: container,
-  withinInput: withinInput,
-  withinListbox: withinListbox,
-  withinListView: withinListView
-};

package/lib/styles/variants/menu.js

@@ -1,10 +0,0 @@
-export default {
-  padding: 0,
-  margin: 0,
-  listStyle: 'none',
-  maxWidth: 250,
-  outline: 'none',
-  overflow: 'hidden',
-  minWidth: '90px',
-  borderRadius: 4
-};

package/lib/styles/variants/menuItem.js

@@ -1,26 +0,0 @@
-var item = {
-  bg: 'transparent',
-  padding: '10px 10px',
-  outline: 'none',
-  cursor: 'pointer',
-  '&.is-focused, &.is-selected, &.is-pressed': {
-    color: 'white',
-    bg: 'active',
-    '> *': {
-      color: 'white'
-    }
-  },
-  '&.is-pressed': {
-    bg: 'accent.20'
-  }
-};
-var separator = {
-  padding: '0px',
-  '& > [role="separator"]': {
-    margin: '0px'
-  }
-};
-export default {
-  item: item,
-  separator: separator
-};

package/lib/styles/variants/messages.js

@@ -1,43 +0,0 @@
-var wrapper = {
-  position: 'absolute',
-  right: 'lg',
-  bottom: 'lg',
-  left: 'lg',
-  alignItems: 'flex-end',
-  pointerEvents: 'none'
-};
-var transition = {
-  transition: 'opacity 200ms, max-height 200ms',
-  opacity: 1,
-  '&.is-hidden': {
-    opacity: 0
-  }
-};
-var item = {
-  maxWidth: 400,
-  pointerEvents: 'all',
-  mb: 'md',
-  p: 'md',
-  wordBreak: 'break-word',
-  alignItems: 'center',
-  bg: 'neutral.95',
-  color: 'neutral.10',
-  borderRadius: 4,
-  '&.is-success, > .is-success': {
-    bg: 'success.light',
-    color: 'success.dark'
-  },
-  '&.is-warning, > .is-warning': {
-    bg: 'warning.light',
-    color: 'warning.dark'
-  },
-  '&.is-error, > .is-error': {
-    bg: 'critical.light',
-    color: 'critical.dark'
-  }
-};
-export default {
-  wrapper: wrapper,
-  transition: transition,
-  item: item
-};

package/lib/styles/variants/modal.js

@@ -1,65 +0,0 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { text } from '../variants/text';
-var closeIcon = {
-  color: 'neutral.40'
-};
-var container = {
-  position: 'fixed',
-  zIndex: 100,
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0,
-  background: '#00000040',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center'
-};
-var content = {
-  position: 'relative',
-  outline: 'none',
-  background: 'white',
-  color: 'black',
-  pt: 'md',
-  pr: 'lg',
-  pb: 'lg',
-  pl: 'lg',
-  maxWidth: '400px',
-  boxShadow: 'standard',
-  borderRadius: 3,
-  '.is-dark-mode &': {
-    color: 'white',
-    bg: 'accent.5'
-  }
-};
-
-var dark = _objectSpread({}, container);
-
-var title = _objectSpread(_objectSpread({}, text.title), {}, {
-  mr: 'sm',
-  fontWeight: 3,
-  '.is-dark-mode &': {
-    color: 'white'
-  }
-});
-
-export default {
-  closeIcon: closeIcon,
-  container: container,
-  content: content,
-  dark: dark,
-  title: title
-};

package/lib/styles/variants/numberField.js

@@ -1,42 +0,0 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { input } from '../forms/input';
-var sharedStyles = {
-  WebkitAppearance: 'none',
-  margin: 0
-};
-var noDefaultArrows = {
-  'input::-webkit-outer-spin-button': _objectSpread({}, sharedStyles),
-  'input::-webkit-inner-spin-button': _objectSpread({}, sharedStyles),
-  'input[type=number]': {
-    MozAppearance: 'textfield'
-  }
-};
-
-var arrowsWrapper = _objectSpread({
-  display: 'flex',
-  justifyContent: 'center',
-  position: 'relative'
-}, input.container);
-
-var arrows = {
-  position: 'absolute',
-  right: '10px'
-};
-export default {
-  arrowsWrapper: arrowsWrapper,
-  arrows: arrows,
-  noDefaultArrows: noDefaultArrows
-};

package/lib/styles/variants/overlayPanel.js

@@ -1,63 +0,0 @@
-var overlayPanel = {
-  position: 'fixed',
-  overflowY: 'scroll',
-  zIndex: 1,
-  top: 0,
-  bottom: 0,
-  right: '-100%',
-  background: 'white',
-  alignItems: 'center',
-  justifyContent: 'center',
-  borderLeft: '1px solid',
-  borderLeftColor: 'neutral.80',
-  boxShadow: '-2px 0px 2px 1px rgba(37, 55, 70, 0.15)',
-  p: '25px',
-  transition: 'right 500ms',
-  maxWidth: '100%',
-  '&.is-small': {
-    width: '400px'
-  },
-  '&.is-medium': {
-    width: '550px'
-  },
-  '&.is-large': {
-    width: '800px'
-  },
-  '&.is-full': {
-    width: '100%'
-  },
-  '&.is-open': {
-    display: 'flex !important',
-    right: 0
-  }
-};
-var overlayPanelInner = {
-  position: 'absolute',
-  zIndex: 2,
-  bottom: 0,
-  right: 0,
-  background: 'white',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  boxShadow: '0px 2px 4px 0px rgb(110 110 110 / 25%) inset',
-  minWidth: '50%',
-  maxWidth: '100%',
-  width: '100%',
-  height: '200px',
-  p: '25px',
-  backgroundColor: 'accent.99'
-};
-var overlayPanelBody = {
-  display: 'none',
-  height: '100%',
-  width: '100%',
-  '&.is-open': {
-    display: 'flex'
-  }
-};
-export default {
-  overlayPanel: overlayPanel,
-  overlayPanelBody: overlayPanelBody,
-  overlayPanelInner: overlayPanelInner
-};

package/lib/styles/variants/popoverMenu.js

@@ -1,89 +0,0 @@
-var container = {
-  visibility: 'hidden',
-  position: 'relative',
-  bg: 'white',
-  color: 'neutral.10',
-  borderRadius: 4,
-  fontSize: 'md',
-  lineHeight: 1.4,
-  outline: 'none',
-  transitionProperty: 'transform,visibility,opacity',
-  'WebkitBoxShadow': '0px 0px 12px 2px #0000002e',
-  'MozBoxShadow': '0px 0px 12px 2px #0000002e',
-  'boxShadow': '0px 0px 12px 2px #0000002e',
-  '&.is-dark-mode': {
-    color: 'white',
-    bg: 'accent.20',
-    '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]:before': {
-      borderTopColor: 'accent.20'
-    },
-    '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]:before': {
-      borderBottomColor: 'accent.20'
-    },
-    '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]:before': {
-      borderLeftColor: 'accent.20'
-    },
-    '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]:before': {
-      borderRightColor: 'accent.20'
-    }
-  },
-  '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]': {
-    bottom: 0
-  },
-  '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]:before': {
-    left: '50%',
-    transform: 'translateX(-50%)',
-    borderWidth: '8px 8px 0',
-    borderTopColor: 'white',
-    transformOrigin: 'center top'
-  },
-  '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]': {
-    top: 0
-  },
-  '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]:before': {
-    top: '-8px',
-    left: '50%',
-    transform: 'translateX(-50%)',
-    borderWidth: '0 8px 8px',
-    borderBottomColor: 'white',
-    transformOrigin: 'center bottom'
-  },
-  '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]': {
-    right: 0
-  },
-  '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]:before': {
-    right: '-8px',
-    top: '50%',
-    transform: 'translateY(-50%)',
-    borderWidth: '8px 0 8px 8px',
-    borderLeftColor: 'white',
-    transformOrigin: 'center left'
-  },
-  '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]': {
-    left: 0
-  },
-  '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]:before': {
-    left: '-8px',
-    top: '50%',
-    transform: 'translateY(-50%)',
-    borderWidth: '8px 8px 8px 0',
-    borderRightColor: 'white',
-    transformOrigin: 'center right'
-  },
-  '&.is-open': {
-    visibility: 'visible'
-  }
-};
-var arrow = {
-  color: 'white',
-  '&:before': {
-    content: '""',
-    position: 'absolute',
-    borderColor: 'transparent',
-    borderStyle: 'solid'
-  }
-};
-export default {
-  arrow: arrow,
-  container: container
-};

package/lib/styles/variants/rockerbutton.js

@@ -1,15 +0,0 @@
-var rockerContainer = {
-  alignItems: 'flex-start'
-};
-var rockerContainerInner = {
-  bg: 'accent.95',
-  border: '1px solid',
-  borderColor: 'accent.90',
-  boxShadow: 'standard',
-  borderRadius: '15px',
-  padding: '2px'
-};
-export default {
-  rockerContainer: rockerContainer,
-  rockerContainerInner: rockerContainerInner
-};

package/lib/styles/variants/separator.js

@@ -1,43 +0,0 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var base = {
-  bg: 'neutral.80',
-  width: '100%',
-  height: '1px',
-  my: '5px',
-  '&.is-vertical': {
-    width: '1px',
-    height: '100%',
-    mx: '5px'
-  }
-};
-
-var navBarSeparator = _objectSpread(_objectSpread({}, base), {}, {
-  width: '100%',
-  backgroundColor: 'neutral.60'
-});
-
-var navBarSubtitleSeparator = _objectSpread(_objectSpread({}, base), {}, {
-  ml: '45px',
-  width: 'calc(100% - 75px)',
-  mb: '15px',
-  backgroundColor: 'neutral.60'
-});
-
-export default {
-  base: base,
-  navBarSeparator: navBarSeparator,
-  navBarSubtitleSeparator: navBarSubtitleSeparator
-};

package/lib/styles/variants/stepper.js

@@ -1,105 +0,0 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-/** Tabs styles */
-var wrapper = {
-  width: '100%'
-};
-var tabs = {
-  outline: 'none',
-  borderBottom: 'none',
-  mb: 0,
-  width: '100%'
-};
-var tab = {
-  mb: 0,
-  mr: 0,
-  outline: 'none',
-  '&.is-focused': {
-    boxShadow: 'focus',
-    borderRadius: '50%'
-  },
-  '&:not(:first-of-type)': {
-    flex: 1,
-    maxWidth: 122
-  }
-};
-var tabLabel = {
-  mb: 0
-};
-var stepWrapper = {
-  alignItems: 'center'
-};
-/** Step styles */
-
-var stepBase = {
-  width: 32,
-  height: 32,
-  minWidth: 32,
-  minHeight: 32,
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  borderWidth: 1,
-  borderStyle: 'solid',
-  borderRadius: '50%',
-  fontSize: '17px',
-  fontWeight: 3,
-  cursor: 'pointer',
-  '&[aria-expanded="true"]': {
-    backgroundColor: 'active',
-    borderColor: 'active',
-    color: 'text.primaryLight'
-  }
-};
-var step = {
-  active: _objectSpread({
-    backgroundColor: 'accent.95',
-    borderColor: 'active',
-    color: 'active'
-  }, stepBase),
-  completed: _objectSpread({
-    backgroundColor: 'active',
-    borderColor: 'active',
-    color: 'text.primaryLight'
-  }, stepBase),
-  inactive: _objectSpread({
-    backgroundColor: 'white',
-    borderColor: 'neutral.80',
-    color: 'neutral.40'
-  }, stepBase)
-};
-/** Line styles */
-
-var line = {
-  alignSelf: 'center',
-  width: '100%',
-  maxWidth: '90px',
-  borderBottomWidth: 1,
-  borderBottomStyle: 'solid',
-  borderBottomColor: 'active',
-  '&.is-inactive': {
-    borderBottomStyle: 'dashed',
-    borderBottomColor: 'neutral.80'
-  }
-};
-export default {
-  wrapper: wrapper,
-  tabs: tabs,
-  tab: tab,
-  tabLabel: tabLabel,
-  stepWrapper: stepWrapper,
-  step: step,
-  line: line
-};