@pathscale/ui 2.12.0 → 3.1.0

package/dist/styles/base/index.css

@@ -1,4 +1,46 @@
 @layer base {
+  /*
+   * One height scale for controls that sit next to each other.
+   *
+   * `Button` and `Input` both took `size="sm"` and disagreed about what that
+   * measured: 2.25rem against 2rem. `md` and `lg` already matched, so a
+   * button-and-input row was aligned at two sizes out of three and off by 4px
+   * at the third -- the kind of thing an application fixes with a corrective
+   * class, once per row, forever.
+   *
+   * In the base layer rather than a theme, because a control's height is not a
+   * theme decision: `light.css` and `dark.css` carry colour, radius and depth,
+   * and nothing here changes between them.
+   *
+   * Not every control has to be the same height. Two controls a person reads as
+   * one row do.
+   */
+  /*
+   * One spacing scale for the components that name their gap.
+   *
+   * `Flex` spells these as Tailwind utilities -- `gap-2`, `gap-4`, `gap-6` --
+   * and `AuthFieldGroup` wrote its own rem values, which agreed at `md` and
+   * `lg` and disagreed at `sm`: 0.75rem against 0.5rem. Two components naming
+   * the same size and meaning two spacings is the same defect the control
+   * heights below were added for.
+   *
+   * The values are Tailwind's, because Flex's utilities are not going to stop
+   * being Tailwind's. Anything that cannot use a utility reads these instead of
+   * guessing.
+   */
+  :root {
+    --gap-sm: 0.5rem;
+    --gap-md: 1rem;
+    --gap-lg: 1.5rem;
+  }
+
+  :root {
+    --control-h-xs: 1.75rem;
+    --control-h-sm: 2.25rem;
+    --control-h-md: 2.5rem;
+    --control-h-lg: 2.75rem;
+  }
+
   html {
     scrollbar-color: var(--color-base-300) transparent;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "2.12.0",
+  "version": "3.1.0",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -88,8 +88,8 @@
     "postcss-selector-parser": "^7.1.1",
     "rsbuild-plugin-solid-layouts": "^0.2.1",
     "solid-js": "next",
-    "solid-layouts": "^0.2.1",
-    "solid-layouts-oxc": "^0.2.1",
+    "solid-layouts": "^0.2.3",
+    "solid-layouts-oxc": "^0.2.3",
     "svgo": "^3.3.3",
     "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3"