@umami/react-zen 0.212.0 → 0.214.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.212.0",
3
+ "version": "0.214.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__YzU1O {
4169
+ .TextField_field__Y2NlN {
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__YzU1O input,
4201
- .TextField_field__YzU1O textarea {
4200
+ .TextField_field__Y2NlN input,
4201
+ .TextField_field__Y2NlN textarea {
4202
4202
  border: none;
4203
4203
  outline: none;
4204
4204
  padding: var(--padding-y) 0;
@@ -4213,37 +4213,46 @@ body a.Button_button__NGQyO {
4213
4213
  -webkit-appearance: none;
4214
4214
  }
4215
4215
  }
4216
- .TextField_icon__MDJlY {
4216
+ .TextField_icon__N2IyN {
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__NDg4Y .TextField_icon__MDJlY {
4223
+ .TextField_novalue__MzMzN .TextField_icon__N2IyN {
4224
4224
  color: var(--font-color-disabled);
4225
4225
  }
4226
- .TextField_textarea__NTQ3M {
4226
+ .TextField_textarea__MWJjN {
4227
4227
  padding: 0;
4228
4228
  & textarea {
4229
4229
  padding: var(--padding);
4230
4230
  }
4231
- & .TextField_icon__MDJlY {
4231
+ & .TextField_icon__N2IyN {
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__ZDc3N textarea {
4238
+ .TextField_resize-vertical__OWYwN textarea {
4239
4239
  resize: vertical;
4240
4240
  }
4241
- .TextField_resize-horizontal__MzJjY textarea {
4241
+ .TextField_resize-horizontal__NDIyN textarea {
4242
4242
  resize: horizontal;
4243
4243
  }
4244
- .TextField_resize-none__ZmUxZ textarea {
4244
+ .TextField_resize-none__N2Q4Y textarea {
4245
4245
  resize: none;
4246
4246
  }
4247
+ .TextField_field__Y2NlN.TextField_variant-quiet__ZTExY {
4248
+ padding: 0;
4249
+ border: 0;
4250
+ outline: none;
4251
+ box-shadow: none;
4252
+ & input:focus {
4253
+ border-bottom: var(--border);
4254
+ }
4255
+ }
4247
4256
 
4248
4257
  /* virtual-css:css:603e8ab63f869366a7b9c81da6a1d757 */
4249
4258
  .ConfirmationDialog_dialog__YjQzN {