@umami/react-zen 0.164.0 → 0.166.0

package/package.json

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

package/styles.css

@@ -3451,7 +3451,7 @@ li {
 }
 
 /* virtual-css:css:616ae3b49446388ff62e911490fa55d8 */
-.Button_button__ZGNlZ {
+.Button_button__NGQyO {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3468,104 +3468,99 @@ li {
   position: relative;
   cursor: pointer;
   line-height: 1.5;
-  --button-height: calc(1.5 * var(--font-size) + 2 * var(--padding-y)) ;
 }
-.Button_button__ZGNlZ:disabled {
+.Button_button__NGQyO:disabled {
   color: var(--font-color-muted);
   pointer-events: none;
 }
-.Button_button__ZGNlZ:hover {
+.Button_button__NGQyO:hover {
   color: var(--font-color);
   background: color-mix(in srgb, var(--base-color-3), 5% var(--dark-color));
 }
-.Button_button__ZGNlZ[data-pressed] {
+.Button_button__NGQyO[data-pressed] {
   background: color-mix(in srgb, var(--base-color-3), 10% var(--dark-color));
 }
-.Button_button__ZGNlZ.Button_variant-primary__YjM5O {
+.Button_button__NGQyO.Button_variant-primary__YjU3N {
   color: var(--primary-font-color) !important;
   background: var(--primary-color);
 }
-.Button_button__ZGNlZ.Button_variant-primary__YjM5O:hover {
+.Button_button__NGQyO.Button_variant-primary__YjU3N:hover {
   background: color-mix(in srgb, var(--primary-color), 10% var(--primary-font-color));
 }
-.Button_button__ZGNlZ.Button_variant-primary__YjM5O[data-pressed] {
+.Button_button__NGQyO.Button_variant-primary__YjU3N[data-pressed] {
   background: color-mix(in srgb, var(--primary-color), 20% var(--primary-font-color));
 }
-.Button_button__ZGNlZ.Button_variant-primary__YjM5O:disabled {
+.Button_button__NGQyO.Button_variant-primary__YjU3N:disabled {
   color: var(--primary-font-color);
   background: var(--base-color-9);
 }
-.Button_button__ZGNlZ.Button_variant-outline__YTkyM {
+.Button_button__NGQyO.Button_variant-outline__NzU3Y {
   background: var(--background-color);
   border: var(--border);
   box-shadow: var(--box-shadow-1);
 }
-.Button_button__ZGNlZ.Button_variant-outline__YTkyM:hover {
+.Button_button__NGQyO.Button_variant-outline__NzU3Y:hover {
   border-color: var(--border-color-3);
 }
-.Button_button__ZGNlZ.Button_variant-outline__YTkyM[data-pressed] {
+.Button_button__NGQyO.Button_variant-outline__NzU3Y[data-pressed] {
   background: var(--highlight-color);
 }
-.Button_button__ZGNlZ.Button_variant-outline__YTkyM:disabled {
+.Button_button__NGQyO.Button_variant-outline__NzU3Y:disabled {
   background: var(--base-color-2);
 }
-.Button_button__ZGNlZ.Button_variant-quiet__YzZjO {
+.Button_button__NGQyO.Button_variant-quiet__MzMzO {
   background: transparent;
 }
-.Button_button__ZGNlZ.Button_variant-quiet__YzZjO:hover {
+.Button_button__NGQyO.Button_variant-quiet__MzMzO:hover {
   background: var(--highlight-color);
 }
-.Button_button__ZGNlZ.Button_variant-quiet__YzZjO[data-pressed] {
+.Button_button__NGQyO.Button_variant-quiet__MzMzO[data-pressed] {
   background: color-mix(in srgb, var(--highlight-color), 5% var(--dark-color));
 }
-.Button_button__ZGNlZ.Button_variant-danger__ZGY0M {
+.Button_button__NGQyO.Button_variant-danger__OGZhN {
   color: var(--light-color);
   background: var(--danger-color);
 }
-.Button_button__ZGNlZ.Button_variant-danger__ZGY0M:hover {
+.Button_button__NGQyO.Button_variant-danger__OGZhN:hover {
   background: color-mix(in srgb, var(--danger-color), 6% black);
 }
-.Button_button__ZGNlZ.Button_variant-danger__ZGY0M[data-pressed] {
+.Button_button__NGQyO.Button_variant-danger__OGZhN[data-pressed] {
   background: color-mix(in srgb, var(--danger-color), 12% black);
 }
-.Button_button__ZGNlZ.Button_variant-danger__ZGY0M:disabled {
+.Button_button__NGQyO.Button_variant-danger__OGZhN:disabled {
   color: var(--primary-font-color);
   background: var(--base-color-8);
 }
-.Button_button__ZGNlZ.Button_variant-zero__ZjhhZ {
+.Button_button__NGQyO.Button_variant-zero__ZGViN {
   border: 0;
   background: transparent;
 }
-.Button_button__ZGNlZ.Button_variant-zero__ZjhhZ:hover {
+.Button_button__NGQyO.Button_variant-zero__ZGViN:hover {
   background: transparent;
 }
-.Button_button__ZGNlZ.Button_variant-zero__ZjhhZ[data-pressed] {
+.Button_button__NGQyO.Button_variant-zero__ZGViN[data-pressed] {
   background: transparent;
 }
-.Button_button__ZGNlZ.Button_variant-zero__ZjhhZ:disabled {
+.Button_button__NGQyO.Button_variant-zero__ZGViN:disabled {
   background: transparent;
 }
-.Button_button__ZGNlZ.Button_sm__ODlkM {
+.Button_button__NGQyO.Button_sm__NzE4Y {
   font-size: calc(0.9 * var(--font-size));
   padding: calc(0.5 * var(--padding-y)) calc(0.75 * var(--padding-x));
-  min-height: calc(0.9 * var(--button-height));
 }
-.Button_button__ZGNlZ.Button_md__ZTU2M {
+.Button_button__NGQyO.Button_md__YzYwY {
   font-size: var(--font-size);
   padding: var(--padding);
-  min-height: var(--button-height);
 }
-.Button_button__ZGNlZ.Button_lg__NWJjO {
+.Button_button__NGQyO.Button_lg__YTVkN {
   font-size: calc(1.25 * var(--font-size));
   padding: var(--padding-y) calc(1.25 * var(--padding-x));
-  min-height: calc(1.25 * var(--button-height));
 }
-.Button_button__ZGNlZ.Button_xl__MmYwY {
+.Button_button__NGQyO.Button_xl__ZDcyY {
   font-size: calc(1.5 * var(--font-size));
   padding: calc(1.25 * var(--padding-y)) calc(1.25 * var(--padding-x));
-  min-height: calc(1.5 * var(--button-height));
 }
-body a.Button_button__ZGNlZ {
+body a.Button_button__NGQyO {
   color: inherit;
   text-decoration: none;
 }
@@ -3992,6 +3987,93 @@ body a.Button_button__ZGNlZ {
   outline: var(--outline);
 }
 
+/* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
+.List_list__ZTRlN {
+  display: grid;
+  outline: none;
+  overflow: auto;
+  gap: var(--spacing-1);
+}
+.List_separator__ODIwN {
+  border-bottom: var(--border);
+}
+.List_section__MzJmN:not(:last-child) {
+  margin-bottom: var(--spacing-4);
+}
+.List_header__MzRmM {
+  font-size: var(--font-size-3);
+  font-weight: var(--font-weight-bold);
+  padding: var(--padding);
+}
+.List_item__ODM4N {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: var(--font-size);
+  color: var(--font-color);
+  padding: var(--padding);
+  gap: var(--gap);
+  min-width: 120px;
+  cursor: pointer;
+  outline: none;
+  border-radius: var(--border-radius);
+}
+.List_item__ODM4N[data-disabled] {
+  color: var(--font-color-disabled);
+}
+.List_item__ODM4N[data-focus],
+.List_item__ODM4N[data-focus-visible] {
+  background: var(--highlight-color);
+}
+.List_item__ODM4N:hover {
+  background: var(--highlight-color);
+}
+.List_item__ODM4N[data-selected] {
+  font-weight: bold;
+  & .List_checkmark__NzY1N {
+    display: flex;
+    justify-content: flex-end;
+  }
+}
+.List_checkmark__NzY1N {
+  display: none;
+}
+.List_hideCheckmark__NDhmN .List_checkmark__NzY1N {
+  display: none;
+}
+
+/* virtual-css:css:8ac5a8adaf8e8de9ae56ee4600f2cfaa */
+.ComboBox_combobox__ZDYxZ {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  border: var(--border);
+  padding: var(--padding);
+  border-radius: var(--border-radius);
+}
+.ComboBox_input__YjNkN {
+  font-size: var(--font-size);
+  border: none;
+  outline: none;
+}
+.ComboBox_button__NTlhM {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  background: transparent;
+}
+.ComboBox_list__NTdiY {
+  margin-top: var(--padding-y);
+  margin-left: calc(-1 * var(--padding-x));
+  padding: var(--spacing-2);
+  background-color: var(--background-color);
+  border: var(--border);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow-3);
+  width: 260px;
+}
+
 /* virtual-css:css:a3f0bcbc602e66499a3823844c11db39 */
 .Code_code__ZTc0M {
   font-family: var(--font-family-code);
@@ -4403,61 +4485,6 @@ body a.Button_button__ZGNlZ {
   position: absolute;
 }
 
-/* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
-.List_list__ZTRlN {
-  display: grid;
-  outline: none;
-  overflow: auto;
-  gap: var(--spacing-1);
-}
-.List_separator__ODIwN {
-  border-bottom: var(--border);
-}
-.List_section__MzJmN:not(:last-child) {
-  margin-bottom: var(--spacing-4);
-}
-.List_header__MzRmM {
-  font-size: var(--font-size-3);
-  font-weight: var(--font-weight-bold);
-  padding: var(--padding);
-}
-.List_item__ODM4N {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: var(--font-size);
-  color: var(--font-color);
-  padding: var(--padding);
-  gap: var(--gap);
-  min-width: 120px;
-  cursor: pointer;
-  outline: none;
-  border-radius: var(--border-radius);
-}
-.List_item__ODM4N[data-disabled] {
-  color: var(--font-color-disabled);
-}
-.List_item__ODM4N[data-focus],
-.List_item__ODM4N[data-focus-visible] {
-  background: var(--highlight-color);
-}
-.List_item__ODM4N:hover {
-  background: var(--highlight-color);
-}
-.List_item__ODM4N[data-selected] {
-  font-weight: bold;
-  & .List_checkmark__NzY1N {
-    display: flex;
-    justify-content: flex-end;
-  }
-}
-.List_checkmark__NzY1N {
-  display: none;
-}
-.List_hideCheckmark__NDhmN .List_checkmark__NzY1N {
-  display: none;
-}
-
 /* virtual-css:css:685b6ac8ab5c6b43c34d2fc83c3b107d */
 .Loading_loading__MzE0Y {
   position: relative;