@dracor/react 1.0.0-alpha.2 → 1.0.0-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dracor/react",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-beta.5",
   "description": "DraCor react component library",
   "repository": "https://github.com/dracor-org/dracor-react",
   "homepage": "https://github.com/dracor-org/dracor-react#readme",
@@ -25,65 +25,62 @@
     }
   },
   "dependencies": {
-    "@tanstack/react-router": "^1.116.0"
+    "@tanstack/react-router": "^1.131.49",
+    "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": "^4.1.1",
+    "@eslint/js": "^9.36.0",
+    "@fortawesome/fontawesome-svg-core": "^7.0.1",
+    "@fortawesome/free-brands-svg-icons": "^7.0.1",
+    "@fortawesome/free-solid-svg-icons": "^7.0.1",
+    "@fortawesome/react-fontawesome": "^3.0.2",
+    "@headlessui/react": "^2.2.8",
+    "@storybook/addon-docs": "^9.1.7",
+    "@storybook/addon-links": "^9.1.7",
+    "@storybook/builder-vite": "^9.1.7",
+    "@storybook/react-vite": "^9.1.7",
     "@svgr/cli": "^8.1.0",
-    "@tailwindcss/vite": "^4.1.4",
+    "@tailwindcss/vite": "^4.1.13",
     "@tanstack/react-table": "^8.21.3",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
-    "@types/jest": "^29.5.14",
-    "@types/react": "^19.1.2",
+    "@types/jest": "^30.0.0",
+    "@types/react": "^19.1.13",
     "@types/react-copy-to-clipboard": "^5.0.7",
-    "@types/react-dom": "^19.1.2",
+    "@types/react-dom": "^19.1.9",
     "@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",
+    "@vitejs/plugin-react": "^5.0.3",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "CETEIcean": "^1.9.5",
+    "eslint": "^9.36.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",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.1.7",
+    "globals": "^16.4.0",
+    "jsdom": "^27.0.0",
+    "playwright": "^1.55.0",
+    "prettier": "^3.6.2",
+    "react": "^19.1.1",
     "react-copy-to-clipboard": "^5.1.0",
-    "react-dom": "^19.1.0",
+    "react-dom": "^19.1.1",
     "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",
+    "storybook": "^9.1.7",
+    "swagger-ui-react": "^5.29.0",
+    "tailwindcss": "^4.1.11",
     "typescript": "~5.7.3",
-    "typescript-eslint": "^8.30.1",
-    "vite": "^6.3.2",
-    "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.1.2"
+    "typescript-eslint": "^8.44.0",
+    "vite": "^7.1.6",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4",
+    "@storybook/addon-vitest": "9.1.7"
   },
   "peerDependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/fontawesome-svg-core": "^7.0.0",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^7.0.0",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@headlessui/react": "^2.2.0",
     "@tanstack/react-router": "^1.116.0",
@@ -94,6 +91,7 @@
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^19.0.0",
     "react-helmet-async": "^2.0.5",
+    "react-markdown": "^10.1.0",
     "swagger-ui-react": "^5.20.0"
   },
   "eslintConfig": {

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);