@texturehq/edges 1.30.6 → 1.31.1

package/dist/{colors-67HNJviq.d.ts → colors-CIlEq8T6.d.ts}

@@ -883,6 +883,12 @@ interface BaseLayerSpec {
         trigger: "hover" | "click";
         /** Tooltip content - can be a function or static ReactNode */
         content: ((feature: LayerFeature) => React.ReactNode) | React.ReactNode;
+        /**
+         * Render the tooltip content directly without the default popup chrome
+         * (padding / background / border / shadow / tip arrow). Use this when
+         * the content brings its own card styling. Default `false`.
+         */
+        bare?: boolean;
     };
 }
 /**
@@ -1007,6 +1013,13 @@ interface ClusteredVectorLayerSpec extends Omit<BaseLayerSpec, "tooltip"> {
         cluster?: (count: number, feature: LayerFeature) => React.ReactNode;
         /** Tooltip content for individual points */
         point?: (feature: LayerFeature) => React.ReactNode;
+        /**
+         * Render the tooltip content directly without the default popup chrome
+         * (padding / background / border / shadow / tip arrow). Use this when
+         * the content brings its own card styling. Default `false` preserves
+         * existing dashboards.
+         */
+        bare?: boolean;
     };
     /** Style overrides for cluster circles (optional, uses design system defaults) */
     clusterStyle?: {

package/dist/{colors-DIRyY7OV.d.cts → colors-oRbPetNs.d.cts}

@@ -883,6 +883,12 @@ interface BaseLayerSpec {
         trigger: "hover" | "click";
         /** Tooltip content - can be a function or static ReactNode */
         content: ((feature: LayerFeature) => React.ReactNode) | React.ReactNode;
+        /**
+         * Render the tooltip content directly without the default popup chrome
+         * (padding / background / border / shadow / tip arrow). Use this when
+         * the content brings its own card styling. Default `false`.
+         */
+        bare?: boolean;
     };
 }
 /**
@@ -1007,6 +1013,13 @@ interface ClusteredVectorLayerSpec extends Omit<BaseLayerSpec, "tooltip"> {
         cluster?: (count: number, feature: LayerFeature) => React.ReactNode;
         /** Tooltip content for individual points */
         point?: (feature: LayerFeature) => React.ReactNode;
+        /**
+         * Render the tooltip content directly without the default popup chrome
+         * (padding / background / border / shadow / tip arrow). Use this when
+         * the content brings its own card styling. Default `false` preserves
+         * existing dashboards.
+         */
+        bare?: boolean;
     };
     /** Style overrides for cluster circles (optional, uses design system defaults) */
     clusterStyle?: {

package/dist/generated/tailwind-tokens-light.css

@@ -199,6 +199,70 @@
   --skeleton-base: #e5e7eb;
   --skeleton-highlight: #f3f4f6;
   --skeleton-wave: rgba(255, 255, 255, 0.5);
+  --text-display-xl-size: 6rem;
+  --text-display-xl-line-height: 1;
+  --text-display-xl-letter-spacing: 0;
+  --text-display-xl-weight: 500;
+  --text-display-lg-size: 4.5rem;
+  --text-display-lg-line-height: 1;
+  --text-display-lg-letter-spacing: 0;
+  --text-display-lg-weight: 500;
+  --text-display-md-size: 3rem;
+  --text-display-md-line-height: 1.05;
+  --text-display-md-letter-spacing: 0;
+  --text-display-md-weight: 500;
+  --text-heading-xl-size: 2.25rem;
+  --text-heading-xl-line-height: 1.1;
+  --text-heading-xl-letter-spacing: 0;
+  --text-heading-xl-weight: 500;
+  --text-heading-lg-size: 1.875rem;
+  --text-heading-lg-line-height: 1.15;
+  --text-heading-lg-letter-spacing: 0;
+  --text-heading-lg-weight: 500;
+  --text-heading-md-size: 1.5rem;
+  --text-heading-md-line-height: 1.2;
+  --text-heading-md-letter-spacing: 0;
+  --text-heading-md-weight: 600;
+  --text-heading-sm-size: 1.25rem;
+  --text-heading-sm-line-height: 1.25;
+  --text-heading-sm-letter-spacing: 0;
+  --text-heading-sm-weight: 600;
+  --text-body-lg-size: 1.125rem;
+  --text-body-lg-line-height: 1.55;
+  --text-body-lg-letter-spacing: 0;
+  --text-body-lg-weight: 400;
+  --text-body-md-size: 1rem;
+  --text-body-md-line-height: 1.5;
+  --text-body-md-letter-spacing: 0;
+  --text-body-md-weight: 400;
+  --text-body-sm-size: 0.875rem;
+  --text-body-sm-line-height: 1.55;
+  --text-body-sm-letter-spacing: 0;
+  --text-body-sm-weight: 400;
+  --text-label-lg-size: 1rem;
+  --text-label-lg-line-height: 1.4;
+  --text-label-lg-letter-spacing: 0;
+  --text-label-lg-weight: 500;
+  --text-label-md-size: 0.875rem;
+  --text-label-md-line-height: 1.4;
+  --text-label-md-letter-spacing: 0;
+  --text-label-md-weight: 500;
+  --text-label-sm-size: 0.8125rem;
+  --text-label-sm-line-height: 1.4;
+  --text-label-sm-letter-spacing: 0;
+  --text-label-sm-weight: 500;
+  --text-caption-size: 0.8125rem;
+  --text-caption-line-height: 1.4;
+  --text-caption-letter-spacing: 0;
+  --text-caption-weight: 400;
+  --text-code-size: 0.875rem;
+  --text-code-line-height: 1.5;
+  --text-code-letter-spacing: 0;
+  --text-code-weight: 400;
+  --text-eyebrow-size: 0.6875rem;
+  --text-eyebrow-line-height: 1.4;
+  --text-eyebrow-letter-spacing: 0.1em;
+  --text-eyebrow-weight: 600;
   --color-background-body: #ffffff;
   --color-background-surface: #ffffff;
   --color-background-muted: #f3f4f6;
@@ -428,6 +492,54 @@
   --color-map-neutral-border: var(--color-black);
   --skeleton-base: var(--color-gray-200);
   --skeleton-highlight: var(--color-gray-100);
+  --text-display-xl-size: var(--font-size-8xl);
+  --text-display-xl-letter-spacing: var(--font-letterspacing-normal);
+  --text-display-xl-weight: var(--font-weight-medium);
+  --text-display-lg-size: var(--font-size-7xl);
+  --text-display-lg-letter-spacing: var(--font-letterspacing-normal);
+  --text-display-lg-weight: var(--font-weight-medium);
+  --text-display-md-size: var(--font-size-5xl);
+  --text-display-md-letter-spacing: var(--font-letterspacing-normal);
+  --text-display-md-weight: var(--font-weight-medium);
+  --text-heading-xl-size: var(--font-size-4xl);
+  --text-heading-xl-letter-spacing: var(--font-letterspacing-normal);
+  --text-heading-xl-weight: var(--font-weight-medium);
+  --text-heading-lg-size: var(--font-size-3xl);
+  --text-heading-lg-letter-spacing: var(--font-letterspacing-normal);
+  --text-heading-lg-weight: var(--font-weight-medium);
+  --text-heading-md-size: var(--font-size-2xl);
+  --text-heading-md-letter-spacing: var(--font-letterspacing-normal);
+  --text-heading-md-weight: var(--font-weight-semibold);
+  --text-heading-sm-size: var(--font-size-xl);
+  --text-heading-sm-line-height: var(--font-lineheight-tight);
+  --text-heading-sm-letter-spacing: var(--font-letterspacing-normal);
+  --text-heading-sm-weight: var(--font-weight-semibold);
+  --text-body-lg-size: var(--font-size-lg);
+  --text-body-lg-letter-spacing: var(--font-letterspacing-normal);
+  --text-body-lg-weight: var(--font-weight-normal);
+  --text-body-md-size: var(--font-size-base);
+  --text-body-md-line-height: var(--font-lineheight-normal);
+  --text-body-md-letter-spacing: var(--font-letterspacing-normal);
+  --text-body-md-weight: var(--font-weight-normal);
+  --text-body-sm-size: var(--font-size-sm);
+  --text-body-sm-letter-spacing: var(--font-letterspacing-normal);
+  --text-body-sm-weight: var(--font-weight-normal);
+  --text-label-lg-size: var(--font-size-base);
+  --text-label-lg-letter-spacing: var(--font-letterspacing-normal);
+  --text-label-lg-weight: var(--font-weight-medium);
+  --text-label-md-size: var(--font-size-sm);
+  --text-label-md-letter-spacing: var(--font-letterspacing-normal);
+  --text-label-md-weight: var(--font-weight-medium);
+  --text-label-sm-letter-spacing: var(--font-letterspacing-normal);
+  --text-label-sm-weight: var(--font-weight-medium);
+  --text-caption-letter-spacing: var(--font-letterspacing-normal);
+  --text-caption-weight: var(--font-weight-normal);
+  --text-code-size: var(--font-size-sm);
+  --text-code-line-height: var(--font-lineheight-normal);
+  --text-code-letter-spacing: var(--font-letterspacing-normal);
+  --text-code-weight: var(--font-weight-normal);
+  --text-eyebrow-letter-spacing: var(--font-letterspacing-widest);
+  --text-eyebrow-weight: var(--font-weight-semibold);
   --color-background-body: var(--color-white);
   --color-background-surface: var(--color-white);
   --color-background-muted: var(--color-gray-100);
@@ -454,3 +566,31 @@
   --color-skeleton-base: var(--color-gray-200);
   --color-skeleton-highlight: var(--color-gray-100);
 }
+
+/* Semantic typography shorthand — `font:` shorthand per role. */
+:root {
+  --text-display-xl: var(--text-display-xl-weight) var(--text-display-xl-size)/var(--text-display-xl-line-height) var(--font-family-brand);
+  --text-display-lg: var(--text-display-lg-weight) var(--text-display-lg-size)/var(--text-display-lg-line-height) var(--font-family-brand);
+  --text-display-md: var(--text-display-md-weight) var(--text-display-md-size)/var(--text-display-md-line-height) var(--font-family-brand);
+  --text-heading-xl: var(--text-heading-xl-weight) var(--text-heading-xl-size)/var(--text-heading-xl-line-height) var(--font-family-brand);
+  --text-heading-lg: var(--text-heading-lg-weight) var(--text-heading-lg-size)/var(--text-heading-lg-line-height) var(--font-family-brand);
+  --text-heading-md: var(--text-heading-md-weight) var(--text-heading-md-size)/var(--text-heading-md-line-height) var(--font-family-brand);
+  --text-heading-sm: var(--text-heading-sm-weight) var(--text-heading-sm-size)/var(--text-heading-sm-line-height) var(--font-family-brand);
+  --text-body-lg: var(--text-body-lg-weight) var(--text-body-lg-size)/var(--text-body-lg-line-height) var(--font-family-sans);
+  --text-body-md: var(--text-body-md-weight) var(--text-body-md-size)/var(--text-body-md-line-height) var(--font-family-sans);
+  --text-body-sm: var(--text-body-sm-weight) var(--text-body-sm-size)/var(--text-body-sm-line-height) var(--font-family-sans);
+  --text-label-lg: var(--text-label-lg-weight) var(--text-label-lg-size)/var(--text-label-lg-line-height) var(--font-family-sans);
+  --text-label-md: var(--text-label-md-weight) var(--text-label-md-size)/var(--text-label-md-line-height) var(--font-family-sans);
+  --text-label-sm: var(--text-label-sm-weight) var(--text-label-sm-size)/var(--text-label-sm-line-height) var(--font-family-sans);
+  --text-caption: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line-height) var(--font-family-sans);
+  --text-code: var(--text-code-weight) var(--text-code-size)/var(--text-code-line-height) var(--font-family-mono);
+  --text-eyebrow: var(--text-eyebrow-weight) var(--text-eyebrow-size)/var(--text-eyebrow-line-height) var(--font-family-mono);
+}
+
+/* Mobile bump — body copy gets a touch larger on phones for readability. */
+@media (max-width: 768px) {
+  :root {
+    --text-body-md-size: 1.0625rem; /* 16 → 17 */
+    --text-body-lg-size: 1.1875rem; /* 18 → 19 */
+  }
+}