@blockle/blocks-react 2.6.0 → 2.6.2

package/dist/components/display/Icon/IconMask.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconMask.css.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Icon/IconMask.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,QAQnB,CAAC"}
+{"version":3,"file":"IconMask.css.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Icon/IconMask.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,QAUnB,CAAC"}

package/dist/components/display/Icon/IconMask.css.js

@@ -6,8 +6,10 @@ const iconMask = style({
   "@layer": {
     [layers.molecule]: {
       aspectRatio: "1 / 1",
-      maskSize: "100%",
-      backgroundColor: "currentcolor"
+      backgroundColor: "currentcolor",
+      maskPosition: "center",
+      maskRepeat: "no-repeat",
+      maskSize: "100%"
     }
   }
 });

package/dist/components/display/Icon/IconMask.js

@@ -8,7 +8,7 @@ const IconMask = ({
   src,
   size,
   style,
-  display = "inline-block",
+  display = "block",
   ...restProps
 }) => {
   const [atomsProps, otherProps] = getAtomsAndProps(restProps);
@@ -26,7 +26,7 @@ const IconMask = ({
         className
       ),
       style: {
-        mask: `url(${src}) no-repeat center`,
+        maskImage: `url(${src})`,
         ...style
       },
       ...otherProps

package/dist/components/form/Button/Button.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Button/Button.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,QAOtB,CAAC"}
+{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Button/Button.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,QAMtB,CAAC"}

package/dist/components/form/Button/Button.css.js

@@ -5,7 +5,6 @@ setFileScope("src/components/form/Button/Button.css.ts", "@blockle/blocks-react"
 const buttonReset = style({
   "@layer": {
     [layers.reset]: {
-      all: "unset",
       cursor: "pointer"
     }
   }

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

@@ -1,2 +1,3 @@
 export declare const textarea: string;
+export declare const fieldSizingEnabled: string;
 //# sourceMappingURL=Textarea.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/Textarea.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,QAUnB,CAAC"}
+{"version":3,"file":"Textarea.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/Textarea.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,QASnB,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAE7B,CAAC"}

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

@@ -8,12 +8,15 @@ const textarea = style({
       width: "100%",
       minHeight: "inherit",
       resize: "none",
-      display: "block",
-      fieldSizing: "content"
+      display: "block"
     }
   }
 });
+const fieldSizingEnabled = style({
+  fieldSizing: "content"
+});
 endFileScope();
 export {
+  fieldSizingEnabled,
   textarea
 };

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

@@ -1,7 +1,10 @@
 import { HTMLElementProps } from '@blockle/blocks-core';
 export type TextareaProps = {
     value?: string;
-    ref?: React.RefObject<HTMLTextAreaElement>;
+    /**
+     * If true, the textarea will grow in height to fit its content.
+     */
+    grow?: boolean;
 } & 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,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;CAE5C,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsB5C,CAAC"}
+{"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;CAEhB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2B5C,CAAC"}

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

@@ -3,10 +3,11 @@ import { jsx } from "react/jsx-runtime";
 import { classnames } from "@blockle/blocks-core";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { Box } from "../../layout/Box/Box.js";
-import { textarea } from "./Textarea.css.js";
+import { textarea, fieldSizingEnabled } from "./Textarea.css.js";
 const Textarea = ({
   ref,
   value,
+  grow,
   ...restProps
 }) => {
   const containerClassName = useComponentStyles(
@@ -20,7 +21,11 @@ const Textarea = ({
     {
       ref,
       value,
-      className: classnames(textarea, inputClassName),
+      className: classnames(
+        textarea,
+        grow && fieldSizingEnabled,
+        inputClassName
+      ),
       ...restProps
     }
   ) });

package/package.json

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