@blockle/blocks-react 2.7.0 → 2.8.0

package/dist/components/form/Textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
-import { HTMLElementProps } from '@blockle/blocks-core';
+import { Atoms, HTMLElementProps } from '@blockle/blocks-core';
 export type TextareaProps = {
     value?: string;
     /**
@@ -6,10 +6,15 @@ export type TextareaProps = {
      */
     grow?: boolean;
     /**
-     * The maximum height the textarea can grow to when `grow` is true.
+     * The maximum block size the container can grow to when `grow` is true.
+     * The container stops at this limit and scrolls, while the `<textarea>`
+     * itself keeps growing inside it.
      */
-    maxHeight?: string | number;
-    containerProps?: HTMLElementProps<HTMLDivElement>;
+    maxBlockSize?: string | number;
+    /**
+     * Props for the wrapper element. Accepts the same atoms as `Box`.
+     */
+    containerProps?: Omit<HTMLElementProps<HTMLDivElement>, keyof Atoms> & Atoms;
 } & HTMLElementProps<HTMLTextAreaElement>;
 export declare const Textarea: React.FC<TextareaProps>;
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/components/form/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMzE,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAEnD,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2C5C,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAM9B,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,KAAK,CAAC;CAE9E,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2C5C,CAAC"}

package/dist/components/form/Textarea/Textarea.js

@@ -8,7 +8,7 @@ const Textarea = ({
   ref,
   value,
   grow,
-  maxHeight,
+  maxBlockSize,
   containerProps,
   ...restProps
 }) => {
@@ -29,7 +29,7 @@ const Textarea = ({
     {
       className: classnames(containerClassName, containerClassNameFromProps),
       style: {
-        maxHeight: grow ? maxHeight : void 0,
+        maxHeight: grow ? maxBlockSize : void 0,
         ...containerStyleFromProps
       },
       ...containerRestProps,

package/dist/components/layout/Grid/Grid.css.js

@@ -3,7 +3,7 @@ import { createResponsiveStyles, layers } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 setFileScope("src/components/layout/Grid/Grid.css.ts", "@blockle/blocks-react");
 const grid = style({
-  gridTemplateColumns: "repeat(12, 1fr)"
+  gridTemplateColumns: "repeat(12, minmax(0, 1fr))"
 });
 const responsiveColSpanStyles = createResponsiveStyles(
   [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],

package/dist/components/layout/Grid/Grid.d.ts

@@ -1,9 +1,6 @@
 import { Atoms, HTMLElementProps } from '@blockle/blocks-core';
 export type GridProps = {
     children?: React.ReactNode;
-    columnGap?: Atoms['columnGap'];
-    gap?: Atoms['gap'];
-    rowGap?: Atoms['rowGap'];
-} & HTMLElementProps<HTMLDivElement>;
+} & Omit<Atoms, 'flexDirection'> & Omit<HTMLElementProps<HTMLDivElement>, keyof Atoms>;
 export declare const Grid: React.FC<GridProps>;
 //# sourceMappingURL=Grid.d.ts.map

package/dist/components/layout/Grid/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAKpE,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC1B,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAErC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmBpC,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAK9B,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,GAC9B,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC;AAEtD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAepC,CAAC"}

package/dist/components/layout/Grid/Grid.js

@@ -1,21 +1,18 @@
 import { jsx } from "react/jsx-runtime";
+import { classnames } from "@blockle/blocks-core";
 import { Box } from "../Box/Box.js";
 import { grid } from "./Grid.css.js";
 const Grid = ({
   children,
-  columnGap,
-  gap,
-  rowGap,
+  display = "grid",
+  className,
   ...restProps
 }) => {
   return /* @__PURE__ */ jsx(
     Box,
     {
-      display: "grid",
-      className: grid,
-      gap,
-      rowGap,
-      columnGap,
+      display,
+      className: classnames(grid, className),
       ...restProps,
       children
     }

package/dist/testUtils/testTheme.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testTheme.css.d.ts","sourceRoot":"","sources":["../../src/testUtils/testTheme.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,YAAY,KA+FvB,CAAC"}
+{"version":3,"file":"testTheme.css.d.ts","sourceRoot":"","sources":["../../src/testUtils/testTheme.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,YAAY,KAuGvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {