chore: release 1.29.0

.nvmrc

@@ -1 +1 @@
-18
+20

.storybook/preview-body.html

@@ -1,65 +1,4 @@
 <style>
-  @media (prefers-color-scheme: dark) {
-    :root {
-      --lumo-contrast-90pct: hsla(290deg, 52%, 100%, 0.9);
-      --lumo-contrast-80pct: hsla(290deg, 52%, 100%, 0.8);
-      --lumo-contrast-70pct: hsla(290deg, 52%, 100%, 0.7);
-      --lumo-contrast-60pct: hsla(290deg, 52%, 100%, 0.6);
-      --lumo-contrast-50pct: hsla(290deg, 52%, 100%, 0.5);
-      --lumo-contrast-40pct: hsla(290deg, 52%, 100%, 0.4);
-      --lumo-contrast-30pct: hsla(290deg, 52%, 100%, 0.3);
-      --lumo-contrast-20pct: hsla(290deg, 52%, 100%, 0.2);
-      --lumo-contrast-10pct: hsla(290deg, 52%, 100%, 0.1);
-      --lumo-contrast-5pct: hsla(290deg, 52%, 100%, 0.05);
-      --lumo-contrast: hsla(290deg, 52%, 100%, 1);
-
-      --lumo-shade-90pct: hsla(290deg, 0%, 0%, 0.9);
-      --lumo-shade-80pct: hsla(290deg, 0%, 0%, 0.8);
-      --lumo-shade-70pct: hsla(290deg, 0%, 0%, 0.7);
-      --lumo-shade-60pct: hsla(290deg, 0%, 0%, 0.6);
-      --lumo-shade-50pct: hsla(290deg, 0%, 0%, 0.5);
-      --lumo-shade-40pct: hsla(290deg, 0%, 0%, 0.4);
-      --lumo-shade-30pct: hsla(290deg, 0%, 0%, 0.3);
-      --lumo-shade-20pct: hsla(290deg, 0%, 0%, 0.2);
-      --lumo-shade-10pct: hsla(290deg, 0%, 0%, 0.1);
-      --lumo-shade-5pct: hsla(290deg, 0%, 0%, 0.05);
-      --lumo-shade: hsla(290deg, 0%, 0%, 1);
-
-      --lumo-tint-90pct: hsla(290deg, 10%, 10%, 0.9);
-      --lumo-tint-80pct: hsla(290deg, 10%, 10%, 0.8);
-      --lumo-tint-70pct: hsla(290deg, 10%, 10%, 0.7);
-      --lumo-tint-60pct: hsla(290deg, 10%, 10%, 0.6);
-      --lumo-tint-50pct: hsla(290deg, 10%, 10%, 0.5);
-      --lumo-tint-40pct: hsla(290deg, 10%, 10%, 0.4);
-      --lumo-tint-30pct: hsla(290deg, 10%, 10%, 0.3);
-      --lumo-tint-20pct: hsla(290deg, 10%, 10%, 0.2);
-      --lumo-tint-10pct: hsla(290deg, 10%, 10%, 0.1);
-      --lumo-tint-5pct: hsla(290deg, 10%, 10%, 0.05);
-      --lumo-tint: hsla(290deg, 10%, 10%, 1);
-
-      --lumo-primary-color-50pct: hsla(290deg, 52%, 58%, 0.5);
-      --lumo-primary-color-10pct: hsla(290deg, 52%, 58%, 0.1);
-      --lumo-primary-color: hsla(290deg, 52%, 58%, 1);
-      --lumo-primary-contrast-color: hsla(290deg, 52%, 10%, 1);
-
-      --lumo-success-color-50pct: hsla(100deg, 50%, 30%, 0.5);
-      --lumo-success-color-10pct: hsla(100deg, 50%, 30%, 0.1);
-      --lumo-success-color: hsla(100deg, 50%, 30%, 1);
-      --lumo-success-contrast-color: hsla(100deg, 50%, 10%, 1);
-
-      --lumo-error-color-50pct: hsla(0deg, 50%, 50%, 0.5);
-      --lumo-error-color-10pct: hsla(0deg, 50%, 50%, 0.1);
-      --lumo-error-color: hsla(0deg, 50%, 50%, 1);
-      --lumo-error-contrast-color: hsla(0deg, 50%, 10%, 1);
-    }
-  }
-
-  @media (pointer: fine) {
-    :root {
-      font-size: 14px;
-    }
-  }
-
   :root,
   .docs-story {
     --lumo-contrast-90pct: hsla(290deg, 52%, 3%, 0.9);
@@ -128,6 +67,71 @@
     --lumo-border-radius: 0.4em;
     --lumo-font-family: 'Albert Sans', sans-serif;
 
+    --lumo-color-scheme: light;
+
     background: var(--lumo-base-color);
   }
+
+  @media (prefers-color-scheme: dark) {
+    :root {
+      --lumo-contrast-90pct: hsla(290deg, 52%, 100%, 0.9);
+      --lumo-contrast-80pct: hsla(290deg, 52%, 100%, 0.8);
+      --lumo-contrast-70pct: hsla(290deg, 52%, 100%, 0.7);
+      --lumo-contrast-60pct: hsla(290deg, 52%, 100%, 0.6);
+      --lumo-contrast-50pct: hsla(290deg, 52%, 100%, 0.5);
+      --lumo-contrast-40pct: hsla(290deg, 52%, 100%, 0.4);
+      --lumo-contrast-30pct: hsla(290deg, 52%, 100%, 0.3);
+      --lumo-contrast-20pct: hsla(290deg, 52%, 100%, 0.2);
+      --lumo-contrast-10pct: hsla(290deg, 52%, 100%, 0.1);
+      --lumo-contrast-5pct: hsla(290deg, 52%, 100%, 0.05);
+      --lumo-contrast: hsla(290deg, 52%, 100%, 1);
+
+      --lumo-shade-90pct: hsla(290deg, 0%, 0%, 0.9);
+      --lumo-shade-80pct: hsla(290deg, 0%, 0%, 0.8);
+      --lumo-shade-70pct: hsla(290deg, 0%, 0%, 0.7);
+      --lumo-shade-60pct: hsla(290deg, 0%, 0%, 0.6);
+      --lumo-shade-50pct: hsla(290deg, 0%, 0%, 0.5);
+      --lumo-shade-40pct: hsla(290deg, 0%, 0%, 0.4);
+      --lumo-shade-30pct: hsla(290deg, 0%, 0%, 0.3);
+      --lumo-shade-20pct: hsla(290deg, 0%, 0%, 0.2);
+      --lumo-shade-10pct: hsla(290deg, 0%, 0%, 0.1);
+      --lumo-shade-5pct: hsla(290deg, 0%, 0%, 0.05);
+      --lumo-shade: hsla(290deg, 0%, 0%, 1);
+
+      --lumo-tint-90pct: hsla(290deg, 10%, 10%, 0.9);
+      --lumo-tint-80pct: hsla(290deg, 10%, 10%, 0.8);
+      --lumo-tint-70pct: hsla(290deg, 10%, 10%, 0.7);
+      --lumo-tint-60pct: hsla(290deg, 10%, 10%, 0.6);
+      --lumo-tint-50pct: hsla(290deg, 10%, 10%, 0.5);
+      --lumo-tint-40pct: hsla(290deg, 10%, 10%, 0.4);
+      --lumo-tint-30pct: hsla(290deg, 10%, 10%, 0.3);
+      --lumo-tint-20pct: hsla(290deg, 10%, 10%, 0.2);
+      --lumo-tint-10pct: hsla(290deg, 10%, 10%, 0.1);
+      --lumo-tint-5pct: hsla(290deg, 10%, 10%, 0.05);
+      --lumo-tint: hsla(290deg, 10%, 10%, 1);
+
+      --lumo-primary-color-50pct: hsla(290deg, 52%, 58%, 0.5);
+      --lumo-primary-color-10pct: hsla(290deg, 52%, 58%, 0.1);
+      --lumo-primary-color: hsla(290deg, 52%, 58%, 1);
+      --lumo-primary-contrast-color: hsla(290deg, 52%, 10%, 1);
+
+      --lumo-success-color-50pct: hsla(100deg, 50%, 30%, 0.5);
+      --lumo-success-color-10pct: hsla(100deg, 50%, 30%, 0.1);
+      --lumo-success-color: hsla(100deg, 50%, 30%, 1);
+      --lumo-success-contrast-color: hsla(100deg, 50%, 10%, 1);
+
+      --lumo-error-color-50pct: hsla(0deg, 50%, 50%, 0.5);
+      --lumo-error-color-10pct: hsla(0deg, 50%, 50%, 0.1);
+      --lumo-error-color: hsla(0deg, 50%, 50%, 1);
+      --lumo-error-contrast-color: hsla(0deg, 50%, 10%, 1);
+
+      --lumo-color-scheme: dark;
+    }
+  }
+
+  @media (pointer: fine) {
+    :root {
+      font-size: 14px;
+    }
+  }
 </style>

.storybook/preview-head.html

@@ -59,7 +59,7 @@
   }
 
   .foxy-story--narrow > .foxy-story__preview {
-    max-width: 30rem;
+    max-width: 50rem;
     border: 1px solid var(--lumo-contrast-10pct);
     margin: var(--lumo-space-xl) auto;
   }