@pathscale/ui 2.2.0 → 2.2.1

package/dist/components/button/Button.css

@@ -256,24 +256,17 @@
   /* -----------------------------------------------------------------------
    * Icon-only — square, driven off the size scale
    * --------------------------------------------------------------------- */
+  /*
+   * Square means as wide as it is tall, so it is expressed that way. It used to
+   * be a hardcoded width per size, which is only square while nobody restyles
+   * the height: chuzz themes its buttons down to 1.125rem and got a 36 by 18
+   * "square" that overlapped the text beside it. aspect-ratio follows whatever
+   * height the button ends up with, including one an app sets itself.
+   */
   .button--width-square {
     padding-inline: 0;
-    width: 2.25rem;
-  }
-  .button--width-square.button--xs {
-    width: 1.75rem;
-  }
-  .button--width-square.button--sm {
-    width: 2.25rem;
-  }
-  .button--width-square.button--md {
-    width: 2.5rem;
-  }
-  .button--width-square.button--lg {
-    width: 2.75rem;
-  }
-  .button--width-square.button--xl {
-    width: 3rem;
+    width: auto;
+    aspect-ratio: 1;
   }
 
   /* -----------------------------------------------------------------------

package/dist/layouts.manifest.json

@@ -1,7 +1,7 @@
 {
   "format": "solid-layouts-library-v2",
   "package": "@pathscale/ui",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "components": {
     "Accordion": {
       "kind": "embedded"

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pathscale/ui",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "author": "pathscale",
   "repository": {
     "type": "git",
     "url": "https://github.com/pathscale/ui"
   },
   "license": "MIT",
-  "description": "Highly opinionated SolidJS component library \u2014 batteries and kitchen sink included, but optimized and shiny.",
+  "description": "Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.",
   "files": [
     "dist"
   ],