@dracor/react 1.1.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dracor/react",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "DraCor react component library",
   "repository": "https://github.com/dracor-org/dracor-react",
   "homepage": "https://github.com/dracor-org/dracor-react#readme",
@@ -28,56 +28,57 @@
     "react-markdown": "^10.1.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.0.1",
+    "@chromatic-com/storybook": "^5.2.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.16",
-    "@storybook/addon-links": "^10.2.16",
-    "@storybook/addon-vitest": "10.2.16",
-    "@storybook/builder-vite": "^10.2.16",
-    "@storybook/react-vite": "^10.2.16",
+    "@fortawesome/react-fontawesome": "^3.3.1",
+    "@headlessui/react": "^2.2.10",
+    "@storybook/addon-docs": "^10.4.2",
+    "@storybook/addon-links": "^10.4.2",
+    "@storybook/addon-vitest": "10.4.2",
+    "@storybook/builder-vite": "^10.4.2",
+    "@storybook/react-vite": "^10.4.2",
     "@svgr/cli": "^8.1.0",
-    "@tailwindcss/vite": "^4.2.1",
-    "@tanstack/react-router": "^1.166.2",
+    "@tailwindcss/vite": "^4.3.0",
+    "@tanstack/react-router": "^1.170.15",
     "@tanstack/react-table": "^8.21.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.17",
     "@types/react-copy-to-clipboard": "^5.0.7",
     "@types/react-dom": "^19.2.3",
     "@types/swagger-ui-react": "^5.18.0",
-    "@vitejs/plugin-react": "^5.1.4",
-    "@vitest/browser": "^4.0.18",
-    "@vitest/browser-playwright": "^4.0.18",
-    "@vitest/coverage-v8": "^4.0.18",
+    "@vitejs/plugin-react": "^6.0.2",
+    "@vitest/browser": "^4.1.8",
+    "@vitest/browser-playwright": "^4.1.8",
+    "@vitest/coverage-v8": "^4.1.8",
     "CETEIcean": "^1.9.5",
-    "eslint": "^10.0.2",
-    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint": "^10.4.1",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
-    "eslint-plugin-storybook": "^10.2.16",
-    "globals": "^17.4.0",
-    "jsdom": "^28.1.0",
-    "playwright": "^1.58.2",
-    "prettier": "^3.8.1",
-    "react": "^19.2.4",
+    "eslint-plugin-storybook": "^10.4.2",
+    "globals": "^17.6.0",
+    "jsdom": "^29.1.1",
+    "playwright": "^1.60.0",
+    "prettier": "^3.8.3",
+    "react": "^19.2.7",
     "react-copy-to-clipboard": "^5.1.0",
-    "react-dom": "^19.2.4",
+    "react-dom": "^19.2.7",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
-    "storybook": "^10.2.16",
-    "swagger-ui-react": "^5.32.0",
-    "tailwindcss": "^4.2.1",
+    "storybook": "^10.4.2",
+    "swagger-ui-react": "^5.32.6",
+    "tailwindcss": "^4.3.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.56.1",
     "unified": "^11.0.5",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.18"
+    "vite": "^8.0.16",
+    "vite-plugin-dts": "^5.0.2",
+    "vitest": "^4.1.8"
   },
   "peerDependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
@@ -106,6 +107,7 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "test": "vitest",
+    "coverage": "vitest run --coverage",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "generate-icon-components": "svgr --typescript --jsx-runtime automatic --ignore-existing --out-dir src/components/icons src/icons",

package/src/dracor.css

@@ -144,4 +144,69 @@
     margin-top: var(--spacing-8);
     margin-bottom: var(--spacing-4);
   }
+
+  tei-castGroup {
+    display: block;
+  }
+  tei-castItem {
+    display: list-item;
+  }
+  tei-castList {
+    list-style-type: none;
+    margin-top: 1em;
+    margin-bottom: 1em;
+  }
+  tei-castgroup {
+    position: relative;
+    width: fit-content;
+    display: grid;
+    grid-template-columns: auto;
+  }
+  tei-castgroup tei-castitem {
+    grid-column: 1 / 2;
+  }
+  tei-castgroup > tei-castgroup {
+    grid-column: 1 / 2;
+  }
+  tei-castgroup > tei-roledesc {
+    position: relative;
+    grid-area: 999 / 2 / -1 / -1;
+    top: 0;
+    height: 100%;
+    width: max-content;
+    display: flex;
+    align-items: center;
+    margin-left: 2.4em;
+  }
+  tei-castgroup::before {
+    content: '';
+    position: relative;
+    grid-area: 999 / 2 / -1 / -1;
+    display: block;
+    width: 13px;
+    height: calc(100% - 1rem);
+    top: 0.5rem;
+    right: -0.4em;
+    border-top: 2px solid black;
+    border-bottom: 2px solid black;
+    border-right: 2px solid black;
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+  tei-castgroup::after {
+    content: '';
+    position: relative;
+    grid-area: 999 / 2 / -1 / -1;
+    right: -1.3em;
+    height: calc(50% + 1px);
+    width: 0.7em;
+    border-bottom: 2px solid black;
+  }
+  tei-castlist > tei-head {
+    font-weight: bold;
+    margin-bottom: 0.5em;
+  }
+  tei-role {
+    font-variant: small-caps;
+  }
 }