@pingux/astro 1.17.0-alpha.2 → 1.17.0-alpha.3

package/lib/cjs/styles/forms/input.js

@@ -1,213 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.input = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _text = require("../variants/text");
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _input$container;
-
-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; }
-
-// Styles for default input and variants go here.
-var activeFloatLabel = {
-  pt: 'md',
-  pb: 'xs'
-}; // Default input styling
-
-var input = _objectSpread(_objectSpread({}, _text.text.inputValue), {}, {
-  appearance: 'none',
-  boxSizing: 'border-box',
-  lineHeight: '1.25em',
-  height: '40px',
-  textOverflow: 'ellipsis',
-  paddingRight: '100px',
-  bg: 'white',
-  borderWidth: 1,
-  borderStyle: 'solid',
-  borderColor: 'neutral.80',
-  borderRadius: 2,
-  fontSize: 'md',
-  px: 'md',
-  py: 'sm',
-  width: '100%',
-  outline: 'none',
-  '&.is-focused': {
-    borderColor: 'accent.80',
-    boxShadow: 'focus'
-  },
-  '.is-float-label &': {
-    height: '45px'
-  },
-  '.is-float-label-active &': _objectSpread({}, activeFloatLabel),
-  '&::placeholder': _text.text.placeholder,
-  '&::-ms-expand': {
-    display: 'none'
-  },
-  '&::-webkit-contacts-auto-fill-button, &::-webkit-credentials-auto-fill-button': {
-    visibility: 'hidden',
-    display: 'none !important',
-    pointerEvents: 'none',
-    height: 0,
-    width: 0,
-    margin: 0
-  },
-  '&::-ms-reveal, &::-ms-clear': {
-    display: 'none'
-  }
-}); // Example variant input
-
-
-exports.input = input;
-input.large = _objectSpread(_objectSpread({}, input), {}, {
-  lineHeight: '2em',
-  height: '4em'
-});
-input.small = _objectSpread(_objectSpread({}, input), {}, {
-  height: '28px',
-  pb: '2px',
-  pt: '2px',
-  pl: 'sm',
-  pr: 'sm'
-});
-input.wrapper = {
-  position: 'relative',
-  '&.is-left-label': {
-    display: 'inline-grid',
-    gridTemplateRows: 'auto auto'
-  },
-  '> .is-default': {
-    width: '100%'
-  }
-}; // Used to give a blue left border to inputs
-
-input.container = (_input$container = {
-  position: 'relative',
-  height: 'max-content',
-  '> input': {
-    borderLeftWidth: 0
-  },
-  '> button': {
-    borderLeftWidth: 0
-  },
-  '&:after': {
-    borderRadius: 5,
-    borderTopRightRadius: 0,
-    borderBottomRightRadius: 0,
-    content: '""',
-    position: 'absolute',
-    bg: 'active',
-    width: 3,
-    top: 0,
-    left: 0,
-    bottom: 0
-  },
-  '&.has-no-status-indicator > input': {
-    borderLeftWidth: 1
-  },
-  '&.has-no-status-indicator > button': {
-    borderLeftWidth: 1
-  },
-  '&.has-no-status-indicator:after': {
-    width: 0
-  },
-  '&.is-disabled': {
-    // Override global opacity for disabled items because the children will handle their own opacity
-    // and it will otherwise stack the opacity effect.
-    opacity: 1,
-    '&:after': {
-      opacity: 0.5
-    }
-  },
-  '&.is-read-only': {
-    '> input': {
-      backgroundColor: 'accent.95',
-      border: 'none'
-    },
-    '> textarea': {
-      backgroundColor: 'accent.95',
-      border: 'none'
-    },
-    '&:after': {
-      display: 'none'
-    }
-  }
-}, (0, _defineProperty2["default"])(_input$container, "&.is-".concat(_statuses["default"].ERROR, "::after"), {
-  bg: 'critical.bright'
-}), (0, _defineProperty2["default"])(_input$container, "&.is-".concat(_statuses["default"].SUCCESS, "::after"), {
-  bg: 'success.bright'
-}), (0, _defineProperty2["default"])(_input$container, "&.is-".concat(_statuses["default"].WARNING, "::after"), {
-  bg: 'warning.bright'
-}), _input$container);
-input.containedIcon = {
-  position: 'absolute',
-  right: 0,
-  top: '50%',
-  transform: 'translate(-50%, -50%)'
-};
-input.multivaluesWrapper = _objectSpread(_objectSpread({}, input.container), {}, {
-  bg: 'white',
-  borderColor: 'neutral.80',
-  borderStyle: 'solid',
-  borderWidth: 1,
-  flexDirection: 'row!important',
-  flexWrap: 'wrap',
-  left: 3,
-  p: 10,
-  pl: 12,
-  '&.has-no-status-indicator': {
-    left: 0
-  },
-  '&:after': {
-    borderRadius: 5,
-    borderTopRightRadius: 0,
-    borderBottomRightRadius: 0,
-    content: '""',
-    position: 'absolute',
-    bg: 'active',
-    width: 3,
-    top: 0,
-    left: -3,
-    bottom: 0
-  },
-  '> input': {
-    border: 'none',
-    flex: 1,
-    height: 30,
-    lineHeight: '100%',
-    p: 5,
-    '&.is-focused': {
-      boxShadow: 'none'
-    }
-  }
-});
-input.numberField = _objectSpread(_objectSpread({}, input), {}, {
-  pr: '28px'
-});

package/lib/cjs/styles/forms/label.js

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.label = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-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 activeFloatLabel = {
-  fontWeight: 0,
-  transform: 'translate(0, -8px) scale(0.75)'
-}; // Default label
-
-var label = _objectSpread(_objectSpread({}, _text.text.label), {}, {
-  display: 'block',
-  mb: 'xs',
-  alignItems: 'center',
-  '&.is-float-label': {
-    textOverflow: 'ellipsis',
-    display: 'flex',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    fontSize: 'md',
-    fontWeight: -1,
-    position: 'absolute',
-    zIndex: 1,
-    top: '13px',
-    left: 'md',
-    mb: 0,
-    transformOrigin: 'top left',
-    transition: 'all 0.1s ease-out',
-    pointerEvents: 'none',
-    paddingRight: '25px',
-    paddingLeft: '1px' // Otherwise, certain characters get cut off on the left from the overflow
-
-  },
-  '.is-float-label-active &.is-float-label': _objectSpread({}, activeFloatLabel),
-  '&.is-left-label': {
-    width: 'auto',
-    pr: 'sm',
-    mb: 0,
-    alignSelf: 'center'
-  }
-}); // Variants below
-
-
-exports.label = label;
-label.indicator = {
-  color: 'critical.bright',
-  ml: 5
-};
-label.radio = _objectSpread(_objectSpread({}, _text.text.base), {}, {
-  cursor: 'pointer',
-  alignItems: 'center',
-  mb: 'xs'
-}); // NOTE: Rebass label adds 'flex' after other styles, so we have to use !important to override it
-
-label.checkbox = _objectSpread(_objectSpread({}, _text.text.base), {}, {
-  display: 'inline-flex !important',
-  div: {
-    flexShrink: 0
-  },
-  width: 'auto',
-  alignItems: 'center',
-  cursor: 'pointer'
-});
-label.radioGroup = _objectSpread(_objectSpread({}, label), {}, {
-  fontWeight: 1
-});

package/lib/cjs/styles/forms/radio.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.radioField = exports.radio = void 0;
-// Styles for default radio and variants go here.
-// Default radio
-var radio = {
-  width: 20,
-  height: 20,
-  color: 'active',
-  mr: 'xs',
-  // override the default focus styling
-  'input:focus ~ &': {
-    bg: 'transparent'
-  },
-  'input ~ &.is-focused': {
-    outline: 'none',
-    boxShadow: 'focus'
-  }
-};
-exports.radio = radio;
-var radioField = {
-  '.is-horizontal &': {
-    mr: '15px'
-  }
-};
-exports.radioField = radioField;

package/lib/cjs/styles/forms/search.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.icon = exports["default"] = exports.container = exports.clearButtonIcon = void 0;
-var clearButtonIcon = {
-  color: 'neutral.40'
-};
-exports.clearButtonIcon = clearButtonIcon;
-var container = {
-  position: 'relative',
-  justifyContent: 'center',
-  '> input::-webkit-search-cancel-button, > input::-webkit-search-decoration': {
-    WebkitAppearance: 'none'
-  }
-};
-exports.container = container;
-var icon = {
-  position: 'absolute',
-  color: 'neutral.40',
-  ml: 'sm'
-};
-exports.icon = icon;
-var _default = {
-  clearButtonIcon: clearButtonIcon,
-  container: container,
-  icon: icon
-};
-exports["default"] = _default;

package/lib/cjs/styles/forms/select.js

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.select = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _input = require("./input");
-
-var _variants = require("../variants");
-
-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 activeFloatLabel = {
-  pt: 'md',
-  pb: 'xs'
-}; // Default select
-
-var select = _objectSpread(_objectSpread({}, _input.input), {}, {
-  display: 'flex',
-  alignItems: 'center',
-  '&.is-focused': {
-    boxShadow: 'focus'
-  },
-  '.is-float-label &': _objectSpread({
-    height: '45px'
-  }, activeFloatLabel)
-});
-
-exports.select = select;
-select.currentValue = {
-  textAlign: 'left',
-  flex: '1 1 0',
-  minWidth: 0,
-  overflow: 'hidden',
-  whiteSpace: 'nowrap',
-  textOverflow: 'ellipsis',
-  // rebass adds display: flex after other styles and ellipsis goes away
-  display: 'inline !important'
-};
-select.listBoxPopup = _objectSpread(_objectSpread({}, _input.input), {}, {
-  position: 'absolute',
-  width: '100%',
-  height: 'fit-content',
-  padding: '0',
-  zIndex: 2,
-  borderTop: 'none',
-  background: 'white',
-  boxShadow: 'standard'
-});
-select.option = _objectSpread(_objectSpread({}, _variants.text.base), {}, {
-  px: 'md',
-  py: 'sm',
-  alignItems: 'center',
-  outline: 'none',
-  cursor: 'pointer',
-  '&.is-selected': _objectSpread(_objectSpread({}, _variants.text.inputValue), {}, {
-    pl: 0
-  }),
-  '&.is-focused': {
-    color: 'white',
-    bg: 'active'
-  }
-});
-select.transparent = {
-  'select': {
-    bg: 'transparent'
-  },
-  '> div:after': {
-    bg: 'transparent'
-  }
-};
-select.arrow = {
-  ml: 'auto',
-  '.is-float-label &': {
-    mt: -10
-  },
-  '> svg': {
-    transition: 'all 0.2s linear'
-  }
-};

package/lib/cjs/styles/forms/switch.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.thumbContainer = exports.thumb = exports.label = exports.container = void 0;
-var label = {
-  alignItems: 'center',
-  fontSize: 'md',
-  color: 'text.primary'
-};
-exports.label = label;
-var container = {
-  mr: 5,
-  cursor: 'pointer'
-};
-exports.container = container;
-var thumbContainer = {
-  appearance: 'none',
-  m: 0,
-  p: 0,
-  width: 42,
-  height: 22,
-  color: 'neutral.80',
-  bg: 'neutral.80',
-  border: '1px solid',
-  borderColor: 'neutral.80',
-  borderRadius: 9999,
-  '.is-selected &': {
-    bg: 'active',
-    borderColor: 'active'
-  },
-  '.is-focused &': {
-    boxShadow: 'focus'
-  },
-  '&:focus': {
-    outline: 'none'
-  }
-};
-exports.thumbContainer = thumbContainer;
-var thumb = {
-  width: 20,
-  height: 22,
-  borderRadius: 9999,
-  border: '1px solid',
-  borderColor: 'neutral.80',
-  bg: 'white',
-  boxShadow: 'standard',
-  transitionProperty: 'transform',
-  transitionTimingFunction: 'ease-out',
-  transitionDuration: '0.1s',
-  transform: 'translateX(0)',
-  '.is-selected &': {
-    transform: 'translateX(20px)',
-    borderColor: 'active'
-  }
-};
-exports.thumb = thumb;

package/lib/cjs/styles/forms/textarea.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.textarea = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _input = require("./input");
-
-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; }
-
-// Styles for default input and variants go here.
-var textarea = _objectSpread(_objectSpread({}, _input.input), {}, {
-  height: 'unset',
-  '&.is-unresizable': {
-    resize: 'none'
-  },
-  '.is-float-label &': {
-    height: 'unset'
-  }
-});
-
-exports.textarea = textarea;

package/lib/cjs/styles/spacing.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = exports.button = void 0;
-var base = 10;
-var scale = {
-  xs: base * 0.5,
-  // 5
-  sm: base * 1,
-  // 10
-  md: base * 1.5,
-  // 15
-  lg: base * 2.5,
-  // 25
-  xl: base * 4,
-  // 40
-  xx: base * 6.5 // 65
-
-};
-var button = {
-  vPadding: scale.xs,
-  hPadding: scale.md
-};
-exports.button = button;
-var _default = scale;
-exports["default"] = _default;

package/lib/cjs/styles/text.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.textColors = exports.fontWeights = exports.fontSizes = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _colors = require("./colors");
-
-var _fontWeights;
-
-var baseSize = 15;
-var majorMultiplier = 1.15;
-
-var getFontSize = function getFontSize(major) {
-  return Math.round(baseSize * Math.pow(majorMultiplier, major));
-};
-
-var fontSizes = {
-  'xs': getFontSize(-2),
-  'sm': getFontSize(-1),
-  'md': getFontSize(0),
-  'lg': getFontSize(1),
-  'xl': getFontSize(2),
-  'xx': getFontSize(3)
-};
-exports.fontSizes = fontSizes;
-var fontWeights = (_fontWeights = {}, (0, _defineProperty2["default"])(_fontWeights, -1, 300), (0, _defineProperty2["default"])(_fontWeights, 0, 400), (0, _defineProperty2["default"])(_fontWeights, 1, 500), (0, _defineProperty2["default"])(_fontWeights, 2, 600), (0, _defineProperty2["default"])(_fontWeights, 3, 700), _fontWeights);
-exports.fontWeights = fontWeights;
-var textColors = {
-  primary: _colors.neutral[10],
-  secondary: _colors.neutral[40],
-  primaryLight: _colors.white,
-  secondaryLight: _colors.neutral[95],
-  button: _colors.button.label,
-  active: _colors.active
-};
-exports.textColors = textColors;