diff --git a/README.md b/README.md index 99d8491..8370af8 100644 --- a/README.md +++ b/README.md @@ -46,7 +46,7 @@ const Paragraph = ({ children, ...rest }) => { return

{children}

; }; -Paragraph.defaultClassNames = "text-gray-800 font-sans mb-6"; +Paragraph.defaultClassName = "text-gray-800 font-sans mb-6"; export default Paragraph; ``` diff --git a/demo/src/index.js b/demo/src/index.js index cc51996..0a53b31 100644 --- a/demo/src/index.js +++ b/demo/src/index.js @@ -8,14 +8,14 @@ const Paragraph = ({ children, ...rest }) => { return

{children}

; }; -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 (
-

tailwind-overload Demo

+

tailwindcss-overload Demo

Inspect me and check out my classes! diff --git a/package.json b/package.json index ba8a718..9c498a7 100644 --- a/package.json +++ b/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", diff --git a/src/index.js b/src/index.js index 8b2df6a..65084da 100644 --- a/src/index.js +++ b/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 ; diff --git a/tests/integration-test.js b/tests/integration-test.js index b7e5e00..08aff4d 100644 --- a/tests/integration-test.js +++ b/tests/integration-test.js @@ -22,7 +22,7 @@ describe("withTailwindOverload", () => { return

{children}

; }; - TestComponent.defaultClassNames = + TestComponent.defaultClassName = "font-light text-lg tracking-wide mb-6 text-body"; const Overloaded = withTailwindOverload(TestComponent);