Merge pull request #170 from Foxy/beta

chore: release 1.29.0
Foxy · Aug 20, 2024 · 51454cd · 51454cd
2 parents d50e03a + 2ccf96e
commit 51454cd
Show file tree

Hide file tree

Showing 165 changed files with 11,906 additions and 5,129 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-18
+20
diff --git a/.storybook/preview-body.html b/.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>
diff --git a/.storybook/preview-head.html b/.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;
   }