@umami/react-zen 0.214.0 → 0.215.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 (5) hide show
  1. package/dist/index.css +18 -14
  2. package/dist/index.js +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/package.json +1 -1
  5. package/styles.css +18 -14
package/dist/index.css CHANGED
@@ -3848,7 +3848,7 @@ body a.Button_button__NGQyO {
3848
3848
  }
3849
3849
 
3850
3850
  /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
3851
- .TextField_field__Y2NlN {
3851
+ .TextField_field__ZTI1Z {
3852
3852
  display: flex;
3853
3853
  align-items: center;
3854
3854
  padding: 0 var(--padding-x);
@@ -3879,8 +3879,8 @@ body a.Button_button__NGQyO {
3879
3879
  }
3880
3880
  }
3881
3881
  }
3882
- .TextField_field__Y2NlN input,
3883
- .TextField_field__Y2NlN textarea {
3882
+ .TextField_field__ZTI1Z input,
3883
+ .TextField_field__ZTI1Z textarea {
3884
3884
  border: none;
3885
3885
  outline: none;
3886
3886
  padding: var(--padding-y) 0;
@@ -3895,44 +3895,48 @@ body a.Button_button__NGQyO {
3895
3895
  -webkit-appearance: none;
3896
3896
  }
3897
3897
  }
3898
- .TextField_icon__N2IyN {
3898
+ .TextField_icon__NDVkM {
3899
3899
  color: var(--font-color-muted);
3900
3900
  cursor: pointer;
3901
3901
  &:hover {
3902
3902
  color: var(--font-color);
3903
3903
  }
3904
3904
  }
3905
- .TextField_novalue__MzMzN .TextField_icon__N2IyN {
3905
+ .TextField_novalue__NTc0Z .TextField_icon__NDVkM {
3906
3906
  color: var(--font-color-disabled);
3907
3907
  }
3908
- .TextField_textarea__MWJjN {
3908
+ .TextField_textarea__YTliZ {
3909
3909
  padding: 0;
3910
3910
  & textarea {
3911
3911
  padding: var(--padding);
3912
3912
  }
3913
- & .TextField_icon__N2IyN {
3913
+ & .TextField_icon__NDVkM {
3914
3914
  position: absolute;
3915
3915
  top: var(--padding-x);
3916
3916
  right: var(--padding-x);
3917
3917
  z-index: 1;
3918
3918
  }
3919
3919
  }
3920
- .TextField_resize-vertical__OWYwN textarea {
3920
+ .TextField_resize-vertical__MzMxM textarea {
3921
3921
  resize: vertical;
3922
3922
  }
3923
- .TextField_resize-horizontal__NDIyN textarea {
3923
+ .TextField_resize-horizontal__ODIxM textarea {
3924
3924
  resize: horizontal;
3925
3925
  }
3926
- .TextField_resize-none__N2Q4Y textarea {
3926
+ .TextField_resize-none__Njg3Y textarea {
3927
3927
  resize: none;
3928
3928
  }
3929
- .TextField_field__Y2NlN.TextField_variant-quiet__ZTExY {
3929
+ .TextField_field__ZTI1Z.TextField_variant-quiet__N2ZhO {
3930
3930
  padding: 0;
3931
- border: 0;
3932
3931
  outline: none;
3933
3932
  box-shadow: none;
3934
- & input:focus {
3935
- border-bottom: var(--border);
3933
+ border-radius: 0;
3934
+ border-color: transparent;
3935
+ & input {
3936
+ background: transparent;
3937
+ }
3938
+ &:focus-within {
3939
+ border-bottom-color: var(--border-color);
3936
3940
  }
3937
3941
  }
3938
3942
 
package/dist/index.js CHANGED
@@ -33529,7 +33529,7 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
33529
33529
  }
33530
33530
 
33531
33531
  // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
33532
- var TextField_default = { "field": "TextField_field__Y2NlN", "icon": "TextField_icon__N2IyN", "novalue": "TextField_novalue__MzMzN", "textarea": "TextField_textarea__MWJjN", "resize-vertical": "TextField_resize-vertical__OWYwN", "resize-horizontal": "TextField_resize-horizontal__NDIyN", "resize-none": "TextField_resize-none__N2Q4Y", "variant-quiet": "TextField_variant-quiet__ZTExY" };
33532
+ var TextField_default = { "field": "TextField_field__ZTI1Z", "icon": "TextField_icon__NDVkM", "novalue": "TextField_novalue__NTc0Z", "textarea": "TextField_textarea__YTliZ", "resize-vertical": "TextField_resize-vertical__MzMxM", "resize-horizontal": "TextField_resize-horizontal__ODIxM", "resize-none": "TextField_resize-none__Njg3Y", "variant-quiet": "TextField_variant-quiet__N2ZhO" };
33533
33533
 
33534
33534
  // src/components/TextField.tsx
33535
33535
  var import_jsx_runtime35 = require("react/jsx-runtime");
package/dist/index.mjs CHANGED
@@ -33404,7 +33404,7 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
33404
33404
  }
33405
33405
 
33406
33406
  // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
33407
- var TextField_default = { "field": "TextField_field__Y2NlN", "icon": "TextField_icon__N2IyN", "novalue": "TextField_novalue__MzMzN", "textarea": "TextField_textarea__MWJjN", "resize-vertical": "TextField_resize-vertical__OWYwN", "resize-horizontal": "TextField_resize-horizontal__NDIyN", "resize-none": "TextField_resize-none__N2Q4Y", "variant-quiet": "TextField_variant-quiet__ZTExY" };
33407
+ var TextField_default = { "field": "TextField_field__ZTI1Z", "icon": "TextField_icon__NDVkM", "novalue": "TextField_novalue__NTc0Z", "textarea": "TextField_textarea__YTliZ", "resize-vertical": "TextField_resize-vertical__MzMxM", "resize-horizontal": "TextField_resize-horizontal__ODIxM", "resize-none": "TextField_resize-none__Njg3Y", "variant-quiet": "TextField_variant-quiet__N2ZhO" };
33408
33408
 
33409
33409
  // src/components/TextField.tsx
33410
33410
  import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.214.0",
3
+ "version": "0.215.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -4166,7 +4166,7 @@ body a.Button_button__NGQyO {
4166
4166
  }
4167
4167
 
4168
4168
  /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
4169
- .TextField_field__Y2NlN {
4169
+ .TextField_field__ZTI1Z {
4170
4170
  display: flex;
4171
4171
  align-items: center;
4172
4172
  padding: 0 var(--padding-x);
@@ -4197,8 +4197,8 @@ body a.Button_button__NGQyO {
4197
4197
  }
4198
4198
  }
4199
4199
  }
4200
- .TextField_field__Y2NlN input,
4201
- .TextField_field__Y2NlN textarea {
4200
+ .TextField_field__ZTI1Z input,
4201
+ .TextField_field__ZTI1Z textarea {
4202
4202
  border: none;
4203
4203
  outline: none;
4204
4204
  padding: var(--padding-y) 0;
@@ -4213,44 +4213,48 @@ body a.Button_button__NGQyO {
4213
4213
  -webkit-appearance: none;
4214
4214
  }
4215
4215
  }
4216
- .TextField_icon__N2IyN {
4216
+ .TextField_icon__NDVkM {
4217
4217
  color: var(--font-color-muted);
4218
4218
  cursor: pointer;
4219
4219
  &:hover {
4220
4220
  color: var(--font-color);
4221
4221
  }
4222
4222
  }
4223
- .TextField_novalue__MzMzN .TextField_icon__N2IyN {
4223
+ .TextField_novalue__NTc0Z .TextField_icon__NDVkM {
4224
4224
  color: var(--font-color-disabled);
4225
4225
  }
4226
- .TextField_textarea__MWJjN {
4226
+ .TextField_textarea__YTliZ {
4227
4227
  padding: 0;
4228
4228
  & textarea {
4229
4229
  padding: var(--padding);
4230
4230
  }
4231
- & .TextField_icon__N2IyN {
4231
+ & .TextField_icon__NDVkM {
4232
4232
  position: absolute;
4233
4233
  top: var(--padding-x);
4234
4234
  right: var(--padding-x);
4235
4235
  z-index: 1;
4236
4236
  }
4237
4237
  }
4238
- .TextField_resize-vertical__OWYwN textarea {
4238
+ .TextField_resize-vertical__MzMxM textarea {
4239
4239
  resize: vertical;
4240
4240
  }
4241
- .TextField_resize-horizontal__NDIyN textarea {
4241
+ .TextField_resize-horizontal__ODIxM textarea {
4242
4242
  resize: horizontal;
4243
4243
  }
4244
- .TextField_resize-none__N2Q4Y textarea {
4244
+ .TextField_resize-none__Njg3Y textarea {
4245
4245
  resize: none;
4246
4246
  }
4247
- .TextField_field__Y2NlN.TextField_variant-quiet__ZTExY {
4247
+ .TextField_field__ZTI1Z.TextField_variant-quiet__N2ZhO {
4248
4248
  padding: 0;
4249
- border: 0;
4250
4249
  outline: none;
4251
4250
  box-shadow: none;
4252
- & input:focus {
4253
- border-bottom: var(--border);
4251
+ border-radius: 0;
4252
+ border-color: transparent;
4253
+ & input {
4254
+ background: transparent;
4255
+ }
4256
+ &:focus-within {
4257
+ border-bottom-color: var(--border-color);
4254
4258
  }
4255
4259
  }
4256
4260