@rebilly/revel 12.56.0 → 12.57.0

package/CHANGELOG.md

@@ -1,6 +1,5 @@
-## [12.56.0](https://github.com/Rebilly/rebilly/compare/revel-v12.55.0...revel-v12.56.0) (2026-09-24)
-
+## 12.57.0 (2026-09-25)
 
 ### Features
 
-* **recomm:** keep grid actions usable as icon-only buttons ([#26964](https://github.com/Rebilly/rebilly/issues/26964)) ([081cbc9](https://github.com/Rebilly/rebilly/commit/081cbc94628b5901df9e1b7a5222fe1f46143d48))
+- **revel:** default layout gap follows the tile inset ([#27146](https://github.com/Rebilly/rebilly/pull/27146))

package/README.md

@@ -20,12 +20,6 @@
   <a href="https://www.npmjs.com/package/@rebilly/revel">
     <img alt="npm latest version" src="https://img.shields.io/npm/v/@rebilly/revel/latest.svg">
   </a>
-  <a href="https://github.com/semantic-release/semantic-release">
-    <img alt="semantic-release: conventional commits" src="https://img.shields.io/badge/semantic--release-conventional%20commits-e10079?logo=semantic-release">
-  </a>
-  <a href="https://github.com/Rebilly/revel/actions/workflows/release.yml">
-    <img alt="Release status" src="https://github.com/Rebilly/revel/actions/workflows/release.yml/badge.svg">
-  </a>
 </p>
 
 ## About this repo

package/dist/components/r-flex/r-flex.vue.d.ts

@@ -6,8 +6,9 @@ export interface Props {
     columns?: FlexSize;
     /**
      * Gap between flex columns (0 to 12), or two values separated by a comma for different row and column gaps.
+     * When omitted, the gap follows `--r-layout-gap`: 6 by default, or the tile inset inside `r-tile`.
      */
-    gap?: Gap;
+    gap?: Nullable<Gap>;
     /**
      * Align items in the flex container
      */
@@ -41,7 +42,7 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
     columns: FlexSize;
     direction: Nullable<Direction>;
     wrap: Nullable<Wrap>;
-    gap: Gap;
+    gap: Nullable<Gap>;
     alignItems: Nullable<Distribution>;
     alignContent: Nullable<ContentDistribution>;
     justifyContent: Nullable<ContentDistribution>;

package/dist/components/r-grid/r-grid.vue.d.ts

@@ -5,9 +5,10 @@ export interface Props {
      */
     columns?: GridSize;
     /**
-     * Gap between grid columns (0 to 12)
+     * Gap between grid columns (0 to 12).
+     * When omitted, the gap follows `--r-layout-gap`: 6 by default, or the tile inset inside `r-tile`.
      */
-    gap?: Gap;
+    gap?: Nullable<Gap>;
     /**
      * Justify items in the grid
      */
@@ -35,7 +36,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     columns: GridSize;
-    gap: Gap;
+    gap: Nullable<Gap>;
     alignItems: Nullable<Distribution>;
     alignContent: Nullable<ContentDistribution>;
     unstackable: boolean;

package/dist/revel.mjs

@@ -10179,7 +10179,7 @@ const iv = { class: "r-file-dropzone-fields" }, lv = { class: "r-file-dropzone-h
   __name: "r-flex",
   props: {
     columns: { default: "12" },
-    gap: { default: "6" },
+    gap: { default: null },
     alignItems: { default: null },
     alignContent: { default: null },
     justifyContent: { default: null },
@@ -10197,17 +10197,20 @@ const iv = { class: "r-file-dropzone-fields" }, lv = { class: "r-file-dropzone-h
         [`r-flex-layout-direction-${b.direction}`]: !!b.direction,
         [`r-flex-layout-wrap-${b.wrap}`]: !!b.wrap,
         "r-flex-layout-unstackable": b.unstackable
-      }, e = b.gap.replace(/\s/g, "").split(",");
-      if (e.length === 2) {
-        const [o, t] = e;
-        p[`r-flex-layout-gap-row-${o}`] = !0, p[`r-flex-layout-gap-column-${t}`] = !0;
-      } else
-        p[`r-flex-layout-gap-${b.gap}`] = !0;
+      };
+      if (b.gap) {
+        const e = b.gap.replace(/\s/g, "").split(",");
+        if (e.length === 2) {
+          const [o, t] = e;
+          p[`r-flex-layout-gap-row-${o}`] = !0, p[`r-flex-layout-gap-column-${t}`] = !0;
+        } else
+          p[`r-flex-layout-gap-${b.gap}`] = !0;
+      }
       return p;
     });
     return k0("flexLayoutProps", B3(b)), Number(b.columns) > 12 && console.warn(
       `Revel[RFlex]: 'columns' prop only covers 12 columns. Received: ${b.columns}`
-    ), (Number(b.gap) > 12 || Array.isArray(b.gap.split(",")) && b.gap.split(",").some((p) => Number(p) > 12)) && console.warn(
+    ), b.gap && b.gap.split(",").some((p) => Number(p) > 12) && console.warn(
       `Revel[RFlex]: 'gap' prop only covers 12 sizes. Received: ${b.gap}`
     ), (p, e) => (r(), q("div", {
       class: U(["r-flex-layout", z.value]),
@@ -10246,7 +10249,7 @@ const iv = { class: "r-file-dropzone-fields" }, lv = { class: "r-file-dropzone-h
   __name: "r-grid",
   props: {
     columns: { default: "12" },
-    gap: { default: "6" },
+    gap: { default: null },
     justifyItems: { default: null },
     alignItems: { default: null },
     jutifyContent: { default: null },
@@ -10256,7 +10259,7 @@ const iv = { class: "r-file-dropzone-fields" }, lv = { class: "r-file-dropzone-h
   setup(M) {
     const b = M, z = u(() => ({
       [`r-grid-layout-columns-${b.columns}`]: !0,
-      [`r-grid-layout-gap-${b.gap}`]: !0,
+      [`r-grid-layout-gap-${b.gap}`]: !!b.gap,
       [`r-grid-layout-justify-content-${b.jutifyContent}`]: !!b.jutifyContent,
       [`r-grid-layout-align-content-${b.alignContent}`]: !!b.alignContent,
       [`r-grid-layout-justify-items-${b.justifyItems}`]: !!b.justifyItems,
@@ -10265,7 +10268,7 @@ const iv = { class: "r-file-dropzone-fields" }, lv = { class: "r-file-dropzone-h
     }));
     return k0("gridLayoutProps", B3(b)), Number(b.columns) > 12 && console.warn(
       `Revel[RGrid]: 'columns' prop only covers 12 columns. Received: ${b.columns}`
-    ), Number(b.gap) > 12 && console.warn(
+    ), b.gap && Number(b.gap) > 12 && console.warn(
       `Revel[RGrid]: 'gap' prop only covers 12 sizes. Received: ${b.gap}`
     ), (p, e) => (r(), q("div", {
       class: U(["r-grid-layout", z.value]),