@uva-glass/component-library 1.3.4 → 1.4.0

package/dist/SelectListbox.module-1nd3xIGj.js

@@ -1,5 +1,4 @@
-import './assets/SelectListbox.css';
-const e = {
+import './assets/SelectListbox.css';const e = {
   "visually-hidden": "_visually-hidden_g2c58_1",
   "select-listbox-container": "_select-listbox-container_g2c58_3",
   "select-listbox__wrapper": "_select-listbox__wrapper_g2c58_7",

package/dist/assets/Spinner.css

@@ -0,0 +1 @@
+@keyframes _spin_132ki_11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_132ki_11{height:2rem;width:2rem}._spinner_132ki_11:after{border:.25rem solid hsl(0deg 0% 0% / 10%);border-radius:50%;content:" ";display:block;height:100%;transform-origin:50% 50%;width:100%}@media (prefers-reduced-motion: no-preference){._spinner_132ki_11:after{animation:_spin_132ki_11 1s cubic-bezier(.455,.03,.515,.955) infinite;border-left-color:var(--color-black)}}._spinner-container--centered_132ki_33{align-items:center;display:flex;justify-content:center;padding:2rem}._spinner-container--full-screen_132ki_40{height:100vh;width:100vw}

package/dist/components/Button/Button.js

@@ -1,8 +1,7 @@
-import '../../assets/Button.css';
 import { jsx as _ } from "react/jsx-runtime";
 import { c as m } from "../../clsx-DB4S2d7J.js";
 import { forwardRef as b } from "react";
-const a = "_button_1gimu_3", t = {
+import '../../assets/Button.css';const a = "_button_1gimu_3", t = {
   "visually-hidden": "_visually-hidden_1gimu_1",
   button: a,
   "button--blank": "_button--blank_1gimu_36",

package/dist/components/Card/Card.js

@@ -1,8 +1,7 @@
-import '../../assets/Card.css';
 import { jsxs as h, jsx as d } from "react/jsx-runtime";
 import { c as t } from "../../clsx-DB4S2d7J.js";
 import { SectionNotification as i } from "../SectionNotification/SectionNotification.js";
-const n = "_card_aw9hz_3", a = {
+import '../../assets/Card.css';const n = "_card_aw9hz_3", a = {
   "visually-hidden": "_visually-hidden_aw9hz_1",
   card: n,
   "card--regular": "_card--regular_aw9hz_9",

package/dist/components/Icon/Icon.stories.js

@@ -1,9 +1,8 @@
-import '../../assets/Icon.css';
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { Icon as i } from "./Icon.js";
 import { Icons as t } from "./icons/index.js";
 import { ClipboardButton as c } from "../storyComponents/ClipboardButton/ClipboardButton.js";
-const s = "_icon__wrapper_lse0u_1", p = "_icon__item_lse0u_13", n = {
+import '../../assets/Icon.css';const s = "_icon__wrapper_lse0u_1", p = "_icon__item_lse0u_13", n = {
   icon__wrapper: s,
   icon__item: p
 }, w = {

package/dist/components/IconButton/IconButton.js

@@ -1,8 +1,7 @@
-import '../../assets/IconButton.css';
 import { jsx as r } from "react/jsx-runtime";
 import { c as b } from "../../clsx-DB4S2d7J.js";
 import { forwardRef as l } from "react";
-const t = {
+import '../../assets/IconButton.css';const t = {
   "visually-hidden": "_visually-hidden_ldxal_1",
   "icon-button": "_icon-button_ldxal_3",
   "icon-button--destructive": "_icon-button--destructive_ldxal_29",

package/dist/components/InfoMessage/InfoMessage.js

@@ -1,8 +1,7 @@
-import '../../assets/InfoMessage.css';
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { c as _ } from "../../clsx-DB4S2d7J.js";
 import { Icon as a } from "../Icon/Icon.js";
-const e = {
+import '../../assets/InfoMessage.css';const e = {
   "visually-hidden": "_visually-hidden_elg9f_1",
   "info-message": "_info-message_elg9f_3",
   "info-message__container": "_info-message__container_elg9f_8",

package/dist/components/InfoMessage/{InfoMassage.stories.js → InfoMessage.stories.js}

@@ -20,4 +20,4 @@ export {
   n as InfoMessageExample,
   r as default
 };
-//# sourceMappingURL=InfoMassage.stories.js.map
+//# sourceMappingURL=InfoMessage.stories.js.map

package/dist/components/InfoMessage/{InfoMassage.stories.js.map → InfoMessage.stories.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InfoMassage.stories.js","sources":["../../../src/components/InfoMessage/InfoMassage.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { InfoMessageProps } from './InfoMessage';\n\nimport { InfoMessage } from './InfoMessage';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InfoMessage',\n  component: InfoMessage,\n  argTypes: {\n    message: {\n      control: 'text',\n    },\n    hasOwnContainer: {\n      control: 'boolean',\n    },\n  },\n} as Meta<InfoMessageProps>;\n\nconst Template: StoryFn<InfoMessageProps> = (args) => <InfoMessage {...args} />;\n\nexport const InfoMessageExample = Template.bind({});\nInfoMessageExample.args = {\n  message: 'This is an example info message',\n  hasOwnContainer: false,\n};\n"],"names":["InfoMassage_stories","InfoMessage","Template","args","jsx","InfoMessageExample"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAsC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAa,GAAGE,EAAM,CAAA,GAEhEE,IAAqBH,EAAS,KAAK,EAAE;AAClDG,EAAmB,OAAO;AAAA,EACxB,SAAS;AAAA,EACT,iBAAiB;AACnB;"}
+{"version":3,"file":"InfoMessage.stories.js","sources":["../../../src/components/InfoMessage/InfoMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { InfoMessageProps } from './InfoMessage';\n\nimport { InfoMessage } from './InfoMessage';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InfoMessage',\n  component: InfoMessage,\n  argTypes: {\n    message: {\n      control: 'text',\n    },\n    hasOwnContainer: {\n      control: 'boolean',\n    },\n  },\n} as Meta<InfoMessageProps>;\n\nconst Template: StoryFn<InfoMessageProps> = (args) => <InfoMessage {...args} />;\n\nexport const InfoMessageExample = Template.bind({});\nInfoMessageExample.args = {\n  message: 'This is an example info message',\n  hasOwnContainer: false,\n};\n"],"names":["InfoMessage_stories","InfoMessage","Template","args","jsx","InfoMessageExample"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAsC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAa,GAAGE,EAAM,CAAA,GAEhEE,IAAqBH,EAAS,KAAK,EAAE;AAClDG,EAAmB,OAAO;AAAA,EACxB,SAAS;AAAA,EACT,iBAAiB;AACnB;"}

package/dist/components/SectionNotification/SectionNotification.js

@@ -1,7 +1,6 @@
-import '../../assets/SectionNotification.css';
 import { jsx as n } from "react/jsx-runtime";
 import { c as s } from "../../clsx-DB4S2d7J.js";
-const i = {
+import '../../assets/SectionNotification.css';const i = {
   "visually-hidden": "_visually-hidden_xsb8x_1",
   "section-notification": "_section-notification_xsb8x_3",
   "section-notification--fullwidth": "_section-notification--fullwidth_xsb8x_12"

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,8 @@
+export interface SpinnerProps {
+    ariaValueText: string;
+    /** Delay in milliseconds after which the spinner becomes visible. The default is 250. */
+    visibleAfter?: number;
+    centered?: boolean;
+    fullScreen?: boolean;
+}
+export declare const Spinner: ({ ariaValueText, centered, fullScreen, visibleAfter }: SpinnerProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,34 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useState as p, useEffect as l } from "react";
+import { c as u } from "../../clsx-DB4S2d7J.js";
+import '../../assets/Spinner.css';const _ = "_spinner_132ki_11", m = "_spin_132ki_11", n = {
+  spinner: _,
+  spin: m,
+  "spinner-container--centered": "_spinner-container--centered_132ki_33",
+  "spinner-container--full-screen": "_spinner-container--full-screen_132ki_40"
+}, f = 250, x = ({ ariaValueText: i, centered: s, fullScreen: t, visibleAfter: e = f }) => {
+  const [c, o] = p(() => e === 0);
+  return l(() => {
+    if (e === 0)
+      return;
+    const a = window.setTimeout(() => {
+      o(!0);
+    }, e);
+    return () => {
+      window.clearTimeout(a);
+    };
+  }), c ? /* @__PURE__ */ r(
+    "div",
+    {
+      className: u(n["spinner-container"], {
+        [n["spinner-container--centered"]]: s,
+        [n["spinner-container--full-screen"]]: t
+      }),
+      children: /* @__PURE__ */ r("div", { className: n.spinner, role: "progressbar", "aria-label": "Spinner", "aria-valuetext": i })
+    }
+  ) : null;
+};
+export {
+  x as Spinner
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport styles from './Spinner.module.css';\n\nconst DEFAULT_DELAY_IN_MS = 250;\n\nexport interface SpinnerProps {\n  ariaValueText: string;\n  /** Delay in milliseconds after which the spinner becomes visible. The default is 250. */\n  visibleAfter?: number;\n  centered?: boolean;\n  fullScreen?: boolean;\n}\n\nexport const Spinner = ({ ariaValueText, centered, fullScreen, visibleAfter = DEFAULT_DELAY_IN_MS }: SpinnerProps) => {\n  const [visible, setVisible] = useState(() => (visibleAfter === 0 ? true : false));\n\n  useEffect(() => {\n    if (visibleAfter === 0) {\n      return;\n    }\n    const t = window.setTimeout(() => {\n      setVisible(true);\n    }, visibleAfter);\n\n    return () => {\n      window.clearTimeout(t);\n    };\n  });\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx(styles['spinner-container'], {\n        [styles['spinner-container--centered']]: centered,\n        [styles['spinner-container--full-screen']]: fullScreen,\n      })}\n    >\n      <div className={styles['spinner']} role=\"progressbar\" aria-label=\"Spinner\" aria-valuetext={ariaValueText}></div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_DELAY_IN_MS","Spinner","ariaValueText","centered","fullScreen","visibleAfter","visible","setVisible","useState","useEffect","t","jsx","clsx","styles"],"mappings":";;;;;;;;GAKMA,IAAsB,KAUfC,IAAU,CAAC,EAAE,eAAAC,GAAe,UAAAC,GAAU,YAAAC,GAAY,cAAAC,IAAeL,QAAwC;AAC9G,QAAA,CAACM,GAASC,CAAU,IAAIC,EAAS,MAAOH,MAAiB,CAAiB;AAehF,SAbAI,EAAU,MAAM;AACd,QAAIJ,MAAiB;AACnB;AAEI,UAAAK,IAAI,OAAO,WAAW,MAAM;AAChC,MAAAH,EAAW,EAAI;AAAA,OACdF,CAAY;AAEf,WAAO,MAAM;AACX,aAAO,aAAaK,CAAC;AAAA,IAAA;AAAA,EACvB,CACD,GAEIJ,IAKH,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,mBAAmB,GAAG;AAAA,QAC3C,CAACA,EAAO,6BAA6B,CAAC,GAAGV;AAAA,QACzC,CAACU,EAAO,gCAAgC,CAAC,GAAGT;AAAA,MAAA,CAC7C;AAAA,MAED,UAAA,gBAAAO,EAAC,OAAI,EAAA,WAAWE,EAAO,SAAY,MAAK,eAAc,cAAW,WAAU,kBAAgBX,EAAe,CAAA;AAAA,IAAA;AAAA,EAAA,IAVrG;AAaX;"}

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

@@ -0,0 +1,7 @@
+import { SpinnerProps } from './Spinner';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, SpinnerProps>;
+export default _default;
+export declare const SpinnerExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, SpinnerProps>;
+export declare const Centered: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, SpinnerProps>;
+export declare const FullScreen: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, SpinnerProps>;

package/dist/components/Spinner/Spinner.stories.js

@@ -0,0 +1,41 @@
+import { jsx as l } from "react/jsx-runtime";
+import { Spinner as r } from "./Spinner.js";
+const c = {
+  title: "Atoms/Spinner",
+  component: r,
+  argTypes: {
+    ariaValueText: {
+      control: "text"
+    },
+    centered: {
+      control: "boolean"
+    },
+    fullScreen: {
+      control: "boolean"
+    },
+    visibleAfter: {
+      control: "number"
+    }
+  }
+}, e = (o) => /* @__PURE__ */ l(r, { ...o }), t = e.bind({});
+t.args = {
+  ariaValueText: "Example value text",
+  visibleAfter: 250
+};
+const n = e.bind({});
+n.args = {
+  ...t.args,
+  centered: !0
+};
+const a = e.bind({});
+a.args = {
+  ...n.args,
+  fullScreen: !0
+};
+export {
+  n as Centered,
+  a as FullScreen,
+  t as SpinnerExample,
+  c as default
+};
+//# sourceMappingURL=Spinner.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.stories.js","sources":["../../../src/components/Spinner/Spinner.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { SpinnerProps } from './Spinner';\n\nimport { Spinner } from './Spinner';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Spinner',\n  component: Spinner,\n  argTypes: {\n    ariaValueText: {\n        control: 'text'\n    },\n    centered: {\n        control: 'boolean'\n    },\n    fullScreen: {\n        control: 'boolean'\n    },\n    visibleAfter: {\n        control: 'number'\n    }\n  },\n} as Meta<SpinnerProps>;\n\nconst Template: StoryFn<SpinnerProps> = (args) => <Spinner {...args} />;\n\nexport const SpinnerExample = Template.bind({});\nSpinnerExample.args = {\n  ariaValueText: 'Example value text',\n  visibleAfter: 250\n};\n\nexport const Centered = Template.bind({});\nCentered.args = {\n    ...SpinnerExample.args,\n    centered: true\n};\n\nexport const FullScreen = Template.bind({});\nFullScreen.args = {\n    ...Centered.args,\n    fullScreen: true\n};\n"],"names":["Spinner_stories","Spinner","Template","args","jsx","SpinnerExample","Centered","FullScreen"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,eAAe;AAAA,MACX,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,MACR,SAAS;AAAA,IACb;AAAA,IACA,cAAc;AAAA,MACV,SAAS;AAAA,IACb;AAAA,EACF;AACF,GAEMC,IAAkC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAS,GAAGE,EAAM,CAAA,GAExDE,IAAiBH,EAAS,KAAK,EAAE;AAC9CG,EAAe,OAAO;AAAA,EACpB,eAAe;AAAA,EACf,cAAc;AAChB;AAEO,MAAMC,IAAWJ,EAAS,KAAK,EAAE;AACxCI,EAAS,OAAO;AAAA,EACZ,GAAGD,EAAe;AAAA,EAClB,UAAU;AACd;AAEO,MAAME,IAAaL,EAAS,KAAK,EAAE;AAC1CK,EAAW,OAAO;AAAA,EACd,GAAGD,EAAS;AAAA,EACZ,YAAY;AAChB;"}

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

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

package/dist/components/Spinner/index.js

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

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

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

package/dist/components/index.d.ts

@@ -6,3 +6,4 @@ export * from './InfoMessage';
 export * from './SectionNotification';
 export * from './SelectListbox';
 export * from './SelectListbox/SelectProvider';
+export * from './Spinner';

package/dist/components/index.js

@@ -1,20 +1,22 @@
-import { Button as r } from "./Button/Button.js";
+import { Button as e } from "./Button/Button.js";
 import { Card as f } from "./Card/Card.js";
-import { Icon as m } from "./Icon/Icon.js";
-import { IconButton as c } from "./IconButton/IconButton.js";
+import { Icon as x } from "./Icon/Icon.js";
+import { IconButton as n } from "./IconButton/IconButton.js";
 import { InfoMessage as i } from "./InfoMessage/InfoMessage.js";
-import { SectionNotification as S } from "./SectionNotification/SectionNotification.js";
+import { SectionNotification as s } from "./SectionNotification/SectionNotification.js";
 import { SelectListbox as l } from "./SelectListbox/SelectListbox.js";
 import { SelectProvider as I, useSelect as d } from "./SelectListbox/SelectProvider.js";
+import { Spinner as b } from "./Spinner/Spinner.js";
 export {
-  r as Button,
+  e as Button,
   f as Card,
-  m as Icon,
-  c as IconButton,
+  x as Icon,
+  n as IconButton,
   i as InfoMessage,
-  S as SectionNotification,
+  s as SectionNotification,
   l as SelectListbox,
   I as SelectProvider,
+  b as Spinner,
   d 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/components/storyComponents/ClipboardButton/ClipboardButton.js

@@ -1,7 +1,6 @@
-import '../../../assets/ClipboardButton.css';
 import { jsx as e } from "react/jsx-runtime";
 import { useState as i } from "react";
-const C = {
+import '../../../assets/ClipboardButton.css';const C = {
   "clipboard-button": "_clipboard-button_1ihmb_1"
 }, n = 2e3, a = ({ text: o }) => {
   const [l, t] = i(!1);

package/dist/index.js

@@ -1,20 +1,22 @@
-import { Button as r } from "./components/Button/Button.js";
+import { Button as e } from "./components/Button/Button.js";
 import { Card as f } from "./components/Card/Card.js";
-import { Icon as m } from "./components/Icon/Icon.js";
-import { IconButton as c } from "./components/IconButton/IconButton.js";
+import { Icon as x } from "./components/Icon/Icon.js";
+import { IconButton as n } from "./components/IconButton/IconButton.js";
 import { InfoMessage as i } from "./components/InfoMessage/InfoMessage.js";
-import { SectionNotification as S } from "./components/SectionNotification/SectionNotification.js";
+import { SectionNotification as s } from "./components/SectionNotification/SectionNotification.js";
 import { SelectListbox as l } from "./components/SelectListbox/SelectListbox.js";
 import { SelectProvider as I, useSelect as d } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as b } from "./components/Spinner/Spinner.js";
 export {
-  r as Button,
+  e as Button,
   f as Card,
-  m as Icon,
-  c as IconButton,
+  x as Icon,
+  n as IconButton,
   i as InfoMessage,
-  S as SectionNotification,
+  s as SectionNotification,
   l as SelectListbox,
   I as SelectProvider,
+  b as Spinner,
   d 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.3.4",
+  "version": "1.4.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -42,8 +42,8 @@
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/gitlab": "^13.0.4",
-    "@semantic-release/npm": "^12.0.0",
+    "@semantic-release/gitlab": "^13.1.0",
+    "@semantic-release/npm": "^12.0.1",
     "@storybook/addon-a11y": "^8.0.10",
     "@storybook/addon-essentials": "^8.0.10",
     "@storybook/addon-interactions": "^8.0.10",
@@ -52,11 +52,11 @@
     "@storybook/react": "^8.0.10",
     "@storybook/react-vite": "^8.0.10",
     "@storybook/test": "^8.0.10",
-    "@types/node": "^20.12.10",
-    "@types/react": "^18.3.1",
+    "@types/node": "^20.12.12",
+    "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^7.8.0",
+    "@typescript-eslint/eslint-plugin": "^7.9.0",
+    "@typescript-eslint/parser": "^7.9.0",
     "@uva-glass/eslint-config": "^1.2.0",
     "@uva-glass/stylelint-config": "^1.1.0",
     "@vitejs/plugin-react": "^4.2.1",
@@ -66,9 +66,9 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.6",
+    "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.3.12",
+    "glob": "^10.3.15",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
@@ -76,7 +76,7 @@
     "npm-run-all2": "^6.1.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "semantic-release": "^23.0.8",
+    "semantic-release": "^23.1.1",
     "storybook": "^8.0.10",
     "style-dictionary": "^3.9.2",
     "stylelint": "^16.5.0",
@@ -86,7 +86,7 @@
     "typescript": "^5.4.5",
     "vite": "^5.2.11",
     "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.0.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2"
   }