refactor!: convert Lumo compact preset to CSS file (#10132)

web-padawan · web-flow · commit 52c14009aad4 · 2025-09-08T15:28:30.000+03:00
diff --git a/packages/vaadin-lumo-styles/package.json b/packages/vaadin-lumo-styles/package.json
@@ -30,7 +30,7 @@
     "components/*.css",
     "mixins/*.d.ts",
     "mixins/*.js",
-    "presets/*.js",
+    "presets",
     "src",
     "utilities/*.js"
   ],
diff --git a/packages/vaadin-lumo-styles/presets/compact.css b/packages/vaadin-lumo-styles/presets/compact.css
@@ -0,0 +1,31 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/* Use a stronger selector than `:where()` used by other Lumo CSS */
+:is(:root, :host) {
+  --lumo-size-xl: 3rem;
+  --lumo-size-l: 2.5rem;
+  --lumo-size-m: 2rem;
+  --lumo-size-s: 1.75rem;
+  --lumo-size-xs: 1.5rem;
+  --lumo-font-size: 1rem;
+  --lumo-font-size-xxxl: 1.75rem;
+  --lumo-font-size-xxl: 1.375rem;
+  --lumo-font-size-xl: 1.125rem;
+  --lumo-font-size-l: 1rem;
+  --lumo-font-size-m: 0.875rem;
+  --lumo-font-size-s: 0.8125rem;
+  --lumo-font-size-xs: 0.75rem;
+  --lumo-font-size-xxs: 0.6875rem;
+  --lumo-line-height-m: 1.4;
+  --lumo-line-height-s: 1.2;
+  --lumo-line-height-xs: 1.1;
+  --lumo-space-xl: 1.875rem;
+  --lumo-space-l: 1.25rem;
+  --lumo-space-m: 0.625rem;
+  --lumo-space-s: 0.3125rem;
+  --lumo-space-xs: 0.1875rem;
+}
diff --git a/packages/vaadin-lumo-styles/presets/compact.js b/packages/vaadin-lumo-styles/presets/compact.js
