Merge pull request #239 from aVileBroker/238-code-sandbox

#238 ci(codesandbox): add empty codesandbox CI config

.codesandbox/ci.json

@@ -0,0 +1,5 @@
+{
+  "buildCommand": "predeploy",
+  "sandboxes": ["new"],
+  "node": "14"
+}

package.json

@@ -118,7 +118,7 @@
   },
   "scripts": {
     "bundle": "yarn run clean && yarn run webpack && yarn run dts",
-    "predeploy": "cd example && yarn install && yarn run bundle && yarn run build-storybook",
+    "predeploy": "yarn install && yarn run bundle && yarn run build-storybook",
     "start": "start-storybook -p 9009 -s public",
     "build-storybook": "build-storybook -c .storybook -o docs",
     "lint": "eslint src/**/*.tsx src/**/*.ts --ignore-pattern *.css --fix",

src/components/Modal/Modal.tsx

@@ -148,17 +148,17 @@ const Modal = ({
     ...animationSpringConfig,
   });
 
-  const escFunction = useCallback((event) => {
-    if(event.keyCode === 27) {
+  const escFunction = useCallback(event => {
+    if (event.keyCode === 27) {
       onClickOutside();
     }
   }, []);
 
   useEffect(() => {
-    document.addEventListener("keydown", escFunction, false);
+    document.addEventListener('keydown', escFunction, false);
 
     return () => {
-      document.removeEventListener("keydown", escFunction, false);
+      document.removeEventListener('keydown', escFunction, false);
     };
   }, []);
 

src/components/Text/Text.tsx

@@ -1,4 +1,4 @@
-import React, {ReactNode, RefObject } from 'react';
+import React, { ReactNode, RefObject } from 'react';
 import styled, { StyledComponentBase } from 'styled-components';
 
 import Icon from '@mdi/react';

src/utils/styles.ts

@@ -56,7 +56,7 @@ export const getShadowStyle = (elevation = 0, shadowColor: string) => {
   if (elevation === 0) {
     return shadowStyle;
   }
-  
+
   const { red, green, blue } = parseToRgb(shadowColor);
   const { xOffset, yOffset, blur, opacity } = calculateElevationValues(elevation);