@spothero/ui 22.3.2 → 22.3.9-beta.0

package/dist/components/styles.js

@@ -1,188 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function () {
-    return _styles2.default;
-  }
-});
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function () {
-    return _styles14.default;
-  }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function () {
-    return _Button.default;
-  }
-});
-Object.defineProperty(exports, "ButtonRefreshed", {
-  enumerable: true,
-  get: function () {
-    return _styles11.default;
-  }
-});
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function () {
-    return _styles5.default;
-  }
-});
-Object.defineProperty(exports, "Divider", {
-  enumerable: true,
-  get: function () {
-    return _Divider.default;
-  }
-});
-Object.defineProperty(exports, "Drawer", {
-  enumerable: true,
-  get: function () {
-    return _styles15.default;
-  }
-});
-Object.defineProperty(exports, "GridItem", {
-  enumerable: true,
-  get: function () {
-    return _GridItem.default;
-  }
-});
-Object.defineProperty(exports, "Heading", {
-  enumerable: true,
-  get: function () {
-    return _Heading.default;
-  }
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function () {
-    return _styles8.default;
-  }
-});
-Object.defineProperty(exports, "InputRefreshed", {
-  enumerable: true,
-  get: function () {
-    return _styles9.default;
-  }
-});
-Object.defineProperty(exports, "Link", {
-  enumerable: true,
-  get: function () {
-    return _Link.default;
-  }
-});
-Object.defineProperty(exports, "List", {
-  enumerable: true,
-  get: function () {
-    return _styles.default;
-  }
-});
-Object.defineProperty(exports, "Menu", {
-  enumerable: true,
-  get: function () {
-    return _Menu.default;
-  }
-});
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function () {
-    return _styles12.default;
-  }
-});
-Object.defineProperty(exports, "Popover", {
-  enumerable: true,
-  get: function () {
-    return _styles7.default;
-  }
-});
-Object.defineProperty(exports, "Progress", {
-  enumerable: true,
-  get: function () {
-    return _Progress.default;
-  }
-});
-Object.defineProperty(exports, "Radio", {
-  enumerable: true,
-  get: function () {
-    return _styles13.default;
-  }
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function () {
-    return _styles4.default;
-  }
-});
-Object.defineProperty(exports, "SelectRefreshed", {
-  enumerable: true,
-  get: function () {
-    return _styles10.default;
-  }
-});
-Object.defineProperty(exports, "Skeleton", {
-  enumerable: true,
-  get: function () {
-    return _Skeleton.default;
-  }
-});
-Object.defineProperty(exports, "Spinner", {
-  enumerable: true,
-  get: function () {
-    return _Spinner.default;
-  }
-});
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function () {
-    return _styles6.default;
-  }
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function () {
-    return _Table.default;
-  }
-});
-Object.defineProperty(exports, "Tabs", {
-  enumerable: true,
-  get: function () {
-    return _styles3.default;
-  }
-});
-Object.defineProperty(exports, "Text", {
-  enumerable: true,
-  get: function () {
-    return _Text.default;
-  }
-});
-var _styles = _interopRequireDefault(require("./List/styles"));
-var _Table = _interopRequireDefault(require("./Table/Table.styles"));
-var _Text = _interopRequireDefault(require("./Text/Text.styles"));
-var _Link = _interopRequireDefault(require("./Link/Link.styles"));
-var _styles2 = _interopRequireDefault(require("./Accordion/styles"));
-var _Button = _interopRequireDefault(require("./Button/Button.styles"));
-var _GridItem = _interopRequireDefault(require("./Grid/GridItem.styles"));
-var _Spinner = _interopRequireDefault(require("./Spinner/Spinner.styles"));
-var _Heading = _interopRequireDefault(require("./Heading/Heading.styles"));
-var _Divider = _interopRequireDefault(require("./Divider/Divider.styles"));
-var _styles3 = _interopRequireDefault(require("./Tabs/styles"));
-var _styles4 = _interopRequireDefault(require("./Select/styles"));
-var _styles5 = _interopRequireDefault(require("./Checkbox/styles"));
-var _styles6 = _interopRequireDefault(require("./Switch/styles"));
-var _styles7 = _interopRequireDefault(require("./Popover/styles"));
-var _styles8 = _interopRequireDefault(require("./Input/styles"));
-var _styles9 = _interopRequireDefault(require("./RefreshedInput/Input/styles"));
-var _styles10 = _interopRequireDefault(require("./RefreshedInput/Select/styles"));
-var _styles11 = _interopRequireDefault(require("./RefreshedInput/Button/styles"));
-var _styles12 = _interopRequireDefault(require("./Modal/styles"));
-var _styles13 = _interopRequireDefault(require("./Radio/styles"));
-var _Skeleton = _interopRequireDefault(require("./Skeleton/Skeleton.styles"));
-var _styles14 = _interopRequireDefault(require("./Badge/styles"));
-var _styles15 = _interopRequireDefault(require("./Drawer/styles"));
-var _Progress = _interopRequireDefault(require("./Progress/Progress.styles"));
-var _Menu = _interopRequireDefault(require("./Menu/Menu.styles"));

package/dist/theme/base/breakpoints.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _themeTools = require("@chakra-ui/theme-tools");
-/**
- * The "base" breakpoint is Chakra's default non-responsive value (from 0 upwards).
- * While we don't explicitly enable a "mobile" breakpoint, we can consider "base" and
- * "mobile" the same for all intents and purposes for mobile-first responsive styling.
- * @see https://chakra-ui.com/docs/features/responsive-styles#customizing-breakpoints
- */
-const breakpoints = (0, _themeTools.createBreakpoints)({
-  mobileXL: '30rem',
-  // 480px
-  tablet: '48rem',
-  // 768px
-  desktop: '64rem',
-  // 1024px
-  desktopXL: '90rem' // 1440px
-});
-var _default = exports.default = breakpoints;

package/dist/theme/base/colors.js

@@ -1,138 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const white = '#ffffff';
-const black = '#000000';
-const brandBlue = '#0082ff';
-const modalOverlay = '#21212160';
-const gray = {
-  50: '#f6f7f9',
-  100: '#e1e6ec',
-  200: '#cbd4de',
-  300: '#afbdcc',
-  400: '#94a7ba',
-  500: '#7890a8',
-  600: '#537495',
-  700: '#3b5261',
-  800: '#2f3f4b',
-  900: '#26323c'
-};
-const blue = {
-  50: '#f6fbfd',
-  100: '#e6f8fd',
-  200: '#c0e9fb',
-  300: '#96d3fa',
-  400: '#5baafa',
-  500: '#1271eb',
-  600: '#1d58f2',
-  700: '#1b46da',
-  800: '#1735a6',
-  900: '#132b7f'
-};
-const navy = {
-  50: '#f4fafc',
-  100: '#e4f7fb',
-  200: '#bfebf6',
-  300: '#92d9f4',
-  400: '#51b7f0',
-  500: '#2590ea',
-  600: '#1a6cda',
-  700: '#1b55b6',
-  800: '#194185',
-  900: '#002d5b'
-};
-const green = {
-  50: '#ecf8f7',
-  100: '#d3f7ef',
-  200: '#a4f3d9',
-  300: '#65eabf',
-  400: '#1edb96',
-  500: '#09c66a',
-  600: '#08ad50',
-  700: '#008547',
-  800: '#11703e',
-  900: '#115a35'
-};
-const yellow = {
-  50: '#f9f5e5',
-  100: '#faf0bd',
-  200: '#f6e67c',
-  300: '#f1d439',
-  400: '#ffbf02',
-  500: '#e19706',
-  600: '#cf7404',
-  700: '#ae5708',
-  800: '#8e440e',
-  900: '#743710'
-};
-const red = {
-  50: '#fdf9f8',
-  100: '#fdeef3',
-  200: '#fbcee6',
-  300: '#fba4d1',
-  400: '#fc6bad',
-  500: '#fc4086',
-  600: '#f7265f',
-  700: '#e01438',
-  800: '#b4193c',
-  900: '#901530'
-};
-const colors = {
-  gray: {
-    ...gray,
-    light: gray['50'],
-    medium: gray['200'],
-    dark: gray['600']
-  },
-  blue,
-  navy,
-  red: {
-    ...red,
-    default: red['700']
-  },
-  green: {
-    ...green,
-    default: green['700']
-  },
-  yellow: {
-    ...yellow,
-    default: yellow['400']
-  },
-  primary: {
-    ...blue,
-    default: blue['500']
-  },
-  secondary: {
-    ...navy,
-    default: navy['900']
-  },
-  success: green['700'],
-  warning: yellow['400'],
-  error: red['700'],
-  accent: gray['200'],
-  text: {
-    primary: {
-      light: black,
-      dark: white
-    },
-    secondary: {
-      light: gray['600']
-    },
-    link: {
-      light: blue['500'],
-      dark: white
-    }
-  },
-  background: {
-    gray: gray['50'],
-    white
-  },
-  white,
-  black,
-  brandBlue,
-  modalOverlay
-};
-var _default = exports.default = colors;

package/dist/theme/base/index.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "NOTIFICATION_STATUSES", {
-  enumerable: true,
-  get: function () {
-    return _notifications.NOTIFICATION_STATUSES;
-  }
-});
-Object.defineProperty(exports, "breakpoints", {
-  enumerable: true,
-  get: function () {
-    return _breakpoints.default;
-  }
-});
-Object.defineProperty(exports, "colors", {
-  enumerable: true,
-  get: function () {
-    return _colors.default;
-  }
-});
-Object.defineProperty(exports, "fontSizes", {
-  enumerable: true,
-  get: function () {
-    return _typography.fontSizes;
-  }
-});
-Object.defineProperty(exports, "fontWeights", {
-  enumerable: true,
-  get: function () {
-    return _typography.fontWeights;
-  }
-});
-Object.defineProperty(exports, "fonts", {
-  enumerable: true,
-  get: function () {
-    return _typography.fonts;
-  }
-});
-Object.defineProperty(exports, "notificationBaseStyle", {
-  enumerable: true,
-  get: function () {
-    return _notifications.notificationBaseStyle;
-  }
-});
-Object.defineProperty(exports, "notificationStatusStyles", {
-  enumerable: true,
-  get: function () {
-    return _notifications.notificationStatusStyles;
-  }
-});
-Object.defineProperty(exports, "shadows", {
-  enumerable: true,
-  get: function () {
-    return _shadows.default;
-  }
-});
-Object.defineProperty(exports, "sizes", {
-  enumerable: true,
-  get: function () {
-    return _sizes.default;
-  }
-});
-Object.defineProperty(exports, "zIndices", {
-  enumerable: true,
-  get: function () {
-    return _zindices.default;
-  }
-});
-var _sizes = _interopRequireDefault(require("./sizes"));
-var _colors = _interopRequireDefault(require("./colors"));
-var _shadows = _interopRequireDefault(require("./shadows"));
-var _zindices = _interopRequireDefault(require("./zindices"));
-var _breakpoints = _interopRequireDefault(require("./breakpoints"));
-var _typography = require("./typography");
-var _notifications = require("./notifications");

package/dist/theme/base/notifications.js

@@ -1,198 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.notificationStatusStyles = exports.notificationSizeStyles = exports.notificationBaseStyle = exports.NOTIFICATION_STATUSES = void 0;
-const NOTIFICATION_STATUSES = exports.NOTIFICATION_STATUSES = {
-  NEUTRAL: 'neutral',
-  ERROR: 'error',
-  WARNING: 'warning',
-  SUCCESS: 'success'
-};
-const NOTIFICATION_SIZES = {
-  SM: 'sm',
-  MD: 'md',
-  LG: 'lg'
-};
-const notificationBaseStyle = exports.notificationBaseStyle = {
-  container: {
-    paddingY: 2,
-    borderRadius: 'base'
-  },
-  actionButton: {
-    fontSize: 'sm',
-    height: 'fit-content',
-    lineHeight: '1.4',
-    color: 'primary.600',
-    _hover: {
-      color: 'primary.700'
-    }
-  },
-  dismissButton: {
-    color: 'gray.600',
-    borderColor: 'transparent',
-    borderWidth: '2px',
-    padding: 0,
-    width: 10,
-    height: 10,
-    backgroundColor: 'transparent',
-    borderRadius: 'base',
-    marginLeft: 2,
-    _hover: {
-      color: 'gray.700'
-    },
-    _focus: {
-      color: 'gray.700',
-      borderColor: 'white',
-      boxShadow: 'outline'
-    }
-  },
-  icon: {
-    width: 6,
-    marginRight: 2,
-    height: 'auto'
-  },
-  description: {
-    lineHeight: 1.4
-  },
-  title: {
-    lineHeight: 1.4
-  },
-  variants: {},
-  sizes: {
-    sm: {
-      title: {
-        fontSize: 'xs'
-      },
-      description: {
-        fontSize: 'xs'
-      }
-    },
-    md: {
-      title: {
-        fontSize: 'sm'
-      },
-      description: {
-        fontSize: 'sm'
-      }
-    },
-    lg: {
-      title: {
-        fontSize: 'base'
-      },
-      description: {
-        fontSize: 'base'
-      }
-    }
-  }
-};
-const notificationStatusStyles = status => {
-  switch (status) {
-    case NOTIFICATION_STATUSES.NEUTRAL:
-      return {
-        container: {
-          background: 'gray.light'
-        },
-        icon: {
-          color: 'gray.dark'
-        },
-        dismissButton: {
-          _hover: {
-            background: 'gray.200'
-          },
-          _focus: {
-            background: 'gray.200'
-          }
-        }
-      };
-    case NOTIFICATION_STATUSES.WARNING:
-      return {
-        container: {
-          background: 'yellow.100'
-        },
-        icon: {
-          color: 'yellow.500'
-        },
-        dismissButton: {
-          _hover: {
-            background: 'yellow.200'
-          },
-          _focus: {
-            background: 'yellow.200'
-          }
-        }
-      };
-    case NOTIFICATION_STATUSES.ERROR:
-      return {
-        container: {
-          background: 'red.100'
-        },
-        icon: {
-          color: 'red.700'
-        },
-        dismissButton: {
-          _hover: {
-            background: 'red.200'
-          },
-          _focus: {
-            background: 'red.200'
-          }
-        }
-      };
-    case NOTIFICATION_STATUSES.SUCCESS:
-      return {
-        container: {
-          background: 'green.100'
-        },
-        icon: {
-          color: 'green.700'
-        },
-        dismissButton: {
-          _hover: {
-            background: 'green.200'
-          },
-          _focus: {
-            background: 'green.200'
-          }
-        }
-      };
-    default:
-      return {};
-  }
-};
-exports.notificationStatusStyles = notificationStatusStyles;
-const notificationSizeStyles = size => {
-  switch (size) {
-    case NOTIFICATION_SIZES.SM:
-      return {
-        title: {
-          fontSize: 'xs'
-        },
-        description: {
-          fontSize: 'xs'
-        }
-      };
-    case NOTIFICATION_SIZES.MD:
-      return {
-        title: {
-          fontSize: 'sm'
-        },
-        description: {
-          fontSize: 'sm'
-        }
-      };
-    case NOTIFICATION_SIZES.LG:
-      return {
-        title: {
-          fontSize: 'base'
-        },
-        description: {
-          fontSize: 'base'
-        }
-      };
-    default:
-      return {};
-  }
-};
-exports.notificationSizeStyles = notificationSizeStyles;

package/dist/theme/base/shadows.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const shadows = {
-  outline: '0 0 0 3px rgba(91, 170, 250, 0.7)',
-  // primary.400, 70% opacity
-  drawer: '-8px 0 16px 0 rgba(33,33,33,.1)'
-};
-var _default = exports.default = (0, _merge.default)(_theme.default.shadows, shadows);