reactive-bulma 2.3.0 → 2.5.0

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.
Files changed (31) hide show
  1. package/README.md +27 -3
  2. package/dist/cjs/index.js +153 -38
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/types/components/atoms/BreadcrumbItem/index.d.ts +4 -0
  5. package/dist/cjs/types/components/atoms/DropdownItem/index.d.ts +4 -0
  6. package/dist/cjs/types/components/atoms/DropdownTrigger/index.d.ts +4 -0
  7. package/dist/cjs/types/components/atoms/index.d.ts +3 -0
  8. package/dist/cjs/types/components/molecules/Breadcrumbs/index.d.ts +4 -0
  9. package/dist/cjs/types/components/molecules/Dropdown/index.d.ts +4 -0
  10. package/dist/cjs/types/components/molecules/index.d.ts +2 -0
  11. package/dist/cjs/types/interfaces/atomProps.d.ts +26 -14
  12. package/dist/cjs/types/interfaces/commonProps.d.ts +4 -0
  13. package/dist/cjs/types/interfaces/moleculeProps.d.ts +21 -3
  14. package/dist/cjs/types/types/domTypes.d.ts +1 -0
  15. package/dist/cjs/types/types/styleTypes.d.ts +2 -0
  16. package/dist/esm/index.js +149 -39
  17. package/dist/esm/index.js.map +1 -1
  18. package/dist/esm/types/components/atoms/BreadcrumbItem/index.d.ts +4 -0
  19. package/dist/esm/types/components/atoms/DropdownItem/index.d.ts +4 -0
  20. package/dist/esm/types/components/atoms/DropdownTrigger/index.d.ts +4 -0
  21. package/dist/esm/types/components/atoms/index.d.ts +3 -0
  22. package/dist/esm/types/components/molecules/Breadcrumbs/index.d.ts +4 -0
  23. package/dist/esm/types/components/molecules/Dropdown/index.d.ts +4 -0
  24. package/dist/esm/types/components/molecules/index.d.ts +2 -0
  25. package/dist/esm/types/interfaces/atomProps.d.ts +26 -14
  26. package/dist/esm/types/interfaces/commonProps.d.ts +4 -0
  27. package/dist/esm/types/interfaces/moleculeProps.d.ts +21 -3
  28. package/dist/esm/types/types/domTypes.d.ts +1 -0
  29. package/dist/esm/types/types/styleTypes.d.ts +2 -0
  30. package/dist/index.d.ts +60 -13
  31. package/package.json +30 -27
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { BreadcrumbItemProps } from '../../../interfaces/atomProps';
3
+ declare const BreadcrumbItem: React.FC<BreadcrumbItemProps>;
4
+ export default BreadcrumbItem;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { DropdownItemProps } from '../../../interfaces/atomProps';
3
+ declare const DropdownItem: React.FC<DropdownItemProps>;
4
+ export default DropdownItem;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { DropdownTriggerProps } from '../../../interfaces/atomProps';
3
+ declare const DropdownTrigger: React.FC<DropdownTriggerProps>;
4
+ export default DropdownTrigger;
@@ -13,3 +13,6 @@ export { default as Select } from './Select';
13
13
  export { default as File } from './File';
14
14
  export { default as Checkbox } from './Checkbox';
15
15
  export { default as RadioButton } from './RadioButton';
16
+ export { default as BreadcrumbItem } from './BreadcrumbItem';
17
+ export { default as DropdownTrigger } from './DropdownTrigger';
18
+ export { default as DropdownItem } from './DropdownItem';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { BreadcrumbsProps } from '../../../interfaces/moleculeProps';
3
+ declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
4
+ export default Breadcrumbs;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { DropdownProps } from '../../../interfaces/moleculeProps';
3
+ declare const Dropdown: React.FC<DropdownProps>;
4
+ export default Dropdown;
@@ -1,3 +1,5 @@
1
1
  export { default as ButtonGroup } from './ButtonGroup';
2
2
  export { default as ColumnGroup } from './ColumnGroup';
3
3
  export { default as Notification } from './Notification';
4
+ export { default as Breadcrumbs } from './Breadcrumbs';
5
+ export { default as Dropdown } from './Dropdown';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import { ElementProps, ComposedElementProps } from './commonProps';
2
+ import { ElementProps, ComposedElementProps, ClickeableProps } from './commonProps';
3
3
  import { basicColorType, columnOffsetType, columnSizeType, fixedImageSizeType, iconColorModeType, basicSizeType, textColorType, titleSizeType } from '../types/styleTypes';
4
- import { inputTypes } from '../types/domTypes';
4
+ import { DropdownItemType, inputTypes } from '../types/domTypes';
5
5
  export interface ColumnProps extends ElementProps, React.ComponentPropsWithoutRef<'section'> {
6
6
  /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
7
7
  children?: string | React.ReactElement | React.ReactElement[];
@@ -118,7 +118,7 @@ export interface IconProps extends ComposedElementProps {
118
118
  /** `Styling` Animates the icon spinning 360° */
119
119
  isSpinning?: boolean;
120
120
  }
121
- export interface InputProps extends ElementProps {
121
+ export interface InputProps extends ElementProps, ClickeableProps {
122
122
  /** `Attribute` `Required` What type of input will be used */
123
123
  type: inputTypes;
124
124
  /** `Attribute` The value that will be shown on the input */
@@ -137,8 +137,6 @@ export interface InputProps extends ElementProps {
137
137
  isHovered?: boolean;
138
138
  /** `Styling` Will add a specific border when the input is focused by the user */
139
139
  isFocused?: boolean;
140
- /** `Function` Click function. Alone does not nothing, but can be reused for other components */
141
- onClick?: () => void;
142
140
  /** `Function` Reffers to each time the user press a key. Alone does not nothing, but can be reused for other components */
143
141
  onChange?: () => void;
144
142
  }
@@ -150,18 +148,16 @@ export interface TextAreaProps extends Omit<InputProps, 'isRounded' | 'type'> {
150
148
  /** `Styling` Will disable characteristic sizable property by removing its control on bottom-right corner */
151
149
  isFixedSize?: boolean;
152
150
  }
153
- export interface DeleteProps extends ElementProps {
151
+ export interface DeleteProps extends ElementProps, ClickeableProps {
154
152
  /** `Styling` Set icons's size */
155
153
  size?: Exclude<basicSizeType, 'is-normal'>;
156
- /** `Function` Click function. Alone does not nothing, but can be reused for other components */
157
- onClick?: () => void;
158
154
  }
159
155
  export interface SelectOption {
160
156
  id: string | number;
161
157
  name: string;
162
158
  selected?: boolean;
163
159
  }
164
- export interface SelectProps extends ComposedElementProps {
160
+ export interface SelectProps extends ComposedElementProps, ClickeableProps {
165
161
  /** `Attribute` Indicates the options contained on the select */
166
162
  options?: SelectOption[];
167
163
  /** `Attribute` Indicates how many options will be shown at first glance (before looking for the whole list */
@@ -178,10 +174,8 @@ export interface SelectProps extends ComposedElementProps {
178
174
  isHovered?: boolean;
179
175
  /** `Styling`Will add a specific border when the input is focused by the user */
180
176
  isFocused?: boolean;
181
- /** `Function` Click function. Alone does not nothing, but can be reused for other components */
182
- onClick?: () => void;
183
177
  }
184
- export interface FileProps extends ComposedElementProps {
178
+ export interface FileProps extends ComposedElementProps, ClickeableProps {
185
179
  /** `Attribute` The name of the file to be uploaded */
186
180
  fileName?: string;
187
181
  /** `Attribute` The icon displayed in file's button" */
@@ -198,8 +192,6 @@ export interface FileProps extends ComposedElementProps {
198
192
  color?: basicColorType;
199
193
  /** `Styling` Set button's size */
200
194
  size?: basicSizeType;
201
- /** `Function` Click function, alone does not nothing, but can be reused for other components */
202
- onClick?: () => void;
203
195
  }
204
196
  export interface CheckBoxProps extends ComposedElementProps {
205
197
  /** `Attribute` Sets checkbox's text that will be shown next to its control */
@@ -229,3 +221,23 @@ export interface RadioButtonProps extends ComposedElementProps {
229
221
  /** `Function` Click function, alone does not nothing, but can be reused for other components */
230
222
  onChange?: () => void;
231
223
  }
224
+ export interface BreadcrumbItemProps extends ComposedElementProps, ClickeableProps {
225
+ /** `Attribute` `Required` Indicates item text that will be shown */
226
+ text: string;
227
+ /** `Styling` Marks the item as the one where user is located (based on breadcrumb hierarchy) */
228
+ isActiveItem?: boolean;
229
+ }
230
+ export interface DropdownTriggerProps extends ComposedElementProps, ClickeableProps {
231
+ /** `Attribute` `Required` Sets the name will be shown on the dropdown input */
232
+ menuText: string;
233
+ /** `Attribute` Sets a relationship between trigger's button and dropdown's menu to toggle display */
234
+ dropdownPointer?: string;
235
+ }
236
+ export interface DropdownItemProps extends ElementProps, ClickeableProps {
237
+ /** `Attribute` `Required` Sets the name will be shown on the item */
238
+ itemText: string;
239
+ /** `Attribute` Changes item's composition into a `<hr>`, a `<a>` or a `<div>` depending its type */
240
+ type?: DropdownItemType;
241
+ /** `Styling` Marks the item as the one where user is located (based on dropdown hierarchy) */
242
+ isActiveItem?: boolean;
243
+ }
@@ -17,3 +17,7 @@ export interface ElementProps {
17
17
  }
18
18
  export interface ComposedElementProps extends ElementProps, ContainerProps {
19
19
  }
20
+ export interface ClickeableProps {
21
+ /** `Function` Click function, alone does not nothing, but can be reused for other components */
22
+ onClick?: () => void;
23
+ }
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { ElementProps } from './commonProps';
3
- import { ButtonProps, ColumnProps, DeleteProps } from './atomProps';
4
- import { basicColorType, columnGapType } from '../types/styleTypes';
2
+ import { ComposedElementProps, ElementProps } from './commonProps';
3
+ import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps } from './atomProps';
4
+ import { basicColorType, basicSizeType, breadcrumbAlignType, breadcrumbSeparatorType, columnGapType } from '../types/styleTypes';
5
5
  export interface ButtonGroupProps extends ElementProps {
6
6
  /** `Atribute` `Required` Array of `Button` objects that will be shown */
7
7
  buttonList: ButtonProps[];
@@ -34,3 +34,21 @@ export interface NotificationProps extends ElementProps {
34
34
  /** `Styling` Will adjust the selected color with a ligther style */
35
35
  isLightColor?: boolean;
36
36
  }
37
+ export interface BreadcrumbsProps extends ComposedElementProps {
38
+ /** `Atribute` `Required` Array of `BreadcrumbItems` objects that will be shown */
39
+ items: BreadcrumbItemProps[];
40
+ /** `Styling` Will adjust element position on screen */
41
+ alignment?: breadcrumbAlignType | null;
42
+ /** `Styling` Will adjust element position on screen */
43
+ separator?: breadcrumbSeparatorType | null;
44
+ /** `Styling` Set button's size on bulma's size tokens */
45
+ size?: Exclude<basicSizeType, 'is-normal'>;
46
+ }
47
+ export interface DropdownProps extends ElementProps {
48
+ /** `Atribute` `Required` Sets the name will be shown on the dropdown input */
49
+ inputText: string;
50
+ /** `Attribute` Sets a relationship between dropdown trigger's button and dropdown's menu to toggle display */
51
+ dropdownPointer?: string;
52
+ /** `Atribute` `Required` Array of `DropdownItem` objects that will be shown on its menu */
53
+ listOfItems: DropdownItemProps[];
54
+ }
@@ -1,2 +1,3 @@
1
1
  export type buttonType = 'submit' | 'reset' | 'button';
2
2
  export type inputTypes = 'text' | 'password' | 'email' | 'tel';
3
+ export type DropdownItemType = 'item' | 'link' | 'divider';
@@ -7,3 +7,5 @@ export type fixedImageSizeType = 'is-16x16' | 'is-24x24' | 'is-32x32' | 'is-48x4
7
7
  export type basicSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
8
8
  export type iconColorModeType = 'light' | 'dark';
9
9
  export type columnGapType = 'is-0' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8';
10
+ export type breadcrumbAlignType = 'is-centered' | 'is-right';
11
+ export type breadcrumbSeparatorType = 'has-arrow-separator' | 'has-bullet-separator' | 'has-dot-separator' | 'has-succeeds-separator';
package/dist/index.d.ts CHANGED
@@ -19,6 +19,10 @@ interface ElementProps {
19
19
  }
20
20
  interface ComposedElementProps extends ElementProps, ContainerProps {
21
21
  }
22
+ interface ClickeableProps {
23
+ /** `Function` Click function, alone does not nothing, but can be reused for other components */
24
+ onClick?: () => void;
25
+ }
22
26
 
23
27
  type columnSizeType = 'is-three-quarters' | 'is-two-thirds' | 'is-half' | 'is-one-third' | 'is-one-quarter' | 'is-full' | 'is-four-fifths' | 'is-three-fifths' | 'is-two-fifths' | 'is-one-fifth' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8' | 'is-9' | 'is-10' | 'is-11' | 'is-12';
24
28
  type titleSizeType = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6';
@@ -28,8 +32,11 @@ type textColorType = 'has-text-white' | 'has-text-black' | 'has-text-light' | 'h
28
32
  type basicSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
29
33
  type iconColorModeType = 'light' | 'dark';
30
34
  type columnGapType = 'is-0' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8';
35
+ type breadcrumbAlignType = 'is-centered' | 'is-right';
36
+ type breadcrumbSeparatorType = 'has-arrow-separator' | 'has-bullet-separator' | 'has-dot-separator' | 'has-succeeds-separator';
31
37
 
32
38
  type inputTypes = 'text' | 'password' | 'email' | 'tel';
39
+ type DropdownItemType = 'item' | 'link' | 'divider';
33
40
 
34
41
  interface ColumnProps extends ElementProps, React$1.ComponentPropsWithoutRef<'section'> {
35
42
  /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
@@ -139,7 +146,7 @@ interface IconProps extends ComposedElementProps {
139
146
  /** `Styling` Animates the icon spinning 360° */
140
147
  isSpinning?: boolean;
141
148
  }
142
- interface InputProps extends ElementProps {
149
+ interface InputProps extends ElementProps, ClickeableProps {
143
150
  /** `Attribute` `Required` What type of input will be used */
144
151
  type: inputTypes;
145
152
  /** `Attribute` The value that will be shown on the input */
@@ -158,8 +165,6 @@ interface InputProps extends ElementProps {
158
165
  isHovered?: boolean;
159
166
  /** `Styling` Will add a specific border when the input is focused by the user */
160
167
  isFocused?: boolean;
161
- /** `Function` Click function. Alone does not nothing, but can be reused for other components */
162
- onClick?: () => void;
163
168
  /** `Function` Reffers to each time the user press a key. Alone does not nothing, but can be reused for other components */
164
169
  onChange?: () => void;
165
170
  }
@@ -171,18 +176,16 @@ interface TextAreaProps extends Omit<InputProps, 'isRounded' | 'type'> {
171
176
  /** `Styling` Will disable characteristic sizable property by removing its control on bottom-right corner */
172
177
  isFixedSize?: boolean;
173
178
  }
174
- interface DeleteProps extends ElementProps {
179
+ interface DeleteProps extends ElementProps, ClickeableProps {
175
180
  /** `Styling` Set icons's size */
176
181
  size?: Exclude<basicSizeType, 'is-normal'>;
177
- /** `Function` Click function. Alone does not nothing, but can be reused for other components */
178
- onClick?: () => void;
179
182
  }
180
183
  interface SelectOption {
181
184
  id: string | number;
182
185
  name: string;
183
186
  selected?: boolean;
184
187
  }
185
- interface SelectProps extends ComposedElementProps {
188
+ interface SelectProps extends ComposedElementProps, ClickeableProps {
186
189
  /** `Attribute` Indicates the options contained on the select */
187
190
  options?: SelectOption[];
188
191
  /** `Attribute` Indicates how many options will be shown at first glance (before looking for the whole list */
@@ -199,10 +202,8 @@ interface SelectProps extends ComposedElementProps {
199
202
  isHovered?: boolean;
200
203
  /** `Styling`Will add a specific border when the input is focused by the user */
201
204
  isFocused?: boolean;
202
- /** `Function` Click function. Alone does not nothing, but can be reused for other components */
203
- onClick?: () => void;
204
205
  }
205
- interface FileProps extends ComposedElementProps {
206
+ interface FileProps extends ComposedElementProps, ClickeableProps {
206
207
  /** `Attribute` The name of the file to be uploaded */
207
208
  fileName?: string;
208
209
  /** `Attribute` The icon displayed in file's button" */
@@ -219,8 +220,6 @@ interface FileProps extends ComposedElementProps {
219
220
  color?: basicColorType;
220
221
  /** `Styling` Set button's size */
221
222
  size?: basicSizeType;
222
- /** `Function` Click function, alone does not nothing, but can be reused for other components */
223
- onClick?: () => void;
224
223
  }
225
224
  interface CheckBoxProps extends ComposedElementProps {
226
225
  /** `Attribute` Sets checkbox's text that will be shown next to its control */
@@ -250,6 +249,26 @@ interface RadioButtonProps extends ComposedElementProps {
250
249
  /** `Function` Click function, alone does not nothing, but can be reused for other components */
251
250
  onChange?: () => void;
252
251
  }
252
+ interface BreadcrumbItemProps extends ComposedElementProps, ClickeableProps {
253
+ /** `Attribute` `Required` Indicates item text that will be shown */
254
+ text: string;
255
+ /** `Styling` Marks the item as the one where user is located (based on breadcrumb hierarchy) */
256
+ isActiveItem?: boolean;
257
+ }
258
+ interface DropdownTriggerProps extends ComposedElementProps, ClickeableProps {
259
+ /** `Attribute` `Required` Sets the name will be shown on the dropdown input */
260
+ menuText: string;
261
+ /** `Attribute` Sets a relationship between trigger's button and dropdown's menu to toggle display */
262
+ dropdownPointer?: string;
263
+ }
264
+ interface DropdownItemProps extends ElementProps, ClickeableProps {
265
+ /** `Attribute` `Required` Sets the name will be shown on the item */
266
+ itemText: string;
267
+ /** `Attribute` Changes item's composition into a `<hr>`, a `<a>` or a `<div>` depending its type */
268
+ type?: DropdownItemType;
269
+ /** `Styling` Marks the item as the one where user is located (based on dropdown hierarchy) */
270
+ isActiveItem?: boolean;
271
+ }
253
272
 
254
273
  declare const Button: React$1.FC<ButtonProps>;
255
274
 
@@ -281,6 +300,12 @@ declare const CheckBox: React$1.FC<CheckBoxProps>;
281
300
 
282
301
  declare const RadioButton: React$1.FC<RadioButtonProps>;
283
302
 
303
+ declare const BreadcrumbItem: React$1.FC<BreadcrumbItemProps>;
304
+
305
+ declare const DropdownTrigger: React$1.FC<DropdownTriggerProps>;
306
+
307
+ declare const DropdownItem: React$1.FC<DropdownItemProps>;
308
+
284
309
  interface ButtonGroupProps extends ElementProps {
285
310
  /** `Atribute` `Required` Array of `Button` objects that will be shown */
286
311
  buttonList: ButtonProps[];
@@ -313,6 +338,24 @@ interface NotificationProps extends ElementProps {
313
338
  /** `Styling` Will adjust the selected color with a ligther style */
314
339
  isLightColor?: boolean;
315
340
  }
341
+ interface BreadcrumbsProps extends ComposedElementProps {
342
+ /** `Atribute` `Required` Array of `BreadcrumbItems` objects that will be shown */
343
+ items: BreadcrumbItemProps[];
344
+ /** `Styling` Will adjust element position on screen */
345
+ alignment?: breadcrumbAlignType | null;
346
+ /** `Styling` Will adjust element position on screen */
347
+ separator?: breadcrumbSeparatorType | null;
348
+ /** `Styling` Set button's size on bulma's size tokens */
349
+ size?: Exclude<basicSizeType, 'is-normal'>;
350
+ }
351
+ interface DropdownProps extends ElementProps {
352
+ /** `Atribute` `Required` Sets the name will be shown on the dropdown input */
353
+ inputText: string;
354
+ /** `Attribute` Sets a relationship between dropdown trigger's button and dropdown's menu to toggle display */
355
+ dropdownPointer?: string;
356
+ /** `Atribute` `Required` Array of `DropdownItem` objects that will be shown on its menu */
357
+ listOfItems: DropdownItemProps[];
358
+ }
316
359
 
317
360
  declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
318
361
 
@@ -320,4 +363,8 @@ declare const ColumnGroup: React$1.FC<ColumnGroupProps>;
320
363
 
321
364
  declare const Notification: React$1.FC<NotificationProps>;
322
365
 
323
- export { Block, Box, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, File, Icon, Input, Notification, ProgressBar, RadioButton, Select, Tag, TextArea, Title };
366
+ declare const Breadcrumbs: React$1.FC<BreadcrumbsProps>;
367
+
368
+ declare const Dropdown: React$1.FC<DropdownProps>;
369
+
370
+ export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, Icon, Input, Notification, ProgressBar, RadioButton, Select, Tag, TextArea, Title };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reactive-bulma",
3
- "version": "2.3.0",
3
+ "version": "2.5.0",
4
4
  "description": "A component library based on React, Bulma, Typescript and Rollup",
5
5
  "keywords": [
6
6
  "typescript",
@@ -44,17 +44,18 @@
44
44
  "prepare": "npm run build",
45
45
  "build": "rollup -c --bundleConfigAsCjs",
46
46
  "build:storybook": "storybook build",
47
- "semantic-release": "semantic-release"
47
+ "semantic-release": "semantic-release",
48
+ "create": "hygen component new"
48
49
  },
49
50
  "devDependencies": {
50
- "@babel/core": "^7.23.0",
51
- "@babel/preset-env": "^7.22.20",
51
+ "@babel/core": "^7.23.2",
52
+ "@babel/preset-env": "^7.23.2",
52
53
  "@babel/preset-react": "^7.22.15",
53
- "@babel/preset-typescript": "^7.23.0",
54
- "@mdi/font": "^7.2.96",
55
- "@rollup/plugin-commonjs": "^25.0.4",
56
- "@rollup/plugin-node-resolve": "^15.2.1",
57
- "@rollup/plugin-typescript": "^11.1.4",
54
+ "@babel/preset-typescript": "^7.23.2",
55
+ "@mdi/font": "^7.3.67",
56
+ "@rollup/plugin-commonjs": "^25.0.7",
57
+ "@rollup/plugin-node-resolve": "^15.2.3",
58
+ "@rollup/plugin-typescript": "^11.1.5",
58
59
  "@semantic-release/changelog": "^6.0.3",
59
60
  "@semantic-release/commit-analyzer": "^11.0.0",
60
61
  "@semantic-release/exec": "^6.0.3",
@@ -62,40 +63,42 @@
62
63
  "@semantic-release/github": "^9.2.1",
63
64
  "@semantic-release/npm": "^11.0.0",
64
65
  "@semantic-release/release-notes-generator": "^12.0.0",
65
- "@storybook/addon-actions": "^7.4.5",
66
- "@storybook/addon-essentials": "^7.4.5",
67
- "@storybook/addon-interactions": "^7.4.5",
68
- "@storybook/addon-links": "^7.4.5",
69
- "@storybook/addon-mdx-gfm": "^7.4.5",
70
- "@storybook/cli": "^7.4.5",
71
- "@storybook/react": "^7.4.5",
72
- "@storybook/react-webpack5": "^7.4.5",
66
+ "@storybook/addon-actions": "^7.5.1",
67
+ "@storybook/addon-essentials": "^7.5.1",
68
+ "@storybook/addon-interactions": "^7.5.1",
69
+ "@storybook/addon-links": "^7.5.1",
70
+ "@storybook/addon-mdx-gfm": "^7.5.1",
71
+ "@storybook/cli": "^7.5.1",
72
+ "@storybook/react": "^7.5.1",
73
+ "@storybook/react-webpack5": "^7.5.1",
73
74
  "@storybook/testing-library": "^0.2.2",
74
- "@testing-library/jest-dom": "^6.1.3",
75
+ "@testing-library/jest-dom": "^6.1.4",
75
76
  "@testing-library/react": "^14.0.0",
76
- "@types/jest": "^29.5.5",
77
- "@types/react": "^18.2.24",
78
- "@typescript-eslint/eslint-plugin": "^6.7.4",
79
- "@typescript-eslint/parser": "^6.7.4",
77
+ "@testing-library/user-event": "^14.5.1",
78
+ "@types/jest": "^29.5.6",
79
+ "@types/react": "^18.2.31",
80
+ "@typescript-eslint/eslint-plugin": "^6.8.0",
81
+ "@typescript-eslint/parser": "^6.8.0",
80
82
  "babel-jest": "^29.7.0",
81
83
  "babel-loader": "^9.1.3",
82
84
  "bulma": "^0.9.4",
83
- "eslint": "^8.50.0",
85
+ "eslint": "^8.52.0",
84
86
  "eslint-config-prettier": "^9.0.0",
85
87
  "eslint-plugin-react": "^7.33.2",
86
88
  "husky": "^8.0.3",
89
+ "hygen": "^6.2.11",
87
90
  "jest": "^29.7.0",
88
91
  "jest-environment-jsdom": "^29.7.0",
89
- "lint-staged": "^14.0.1",
92
+ "lint-staged": "^15.0.2",
90
93
  "postcss": "^8.4.31",
91
94
  "prettier": "^3.0.3",
92
95
  "react": "^18.2.0",
93
96
  "react-dom": "^18.2.0",
94
- "rollup": "^3.29.4",
95
- "rollup-plugin-dts": "^6.0.2",
97
+ "rollup": "^4.1.4",
98
+ "rollup-plugin-dts": "^6.1.0",
96
99
  "rollup-plugin-postcss": "^4.0.2",
97
100
  "semantic-release": "^22.0.5",
98
- "storybook": "^7.4.5",
101
+ "storybook": "^7.5.1",
99
102
  "tslib": "^2.6.2",
100
103
  "typescript": "^5.2.2"
101
104
  },