@dnanpm/ui-components 0.6.0 → 0.7.0

package/dist/styles.css

@@ -285,6 +285,16 @@ body {
     padding: 0;
 }
 
+body.dds-un-scrollable {
+    overflow: hidden;
+}
+
+@media screen and (min-width: 1024px) {
+    body.dds-un-scrollable {
+        overflow: initial;
+    }
+}
+
 img,
 picture,
 svg,
@@ -314,6 +324,11 @@ html {
     font: var(--typography-body-md);
 }
 
+body {
+    background-color: var(--color-semantic-surface-neutral-soft);
+    color: var(--color-semantic-foreground-default);
+}
+
 h1,
 h2,
 h3,
@@ -452,14 +467,16 @@ ol {
 /* ─── Dark color scheme ─── */
 
 @scope ([data-color-scheme='dark']) to ([data-color-scheme='light']) {
-    .dds-prose {
-        a {
-            color: var(--color-semantic-foreground-link-inverse);
+    :scope {
+        color: var(--color-semantic-foreground-inverse);
+    }
 
-            &:hover {
-                color: var(--color-semantic-foreground-link-inverse-hover);
-            }
-        }
+    :where(a) {
+        color: var(--color-semantic-foreground-link-inverse);
+    }
+
+    :where(a:hover) {
+        color: var(--color-semantic-foreground-link-inverse-hover);
     }
 }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dnanpm/ui-components",
-    "version": "0.6.0",
+    "version": "0.7.0",
     "description": "DNA Design System - React UI Components",
     "author": "DNA Oy",
     "license": "ISC",
@@ -27,6 +27,7 @@
         "build": "tsc --project tsconfig.build.json && vite build",
         "dev": "vite build --watch",
         "gen:component": "plop --plopfile ./scripts/template-generators/plopfile.mjs component",
+        "tokens:check-css-vars": "bash scripts/check-token-css-vars.sh",
         "test": "vitest run --coverage",
         "test:watch": "vitest",
         "format": "prettier --write .",