@powerhousedao/design-system 1.40.2 → 2.5.0-dev.0

package/dist/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
 @layer properties;
 :root {
@@ -707,11 +707,14 @@
     --color-yellow-900: hsl(47 100% 49%);
     --color-green-100: hsl(134 51% 89%);
     --color-green-500: hsl(136 53% 66%);
+    --color-green-600: hsl(136 53% 60%);
     --color-green-700: hsl(136 52% 55%);
     --color-green-800: hsl(136 53% 49%);
     --color-green-900: hsl(136 53% 43%);
     --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-100: hsl(209 100% 90%);
+    --color-blue-200: hsl(209 97% 85%);
+    --color-blue-300: hsl(209 100% 80%);
     --color-blue-400: hsl(209 100% 75%);
     --color-blue-500: hsl(209 100% 70%);
     --color-blue-600: hsl(209 100% 65%);
@@ -970,6 +973,9 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .sticky {
     position: sticky;
   }
@@ -979,6 +985,9 @@
   .inset-8 {
     inset: calc(var(--spacing) * 8);
   }
+  .inset-x-0 {
+    inset-inline: calc(var(--spacing) * 0);
+  }
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
@@ -1009,6 +1018,12 @@
   .top-\[-2px\] {
     top: -2px;
   }
+  .top-\[-11px\] {
+    top: -11px;
+  }
+  .top-\[11px\] {
+    top: 11px;
+  }
   .top-\[48px\] {
     top: 48px;
   }
@@ -1033,6 +1048,9 @@
   .right-\[-2px\] {
     right: -2px;
   }
+  .right-\[0px\] {
+    right: 0px;
+  }
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
@@ -1063,6 +1081,9 @@
   .left-\[-2px\] {
     left: -2px;
   }
+  .left-\[0px\] {
+    left: 0px;
+  }
   .isolate {
     isolation: isolate;
   }
@@ -1072,9 +1093,15 @@
   .z-10 {
     z-index: 10;
   }
+  .z-40 {
+    z-index: 40;
+  }
   .z-50 {
     z-index: 50;
   }
+  .z-\[20\] {
+    z-index: 20;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -1102,6 +1129,9 @@
   .m-8 {
     margin: calc(var(--spacing) * 8);
   }
+  .mx-0\.5 {
+    margin-inline: calc(var(--spacing) * 0.5);
+  }
   .mx-1 {
     margin-inline: calc(var(--spacing) * 1);
   }
@@ -1165,6 +1195,9 @@
   .mt-\[5px\] {
     margin-top: 5px;
   }
+  .mt-\[11px\] {
+    margin-top: 11px;
+  }
   .mt-\[14px\] {
     margin-top: 14px;
   }
@@ -1332,6 +1365,10 @@
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
+  .size-\[3px\] {
+    width: 3px;
+    height: 3px;
+  }
   .size-\[18px\] {
     width: 18px;
     height: 18px;
@@ -1383,18 +1420,42 @@
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
+  .h-\[1px\] {
+    height: 1px;
+  }
+  .h-\[3px\] {
+    height: 3px;
+  }
+  .h-\[6px\] {
+    height: 6px;
+  }
+  .h-\[9px\] {
+    height: 9px;
+  }
+  .h-\[12px\] {
+    height: 12px;
+  }
+  .h-\[17px\] {
+    height: 17px;
+  }
   .h-\[20px\] {
     height: 20px;
   }
   .h-\[22px\] {
     height: 22px;
   }
+  .h-\[25px\] {
+    height: 25px;
+  }
   .h-\[28px\] {
     height: 28px;
   }
   .h-\[34px\] {
     height: 34px;
   }
+  .h-\[36px\] {
+    height: 36px;
+  }
   .h-\[37px\] {
     height: 37px;
   }
@@ -1479,6 +1540,18 @@
   .w-\(--radix-popover-trigger-width\) {
     width: var(--radix-popover-trigger-width);
   }
+  .w-0\.5 {
+    width: calc(var(--spacing) * 0.5);
+  }
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
+  .w-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
+  .w-2 {
+    width: calc(var(--spacing) * 2);
+  }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
@@ -1521,6 +1594,9 @@
   .w-\[--radix-popover-trigger-width\] {
     width: --radix-popover-trigger-width;
   }
+  .w-\[6px\] {
+    width: 6px;
+  }
   .w-\[10px\] {
     width: 10px;
   }
@@ -1794,6 +1870,9 @@
   .items-center {
     align-items: center;
   }
+  .items-end {
+    align-items: flex-end;
+  }
   .items-start {
     align-items: flex-start;
   }
@@ -1926,6 +2005,9 @@
   .rounded-3xl {
     border-radius: var(--radius-3xl);
   }
+  .rounded-\[2px\] {
+    border-radius: 2px;
+  }
   .rounded-\[4px\] {
     border-radius: 4px;
   }
@@ -1959,6 +2041,10 @@
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
   }
+  .rounded-t-full {
+    border-top-left-radius: calc(infinity * 1px);
+    border-top-right-radius: calc(infinity * 1px);
+  }
   .rounded-t-md {
     border-top-left-radius: var(--radius-md);
     border-top-right-radius: var(--radius-md);
@@ -1975,6 +2061,9 @@
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
+  .rounded-tl-md {
+    border-top-left-radius: var(--radius-md);
+  }
   .rounded-r-md {
     border-top-right-radius: var(--radius-md);
     border-bottom-right-radius: var(--radius-md);
@@ -1983,6 +2072,13 @@
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
+  .rounded-tr-md {
+    border-top-right-radius: var(--radius-md);
+  }
+  .rounded-b-full {
+    border-bottom-right-radius: calc(infinity * 1px);
+    border-bottom-left-radius: calc(infinity * 1px);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -2128,6 +2224,12 @@
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
+  .bg-blue-200 {
+    background-color: var(--color-blue-200);
+  }
+  .bg-blue-300 {
+    background-color: var(--color-blue-300);
+  }
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
@@ -2167,6 +2269,15 @@
   .bg-green-500 {
     background-color: var(--color-green-500);
   }
+  .bg-green-600 {
+    background-color: var(--color-green-600);
+  }
+  .bg-green-600\/30 {
+    background-color: color-mix(in srgb, hsl(136 53% 60%) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
+    }
+  }
   .bg-green-900 {
     background-color: var(--color-green-900);
   }
@@ -2182,6 +2293,12 @@
   .bg-red-600 {
     background-color: var(--color-red-600);
   }
+  .bg-red-600\/30 {
+    background-color: color-mix(in srgb, hsl(4 81% 74%) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
+    }
+  }
   .bg-red-900 {
     background-color: var(--color-red-900);
   }
@@ -3422,6 +3539,13 @@
       }
     }
   }
+  .hover\:bg-blue-300 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-300);
+      }
+    }
+  }
   .hover\:bg-gray-50 {
     &:hover {
       @media (hover: hover) {
@@ -5028,6 +5152,13 @@
       }
     }
   }
+  .\[\&\>span\]\:truncate {
+    &>span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
   .\[\&\>svg\]\:size-4 {
     &>svg {
       width: calc(var(--spacing) * 4);
@@ -5087,6 +5218,9 @@ input[type="number"] {
   h1, h2, h3, h4, h5, h6, p {
     color: var(--color-gray-900);
   }
+  button {
+    cursor: pointer;
+  }
 }
 @layer base {
   * {