@nocoo/basalt 3.0.0 → 3.2.0

package/dist/styles/standalone.css

@@ -27,15 +27,15 @@
   --basalt-space-md: 0.375rem;
   --basalt-space-lg: 0.5rem;
   --basalt-space-default: var(--basalt-space-lg);
-  --basalt-text-xs: 0.6875rem;
+  --basalt-text-xs: 0.75rem;
   --basalt-text-sm: 0.75rem;
-  --basalt-text-code: 0.8125rem;
+  --basalt-text-code: 0.875rem;
   --basalt-text-base: 0.875rem;
-  --basalt-text-lg: 1rem;
+  --basalt-text-lg: 1.125rem;
   --basalt-text-xl: 1.125rem;
-  --basalt-text-2xl: 1.25rem;
+  --basalt-text-2xl: 1.125rem;
   --basalt-text-3xl: 1.5rem;
-  --basalt-text-4xl: 1.875rem;
+  --basalt-text-4xl: 1.5rem;
   --basalt-text-5xl: 2.25rem;
   --basalt-text-6xl: 3rem;
   --basalt-text-7xl: 3.75rem;
@@ -48,7 +48,7 @@
   --basalt-leading-inline: calc(16 / 12);
   --basalt-leading-action: calc(24 / 14);
   --basalt-leading-action-sm: 1.5;
-  --basalt-leading-action-lg: 1.375;
+  --basalt-leading-action-lg: calc(22 / 14);
   --basalt-leading-banner: calc(22 / 14);
   --basalt-radius-sm: 0.25rem;
   --basalt-radius-md: 0.5rem;
@@ -104,15 +104,15 @@
   --basalt-size-icon-display: 1.5rem;
   --basalt-size-touch: 2.75rem;
   --basalt-size-menu-row: var(--basalt-size-control);
-  --basalt-size-table-row: 2.25rem;
+  --basalt-size-table-row: 2.5rem;
   --basalt-size-check: 1rem;
   --basalt-size-check-sm: 0.75rem;
   --basalt-size-textarea: 5rem;
   --basalt-size-textarea-sm: 4rem;
   --basalt-size-textarea-lg: 6rem;
-  --basalt-space-control-x: var(--basalt-space-lg);
-  --basalt-space-control-x-sm: var(--basalt-space-md);
-  --basalt-space-control-x-lg: var(--basalt-space-lg);
+  --basalt-space-control-x: 0.75rem;
+  --basalt-space-control-x-sm: 0.625rem;
+  --basalt-space-control-x-lg: 1rem;
   --basalt-space-control-y: var(--basalt-space-sm);
   --basalt-space-control-gap: var(--basalt-space-lg);
   --basalt-space-menu-inset: var(--basalt-space-lg);
@@ -127,11 +127,12 @@
   --basalt-space-layout-lg: 1.5rem;
   --basalt-space-layout-xl: 2rem;
   --basalt-space-field-gap: var(--basalt-space-lg);
-  --basalt-space-table-x: var(--basalt-space-lg);
-  --basalt-space-table-y: var(--basalt-space-md);
+  --basalt-space-table-x: 0.75rem;
+  --basalt-space-table-y: var(--basalt-space-lg);
   --basalt-space-overlay: var(--basalt-space-lg);
   --basalt-space-panel-x: var(--basalt-space-card);
   --basalt-space-panel-y: var(--basalt-space-card-sm);
+  --basalt-space-table-edge: var(--basalt-space-panel-x);
   --basalt-space-content-gap: var(--basalt-space-lg);
   --basalt-space-row-x: var(--basalt-space-lg);
   --basalt-space-row-y: var(--basalt-space-md);
@@ -177,16 +178,15 @@
   --basalt-input: 220 13% 88%;
   --basalt-ring: var(--basalt-primary);
   --basalt-control-fill: hsl(var(--basalt-secondary));
+  --basalt-surface-current: var(--basalt-card);
+  --basalt-surface-elevated: var(--basalt-secondary);
+  --basalt-hover-weight: 18%;
   --basalt-hover: hsl(var(--basalt-primary));
   @supports (color: color-mix(in lab, red, red)) {
-    --basalt-hover: color-mix(in srgb, hsl(var(--basalt-primary)) 9.6%, hsl(var(--basalt-popover)));
-  }
-  --basalt-hover-end: hsl(var(--basalt-primary));
-  @supports (color: color-mix(in lab, red, red)) {
-    --basalt-hover-end: color-mix(
+    --basalt-hover: color-mix(
 		in srgb,
-		hsl(var(--basalt-primary)) 4.8%,
-		hsl(var(--basalt-popover))
+		hsl(var(--basalt-primary)) 18%,
+		hsl(var(--basalt-surface-elevated))
 	);
   }
   --basalt-selected: 0 0% 100%;
@@ -227,13 +227,13 @@
   --basalt-chart-yellow: 49 100% 69%;
   --basalt-chart-pearl: 215 12% 48%;
   --basalt-chart-1: var(--basalt-chart-blue);
-  --basalt-chart-2: var(--basalt-chart-blue);
-  --basalt-chart-3: var(--basalt-chart-green);
-  --basalt-chart-4: var(--basalt-chart-green);
+  --basalt-chart-2: var(--basalt-chart-pink);
+  --basalt-chart-3: 182 38% 48%;
+  --basalt-chart-4: 280 32% 62%;
   --basalt-chart-5: var(--basalt-chart-green);
-  --basalt-chart-6: var(--basalt-chart-green);
+  --basalt-chart-6: 27 54% 62%;
   --basalt-chart-7: var(--basalt-chart-yellow);
-  --basalt-chart-8: var(--basalt-chart-yellow);
+  --basalt-chart-8: 237 36% 62%;
   --basalt-chart-9: var(--basalt-chart-pink);
   --basalt-chart-10: var(--basalt-chart-pink);
   --basalt-chart-11: var(--basalt-chart-pink);
@@ -262,6 +262,7 @@
   --basalt-accent-10: 280 53% 71%;
   --basalt-accent-11: 237 66% 69%;
   --basalt-accent-12: 210 20% 87%;
+  --basalt-success: var(--basalt-tag-success-foreground);
   --basalt-badge-green: 113 60% 30%;
   --basalt-badge-green-foreground: 0 0% 100%;
   --basalt-badge-teal: 182 62% 30%;
@@ -314,6 +315,7 @@
   --basalt-danger-tint: 0 40% 16%;
   --basalt-info-foreground: 0 0% 10%;
   --basalt-warning-foreground: 0 0% 10%;
+  --basalt-success: var(--basalt-tag-success-foreground);
   --basalt-badge-green: 113 55% 62%;
   --basalt-badge-green-foreground: 0 0% 10%;
   --basalt-badge-teal: var(--basalt-accent-3);
@@ -324,16 +326,15 @@
   --basalt-input: 0 0% 18%;
   --basalt-ring: var(--basalt-primary);
   --basalt-control-fill: hsl(var(--basalt-secondary));
+  --basalt-surface-current: var(--basalt-card);
+  --basalt-surface-elevated: var(--basalt-secondary);
+  --basalt-hover-weight: 18%;
   --basalt-hover: hsl(var(--basalt-primary));
   @supports (color: color-mix(in lab, red, red)) {
-    --basalt-hover: color-mix(in srgb, hsl(var(--basalt-primary)) 16%, hsl(var(--basalt-popover)));
-  }
-  --basalt-hover-end: hsl(var(--basalt-primary));
-  @supports (color: color-mix(in lab, red, red)) {
-    --basalt-hover-end: color-mix(
+    --basalt-hover: color-mix(
 		in srgb,
-		hsl(var(--basalt-primary)) 9.6%,
-		hsl(var(--basalt-popover))
+		hsl(var(--basalt-primary)) 18%,
+		hsl(var(--basalt-surface-elevated))
 	);
   }
   --basalt-selected: 0 0% 22%;
@@ -361,13 +362,13 @@
   --basalt-chart-yellow: 49 100% 73%;
   --basalt-chart-pearl: 210 20% 86%;
   --basalt-chart-1: var(--basalt-chart-blue);
-  --basalt-chart-2: var(--basalt-chart-blue);
-  --basalt-chart-3: var(--basalt-chart-green);
-  --basalt-chart-4: var(--basalt-chart-green);
+  --basalt-chart-2: var(--basalt-chart-pink);
+  --basalt-chart-3: 182 38% 64%;
+  --basalt-chart-4: 280 32% 74%;
   --basalt-chart-5: var(--basalt-chart-green);
-  --basalt-chart-6: var(--basalt-chart-green);
+  --basalt-chart-6: 27 54% 72%;
   --basalt-chart-7: var(--basalt-chart-yellow);
-  --basalt-chart-8: var(--basalt-chart-yellow);
+  --basalt-chart-8: 237 36% 74%;
   --basalt-chart-9: var(--basalt-chart-pink);
   --basalt-chart-10: var(--basalt-chart-pink);
   --basalt-chart-11: var(--basalt-chart-pink);
@@ -417,12 +418,24 @@
 }
 [data-basalt-surface-root] {
   background: hsl(var(--basalt-card));
-  --basalt-control-fill: hsl(var(--basalt-card));
+  --basalt-surface-current: var(--basalt-card);
+  --basalt-surface-elevated: var(--basalt-secondary);
+  --basalt-control-fill: hsl(var(--basalt-secondary));
   --basalt-zebra-fill: hsl(var(--basalt-secondary));
 }
 [data-basalt-surface-root] [data-basalt-surface] {
   background: hsl(var(--basalt-secondary));
-  --basalt-control-fill: hsl(var(--basalt-secondary));
+  --basalt-surface-current: var(--basalt-secondary);
+  --basalt-surface-elevated: var(--basalt-bright);
+  --basalt-control-fill: hsl(var(--basalt-bright));
+  --basalt-hover: hsl(var(--basalt-primary));
+  @supports (color: color-mix(in lab, red, red)) {
+    --basalt-hover: color-mix(
+		in srgb,
+		hsl(var(--basalt-primary)) var(--basalt-hover-weight),
+		hsl(var(--basalt-surface-elevated))
+	);
+  }
   --basalt-primary-hover: hsl(var(--basalt-primary));
   @supports (color: color-mix(in lab, red, red)) {
     --basalt-primary-hover: color-mix(
@@ -443,6 +456,7 @@
 }
 [data-basalt-surface-root] [data-basalt-surface] [data-basalt-surface] {
   background: hsl(var(--basalt-bright));
+  --basalt-surface-current: var(--basalt-bright);
   --basalt-control-fill: hsl(var(--basalt-bright));
   --basalt-zebra-fill: transparent;
 }
@@ -453,12 +467,31 @@
 }
 [data-basalt-surface]:not([data-basalt-surface-root] *):not([data-basalt-surface] *) {
   background: hsl(var(--basalt-card));
-  --basalt-control-fill: hsl(var(--basalt-card));
+  --basalt-surface-current: var(--basalt-card);
+  --basalt-surface-elevated: var(--basalt-bright);
+  --basalt-control-fill: hsl(var(--basalt-bright));
+  --basalt-hover: hsl(var(--basalt-primary));
+  @supports (color: color-mix(in lab, red, red)) {
+    --basalt-hover: color-mix(
+		in srgb,
+		hsl(var(--basalt-primary)) var(--basalt-hover-weight),
+		hsl(var(--basalt-surface-elevated))
+	);
+  }
   --basalt-zebra-fill: hsl(var(--basalt-secondary));
 }
 [data-basalt-surface]:not([data-basalt-surface-root] *) [data-basalt-surface] {
   background: hsl(var(--basalt-secondary));
-  --basalt-control-fill: hsl(var(--basalt-secondary));
+  --basalt-surface-current: var(--basalt-secondary);
+  --basalt-control-fill: hsl(var(--basalt-bright));
+  --basalt-hover: hsl(var(--basalt-primary));
+  @supports (color: color-mix(in lab, red, red)) {
+    --basalt-hover: color-mix(
+		in srgb,
+		hsl(var(--basalt-primary)) var(--basalt-hover-weight),
+		hsl(var(--basalt-surface-elevated))
+	);
+  }
   --basalt-primary-hover: hsl(var(--basalt-primary));
   @supports (color: color-mix(in lab, red, red)) {
     --basalt-primary-hover: color-mix(
@@ -479,6 +512,7 @@
 }
 [data-basalt-surface]:not([data-basalt-surface-root] *)	[data-basalt-surface]	[data-basalt-surface] {
   background: hsl(var(--basalt-bright));
+  --basalt-surface-current: var(--basalt-bright);
   --basalt-control-fill: hsl(var(--basalt-bright));
   --basalt-zebra-fill: transparent;
 }
@@ -487,6 +521,9 @@
   --basalt-control-fill: hsl(var(--basalt-bright));
   --basalt-zebra-fill: transparent;
 }
+[data-basalt-table] tbody tr:not(:last-child), [data-basalt-table] tbody tr:not(:last-child) > td {
+  border-bottom: 1px solid hsl(var(--basalt-border) / 0.5);
+}
 [data-basalt-table] tbody tr[aria-selected="true"] td {
   background: hsl(var(--basalt-selected));
   color: hsl(var(--basalt-selected-foreground));
@@ -494,8 +531,14 @@
 [data-basalt-table] tbody tr:hover:not([aria-selected="true"]) td {
   background: var(--basalt-hover);
 }
-[data-basalt-table] tbody tr:nth-child(even):not([aria-selected="true"]):not(:hover) td {
-  background: var(--basalt-zebra-fill);
+[data-basalt-table][data-striped="true"] tbody tr:nth-child(even) {
+  background-color: hsl(var(--basalt-surface-current));
+}
+[data-basalt-table-container][data-edge="attached"] :where(th, td):first-child {
+  padding-inline-start: var(--basalt-space-card);
+}
+[data-basalt-table-container][data-edge="attached"] :where(th, td):last-child {
+  padding-inline-end: var(--basalt-space-card);
 }
 [data-basalt-table]	tbody	tr[data-diff-change="remove"][data-included="true"][aria-selected="true"]	td {
   background: hsl(var(--basalt-danger-tint));
@@ -530,7 +573,7 @@
   .basalt-action-lg {
     padding-block: var(--basalt-space-lg);
     padding-inline: var(--basalt-space-control-x-lg);
-    font-size: var(--basalt-text-lg);
+    font-size: var(--basalt-text-base);
     line-height: var(--basalt-leading-action-lg);
   }
   .basalt-action-icon {
@@ -621,8 +664,9 @@
     height: var(--basalt-hover-height, 0px);
     transform: translate(var(--basalt-hover-x, 0px), var(--basalt-hover-y, 0px));
     border-radius: var(--basalt-radius-md);
-    background: linear-gradient(90deg, var(--basalt-hover), var(--basalt-hover-end));
+    background: var(--basalt-hover);
     opacity: 0;
+    transition: none;
   }
   .basalt-hover-list[data-hover-visible="true"]::before {
     opacity: 1;
@@ -675,7 +719,7 @@
     width: var(--basalt-command-width);
     height: var(--basalt-command-height);
     border-radius: var(--basalt-radius-md);
-    background: linear-gradient(90deg, var(--basalt-hover), var(--basalt-hover-end));
+    background: var(--basalt-hover);
   }
   .basalt-command-list[data-basalt-command-animated="true"]::before {
     transition: transform var(--basalt-motion-normal) var(--basalt-motion-ease);
@@ -1345,6 +1389,9 @@
   .-my-basalt-space-lg {
     margin-block: calc(var(--basalt-space-lg) * -1);
   }
+  .-my-basalt-space-sm {
+    margin-block: calc(var(--basalt-space-sm) * -1);
+  }
   .my-basalt-card {
     margin-block: var(--basalt-space-card);
   }
@@ -1375,6 +1422,9 @@
   .mt-basalt-content-gap {
     margin-top: var(--basalt-space-content-gap);
   }
+  .mt-basalt-layout {
+    margin-top: var(--basalt-space-layout);
+  }
   .mt-basalt-space-lg {
     margin-top: var(--basalt-space-lg);
   }
@@ -1387,6 +1437,9 @@
   .-mr-\[calc\(\(var\(--basalt-size-action\)-var\(--basalt-size-icon\)\)\/2\)\] {
     margin-right: calc(calc((var(--basalt-size-action) - var(--basalt-size-icon)) / 2) * -1);
   }
+  .-mr-basalt-space-sm {
+    margin-right: calc(var(--basalt-space-sm) * -1);
+  }
   .mr-basalt-space-lg {
     margin-right: var(--basalt-space-lg);
   }
@@ -1609,6 +1662,9 @@
   .min-h-\[calc\(1lh\+var\(--basalt-space-2\)\)\] {
     min-height: calc(1lh + var(--basalt-space-2));
   }
+  .min-h-\[calc\(var\(--basalt-line-row\)\+2\*var\(--basalt-space-lg\)\)\] {
+    min-height: calc(var(--basalt-line-row) + 2 * var(--basalt-space-lg));
+  }
   .min-h-basalt-action {
     min-height: var(--basalt-size-action);
   }
@@ -2212,10 +2268,6 @@
   .rounded-none {
     border-radius: 0;
   }
-  .rounded-t-basalt-md {
-    border-top-left-radius: var(--basalt-radius-md);
-    border-top-right-radius: var(--basalt-radius-md);
-  }
   .rounded-l-basalt-md {
     border-top-left-radius: var(--basalt-radius-md);
     border-bottom-left-radius: var(--basalt-radius-md);
@@ -2489,10 +2541,10 @@
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .via-basalt-backdrop\/10 {
-    --tw-gradient-via: hsl(var(--basalt-backdrop));
+  .via-basalt-foreground\/10 {
+    --tw-gradient-via: hsl(var(--basalt-foreground));
     @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-via: color-mix(in oklab, hsl(var(--basalt-backdrop)) 10%, transparent);
+      --tw-gradient-via: color-mix(in oklab, hsl(var(--basalt-foreground)) 10%, transparent);
     }
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
@@ -2609,9 +2661,6 @@
   .px-basalt-space-sm {
     padding-inline: var(--basalt-space-sm);
   }
-  .px-basalt-table-x {
-    padding-inline: var(--basalt-space-table-x);
-  }
   .py-basalt-card {
     padding-block: var(--basalt-space-card);
   }
@@ -2669,6 +2718,24 @@
   .py-basalt-table-y {
     padding-block: var(--basalt-space-table-y);
   }
+  .ps-basalt-table-edge {
+    padding-inline-start: var(--basalt-space-table-edge);
+  }
+  .ps-basalt-table-x {
+    padding-inline-start: var(--basalt-space-table-x);
+  }
+  .pe-basalt-table-edge {
+    padding-inline-end: var(--basalt-space-table-edge);
+  }
+  .pe-basalt-table-x {
+    padding-inline-end: var(--basalt-space-table-x);
+  }
+  .pt-basalt-card {
+    padding-top: var(--basalt-space-card);
+  }
+  .pt-basalt-card-sm {
+    padding-top: var(--basalt-space-card-sm);
+  }
   .pt-basalt-layout {
     padding-top: var(--basalt-space-layout);
   }
@@ -2678,9 +2745,6 @@
   .pt-basalt-nav-gap {
     padding-top: var(--basalt-space-nav-gap);
   }
-  .pt-basalt-space-lg {
-    padding-top: var(--basalt-space-lg);
-  }
   .pr-basalt-row-x {
     padding-right: var(--basalt-space-row-x);
   }
@@ -2690,6 +2754,9 @@
   .pr-basalt-space-sm {
     padding-right: var(--basalt-space-sm);
   }
+  .pb-0 {
+    padding-bottom: 0px;
+  }
   .pb-basalt-panel-y {
     padding-bottom: var(--basalt-space-panel-y);
   }
@@ -2717,12 +2784,18 @@
   .text-center {
     text-align: center;
   }
+  .text-end {
+    text-align: end;
+  }
   .text-left {
     text-align: left;
   }
   .text-right {
     text-align: right;
   }
+  .text-start {
+    text-align: start;
+  }
   .align-middle {
     vertical-align: middle;
   }
@@ -2732,30 +2805,14 @@
   .font-mono {
     font-family: var(--font-mono);
   }
-  .text-basalt-2xl {
-    font-size: var(--basalt-text-2xl);
-    line-height: var(--tw-leading, var(--basalt-leading-body));
-  }
   .text-basalt-3xl {
     font-size: var(--basalt-text-3xl);
     line-height: var(--tw-leading, var(--basalt-leading-body));
   }
-  .text-basalt-4xl {
-    font-size: var(--basalt-text-4xl);
-    line-height: var(--tw-leading, var(--basalt-leading-body));
-  }
   .text-basalt-base {
     font-size: var(--basalt-text-base);
     line-height: var(--tw-leading, var(--basalt-leading-body));
   }
-  .text-basalt-code {
-    font-size: var(--basalt-text-code);
-    line-height: var(--tw-leading, var(--basalt-leading-body));
-  }
-  .text-basalt-lg {
-    font-size: var(--basalt-text-lg);
-    line-height: var(--tw-leading, var(--basalt-leading-body));
-  }
   .text-basalt-sm {
     font-size: var(--basalt-text-sm);
     line-height: var(--tw-leading, var(--basalt-leading-body));
@@ -2768,10 +2825,6 @@
     font-size: var(--basalt-text-xs);
     line-height: var(--tw-leading, var(--basalt-leading-body));
   }
-  .leading-\[calc\(var\(--basalt-size-control\)-2\*var\(--basalt-space-lg\)\)\] {
-    --tw-leading: calc(var(--basalt-size-control) - 2 * var(--basalt-space-lg));
-    line-height: calc(var(--basalt-size-control) - 2 * var(--basalt-space-lg));
-  }
   .leading-\[var\(--basalt-leading-banner\)\] {
     --tw-leading: var(--basalt-leading-banner);
     line-height: var(--basalt-leading-banner);
@@ -2788,10 +2841,6 @@
     --tw-leading: var(--basalt-line-relaxed);
     line-height: var(--basalt-line-relaxed);
   }
-  .leading-\[var\(--basalt-line-row\)\] {
-    --tw-leading: var(--basalt-line-row);
-    line-height: var(--basalt-line-row);
-  }
   .leading-basalt-relaxed {
     --tw-leading: var(--basalt-leading-relaxed);
     line-height: var(--basalt-leading-relaxed);
@@ -2816,6 +2865,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[0\.04em\] {
+    --tw-tracking: 0.04em;
+    letter-spacing: 0.04em;
+  }
   .tracking-tight {
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
@@ -2922,6 +2975,9 @@
       color: color-mix(in oklab, hsl(var(--basalt-primary-foreground)) 80%, transparent);
     }
   }
+  .text-basalt-success {
+    color: var(--basalt-success);
+  }
   .text-basalt-tag-amber-foreground {
     color: var(--basalt-tag-amber-foreground);
   }
@@ -3442,9 +3498,6 @@
   .data-\[state\=active\]\:animate-basalt-tab-in[data-state="active"] {
     animation: basalt-tab-in var(--basalt-motion-normal) var(--basalt-motion-ease);
   }
-  .data-\[state\=active\]\:bg-basalt-selected[data-state="active"] {
-    background-color: hsl(var(--basalt-selected));
-  }
   .data-\[state\=active\]\:text-basalt-selected-foreground[data-state="active"] {
     color: hsl(var(--basalt-selected-foreground));
   }
@@ -3504,6 +3557,13 @@
     animation: basalt-overlay-in var(--basalt-floating-duration-enter)
 		var(--basalt-motion-ease-enter);
   }
+  .data-\[state\=open\]\:border-b[data-state="open"] {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .data-\[state\=open\]\:border-basalt-border[data-state="open"] {
+    border-color: hsl(var(--basalt-border));
+  }
   .data-\[state\=open\]\:bg-basalt-selected[data-state="open"] {
     background-color: hsl(var(--basalt-selected));
   }
@@ -3604,10 +3664,6 @@
     .md\:px-basalt-space-lg {
       padding-inline: var(--basalt-space-lg);
     }
-    .md\:text-basalt-5xl {
-      font-size: var(--basalt-text-5xl);
-      line-height: var(--tw-leading, var(--basalt-leading-body));
-    }
     .md\:shadow-sm {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

package/dist/styles/tailwind.css

@@ -146,6 +146,7 @@
 	--spacing-basalt-field-gap: var(--basalt-space-field-gap);
 	--spacing-basalt-table-x: var(--basalt-space-table-x);
 	--spacing-basalt-table-y: var(--basalt-space-table-y);
+	--spacing-basalt-table-edge: var(--basalt-space-table-edge);
 	--spacing-basalt-overlay: var(--basalt-space-overlay);
 	--spacing-basalt-panel-x: var(--basalt-space-panel-x);
 	--spacing-basalt-panel-y: var(--basalt-space-panel-y);
@@ -174,6 +175,7 @@
 	--color-basalt-muted-foreground: hsl(var(--basalt-muted-foreground));
 	--color-basalt-accent: hsl(var(--basalt-accent));
 	--color-basalt-accent-foreground: hsl(var(--basalt-accent-foreground));
+	--color-basalt-success: var(--basalt-success);
 	--color-basalt-destructive: hsl(var(--basalt-destructive));
 	--color-basalt-destructive-foreground: hsl(var(--basalt-destructive-foreground));
 	--color-basalt-info: hsl(var(--basalt-info));