groovinads-ui 1.1.0 → 1.1.2

package/README.md

@@ -1,11 +1,13 @@
-<img src="assets/groovinads-logo.png" alt="Groovinads logo" width="200">
-
----
+<p align="center">
+    <a href="https://www.groovinads.com/">
+        <img src="https://ui.groovinads.com/assets/groovinads-logo.png" alt="Groovinads logo" width="200">
+    </a>
+</p>
 
 # Groovinads UI
 Groovinads UI is a React component library that provides ready-to-use UI elements based on the Groovinads UI kit. This library is designed to facilitate the implementation of common UI elements in Groovinads applications.
 
-## Included Components (v 1.1.0)
+## Included components
 
 The library includes the following components:
 
@@ -24,7 +26,7 @@ The library includes the following components:
 - **npm** (v18 or higher).
 - [Font Awesome](https://fontawesome.com/) icons must be included in the project.
 
-### Important: Use of additional CSS libraries
+### ⚠️ Important: Use of additional CSS libraries
 When utilizing external libraries that require additional CSS styles, it is important to ensure that these styles are not added directly to individual components.
 Instead, they should be included in the `index.html` file of your project. This ensures that all styles are loaded correctly and in the desired order. Specifically, make sure that the CSS file `https://ui.groovinads.com/styles.min.css` is the last one to be loaded to avoid style conflicts and ensure that the default Groovinads styles have the proper priority.
 
@@ -78,6 +80,8 @@ import { Button } from 'groovinads-ui';
 
 #### Checkbox
 ```jsx
+import { Checkbox } from 'groovinads-ui';
+
 <Checkbox
   className={'mb-5'}
   id={'checkbox'}
@@ -98,6 +102,8 @@ import { Button } from 'groovinads-ui';
 
 #### Input
 ```jsx
+import { Input } from 'groovinads-ui';
+
 <Input
   className={'mb-5'}
   helpText={'This is a help text'}
@@ -128,6 +134,8 @@ import { Button } from 'groovinads-ui';
 
 #### Radio
 ```jsx
+import { Radio } from 'groovinads-ui';
+
 <Radio
   className={'mb-5'}
   id={'radio'}
@@ -149,6 +157,8 @@ import { Button } from 'groovinads-ui';
 
 #### Switch
 ```jsx
+import { Switch } from 'groovinads-ui';
+
 <Switch
   className={'mb-5'}
   name={'switch'}
@@ -171,6 +181,8 @@ import { Button } from 'groovinads-ui';
 
 #### Textarea
 ```jsx
+import { Textarea } from 'groovinads-ui';
+
 <Textarea
   className={'mb-5'}
   label={'Textarea label'}
@@ -196,6 +208,8 @@ import { Button } from 'groovinads-ui';
 ### Labels
 #### LoginSource
 ```jsx
+import { LoginSource } from 'groovinads-ui';
+
 <LoginSource logo={'groovinads'} />
 ```
 
@@ -205,6 +219,8 @@ import { Button } from 'groovinads-ui';
 
 #### PillComponent
 ```jsx
+import { PillComponent } from 'groovinads-ui';
+
 <PillComponent color='green'>
     Active
 </PillComponent>
@@ -219,6 +235,8 @@ import { Button } from 'groovinads-ui';
 
 #### StatusIcon
 ```jsx
+import { StatusIcon } from 'groovinads-ui';
+
 <StatusIcon status={1} />
 ```
 | Property | Type | Options | Default | Description |

package/package.json

@@ -1,8 +1,19 @@
 {
   "name": "groovinads-ui",
-  "version": "1.1.0",
+  "description": "Groovinads UI is a React component library designed exclusively for Groovinads applications. It provides ready-to-use UI elements styled according to Groovinads design guidelines to facilitate rapid development.",
+  "version": "1.1.2",
+  "keywords": [
+    "css",
+    "sass",
+    "groovinads",
+    "responsive",
+    "front-end",
+    "components"
+  ],
+  "homepage": "https://www.groovinads.com/",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
+  "style": "https://ui.groovinads.com/styles.min.css",
   "repository": "git@bitbucket.org:groovinads/react-components.git",
   "author": "Pablo Piñero <pablo.piniero@groovinads.com>",
   "license": "MIT",