@umami/react-zen 0.141.0 → 0.143.0

package/dist/index.css

@@ -3724,7 +3724,7 @@ body a.Button_button__ZGNlZ {
 }
 
 /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
-.TextField_field__Nzc3M {
+.TextField_field__YzU1O {
   display: flex;
   align-items: center;
   padding: 0 var(--padding-x);
@@ -3755,8 +3755,8 @@ body a.Button_button__ZGNlZ {
     }
   }
 }
-.TextField_field__Nzc3M input,
-.TextField_field__Nzc3M textarea {
+.TextField_field__YzU1O input,
+.TextField_field__YzU1O textarea {
   border: none;
   outline: none;
   padding: var(--padding-y) 0;
@@ -3771,35 +3771,35 @@ body a.Button_button__ZGNlZ {
     -webkit-appearance: none;
   }
 }
-.TextField_icon__ZjYyM {
+.TextField_icon__MDJlY {
   color: var(--font-color-muted);
   cursor: pointer;
   &:hover {
     color: var(--font-color);
   }
 }
-.TextField_novalue__ODg5Z .TextField_icon__ZjYyM {
+.TextField_novalue__NDg4Y .TextField_icon__MDJlY {
   color: var(--font-color-disabled);
 }
-.TextField_textarea__ZTMzO {
+.TextField_textarea__NTQ3M {
   padding: 0;
   & textarea {
     padding: var(--padding);
   }
-  & .TextField_icon__ZjYyM {
+  & .TextField_icon__MDJlY {
     position: absolute;
     top: var(--padding-x);
     right: var(--padding-x);
     z-index: 1;
   }
 }
-.TextField_resize-vertical__M2IwO {
+.TextField_resize-vertical__ZDc3N textarea {
   resize: vertical;
 }
-.TextField_resize-horizontal__MzM1M {
+.TextField_resize-horizontal__MzJjY textarea {
   resize: horizontal;
 }
-.TextField_resize-none__YzQxY {
+.TextField_resize-none__ZmUxZ textarea {
   resize: none;
 }
 
@@ -4577,19 +4577,20 @@ body a.Button_button__ZGNlZ {
 }
 
 /* virtual-css:css:851dd5366a20c382ffec60997ee93e35 */
-.Select_select__NmFmN {
+.Select_select__NTRiY {
   width: 100%;
 }
-.Select_button__OGYyM {
+.Select_button__ZTJmY {
   width: 100%;
 }
-.Select_value__N2M0Y {
+.Select_value__OWU2Z {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
+  gap: var(--gap);
 }
-.Select_list__NzIyZ {
+.Select_list__NTk4N {
   padding: var(--spacing-2);
   background-color: var(--background-color);
   border: var(--border);
@@ -4597,7 +4598,7 @@ body a.Button_button__ZGNlZ {
   box-shadow: var(--box-shadow-3);
   width: 260px;
 }
-.Select_search__MGM1N {
+.Select_search__YWI3Y {
   margin-bottom: var(--spacing-2);
 }
 

package/dist/index.js

@@ -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__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" };
+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" };
 
 // src/components/TextField.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
@@ -31624,7 +31624,7 @@ var import_react187 = require("react");
 var import_classnames45 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
-var Select_default = { "select": "Select_select__NmFmN", "button": "Select_button__OGYyM", "value": "Select_value__N2M0Y", "list": "Select_list__NzIyZ", "search": "Select_search__MGM1N" };
+var Select_default = { "select": "Select_select__NTRiY", "button": "Select_button__ZTJmY", "value": "Select_value__OWU2Z", "list": "Select_list__NTk4N", "search": "Select_search__YWI3Y" };
 
 // src/components/Select.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -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__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" };
+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" };
 
 // src/components/TextField.tsx
 import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -31513,7 +31513,7 @@ import { useState as useState17 } from "react";
 var import_classnames45 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
-var Select_default = { "select": "Select_select__NmFmN", "button": "Select_button__OGYyM", "value": "Select_value__N2M0Y", "list": "Select_list__NzIyZ", "search": "Select_search__MGM1N" };
+var Select_default = { "select": "Select_select__NTRiY", "button": "Select_button__ZTJmY", "value": "Select_value__OWU2Z", "list": "Select_list__NTk4N", "search": "Select_search__YWI3Y" };
 
 // src/components/Select.tsx
 import { jsx as jsx60, jsxs as jsxs34 } from "react/jsx-runtime";

package/package.json

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

package/styles.css

@@ -4042,7 +4042,7 @@ body a.Button_button__ZGNlZ {
 }
 
 /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
-.TextField_field__Nzc3M {
+.TextField_field__YzU1O {
   display: flex;
   align-items: center;
   padding: 0 var(--padding-x);
@@ -4073,8 +4073,8 @@ body a.Button_button__ZGNlZ {
     }
   }
 }
-.TextField_field__Nzc3M input,
-.TextField_field__Nzc3M textarea {
+.TextField_field__YzU1O input,
+.TextField_field__YzU1O textarea {
   border: none;
   outline: none;
   padding: var(--padding-y) 0;
@@ -4089,35 +4089,35 @@ body a.Button_button__ZGNlZ {
     -webkit-appearance: none;
   }
 }
-.TextField_icon__ZjYyM {
+.TextField_icon__MDJlY {
   color: var(--font-color-muted);
   cursor: pointer;
   &:hover {
     color: var(--font-color);
   }
 }
-.TextField_novalue__ODg5Z .TextField_icon__ZjYyM {
+.TextField_novalue__NDg4Y .TextField_icon__MDJlY {
   color: var(--font-color-disabled);
 }
-.TextField_textarea__ZTMzO {
+.TextField_textarea__NTQ3M {
   padding: 0;
   & textarea {
     padding: var(--padding);
   }
-  & .TextField_icon__ZjYyM {
+  & .TextField_icon__MDJlY {
     position: absolute;
     top: var(--padding-x);
     right: var(--padding-x);
     z-index: 1;
   }
 }
-.TextField_resize-vertical__M2IwO {
+.TextField_resize-vertical__ZDc3N textarea {
   resize: vertical;
 }
-.TextField_resize-horizontal__MzM1M {
+.TextField_resize-horizontal__MzJjY textarea {
   resize: horizontal;
 }
-.TextField_resize-none__YzQxY {
+.TextField_resize-none__ZmUxZ textarea {
   resize: none;
 }
 
@@ -4895,19 +4895,20 @@ body a.Button_button__ZGNlZ {
 }
 
 /* virtual-css:css:851dd5366a20c382ffec60997ee93e35 */
-.Select_select__NmFmN {
+.Select_select__NTRiY {
   width: 100%;
 }
-.Select_button__OGYyM {
+.Select_button__ZTJmY {
   width: 100%;
 }
-.Select_value__N2M0Y {
+.Select_value__OWU2Z {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
+  gap: var(--gap);
 }
-.Select_list__NzIyZ {
+.Select_list__NTk4N {
   padding: var(--spacing-2);
   background-color: var(--background-color);
   border: var(--border);
@@ -4915,7 +4916,7 @@ body a.Button_button__ZGNlZ {
   box-shadow: var(--box-shadow-3);
   width: 260px;
 }
-.Select_search__MGM1N {
+.Select_search__YWI3Y {
   margin-bottom: var(--spacing-2);
 }