@uva-glass/component-library 1.44.0 → 1.45.0

package/dist/assets/FeedbackBox.css

@@ -0,0 +1 @@
+._feedback-box_lzc6j_1{background-color:var(--color-white);display:flex;gap:.5rem;padding:.75rem 1rem .75rem .5rem}._feedback-box_lzc6j_1>svg{flex-shrink:0;height:1rem;width:1rem;margin-top:.25rem}._feedback-box__success_lzc6j_15{background-color:var(--color-mint-cream)}._feedback-box__warning_lzc6j_19{background-color:var(--color-natural-wood)}._feedback-box__error_lzc6j_23{background-color:var(--color-amour)}

package/dist/components/FeedbackBox/FeedbackBox.d.ts

@@ -0,0 +1,8 @@
+type FeedbackLevel = 'success' | 'warning' | 'error';
+export interface FeedbackBoxProps {
+    id?: string;
+    level: FeedbackLevel;
+    feedback: string;
+}
+export declare const FeedbackBox: ({ id, level, feedback }: FeedbackBoxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FeedbackBox/FeedbackBox.js

@@ -0,0 +1,31 @@
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { c as a } from "../../clsx-OuTLNxxd.js";
+import { Icon as b } from "../Icon/Icon.js";
+import '../../assets/FeedbackBox.css';const e = {
+  "feedback-box": "_feedback-box_lzc6j_1",
+  "feedback-box__success": "_feedback-box__success_lzc6j_15",
+  "feedback-box__warning": "_feedback-box__warning_lzc6j_19",
+  "feedback-box__error": "_feedback-box__error_lzc6j_23"
+}, n = {
+  success: "CheckCircle",
+  warning: "ExclamationTriangleMini",
+  error: "ExclamationCircle"
+}, f = ({ id: _, level: c, feedback: o }) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: a(e["feedback-box"], {
+      [e["feedback-box__success"]]: c === "success",
+      [e["feedback-box__warning"]]: c === "warning",
+      [e["feedback-box__error"]]: c === "error"
+    }),
+    id: _,
+    children: [
+      /* @__PURE__ */ s(b, { name: n[c], size: 16 }),
+      o
+    ]
+  }
+);
+export {
+  f as FeedbackBox
+};
+//# sourceMappingURL=FeedbackBox.js.map

package/dist/components/FeedbackBox/FeedbackBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackBox.js","sources":["../../../src/components/FeedbackBox/FeedbackBox.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './FeedbackBox.module.css';\n\nimport { Icon } from 'components/Icon';\n\ntype FeedbackLevel = 'success' | 'warning' | 'error';\n\nconst LEVEL_ICON_MAP: Record<FeedbackLevel, IconProps['name']> = {\n  success: 'CheckCircle',\n  warning: 'ExclamationTriangleMini',\n  error: 'ExclamationCircle',\n};\n\nexport interface FeedbackBoxProps {\n  id?: string;\n  level: FeedbackLevel;\n  feedback: string;\n}\n\nexport const FeedbackBox = ({ id, level, feedback }: FeedbackBoxProps) => (\n  <div\n    className={clsx(styles['feedback-box'], {\n      [styles['feedback-box__success']]: level === 'success',\n      [styles['feedback-box__warning']]: level === 'warning',\n      [styles['feedback-box__error']]: level === 'error',\n    })}\n    id={id}\n  >\n    <Icon name={LEVEL_ICON_MAP[level]} size={16} />\n    {feedback}\n  </div>\n);\n"],"names":["LEVEL_ICON_MAP","FeedbackBox","id","level","feedback","jsxs","clsx","styles","jsx","Icon"],"mappings":";;;;;;;;GAUMA,IAA2D;AAAA,EAC/D,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAQaC,IAAc,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,EACvC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,cAAc,GAAG;AAAA,MACtC,CAACA,EAAO,uBAAuB,CAAC,GAAGJ,MAAU;AAAA,MAC7C,CAACI,EAAO,uBAAuB,CAAC,GAAGJ,MAAU;AAAA,MAC7C,CAACI,EAAO,qBAAqB,CAAC,GAAGJ,MAAU;AAAA,IAAA,CAC5C;AAAA,IACD,IAAAD;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAM,EAACC,KAAK,MAAMT,EAAeG,CAAK,GAAG,MAAM,IAAI;AAAA,MAC5CC;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/dist/components/FeedbackBox/FeedbackBox.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { FeedbackBoxProps } from './FeedbackBox';
+declare const _default: Meta<FeedbackBoxProps>;
+export default _default;
+export declare const FeedbackBoxExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FeedbackBoxProps>;

package/dist/components/FeedbackBox/FeedbackBox.stories.js

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import { FeedbackBox as o } from "./FeedbackBox.js";
+import { Container as a } from "../storyComponents/Container/Container.js";
+const m = {
+  title: "Molecules/FeedbackBox",
+  component: o
+}, c = (t) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { ...t }) }), d = c.bind({});
+d.args = {
+  id: "gba0d2d4",
+  level: "success",
+  feedback: "Example FeedbackBox text"
+};
+export {
+  d as FeedbackBoxExample,
+  m as default
+};
+//# sourceMappingURL=FeedbackBox.stories.js.map

package/dist/components/FeedbackBox/FeedbackBox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackBox.stories.js","sources":["../../../src/components/FeedbackBox/FeedbackBox.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FeedbackBoxProps } from './FeedbackBox';\n\nimport { FeedbackBox } from './FeedbackBox';\n\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/FeedbackBox',\n  component: FeedbackBox,\n} as Meta<FeedbackBoxProps>;\n\nconst Template: StoryFn<FeedbackBoxProps> = (args) => (\n  <Container>\n    <FeedbackBox {...args} />\n  </Container>\n);\n\nexport const FeedbackBoxExample = Template.bind({});\nFeedbackBoxExample.args = {\n  id: 'gba0d2d4',\n  level: 'success',\n  feedback: 'Example FeedbackBox text',\n};\n"],"names":["FeedbackBox_stories","FeedbackBox","Template","args","jsx","Container","FeedbackBoxExample"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAsC,CAACC,MAC3C,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAa,GAAGE,EAAM,CAAA,EACzB,CAAA,GAGWG,IAAqBJ,EAAS,KAAK,EAAE;AAClDI,EAAmB,OAAO;AAAA,EACxB,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,UAAU;AACZ;"}

package/dist/components/FeedbackBox/index.d.ts

@@ -0,0 +1 @@
+export * from './FeedbackBox';

package/dist/components/FeedbackBox/index.js

@@ -0,0 +1,5 @@
+import { FeedbackBox as r } from "./FeedbackBox.js";
+export {
+  r as FeedbackBox
+};
+//# sourceMappingURL=index.js.map

package/dist/components/FeedbackBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ export * from './Card';
 export * from './Checkbox';
 export * from './Drawer';
 export * from './EmptyStateDataDisplay';
+export * from './FeedbackBox';
 export * from './FieldHint';
 export * from './Fieldset';
 export * from './FormField';

package/dist/components/index.js

@@ -1,80 +1,82 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
 import { ActionList as p } from "./ActionList/ActionList.js";
-import { AppStatusBar as f } from "./AppStatusBar/AppStatusBar.js";
+import { AppStatusBar as x } from "./AppStatusBar/AppStatusBar.js";
 import { Attention as i } from "./Attention/Attention.js";
 import { Backdrop as n } from "./Backdrop/Backdrop.js";
 import { Button as u } from "./Button/Button.js";
-import { ButtonGroup as c } from "./ButtonGroup/ButtonGroup.js";
-import { Card as S } from "./Card/Card.js";
+import { ButtonGroup as d } from "./ButtonGroup/ButtonGroup.js";
+import { Card as B } from "./Card/Card.js";
 import { Checkbox as M } from "./Checkbox/Checkbox.js";
-import { Drawer as D } from "./Drawer/Drawer.js";
+import { Drawer as L } from "./Drawer/Drawer.js";
 import { EmptyStateDataDisplay as I } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
+import { FeedbackBox as k } from "./FeedbackBox/FeedbackBox.js";
 import { FieldHint as C } from "./FieldHint/FieldHint.js";
-import { Fieldset as b } from "./Fieldset/Fieldset.js";
-import { FormField as k } from "./FormField/FormField.js";
-import { GridRow as R } from "./GridRow/GridRow.js";
-import { HorizontalList as w } from "./HorizontalList/HorizontalList.js";
-import { Icon as H } from "./Icon/Icon.js";
-import { IconButton as z } from "./IconButton/IconButton.js";
-import { InfoMessage as N } from "./InfoMessage/InfoMessage.js";
-import { Input as T } from "./Input/Input.js";
-import { InputField as q } from "./InputField/InputField.js";
-import { Label as K } from "./Label/Label.js";
-import { MenuButton as U } from "./MenuButton/MenuButton.js";
-import { MenuLink as W } from "./MenuLink/MenuLink.js";
-import { MetaDataList as Y } from "./MetaDataList/MetaDataList.js";
-import { ModalDialog as _ } from "./ModalDialog/ModalDialog.js";
-import { M as oo } from "../MultiSelect-B9JaIPXs.js";
-import { OverlayCloseButton as to } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { Periods as po } from "./Periods/Periods.js";
-import { ProgrammeCard as fo } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as io } from "./RadioButton/RadioButton.js";
-import { Repeater as no } from "./Repeater/Repeater.js";
-import { SectionNotification as uo } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as co } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as Bo, useSelect as Mo } from "./SelectListbox/SelectProvider.js";
-import { Spinner as Do } from "./Spinner/Spinner.js";
-import { StatusPill as Io } from "./StatusPill/StatusPill.js";
+import { Fieldset as g } from "./Fieldset/Fieldset.js";
+import { FormField as R } from "./FormField/FormField.js";
+import { GridRow as w } from "./GridRow/GridRow.js";
+import { HorizontalList as H } from "./HorizontalList/HorizontalList.js";
+import { Icon as z } from "./Icon/Icon.js";
+import { IconButton as N } from "./IconButton/IconButton.js";
+import { InfoMessage as T } from "./InfoMessage/InfoMessage.js";
+import { Input as q } from "./Input/Input.js";
+import { InputField as K } from "./InputField/InputField.js";
+import { Label as U } from "./Label/Label.js";
+import { MenuButton as W } from "./MenuButton/MenuButton.js";
+import { MenuLink as Y } from "./MenuLink/MenuLink.js";
+import { MetaDataList as _ } from "./MetaDataList/MetaDataList.js";
+import { ModalDialog as oo } from "./ModalDialog/ModalDialog.js";
+import { M as to } from "../MultiSelect-B9JaIPXs.js";
+import { OverlayCloseButton as po } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { Periods as xo } from "./Periods/Periods.js";
+import { ProgrammeCard as io } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as no } from "./RadioButton/RadioButton.js";
+import { Repeater as uo } from "./Repeater/Repeater.js";
+import { SectionNotification as so } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as So } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as Fo, useSelect as Lo } from "./SelectListbox/SelectProvider.js";
+import { Spinner as Io } from "./Spinner/Spinner.js";
+import { StatusPill as ko } from "./StatusPill/StatusPill.js";
 import { Tooltip as Co } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as ActionList,
-  f as AppStatusBar,
+  x as AppStatusBar,
   i as Attention,
   n as Backdrop,
   u as Button,
-  c as ButtonGroup,
-  S as Card,
+  d as ButtonGroup,
+  B as Card,
   M as Checkbox,
-  D as Drawer,
+  L as Drawer,
   I as EmptyStateDataDisplay,
+  k as FeedbackBox,
   C as FieldHint,
-  b as Fieldset,
-  k as FormField,
-  R as GridRow,
-  w as HorizontalList,
-  H as Icon,
-  z as IconButton,
-  N as InfoMessage,
-  T as Input,
-  q as InputField,
-  K as Label,
-  U as MenuButton,
-  W as MenuLink,
-  Y as MetaDataList,
-  _ as ModalDialog,
-  oo as MultiSelect,
-  to as OverlayCloseButton,
-  po as Periods,
-  fo as ProgrammeCard,
-  io as RadioButton,
-  no as Repeater,
-  uo as SectionNotification,
-  co as SelectListbox,
-  Bo as SelectProvider,
-  Do as Spinner,
-  Io as StatusPill,
+  g as Fieldset,
+  R as FormField,
+  w as GridRow,
+  H as HorizontalList,
+  z as Icon,
+  N as IconButton,
+  T as InfoMessage,
+  q as Input,
+  K as InputField,
+  U as Label,
+  W as MenuButton,
+  Y as MenuLink,
+  _ as MetaDataList,
+  oo as ModalDialog,
+  to as MultiSelect,
+  po as OverlayCloseButton,
+  xo as Periods,
+  io as ProgrammeCard,
+  no as RadioButton,
+  uo as Repeater,
+  so as SectionNotification,
+  So as SelectListbox,
+  Fo as SelectProvider,
+  Io as Spinner,
+  ko as StatusPill,
   Co as Tooltip,
-  Mo as useSelect
+  Lo as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -1,80 +1,82 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { ActionList as p } from "./components/ActionList/ActionList.js";
-import { AppStatusBar as f } from "./components/AppStatusBar/AppStatusBar.js";
+import { AppStatusBar as x } from "./components/AppStatusBar/AppStatusBar.js";
 import { Attention as i } from "./components/Attention/Attention.js";
 import { Backdrop as n } from "./components/Backdrop/Backdrop.js";
 import { Button as u } from "./components/Button/Button.js";
-import { ButtonGroup as c } from "./components/ButtonGroup/ButtonGroup.js";
-import { Card as S } from "./components/Card/Card.js";
+import { ButtonGroup as d } from "./components/ButtonGroup/ButtonGroup.js";
+import { Card as B } from "./components/Card/Card.js";
 import { Checkbox as M } from "./components/Checkbox/Checkbox.js";
-import { Drawer as D } from "./components/Drawer/Drawer.js";
+import { Drawer as L } from "./components/Drawer/Drawer.js";
 import { EmptyStateDataDisplay as I } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
+import { FeedbackBox as k } from "./components/FeedbackBox/FeedbackBox.js";
 import { FieldHint as C } from "./components/FieldHint/FieldHint.js";
-import { Fieldset as b } from "./components/Fieldset/Fieldset.js";
-import { FormField as k } from "./components/FormField/FormField.js";
-import { GridRow as R } from "./components/GridRow/GridRow.js";
-import { HorizontalList as w } from "./components/HorizontalList/HorizontalList.js";
-import { Icon as H } from "./components/Icon/Icon.js";
-import { IconButton as z } from "./components/IconButton/IconButton.js";
-import { InfoMessage as N } from "./components/InfoMessage/InfoMessage.js";
-import { Input as T } from "./components/Input/Input.js";
-import { InputField as q } from "./components/InputField/InputField.js";
-import { Label as K } from "./components/Label/Label.js";
-import { MenuButton as U } from "./components/MenuButton/MenuButton.js";
-import { MenuLink as W } from "./components/MenuLink/MenuLink.js";
-import { MetaDataList as Y } from "./components/MetaDataList/MetaDataList.js";
-import { ModalDialog as _ } from "./components/ModalDialog/ModalDialog.js";
-import { M as oo } from "./MultiSelect-B9JaIPXs.js";
-import { OverlayCloseButton as to } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { Periods as po } from "./components/Periods/Periods.js";
-import { ProgrammeCard as fo } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as io } from "./components/RadioButton/RadioButton.js";
-import { Repeater as no } from "./components/Repeater/Repeater.js";
-import { SectionNotification as uo } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as co } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as Bo, useSelect as Mo } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as Do } from "./components/Spinner/Spinner.js";
-import { StatusPill as Io } from "./components/StatusPill/StatusPill.js";
+import { Fieldset as g } from "./components/Fieldset/Fieldset.js";
+import { FormField as R } from "./components/FormField/FormField.js";
+import { GridRow as w } from "./components/GridRow/GridRow.js";
+import { HorizontalList as H } from "./components/HorizontalList/HorizontalList.js";
+import { Icon as z } from "./components/Icon/Icon.js";
+import { IconButton as N } from "./components/IconButton/IconButton.js";
+import { InfoMessage as T } from "./components/InfoMessage/InfoMessage.js";
+import { Input as q } from "./components/Input/Input.js";
+import { InputField as K } from "./components/InputField/InputField.js";
+import { Label as U } from "./components/Label/Label.js";
+import { MenuButton as W } from "./components/MenuButton/MenuButton.js";
+import { MenuLink as Y } from "./components/MenuLink/MenuLink.js";
+import { MetaDataList as _ } from "./components/MetaDataList/MetaDataList.js";
+import { ModalDialog as oo } from "./components/ModalDialog/ModalDialog.js";
+import { M as to } from "./MultiSelect-B9JaIPXs.js";
+import { OverlayCloseButton as po } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { Periods as xo } from "./components/Periods/Periods.js";
+import { ProgrammeCard as io } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as no } from "./components/RadioButton/RadioButton.js";
+import { Repeater as uo } from "./components/Repeater/Repeater.js";
+import { SectionNotification as so } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as So } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as Fo, useSelect as Lo } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as Io } from "./components/Spinner/Spinner.js";
+import { StatusPill as ko } from "./components/StatusPill/StatusPill.js";
 import { Tooltip as Co } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as ActionList,
-  f as AppStatusBar,
+  x as AppStatusBar,
   i as Attention,
   n as Backdrop,
   u as Button,
-  c as ButtonGroup,
-  S as Card,
+  d as ButtonGroup,
+  B as Card,
   M as Checkbox,
-  D as Drawer,
+  L as Drawer,
   I as EmptyStateDataDisplay,
+  k as FeedbackBox,
   C as FieldHint,
-  b as Fieldset,
-  k as FormField,
-  R as GridRow,
-  w as HorizontalList,
-  H as Icon,
-  z as IconButton,
-  N as InfoMessage,
-  T as Input,
-  q as InputField,
-  K as Label,
-  U as MenuButton,
-  W as MenuLink,
-  Y as MetaDataList,
-  _ as ModalDialog,
-  oo as MultiSelect,
-  to as OverlayCloseButton,
-  po as Periods,
-  fo as ProgrammeCard,
-  io as RadioButton,
-  no as Repeater,
-  uo as SectionNotification,
-  co as SelectListbox,
-  Bo as SelectProvider,
-  Do as Spinner,
-  Io as StatusPill,
+  g as Fieldset,
+  R as FormField,
+  w as GridRow,
+  H as HorizontalList,
+  z as Icon,
+  N as IconButton,
+  T as InfoMessage,
+  q as Input,
+  K as InputField,
+  U as Label,
+  W as MenuButton,
+  Y as MenuLink,
+  _ as MetaDataList,
+  oo as ModalDialog,
+  to as MultiSelect,
+  po as OverlayCloseButton,
+  xo as Periods,
+  io as ProgrammeCard,
+  no as RadioButton,
+  uo as Repeater,
+  so as SectionNotification,
+  So as SelectListbox,
+  Fo as SelectProvider,
+  Io as Spinner,
+  ko as StatusPill,
   Co as Tooltip,
-  Mo as useSelect
+  Lo as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.44.0",
+  "version": "1.45.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -57,7 +57,7 @@
     "@storybook/react-vite": "^8.2.9",
     "@storybook/test": "^8.2.9",
     "@types/node": "^20.16.1",
-    "@types/react": "^18.3.3",
+    "@types/react": "^18.3.4",
     "@types/react-dom": "^18.3.0",
     "@uva-glass/eslint-config": "^1.3.1",
     "@uva-glass/stylelint-config": "^1.1.0",
@@ -68,7 +68,7 @@
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.9",
+    "eslint-plugin-react-refresh": "^0.4.10",
     "eslint-plugin-storybook": "^0.8.0",
     "glob": "^11.0.0",
     "jest": "^29.7.0",
@@ -87,7 +87,7 @@
     "stylelint-config-standard": "^36.0.1",
     "stylelint-order": "^6.0.4",
     "typescript": "^5.5.4",
-    "vite": "^5.4.1",
+    "vite": "^5.4.2",
     "vite-plugin-dts": "^4.0.3",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-svgr": "^4.2.0",