@spothero/ui 15.1.2 → 15.2.0-beta.0

package/v2/components/index.js

@@ -0,0 +1,448 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  AccordionIcon: true,
+  AccordionItem: true,
+  AccordionPanel: true,
+  AccordionButton: true,
+  Accordion: true,
+  TabList: true,
+  TabPanels: true,
+  Tab: true,
+  TabPanel: true,
+  Tabs: true,
+  Select: true,
+  Link: true,
+  Text: true,
+  Grid: true,
+  GridItem: true,
+  List: true,
+  ListItem: true,
+  Spinner: true,
+  Heading: true,
+  Container: true,
+  ThemeProvider: true,
+  Card: true,
+  Icon: true,
+  Image: true,
+  Loader: true,
+  Checkbox: true,
+  Input: true,
+  Popover: true,
+  PopoverTrigger: true,
+  PopoverContent: true,
+  Modal: true,
+  Radio: true,
+  RadioGroup: true,
+  Box: true,
+  Flex: true,
+  Fade: true,
+  Slide: true,
+  Portal: true,
+  HStack: true,
+  useToken: true,
+  useTheme: true,
+  ScaleFade: true,
+  SlideFade: true,
+  createIcon: true,
+  useClipboard: true,
+  useDisclosure: true,
+  useMediaQuery: true,
+  useBreakpointValue: true,
+  useControllableProp: true,
+  useControllableState: true,
+  usePrefersReducedMotion: true
+};
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function get() {
+    return _Accordion.default;
+  }
+});
+Object.defineProperty(exports, "AccordionButton", {
+  enumerable: true,
+  get: function get() {
+    return _Accordion.AccordionButton;
+  }
+});
+Object.defineProperty(exports, "AccordionIcon", {
+  enumerable: true,
+  get: function get() {
+    return _Accordion.AccordionIcon;
+  }
+});
+Object.defineProperty(exports, "AccordionItem", {
+  enumerable: true,
+  get: function get() {
+    return _Accordion.AccordionItem;
+  }
+});
+Object.defineProperty(exports, "AccordionPanel", {
+  enumerable: true,
+  get: function get() {
+    return _Accordion.AccordionPanel;
+  }
+});
+Object.defineProperty(exports, "Box", {
+  enumerable: true,
+  get: function get() {
+    return _react.Box;
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _Card.default;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _Checkbox.default;
+  }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function get() {
+    return _Container.default;
+  }
+});
+Object.defineProperty(exports, "Fade", {
+  enumerable: true,
+  get: function get() {
+    return _react.Fade;
+  }
+});
+Object.defineProperty(exports, "Flex", {
+  enumerable: true,
+  get: function get() {
+    return _react.Flex;
+  }
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function get() {
+    return _Grid.default;
+  }
+});
+Object.defineProperty(exports, "GridItem", {
+  enumerable: true,
+  get: function get() {
+    return _Grid.GridItem;
+  }
+});
+Object.defineProperty(exports, "HStack", {
+  enumerable: true,
+  get: function get() {
+    return _react.HStack;
+  }
+});
+Object.defineProperty(exports, "Heading", {
+  enumerable: true,
+  get: function get() {
+    return _Heading.default;
+  }
+});
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function get() {
+    return _Icon.default;
+  }
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function get() {
+    return _Image.default;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _Input.default;
+  }
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function get() {
+    return _Link.default;
+  }
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: function get() {
+    return _List.default;
+  }
+});
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: function get() {
+    return _List.ListItem;
+  }
+});
+Object.defineProperty(exports, "Loader", {
+  enumerable: true,
+  get: function get() {
+    return _Loader.default;
+  }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function get() {
+    return _Modal.Modal;
+  }
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function get() {
+    return _Popover.Popover;
+  }
+});
+Object.defineProperty(exports, "PopoverContent", {
+  enumerable: true,
+  get: function get() {
+    return _Popover.PopoverContent;
+  }
+});
+Object.defineProperty(exports, "PopoverTrigger", {
+  enumerable: true,
+  get: function get() {
+    return _Popover.PopoverTrigger;
+  }
+});
+Object.defineProperty(exports, "Portal", {
+  enumerable: true,
+  get: function get() {
+    return _react.Portal;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _Radio.Radio;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function get() {
+    return _Radio.RadioGroup;
+  }
+});
+Object.defineProperty(exports, "ScaleFade", {
+  enumerable: true,
+  get: function get() {
+    return _react.ScaleFade;
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _Select.default;
+  }
+});
+Object.defineProperty(exports, "Slide", {
+  enumerable: true,
+  get: function get() {
+    return _react.Slide;
+  }
+});
+Object.defineProperty(exports, "SlideFade", {
+  enumerable: true,
+  get: function get() {
+    return _react.SlideFade;
+  }
+});
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function get() {
+    return _Spinner.default;
+  }
+});
+Object.defineProperty(exports, "Tab", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.Tab;
+  }
+});
+Object.defineProperty(exports, "TabList", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.TabList;
+  }
+});
+Object.defineProperty(exports, "TabPanel", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.TabPanel;
+  }
+});
+Object.defineProperty(exports, "TabPanels", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.TabPanels;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.default;
+  }
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function get() {
+    return _Text.default;
+  }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeProvider.default;
+  }
+});
+Object.defineProperty(exports, "createIcon", {
+  enumerable: true,
+  get: function get() {
+    return _react.createIcon;
+  }
+});
+Object.defineProperty(exports, "useBreakpointValue", {
+  enumerable: true,
+  get: function get() {
+    return _react.useBreakpointValue;
+  }
+});
+Object.defineProperty(exports, "useClipboard", {
+  enumerable: true,
+  get: function get() {
+    return _react.useClipboard;
+  }
+});
+Object.defineProperty(exports, "useControllableProp", {
+  enumerable: true,
+  get: function get() {
+    return _react.useControllableProp;
+  }
+});
+Object.defineProperty(exports, "useControllableState", {
+  enumerable: true,
+  get: function get() {
+    return _react.useControllableState;
+  }
+});
+Object.defineProperty(exports, "useDisclosure", {
+  enumerable: true,
+  get: function get() {
+    return _react.useDisclosure;
+  }
+});
+Object.defineProperty(exports, "useMediaQuery", {
+  enumerable: true,
+  get: function get() {
+    return _react.useMediaQuery;
+  }
+});
+Object.defineProperty(exports, "usePrefersReducedMotion", {
+  enumerable: true,
+  get: function get() {
+    return _react.usePrefersReducedMotion;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function get() {
+    return _react.useTheme;
+  }
+});
+Object.defineProperty(exports, "useToken", {
+  enumerable: true,
+  get: function get() {
+    return _react.useToken;
+  }
+});
+
+var _Accordion = _interopRequireWildcard(require("./Accordion"));
+
+var _Button = require("./Button");
+
+_Object$keys(_Button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Button[key];
+    }
+  });
+});
+
+var _Table = require("./Table");
+
+_Object$keys(_Table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Table[key];
+    }
+  });
+});
+
+var _Tabs = _interopRequireWildcard(require("./Tabs"));
+
+var _Select = _interopRequireDefault(require("./Select"));
+
+var _Link = _interopRequireDefault(require("./Link/Link"));
+
+var _Text = _interopRequireDefault(require("./Text/Text"));
+
+var _Grid = _interopRequireWildcard(require("./Grid"));
+
+var _List = _interopRequireWildcard(require("./List"));
+
+var _Spinner = _interopRequireDefault(require("./Spinner/Spinner"));
+
+var _Heading = _interopRequireDefault(require("./Heading/Heading"));
+
+var _Container = _interopRequireDefault(require("./Container/Container"));
+
+var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider/ThemeProvider"));
+
+var _Card = _interopRequireDefault(require("./Card/Card"));
+
+var _Icon = _interopRequireDefault(require("./Icon/Icon"));
+
+var _Image = _interopRequireDefault(require("./Image/Image"));
+
+var _Loader = _interopRequireDefault(require("./Loader/Loader"));
+
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+
+var _Input = _interopRequireDefault(require("./Input"));
+
+var _Popover = require("./Popover");
+
+var _Modal = require("./Modal");
+
+var _Radio = require("./Radio");
+
+var _react = require("@chakra-ui/react");
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/v2/components/styles.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function get() {
+    return _styles2.default;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button.default;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _styles5.default;
+  }
+});
+Object.defineProperty(exports, "GridItem", {
+  enumerable: true,
+  get: function get() {
+    return _GridItem.default;
+  }
+});
+Object.defineProperty(exports, "Heading", {
+  enumerable: true,
+  get: function get() {
+    return _Heading.default;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _styles7.default;
+  }
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function get() {
+    return _Link.default;
+  }
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: function get() {
+    return _styles.default;
+  }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function get() {
+    return _styles8.default;
+  }
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function get() {
+    return _styles6.default;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _styles9.default;
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _styles4.default;
+  }
+});
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function get() {
+    return _Spinner.default;
+  }
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _Table.default;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function get() {
+    return _styles3.default;
+  }
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function get() {
+    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 _styles3 = _interopRequireDefault(require("./Tabs/styles"));
+
+var _styles4 = _interopRequireDefault(require("./Select/styles"));
+
+var _styles5 = _interopRequireDefault(require("./Checkbox/styles"));
+
+var _styles6 = _interopRequireDefault(require("./Popover/styles"));
+
+var _styles7 = _interopRequireDefault(require("./Input/styles"));
+
+var _styles8 = _interopRequireDefault(require("./Modal/styles"));
+
+var _styles9 = _interopRequireDefault(require("./Radio/styles"));

package/v2/theme/base/breakpoints.js

@@ -0,0 +1,27 @@
+"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
+ */
+var breakpoints = (0, _themeTools.createBreakpoints)({
+  mobileXL: '30rem',
+  // 480px
+  tablet: '48rem',
+  // 768px
+  desktop: '64rem',
+  // 1024px
+  desktopXL: '90rem' // 1440px
+
+});
+var _default = breakpoints;
+exports.default = _default;