@uva-glass/component-library 1.43.1 → 1.44.0

package/dist/assets/Spinner.css

@@ -1 +1 @@
-@keyframes _spin_1m6bj_11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_1m6bj_11{height:2rem;width:2rem}._spinner_1m6bj_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_1m6bj_11:after{animation:_spin_1m6bj_11 1s cubic-bezier(.455,.03,.515,.955) infinite;border-left-color:var(--color-black)}}
+@keyframes _spin_jd5vi_11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner-container_jd5vi_11{align-items:center;display:flex;justify-content:center;padding:2rem}._spinner_jd5vi_11{height:2rem;width:2rem}._spinner_jd5vi_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_jd5vi_11:after{animation:_spin_jd5vi_11 1s cubic-bezier(.455,.03,.515,.955) infinite;border-left-color:var(--color-black)}}

package/dist/components/Spinner/Spinner.js

@@ -1,22 +1,23 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as o, useEffect as p } from "react";
-import '../../assets/Spinner.css';const a = "_spinner_1m6bj_11", l = "_spin_1m6bj_11", u = {
-  spinner: a,
+import { jsx as e } from "react/jsx-runtime";
+import { useState as a, useEffect as p } from "react";
+import '../../assets/Spinner.css';const c = "_spinner_jd5vi_11", l = "_spin_jd5vi_11", i = {
+  "spinner-container": "_spinner-container_jd5vi_11",
+  spinner: c,
   spin: l
-}, c = 250, b = ({ ariaValueText: n, showAfterMs: e = c }) => {
-  const [r, t] = o(() => e === 0);
+}, u = 250, m = ({ ariaValueText: r, showAfterMs: n = u }) => {
+  const [s, t] = a(() => n === 0);
   return p(() => {
-    if (e === 0)
+    if (n === 0)
       return;
-    const i = window.setTimeout(() => {
+    const o = window.setTimeout(() => {
       t(!0);
-    }, e);
+    }, n);
     return () => {
-      window.clearTimeout(i);
+      window.clearTimeout(o);
     };
-  }), r ? /* @__PURE__ */ s("div", { className: u.spinner, role: "progressbar", "aria-label": "Spinner", "aria-valuetext": n }) : null;
+  }), s ? /* @__PURE__ */ e("div", { className: i["spinner-container"], children: /* @__PURE__ */ e("div", { className: i.spinner, role: "progressbar", "aria-label": "Spinner", "aria-valuetext": r }) }) : null;
 };
 export {
-  b as Spinner
+  m as Spinner
 };
 //# sourceMappingURL=Spinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\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  showAfterMs?: number;\n}\n\nexport const Spinner = ({ ariaValueText, showAfterMs = DEFAULT_DELAY_IN_MS }: SpinnerProps) => {\n  const [visible, setVisible] = useState(() => (showAfterMs === 0 ? true : false));\n\n  useEffect(() => {\n    if (showAfterMs === 0) {\n      return;\n    }\n    const t = window.setTimeout(() => {\n      setVisible(true);\n    }, showAfterMs);\n\n    return () => {\n      window.clearTimeout(t);\n    };\n  });\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div className={styles['spinner']} role=\"progressbar\" aria-label=\"Spinner\" aria-valuetext={ariaValueText}></div>\n  );\n};\n"],"names":["DEFAULT_DELAY_IN_MS","Spinner","ariaValueText","showAfterMs","visible","setVisible","useState","useEffect","t","jsx","styles"],"mappings":";;;;;GAIMA,IAAsB,KAQfC,IAAU,CAAC,EAAE,eAAAC,GAAe,aAAAC,IAAcH,QAAwC;AACvF,QAAA,CAACI,GAASC,CAAU,IAAIC,EAAS,MAAOH,MAAgB,CAAiB;AAe/E,SAbAI,EAAU,MAAM;AACd,QAAIJ,MAAgB;AAClB;AAEI,UAAAK,IAAI,OAAO,WAAW,MAAM;AAChC,MAAAH,EAAW,EAAI;AAAA,OACdF,CAAW;AAEd,WAAO,MAAM;AACX,aAAO,aAAaK,CAAC;AAAA,IAAA;AAAA,EACvB,CACD,GAEIJ,IAKH,gBAAAK,EAAC,OAAI,EAAA,WAAWC,EAAO,SAAY,MAAK,eAAc,cAAW,WAAU,kBAAgBR,EAAe,CAAA,IAJnG;AAMX;"}
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\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  showAfterMs?: number;\n}\n\nexport const Spinner = ({ ariaValueText, showAfterMs = DEFAULT_DELAY_IN_MS }: SpinnerProps) => {\n  const [visible, setVisible] = useState(() => (showAfterMs === 0 ? true : false));\n\n  useEffect(() => {\n    if (showAfterMs === 0) {\n      return;\n    }\n    const t = window.setTimeout(() => {\n      setVisible(true);\n    }, showAfterMs);\n\n    return () => {\n      window.clearTimeout(t);\n    };\n  });\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div className={styles['spinner-container']}>\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","showAfterMs","visible","setVisible","useState","useEffect","t","styles"],"mappings":";;;;;;GAIMA,IAAsB,KAQfC,IAAU,CAAC,EAAE,eAAAC,GAAe,aAAAC,IAAcH,QAAwC;AACvF,QAAA,CAACI,GAASC,CAAU,IAAIC,EAAS,MAAOH,MAAgB,CAAiB;AAe/E,SAbAI,EAAU,MAAM;AACd,QAAIJ,MAAgB;AAClB;AAEI,UAAAK,IAAI,OAAO,WAAW,MAAM;AAChC,MAAAH,EAAW,EAAI;AAAA,OACdF,CAAW;AAEd,WAAO,MAAM;AACX,aAAO,aAAaK,CAAC;AAAA,IAAA;AAAA,EACvB,CACD,GAEIJ,sBAKF,OAAI,EAAA,WAAWK,EAAO,mBAAmB,GACxC,4BAAC,OAAI,EAAA,WAAWA,EAAO,SAAY,MAAK,eAAc,cAAW,WAAU,kBAAgBP,GAAe,EAC5G,CAAA,IANO;AAQX;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.43.1",
+  "version": "1.44.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -41,9 +41,9 @@
   "devDependencies": {
     "@commitlint/cli": "^19.4.0",
     "@commitlint/config-conventional": "^19.2.2",
-    "@react-aria/button": "^3.9.7",
-    "@react-aria/dialog": "^3.5.16",
-    "@react-aria/overlays": "^3.23.1",
+    "@react-aria/button": "^3.9.8",
+    "@react-aria/dialog": "^3.5.17",
+    "@react-aria/overlays": "^3.23.2",
     "@react-types/dialog": "^3.5.12",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/gitlab": "^13.2.1",
@@ -56,7 +56,7 @@
     "@storybook/react": "^8.2.9",
     "@storybook/react-vite": "^8.2.9",
     "@storybook/test": "^8.2.9",
-    "@types/node": "^20.14.15",
+    "@types/node": "^20.16.1",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@uva-glass/eslint-config": "^1.3.1",
@@ -78,17 +78,17 @@
     "npm-run-all2": "^6.2.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^6.26.0",
-    "semantic-release": "^24.0.0",
+    "react-router-dom": "^6.26.1",
+    "semantic-release": "^24.1.0",
     "storybook": "^8.2.9",
     "style-dictionary": "^4.0.1",
-    "stylelint": "^16.8.1",
+    "stylelint": "^16.8.2",
     "stylelint-config-recommended": "^14.0.1",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-order": "^6.0.4",
     "typescript": "^5.5.4",
-    "vite": "^5.4.0",
-    "vite-plugin-dts": "^4.0.2",
+    "vite": "^5.4.1",
+    "vite-plugin-dts": "^4.0.3",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^5.0.1"