@umami/react-zen 0.81.0 → 0.83.0

package/dist/index.css

@@ -2706,13 +2706,22 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
-.Text_truncate__NmUzO {
+.Text_truncate__N2RhO {
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
+.Text_italic__OTQxO {
+  font-style: italic;
+}
+.Text_underline__ZjA1M {
+  text-decoration: underline;
+}
+.Text_strikethrough__NTlhM {
+  text-decoration: line-through;
+}
 
 /* virtual-css:css:fa53717340120f23a623f1ff98237d94 */
 .Accordion_accordion__ODg3O {
@@ -3014,19 +3023,19 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:ac55918cdbb6b3a9ac9deedf05ce3806 */
-.input_field__ZGEyY {
+.input_field__MTc5M {
   position: relative;
-  min-width: 240px;
+  width: 240px;
 }
-.input_field__ZGEyY,
-.input_row__YTllZ {
+.input_field__MTc5M,
+.input_row__Njg2Y {
   position: relative;
 }
-.input_field__ZGEyY[data-readonly] .input_input__ZTAzN,
-.input_field__ZGEyY[data-disabled] .input_input__ZTAzN {
+.input_field__MTc5M[data-readonly] .input_input__MmIwN,
+.input_field__MTc5M[data-disabled] .input_input__MmIwN {
   background: var(--base-color-2);
 }
-.input_input__ZTAzN {
+.input_input__MmIwN {
   font-size: var(--font-size);
   color: var(--font-color);
   border: var(--border);
@@ -3037,24 +3046,24 @@ body a.Button_button__NDYwM {
   line-height: 1.5rem;
   width: 100%;
 }
-.input_input__ZTAzN:focus {
+.input_input__MmIwN:focus {
   border-color: transparent;
   outline: var(--outline);
 }
-.input_input__ZTAzN::placeholder {
+.input_input__MmIwN::placeholder {
   color: var(--font-color-muted);
 }
-.input_input__ZTAzN:disabled {
+.input_input__MmIwN:disabled {
   color: var(--font-color-muted);
 }
-.input_input__ZTAzN::-webkit-search-cancel-button,
-.input_input__ZTAzN::-webkit-search-decoration {
+.input_input__MmIwN::-webkit-search-cancel-button,
+.input_input__MmIwN::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.input_icon__YjcxZ {
+.input_icon__NWRlZ {
   color: var(--font-color-muted);
 }
-.input_icon__YjcxZ:hover {
+.input_icon__NWRlZ:hover {
   color: var(--font-color);
   cursor: pointer;
 }
@@ -3386,7 +3395,7 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__ZGYzM {
+.Menu_menu__ZGIxY {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -3395,19 +3404,19 @@ body a.Button_button__NDYwM {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__Yzk4N {
+.Menu_separator__YjgwM {
   border-bottom: var(--border);
   margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__MjYyM:not(:last-child) {
+.Menu_section__MmNkY:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__ODcyM {
+.Menu_header__YmQ0M {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__ZGQ3M {
+.Menu_item__NzJlM {
   display: flex;
   align-items: center;
   gap: var(--gap);
@@ -3420,25 +3429,26 @@ body a.Button_button__NDYwM {
   outline: none;
   width: 100%;
 }
-.Menu_item__ZGQ3M[data-disabled] {
+.Menu_item__NzJlM[data-disabled] {
+  color: var(--font-color-disabled);
 }
-.Menu_item__ZGQ3M[data-focus],
-.Menu_item__ZGQ3M[data-focus-visible] {
+.Menu_item__NzJlM[data-focus],
+.Menu_item__NzJlM[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__ZGQ3M:hover {
+.Menu_item__NzJlM:hover {
   background: var(--highlight-color);
 }
-.Menu_item__ZGQ3M[data-selected] {
+.Menu_item__NzJlM[data-selected] {
   font-weight: bold;
 }
-.Menu_item__ZGQ3M[data-selected] .Menu_check__NzhkO {
+.Menu_item__NzJlM[data-selected] .Menu_check__ZDc1Z {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.Menu_check__NzhkO {
+.Menu_check__ZDc1Z {
   display: none;
 }
 

package/dist/index.d.ts

@@ -900,10 +900,13 @@ declare module '@umami/react-zen/Text' {
         wrap?: Responsive<TextWrap>;
         transform?: Responsive<TextTransform>;
         truncate?: Responsive<boolean>;
+        italic?: Responsive<boolean>;
+        underline?: Responsive<boolean>;
+        strikethrough?: Responsive<boolean>;
         as?: 'span' | 'div' | 'label' | 'p';
         asChild?: boolean;
     }
-    export function Text({ color, size, spacing, weight, align, wrap, transform, truncate, as, asChild, className, style, children, ...props }: TextProps): import("react").JSX.Element;
+    export function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/TextField' {

package/dist/index.js

@@ -29795,7 +29795,7 @@ var import_classnames12 = __toESM(require_classnames());
 var import_classnames11 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Text.module.css
-var Text_default = { "truncate": "Text_truncate__NmUzO" };
+var Text_default = { "truncate": "Text_truncate__N2RhO", "italic": "Text_italic__OTQxO", "underline": "Text_underline__ZjA1M", "strikethrough": "Text_strikethrough__NTlhM" };
 
 // src/components/Text.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -29808,6 +29808,9 @@ function Text({
   wrap,
   transform,
   truncate,
+  italic,
+  underline,
+  strikethrough,
   as = "span",
   asChild,
   className,
@@ -29829,7 +29832,15 @@ function Text({
     Component,
     {
       ...props,
-      className: (0, import_classnames11.default)(Text_default.text, className, classes, truncate && Text_default.truncate),
+      className: (0, import_classnames11.default)(
+        Text_default.text,
+        className,
+        classes,
+        truncate && Text_default.truncate,
+        italic && Text_default.italic,
+        underline && Text_default.underline,
+        strikethrough && Text_default.strikethrough
+      ),
       style: { ...styleProps, ...style },
       children
     }
@@ -30116,7 +30127,7 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\styles\input.module.css
-var input_default = { "field": "input_field__ZGEyY", "row": "input_row__YTllZ", "input": "input_input__ZTAzN", "icon": "input_icon__YjcxZ" };
+var input_default = { "field": "input_field__MTc5M", "row": "input_row__Njg2Y", "input": "input_input__MmIwN", "icon": "input_icon__NWRlZ" };
 
 // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
 var TextField_default = { "allowCopy": "TextField_allowCopy__Y2RhY", "icon": "TextField_icon__MWVlN" };
@@ -30692,7 +30703,7 @@ function Loading(props) {
 var import_classnames34 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
-var Menu_default = { "menu": "Menu_menu__ZGYzM", "separator": "Menu_separator__Yzk4N", "section": "Menu_section__MjYyM", "header": "Menu_header__ODcyM", "item": "Menu_item__ZGQ3M", "check": "Menu_check__NzhkO" };
+var Menu_default = { "menu": "Menu_menu__ZGIxY", "separator": "Menu_separator__YjgwM", "section": "Menu_section__MmNkY", "header": "Menu_header__YmQ0M", "item": "Menu_item__NzJlM", "check": "Menu_check__ZDc1Z" };
 
 // src/components/Menu.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -29684,7 +29684,7 @@ var import_classnames12 = __toESM(require_classnames());
 var import_classnames11 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Text.module.css
-var Text_default = { "truncate": "Text_truncate__NmUzO" };
+var Text_default = { "truncate": "Text_truncate__N2RhO", "italic": "Text_italic__OTQxO", "underline": "Text_underline__ZjA1M", "strikethrough": "Text_strikethrough__NTlhM" };
 
 // src/components/Text.tsx
 import { jsx as jsx18 } from "react/jsx-runtime";
@@ -29697,6 +29697,9 @@ function Text({
   wrap,
   transform,
   truncate,
+  italic,
+  underline,
+  strikethrough,
   as = "span",
   asChild,
   className,
@@ -29718,7 +29721,15 @@ function Text({
     Component,
     {
       ...props,
-      className: (0, import_classnames11.default)(Text_default.text, className, classes, truncate && Text_default.truncate),
+      className: (0, import_classnames11.default)(
+        Text_default.text,
+        className,
+        classes,
+        truncate && Text_default.truncate,
+        italic && Text_default.italic,
+        underline && Text_default.underline,
+        strikethrough && Text_default.strikethrough
+      ),
       style: { ...styleProps, ...style },
       children
     }
@@ -30005,7 +30016,7 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\styles\input.module.css
-var input_default = { "field": "input_field__ZGEyY", "row": "input_row__YTllZ", "input": "input_input__ZTAzN", "icon": "input_icon__YjcxZ" };
+var input_default = { "field": "input_field__MTc5M", "row": "input_row__Njg2Y", "input": "input_input__MmIwN", "icon": "input_icon__NWRlZ" };
 
 // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
 var TextField_default = { "allowCopy": "TextField_allowCopy__Y2RhY", "icon": "TextField_icon__MWVlN" };
@@ -30581,7 +30592,7 @@ function Loading(props) {
 var import_classnames34 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
-var Menu_default = { "menu": "Menu_menu__ZGYzM", "separator": "Menu_separator__Yzk4N", "section": "Menu_section__MjYyM", "header": "Menu_header__ODcyM", "item": "Menu_item__ZGQ3M", "check": "Menu_check__NzhkO" };
+var Menu_default = { "menu": "Menu_menu__ZGIxY", "separator": "Menu_separator__YjgwM", "section": "Menu_section__MmNkY", "header": "Menu_header__YmQ0M", "item": "Menu_item__NzJlM", "check": "Menu_check__ZDc1Z" };
 
 // src/components/Menu.tsx
 import { jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";

package/package.json

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

package/styles.css

@@ -311,7 +311,7 @@ li {
 }
 
 :where(input, textarea, select) {
-  min-width: 240px;
+  width: 240px;
 }
 
 :where(*) {
@@ -3026,13 +3026,22 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
-.Text_truncate__NmUzO {
+.Text_truncate__N2RhO {
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
+.Text_italic__OTQxO {
+  font-style: italic;
+}
+.Text_underline__ZjA1M {
+  text-decoration: underline;
+}
+.Text_strikethrough__NTlhM {
+  text-decoration: line-through;
+}
 
 /* virtual-css:css:fa53717340120f23a623f1ff98237d94 */
 .Accordion_accordion__ODg3O {
@@ -3334,19 +3343,19 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:ac55918cdbb6b3a9ac9deedf05ce3806 */
-.input_field__ZGEyY {
+.input_field__MTc5M {
   position: relative;
-  min-width: 240px;
+  width: 240px;
 }
-.input_field__ZGEyY,
-.input_row__YTllZ {
+.input_field__MTc5M,
+.input_row__Njg2Y {
   position: relative;
 }
-.input_field__ZGEyY[data-readonly] .input_input__ZTAzN,
-.input_field__ZGEyY[data-disabled] .input_input__ZTAzN {
+.input_field__MTc5M[data-readonly] .input_input__MmIwN,
+.input_field__MTc5M[data-disabled] .input_input__MmIwN {
   background: var(--base-color-2);
 }
-.input_input__ZTAzN {
+.input_input__MmIwN {
   font-size: var(--font-size);
   color: var(--font-color);
   border: var(--border);
@@ -3357,24 +3366,24 @@ body a.Button_button__NDYwM {
   line-height: 1.5rem;
   width: 100%;
 }
-.input_input__ZTAzN:focus {
+.input_input__MmIwN:focus {
   border-color: transparent;
   outline: var(--outline);
 }
-.input_input__ZTAzN::placeholder {
+.input_input__MmIwN::placeholder {
   color: var(--font-color-muted);
 }
-.input_input__ZTAzN:disabled {
+.input_input__MmIwN:disabled {
   color: var(--font-color-muted);
 }
-.input_input__ZTAzN::-webkit-search-cancel-button,
-.input_input__ZTAzN::-webkit-search-decoration {
+.input_input__MmIwN::-webkit-search-cancel-button,
+.input_input__MmIwN::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.input_icon__YjcxZ {
+.input_icon__NWRlZ {
   color: var(--font-color-muted);
 }
-.input_icon__YjcxZ:hover {
+.input_icon__NWRlZ:hover {
   color: var(--font-color);
   cursor: pointer;
 }
@@ -3706,7 +3715,7 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__ZGYzM {
+.Menu_menu__ZGIxY {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -3715,19 +3724,19 @@ body a.Button_button__NDYwM {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__Yzk4N {
+.Menu_separator__YjgwM {
   border-bottom: var(--border);
   margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__MjYyM:not(:last-child) {
+.Menu_section__MmNkY:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__ODcyM {
+.Menu_header__YmQ0M {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__ZGQ3M {
+.Menu_item__NzJlM {
   display: flex;
   align-items: center;
   gap: var(--gap);
@@ -3740,25 +3749,26 @@ body a.Button_button__NDYwM {
   outline: none;
   width: 100%;
 }
-.Menu_item__ZGQ3M[data-disabled] {
+.Menu_item__NzJlM[data-disabled] {
+  color: var(--font-color-disabled);
 }
-.Menu_item__ZGQ3M[data-focus],
-.Menu_item__ZGQ3M[data-focus-visible] {
+.Menu_item__NzJlM[data-focus],
+.Menu_item__NzJlM[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__ZGQ3M:hover {
+.Menu_item__NzJlM:hover {
   background: var(--highlight-color);
 }
-.Menu_item__ZGQ3M[data-selected] {
+.Menu_item__NzJlM[data-selected] {
   font-weight: bold;
 }
-.Menu_item__ZGQ3M[data-selected] .Menu_check__NzhkO {
+.Menu_item__NzJlM[data-selected] .Menu_check__ZDc1Z {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.Menu_check__NzhkO {
+.Menu_check__ZDc1Z {
   display: none;
 }