@rebilly/revel 6.35.2 → 6.35.4

package/CHANGELOG.md

@@ -1 +1,6 @@
-## [6.35.2](https://github.com/Rebilly/rebilly/compare/revel-v6.35.1...revel-v6.35.2) (2024-10-04)
+## [6.35.4](https://github.com/Rebilly/rebilly/compare/revel-v6.35.3...revel-v6.35.4) (2024-10-07)
+
+
+### Bug Fixes
+
+* **revel:** Update Flex component docs ([#7957](https://github.com/Rebilly/rebilly/issues/7957)) ([ecf1cc3](https://github.com/Rebilly/rebilly/commit/ecf1cc3c5726f9dce7895d9bcf6737173af5f006))

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

@@ -3,7 +3,7 @@ interface Props {
     /**
      * Number of columns the cell will fill (1 to 12)
      */
-    span?: GridSize;
+    span?: Nullable<GridSize>;
     /**
      * Justify items in the cell
      */
@@ -23,19 +23,19 @@ interface Props {
 }
 type Offset = `${GridSize}, ${GridSize}`;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    span: string;
+    span: null;
     justifySelf: null;
     alignSelf: null;
     wrap: boolean;
     offset: null;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    span: string;
+    span: null;
     justifySelf: null;
     alignSelf: null;
     wrap: boolean;
     offset: null;
 }>>>, {
-    span: GridSize;
+    span: Nullable<GridSize>;
     offset: Nullable<"1, 1" | "1, 2" | "1, 3" | "1, 4" | "1, 5" | "1, 6" | "1, 7" | "1, 8" | "1, 9" | "1, 10" | "1, 11" | "1, 12" | "2, 1" | "2, 2" | "2, 3" | "2, 4" | "2, 5" | "2, 6" | "2, 7" | "2, 8" | "2, 9" | "2, 10" | "2, 11" | "2, 12" | "3, 1" | "3, 2" | "3, 3" | "3, 4" | "3, 5" | "3, 6" | "3, 7" | "3, 8" | "3, 9" | "3, 10" | "3, 11" | "3, 12" | "4, 1" | "4, 2" | "4, 3" | "4, 4" | "4, 5" | "4, 6" | "4, 7" | "4, 8" | "4, 9" | "4, 10" | "4, 11" | "4, 12" | "5, 1" | "5, 2" | "5, 3" | "5, 4" | "5, 5" | "5, 6" | "5, 7" | "5, 8" | "5, 9" | "5, 10" | "5, 11" | "5, 12" | "6, 1" | "6, 2" | "6, 3" | "6, 4" | "6, 5" | "6, 6" | "6, 7" | "6, 8" | "6, 9" | "6, 10" | "6, 11" | "6, 12" | "7, 1" | "7, 2" | "7, 3" | "7, 4" | "7, 5" | "7, 6" | "7, 7" | "7, 8" | "7, 9" | "7, 10" | "7, 11" | "7, 12" | "8, 1" | "8, 2" | "8, 3" | "8, 4" | "8, 5" | "8, 6" | "8, 7" | "8, 8" | "8, 9" | "8, 10" | "8, 11" | "8, 12" | "9, 1" | "9, 2" | "9, 3" | "9, 4" | "9, 5" | "9, 6" | "9, 7" | "9, 8" | "9, 9" | "9, 10" | "9, 11" | "9, 12" | "10, 1" | "10, 2" | "10, 3" | "10, 4" | "10, 5" | "10, 6" | "10, 7" | "10, 8" | "10, 9" | "10, 10" | "10, 11" | "10, 12" | "11, 1" | "11, 2" | "11, 3" | "11, 4" | "11, 5" | "11, 6" | "11, 7" | "11, 8" | "11, 9" | "11, 10" | "11, 11" | "11, 12" | "12, 1" | "12, 2" | "12, 3" | "12, 4" | "12, 5" | "12, 6" | "12, 7" | "12, 8" | "12, 9" | "12, 10" | "12, 11" | "12, 12">;
     wrap: boolean;
     alignSelf: Nullable<Distribution>;

package/dist/revel.mjs

@@ -9931,7 +9931,7 @@ const AN = ["aria-checked"], aN = ["for"], nN = ["id", "disabled", "value", "che
 }), CN = /* @__PURE__ */ J({
   __name: "r-flex-item",
   props: {
-    span: { default: "fill" },
+    span: { default: "auto" },
     wrap: { default: null },
     offset: { default: null },
     alignSelf: { default: null },
@@ -9989,26 +9989,26 @@ const AN = ["aria-checked"], aN = ["for"], nN = ["id", "disabled", "value", "che
 }), SN = /* @__PURE__ */ J({
   __name: "r-grid-cell",
   props: {
-    span: { default: "12" },
+    span: { default: null },
     justifySelf: { default: null },
     alignSelf: { default: null },
     wrap: { type: Boolean, default: !1 },
     offset: { default: null }
   },
   setup(M) {
-    const b = M, z = l(() => ({
-      [`r-grid-layout-cell-span-${b.span}`]: !0,
+    const b = M, z = k0("gridLayoutProps"), p = l(() => ({
+      [`r-grid-layout-cell-span-${b.span ?? W(z?.columns)}`]: !0,
       [`r-grid-layout-cell-justify-self-${b.justifySelf}`]: !!b.justifySelf,
       [`r-grid-layout-cell-align-self-${b.alignSelf}`]: !!b.alignSelf
-    })), p = l(() => {
+    })), o = l(() => {
       if (!b.offset) return null;
-      const [O, e] = b.offset.split(",").map(Number);
+      const [e, c] = b.offset.split(",").map(Number);
       return {
-        [`r-grid-layout-cell-offset-start-${O}`]: !0,
-        [`r-grid-layout-cell-offset-end-${e}`]: !0,
+        [`r-grid-layout-cell-offset-start-${e}`]: !0,
+        [`r-grid-layout-cell-offset-end-${c}`]: !0,
         "r-grid-layout-cell-offset": !0
       };
-    }), o = l(() => b.wrap ? {
+    }), O = l(() => b.wrap ? {
       [`r-grid-layout-cell-wrap-start-${b.span}`]: !0,
       "r-grid-layout-cell-wrap": !0
     } : null);
@@ -10016,19 +10016,19 @@ const AN = ["aria-checked"], aN = ["for"], nN = ["id", "disabled", "value", "che
       `Revel[RGridCell]: 'span' prop only covers 12 columns. Received: ${b.span}`
     ), b?.wrap && b?.offset?.split(",").length && console.warn(
       "Revel[RGridCell]: Avoid using 'wrap' and 'offset' props together"
-    ), (O, e) => (d(), v(q0, null, [
-      W(p) ? (d(), v("div", {
+    ), (e, c) => (d(), v(q0, null, [
+      W(o) ? (d(), v("div", {
         key: 0,
-        class: I(["r-grid-layout-cell is-offset", W(p)])
+        class: I(["r-grid-layout-cell is-offset", W(o)])
       }, null, 2)) : k("", !0),
       w("div", {
-        class: I(["r-grid-layout-cell", W(z)])
+        class: I(["r-grid-layout-cell", W(p)])
       }, [
-        F(O.$slots, "default")
+        F(e.$slots, "default")
       ], 2),
-      W(o) ? (d(), v("div", {
+      W(O) ? (d(), v("div", {
         key: 1,
-        class: I(["r-grid-layout-cell is-wrap", W(o)])
+        class: I(["r-grid-layout-cell is-wrap", W(O)])
       }, null, 2)) : k("", !0)
     ], 64));
   }