reactive-bulma 5.1.18 → 5.1.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -15
- package/dist/{src/components → components}/atoms/Block/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Box/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/BreadcrumbItem/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Button/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Checkbox/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Column/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Delete/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Delete/index.stories.d.ts +2 -2
- package/dist/{src/components → components}/atoms/DropdownItem/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/DropdownTrigger/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/File/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/File/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/atoms/GridCell/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Icon/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Icon/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Image/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Input/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Input/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/atoms/LevelHeader/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/MenuItem/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/NavBarItem/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/PaginationItem/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/ProgressBar/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/RadioButton/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Select/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Skeleton/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/TabItem/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/TableCell/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/TableHeadCell/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Tag/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/TagWithAddon/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/TextArea/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/TextArea/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Tile/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Tile/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Title/index.d.ts +1 -1
- package/dist/{src/components → components}/atoms/Title/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Breadcrumbs/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/ButtonGroup/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/CheckboxGroup/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/ColumnGroup/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Dropdown/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Footer/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Footer/index.stories.d.ts +4 -4
- package/dist/{src/components → components}/molecules/FormFieldInput/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/FormFieldInput/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Grid/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/InputControl/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/InputControl/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/molecules/LevelItem/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Media/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Media/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Menu/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/MenuList/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Message/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Modal/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/NavBarBrand/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/NavBarDropdown/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Notification/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Pagination/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/PanelBlock/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/PanelBlock/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/molecules/PanelTabs/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/PanelTabs/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Section/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/TableRow/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Tabs/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/Tabs/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/molecules/TagList/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/TileBox/index.d.ts +1 -1
- package/dist/{src/components → components}/molecules/TileBox/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/organisms/Card/index.d.ts +1 -1
- package/dist/{src/components → components}/organisms/Card/index.stories.d.ts +4 -4
- package/dist/{src/components → components}/organisms/FormField/index.d.ts +1 -1
- package/dist/{src/components → components}/organisms/Hero/index.d.ts +1 -1
- package/dist/{src/components → components}/organisms/Level/index.d.ts +1 -1
- package/dist/{src/components → components}/organisms/NavBar/index.d.ts +1 -1
- package/dist/{src/components → components}/organisms/Panel/index.d.ts +1 -1
- package/dist/{src/components → components}/organisms/Panel/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/organisms/Table/index.d.ts +1 -1
- package/dist/{src/components → components}/organisms/Table/index.stories.d.ts +1 -1
- package/dist/{src/components → components}/organisms/TileGroup/index.d.ts +1 -1
- package/dist/functions/generators.js +1 -1
- package/dist/{src/interfaces → interfaces}/commonProps.d.ts +1 -1
- package/dist/{src/types → types}/domTypes.d.ts +3 -3
- package/package.json +40 -40
- /package/dist/{src/components → components}/atoms/Block/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Block/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Box/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Box/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/BreadcrumbItem/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/BreadcrumbItem/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Button/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Button/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Checkbox/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Checkbox/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Column/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Column/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Delete/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/DropdownItem/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/DropdownItem/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/DropdownTrigger/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/DropdownTrigger/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/File/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/GridCell/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/GridCell/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Icon/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Image/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Image/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Input/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/LevelHeader/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/LevelHeader/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/MenuItem/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/MenuItem/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/NavBarItem/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/NavBarItem/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/PaginationItem/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/PaginationItem/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/ProgressBar/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/ProgressBar/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/RadioButton/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/RadioButton/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Select/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Select/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Skeleton/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Skeleton/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/TabItem/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/TabItem/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/TableCell/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/TableCell/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/TableHeadCell/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/TableHeadCell/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Tag/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Tag/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/TagWithAddon/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/TagWithAddon/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/TextArea/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Tile/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/Title/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/atoms/index.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Breadcrumbs/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Breadcrumbs/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/ButtonGroup/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/ButtonGroup/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/CheckboxGroup/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/CheckboxGroup/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/ColumnGroup/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/ColumnGroup/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Dropdown/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Dropdown/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Footer/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/FormFieldInput/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Grid/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Grid/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/InputControl/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/LevelItem/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/LevelItem/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Media/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Menu/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Menu/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/MenuList/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/MenuList/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Message/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Message/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Modal/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Modal/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/NavBarBrand/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/NavBarBrand/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/NavBarDropdown/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/NavBarDropdown/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Notification/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Notification/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Pagination/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Pagination/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/PanelBlock/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/PanelTabs/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Section/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Section/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/TableRow/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/TableRow/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/Tabs/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/TagList/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/TagList/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/TileBox/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/molecules/index.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/Card/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/FormField/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/FormField/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/Hero/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/Hero/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/Level/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/Level/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/NavBar/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/NavBar/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/Panel/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/Table/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/TileGroup/index.stories.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/TileGroup/index.test.d.ts +0 -0
- /package/dist/{src/components → components}/organisms/index.d.ts +0 -0
- /package/dist/{src/constants → constants}/classes.d.ts +0 -0
- /package/dist/{src/constants → constants}/regExp.d.ts +0 -0
- /package/dist/{src/functions → functions}/generators.d.ts +0 -0
- /package/dist/{src/functions → functions}/jest.d.ts +0 -0
- /package/dist/{src/functions → functions}/parsers.d.ts +0 -0
- /package/dist/{src/functions → functions}/tests/generators.test.d.ts +0 -0
- /package/dist/{src/functions → functions}/tests/parsers.test.d.ts +0 -0
- /package/dist/{src/index.d.ts → index.d.ts} +0 -0
- /package/dist/{src/interfaces → interfaces}/atomProps.d.ts +0 -0
- /package/dist/{src/interfaces → interfaces}/functionProps.d.ts +0 -0
- /package/dist/{src/interfaces → interfaces}/moleculeProps.d.ts +0 -0
- /package/dist/{src/interfaces → interfaces}/organismProps.d.ts +0 -0
- /package/dist/{src/types → types}/styleTypes.d.ts +0 -0
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
<div align="center">
|
|
11
11
|
|
|
12
|
-
Component library based on React, Bulma,
|
|
12
|
+
Component library based on React, Bulma, TypeScript, and Vite
|
|
13
13
|
|
|
14
14
|
<div align="left">
|
|
15
15
|
|
|
@@ -122,7 +122,7 @@ Several quick start options are available:
|
|
|
122
122
|
- Clone the repo: `git clone https://github.com/NicolasOmar/reactive-bulma.git`.
|
|
123
123
|
- Install with [npm](https://www.npmjs.com/package/reactive-bulma): `npm install reactive-bulma@latest`
|
|
124
124
|
- Before cloning this repo, I recommend installing [Node](https://nodejs.org/en/download/) `>=20.10.0` to install packages.
|
|
125
|
-
- Once the package has been installed, add
|
|
125
|
+
- Once the package has been installed, add to your React main application file (`main.jsx/tsx`) the following line to inject Bulma's styles:
|
|
126
126
|
```jsx
|
|
127
127
|
import '../node_modules/reactive-bulma/dist/reactive-bulma.css'
|
|
128
128
|
```
|
|
@@ -134,13 +134,14 @@ In case you have cloned the repo, it will show you the following folders:
|
|
|
134
134
|
- `.github:` [Github Actions](https://github.com/features/actions/) files used to run post-merge commits like unit test coverage collection.
|
|
135
135
|
- `.husky:` Dedicated to [Husky](https://typicode.github.io/husky/) configuration files.
|
|
136
136
|
- `.storybook:` Dedicated to [Storybook](https://storybook.js.org/) configuration files.
|
|
137
|
+
- `configs:` Used to wrap all the configuration files related to local and third-party services.
|
|
137
138
|
- `src:`
|
|
138
139
|
- `components:` Location of all used components, using [Atomic Design hierarchy structure](https://atomicdesign.bradfrost.com/chapter-2/)
|
|
139
140
|
- `atoms` (from `v1.0.0`).
|
|
140
141
|
- `molecules` (from `v2.0.0`).
|
|
141
142
|
- `organisms` (from `v3.0.0`).
|
|
142
143
|
- `constants:` Location of shared constant values to be used in interfaces and component implementations.
|
|
143
|
-
- `design`: Location of standard design tokens (coded
|
|
144
|
+
- `design`: Location of standard design tokens (coded in `.mdx` files) displayed above component sections in the Storybook instance.
|
|
144
145
|
- `functions`: Dedicated to parsers and helper functions for repetitive logic.
|
|
145
146
|
- `interfaces`: Dedicated to component and function typing interfaces.
|
|
146
147
|
- `types`: Dedicated to Bulma's style typesetting (part of the component's properties).
|
|
@@ -168,16 +169,16 @@ const App = () => (
|
|
|
168
169
|
<Button text="This is a test" />
|
|
169
170
|
);
|
|
170
171
|
```
|
|
171
|
-
To see all component variants and code snippets go to the [Documentation](#documentation) section.
|
|
172
|
+
To see all component variants and code snippets, go to the [Documentation](#documentation) section.
|
|
172
173
|
|
|
173
174
|
If you want to create a custom component for your forked Reactive Bulma version, the easiest way is by running the creation script I made, which [instructions are here](#how-to-create-a-template-component).
|
|
174
175
|
|
|
175
176
|
### How to create a template component
|
|
176
177
|
|
|
177
|
-
After some time, I understood that creating component files is a repetitive and time-consuming task, so I made issue [#180](https://github.com/NicolasOmar/reactive-bulma/issues/180) to implement a library called [Hygen](https://www.hygen.io), whose function is to provide a way to generate templates for generic files that can consume time
|
|
178
|
+
After some time, I understood that creating component files is a repetitive and time-consuming task, so I made issue [#180](https://github.com/NicolasOmar/reactive-bulma/issues/180) to implement a library called [Hygen](https://www.hygen.io), whose function is to provide a way to generate templates for generic files that can consume time in the long term. You can run the script by following the steps:
|
|
178
179
|
|
|
179
180
|
- Open a console and run `npm run create` in your console.
|
|
180
|
-
- An
|
|
181
|
+
- An assistant will appear asking about how your component will be named. You can answer with text separated with spaces (` `), underscores (`_`), or hyphens (`-`)
|
|
181
182
|
- Then, the assistant will ask in which folder you want to create it (based on its type following [Atomic Design hierarchy structure](https://atomicdesign.bradfrost.com/chapter-2/))
|
|
182
183
|
- Finally, the script should create all base files to reduce time and focus on custom implementation.
|
|
183
184
|
|
|
@@ -185,17 +186,17 @@ Learn more about `Hygen` by reading its [documentation](https://www.hygen.io/doc
|
|
|
185
186
|
|
|
186
187
|
### How to update all dependencies
|
|
187
188
|
|
|
188
|
-
In case you want to make your fork, I recommend you
|
|
189
|
-
- `update:deps`: Using a [npm-check-updates](https://www.npmjs.com/package/npm-check-updates) script, you will be able to choose which dependencies want to update to the latest version
|
|
190
|
-
- `
|
|
191
|
-
- `update:storybook`: Updates
|
|
189
|
+
In case you want to make your fork, I recommend you update at least weekly using a custom command `npm run update`, which will run the following commands in order:
|
|
190
|
+
- `update:deps`: Using a [npm-check-updates](https://www.npmjs.com/package/npm-check-updates) script, you will be able to choose which dependencies you want to update to the latest version
|
|
191
|
+
- `check:project`: Runs build and test checks to ensure your update will not break any current build.
|
|
192
|
+
- `update:storybook`: Updates Storybook to the latest version (following its recommended command), followed by a build check (similar to check:project, but for Storybook only)
|
|
192
193
|
|
|
193
194
|
## Versioning
|
|
194
195
|
|
|
195
|
-
After investigating [semantic-release documentation](https://semantic-release.gitbook.io/semantic-release/) (refer to [#3](https://github.com/NicolasOmar/reactive-bulma/issues/3)) and finishing the last version according to the original roadmap, I decided to give the following meaning to project's versions after `v4.0.0`:
|
|
196
|
-
- Major versions (`5.0.0`, `6.0.0` and beyond) will refer to
|
|
196
|
+
After investigating [semantic-release documentation](https://semantic-release.gitbook.io/semantic-release/) (refer to [#3](https://github.com/NicolasOmar/reactive-bulma/issues/3)) and finishing the last version according to the original roadmap, I decided to give the following meaning to the project's versions after `v4.0.0`:
|
|
197
|
+
- Major versions (`5.0.0`, `6.0.0` and beyond) will refer to milestone achievements and significant changes on existing components that will need extra attention before the update.
|
|
197
198
|
- Minor versions (`4.1.0`, `4.2.0`, and so on) will refer to new components or modifications of existing ones.
|
|
198
|
-
- Patch versions (`4.0.1`, `4.0.2`, and so on) will refer to bug fixes or weekly
|
|
199
|
+
- Patch versions (`4.0.1`, `4.0.2`, and so on) will refer to bug fixes or weekly dependency updates.
|
|
199
200
|
|
|
200
201
|
To check the current project's status, go to the [Roadmap](#roadmap) section.
|
|
201
202
|
|
|
@@ -211,8 +212,6 @@ Nowadays, I am updating the rest of the dependencies every week, creating a PR a
|
|
|
211
212
|
|
|
212
213
|
If you want the actual short-term status, go to the [project board](https://github.com/users/NicolasOmar/projects/3) (powered by `GitHub Projects`).
|
|
213
214
|
|
|
214
|
-
During 2026, I will continue with my full-stack app [MyPets](https://github.com/NicolasOmar/my-pets), where I use this library to build its UI.
|
|
215
|
-
|
|
216
215
|
<details>
|
|
217
216
|
<summary>Here is the status table I used to keep track of the worked milestones/versions. (v5 included)</summary>
|
|
218
217
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { BreadcrumbItemProps } from '
|
|
2
|
+
import { BreadcrumbItemProps } from '../../../interfaces/atomProps';
|
|
3
3
|
declare const BreadcrumbItem: React.FC<BreadcrumbItemProps>;
|
|
4
4
|
export default BreadcrumbItem;
|
|
@@ -2,5 +2,5 @@ import { Meta } from '@storybook/react-vite';
|
|
|
2
2
|
import { default as Delete } from '.';
|
|
3
3
|
declare const _default: Meta<typeof Delete>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('
|
|
6
|
-
export declare const WithBigSize: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('
|
|
5
|
+
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').DeleteProps>;
|
|
6
|
+
export declare const WithBigSize: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').DeleteProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { DropdownItemProps } from '
|
|
2
|
+
import { DropdownItemProps } from '../../../interfaces/atomProps';
|
|
3
3
|
declare const DropdownItem: React.FC<DropdownItemProps>;
|
|
4
4
|
export default DropdownItem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { DropdownTriggerProps } from '
|
|
2
|
+
import { DropdownTriggerProps } from '../../../interfaces/atomProps';
|
|
3
3
|
declare const DropdownTrigger: React.FC<DropdownTriggerProps>;
|
|
4
4
|
export default DropdownTrigger;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { default as File } from '.';
|
|
3
|
-
import { FileProps } from '
|
|
3
|
+
import { FileProps } from '../../../interfaces/atomProps';
|
|
4
4
|
declare const _default: Meta<typeof File>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const OnlyRequiredProps: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { default as Icon } from '.';
|
|
3
|
-
import { IconProps } from '
|
|
3
|
+
import { IconProps } from '../../../interfaces/atomProps';
|
|
4
4
|
declare const _default: Meta<typeof Icon>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { default as Input } from '.';
|
|
3
|
-
import { InputProps } from '
|
|
3
|
+
import { InputProps } from '../../../interfaces/atomProps';
|
|
4
4
|
declare const _default: Meta<typeof Input>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { PaginationItemProps } from '
|
|
2
|
+
import { PaginationItemProps } from '../../../interfaces/atomProps';
|
|
3
3
|
declare const PaginationItem: React.FC<PaginationItemProps>;
|
|
4
4
|
export default PaginationItem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { TableHeadCellProps } from '
|
|
2
|
+
import { TableHeadCellProps } from '../../../interfaces/atomProps';
|
|
3
3
|
declare const TableHeadCell: React.FC<TableHeadCellProps>;
|
|
4
4
|
export default TableHeadCell;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { TagWithAddonProps } from '
|
|
2
|
+
import { TagWithAddonProps } from '../../../interfaces/atomProps';
|
|
3
3
|
declare const TagWithAddon: React.FC<TagWithAddonProps>;
|
|
4
4
|
export default TagWithAddon;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { default as TextArea } from '.';
|
|
3
|
-
import { TextAreaProps } from '
|
|
3
|
+
import { TextAreaProps } from '../../../interfaces/atomProps';
|
|
4
4
|
declare const _default: Meta<typeof TextArea>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { default as Tile } from '.';
|
|
3
|
-
import { TileProps } from '
|
|
3
|
+
import { TileProps } from '../../../interfaces/atomProps';
|
|
4
4
|
declare const _default: Meta<typeof Tile>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react-vite';
|
|
2
|
-
import { TitleProps } from '
|
|
2
|
+
import { TitleProps } from '../../../interfaces/atomProps';
|
|
3
3
|
import { default as Title } from '.';
|
|
4
4
|
declare const _default: Meta<typeof Title>;
|
|
5
5
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { BreadcrumbsProps } from '
|
|
2
|
+
import { BreadcrumbsProps } from '../../../interfaces/moleculeProps';
|
|
3
3
|
declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
|
|
4
4
|
export default Breadcrumbs;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ButtonGroupProps } from '
|
|
2
|
+
import { ButtonGroupProps } from '../../../interfaces/moleculeProps';
|
|
3
3
|
declare const ButtonGroup: React.FC<ButtonGroupProps>;
|
|
4
4
|
export default ButtonGroup;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { CheckboxGroupProps } from '
|
|
2
|
+
import { CheckboxGroupProps } from '../../../interfaces/moleculeProps';
|
|
3
3
|
declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
|
|
4
4
|
export default CheckboxGroup;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ColumnGroupProps } from '
|
|
2
|
+
import { ColumnGroupProps } from '../../../interfaces/moleculeProps';
|
|
3
3
|
declare const ColumnGroup: React.FC<ColumnGroupProps>;
|
|
4
4
|
export default ColumnGroup;
|
|
@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react-vite';
|
|
|
2
2
|
import { default as Footer } from '.';
|
|
3
3
|
declare const _default: Meta<typeof Footer>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('
|
|
6
|
-
export declare const BulmaExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('
|
|
7
|
-
export declare const Centered: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('
|
|
8
|
-
export declare const WithCustomComponent: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('
|
|
5
|
+
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
|
6
|
+
export declare const BulmaExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
|
7
|
+
export declare const Centered: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
|
8
|
+
export declare const WithCustomComponent: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { FormFieldInputProps } from '
|
|
2
|
+
import { FormFieldInputProps } from '../../../interfaces/moleculeProps';
|
|
3
3
|
declare const FormFieldInput: React.FC<FormFieldInputProps>;
|
|
4
4
|
export default FormFieldInput;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { default as FormFieldInput } from '.';
|
|
3
|
-
import { FormFieldInputProps } from '
|
|
3
|
+
import { FormFieldInputProps } from '../../../interfaces/moleculeProps';
|
|
4
4
|
declare const _default: Meta<typeof FormFieldInput>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { InputControlProps } from '
|
|
2
|
+
import { InputControlProps } from '../../../interfaces/moleculeProps';
|
|
3
3
|
declare const InputControl: React.FC<InputControlProps>;
|
|
4
4
|
export default InputControl;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { default as InputControl } from '.';
|
|
3
|
-
import { InputControlProps } from '
|
|
3
|
+
import { InputControlProps } from '../../../interfaces/moleculeProps';
|
|
4
4
|
declare const _default: Meta<typeof InputControl>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputControlProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { default as Media } from '.';
|
|
3
|
-
import { MediaProps } from '
|
|
3
|
+
import { MediaProps } from '../../../interfaces/moleculeProps';
|
|
4
4
|
declare const _default: Meta<typeof Media>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MediaProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { NavBarBrandProps } from '
|
|
2
|
+
import { NavBarBrandProps } from '../../../interfaces/moleculeProps';
|
|
3
3
|
declare const NavBarBrand: React.FC<NavBarBrandProps>;
|
|
4
4
|
export default NavBarBrand;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { NavBarDropdownProps } from '
|
|
2
|
+
import { NavBarDropdownProps } from '../../../interfaces/moleculeProps';
|
|
3
3
|
declare const NavBarDropdown: React.FC<NavBarDropdownProps>;
|
|
4
4
|
export default NavBarDropdown;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { NotificationProps } from '
|
|
2
|
+
import { NotificationProps } from '../../../interfaces/moleculeProps';
|
|
3
3
|
declare const Notification: React.FC<NotificationProps>;
|
|
4
4
|
export default Notification;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { default as PanelBlock } from '.';
|
|
3
|
-
import { PanelBlockProps } from '
|
|
3
|
+
import { PanelBlockProps } from '../../../interfaces/moleculeProps';
|
|
4
4
|
declare const _default: Meta<typeof PanelBlock>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBlockProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { default as PanelTabs } from '.';
|
|
3
|
-
import { PanelTabsProps } from '
|
|
3
|
+
import { PanelTabsProps } from '../../../interfaces/moleculeProps';
|
|
4
4
|
declare const _default: Meta<typeof PanelTabs>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelTabsProps>;
|