reactive-bulma 1.19.0 → 1.20.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2022 Nicolás Omar González Passerino
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2022 Nicolás Omar González Passerino
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,197 +1,197 @@
-<p align="center">
-  <a href="https://reactivebulma.netlify.app">
-    <img width="75" src="https://cdn.svgporn.com/logos/react.svg">
-    <img width="50" src="https://cdn.svgporn.com/logos/bulma.svg">
-  </a>
-</p>
-
-<h1 align="center">Reactive Bulma</h1>
-
-<div align="center">
-
-Component library based on React, Bulma, Typescript and Rollup
-
-<div align="left">
-
-## Table of contents
-
-- [Status](#status)
-- [Purpose](#purpose)
-- [Dependencies](#dependencies)
-- [Quick start](#quick-start)
-- [Folder structure](#folder-structure)
-- [Documentation](#documentation)
-- [Usage](#usage)
-- [Versioning](#versioning)
-- [Roadmap](#roadmap)
-- [Changelog](#changelog)
-- [Credit](#credit)
-- [License](#license)
-
-## Purpose
-After studying [a Udemy course about Typescript](https://github.com/NicolasOmar/typescript-practice), I wanted to start a new project to practice my new knowledge in a meaningful tool. Therefore, I started this project to understand how to create a component library and investigate the best ways to maintain and nourish it as any professional-level alternatives.
-
-## Status
-
-![Npm Version][badge-npm-version]
-![Npm Bundle Size][badge-npm-size]
-[![Npm Downloads][badge-npm-downloads]][link-npm-downloads]
-[![Netlify Status][badge-netlify-status]][link-netlify-status]
-[![Code Coverage][badge-code-coverage]][link-code-coverage]
-[![Quality Gate Status][badge-soundcloud-quality]][link-soundcloud-status]
-[![Maintainability Rating][badge-soundcloud-maintanibility]][link-soundcloud-status]
-[![Security Rating][badge-soundcloud-security]][link-soundcloud-status]
-[![Technical Debt][badge-soundcloud-tech-debt]][link-soundcloud-status]
-[![Known Vulnerabilities][badge-snyk-status]][link-snyk-status]
-![GitHub Repo stars][badge-github-repo-stars]
-![GitHub commit activity][badge-github-commits]
-![GitHub last commit][badge-github-last-commit]
-[![Semantic Commits][badge-semantic-commits]][link-semantic-commits]
-
-[badge-npm-version]: https://img.shields.io/github/package-json/v/nicolasomar/reactive-bulma?label=npm%20version&logo=npm&labelColor=535353&color=success&style=flat
-[badge-npm-size]: https://img.shields.io/bundlephobia/min/reactive-bulma?label=bundle%20size&labelColor=535353&logo=npm&style=flat
-[badge-npm-downloads]: https://img.shields.io/npm/dm/reactive-bulma?label=downloads&labelColor=535353&style=flat&logo=npm
-[link-npm-downloads]: https://www.npmjs.com/package/reactive-bulma?activeTab=versions
-[badge-netlify-status]: https://api.netlify.com/api/v1/badges/3101f2b5-0e28-4734-b749-ebb0e3e413c6/deploy-status
-[link-netlify-status]: https://app.netlify.com/sites/reactivebulma/deploys
-[badge-code-coverage]: https://img.shields.io/codecov/c/github/nicolasomar/reactive-bulma?label=coverage&labelColor=535353&logo=codecov&style=flat
-[link-code-coverage]: https://app.codecov.io/gh/NicolasOmar/reactive-bulma
-[badge-soundcloud-quality]: https://sonarcloud.io/api/project_badges/measure?project=NicolasOmar_reactive-bulma&metric=alert_status
-[badge-soundcloud-maintanibility]: https://sonarcloud.io/api/project_badges/measure?project=NicolasOmar_reactive-bulma&metric=sqale_rating
-[badge-soundcloud-security]: https://sonarcloud.io/api/project_badges/measure?project=NicolasOmar_reactive-bulma&metric=security_rating
-[badge-soundcloud-tech-debt]: https://sonarcloud.io/api/project_badges/measure?project=NicolasOmar_reactive-bulma&metric=sqale_index
-[link-soundcloud-status]: https://sonarcloud.io/summary/new_code?id=NicolasOmar_reactive-bulma
-[badge-snyk-status]: https://img.shields.io/snyk/vulnerabilities/github/nicolasomar/reactive-bulma?logo=snyk
-[link-snyk-status]: https://snyk.io/test/github/nicolasomar/reactive-bulma
-[badge-github-repo-stars]: https://img.shields.io/github/stars/nicolasomar/reactive-bulma?label=stars&logo=github&labelColor=535353&style=flat
-[badge-github-commits]: https://img.shields.io/github/commit-activity/m/nicolasomar/reactive-bulma?logo=github
-[badge-github-last-commit]: https://img.shields.io/github/last-commit/nicolasomar/reactive-bulma?logo=github
-[badge-semantic-commits]: https://img.shields.io/badge/using-conventional%20commits-e10079?logo=conventional-commits
-[link-semantic-commits]: https://github.com/semantic-release/semantic-release
-
-## Dependencies
-
-![react dependency][badge-dependency-react]
-![bulma dependency][badge-dependency-bulma]
-![material design dependency][badge-dependency-material-design]
-![typescript dependency][badge-dependency-typescript]
-![rollup dependency][badge-dependency-rollup]
-![storybook dependency][badge-dependency-storybook]
-![semantic release dependency][badge-dependency-semantic-release]
-![babel dependency][badge-dependency-babel]
-![jest dependency][badge-dependency-jest]
-![react testing library dependency][badge-dependency-react-testing]
-![prettier dependency][badge-dependency-prettier]
-![eslint dependency][badge-dependency-eslint]
-![husky dependency][badge-dependency-husky]
-
-[badge-dependency-react]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/react/main?logo=react
-[badge-dependency-bulma]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/bulma/main?logo=bulma
-[badge-dependency-material-design]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/@mdi/font/main?logo=materialdesignicons
-[badge-dependency-typescript]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/typescript/main?logo=typescript
-[badge-dependency-rollup]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/rollup/main?logo=rollup.js
-[badge-dependency-storybook]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/storybook/main?logo=storybook
-[badge-dependency-semantic-release]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/semantic-release/main?logo=semantic-release
-[badge-dependency-babel]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/@babel/core/main?logo=babel
-[badge-dependency-jest]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/jest/main?logo=jest
-[badge-dependency-react-testing]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/@testing-library/react/main?logo=testing-library
-[badge-dependency-prettier]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/prettier/main?logo=prettier
-[badge-dependency-eslint]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/eslint/main?logo=eslint
-[badge-dependency-husky]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/husky/main?logo=husky
-
-## Quick start
-
-Several quick start options are available:
-
-- Clone the repo: `git clone https://github.com/NicolasOmar/reactive-bulma.git`
-- Install with [npm](https://www.npmjs.com/package/reactive-bulma): `npm install reactive-bulma@latest`
-  - Before cloning this repo, I recommend installing [Node](https://nodejs.org/en/download/) `>=18` to install packages.
-
-## Folder structure
-
-In case you have cloned the repo, it will show you the following folders:
-- `.github:` [Github Actions](https://github.com/features/actions/) files used to run post-merge.commits like unit test coverage collection.
-- `.husky:` Dedicated to [Husky](https://typicode.github.io/husky/) configuration files.
-- `.storybook:` Dedicated to [Storybook](https://storybook.js.org/) configuration files.
-- `src:`
-  - `components:` Location of all used components, using [Atomic Design hierarchy structure](https://atomicdesign.bradfrost.com/chapter-2/)
-    - `atoms` (from `v1.0.0`).
-    - `molecules` (from `v2.0.0`).
-    - `organisms` (from `v3.0.0`).
-
-## Documentation
-
-Reactive bulma's documentation, included in this repo in the root directory, is built with [Storybook](https://storybook.js.org/) and publicly hosted on `Netlify` at <https://reactivebulma.netlify.app/>. The docs may also be run locally.
-
-### Running documentation locally
-- Go to `reactive-bulma` folder (where you cloned the repo before).
-- Run `npm install` to install the Node.js dependencies, including Storybook (the site builder).
-- Run `npm start`.
-- Wait until a new tab opens with url <http://localhost:6006/> in your browser. 
-  - In case you want to initiate it on the background, you can run `npm run start:cli`.
-
-Learn more about using `Storybook` by reading its [documentation](https://storybook.js.org/docs/react/get-started/install).
-
-## Usage
-```jsx
-import React from 'react'
-import { Button } from 'reactive-bulma'
-
-const App = () => (
-  <Button text="This is a test" />
-);
-```
-To see all component's variants and its code snippets, go to [Documentation](#documentation) section
-
-## Versioning
-
-After investigating [semantic-release documentation](https://semantic-release.gitbook.io/semantic-release/) (reffer to [#3](https://github.com/NicolasOmar/reactive-bulma/issues/3)) and having a problematic implementation, I decided to change version meaning for this project with the following:
-- Major versions (`1.0.0`, `2.0.0` and beyond) will reffer to milestones/version achievement.
-- Minor versions (`1.1.0`, `1.2.0` and so on) will reffer to branch/story completition.
-- Patch versions (`1.0.1`, `1.0.2` and so on) will reffer to bugfixes only.
-
-In case you are interested in check current project's status, you can go to [Roadmap](#roadmap) section.
-
-### Branching
-
-Giving the mentioned release logic, `main` is the only static branch, and each developed feature or fix will have an unique branch with its PR and a merge commit following [semantic versioning](https://semver.org/) and [semantic commits](https://github.com/semantic-release/semantic-release#commit-message-format) specifications.
-
-## Roadmap
-
-Having in mind the [versioning section](#versioning), repo's status in a glance can be observed in this table.
-
-| Version | Progress | Open issues | Closed issues
-| :---: | :---: | :---: | :---: |
-| `v1.0.0` | ![v1.0.0, progress][badge-progress-100] | ![v1.0.0, open][badge-issues-open-100] | ![v1.0.0, closed][badge-issues-closed-100] |
-| `v2.0.0` | ![v2.0.0, progress][badge-progress-200] | ![v2.0.0, open][badge-issues-open-200] | ![v2.0.0, closed][badge-issues-closed-200] |
-| `v3.0.0` | ![v3.0.0, progress][badge-progress-300] | ![v3.0.0, open][badge-issues-open-300] | ![v3.0.0, closed][badge-issues-closed-300] |
-| `v4.0.0` | ![v4.0.0, progress][badge-progress-400] | ![v4.0.0, open][badge-issues-open-400] | ![v4.0.0, closed][badge-issues-closed-400] |
-
-[badge-progress-100]: https://img.shields.io/github/milestones/progress-percent/nicolasomar/reactive-bulma/1?label=%20&style=flat&color=informational
-[badge-issues-open-100]: https://img.shields.io/github/milestones/issues-open/nicolasomar/reactive-bulma/1?label=%20&style=flat&color=orange
-[badge-issues-closed-100]: https://img.shields.io/github/milestones/issues-closed/nicolasomar/reactive-bulma/1?label=%20&style=flat&color=success
-[badge-progress-200]: https://img.shields.io/github/milestones/progress-percent/nicolasomar/reactive-bulma/2?label=%20&style=flat&color=informational
-[badge-issues-open-200]: https://img.shields.io/github/milestones/issues-open/nicolasomar/reactive-bulma/2?label=%20&style=flat&color=orange
-[badge-issues-closed-200]: https://img.shields.io/github/milestones/issues-closed/nicolasomar/reactive-bulma/2?label=%20&style=flat&color=success
-[badge-progress-300]: https://img.shields.io/github/milestones/progress-percent/nicolasomar/reactive-bulma/3?label=%20&style=flat&color=informational
-[badge-issues-open-300]: https://img.shields.io/github/milestones/issues-open/nicolasomar/reactive-bulma/3?label=%20&style=flat&color=orange
-[badge-issues-closed-300]: https://img.shields.io/github/milestones/issues-closed/nicolasomar/reactive-bulma/3?label=%20&style=flat&color=success
-[badge-progress-400]: https://img.shields.io/github/milestones/progress-percent/nicolasomar/reactive-bulma/4?label=%20&style=flat&color=informational
-[badge-issues-open-400]: https://img.shields.io/github/milestones/issues-open/nicolasomar/reactive-bulma/4?label=%20&style=flat&color=orange
-[badge-issues-closed-400]: https://img.shields.io/github/milestones/issues-closed/nicolasomar/reactive-bulma/4?label=%20&style=flat&color=success
-
-In case you want the short-term status, go to the [project board](https://github.com/users/NicolasOmar/projects/3) (powered by `GitHub Projects`).
-
-In case you want the detailed list of current and future features, go to the [roadmap document](https://docs.google.com/document/d/1kWX-dDTD-cQUeB_Vbu0K6xRvtHaSA38h76yQnhiCe9U).
-
-## Changelog
-
-The [changelog](https://github.com/NicolasOmar/reactive-bulma/blob/main/CHANGELOG.md) (powered by `semantic-release`) is regularly updated to reflect what's changed in each new release.
-
-## Credit
-
-Bulma was beautifully crafted by [@jgthms](https://github.com/jgthms)
-
-## License
-
+<p align="center">
+  <a href="https://reactivebulma.netlify.app">
+    <img width="75" src="https://cdn.svgporn.com/logos/react.svg">
+    <img width="50" src="https://cdn.svgporn.com/logos/bulma.svg">
+  </a>
+</p>
+
+<h1 align="center">Reactive Bulma</h1>
+
+<div align="center">
+
+Component library based on React, Bulma, Typescript and Rollup
+
+<div align="left">
+
+## Table of contents
+
+- [Status](#status)
+- [Purpose](#purpose)
+- [Dependencies](#dependencies)
+- [Quick start](#quick-start)
+- [Folder structure](#folder-structure)
+- [Documentation](#documentation)
+- [Usage](#usage)
+- [Versioning](#versioning)
+- [Roadmap](#roadmap)
+- [Changelog](#changelog)
+- [Credit](#credit)
+- [License](#license)
+
+## Purpose
+After studying [a Udemy course about Typescript](https://github.com/NicolasOmar/typescript-practice), I wanted to start a new project to practice my new knowledge in a meaningful tool. Therefore, I started this project to understand how to create a component library and investigate the best ways to maintain and nourish it as any professional-level alternatives.
+
+## Status
+
+![Npm Version][badge-npm-version]
+![Npm Bundle Size][badge-npm-size]
+[![Npm Downloads][badge-npm-downloads]][link-npm-downloads]
+[![Netlify Status][badge-netlify-status]][link-netlify-status]
+[![Code Coverage][badge-code-coverage]][link-code-coverage]
+[![Quality Gate Status][badge-soundcloud-quality]][link-soundcloud-status]
+[![Maintainability Rating][badge-soundcloud-maintanibility]][link-soundcloud-status]
+[![Security Rating][badge-soundcloud-security]][link-soundcloud-status]
+[![Technical Debt][badge-soundcloud-tech-debt]][link-soundcloud-status]
+[![Known Vulnerabilities][badge-snyk-status]][link-snyk-status]
+![GitHub Repo stars][badge-github-repo-stars]
+![GitHub commit activity][badge-github-commits]
+![GitHub last commit][badge-github-last-commit]
+[![Semantic Commits][badge-semantic-commits]][link-semantic-commits]
+
+[badge-npm-version]: https://img.shields.io/github/package-json/v/nicolasomar/reactive-bulma?label=npm%20version&logo=npm&labelColor=535353&color=success&style=flat
+[badge-npm-size]: https://img.shields.io/bundlephobia/min/reactive-bulma?label=bundle%20size&labelColor=535353&logo=npm&style=flat
+[badge-npm-downloads]: https://img.shields.io/npm/dm/reactive-bulma?label=downloads&labelColor=535353&style=flat&logo=npm
+[link-npm-downloads]: https://www.npmjs.com/package/reactive-bulma?activeTab=versions
+[badge-netlify-status]: https://api.netlify.com/api/v1/badges/3101f2b5-0e28-4734-b749-ebb0e3e413c6/deploy-status
+[link-netlify-status]: https://app.netlify.com/sites/reactivebulma/deploys
+[badge-code-coverage]: https://img.shields.io/codecov/c/github/nicolasomar/reactive-bulma?label=coverage&labelColor=535353&logo=codecov&style=flat
+[link-code-coverage]: https://app.codecov.io/gh/NicolasOmar/reactive-bulma
+[badge-soundcloud-quality]: https://sonarcloud.io/api/project_badges/measure?project=NicolasOmar_reactive-bulma&metric=alert_status
+[badge-soundcloud-maintanibility]: https://sonarcloud.io/api/project_badges/measure?project=NicolasOmar_reactive-bulma&metric=sqale_rating
+[badge-soundcloud-security]: https://sonarcloud.io/api/project_badges/measure?project=NicolasOmar_reactive-bulma&metric=security_rating
+[badge-soundcloud-tech-debt]: https://sonarcloud.io/api/project_badges/measure?project=NicolasOmar_reactive-bulma&metric=sqale_index
+[link-soundcloud-status]: https://sonarcloud.io/summary/new_code?id=NicolasOmar_reactive-bulma
+[badge-snyk-status]: https://img.shields.io/snyk/vulnerabilities/github/nicolasomar/reactive-bulma?logo=snyk
+[link-snyk-status]: https://snyk.io/test/github/nicolasomar/reactive-bulma
+[badge-github-repo-stars]: https://img.shields.io/github/stars/nicolasomar/reactive-bulma?label=stars&logo=github&labelColor=535353&style=flat
+[badge-github-commits]: https://img.shields.io/github/commit-activity/m/nicolasomar/reactive-bulma?logo=github
+[badge-github-last-commit]: https://img.shields.io/github/last-commit/nicolasomar/reactive-bulma?logo=github
+[badge-semantic-commits]: https://img.shields.io/badge/using-conventional%20commits-e10079?logo=conventional-commits
+[link-semantic-commits]: https://github.com/semantic-release/semantic-release
+
+## Dependencies
+
+![react dependency][badge-dependency-react]
+![bulma dependency][badge-dependency-bulma]
+![material design dependency][badge-dependency-material-design]
+![typescript dependency][badge-dependency-typescript]
+![rollup dependency][badge-dependency-rollup]
+![storybook dependency][badge-dependency-storybook]
+![semantic release dependency][badge-dependency-semantic-release]
+![babel dependency][badge-dependency-babel]
+![jest dependency][badge-dependency-jest]
+![react testing library dependency][badge-dependency-react-testing]
+![prettier dependency][badge-dependency-prettier]
+![eslint dependency][badge-dependency-eslint]
+![husky dependency][badge-dependency-husky]
+
+[badge-dependency-react]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/react/main?logo=react
+[badge-dependency-bulma]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/bulma/main?logo=bulma
+[badge-dependency-material-design]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/@mdi/font/main?logo=materialdesignicons
+[badge-dependency-typescript]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/typescript/main?logo=typescript
+[badge-dependency-rollup]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/rollup/main?logo=rollup.js
+[badge-dependency-storybook]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/storybook/main?logo=storybook
+[badge-dependency-semantic-release]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/semantic-release/main?logo=semantic-release
+[badge-dependency-babel]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/@babel/core/main?logo=babel
+[badge-dependency-jest]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/jest/main?logo=jest
+[badge-dependency-react-testing]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/@testing-library/react/main?logo=testing-library
+[badge-dependency-prettier]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/prettier/main?logo=prettier
+[badge-dependency-eslint]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/eslint/main?logo=eslint
+[badge-dependency-husky]: https://img.shields.io/github/package-json/dependency-version/nicolasomar/reactive-bulma/dev/husky/main?logo=husky
+
+## Quick start
+
+Several quick start options are available:
+
+- Clone the repo: `git clone https://github.com/NicolasOmar/reactive-bulma.git`
+- Install with [npm](https://www.npmjs.com/package/reactive-bulma): `npm install reactive-bulma@latest`
+  - Before cloning this repo, I recommend installing [Node](https://nodejs.org/en/download/) `>=18` to install packages.
+
+## Folder structure
+
+In case you have cloned the repo, it will show you the following folders:
+- `.github:` [Github Actions](https://github.com/features/actions/) files used to run post-merge.commits like unit test coverage collection.
+- `.husky:` Dedicated to [Husky](https://typicode.github.io/husky/) configuration files.
+- `.storybook:` Dedicated to [Storybook](https://storybook.js.org/) configuration files.
+- `src:`
+  - `components:` Location of all used components, using [Atomic Design hierarchy structure](https://atomicdesign.bradfrost.com/chapter-2/)
+    - `atoms` (from `v1.0.0`).
+    - `molecules` (from `v2.0.0`).
+    - `organisms` (from `v3.0.0`).
+
+## Documentation
+
+Reactive bulma's documentation, included in this repo in the root directory, is built with [Storybook](https://storybook.js.org/) and publicly hosted on `Netlify` at <https://reactivebulma.netlify.app/>. The docs may also be run locally.
+
+### Running documentation locally
+- Go to `reactive-bulma` folder (where you cloned the repo before).
+- Run `npm install` to install the Node.js dependencies, including Storybook (the site builder).
+- Run `npm start`.
+- Wait until a new tab opens with url <http://localhost:6006/> in your browser. 
+  - In case you want to initiate it on the background, you can run `npm run start:cli`.
+
+Learn more about using `Storybook` by reading its [documentation](https://storybook.js.org/docs/react/get-started/install).
+
+## Usage
+```jsx
+import React from 'react'
+import { Button } from 'reactive-bulma'
+
+const App = () => (
+  <Button text="This is a test" />
+);
+```
+To see all component's variants and its code snippets, go to [Documentation](#documentation) section
+
+## Versioning
+
+After investigating [semantic-release documentation](https://semantic-release.gitbook.io/semantic-release/) (reffer to [#3](https://github.com/NicolasOmar/reactive-bulma/issues/3)) and having a problematic implementation, I decided to change version meaning for this project with the following:
+- Major versions (`1.0.0`, `2.0.0` and beyond) will reffer to milestones/version achievement.
+- Minor versions (`1.1.0`, `1.2.0` and so on) will reffer to branch/story completition.
+- Patch versions (`1.0.1`, `1.0.2` and so on) will reffer to bugfixes only.
+
+In case you are interested in check current project's status, you can go to [Roadmap](#roadmap) section.
+
+### Branching
+
+Giving the mentioned release logic, `main` is the only static branch, and each developed feature or fix will have an unique branch with its PR and a merge commit following [semantic versioning](https://semver.org/) and [semantic commits](https://github.com/semantic-release/semantic-release#commit-message-format) specifications.
+
+## Roadmap
+
+Having in mind the [versioning section](#versioning), repo's status in a glance can be observed in this table.
+
+| Version | Progress | Open issues | Closed issues
+| :---: | :---: | :---: | :---: |
+| `v1.0.0` | ![v1.0.0, progress][badge-progress-100] | ![v1.0.0, open][badge-issues-open-100] | ![v1.0.0, closed][badge-issues-closed-100] |
+| `v2.0.0` | ![v2.0.0, progress][badge-progress-200] | ![v2.0.0, open][badge-issues-open-200] | ![v2.0.0, closed][badge-issues-closed-200] |
+| `v3.0.0` | ![v3.0.0, progress][badge-progress-300] | ![v3.0.0, open][badge-issues-open-300] | ![v3.0.0, closed][badge-issues-closed-300] |
+| `v4.0.0` | ![v4.0.0, progress][badge-progress-400] | ![v4.0.0, open][badge-issues-open-400] | ![v4.0.0, closed][badge-issues-closed-400] |
+
+[badge-progress-100]: https://img.shields.io/github/milestones/progress-percent/nicolasomar/reactive-bulma/1?label=%20&style=flat&color=informational
+[badge-issues-open-100]: https://img.shields.io/github/milestones/issues-open/nicolasomar/reactive-bulma/1?label=%20&style=flat&color=orange
+[badge-issues-closed-100]: https://img.shields.io/github/milestones/issues-closed/nicolasomar/reactive-bulma/1?label=%20&style=flat&color=success
+[badge-progress-200]: https://img.shields.io/github/milestones/progress-percent/nicolasomar/reactive-bulma/2?label=%20&style=flat&color=informational
+[badge-issues-open-200]: https://img.shields.io/github/milestones/issues-open/nicolasomar/reactive-bulma/2?label=%20&style=flat&color=orange
+[badge-issues-closed-200]: https://img.shields.io/github/milestones/issues-closed/nicolasomar/reactive-bulma/2?label=%20&style=flat&color=success
+[badge-progress-300]: https://img.shields.io/github/milestones/progress-percent/nicolasomar/reactive-bulma/3?label=%20&style=flat&color=informational
+[badge-issues-open-300]: https://img.shields.io/github/milestones/issues-open/nicolasomar/reactive-bulma/3?label=%20&style=flat&color=orange
+[badge-issues-closed-300]: https://img.shields.io/github/milestones/issues-closed/nicolasomar/reactive-bulma/3?label=%20&style=flat&color=success
+[badge-progress-400]: https://img.shields.io/github/milestones/progress-percent/nicolasomar/reactive-bulma/4?label=%20&style=flat&color=informational
+[badge-issues-open-400]: https://img.shields.io/github/milestones/issues-open/nicolasomar/reactive-bulma/4?label=%20&style=flat&color=orange
+[badge-issues-closed-400]: https://img.shields.io/github/milestones/issues-closed/nicolasomar/reactive-bulma/4?label=%20&style=flat&color=success
+
+In case you want the short-term status, go to the [project board](https://github.com/users/NicolasOmar/projects/3) (powered by `GitHub Projects`).
+
+In case you want the detailed list of current and future features, go to the [roadmap document](https://docs.google.com/document/d/1kWX-dDTD-cQUeB_Vbu0K6xRvtHaSA38h76yQnhiCe9U).
+
+## Changelog
+
+The [changelog](https://github.com/NicolasOmar/reactive-bulma/blob/main/CHANGELOG.md) (powered by `semantic-release`) is regularly updated to reflect what's changed in each new release.
+
+## Credit
+
+Bulma was beautifully crafted by [@jgthms](https://github.com/jgthms)
+
+## License
+
 Code released under the [MIT License](https://github.com/nicolasomar/reactive-bulma/blob/main/LICENSE).

package/dist/cjs/types/components/atoms/Checkbox/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CheckboxProps } from '../../../interfaces/atomProps';
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

package/dist/cjs/types/interfaces/atomProps.d.ts

@@ -121,4 +121,9 @@ export interface FileProps extends BasicProps {
     size?: basicSizeType;
     onClick?: () => void;
 }
+export interface CheckboxProps extends BasicProps {
+    content?: string | React.ReactElement;
+    isDisabled?: boolean;
+    onChange?: () => void;
+}
 export {};

package/dist/esm/types/components/atoms/Checkbox/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CheckboxProps } from '../../../interfaces/atomProps';
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

package/dist/esm/types/interfaces/atomProps.d.ts

@@ -121,4 +121,9 @@ export interface FileProps extends BasicProps {
     size?: basicSizeType;
     onClick?: () => void;
 }
+export interface CheckboxProps extends BasicProps {
+    content?: string | React.ReactElement;
+    isDisabled?: boolean;
+    onChange?: () => void;
+}
 export {};

package/package.json

@@ -1,106 +1,106 @@
-{
-  "name": "reactive-bulma",
-  "version": "1.19.0",
-  "description": "A typescript-react-based component library based on bulma",
-  "keywords": [
-    "typescript",
-    "react",
-    "bulma",
-    "rollup",
-    "semantic-release",
-    "jest",
-    "prettier",
-    "eslint",
-    "husky",
-    "component-library"
-  ],
-  "author": "Nicolás Omar González Passerino",
-  "license": "MIT",
-  "homepage": "https://github.com/NicolasOmar/reactive-bulma#readme",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/NicolasOmar/reactive-bulma.git"
-  },
-  "bugs": {
-    "url": "https://github.com/NicolasOmar/reactive-bulma/issues"
-  },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "files": [
-    "dist"
-  ],
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "start": "storybook dev -p 6006",
-    "start:cli": "npm start -- --no-open",
-    "test": "jest --watchAll=false --verbose",
-    "test:ci": "npm test -- --coverage",
-    "lint": "eslint src/**/*.tsx",
-    "prettier": "prettier src/**/*.{tsx,ts} --write",
-    "lint-staged": "lint-staged -v",
-    "setup": "npm i && husky install",
-    "prepare": "npm run build",
-    "build": "rollup -c --bundleConfigAsCjs",
-    "build:storybook": "storybook build",
-    "semantic-release": "semantic-release"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.22.5",
-    "@babel/preset-env": "^7.22.5",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.5",
-    "@mdi/font": "^7.2.96",
-    "@rollup/plugin-commonjs": "^25.0.2",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-typescript": "^11.1.2",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/commit-analyzer": "^10.0.1",
-    "@semantic-release/exec": "^6.0.3",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^9.0.3",
-    "@semantic-release/npm": "^10.0.4",
-    "@semantic-release/release-notes-generator": "^11.0.3",
-    "@storybook/addon-actions": "^7.0.25",
-    "@storybook/addon-essentials": "^7.0.25",
-    "@storybook/addon-interactions": "^7.0.25",
-    "@storybook/addon-links": "^7.0.25",
-    "@storybook/addon-mdx-gfm": "^7.0.25",
-    "@storybook/cli": "^7.0.25",
-    "@storybook/react": "^7.0.25",
-    "@storybook/react-webpack5": "^7.0.25",
-    "@storybook/testing-library": "^0.2.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
-    "@types/jest": "^29.5.2",
-    "@types/react": "^18.2.14",
-    "@typescript-eslint/eslint-plugin": "^5.60.1",
-    "@typescript-eslint/parser": "^5.60.1",
-    "babel-jest": "^29.5.0",
-    "babel-loader": "^9.1.2",
-    "bulma": "^0.9.4",
-    "eslint": "^8.44.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-react": "^7.32.2",
-    "husky": "^8.0.3",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
-    "lint-staged": "^13.2.3",
-    "postcss": "^8.4.24",
-    "prettier": "^2.8.8",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^3.26.0",
-    "rollup-plugin-dts": "^5.3.0",
-    "rollup-plugin-postcss": "^4.0.2",
-    "semantic-release": "^21.0.6",
-    "storybook": "^7.0.25",
-    "tslib": "^2.6.0",
-    "typescript": "^5.1.6"
-  },
-  "lint-staged": {
-    "src/**/*.(ts|tsx)": [
-      "prettier --write",
-      "eslint --fix"
-    ]
-  }
-}
+{
+  "name": "reactive-bulma",
+  "version": "1.20.0",
+  "description": "A typescript-react-based component library based on bulma",
+  "keywords": [
+    "typescript",
+    "react",
+    "bulma",
+    "rollup",
+    "semantic-release",
+    "jest",
+    "prettier",
+    "eslint",
+    "husky",
+    "component-library"
+  ],
+  "author": "Nicolás Omar González Passerino",
+  "license": "MIT",
+  "homepage": "https://github.com/NicolasOmar/reactive-bulma#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/NicolasOmar/reactive-bulma.git"
+  },
+  "bugs": {
+    "url": "https://github.com/NicolasOmar/reactive-bulma/issues"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "start": "storybook dev -p 6006",
+    "start:cli": "npm start -- --no-open",
+    "test": "jest --watchAll=false --verbose",
+    "test:ci": "npm test -- --coverage",
+    "lint": "eslint src/**/*.tsx",
+    "prettier": "prettier src/**/*.{tsx,ts} --write",
+    "lint-staged": "lint-staged -v",
+    "setup": "npm i && husky install",
+    "prepare": "npm run build",
+    "build": "rollup -c --bundleConfigAsCjs",
+    "build:storybook": "storybook build",
+    "semantic-release": "semantic-release"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.22.8",
+    "@babel/preset-env": "^7.22.7",
+    "@babel/preset-react": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
+    "@mdi/font": "^7.2.96",
+    "@rollup/plugin-commonjs": "^25.0.2",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-typescript": "^11.1.2",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/commit-analyzer": "^10.0.1",
+    "@semantic-release/exec": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^9.0.3",
+    "@semantic-release/npm": "^10.0.4",
+    "@semantic-release/release-notes-generator": "^11.0.4",
+    "@storybook/addon-actions": "^7.0.26",
+    "@storybook/addon-essentials": "^7.0.26",
+    "@storybook/addon-interactions": "^7.0.26",
+    "@storybook/addon-links": "^7.0.26",
+    "@storybook/addon-mdx-gfm": "^7.0.26",
+    "@storybook/cli": "^7.0.26",
+    "@storybook/react": "^7.0.26",
+    "@storybook/react-webpack5": "^7.0.26",
+    "@storybook/testing-library": "^0.2.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.2",
+    "@types/react": "^18.2.14",
+    "@typescript-eslint/eslint-plugin": "^5.61.0",
+    "@typescript-eslint/parser": "^5.61.0",
+    "babel-jest": "^29.6.1",
+    "babel-loader": "^9.1.3",
+    "bulma": "^0.9.4",
+    "eslint": "^8.44.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-react": "^7.32.2",
+    "husky": "^8.0.3",
+    "jest": "^29.6.1",
+    "jest-environment-jsdom": "^29.6.1",
+    "lint-staged": "^13.2.3",
+    "postcss": "^8.4.25",
+    "prettier": "^3.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^3.26.2",
+    "rollup-plugin-dts": "^5.3.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "semantic-release": "^21.0.7",
+    "storybook": "^7.0.26",
+    "tslib": "^2.6.0",
+    "typescript": "^5.1.6"
+  },
+  "lint-staged": {
+    "src/**/*.(ts|tsx)": [
+      "prettier --write",
+      "eslint --fix"
+    ]
+  }
+}

package/dist/cjs/types/components/atoms/Button/Button.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../../../interfaces/atomProps';
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/dist/cjs/types/enums/styleEnums.d.ts

@@ -1,38 +0,0 @@
-export declare enum columnSiteEnum {
-    'is-three-quarters' = 0,
-    'is-two-thirds' = 1,
-    'is-half' = 2,
-    'is-one-third' = 3,
-    'is-one-quarter' = 4,
-    'is-full' = 5,
-    'is-four-fifths' = 6,
-    'is-three-fifths' = 7,
-    'is-two-fifths' = 8,
-    'is-one-fifth' = 9,
-    'is-1' = 10,
-    'is-2' = 11,
-    'is-3' = 12,
-    'is-4' = 13,
-    'is-5' = 14,
-    'is-6' = 15,
-    'is-7' = 16,
-    'is-8' = 17,
-    'is-9' = 18,
-    'is-10' = 19,
-    'is-11' = 20,
-    'is-12' = 21
-}
-export declare enum columnOffsetEnum {
-    'is-offset-1' = 0,
-    'is-offset-2' = 1,
-    'is-offset-3' = 2,
-    'is-offset-4' = 3,
-    'is-offset-5' = 4,
-    'is-offset-6' = 5,
-    'is-offset-7' = 6,
-    'is-offset-8' = 7,
-    'is-offset-9' = 8,
-    'is-offset-10' = 9,
-    'is-offset-11' = 10,
-    'is-offset-12' = 11
-}

package/dist/cjs/types/functions/persers.d.ts

@@ -1,3 +0,0 @@
-import { ParseTestIdProps } from '../interfaces/functionProps';
-export declare const parseClasses: (_classes: Array<string | null>) => string;
-export declare const parseTestId: (config: ParseTestIdProps) => string;

package/dist/esm/types/components/atoms/Button/Button.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../../../interfaces/atomProps';
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/dist/esm/types/enums/styleEnums.d.ts

@@ -1,38 +0,0 @@
-export declare enum columnSiteEnum {
-    'is-three-quarters' = 0,
-    'is-two-thirds' = 1,
-    'is-half' = 2,
-    'is-one-third' = 3,
-    'is-one-quarter' = 4,
-    'is-full' = 5,
-    'is-four-fifths' = 6,
-    'is-three-fifths' = 7,
-    'is-two-fifths' = 8,
-    'is-one-fifth' = 9,
-    'is-1' = 10,
-    'is-2' = 11,
-    'is-3' = 12,
-    'is-4' = 13,
-    'is-5' = 14,
-    'is-6' = 15,
-    'is-7' = 16,
-    'is-8' = 17,
-    'is-9' = 18,
-    'is-10' = 19,
-    'is-11' = 20,
-    'is-12' = 21
-}
-export declare enum columnOffsetEnum {
-    'is-offset-1' = 0,
-    'is-offset-2' = 1,
-    'is-offset-3' = 2,
-    'is-offset-4' = 3,
-    'is-offset-5' = 4,
-    'is-offset-6' = 5,
-    'is-offset-7' = 6,
-    'is-offset-8' = 7,
-    'is-offset-9' = 8,
-    'is-offset-10' = 9,
-    'is-offset-11' = 10,
-    'is-offset-12' = 11
-}

package/dist/esm/types/functions/persers.d.ts

@@ -1,3 +0,0 @@
-import { ParseTestIdProps } from '../interfaces/functionProps';
-export declare const parseClasses: (_classes: Array<string | null>) => string;
-export declare const parseTestId: (config: ParseTestIdProps) => string;