npm - @umami/react-zen - Versions diffs - 0.140.0 → 0.141.0 - Mend

@umami/react-zen 0.140.0 → 0.141.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.css CHANGED Viewed

@@ -3724,7 +3724,7 @@ body a.Button_button__ZGNlZ {
 }
 /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
-.TextField_field__M2I5M {
+.TextField_field__Nzc3M {
   display: flex;
   align-items: center;
   padding: 0 var(--padding-x);
@@ -3755,8 +3755,8 @@ body a.Button_button__ZGNlZ {
     }
   }
 }
-.TextField_field__M2I5M input,
-.TextField_field__M2I5M textarea {
+.TextField_field__Nzc3M input,
+.TextField_field__Nzc3M textarea {
   border: none;
   outline: none;
   padding: var(--padding-y) 0;
@@ -3771,26 +3771,37 @@ body a.Button_button__ZGNlZ {
     -webkit-appearance: none;
   }
 }
-.TextField_icon__YmQ2Y {
+.TextField_icon__ZjYyM {
   color: var(--font-color-muted);
   cursor: pointer;
   &:hover {
     color: var(--font-color);
   }
 }
-.TextField_textarea__OTEyY {
+.TextField_novalue__ODg5Z .TextField_icon__ZjYyM {
+  color: var(--font-color-disabled);
+}
+.TextField_textarea__ZTMzO {
   padding: 0;
   & textarea {
     padding: var(--padding);
   }
-  & .TextField_icon__YmQ2Y {
+  & .TextField_icon__ZjYyM {
     position: absolute;
     top: var(--padding-x);
     right: var(--padding-x);
-    background-color: var(--background-color);
     z-index: 1;
   }
 }
+.TextField_resize-vertical__M2IwO {
+  resize: vertical;
+}
+.TextField_resize-horizontal__MzM1M {
+  resize: horizontal;
+}
+.TextField_resize-none__YzQxY {
+  resize: none;
+}
 /* virtual-css:css:603e8ab63f869366a7b9c81da6a1d757 */
 .ConfirmationDialog_dialog__Mzg4M {

package/dist/index.d.mts CHANGED Viewed

@@ -667,9 +667,10 @@ interface TextFieldProps extends TextFieldProps$1 {
     placeholder?: string;
     allowCopy?: boolean;
     asTextArea?: boolean;
+    resize?: 'vertical' | 'horizontal' | 'both' | 'none';
     onChange?: (e: any) => void;
 }
-declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
+declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, resize, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
 interface ThemeButtonProps extends ButtonProps {
     defaultTheme?: string;

package/dist/index.d.ts CHANGED Viewed

@@ -667,9 +667,10 @@ interface TextFieldProps extends TextFieldProps$1 {
     placeholder?: string;
     allowCopy?: boolean;
     asTextArea?: boolean;
+    resize?: 'vertical' | 'horizontal' | 'both' | 'none';
     onChange?: (e: any) => void;
 }
-declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
+declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, resize, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
 interface ThemeButtonProps extends ButtonProps {
     defaultTheme?: string;

package/dist/index.js CHANGED Viewed

@@ -30690,7 +30690,7 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
 }
 // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
-var TextField_default = { "field": "TextField_field__M2I5M", "icon": "TextField_icon__YmQ2Y", "textarea": "TextField_textarea__OTEyY" };
+var TextField_default = { "field": "TextField_field__Nzc3M", "icon": "TextField_icon__ZjYyM", "novalue": "TextField_novalue__ODg5Z", "textarea": "TextField_textarea__ZTMzO", "resize-vertical": "TextField_resize-vertical__M2IwO", "resize-horizontal": "TextField_resize-horizontal__MzM1M", "resize-none": "TextField_resize-none__YzQxY" };
 // src/components/TextField.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
@@ -30701,6 +30701,7 @@ function TextField2({
   placeholder,
   allowCopy,
   asTextArea,
+  resize,
   onChange,
   isReadOnly,
   isDisabled,
@@ -30728,6 +30729,8 @@ function TextField2({
           TextField_default.field,
           asTextArea && TextField_default.textarea,
           allowCopy && TextField_default.copy,
+          !inputValue && TextField_default.novalue,
+          resize && TextField_default[`resize-${resize}`],
           className
         ),
         value: inputValue,

package/dist/index.mjs CHANGED Viewed

@@ -30575,7 +30575,7 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
 }
 // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
-var TextField_default = { "field": "TextField_field__M2I5M", "icon": "TextField_icon__YmQ2Y", "textarea": "TextField_textarea__OTEyY" };
+var TextField_default = { "field": "TextField_field__Nzc3M", "icon": "TextField_icon__ZjYyM", "novalue": "TextField_novalue__ODg5Z", "textarea": "TextField_textarea__ZTMzO", "resize-vertical": "TextField_resize-vertical__M2IwO", "resize-horizontal": "TextField_resize-horizontal__MzM1M", "resize-none": "TextField_resize-none__YzQxY" };
 // src/components/TextField.tsx
 import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -30586,6 +30586,7 @@ function TextField2({
   placeholder,
   allowCopy,
   asTextArea,
+  resize,
   onChange,
   isReadOnly,
   isDisabled,
@@ -30613,6 +30614,8 @@ function TextField2({
           TextField_default.field,
           asTextArea && TextField_default.textarea,
           allowCopy && TextField_default.copy,
+          !inputValue && TextField_default.novalue,
+          resize && TextField_default[`resize-${resize}`],
           className
         ),
         value: inputValue,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.140.0",
+  "version": "0.141.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",

package/styles.css CHANGED Viewed

@@ -4042,7 +4042,7 @@ body a.Button_button__ZGNlZ {
 }
 /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
-.TextField_field__M2I5M {
+.TextField_field__Nzc3M {
   display: flex;
   align-items: center;
   padding: 0 var(--padding-x);
@@ -4073,8 +4073,8 @@ body a.Button_button__ZGNlZ {
     }
   }
 }
-.TextField_field__M2I5M input,
-.TextField_field__M2I5M textarea {
+.TextField_field__Nzc3M input,
+.TextField_field__Nzc3M textarea {
   border: none;
   outline: none;
   padding: var(--padding-y) 0;
@@ -4089,26 +4089,37 @@ body a.Button_button__ZGNlZ {
     -webkit-appearance: none;
   }
 }
-.TextField_icon__YmQ2Y {
+.TextField_icon__ZjYyM {
   color: var(--font-color-muted);
   cursor: pointer;
   &:hover {
     color: var(--font-color);
   }
 }
-.TextField_textarea__OTEyY {
+.TextField_novalue__ODg5Z .TextField_icon__ZjYyM {
+  color: var(--font-color-disabled);
+}
+.TextField_textarea__ZTMzO {
   padding: 0;
   & textarea {
     padding: var(--padding);
   }
-  & .TextField_icon__YmQ2Y {
+  & .TextField_icon__ZjYyM {
     position: absolute;
     top: var(--padding-x);
     right: var(--padding-x);
-    background-color: var(--background-color);
     z-index: 1;
   }
 }
+.TextField_resize-vertical__M2IwO {
+  resize: vertical;
+}
+.TextField_resize-horizontal__MzM1M {
+  resize: horizontal;
+}
+.TextField_resize-none__YzQxY {
+  resize: none;
+}
 /* virtual-css:css:603e8ab63f869366a7b9c81da6a1d757 */
 .ConfirmationDialog_dialog__Mzg4M {