@dracor/react 1.0.0-beta.1 → 1.0.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dracor/react",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-rc.2",
   "description": "DraCor react component library",
   "repository": "https://github.com/dracor-org/dracor-react",
   "homepage": "https://github.com/dracor-org/dracor-react#readme",
@@ -25,70 +25,67 @@
     }
   },
   "dependencies": {
-    "@tanstack/react-router": "^1.116.0",
+    "@tanstack/react-router": "^1.163.3",
     "react-markdown": "^10.1.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.5",
-    "@eslint/js": "^9.25.0",
-    "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@fortawesome/free-brands-svg-icons": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@fortawesome/react-fontawesome": "^0.2.2",
-    "@headlessui/react": "^2.2.2",
-    "@storybook/addon-docs": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/builder-vite": "^8.6.12",
-    "@storybook/experimental-addon-test": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/test": "^8.6.12",
+    "@chromatic-com/storybook": "^5.0.1",
+    "@eslint/js": "^10.0.1",
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-brands-svg-icons": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/react-fontawesome": "^3.2.0",
+    "@headlessui/react": "^2.2.9",
+    "@storybook/addon-docs": "^10.2.14",
+    "@storybook/addon-links": "^10.2.14",
+    "@storybook/addon-vitest": "10.2.14",
+    "@storybook/builder-vite": "^10.2.14",
+    "@storybook/react-vite": "^10.2.14",
     "@svgr/cli": "^8.1.0",
-    "@tailwindcss/vite": "^4.1.4",
+    "@tailwindcss/vite": "^4.2.1",
     "@tanstack/react-table": "^8.21.3",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
-    "@types/jest": "^29.5.14",
-    "@types/react": "^19.1.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/jest": "^30.0.0",
+    "@types/react": "^19.2.14",
     "@types/react-copy-to-clipboard": "^5.0.7",
-    "@types/react-dom": "^19.1.2",
+    "@types/react-dom": "^19.2.3",
     "@types/swagger-ui-react": "^5.18.0",
-    "@vitejs/plugin-react": "^4.4.1",
-    "@vitest/browser": "^3.1.2",
-    "@vitest/coverage-v8": "^3.1.2",
-    "CETEIcean": "^1.9.4",
-    "eslint": "^9.25.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^0.12.0",
-    "globals": "^16.0.0",
-    "jsdom": "^26.1.0",
-    "playwright": "^1.52.0",
-    "prettier": "^3.5.3",
-    "react": "^19.1.0",
+    "@vitejs/plugin-react": "^5.1.4",
+    "@vitest/browser": "^4.0.18",
+    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/coverage-v8": "^4.0.18",
+    "CETEIcean": "^1.9.5",
+    "eslint": "^10.0.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "eslint-plugin-storybook": "^10.2.14",
+    "globals": "^17.4.0",
+    "jsdom": "^28.1.0",
+    "playwright": "^1.58.2",
+    "prettier": "^3.8.1",
+    "react": "^19.2.4",
     "react-copy-to-clipboard": "^5.1.0",
-    "react-dom": "^19.1.0",
+    "react-dom": "^19.2.4",
     "react-helmet-async": "^2.0.5",
     "remark-gfm": "^4.0.1",
-    "storybook": "^8.6.12",
-    "swagger-ui-react": "^5.21.0",
-    "tailwindcss": "^4.1.4",
-    "typescript": "~5.7.3",
-    "typescript-eslint": "^8.30.1",
-    "vite": "^6.3.2",
-    "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.1.2"
+    "storybook": "^10.2.14",
+    "swagger-ui-react": "^5.32.0",
+    "tailwindcss": "^4.2.1",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.56.1",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.18"
   },
   "peerDependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@fortawesome/free-brands-svg-icons": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@fortawesome/react-fontawesome": "^0.2.2",
-    "@headlessui/react": "^2.2.0",
-    "@tanstack/react-router": "^1.116.0",
-    "@tanstack/react-table": "^8.21.2",
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-brands-svg-icons": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/react-fontawesome": "^3.2.0",
+    "@headlessui/react": "^2.2.9",
+    "@tanstack/react-router": "^1.163.3",
+    "@tanstack/react-table": "^8.21.3",
     "@types/react-copy-to-clipboard": "^5.0.7",
     "CETEIcean": "^1.9.4",
     "react": "^19.0.0",
@@ -96,7 +93,7 @@
     "react-dom": "^19.0.0",
     "react-helmet-async": "^2.0.5",
     "react-markdown": "^10.1.0",
-    "swagger-ui-react": "^5.20.0"
+    "swagger-ui-react": "^5.31.2"
   },
   "eslintConfig": {
     "extends": [

package/src/dracor.css

@@ -101,13 +101,16 @@
   }
 
   input {
-    @apply shadow-sm appearance-none border rounded-sm py-2 px-3 text-gray-700 mb-4;
+    @apply shadow-sm appearance-none border rounded-sm py-2 px-3 text-gray-700 bg-white mb-4;
   }
 }
 
 /* Basic styling for CETEIcean */
 @layer base {
-  tei-div, tei-p, tei-head, tei-front {
+  tei-div,
+  tei-p,
+  tei-head,
+  tei-front {
     display: block;
   }
   tei-p {
@@ -123,17 +126,17 @@
     text-align: center;
     margin-bottom: var(--spacing-4);
   }
-  tei-doctitle > tei-titlepart[type=main] {
+  tei-doctitle > tei-titlepart[type='main'] {
     font-size: var(--text-2xl);
     margin-top: var(--spacing-3);
     margin-bottom: var(--spacing-3);
   }
-  tei-doctitle > tei-titlepart[type=sub] {
+  tei-doctitle > tei-titlepart[type='sub'] {
     font-size: var(--text-xl);
     margin-top: var(--spacing-3);
     margin-bottom: var(--spacing-3);
   }
-  tei-div[type=chapter] > tei-head {
+  tei-div[type='chapter'] > tei-head {
     font-size: var(--text-xl);
     font-weight: bold;
     margin-top: var(--spacing-8);