@umami/react-zen 0.122.0 → 0.123.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 +15 -10
  2. package/dist/index.js +2 -2
  3. package/dist/index.mjs +2 -2
  4. package/package.json +1 -1
  5. package/styles.css +15 -10
package/dist/index.css CHANGED
@@ -3651,7 +3651,7 @@ body a.Button_button__NDYwM {
3651
3651
  }
3652
3652
 
3653
3653
  /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
3654
- .TextField_field__YWExY {
3654
+ .TextField_field__YWQzN {
3655
3655
  display: flex;
3656
3656
  align-items: center;
3657
3657
  padding: 0 var(--padding-x);
@@ -3682,12 +3682,13 @@ body a.Button_button__NDYwM {
3682
3682
  }
3683
3683
  }
3684
3684
  }
3685
- .TextField_field__YWExY input,
3686
- .TextField_field__YWExY textarea {
3685
+ .TextField_field__YWQzN input,
3686
+ .TextField_field__YWQzN textarea {
3687
3687
  border: none;
3688
3688
  outline: none;
3689
3689
  padding: var(--padding-y) 0;
3690
3690
  background: transparent;
3691
+ width: 100%;
3691
3692
  flex: 1;
3692
3693
  &::placeholder {
3693
3694
  color: var(--font-color-muted);
@@ -3697,8 +3698,11 @@ body a.Button_button__NDYwM {
3697
3698
  -webkit-appearance: none;
3698
3699
  }
3699
3700
  }
3700
- .TextField_textarea__ODY3N {
3701
- padding-right: 0;
3701
+ .TextField_textarea__YWRmM {
3702
+ padding: 0;
3703
+ & textarea {
3704
+ padding: var(--padding);
3705
+ }
3702
3706
  }
3703
3707
 
3704
3708
  /* virtual-css:css:603e8ab63f869366a7b9c81da6a1d757 */
@@ -4421,26 +4425,27 @@ body a.Button_button__NDYwM {
4421
4425
  }
4422
4426
 
4423
4427
  /* virtual-css:css:851dd5366a20c382ffec60997ee93e35 */
4424
- .Select_select__OWQwZ {
4428
+ .Select_select__NmFmN {
4425
4429
  width: 100%;
4426
4430
  }
4427
- .Select_button__YTEzN {
4431
+ .Select_button__OGYyM {
4428
4432
  width: 100%;
4429
4433
  }
4430
- .Select_value__N2NjM {
4434
+ .Select_value__N2M0Y {
4431
4435
  display: flex;
4432
4436
  align-items: center;
4433
4437
  justify-content: space-between;
4434
4438
  width: 100%;
4435
4439
  }
4436
- .Select_list__ZDFkY {
4440
+ .Select_list__NzIyZ {
4437
4441
  padding: var(--spacing-2);
4438
4442
  background-color: var(--background-color);
4439
4443
  border: var(--border);
4440
4444
  border-radius: var(--border-radius);
4441
4445
  box-shadow: var(--box-shadow-3);
4446
+ width: 260px;
4442
4447
  }
4443
- .Select_search__YTgyZ {
4448
+ .Select_search__MGM1N {
4444
4449
  margin-bottom: var(--spacing-2);
4445
4450
  }
4446
4451
 
package/dist/index.js CHANGED
@@ -30408,7 +30408,7 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
30408
30408
  }
30409
30409
 
30410
30410
  // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
30411
- var TextField_default = { "field": "TextField_field__YWExY", "textarea": "TextField_textarea__ODY3N" };
30411
+ var TextField_default = { "field": "TextField_field__YWQzN", "textarea": "TextField_textarea__YWRmM" };
30412
30412
 
30413
30413
  // src/components/TextField.tsx
30414
30414
  var import_jsx_runtime34 = require("react/jsx-runtime");
@@ -31299,7 +31299,7 @@ var import_react187 = require("react");
31299
31299
  var import_classnames44 = __toESM(require_classnames());
31300
31300
 
31301
31301
  // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
31302
- var Select_default = { "select": "Select_select__OWQwZ", "button": "Select_button__YTEzN", "value": "Select_value__N2NjM", "list": "Select_list__ZDFkY", "search": "Select_search__YTgyZ" };
31302
+ var Select_default = { "select": "Select_select__NmFmN", "button": "Select_button__OGYyM", "value": "Select_value__N2M0Y", "list": "Select_list__NzIyZ", "search": "Select_search__MGM1N" };
31303
31303
 
31304
31304
  // src/components/Select.tsx
31305
31305
  var import_jsx_runtime58 = require("react/jsx-runtime");
package/dist/index.mjs CHANGED
@@ -30295,7 +30295,7 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
30295
30295
  }
30296
30296
 
30297
30297
  // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
30298
- var TextField_default = { "field": "TextField_field__YWExY", "textarea": "TextField_textarea__ODY3N" };
30298
+ var TextField_default = { "field": "TextField_field__YWQzN", "textarea": "TextField_textarea__YWRmM" };
30299
30299
 
30300
30300
  // src/components/TextField.tsx
30301
30301
  import { Fragment as Fragment4, jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -31190,7 +31190,7 @@ import { useState as useState17 } from "react";
31190
31190
  var import_classnames44 = __toESM(require_classnames());
31191
31191
 
31192
31192
  // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
31193
- var Select_default = { "select": "Select_select__OWQwZ", "button": "Select_button__YTEzN", "value": "Select_value__N2NjM", "list": "Select_list__ZDFkY", "search": "Select_search__YTgyZ" };
31193
+ var Select_default = { "select": "Select_select__NmFmN", "button": "Select_button__OGYyM", "value": "Select_value__N2M0Y", "list": "Select_list__NzIyZ", "search": "Select_search__MGM1N" };
31194
31194
 
31195
31195
  // src/components/Select.tsx
31196
31196
  import { jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.122.0",
3
+ "version": "0.123.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -3969,7 +3969,7 @@ body a.Button_button__NDYwM {
3969
3969
  }
3970
3970
 
3971
3971
  /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
3972
- .TextField_field__YWExY {
3972
+ .TextField_field__YWQzN {
3973
3973
  display: flex;
3974
3974
  align-items: center;
3975
3975
  padding: 0 var(--padding-x);
@@ -4000,12 +4000,13 @@ body a.Button_button__NDYwM {
4000
4000
  }
4001
4001
  }
4002
4002
  }
4003
- .TextField_field__YWExY input,
4004
- .TextField_field__YWExY textarea {
4003
+ .TextField_field__YWQzN input,
4004
+ .TextField_field__YWQzN textarea {
4005
4005
  border: none;
4006
4006
  outline: none;
4007
4007
  padding: var(--padding-y) 0;
4008
4008
  background: transparent;
4009
+ width: 100%;
4009
4010
  flex: 1;
4010
4011
  &::placeholder {
4011
4012
  color: var(--font-color-muted);
@@ -4015,8 +4016,11 @@ body a.Button_button__NDYwM {
4015
4016
  -webkit-appearance: none;
4016
4017
  }
4017
4018
  }
4018
- .TextField_textarea__ODY3N {
4019
- padding-right: 0;
4019
+ .TextField_textarea__YWRmM {
4020
+ padding: 0;
4021
+ & textarea {
4022
+ padding: var(--padding);
4023
+ }
4020
4024
  }
4021
4025
 
4022
4026
  /* virtual-css:css:603e8ab63f869366a7b9c81da6a1d757 */
@@ -4739,26 +4743,27 @@ body a.Button_button__NDYwM {
4739
4743
  }
4740
4744
 
4741
4745
  /* virtual-css:css:851dd5366a20c382ffec60997ee93e35 */
4742
- .Select_select__OWQwZ {
4746
+ .Select_select__NmFmN {
4743
4747
  width: 100%;
4744
4748
  }
4745
- .Select_button__YTEzN {
4749
+ .Select_button__OGYyM {
4746
4750
  width: 100%;
4747
4751
  }
4748
- .Select_value__N2NjM {
4752
+ .Select_value__N2M0Y {
4749
4753
  display: flex;
4750
4754
  align-items: center;
4751
4755
  justify-content: space-between;
4752
4756
  width: 100%;
4753
4757
  }
4754
- .Select_list__ZDFkY {
4758
+ .Select_list__NzIyZ {
4755
4759
  padding: var(--spacing-2);
4756
4760
  background-color: var(--background-color);
4757
4761
  border: var(--border);
4758
4762
  border-radius: var(--border-radius);
4759
4763
  box-shadow: var(--box-shadow-3);
4764
+ width: 260px;
4760
4765
  }
4761
- .Select_search__YTgyZ {
4766
+ .Select_search__MGM1N {
4762
4767
  margin-bottom: var(--spacing-2);
4763
4768
  }
4764
4769