@helpwave/hightide 0.1.24 → 0.1.25

package/dist/css/globals.css

@@ -952,10 +952,6 @@
     border-top-right-radius: var(--radius-xl);
     border-bottom-right-radius: var(--radius-xl);
   }
-  .rounded-b-lg {
-    border-bottom-right-radius: var(--radius-lg);
-    border-bottom-left-radius: var(--radius-lg);
-  }
   .\!border-0 {
     border-style: var(--tw-border-style) !important;
     border-width: 0px !important;
@@ -996,12 +992,6 @@
     --tw-border-style: none;
     border-style: none;
   }
-  .border-button-outline-primary-text {
-    border-color: var(--color-button-outline-primary-text);
-  }
-  .border-disabled-background {
-    border-color: var(--color-disabled-background);
-  }
   .border-disabled-border {
     border-color: var(--color-disabled-border);
   }
@@ -1068,27 +1058,12 @@
   .\!bg-warning {
     background-color: var(--color-warning) !important;
   }
-  .bg-button-solid-negative-background {
-    background-color: var(--color-button-solid-negative-background);
-  }
   .bg-button-solid-neutral-background {
     background-color: var(--color-button-solid-neutral-background);
   }
-  .bg-button-solid-positive-background {
-    background-color: var(--color-button-solid-positive-background);
-  }
   .bg-button-solid-primary-background {
     background-color: var(--color-button-solid-primary-background);
   }
-  .bg-button-solid-secondary-background {
-    background-color: var(--color-button-solid-secondary-background);
-  }
-  .bg-button-solid-tertiary-background {
-    background-color: var(--color-button-solid-tertiary-background);
-  }
-  .bg-button-solid-warning-background {
-    background-color: var(--color-button-solid-warning-background);
-  }
   .bg-carousel-dot-active {
     background-color: var(--color-carousel-dot-active);
   }
@@ -1437,78 +1412,15 @@
   .text-border {
     color: var(--color-border);
   }
-  .text-button-outline-primary-icon {
-    color: var(--color-button-outline-primary-icon);
-  }
-  .text-button-outline-primary-text {
-    color: var(--color-button-outline-primary-text);
-  }
-  .text-button-solid-negative-icon {
-    color: var(--color-button-solid-negative-icon);
-  }
-  .text-button-solid-negative-text {
-    color: var(--color-button-solid-negative-text);
-  }
-  .text-button-solid-neutral-icon {
-    color: var(--color-button-solid-neutral-icon);
-  }
   .text-button-solid-neutral-text {
     color: var(--color-button-solid-neutral-text);
   }
-  .text-button-solid-positive-icon {
-    color: var(--color-button-solid-positive-icon);
-  }
-  .text-button-solid-positive-text {
-    color: var(--color-button-solid-positive-text);
-  }
-  .text-button-solid-primary-icon {
-    color: var(--color-button-solid-primary-icon);
-  }
   .text-button-solid-primary-text {
     color: var(--color-button-solid-primary-text);
   }
-  .text-button-solid-secondary-icon {
-    color: var(--color-button-solid-secondary-icon);
-  }
-  .text-button-solid-secondary-text {
-    color: var(--color-button-solid-secondary-text);
-  }
-  .text-button-solid-tertiary-icon {
-    color: var(--color-button-solid-tertiary-icon);
-  }
-  .text-button-solid-tertiary-text {
-    color: var(--color-button-solid-tertiary-text);
-  }
-  .text-button-solid-warning-icon {
-    color: var(--color-button-solid-warning-icon);
-  }
-  .text-button-solid-warning-text {
-    color: var(--color-button-solid-warning-text);
-  }
-  .text-button-text-negative-icon {
-    color: var(--color-button-text-negative-icon);
-  }
-  .text-button-text-negative-text {
-    color: var(--color-button-text-negative-text);
-  }
-  .text-button-text-neutral-icon {
-    color: var(--color-button-text-neutral-icon);
-  }
-  .text-button-text-neutral-text {
-    color: var(--color-button-text-neutral-text);
-  }
-  .text-button-text-primary-icon {
-    color: var(--color-button-text-primary-icon);
-  }
-  .text-button-text-primary-text {
-    color: var(--color-button-text-primary-text);
-  }
   .text-description {
     color: var(--color-description);
   }
-  .text-disabled-icon {
-    color: var(--color-disabled-icon);
-  }
   .text-disabled-text {
     color: var(--color-disabled-text);
   }
@@ -1658,9 +1570,6 @@
   .opacity-20 {
     opacity: 20%;
   }
-  .opacity-70 {
-    opacity: 70%;
-  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -1796,6 +1705,171 @@
   .shadow-r-4 {
     --shadow-right: calc(4 * 1px) 0 calc(4 * 1px) 0 var(--tw-shadow-color, rgb(0 0 0 / 2%));
   }
+  .not-group-disabled\:text-button-outline-primary-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-outline-primary-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-negative-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-negative-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-neutral-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-neutral-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-positive-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-positive-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-primary-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-primary-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-secondary-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-secondary-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-tertiary-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-tertiary-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-warning-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-warning-icon);
+    }
+  }
+  .not-group-disabled\:text-button-text-negative-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-text-negative-icon);
+    }
+  }
+  .not-group-disabled\:text-button-text-neutral-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-text-neutral-icon);
+    }
+  }
+  .not-group-disabled\:text-button-text-primary-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-text-primary-icon);
+    }
+  }
+  .not-disabled\:border-button-outline-primary-text {
+    &:not(*:disabled) {
+      border-color: var(--color-button-outline-primary-text);
+    }
+  }
+  .not-disabled\:bg-button-solid-negative-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-negative-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-neutral-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-neutral-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-positive-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-positive-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-primary-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-primary-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-secondary-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-secondary-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-tertiary-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-tertiary-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-warning-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-warning-background);
+    }
+  }
+  .not-disabled\:bg-input-background {
+    &:not(*:disabled) {
+      background-color: var(--color-input-background);
+    }
+  }
+  .not-disabled\:bg-transparent {
+    &:not(*:disabled) {
+      background-color: transparent;
+    }
+  }
+  .not-disabled\:text-button-outline-primary-text {
+    &:not(*:disabled) {
+      color: var(--color-button-outline-primary-text);
+    }
+  }
+  .not-disabled\:text-button-solid-negative-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-negative-text);
+    }
+  }
+  .not-disabled\:text-button-solid-neutral-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-neutral-text);
+    }
+  }
+  .not-disabled\:text-button-solid-positive-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-positive-text);
+    }
+  }
+  .not-disabled\:text-button-solid-primary-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-primary-text);
+    }
+  }
+  .not-disabled\:text-button-solid-secondary-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-secondary-text);
+    }
+  }
+  .not-disabled\:text-button-solid-tertiary-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-tertiary-text);
+    }
+  }
+  .not-disabled\:text-button-solid-warning-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-warning-text);
+    }
+  }
+  .not-disabled\:text-button-text-negative-text {
+    &:not(*:disabled) {
+      color: var(--color-button-text-negative-text);
+    }
+  }
+  .not-disabled\:text-button-text-neutral-text {
+    &:not(*:disabled) {
+      color: var(--color-button-text-neutral-text);
+    }
+  }
+  .not-disabled\:text-button-text-primary-text {
+    &:not(*:disabled) {
+      color: var(--color-button-text-primary-text);
+    }
+  }
+  .not-disabled\:text-input-text {
+    &:not(*:disabled) {
+      color: var(--color-input-text);
+    }
+  }
   .group-hover\:border-primary {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -1833,6 +1907,11 @@
       }
     }
   }
+  .group-disabled\:text-disabled-icon {
+    &:is(:where(.group):disabled *) {
+      color: var(--color-disabled-icon);
+    }
+  }
   .first\:rounded-t-md {
     &:first-child {
       border-top-left-radius: var(--radius-md);
@@ -1883,43 +1962,6 @@
       }
     }
   }
-  .hover\:bg-button-text-hover-background {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-button-text-hover-background);
-      }
-    }
-  }
-  .hover\:bg-button-text-negative-text\/20 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #DC576D 20%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-button-text-negative-text) 20%, transparent);
-        }
-      }
-    }
-  }
-  .hover\:bg-button-text-neutral-text\/20 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #333333 20%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-button-text-neutral-text) 20%, transparent);
-        }
-      }
-    }
-  }
-  .hover\:bg-button-text-primary-text\/20 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #694BB4 20%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-button-text-primary-text) 20%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-carousel-dot-active {
     &:hover {
       @media (hover: hover) {
@@ -1993,14 +2035,6 @@
       }
     }
   }
-  .hover\:brightness-80 {
-    &:hover {
-      @media (hover: hover) {
-        --tw-brightness: brightness(80%);
-        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-      }
-    }
-  }
   .hover\:brightness-90 {
     &:hover {
       @media (hover: hover) {
@@ -2017,6 +2051,80 @@
       }
     }
   }
+  .not-disabled\:hover\:border-primary {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:bg-button-text-hover-background {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-button-text-hover-background);
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:bg-button-text-negative-text\/20 {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #DC576D 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-button-text-negative-text) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:bg-button-text-neutral-text\/20 {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #333333 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-button-text-neutral-text) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:bg-button-text-primary-text\/20 {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #694BB4 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-button-text-primary-text) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:brightness-80 {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          --tw-brightness: brightness(80%);
+          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:brightness-90 {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          --tw-brightness: brightness(90%);
+          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+        }
+      }
+    }
+  }
   .focus\:border-primary {
     &:focus {
       border-color: var(--color-primary);
@@ -2034,6 +2142,31 @@
       outline-style: none;
     }
   }
+  .disabled\:border-disabled-border {
+    &:disabled {
+      border-color: var(--color-disabled-border);
+    }
+  }
+  .disabled\:border-disabled-outline {
+    &:disabled {
+      border-color: var(--color-disabled-outline);
+    }
+  }
+  .disabled\:bg-disabled-background {
+    &:disabled {
+      background-color: var(--color-disabled-background);
+    }
+  }
+  .disabled\:text-disabled-text {
+    &:disabled {
+      color: var(--color-disabled-text);
+    }
+  }
+  .disabled\:opacity-70 {
+    &:disabled {
+      opacity: 70%;
+    }
+  }
   .desktop\:block {
     @media (width >= 64rem) {
       display: block;