@umami/react-zen 0.140.0 → 0.142.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
  1. package/dist/index.css +18 -7
  2. package/dist/index.d.mts +2 -1
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.js +4 -1
  5. package/dist/index.mjs +4 -1
  6. package/package.json +1 -1
  7. package/styles.css +18 -7
package/dist/index.css CHANGED
@@ -3724,7 +3724,7 @@ body a.Button_button__ZGNlZ {
3724
3724
  }
3725
3725
 
3726
3726
  /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
3727
- .TextField_field__M2I5M {
3727
+ .TextField_field__YzU1O {
3728
3728
  display: flex;
3729
3729
  align-items: center;
3730
3730
  padding: 0 var(--padding-x);
@@ -3755,8 +3755,8 @@ body a.Button_button__ZGNlZ {
3755
3755
  }
3756
3756
  }
3757
3757
  }
3758
- .TextField_field__M2I5M input,
3759
- .TextField_field__M2I5M textarea {
3758
+ .TextField_field__YzU1O input,
3759
+ .TextField_field__YzU1O textarea {
3760
3760
  border: none;
3761
3761
  outline: none;
3762
3762
  padding: var(--padding-y) 0;
@@ -3771,26 +3771,37 @@ body a.Button_button__ZGNlZ {
3771
3771
  -webkit-appearance: none;
3772
3772
  }
3773
3773
  }
3774
- .TextField_icon__YmQ2Y {
3774
+ .TextField_icon__MDJlY {
3775
3775
  color: var(--font-color-muted);
3776
3776
  cursor: pointer;
3777
3777
  &:hover {
3778
3778
  color: var(--font-color);
3779
3779
  }
3780
3780
  }
3781
- .TextField_textarea__OTEyY {
3781
+ .TextField_novalue__NDg4Y .TextField_icon__MDJlY {
3782
+ color: var(--font-color-disabled);
3783
+ }
3784
+ .TextField_textarea__NTQ3M {
3782
3785
  padding: 0;
3783
3786
  & textarea {
3784
3787
  padding: var(--padding);
3785
3788
  }
3786
- & .TextField_icon__YmQ2Y {
3789
+ & .TextField_icon__MDJlY {
3787
3790
  position: absolute;
3788
3791
  top: var(--padding-x);
3789
3792
  right: var(--padding-x);
3790
- background-color: var(--background-color);
3791
3793
  z-index: 1;
3792
3794
  }
3793
3795
  }
3796
+ .TextField_resize-vertical__ZDc3N textarea {
3797
+ resize: vertical;
3798
+ }
3799
+ .TextField_resize-horizontal__MzJjY textarea {
3800
+ resize: horizontal;
3801
+ }
3802
+ .TextField_resize-none__ZmUxZ textarea {
3803
+ resize: none;
3804
+ }
3794
3805
 
3795
3806
  /* virtual-css:css:603e8ab63f869366a7b9c81da6a1d757 */
3796
3807
  .ConfirmationDialog_dialog__Mzg4M {
package/dist/index.d.mts CHANGED
@@ -667,9 +667,10 @@ interface TextFieldProps extends TextFieldProps$1 {
667
667
  placeholder?: string;
668
668
  allowCopy?: boolean;
669
669
  asTextArea?: boolean;
670
+ resize?: 'vertical' | 'horizontal' | 'both' | 'none';
670
671
  onChange?: (e: any) => void;
671
672
  }
672
- declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
673
+ declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, resize, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
673
674
 
674
675
  interface ThemeButtonProps extends ButtonProps {
675
676
  defaultTheme?: string;
package/dist/index.d.ts CHANGED
@@ -667,9 +667,10 @@ interface TextFieldProps extends TextFieldProps$1 {
667
667
  placeholder?: string;
668
668
  allowCopy?: boolean;
669
669
  asTextArea?: boolean;
670
+ resize?: 'vertical' | 'horizontal' | 'both' | 'none';
670
671
  onChange?: (e: any) => void;
671
672
  }
672
- declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
673
+ declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, resize, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
673
674
 
674
675
  interface ThemeButtonProps extends ButtonProps {
675
676
  defaultTheme?: string;
package/dist/index.js CHANGED
@@ -30690,7 +30690,7 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
30690
30690
  }
30691
30691
 
30692
30692
  // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
30693
- var TextField_default = { "field": "TextField_field__M2I5M", "icon": "TextField_icon__YmQ2Y", "textarea": "TextField_textarea__OTEyY" };
30693
+ var TextField_default = { "field": "TextField_field__YzU1O", "icon": "TextField_icon__MDJlY", "novalue": "TextField_novalue__NDg4Y", "textarea": "TextField_textarea__NTQ3M", "resize-vertical": "TextField_resize-vertical__ZDc3N", "resize-horizontal": "TextField_resize-horizontal__MzJjY", "resize-none": "TextField_resize-none__ZmUxZ" };
30694
30694
 
30695
30695
  // src/components/TextField.tsx
30696
30696
  var import_jsx_runtime36 = require("react/jsx-runtime");
@@ -30701,6 +30701,7 @@ function TextField2({
30701
30701
  placeholder,
30702
30702
  allowCopy,
30703
30703
  asTextArea,
30704
+ resize,
30704
30705
  onChange,
30705
30706
  isReadOnly,
30706
30707
  isDisabled,
@@ -30728,6 +30729,8 @@ function TextField2({
30728
30729
  TextField_default.field,
30729
30730
  asTextArea && TextField_default.textarea,
30730
30731
  allowCopy && TextField_default.copy,
30732
+ !inputValue && TextField_default.novalue,
30733
+ resize && TextField_default[`resize-${resize}`],
30731
30734
  className
30732
30735
  ),
30733
30736
  value: inputValue,
package/dist/index.mjs CHANGED
@@ -30575,7 +30575,7 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
30575
30575
  }
30576
30576
 
30577
30577
  // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
30578
- var TextField_default = { "field": "TextField_field__M2I5M", "icon": "TextField_icon__YmQ2Y", "textarea": "TextField_textarea__OTEyY" };
30578
+ var TextField_default = { "field": "TextField_field__YzU1O", "icon": "TextField_icon__MDJlY", "novalue": "TextField_novalue__NDg4Y", "textarea": "TextField_textarea__NTQ3M", "resize-vertical": "TextField_resize-vertical__ZDc3N", "resize-horizontal": "TextField_resize-horizontal__MzJjY", "resize-none": "TextField_resize-none__ZmUxZ" };
30579
30579
 
30580
30580
  // src/components/TextField.tsx
30581
30581
  import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -30586,6 +30586,7 @@ function TextField2({
30586
30586
  placeholder,
30587
30587
  allowCopy,
30588
30588
  asTextArea,
30589
+ resize,
30589
30590
  onChange,
30590
30591
  isReadOnly,
30591
30592
  isDisabled,
@@ -30613,6 +30614,8 @@ function TextField2({
30613
30614
  TextField_default.field,
30614
30615
  asTextArea && TextField_default.textarea,
30615
30616
  allowCopy && TextField_default.copy,
30617
+ !inputValue && TextField_default.novalue,
30618
+ resize && TextField_default[`resize-${resize}`],
30616
30619
  className
30617
30620
  ),
30618
30621
  value: inputValue,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.140.0",
3
+ "version": "0.142.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -4042,7 +4042,7 @@ body a.Button_button__ZGNlZ {
4042
4042
  }
4043
4043
 
4044
4044
  /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
4045
- .TextField_field__M2I5M {
4045
+ .TextField_field__YzU1O {
4046
4046
  display: flex;
4047
4047
  align-items: center;
4048
4048
  padding: 0 var(--padding-x);
@@ -4073,8 +4073,8 @@ body a.Button_button__ZGNlZ {
4073
4073
  }
4074
4074
  }
4075
4075
  }
4076
- .TextField_field__M2I5M input,
4077
- .TextField_field__M2I5M textarea {
4076
+ .TextField_field__YzU1O input,
4077
+ .TextField_field__YzU1O textarea {
4078
4078
  border: none;
4079
4079
  outline: none;
4080
4080
  padding: var(--padding-y) 0;
@@ -4089,26 +4089,37 @@ body a.Button_button__ZGNlZ {
4089
4089
  -webkit-appearance: none;
4090
4090
  }
4091
4091
  }
4092
- .TextField_icon__YmQ2Y {
4092
+ .TextField_icon__MDJlY {
4093
4093
  color: var(--font-color-muted);
4094
4094
  cursor: pointer;
4095
4095
  &:hover {
4096
4096
  color: var(--font-color);
4097
4097
  }
4098
4098
  }
4099
- .TextField_textarea__OTEyY {
4099
+ .TextField_novalue__NDg4Y .TextField_icon__MDJlY {
4100
+ color: var(--font-color-disabled);
4101
+ }
4102
+ .TextField_textarea__NTQ3M {
4100
4103
  padding: 0;
4101
4104
  & textarea {
4102
4105
  padding: var(--padding);
4103
4106
  }
4104
- & .TextField_icon__YmQ2Y {
4107
+ & .TextField_icon__MDJlY {
4105
4108
  position: absolute;
4106
4109
  top: var(--padding-x);
4107
4110
  right: var(--padding-x);
4108
- background-color: var(--background-color);
4109
4111
  z-index: 1;
4110
4112
  }
4111
4113
  }
4114
+ .TextField_resize-vertical__ZDc3N textarea {
4115
+ resize: vertical;
4116
+ }
4117
+ .TextField_resize-horizontal__MzJjY textarea {
4118
+ resize: horizontal;
4119
+ }
4120
+ .TextField_resize-none__ZmUxZ textarea {
4121
+ resize: none;
4122
+ }
4112
4123
 
4113
4124
  /* virtual-css:css:603e8ab63f869366a7b9c81da6a1d757 */
4114
4125
  .ConfirmationDialog_dialog__Mzg4M {