@umami/react-zen 0.185.0 → 0.187.0

package/package.json

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

package/styles.css

@@ -4230,67 +4230,69 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:eedba9fc7e3d8030bbd07387da49f358 */
-.Table_table__YjllN {
+.Table_table__NWMxN {
   font-size: var(--font-size);
   color: var(--font-color);
   border-collapse: collapse;
   width: 100%;
   position: relative;
+  --table-row-height: 40px;
 }
-.Table_table__YjllN th,
-.Table_table__YjllN td {
+.Table_table__NWMxN th,
+.Table_table__NWMxN td {
   min-width: 0;
 }
-.Table_header__NmE0Y,
-.Table_body__ZWYwN {
+.Table_header__YzdmY,
+.Table_body__Nzg5M {
   display: contents;
 }
-.Table_header__NmE0Y {
+.Table_header__YzdmY {
   display: grid;
   border-bottom: 1px solid var(--border-color);
 }
-.Table_header__NmE0Y tr {
+.Table_header__YzdmY tr {
   display: contents;
 }
-.Table_row__Y2M0Y {
+.Table_row__ZWFmM {
   display: grid;
   border-bottom: 1px solid color-mix(in srgb, var(--border-color), 50% transparent);
+  min-height: var(--table-row-height);
 }
-.Table_header__NmE0Y .Table_column__ZGY2M:first-child,
-.Table_row__Y2M0Y .Table_cell__MmZjM:first-child {
+.Table_header__YzdmY .Table_column__YTdhZ:first-child,
+.Table_row__ZWFmM .Table_cell__MjU3N:first-child {
   padding-left: 0;
 }
-.Table_header__NmE0Y .Table_column__ZGY2M:last-child,
-.Table_row__Y2M0Y .Table_cell__MmZjM:last-child {
+.Table_header__YzdmY .Table_column__YTdhZ:last-child,
+.Table_row__ZWFmM .Table_cell__MjU3N:last-child {
   padding-right: 0;
 }
-.Table_column__ZGY2M {
+.Table_column__YTdhZ {
   display: flex;
   padding: var(--padding);
   text-align: left;
   font-weight: 700;
   flex: 1;
 }
-.Table_cell__MmZjM {
+.Table_cell__MjU3N {
   display: flex;
   padding: var(--padding);
   flex: 1;
 }
-.Table_row__Y2M0Y .Table_cell__MmZjM a {
+.Table_row__ZWFmM .Table_cell__MjU3N a {
   font-weight: 500;
   text-decoration: underline var(--base-color-6);
   text-underline-offset: 4px;
 }
-.Table_row__Y2M0Y .Table_cell__MmZjM a:hover {
+.Table_row__ZWFmM .Table_cell__MjU3N a:hover {
   text-decoration: underline var(--base-color-10);
 }
-.Table_start__NGFiN {
+.Table_start__ZGIyN {
   justify-content: flex-start;
 }
-.Table_center__NzFjM {
+.Table_center__Yzg5M {
   justify-content: center;
 }
-.Table_end__NmQyY {
+.Table_end__YjA1Y {
   justify-content: flex-end;
 }
 
@@ -4511,7 +4513,7 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__MDZlN {
+.Menu_menu__YTM5N {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -4520,19 +4522,19 @@ body a.Button_button__NGQyO {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__ZmMzZ {
+.Menu_separator__YjFhN {
   border-bottom: var(--border);
   margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__OGU4Y:not(:last-child) {
+.Menu_section__NWFlM:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__YmNkN {
+.Menu_header__YzJkN {
   font-size: var(--font-size-3);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__YjkxY {
+.Menu_item__NGRkO {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -4546,36 +4548,39 @@ body a.Button_button__NGQyO {
   outline: none;
   width: 100%;
 }
-.Menu_item__YjkxY[data-disabled] {
+.Menu_item__NGRkO[data-disabled] {
   color: var(--font-color-disabled);
 }
-.Menu_item__YjkxY[data-focus],
-.Menu_item__YjkxY[data-focus-visible] {
+.Menu_item__NGRkO[data-focus],
+.Menu_item__NGRkO[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__YjkxY:hover {
+.Menu_item__NGRkO:hover {
   background: var(--highlight-color);
 }
-.Menu_item__YjkxY[data-selected] {
+.Menu_item__NGRkO[data-selected] {
   font-weight: bold;
-  & .Menu_checkmark__OTM5Y {
+  & .Menu_checkmark__MWQ1O {
     display: flex;
     justify-content: flex-end;
   }
 }
-.Menu_checkmark__OTM5Y {
+.Menu_checkmark__MWQ1O {
   display: none;
 }
-.Menu_hideCheckmark__NWJjY .Menu_checkmark__OTM5Y {
+.Menu_hideCheckmark__YzBhM .Menu_checkmark__MWQ1O {
   display: none;
 }
-.Menu_label__YjgwY {
+.Menu_label__NGMxM {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: var(--gap);
 }
+.Menu_content__MTA2O {
+  overflow: auto;
+}
 
 /* virtual-css:css:593a0302ed618f22d0e6c3631ec684d2 */
 .Modal_overlay__MzBhO {
@@ -4983,39 +4988,35 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:844962527a8f0e375161b58db0fc39ed */
-.Sidebar_sidebar__MDdkM {
+.Sidebar_sidebar__NDg2N {
   height: 100%;
   font-size: var(--font-size);
-  border-right: 1px solid var(--border-color);
   width: var(--sidebar-expanded-width);
-  overflow: hidden;
   transition: width 0.1s ease-out;
   --sidebar-expanded-width: 260px;
   --sidebar-collapsed-width: 68px;
 }
-.Sidebar_header__YzgwY {
+.Sidebar_header__ZGU4M {
   display: flex;
   align-items: center;
   gap: var(--gap);
   padding: var(--padding);
 }
-.Sidebar_header__YzgwY .Sidebar_label__ZWRjN {
+.Sidebar_header__ZGU4M .Sidebar_label__NzZkM {
   font-weight: var(--font-weight-bold);
 }
-.Sidebar_section__N2E1Y {
+.Sidebar_section__NDY5Y {
   padding: var(--spacing-3);
-  overflow: hidden;
 }
-.Sidebar_title__ZjM4Z {
+.Sidebar_title__NmU4O {
   font-weight: var(--font-weight-bold);
 }
-.Sidebar_content__ZTA1O {
+.Sidebar_content__YjhhO {
   display: grid;
   min-height: 40px;
   gap: var(--gap);
-  overflow: hidden;
 }
-.Sidebar_item__ZWVjN {
+.Sidebar_item__YmFjY {
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -5027,41 +5028,37 @@ body a.Button_button__NGQyO {
   border: 1px solid transparent;
   cursor: pointer;
   white-space: nowrap;
-  overflow: hidden;
 }
-.Sidebar_item__ZWVjN.Sidebar_selected__NjU5Z {
+.Sidebar_item__YmFjY.Sidebar_selected__NWU3Y {
   font-weight: var(--font-weight-bold);
 }
-.Sidebar_item__ZWVjN:hover {
+.Sidebar_item__YmFjY:hover {
   color: var(--font-color);
 }
-.Sidebar_label__ZWRjN {
+.Sidebar_label__NzZkM {
   opacity: 1;
   width: 100%;
   transition: all 0.3s;
 }
-.Sidebar_collapsed__ZGQyN {
+.Sidebar_collapsed__MDY4N {
   width: var(--sidebar-collapsed-width);
   transition: width 0.2s ease-in-out;
 }
-.Sidebar_collapsed__ZGQyN .Sidebar_item__ZWVjN {
+.Sidebar_collapsed__MDY4N .Sidebar_item__YmFjY {
   gap: 0;
 }
-.Sidebar_collapsed__ZGQyN .Sidebar_label__ZWRjN {
+.Sidebar_collapsed__MDY4N .Sidebar_label__NzZkM {
   display: none;
 }
-.Sidebar_muted__MTI3O .Sidebar_item__ZWVjN {
+.Sidebar_muted__N2U2M .Sidebar_item__YmFjY {
   color: var(--font-color-muted);
 }
-.Sidebar_muted__MTI3O .Sidebar_item__ZWVjN:hover {
+.Sidebar_muted__N2U2M .Sidebar_item__YmFjY:hover {
   color: var(--font-color);
 }
-.Sidebar_muted__MTI3O .Sidebar_item__ZWVjN.Sidebar_selected__NjU5Z {
+.Sidebar_muted__N2U2M .Sidebar_item__YmFjY.Sidebar_selected__NWU3Y {
   color: var(--font-color);
 }
-.Sidebar_sidebar__MDdkM.Sidebar_noborder__ZTFmM {
-  border: 0;
-}
 
 /* virtual-css:css:02d4c53a13519acb012573b18f89110d */
 .Slider_slider__MjBhO {