@umami/react-zen 0.102.0 → 0.104.0

package/package.json

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

package/styles.css

@@ -109,6 +109,8 @@
   --font-family-code: 'JetBrains Mono';
   --font-size: var(--font-size-2);
 
+  --heading-size: var(--heading-size-3);
+
   --border-radius: var(--border-radius-2);
   --border-width: var(--border-width-1);
 
@@ -4271,24 +4273,24 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
-.List_list__ZDQ2Z {
+.List_list__YjBiO {
   display: grid;
   outline: none;
   overflow: auto;
   gap: var(--spacing-1);
 }
-.List_separator__ZTZiM {
+.List_separator__MjkwN {
   border-bottom: var(--border);
 }
-.List_section__ZTliN:not(:last-child) {
+.List_section__NmQzZ:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.List_header__YWIzN {
+.List_header__MjQ4N {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.List_item__YmJhM {
+.List_item__MWYwM {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -4301,43 +4303,28 @@ body a.Button_button__NDYwM {
   outline: none;
   border-radius: var(--border-radius);
 }
-.List_item__YmJhM[data-disabled] {
+.List_item__MWYwM[data-disabled] {
   color: var(--font-color-disabled);
 }
-.List_item__YmJhM[data-focus],
-.List_item__YmJhM[data-focus-visible] {
+.List_item__MWYwM[data-focus],
+.List_item__MWYwM[data-focus-visible] {
   background: var(--highlight-color);
 }
-.List_item__YmJhM:hover {
+.List_item__MWYwM:hover {
   background: var(--highlight-color);
 }
-.List_item__YmJhM[data-selected] {
+.List_item__MWYwM[data-selected] {
   font-weight: bold;
-  & .List_check__ZTc4Z {
+  & .List_checkmark__YjhhM {
     display: flex;
     justify-content: flex-end;
     flex: 1;
   }
 }
-.List_variant-1__NWM2N {
-  & .List_item__YmJhM:hover,
-  .List_item__YmJhM[data-selected] {
-    background: var(--base-color-2);
-  }
-}
-.List_variant-2__MGZhY {
-  & .List_item__YmJhM:hover,
-  .List_item__YmJhM[data-selected] {
-    background: var(--base-color-3);
-  }
-}
-.List_variant-3__MmJkZ {
-  & .List_item__YmJhM:hover,
-  .List_item__YmJhM[data-selected] {
-    background: var(--base-color-4);
-  }
+.List_checkmark__YjhhM {
+  display: none;
 }
-.List_check__ZTc4Z {
+.List_hideCheckmark__OTEyO .List_checkmark__YjhhM {
   display: none;
 }
 
@@ -4591,6 +4578,30 @@ body a.Button_button__NDYwM {
   color: var(--font-color-muted);
 }
 
+/* virtual-css:css:0c4c35b74d5f22edf919d952c580c0e6 */
+.NavMenu_navmenu__OTA1Y {
+  font-size: var(--font-size);
+  width: 100%;
+  gap: var(--spacing-2);
+}
+.NavMenu_item__MjE3M {
+  color: var(--font-color-muted);
+  gap: var(--gap);
+  padding: var(--padding);
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.NavMenu_item__MjE3M:hover {
+  color: var(--font-color);
+  background: var(--highlight-color);
+}
+.NavMenu_item__MjE3M.NavMenu_selected__YzUwN {
+  color: var(--font-color);
+  background: var(--highlight-color);
+  font-weight: var(--font-weight-bold);
+}
+
 /* virtual-css:css:3547a441584a5024882cb71ab3ccf244 */
 .PasswordField_icon__NTRlM {
   position: absolute;