@helpwave/hightide 0.6.7 → 0.6.9

package/dist/style/globals.css

@@ -750,9 +750,6 @@
   .max-w-4 {
     max-width: calc(var(--spacing) * 4);
   }
-  .max-w-6 {
-    max-width: calc(var(--spacing) * 6);
-  }
   .max-w-8 {
     max-width: calc(var(--spacing) * 8);
   }
@@ -2832,7 +2829,7 @@
   }
 }
 @layer components {
-  [data-name="input"]:not(.default-style-none) {
+  [data-name="input"] {
     height: calc(var(--spacing) * 10);
     &:focus-visible {
       border-style: var(--tw-border-style);
@@ -2891,7 +2888,7 @@
     padding-inline: calc(var(--spacing) * 3);
     padding-block: calc(var(--spacing) * 2);
   }
-  [data-name="select-button"]:not(.default-style-none) {
+  [data-name="select-button"] {
     display: flex;
     flex-direction: row;
     column-gap: calc(var(--spacing) * 2);
@@ -2961,7 +2958,7 @@
       }
     }
   }
-  [data-name="select-button-chips"]:not(.default-style-none) {
+  [data-name="select-button-chips"] {
     display: flex;
     &:focus-visible {
       border-style: var(--tw-border-style);
@@ -3067,6 +3064,7 @@
     text-overflow: ellipsis;
   }
   .table-header-cell {
+    position: relative;
     padding-inline: calc(var(--spacing) * 3);
     padding-block: calc(var(--spacing) * 2.5);
     &:first-child {
@@ -3106,6 +3104,13 @@
         background-color: var(--color-table-row-hover-background);
       }
     }
+    &[data-clickable] {
+      &:hover {
+        @media (hover: hover) {
+          cursor: pointer;
+        }
+      }
+    }
   }
   .table-body-filler-row {
     &:hover {
@@ -3113,6 +3118,18 @@
         cursor: not-allowed;
       }
     }
+    &[data-clickable] {
+      &:hover {
+        @media (hover: hover) {
+          cursor: pointer;
+        }
+      }
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-table-row-hover-background);
+        }
+      }
+    }
   }
   .table-body-cell, .table-body-filler-cell {
     padding-inline: calc(var(--spacing) * 3);
@@ -3174,7 +3191,7 @@
       }
     }
   }
-  .table-body-row:last-child > .table-body-cell {
+  .table-body-row:last-child > .table-body-cell, .table-body-filler-row:last-child > .table-body-filler-cell {
     &:first-child {
       border-bottom-left-radius: var(--radius-lg);
     }
@@ -3755,7 +3772,7 @@
   }
 }
 @layer components {
-  [data-name="expandable-root"]:not(.default-style-none) {
+  [data-name="expandable-root"] {
     display: flex;
     flex-direction: column;
     row-gap: calc(var(--spacing) * 0);
@@ -3782,7 +3799,7 @@
       cursor: pointer;
     }
   }
-  [data-name="expandable-header"]:not(.default-style-none) {
+  [data-name="expandable-header"] {
     display: flex;
     flex-direction: row;
     column-gap: calc(var(--spacing) * 2);
@@ -3838,7 +3855,7 @@
       --coloring-text-hover: transparent;
     }
   }
-  [data-name="expandable-content"]:not(.default-style-none) {
+  [data-name="expandable-content"] {
     display: flex;
     flex-direction: column;
     row-gap: calc(var(--spacing) * 2);
@@ -3873,7 +3890,7 @@
   }
 }
 @layer components {
-  [data-name="expansion-icon"]:not(.default-style-none) {
+  [data-name="expansion-icon"] {
     display: flex;
     flex-direction: column;
     row-gap: calc(var(--spacing) * 0);
@@ -3903,7 +3920,7 @@
   }
 }
 @layer components {
-  [data-name="checkbox"]:not(.default-style-none) {
+  .checkbox {
     display: flex;
     flex-direction: column;
     row-gap: calc(var(--spacing) * 0);
@@ -3979,19 +3996,31 @@
       }
     }
     &[data-size="sm"] {
-      width: calc(var(--spacing) * 5);
       height: calc(var(--spacing) * 5);
+      min-height: calc(var(--spacing) * 5);
+      max-height: calc(var(--spacing) * 5);
+      width: calc(var(--spacing) * 5);
+      min-width: calc(var(--spacing) * 5);
+      max-width: calc(var(--spacing) * 5);
     }
     &[data-size="md"] {
-      width: calc(var(--spacing) * 6);
       height: calc(var(--spacing) * 6);
+      min-height: calc(var(--spacing) * 6);
+      max-height: calc(var(--spacing) * 6);
+      width: calc(var(--spacing) * 6);
+      min-width: calc(var(--spacing) * 6);
+      max-width: calc(var(--spacing) * 6);
     }
     &[data-size="lg"] {
-      width: calc(var(--spacing) * 8);
       height: calc(var(--spacing) * 8);
+      min-height: calc(var(--spacing) * 8);
+      max-height: calc(var(--spacing) * 8);
+      width: calc(var(--spacing) * 8);
+      min-width: calc(var(--spacing) * 8);
+      max-width: calc(var(--spacing) * 8);
     }
   }
-  [data-name="checkbox-indicator"]:not(.default-style-none) {
+  .checkbox-indicator {
     height: 100%;
     width: 100%;
     &[data-size="sm"] {
@@ -4310,7 +4339,7 @@
   }
 }
 @layer components {
-  [data-name="textarea"]:not(.default-style-none) {
+  [data-name="textarea"] {
     height: calc(var(--spacing) * 32);
     width: 100%;
     &:focus-visible {
@@ -4374,18 +4403,18 @@
   }
 }
 @layer components {
-  [data-name="form-field-container"] {
+  .form-field-container {
     position: relative;
     display: flex;
     flex-direction: column;
     row-gap: calc(var(--spacing) * 1);
   }
-  [data-name="form-field-container"] {
+  .form-field-description {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
     color: var(--color-description);
   }
-  [data-name="form-field-error"] {
+  .form-field-error {
     position: absolute;
     top: calc(100% + 0.25rem);
     left: calc(var(--spacing) * 0);
@@ -4395,7 +4424,7 @@
     font-weight: var(--font-weight-medium);
     color: var(--color-negative);
   }
-  [data-name="form-field-label"] {
+  .form-field-label {
     display: flex;
     flex-direction: row;
     column-gap: calc(var(--spacing) * 1);
@@ -4567,13 +4596,13 @@
   }
 }
 @layer components {
-  [data-name="property-root"]:not(.default-style-none) {
+  [data-name="property-root"] {
     display: flex;
     flex-direction: row;
     column-gap: calc(var(--spacing) * 0);
     border-radius: var(--radius-xl);
   }
-  [data-name="property-root"]:not(.default-style-none) {
+  [data-name="property-root"] {
     transition: outline-offset var(--animation-duration-in, 250ms);
     outline-offset: 0;
     &:hover {
@@ -4598,7 +4627,7 @@
       }
     }
   }
-  [data-name="property-title"]:not(.default-style-none) {
+  [data-name="property-title"] {
     display: flex;
     flex-direction: row;
     column-gap: calc(var(--spacing) * 2);
@@ -4624,11 +4653,11 @@
       color: var(--color-on-warning);
     }
   }
-  [data-name="property-title-icon"]:not(.default-style-none) {
+  [data-name="property-title-icon"] {
     max-width: calc(var(--spacing) * 6);
     min-width: calc(var(--spacing) * 6);
   }
-  [data-name="property-title-text"]:not(.default-style-none) {
+  [data-name="property-title-text"] {
     min-width: calc(var(--spacing) * 0);
     overflow: hidden;
     text-overflow: ellipsis;
@@ -4636,7 +4665,7 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  [data-name="property-content"]:not(.default-style-none) {
+  [data-name="property-content"] {
     display: flex;
     flex-direction: row;
     column-gap: calc(var(--spacing) * 2);
@@ -4661,14 +4690,14 @@
       background-color: var(--color-surface-warning);
     }
   }
-  [data-name="property-actions"]:not(.default-style-none) {
+  [data-name="property-actions"] {
     display: flex;
     flex-direction: row;
     column-gap: calc(var(--spacing) * 2);
     align-items: center;
     gap: calc(var(--spacing) * 1);
   }
-  [data-name="property-input-wrapper"]:not(.default-style-none) {
+  [data-name="property-input-wrapper"] {
     position: relative;
     display: flex;
     flex-direction: row;
@@ -4682,7 +4711,7 @@
       }
     }
   }
-  [data-name="property-input"]:not(.default-style-none) {
+  [data-name="property-input"] {
     border-radius: 0.25rem;
     padding: calc(var(--spacing) * 1);
     &[data-invalid] {
@@ -4692,7 +4721,7 @@
       }
     }
   }
-  [data-name="property-suffix"]:not(.default-style-none) {
+  [data-name="property-suffix"] {
     position: absolute;
     top: calc(1/2 * 100%);
     right: calc(var(--spacing) * 2);

package/dist/style/uncompiled/theme/components/checkbox.css

@@ -1,5 +1,5 @@
 @layer components {
-  [data-name="checkbox"]:not(.default-style-none) {
+  .checkbox {
     @apply flex-col-0 items-center justify-center rounded border-2;
     &:not([data-disabled]) {
       @apply hover:cursor-pointer;
@@ -25,16 +25,17 @@
     }
 
     &[data-size="sm"] {
-      @apply size-5;
+      @apply size-force-5;
     }
     &[data-size="md"] {
-      @apply size-6;
+      @apply size-force-6;
     }
     &[data-size="lg"] {
-      @apply size-8;
+      @apply size-force-8;
     }
   }
-  [data-name="checkbox-indicator"]:not(.default-style-none) {
+  
+  .checkbox-indicator{
     @apply w-full h-full;
     &[data-size="sm"] {
       @apply stroke-3;

package/dist/style/uncompiled/theme/components/expandable.css

@@ -1,5 +1,5 @@
 @layer components {
-  [data-name="expandable-root"]:not(.default-style-none) {
+  [data-name="expandable-root"] {
     @apply flex-col-0 surface coloring-solid rounded-lg shadow-sm;
 
     &:not([data-disabled])[data-containertoggleable] {
@@ -7,7 +7,7 @@
     }
   }
 
-  [data-name="expandable-header"]:not(.default-style-none) {
+  [data-name="expandable-header"] {
     @apply flex-row-2 justify-between items-center py-2 px-4 rounded-lg select-none;
 
     &:not([data-disabled]) {
@@ -19,7 +19,7 @@
     }
   }
 
-  [data-name="expandable-content"]:not(.default-style-none) {
+  [data-name="expandable-content"] {
     @apply flex-col-2 px-4 transition-all ease-in-out h-24;
 
     &[data-state="opening"],

package/dist/style/uncompiled/theme/components/expansion-icon.css

@@ -1,5 +1,5 @@
 @layer components {
-  [data-name="expansion-icon"]:not(.default-style-none) {
+  [data-name="expansion-icon"] {
     @apply flex-col-0 items-center justify-center size-6 transition-transform motion-safe:duration-200 motion-reduce:duration-0 ease-in-out;
 
     &[data-expanded] {

package/dist/style/uncompiled/theme/components/form-field.css

@@ -1,17 +1,17 @@
 @layer components {
-  [data-name="form-field-container"] {
+  .form-field-container {
     @apply relative flex-col-1;
   }
 
-  [data-name="form-field-container"] {
+  .form-field-description {
     @apply text-description text-sm;
   }
 
-  [data-name="form-field-error"] {
+  .form-field-error {
     @apply absolute top-[calc(100%_+_0.25rem)] left-0 text-negative text-sm font-medium;
   }
 
-  [data-name="form-field-label"] {
+  .form-field-label {
     @apply flex-row-1 items-start typography-label-lg text-label;
   }
 }

package/dist/style/uncompiled/theme/components/input-elements.css

@@ -33,18 +33,18 @@
 
 /* input-elements */
 @layer components {
-  [data-name="input"]:not(.default-style-none) {
+  [data-name="input"] {
     @apply px-3 py-2 rounded-md h-10 input-element;
   }
 
-  [data-name="select-button"]:not(.default-style-none) {
+  [data-name="select-button"] {
     @apply flex-row-2 items-center justify-between rounded-md px-3 py-2 input-element;
     &:not([data-disabled]) {
       @apply hover:cursor-pointer;
     }
   }
 
-  [data-name="select-button-chips"]:not(.default-style-none) {
+  [data-name="select-button-chips"] {
     @apply flex flex-wrap gap-2 items-center rounded-md px-2.5 py-2.5 input-element;
     &:not([data-disabled]) {
       @apply hover:cursor-pointer;

package/dist/style/uncompiled/theme/components/property.css

@@ -1,9 +1,9 @@
 @layer components {
-  [data-name="property-root"]:not(.default-style-none) {
+  [data-name="property-root"] {
     @apply flex-row-0 rounded-xl;
   }
 
-  [data-name="property-root"]:not(.default-style-none) {
+  [data-name="property-root"] {
     transition: outline-offset var(--animation-duration-in, 250ms);
     outline-offset: 0;
 
@@ -34,7 +34,7 @@
   }
 
 
-  [data-name="property-title"]:not(.default-style-none) {
+  [data-name="property-title"] {
     @apply flex-row-2 max-w-48 min-w-48 px-3 py-2 items-center justify-between rounded-l-xl border-2 border-r-0;
 
     &:not([data-invalid]) {
@@ -47,15 +47,15 @@
   }
 
 
-  [data-name="property-title-icon"]:not(.default-style-none) {
+  [data-name="property-title-icon"] {
     @apply max-w-6 min-w-6;
   }
 
-  [data-name="property-title-text"]:not(.default-style-none) {
+  [data-name="property-title-text"] {
     @apply font-semibold truncate min-w-0;
   }
 
-  [data-name="property-content"]:not(.default-style-none) {
+  [data-name="property-content"] {
     @apply flex-row-2 grow px-3 py-2 justify-between items-center rounded-r-xl border-2 border-l-0 min-h-15;
 
     &:not([data-invalid]) {
@@ -67,11 +67,11 @@
     }
   }
 
-  [data-name="property-actions"]:not(.default-style-none) {
+  [data-name="property-actions"] {
     @apply flex-row-2 items-center gap-1;
   }
 
-  [data-name="property-input-wrapper"]:not(.default-style-none) {
+  [data-name="property-input-wrapper"] {
     @apply relative flex-row-2 w-full;
 
     &[data-invalid] {
@@ -84,7 +84,7 @@
     }
   }
 
-  [data-name="property-input"]:not(.default-style-none) {
+  [data-name="property-input"] {
     @apply rounded p-1;
 
     &[data-invalid] {
@@ -92,7 +92,7 @@
     }
   }
 
-  [data-name="property-suffix"]:not(.default-style-none) {
+  [data-name="property-suffix"] {
     @apply absolute top-1/2 -translate-y-1/2 right-2;
 
     &[data-invalid] {

package/dist/style/uncompiled/theme/components/table.css

@@ -17,6 +17,7 @@
   }
 
   .table-header-cell {
+    @apply relative;
     @apply px-3 first:pl-6 last:pr-6 py-2.5;
     @apply border-y-1 first:border-l-1 last:border-r-1;
     @apply first:rounded-tl-lg last:rounded-tr-lg;
@@ -29,10 +30,16 @@
 
   .table-body-row {
     @apply hover:bg-table-row-hover-background;
+    &[data-clickable] {
+      @apply hover:cursor-pointer;
+    }
   }
 
   .table-body-filler-row {
     @apply hover:cursor-not-allowed;
+    &[data-clickable] {
+      @apply hover:cursor-pointer hover:bg-table-row-hover-background;
+    }
   }
 
   .table-body-cell, .table-body-filler-cell {
@@ -60,7 +67,7 @@
     }
   }
 
-  .table-body-row:last-child > .table-body-cell {
+  .table-body-row:last-child > .table-body-cell, .table-body-filler-row:last-child > .table-body-filler-cell {
     @apply first:rounded-bl-lg last:rounded-br-lg;
   }
 }

package/dist/style/uncompiled/theme/components/textarea.css

@@ -1,5 +1,5 @@
 @layer components {
-  [data-name="textarea"]:not(.default-style-none) {
+  [data-name="textarea"] {
     @apply w-full h-32 py-2 px-3 rounded-md resize-none overflow-y-scroll input-element;
   }
 }

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/helpwave/hightide.git"
   },
   "license": "MPL-2.0",
-  "version": "0.6.7",
+  "version": "0.6.9",
   "files": [
     "dist"
   ],