@umami/react-zen 0.17.0 → 0.19.0

package/dist/index.css

@@ -92,6 +92,27 @@
 .global_display-inline-flex {
   display: inline-flex;
 }
+.global_display-grid {
+  display: grid;
+}
+.global_display-inline-grid {
+  display: inline-grid;
+}
+.global_position-absolute {
+  position: absolute;
+}
+.global_position-fixed {
+  position: fixed;
+}
+.global_position-stick {
+  position: sticky;
+}
+.global_position-static {
+  position: static;
+}
+.global_position-relative {
+  position: relative;
+}
 .global_font-size {
   font-size: var(--font-size);
 }
@@ -215,15 +236,30 @@
 .global_background-color-950 {
   background-color: var(--base-color-950);
 }
-.global_align-left {
+.global_text-align-left {
   text-align: left;
 }
-.global_align-center {
+.global_text-align-center {
   text-align: center;
 }
-.global_align-right {
+.global_text-align-right {
   text-align: right;
 }
+.global_text-wrap-wrap {
+  text-wrap: wrap;
+}
+.global_text-wrap-nowrap {
+  text-wrap: nowrap;
+}
+.global_text-wrap-balance {
+  text-wrap: balance;
+}
+.global_text-wrap-pretty {
+  text-wrap: pretty;
+}
+.global_text-wrap-stable {
+  text-wrap: stable;
+}
 .global_letter-spacing-tighter {
   letter-spacing: -0.05em;
 }
@@ -1121,10 +1157,25 @@
 .global_align-self-unsafe-center {
   align-self: unsafe center;
 }
+.global_grid-auto-flow-row {
+  grid-auto-flow: row;
+}
+.global_grid-auto-flow-column {
+  grid-auto-flow: column;
+}
+.global_grid-auto-flow-row-dense {
+  grid-auto-flow: row dense;
+}
+.global_grid-auto-flow-column-dense {
+  grid-auto-flow: column dense;
+}
 @media (min-width: 520px) {
   .global_display-xs {
     display: var(--display-xs);
   }
+  .global_position-xs {
+    position: var(--position-xs);
+  }
   .global_font-size-xs {
     font-size: var(--font-size-xs);
   }
@@ -1243,11 +1294,29 @@
   .global_align-self-xs {
     align-self: var(--align-self-xs);
   }
+  .global_grid-template-rows-xs {
+    grid-template-rows: var(--grid-template-rows-xs);
+  }
+  .global_grid-template-columns-xs {
+    grid-template-columns: var(--grid-template-columns-xs);
+  }
+  .global_flex-basis-xs {
+    flex-basis: var(--flex-basis-xs);
+  }
+  .global_flex-grow-xs {
+    flex-basis: var(--flex-grow-xs);
+  }
+  .global_flex-shrink-xs {
+    flex-basis: var(--flex-shrink-xs);
+  }
 }
 @media (min-width: 768px) {
   .global_display-sm {
     display: var(--display-sm);
   }
+  .global_position-sm {
+    position: var(--position-sm);
+  }
   .global_font-size-sm {
     font-size: var(--font-size-sm);
   }
@@ -1366,11 +1435,29 @@
   .global_align-self-sm {
     align-self: var(--align-self-sm);
   }
+  .global_grid-template-rows-sm {
+    grid-template-rows: var(--grid-template-rows-sm);
+  }
+  .global_grid-template-columns-sm {
+    grid-template-columns: var(--grid-template-columns-sm);
+  }
+  .global_flex-basis-sm {
+    flex-basis: var(--flex-basis-sm);
+  }
+  .global_flex-grow-sm {
+    flex-basis: var(--flex-grow-sm);
+  }
+  .global_flex-shrink-sm {
+    flex-basis: var(--flex-shrink-sm);
+  }
 }
 @media (min-width: 1024px) {
   .global_display-md {
     display: var(--display-md);
   }
+  .global_position-md {
+    position: var(--position-md);
+  }
   .global_font-size-md {
     font-size: var(--font-size-md);
   }
@@ -1489,11 +1576,29 @@
   .global_align-self-md {
     align-self: var(--align-self-md);
   }
+  .global_grid-template-rows-md {
+    grid-template-rows: var(--grid-template-rows-md);
+  }
+  .global_grid-template-columns-md {
+    grid-template-columns: var(--grid-template-columns-md);
+  }
+  .global_flex-basis-md {
+    flex-basis: var(--flex-basis-md);
+  }
+  .global_flex-grow-md {
+    flex-basis: var(--flex-grow-md);
+  }
+  .global_flex-shrink-md {
+    flex-basis: var(--flex-shrink-md);
+  }
 }
 @media (min-width: 1280px) {
   .global_display-lg {
     display: var(--display-lg);
   }
+  .global_position-lg {
+    position: var(--position-lg);
+  }
   .global_font-size-lg {
     font-size: var(--font-size-lg);
   }
@@ -1612,11 +1717,29 @@
   .global_align-self-lg {
     align-self: var(--align-self-lg);
   }
+  .global_grid-template-rows-lg {
+    grid-template-rows: var(--grid-template-rows-lg);
+  }
+  .global_grid-template-columns-lg {
+    grid-template-columns: var(--grid-template-columns-lg);
+  }
+  .global_flex-basis-lg {
+    flex-basis: var(--flex-basis-lg);
+  }
+  .global_flex-grow-lg {
+    flex-basis: var(--flex-grow-lg);
+  }
+  .global_flex-shrink-lg {
+    flex-basis: var(--flex-shrink-lg);
+  }
 }
 @media (min-width: 1640px) {
   .global_display-xl {
     display: var(--display-xl);
   }
+  .global_position-xl {
+    position: var(--position-xl);
+  }
   .global_font-size-xl {
     font-size: var(--font-size-xl);
   }
@@ -1735,6 +1858,21 @@
   .global_align-self-xl {
     align-self: var(--align-self-xl);
   }
+  .global_grid-template-rows-xl {
+    grid-template-rows: var(--grid-template-rows-xl);
+  }
+  .global_grid-template-columns-xl {
+    grid-template-columns: var(--grid-template-columns-xl);
+  }
+  .global_flex-basis-xl {
+    flex-basis: var(--flex-basis-xl);
+  }
+  .global_flex-grow-xl {
+    flex-basis: var(--flex-grow-xl);
+  }
+  .global_flex-shrink-xl {
+    flex-basis: var(--flex-shrink-xl);
+  }
 }
 
 /* src/components/Text.module.css */
@@ -2074,7 +2212,7 @@ body a.Button_button {
   align-items: center;
   margin-bottom: var(--spacing-4);
 }
-.Calendar_heading {
+.Calendar_calendar .Calendar_heading {
   flex: 1;
   margin: 0;
   text-align: center;