Typescript bundle fix

Author: ChrisUser

.storybook/main.ts

@@ -17,7 +17,6 @@ module.exports = {
         allowJs: false,
         jsx: "react",
         declaration: true,
-        moduleResolution: "node",
         forceConsistentCasingInFileNames: true,
         noImplicitReturns: true,
         noImplicitThis: true,
@@ -27,6 +26,7 @@ module.exports = {
         noUnusedLocals: false,
         noUnusedParameters: true,
         esModuleInterop: true,
+        typeRoots: ["../node_modules/@types", "../types"],
       },
     },
   },

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Cristiano Raimondi
+Copyright (c) 2022 Cristiano Raimondi
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-usage-bar",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Usage bar, graphic component for React",
   "main": "build/index.js",
   "module": "build/index.es.js",

src/UsageBarDark.stories.tsx

@@ -1,17 +1,17 @@
 import * as React from "react"
 import UsageBar from "./UsageBar"
 
-export default { 
-    title: "Usage Bar Dark",
-    component: UsageBar,
-    parameters: {}
-  }
+export default {
+  title: "Usage Bar Dark",
+  component: UsageBar,
+  parameters: {},
+}
 
 const items = [
   {
     name: "UI",
     value: 10,
-    color: "#E75D04",
+    color: "#E85D04",
   },
   {
     name: "Photos",
@@ -32,40 +32,40 @@ const items = [
 ]
 
 export const darkMode = () => (
-  <div style={{backgroundColor: '#212121'}}>
+  <div style={{ backgroundColor: "#212121" }}>
     <UsageBar darkMode items={items} total={100} />
   </div>
 )
 
 export const darkModeWithoutLabels = () => (
-    <div style={{backgroundColor: '#212121'}}>
-      <UsageBar removeLabels darkMode items={items} total={100} />
-    </div>
-  )
+  <div style={{ backgroundColor: "#212121" }}>
+    <UsageBar removeLabels darkMode items={items} total={100} />
+  </div>
+)
 
 export const darkModeWithPercentages = () => (
-    <div style={{backgroundColor: '#212121'}}>
-        <UsageBar showPercentage darkMode items={items} total={100} />
-    </div>
+  <div style={{ backgroundColor: "#212121" }}>
+    <UsageBar showPercentage darkMode items={items} total={100} />
+  </div>
 )
 
 export const darkModeCompact = () => (
-    <div style={{backgroundColor: '#212121'}}>
-        <UsageBar showPercentage compactLayout darkMode items={items} total={100} />
-    </div>
+  <div style={{ backgroundColor: "#212121" }}>
+    <UsageBar showPercentage compactLayout darkMode items={items} total={100} />
+  </div>
 )
 
 export const darkModeCompactWithoutLabels = () => (
-    <div style={{backgroundColor: '#212121'}}>
-        <UsageBar removeLabels compactLayout darkMode items={items} total={100} />
-    </div>
+  <div style={{ backgroundColor: "#212121" }}>
+    <UsageBar removeLabels compactLayout darkMode items={items} total={100} />
+  </div>
 )
 
 export const error = () => (
-    <>
-        <p>If sum of values exceeds total.</p>
-        <div style={{backgroundColor: '#212121'}}>
-            <UsageBar items={items} total={50} />
-        </div>
-    </>
+  <>
+    <p>If sum of values exceeds total.</p>
+    <div style={{ backgroundColor: "#212121" }}>
+      <UsageBar items={items} total={50} />
+    </div>
+  </>
 )

types/types.d.ts

@@ -0,0 +1 @@
+declare module "react-usage-bar"