reactive-bulma 2.7.0 → 2.9.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.
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { PaginationItemProps } from '../../../interfaces/atomProps';
3
+ declare const PaginationItem: React.FC<PaginationItemProps>;
4
+ export default PaginationItem;
@@ -17,3 +17,5 @@ export { default as BreadcrumbItem } from './BreadcrumbItem';
17
17
  export { default as DropdownTrigger } from './DropdownTrigger';
18
18
  export { default as DropdownItem } from './DropdownItem';
19
19
  export { default as MenuItem } from './MenuItem';
20
+ export { default as Image } from './Image';
21
+ export { default as PaginationItem } from './PaginationItem';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ModalProps } from '../../../interfaces/moleculeProps';
3
+ declare const Modal: React.FC<ModalProps>;
4
+ export default Modal;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { PaginationProps } from '../../../interfaces/moleculeProps';
3
+ declare const Pagination: React.FC<PaginationProps>;
4
+ export default Pagination;
@@ -6,3 +6,5 @@ export { default as Dropdown } from './Dropdown';
6
6
  export { default as Message } from './Message';
7
7
  export { default as Menu } from './Menu';
8
8
  export { default as MenuList } from './MenuList';
9
+ export { default as Pagination } from './Pagination';
10
+ export { default as Modal } from './Modal';
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { ElementProps, ComposedElementProps, ClickeableProps } from './commonProps';
3
- import { basicColorType, columnOffsetType, columnSizeType, fixedImageSizeType, iconColorModeType, basicSizeType, textColorType, titleSizeType } from '../types/styleTypes';
3
+ import { basicColorType, columnOffsetType, columnSizeType, fixedImageSizeType, iconColorModeType, basicSizeType, textColorType, titleSizeType, reducedSizeType } from '../types/styleTypes';
4
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 */
@@ -70,7 +70,7 @@ export interface TagProps extends ComposedElementProps, React.ComponentPropsWith
70
70
  /** `Styling` Will add round borders to tag's shape */
71
71
  isRounded?: boolean;
72
72
  /** `Styling` Set tag's size */
73
- size?: Exclude<basicSizeType, 'is-normal'>;
73
+ size?: reducedSizeType;
74
74
  /** `Styling` Color on tag's addon based on bulma's color tokens */
75
75
  addonColor?: basicColorType;
76
76
  /** `Function` Click function for `delete` option, alone does not nothing, but can be reused for other components */
@@ -112,7 +112,7 @@ export interface IconProps extends ComposedElementProps {
112
112
  /** `Styling` Color based on bulma's text color tokens */
113
113
  color?: textColorType;
114
114
  /** `Styling` Set icons's size */
115
- size?: Exclude<basicSizeType, 'is-normal'>;
115
+ size?: reducedSizeType;
116
116
  /** `Styling` Special usage in case you want to set as dark or light mode */
117
117
  colorMode?: iconColorModeType;
118
118
  /** `Styling` Animates the icon spinning 360° */
@@ -150,7 +150,7 @@ export interface TextAreaProps extends Omit<InputProps, 'isRounded' | 'type'> {
150
150
  }
151
151
  export interface DeleteProps extends ElementProps, ClickeableProps {
152
152
  /** `Styling` Set icons's size */
153
- size?: Exclude<basicSizeType, 'is-normal'>;
153
+ size?: reducedSizeType;
154
154
  }
155
155
  export interface SelectOption {
156
156
  id: string | number;
@@ -247,3 +247,13 @@ export interface MenuItemProps extends ElementProps, ClickeableProps {
247
247
  /** `Styling` Generates a blue background to mark the item as the active one in the `MenuList` */
248
248
  isActive?: boolean;
249
249
  }
250
+ export interface PaginationItemProps extends ElementProps, ClickeableProps {
251
+ /** `Attribute` `Required` Sets the number string that will be shown in the item and in its title when user hovers it */
252
+ text: string | number;
253
+ /** `Attribute` Sets the custom text before the `text` when user hovers the item */
254
+ labelText?: string;
255
+ /** `Attribute` Sets the custom text before the `text` when user hovers the item if is the current one */
256
+ currentLabelText?: string;
257
+ /** `Styling` Makes the item the selected one, changing its background to blue */
258
+ isSelected?: boolean;
259
+ }
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { ComposedElementProps, ElementProps } from './commonProps';
3
- import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps, MenuItemProps } from './atomProps';
4
- import { basicColorType, basicSizeType, breadcrumbAlignType, breadcrumbSeparatorType, columnGapType } from '../types/styleTypes';
2
+ import { ClickeableProps, ComposedElementProps, ElementProps } from './commonProps';
3
+ import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps, MenuItemProps, PaginationItemProps } from './atomProps';
4
+ import { basicColorType, elementAlignType, breadcrumbSeparatorType, columnGapType, reducedSizeType } 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[];
@@ -38,11 +38,11 @@ export interface BreadcrumbsProps extends ComposedElementProps {
38
38
  /** `Atribute` `Required` Array of `BreadcrumbItems` objects that will be shown */
39
39
  items: BreadcrumbItemProps[];
40
40
  /** `Styling` Will adjust element position on screen */
41
- alignment?: breadcrumbAlignType | null;
41
+ alignment?: elementAlignType | null;
42
42
  /** `Styling` Will adjust element position on screen */
43
43
  separator?: breadcrumbSeparatorType | null;
44
44
  /** `Styling` Set button's size on bulma's size tokens */
45
- size?: Exclude<basicSizeType, 'is-normal'>;
45
+ size?: reducedSizeType;
46
46
  }
47
47
  export interface DropdownProps extends ElementProps {
48
48
  /** `Atribute` `Required` Sets the name will be shown on the dropdown input */
@@ -62,7 +62,7 @@ export interface MessageProps extends ElementProps {
62
62
  /** `Styling` Color based on bulma's color tokens */
63
63
  color?: basicColorType;
64
64
  /** `Styling` Set button's size on bulma's size tokens */
65
- size?: Exclude<basicSizeType, 'is-normal'>;
65
+ size?: reducedSizeType;
66
66
  }
67
67
  interface MenuSubListProps {
68
68
  subListTitle: MenuItemProps;
@@ -83,4 +83,36 @@ export interface MenuProps extends ElementProps {
83
83
  /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
84
84
  menuSections: MenuSectionProps[];
85
85
  }
86
+ export interface PaginationNavigationButtonProps extends ClickeableProps {
87
+ /** `Attribute` `Required` Text that will be shown on the button */
88
+ text: string;
89
+ /** `Attribute` Will disable the button */
90
+ isDisabled?: boolean;
91
+ /** `Attribute` Custom CSS classes, applicable for specific scenarios */
92
+ cssClasses?: string;
93
+ }
94
+ export interface PaginationProps extends ComposedElementProps {
95
+ /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
96
+ pages: PaginationItemProps[];
97
+ /** `Attribute` Adds a couple of ellipsis between the first and last item */
98
+ hasEllipsis?: boolean;
99
+ /** `Attribute` Number of items that will be hidden if `hasEllipsis` is `true` */
100
+ ellipsisItems?: number;
101
+ /** `Attribute` Toogle `Previous` and `Next page` buttons next to the selectable pages */
102
+ showPreviousPageButton?: PaginationNavigationButtonProps | null;
103
+ /** `Attribute` Toogle `Previous` and `Next page` buttons next to the selectable pages */
104
+ showNextPageButton?: PaginationNavigationButtonProps | null;
105
+ /** `Styling` Will add round borders to each page's shape */
106
+ isRounded?: boolean;
107
+ /** `Styling` Set button's size on bulma's size tokens */
108
+ size?: reducedSizeType;
109
+ /** `Styling` Will adjust the pages position on screen */
110
+ alignment?: elementAlignType | null;
111
+ }
112
+ export interface ModalProps extends ComposedElementProps {
113
+ /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
114
+ children?: string | React.ReactElement | React.ReactElement[] | null;
115
+ /** `Function` Custom function related to the modal's close button to inject custom code if needed */
116
+ onCloseClick?: () => void;
117
+ }
86
118
  export {};
@@ -5,7 +5,8 @@ export type basicColorType = 'is-white' | 'is-light' | 'is-dark' | 'is-black' |
5
5
  export type textColorType = 'has-text-white' | 'has-text-black' | 'has-text-light' | 'has-text-dark' | 'has-text-primary' | 'has-text-link' | 'has-text-info' | 'has-text-success' | 'has-text-warning' | 'has-text-danger';
6
6
  export type fixedImageSizeType = 'is-16x16' | 'is-24x24' | 'is-32x32' | 'is-48x48' | 'is-64x64' | 'is-96x96' | 'is-128x128' | 'is-square' | 'is-1by1' | 'is-5by4' | 'is-4by3' | 'is-3by2' | 'is-5by3' | 'is-16by9' | 'is-2by1' | 'is-3by1' | 'is-4by5' | 'is-3by4' | 'is-2by3' | 'is-3by5' | 'is-9by16' | 'is-1by2' | 'is-1by3';
7
7
  export type basicSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
8
+ export type reducedSizeType = Exclude<basicSizeType, 'is-normal'>;
8
9
  export type iconColorModeType = 'light' | 'dark';
9
10
  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 elementAlignType = 'is-centered' | 'is-right';
11
12
  export type breadcrumbSeparatorType = 'has-arrow-separator' | 'has-bullet-separator' | 'has-dot-separator' | 'has-succeeds-separator';
package/dist/index.d.ts CHANGED
@@ -29,10 +29,12 @@ type titleSizeType = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6';
29
29
  type columnOffsetType = 'is-offset-1' | 'is-offset-2' | 'is-offset-3' | 'is-offset-4' | 'is-offset-5' | 'is-offset-6' | 'is-offset-7' | 'is-offset-8' | 'is-offset-9' | 'is-offset-10' | 'is-offset-11' | 'is-offset-12';
30
30
  type basicColorType = 'is-white' | 'is-light' | 'is-dark' | 'is-black' | 'is-text' | 'is-ghost' | 'is-primary' | 'is-link' | 'is-info' | 'is-success' | 'is-warning' | 'is-danger';
31
31
  type textColorType = 'has-text-white' | 'has-text-black' | 'has-text-light' | 'has-text-dark' | 'has-text-primary' | 'has-text-link' | 'has-text-info' | 'has-text-success' | 'has-text-warning' | 'has-text-danger';
32
+ type fixedImageSizeType = 'is-16x16' | 'is-24x24' | 'is-32x32' | 'is-48x48' | 'is-64x64' | 'is-96x96' | 'is-128x128' | 'is-square' | 'is-1by1' | 'is-5by4' | 'is-4by3' | 'is-3by2' | 'is-5by3' | 'is-16by9' | 'is-2by1' | 'is-3by1' | 'is-4by5' | 'is-3by4' | 'is-2by3' | 'is-3by5' | 'is-9by16' | 'is-1by2' | 'is-1by3';
32
33
  type basicSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
34
+ type reducedSizeType = Exclude<basicSizeType, 'is-normal'>;
33
35
  type iconColorModeType = 'light' | 'dark';
34
36
  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';
37
+ type elementAlignType = 'is-centered' | 'is-right';
36
38
  type breadcrumbSeparatorType = 'has-arrow-separator' | 'has-bullet-separator' | 'has-dot-separator' | 'has-succeeds-separator';
37
39
 
38
40
  type inputTypes = 'text' | 'password' | 'email' | 'tel';
@@ -106,12 +108,20 @@ interface TagProps extends ComposedElementProps, React$1.ComponentPropsWithoutRe
106
108
  /** `Styling` Will add round borders to tag's shape */
107
109
  isRounded?: boolean;
108
110
  /** `Styling` Set tag's size */
109
- size?: Exclude<basicSizeType, 'is-normal'>;
111
+ size?: reducedSizeType;
110
112
  /** `Styling` Color on tag's addon based on bulma's color tokens */
111
113
  addonColor?: basicColorType;
112
114
  /** `Function` Click function for `delete` option, alone does not nothing, but can be reused for other components */
113
115
  onDeleteClick?: () => void;
114
116
  }
117
+ interface ImageProps extends ComposedElementProps, React$1.ComponentPropsWithoutRef<'figure'> {
118
+ /** `Attribute` `Required` The image source that will be shown */
119
+ src: string;
120
+ /** `Styling` Will add round borders to image's shape */
121
+ fixedSize?: fixedImageSizeType;
122
+ /** `Styling` Sets image size based on one of fixed ratios/fixed sizes */
123
+ isRounded?: boolean;
124
+ }
115
125
  interface BoxProps extends ElementProps, React$1.ComponentPropsWithoutRef<'section'> {
116
126
  /** `Attribute` Reffers to the component or array of components that will be shown inside the box */
117
127
  children?: string | React$1.ReactElement | React$1.ReactElement[];
@@ -140,7 +150,7 @@ interface IconProps extends ComposedElementProps {
140
150
  /** `Styling` Color based on bulma's text color tokens */
141
151
  color?: textColorType;
142
152
  /** `Styling` Set icons's size */
143
- size?: Exclude<basicSizeType, 'is-normal'>;
153
+ size?: reducedSizeType;
144
154
  /** `Styling` Special usage in case you want to set as dark or light mode */
145
155
  colorMode?: iconColorModeType;
146
156
  /** `Styling` Animates the icon spinning 360° */
@@ -178,7 +188,7 @@ interface TextAreaProps extends Omit<InputProps, 'isRounded' | 'type'> {
178
188
  }
179
189
  interface DeleteProps extends ElementProps, ClickeableProps {
180
190
  /** `Styling` Set icons's size */
181
- size?: Exclude<basicSizeType, 'is-normal'>;
191
+ size?: reducedSizeType;
182
192
  }
183
193
  interface SelectOption {
184
194
  id: string | number;
@@ -275,6 +285,16 @@ interface MenuItemProps extends ElementProps, ClickeableProps {
275
285
  /** `Styling` Generates a blue background to mark the item as the active one in the `MenuList` */
276
286
  isActive?: boolean;
277
287
  }
288
+ interface PaginationItemProps extends ElementProps, ClickeableProps {
289
+ /** `Attribute` `Required` Sets the number string that will be shown in the item and in its title when user hovers it */
290
+ text: string | number;
291
+ /** `Attribute` Sets the custom text before the `text` when user hovers the item */
292
+ labelText?: string;
293
+ /** `Attribute` Sets the custom text before the `text` when user hovers the item if is the current one */
294
+ currentLabelText?: string;
295
+ /** `Styling` Makes the item the selected one, changing its background to blue */
296
+ isSelected?: boolean;
297
+ }
278
298
 
279
299
  declare const Button: React$1.FC<ButtonProps>;
280
300
 
@@ -314,6 +334,10 @@ declare const DropdownItem: React$1.FC<DropdownItemProps>;
314
334
 
315
335
  declare const MenuItem: React$1.FC<MenuItemProps>;
316
336
 
337
+ declare const Image: React$1.FC<ImageProps>;
338
+
339
+ declare const PaginationItem: React$1.FC<PaginationItemProps>;
340
+
317
341
  interface ButtonGroupProps extends ElementProps {
318
342
  /** `Atribute` `Required` Array of `Button` objects that will be shown */
319
343
  buttonList: ButtonProps[];
@@ -350,11 +374,11 @@ interface BreadcrumbsProps extends ComposedElementProps {
350
374
  /** `Atribute` `Required` Array of `BreadcrumbItems` objects that will be shown */
351
375
  items: BreadcrumbItemProps[];
352
376
  /** `Styling` Will adjust element position on screen */
353
- alignment?: breadcrumbAlignType | null;
377
+ alignment?: elementAlignType | null;
354
378
  /** `Styling` Will adjust element position on screen */
355
379
  separator?: breadcrumbSeparatorType | null;
356
380
  /** `Styling` Set button's size on bulma's size tokens */
357
- size?: Exclude<basicSizeType, 'is-normal'>;
381
+ size?: reducedSizeType;
358
382
  }
359
383
  interface DropdownProps extends ElementProps {
360
384
  /** `Atribute` `Required` Sets the name will be shown on the dropdown input */
@@ -374,7 +398,7 @@ interface MessageProps extends ElementProps {
374
398
  /** `Styling` Color based on bulma's color tokens */
375
399
  color?: basicColorType;
376
400
  /** `Styling` Set button's size on bulma's size tokens */
377
- size?: Exclude<basicSizeType, 'is-normal'>;
401
+ size?: reducedSizeType;
378
402
  }
379
403
  interface MenuSubListProps {
380
404
  subListTitle: MenuItemProps;
@@ -395,6 +419,38 @@ interface MenuProps extends ElementProps {
395
419
  /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
396
420
  menuSections: MenuSectionProps[];
397
421
  }
422
+ interface PaginationNavigationButtonProps extends ClickeableProps {
423
+ /** `Attribute` `Required` Text that will be shown on the button */
424
+ text: string;
425
+ /** `Attribute` Will disable the button */
426
+ isDisabled?: boolean;
427
+ /** `Attribute` Custom CSS classes, applicable for specific scenarios */
428
+ cssClasses?: string;
429
+ }
430
+ interface PaginationProps extends ComposedElementProps {
431
+ /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
432
+ pages: PaginationItemProps[];
433
+ /** `Attribute` Adds a couple of ellipsis between the first and last item */
434
+ hasEllipsis?: boolean;
435
+ /** `Attribute` Number of items that will be hidden if `hasEllipsis` is `true` */
436
+ ellipsisItems?: number;
437
+ /** `Attribute` Toogle `Previous` and `Next page` buttons next to the selectable pages */
438
+ showPreviousPageButton?: PaginationNavigationButtonProps | null;
439
+ /** `Attribute` Toogle `Previous` and `Next page` buttons next to the selectable pages */
440
+ showNextPageButton?: PaginationNavigationButtonProps | null;
441
+ /** `Styling` Will add round borders to each page's shape */
442
+ isRounded?: boolean;
443
+ /** `Styling` Set button's size on bulma's size tokens */
444
+ size?: reducedSizeType;
445
+ /** `Styling` Will adjust the pages position on screen */
446
+ alignment?: elementAlignType | null;
447
+ }
448
+ interface ModalProps extends ComposedElementProps {
449
+ /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
450
+ children?: string | React.ReactElement | React.ReactElement[] | null;
451
+ /** `Function` Custom function related to the modal's close button to inject custom code if needed */
452
+ onCloseClick?: () => void;
453
+ }
398
454
 
399
455
  declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
400
456
 
@@ -412,4 +468,8 @@ declare const Menu: React$1.FC<MenuProps>;
412
468
 
413
469
  declare const MenuList: React$1.FC<MenuListProps>;
414
470
 
415
- export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, Icon, Input, Menu, MenuItem, MenuList, Message, Notification, ProgressBar, RadioButton, Select, Tag, TextArea, Title };
471
+ declare const Pagination: React$1.FC<PaginationProps>;
472
+
473
+ declare const Modal: React$1.FC<ModalProps>;
474
+
475
+ export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, Icon, Image, Input, Menu, MenuItem, MenuList, Message, Modal, Notification, Pagination, PaginationItem, ProgressBar, RadioButton, Select, Tag, TextArea, Title };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reactive-bulma",
3
- "version": "2.7.0",
3
+ "version": "2.9.0",
4
4
  "description": "A component library based on React, Bulma, Typescript and Rollup",
5
5
  "keywords": [
6
6
  "typescript",
@@ -52,8 +52,8 @@
52
52
  "update:doctor": "npm run lint && npm run test && npm run build"
53
53
  },
54
54
  "devDependencies": {
55
- "@babel/core": "^7.23.3",
56
- "@babel/preset-env": "^7.23.3",
55
+ "@babel/core": "^7.23.5",
56
+ "@babel/preset-env": "^7.23.5",
57
57
  "@babel/preset-react": "^7.23.3",
58
58
  "@babel/preset-typescript": "^7.23.3",
59
59
  "@mdi/font": "^7.3.67",
@@ -64,48 +64,48 @@
64
64
  "@semantic-release/commit-analyzer": "^11.1.0",
65
65
  "@semantic-release/exec": "^6.0.3",
66
66
  "@semantic-release/git": "^10.0.1",
67
- "@semantic-release/github": "^9.2.3",
68
- "@semantic-release/npm": "^11.0.1",
67
+ "@semantic-release/github": "^9.2.5",
68
+ "@semantic-release/npm": "^11.0.2",
69
69
  "@semantic-release/release-notes-generator": "^12.1.0",
70
- "@storybook/addon-actions": "^7.5.3",
71
- "@storybook/addon-essentials": "^7.5.3",
72
- "@storybook/addon-interactions": "^7.5.3",
73
- "@storybook/addon-links": "^7.5.3",
74
- "@storybook/addon-mdx-gfm": "^7.5.3",
75
- "@storybook/cli": "^7.5.3",
76
- "@storybook/react": "^7.5.3",
77
- "@storybook/react-webpack5": "^7.5.3",
70
+ "@storybook/addon-actions": "^7.6.4",
71
+ "@storybook/addon-essentials": "^7.6.4",
72
+ "@storybook/addon-interactions": "^7.6.4",
73
+ "@storybook/addon-links": "^7.6.4",
74
+ "@storybook/addon-mdx-gfm": "^7.6.4",
75
+ "@storybook/cli": "^7.6.4",
76
+ "@storybook/react": "^7.6.4",
77
+ "@storybook/react-webpack5": "^7.6.4",
78
78
  "@storybook/testing-library": "^0.2.2",
79
- "@testing-library/jest-dom": "^6.1.4",
80
- "@testing-library/react": "^14.1.0",
79
+ "@testing-library/jest-dom": "^6.1.5",
80
+ "@testing-library/react": "^14.1.2",
81
81
  "@testing-library/user-event": "^14.5.1",
82
- "@types/jest": "^29.5.8",
83
- "@types/react": "^18.2.37",
84
- "@typescript-eslint/eslint-plugin": "^6.10.0",
85
- "@typescript-eslint/parser": "^6.10.0",
82
+ "@types/jest": "^29.5.11",
83
+ "@types/react": "^18.2.43",
84
+ "@typescript-eslint/eslint-plugin": "^6.13.2",
85
+ "@typescript-eslint/parser": "^6.13.2",
86
86
  "babel-jest": "^29.7.0",
87
87
  "babel-loader": "^9.1.3",
88
88
  "bulma": "^0.9.4",
89
- "eslint": "^8.53.0",
90
- "eslint-config-prettier": "^9.0.0",
89
+ "eslint": "^8.55.0",
90
+ "eslint-config-prettier": "^9.1.0",
91
91
  "eslint-plugin-react": "^7.33.2",
92
92
  "husky": "^8.0.3",
93
93
  "hygen": "^6.2.11",
94
94
  "jest": "^29.7.0",
95
95
  "jest-environment-jsdom": "^29.7.0",
96
- "lint-staged": "^15.1.0",
97
- "npm-check-updates": "^16.14.6",
98
- "postcss": "^8.4.31",
99
- "prettier": "^3.0.3",
96
+ "lint-staged": "^15.2.0",
97
+ "npm-check-updates": "^16.14.11",
98
+ "postcss": "^8.4.32",
99
+ "prettier": "^3.1.0",
100
100
  "react": "^18.2.0",
101
101
  "react-dom": "^18.2.0",
102
- "rollup": "^4.3.1",
102
+ "rollup": "^4.7.0",
103
103
  "rollup-plugin-dts": "^6.1.0",
104
104
  "rollup-plugin-postcss": "^4.0.2",
105
- "semantic-release": "^22.0.7",
106
- "storybook": "^7.5.3",
105
+ "semantic-release": "^22.0.10",
106
+ "storybook": "^7.6.4",
107
107
  "tslib": "^2.6.2",
108
- "typescript": "^5.2.2"
108
+ "typescript": "^5.3.3"
109
109
  },
110
110
  "lint-staged": {
111
111
  "src/**/*.(ts|tsx)": [