@spothero/ui 15.9.3 → 15.9.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "15.9.3",
+  "version": "15.9.4",
   "description": "SpotHero's React component UI library.",
   "main": "v2/index.js",
   "repository": "https://github.com/spothero/fe-monorepo",
@@ -164,4 +164,4 @@
     "react-redux": ">=7.0.0",
     "redux": ">=4.0.0"
   }
-}
+}

package/styles/v2/components/AutoSuggestSelect/AutoSuggestSelect.jsx

@@ -168,7 +168,7 @@ AutoSuggestSelect.propTypes = {
     placeholder: PropTypes.string,
     /** Optional helper text displayed below the select */
     helperText: PropTypes.string,
-    /** Error message that would dispplay under the select */
+    /** Error message that would display under the select */
     errorMessage: PropTypes.string,
     /** Boolean that sets whether the select is valid */
     isInvalid: PropTypes.bool,

package/styles/v2/components/Skeleton/Skeleton.stories.jsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import {Skeleton as Component, SkeletonCircle as CircleSkeleton, SkeletonText as TextSkeleton} from './index';
+
+export default {
+    title: 'v2/Skeleton',
+    component: Component,
+    parameters: {
+        removeBaseHtmlClass: true,
+        chakraLink: 'https://chakra-ui.com/docs/components/skeleton/',
+    },
+};
+
+const SkeletonTemplate = props => (
+    <Component {...props}>
+        Text
+    </Component>
+);
+
+const SkeletonCircleTemplate = props => (
+    <CircleSkeleton>
+        Text
+    </CircleSkeleton>
+)
+
+const SkeletonTextTemplate = props => (
+    <TextSkeleton>
+        Text
+    </TextSkeleton>
+)
+
+export const Skeleton = SkeletonTemplate.bind({});
+export const SkeletonCircle = SkeletonCircleTemplate.bind({})
+export const SkeletonText = SkeletonTextTemplate.bind({})

package/styles/v2/components/Skeleton/Skeleton.styles.js

@@ -0,0 +1,3 @@
+import chakraDefaultTheme from '@chakra-ui/theme';
+
+export default chakraDefaultTheme.components.Skeleton;

package/styles/v2/components/Skeleton/index.js

@@ -0,0 +1 @@
+export {Skeleton, SkeletonCircle, SkeletonText} from '@chakra-ui/react';

package/styles/v2/components/index.js

@@ -7,6 +7,7 @@ export {
 } from './Accordion';
 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';

package/styles/v2/components/styles.js

@@ -16,3 +16,4 @@ 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';