@spothero/ui 15.10.8 → 16.0.0-beta.0

package/styles/v2/components/index.js

@@ -1,70 +0,0 @@
-export {
-    AccordionIcon,
-    AccordionItem,
-    AccordionPanel,
-    AccordionButton,
-    default as Accordion,
-} from './Accordion';
-export {default as Alert} from './Alert';
-export * from './Button';
-export * from './Table';
-export * from './Skeleton';
-export {TabList, TabPanels, Tab, TabPanel, default as Tabs} from './Tabs';
-export {default as Select} from './Select';
-export {default as Switch} from './Switch';
-export {default as Link} from './Link/Link';
-export {default as Text} from './Text/Text';
-export {default as Grid, GridItem} from './Grid';
-export {default as List, ListItem} from './List';
-export {default as Spinner} from './Spinner/Spinner';
-export {default as Heading} from './Heading/Heading';
-export {default as Container} from './Container/Container';
-export {default as ThemeProvider} from './ThemeProvider/ThemeProvider';
-export {default as Card} from './Card/Card';
-export {default as Icon} from './Icon/Icon';
-export {default as Image} from './Image/Image';
-export {default as Loader} from './Loader/Loader';
-export {default as Checkbox} from './Checkbox';
-export {default as Input} from './Input';
-export {default as Divider} from './Divider/Divider';
-export {
-    Popover,
-    PopoverAnchor,
-    PopoverTrigger,
-    PopoverContent,
-} from './Popover';
-export {Modal} from './Modal';
-export {Radio, RadioGroup} from './Radio';
-export {AutoSuggestSelect} from './AutoSuggestSelect';
-export {default as Badge} from './Badge/Badge';
-
-// generic chakra reexports
-export {
-    Box,
-    Flex,
-    Fade,
-    Slide,
-    Portal,
-    HStack,
-    useToken,
-    useTheme,
-    ScaleFade,
-    SlideFade,
-    createIcon,
-    InputGroup,
-    Breadcrumb,
-    useClipboard,
-    useDisclosure,
-    useMediaQuery,
-    BreadcrumbItem,
-    BreadcrumbLink,
-    InputLeftAddon,
-    InputRightAddon,
-    InputLeftElement,
-    InputRightElement,
-    useBreakpointValue,
-    useControllableProp,
-    Input as BasicInput,
-    useControllableState,
-    usePrefersReducedMotion,
-} from '@chakra-ui/react';

package/styles/v2/components/styles.js

@@ -1,21 +0,0 @@
-export {default as List} from './List/styles';
-export {default as Table} from './Table/Table.styles';
-export {default as Text} from './Text/Text.styles';
-export {default as Link} from './Link/Link.styles';
-export {default as Accordion} from './Accordion/styles';
-export {default as Button} from './Button/Button.styles';
-export {default as GridItem} from './Grid/GridItem.styles';
-export {default as Spinner} from './Spinner/Spinner.styles';
-export {default as Heading} from './Heading/Heading.styles';
-export {default as Divider} from './Divider/Divider.styles';
-export {default as Tabs} from './Tabs/styles';
-export {default as Select} from './Select/styles';
-export {default as Checkbox} from './Checkbox/styles';
-export {default as Alert} from './Alert/styles';
-export {default as Switch} from './Switch/styles';
-export {default as Popover} from './Popover/styles';
-export {default as Input} from './Input/styles';
-export {default as Modal} from './Modal/styles';
-export {default as Radio} from './Radio/styles';
-export {default as Skeleton} from './Skeleton/Skeleton.styles';
-export {default as Badge} from './Badge/styles';

package/styles/v2/theme/global.js

@@ -1,118 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import {Global} from '@emotion/react';
-import {colors, fontSizes, fontWeights} from 'v2/theme/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',
-    },
-};
-
-export default global;
-
-export const Fonts = () => (
-    <Global
-        styles={`
-            @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
-            /* Copied from https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap */
-            /* latin-ext */
-            @font-face {
-                font-family: 'Open Sans';
-                font-style: normal;
-                font-weight: 700;
-                src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');
-                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: 'Open Sans';
-                font-style: normal;
-                font-weight: 600;
-                src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');
-                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: 'Open Sans';
-                font-style: normal;
-                font-weight: 400;
-                src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
-                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: 'Open Sans';
-                font-style: normal;
-                font-weight: 300;
-                src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');
-                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;
-            }
-        `}
-    />
-);
-
-export const LegacyOverrides = ({useLegacyOverrides}) =>
-    useLegacyOverrides ? (
-        <Global
-            styles={`
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        h6 {
-            margin-top: 0;
-            font-weight: ${fontWeights.semibold};
-        }
-
-        .heading-sm {
-            font-size: ${fontSizes.base};
-        }
-        .heading-md {
-            font-size: ${fontSizes.md};
-        }
-        .heading-lg {
-            font-size: ${fontSizes['5xl']};
-        }
-
-        p {
-            line-height: 1.5;
-        }
-
-        a {
-            outline: none;
-            text-align: left;
-            color: ${colors.primary.default};
-            text-decoration: none;
-
-            &:active,
-            &:focus {
-                outline: none;
-            }
-
-            &:hover {
-                color: ${colors.primary['700']};
-            }
-        }
-
-        small {
-            font-size: ${fontSizes.xs};
-        }
-
-        `}
-        />
-    ) : null;
-LegacyOverrides.propTypes = {
-    /** If true, this will use the old `spothero-html` base styles */
-    useLegacyOverrides: PropTypes.bool,
-};

package/styles/v2/theme/index.js

@@ -1,27 +0,0 @@
-import global from './global';
-import * as base from './base';
-// import merge from 'lodash/merge';
-import {extendTheme} from '@chakra-ui/react';
-import chakraDefaultTheme from '@chakra-ui/theme';
-
-import * as components from 'v2/components/styles';
-
-// 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,
-    },
-    remToPixels: (rem, baseSize = 16) =>
-        !rem ? 0 : `${baseSize * Number(rem.replace('rem', ''))}`,
-};
-
-// use this to override base themes from Chakra
-const baseConfig = {
-    ...chakraDefaultTheme,
-    ...base,
-    components,
-};
-
-export default extendTheme(extendedTheme, baseConfig);

package/styles/v2/utils/Spaces.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const Spaces = ({spaces = 3}) => (
-    <span
-        dangerouslySetInnerHTML={{
-            __html: Array(spaces).fill('&nbsp;').join(''),
-        }}
-    />
-);
-
-Spaces.propTypes = {
-    spaces: PropTypes.number,
-};
-
-export default Spaces;

package/v1/assets-manifest.json

@@ -1,5 +0,0 @@
-{
-  "index.html": "index.html",
-  "index.js.license.txt": "index.js.LICENSE.txt",
-  "main.js": "index.js"
-}

package/v1/index.html

@@ -1 +0,0 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><script defer="defer" src="/index.js"></script></head><body><div id="root"></div></body></html>