switch classnames to classname

README.md

@@ -46,7 +46,7 @@ const Paragraph = ({ children, ...rest }) => {
   return <p {...rest}>{children}</p>;
 };
 
-Paragraph.defaultClassNames = "text-gray-800 font-sans mb-6";
+Paragraph.defaultClassName = "text-gray-800 font-sans mb-6";
 
 export default Paragraph;
 ```

demo/src/index.js

@@ -8,14 +8,14 @@ const Paragraph = ({ children, ...rest }) => {
   return <p {...rest}>{children}</p>;
 };
 
-Paragraph.defaultClassNames = "font-light text-lg tracking-wide mb-6 text-body";
+Paragraph.defaultClassName = "font-light text-lg tracking-wide mb-6 text-body";
 
 const Overload = withTailwindOverload(Paragraph);
 
 const Demo = () => {
   return (
     <div>
-      <h1>tailwind-overload Demo</h1>
+      <h1>tailwindcss-overload Demo</h1>
       <Overload className="text-gray-500 mb-2 text-md font-hairline">
         Inspect me and check out my classes!
       </Overload>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss-overload",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "tailwindcss-overload",
   "main": "lib/index.js",
   "module": "es/index.js",

src/index.js

@@ -14,7 +14,7 @@ export const overloadTailwind = (initialClasses, overloadClasses) => {
 export const withTailwindOverload = PassedComponent => {
   return ({ className, ...rest }) => {
     const overloadedClasses = overloadTailwind(
-      PassedComponent.defaultClassNames,
+      PassedComponent.defaultClassName,
       className
     );
     return <PassedComponent {...rest} className={overloadedClasses} />;

tests/integration-test.js

@@ -22,7 +22,7 @@ describe("withTailwindOverload", () => {
       return <p {...rest}>{children}</p>;
     };
 
-    TestComponent.defaultClassNames =
+    TestComponent.defaultClassName =
       "font-light text-lg tracking-wide mb-6 text-body";
 
     const Overloaded = withTailwindOverload(TestComponent);