margo-ui 4.0.0 → 4.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "margo-ui",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "description": "React UI kit built on Tailwind CSS v4 design tokens, themeable through plain CSS custom properties.",
   "keywords": [
     "react",

package/src/components/blockquote/style.ts

@@ -1 +1 @@
-export const blockquoteBaseClassName = "border-l-margo border-primary-darken py-0.5 pl-4";
+export const blockquoteBaseClassName = "border-l-margo border-primary-darken py-0.5 pl-4 flex items-center";

package/src/components/sheet/style.ts

@@ -9,6 +9,6 @@ export const sheetSideClassName: Record<SheetSide, string> = {
   bottom: "h-auto max-h-[40%] w-full self-end justify-self-stretch border-t-margo",
 };
 
-export const sheetBodyClassName = "min-h-0 flex-1 overflow-y-auto px-5 py-4 text-sm";
+export const sheetBodyClassName = "min-h-0 flex-1 overflow-y-auto outline-on-main px-5 py-4 text-sm";
 
 export const sheetFooterClassName = "flex items-center justify-end gap-2 border-t-margo border-border px-5 py-4";

package/src/css/variables.css

@@ -45,7 +45,7 @@
   --margo-grid-max-width: 80rem;
   --margo-grid-padding: 1rem;
   --margo-grid-gutter-x: clamp(0.5rem, 2.2vw, 2rem);
-  --margo-grid-gutter-x: clamp(0.5rem, 2.2vw, 2rem);
+  --margo-grid-gutter-y: clamp(0.5rem, 2.2vw, 2rem);
   --margo-grid-bleed: max(var(--margo-grid-padding), calc((100vw - var(--margo-grid-max-width)) / 2));
 }