@spothero/ui 22.3.2 → 22.3.9-beta.0

package/dist/theme/base/sizes.js

@@ -1,88 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const container = {
-  base: '100%',
-  // 640px
-  tablet: '45rem',
-  // 720px
-  desktop: '72rem' // 1152px
-};
-const sizes = {
-  container,
-  0: '0',
-  0.5: '0.125rem',
-  // 2px
-  1: '0.25rem',
-  // 4px
-  1.5: '0.375rem',
-  // 6px
-  2: '0.5rem',
-  // 8px
-  2.5: '0.625rem',
-  // 10px
-  3: '0.75rem',
-  // 12px
-  3.5: '0.875rem',
-  // 14px
-  4: '1rem',
-  // 16px
-  5: '1.25rem',
-  // 20px
-  5.5: '1.375rem',
-  // 22px
-  6: '1.5rem',
-  // 24px
-  7: '1.75rem',
-  // 28px
-  8: '2rem',
-  // 32px
-  9: '2.25rem',
-  // 36px
-  10: '2.5rem',
-  // 40px
-  12: '3rem',
-  // 48px
-  14: '3.5rem',
-  // 56px
-  16: '4rem',
-  // 64px
-  20: '5rem',
-  // 80px
-  24: '6rem',
-  // 96px
-  28: '7rem',
-  // 112px
-  32: '8rem',
-  // 128px
-  36: '9rem',
-  // 144px
-  40: '10rem',
-  // 160px
-  44: '11rem',
-  // 176px
-  48: '12rem',
-  // 192px
-  52: '13rem',
-  // 208px
-  56: '14rem',
-  // 224px
-  60: '15rem',
-  // 240px
-  64: '16rem',
-  // 256px
-  72: '18rem',
-  // 272px
-  80: '20rem',
-  // 288px
-  96: '24rem',
-  // 384px
-  px: '1px',
-  full: '100%',
-  max: 'max-content',
-  min: 'min-content'
-};
-var _default = exports.default = sizes;

package/dist/theme/base/typography.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fonts = exports.fontWeights = exports.fontSizes = void 0;
-const fonts = exports.fonts = {
-  heading: `"Plus Jakarta Sans", sans-serif`,
-  body: `"Plus Jakarta Sans", sans-serif`
-};
-const fontSizes = exports.fontSizes = {
-  '5xl': '3.5rem',
-  // 56px
-  '4xl': '3rem',
-  // 48px
-  '3xl': '2.5rem',
-  // 40px
-  '2xl': '2rem',
-  // 32px
-  xl: '1.5rem',
-  // 24px
-  lg: '1.25rem',
-  // 20px
-  md: '1.125rem',
-  // 18px
-  base: '1rem',
-  // 16px
-  sm: '0.875rem',
-  // 14px
-  xs: '0.75rem' // 12px
-};
-const fontWeights = exports.fontWeights = {
-  light: 300,
-  normal: 400,
-  medium: 500,
-  semibold: 600,
-  bold: 700
-};

package/dist/theme/base/zindices.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const indices = {
-  hide: -100,
-  // equivalent to $z-index-negative in fe-core (https://github.com/spothero/fe-core/blob/main/utils/_defaults.scss)
-  auto: 'auto',
-  base: 0,
-  // equivalent to $z-index-back in fe-core
-  layer1: 100,
-  // equivalent to $z-index-mid in fe-core
-  layer2: 200,
-  // equivalent to $z-index-fore in fe-core
-  layer3: 300,
-  // equivalent to $z-index-layer1 in fe-core
-  layer4: 400,
-  // equivalent to $z-index-layer2 in fe-core
-  layer5: 500,
-  // equivalent to $z-index-layer3 in fe-core
-  layer6: 600,
-  // equivalent to $z-index-layer4 in fe-core
-  layer7: 700,
-  // equivalent to $z-index-modal-shim in fe-core
-  layer8: 800,
-  // equivalent to $z-index-modal in fe-core
-  layer9: 900,
-  // equivalent to $z-index-notification in fe-core
-  layer10: 1000 // equivalent to $z-index-top in fe-core
-};
-var _default = exports.default = indices;

package/dist/theme/global.js

@@ -1,110 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LegacyOverrides = exports.Fonts = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _base = require("./base");
-const global = {
-  'html, body': {
-    color: 'text.primary.light'
-  },
-  // By default, Chakra has all svgs set to 'display: block',
-  // this breaks the layout of some older components, so now
-  // we set all svgs to 'display: inline-block;' and only set
-  // 'display: block;' on the components that need it
-  // (as of 3/9/2021 only the v1 AutoSuggestInput component
-  // needed this update)
-  svg: {
-    display: 'inline-block'
-  }
-};
-var _default = exports.default = global;
-const Fonts = () => /*#__PURE__*/_react.default.createElement(_react2.Global, {
-  styles: `
-            @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
-            /* latin-ext */
-            @font-face {
-                font-family: "Plus Jakarta Sans", sans-serif;
-                font-style: normal;
-                font-weight: 700;
-                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-            }
-            /* latin-ext */
-            @font-face {
-                font-family: "Plus Jakarta Sans", sans-serif;
-                font-style: normal;
-                font-weight: 600;
-                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-            }
-            /* latin-ext */
-            @font-face {
-                font-family: "Plus Jakarta Sans", sans-serif;
-                font-style: normal;
-                font-weight: 400;
-                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-            }
-            /* latin-ext */
-            @font-face {
-                font-family: "Plus Jakarta Sans", sans-serif;
-                font-style: normal;
-                font-weight: 300;
-                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-            }
-        `
-});
-exports.Fonts = Fonts;
-const LegacyOverrides = ({
-  useLegacyOverrides
-}) => useLegacyOverrides ? /*#__PURE__*/_react.default.createElement(_react2.Global, {
-  styles: `
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        h6 {
-            margin-top: 0;
-            font-weight: ${_base.fontWeights.semibold};
-        }
-
-        .heading-sm {
-            font-size: ${_base.fontSizes.base};
-        }
-        .heading-md {
-            font-size: ${_base.fontSizes.md};
-        }
-        .heading-lg {
-            font-size: ${_base.fontSizes['5xl']};
-        }
-
-        p {
-            line-height: 1.5;
-        }
-
-        a {
-            outline: none;
-            text-align: left;
-            color: ${_base.colors.primary.default};
-            text-decoration: none;
-
-            &:active,
-            &:focus {
-                outline: none;
-            }
-
-            &:hover {
-                color: ${_base.colors.primary['700']};
-            }
-        }
-
-        small {
-            font-size: ${_base.fontSizes.xs};
-        }
-
-        `
-}) : null;
-exports.LegacyOverrides = LegacyOverrides;

package/dist/theme/index.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _global = _interopRequireDefault(require("./global"));
-var base = _interopRequireWildcard(require("./base"));
-var _react = require("@chakra-ui/react");
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-var components = _interopRequireWildcard(require("../components/styles"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// import merge from 'lodash/merge';
-
-// use this to extend the base theme of chakra, this adds on top of what is defined in baseConfig
-const extendedTheme = {
-  initialColorMode: 'light',
-  useSystemColorMode: false,
-  styles: {
-    global: _global.default
-  },
-  remToPixels: (rem, baseSize = 16) => !rem ? 0 : `${baseSize * Number(rem.replace('rem', ''))}`
-};
-
-// use this to override base themes from Chakra
-const baseConfig = {
-  ..._theme.default,
-  ...base,
-  components
-};
-var _default = exports.default = (0, _react.extendTheme)(extendedTheme, baseConfig);

package/dist/utils/Spaces.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-const Spaces = ({
-  spaces = 3
-}) => /*#__PURE__*/_react.default.createElement("span", {
-  dangerouslySetInnerHTML: {
-    __html: Array(spaces).fill(' ').join('')
-  }
-});
-var _default = exports.default = Spaces;