react-kofi-overlay 1.0.0 → 1.0.1

package/README.md

@@ -2,7 +2,7 @@
 
 [**Jump to usage**](#usage)
 
-A React component for accepting donations though Ko-fi without leaving your website:
+A React component for accepting donations though [Ko-fi](https://ko-fi.com/) without leaving your website:
 
 ![react-kofi-overlay example](img/example.gif)
 
@@ -22,7 +22,7 @@ To set up what Ko-fi calls their "[Floating Button Donation Widget](https://ko-f
 This has some limitations:
 
 - Only a few choices for button CTA (call-to-action text)
-- Limited selection of background color choices
+- Limited selection of background colors
 - Requires you to load a `<script>` tag from their CDN, which creates a global variable, and you then need to call a method on that global to render the donate button. Few potential issues with that:
   - Requires an extra network request on every page load
   - Doesn't work well with modern JS bundling + import/export syntax
@@ -70,7 +70,7 @@ import { Donate } from 'react-kofi-overlay'
 | Prop | Required | Type | Description |
 | ------------- | ------------- | ------------- | ------------- |
 | (children) | required | ReactNode | Contents of the donation button. Can be plain text or any React nodes that are valid children of a `<button>` element. |
-| `username` | required | string | Ko-fi profile to display in the donation panel. Corresponds to the page at `ko-fi.com/<username>` |
+| `username` | required | string | Ko-fi profile to display in the donation panel. Corresponds to the page at `ko-fi.com/<username>`. |
 | `classNames` | optional | object | Class names to apply to different parts of the component for styling. See [Styling](#styling) for more info. |
 | `styles` | optional | object | Inline styles to apply to different parts of the component for styling. See [Styling](#styling) for more info. |
 | `onToggle` | optional | function | Function to call when the donate panel is opened or closed. It receives one argument: a boolean `open` value that indicates if the panel was opened or closed. |
@@ -102,3 +102,6 @@ For local development of this plugin:
 
 To build: `npm run build`
 
+## Disclaimer
+
+This project is not endorsed by or affiliated with Ko-fi Labs, the company behind [Ko-fi](https://ko-fi.com/).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-kofi-overlay",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "React component for accepting donations though Ko-fi without leaving your website",
   "main": "dist/bundle.js",
   "types": "dist/index.d.ts",

package/src/Donate.module.scss

@@ -63,6 +63,7 @@ $default-color: #027CB1;
     translate: 33% -33%;
     border-radius: 100%;
     line-height: 0;
+    padding: 0.4rem;
     
     &:hover {
       background-color: mix(white, black, 90%);