@texturehq/edges 1.17.2 → 1.18.1

package/dist/{colors-BaVZChH3.d.cts → colors-Kck1-4Zq.d.cts}

@@ -1553,6 +1553,11 @@ interface StaticMapProps {
      * @default true
      */
     showMarker?: boolean;
+    /**
+     * Show Mapbox attribution control
+     * @default false
+     */
+    showAttribution?: boolean;
     /**
      * Callback fired when the map finishes loading
      * Useful for knowing when Mapbox is fully initialized and tiles are loaded
@@ -1571,7 +1576,7 @@ interface StaticMapProps {
  *
  * Automatically adapts to light/dark mode using the global ColorModeProvider.
  */
-declare function StaticMap({ width, height, initialViewState, isLoading, mapType, layers, mapboxAccessToken, showMarker, onLoad, className, }: StaticMapProps): react_jsx_runtime.JSX.Element;
+declare function StaticMap({ width, height, initialViewState, isLoading, mapType, layers, mapboxAccessToken, showMarker, showAttribution, onLoad, className, }: StaticMapProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Represents a geographic point with coordinates

package/dist/{colors-BaVZChH3.d.ts → colors-Kck1-4Zq.d.ts}

@@ -1553,6 +1553,11 @@ interface StaticMapProps {
      * @default true
      */
     showMarker?: boolean;
+    /**
+     * Show Mapbox attribution control
+     * @default false
+     */
+    showAttribution?: boolean;
     /**
      * Callback fired when the map finishes loading
      * Useful for knowing when Mapbox is fully initialized and tiles are loaded
@@ -1571,7 +1576,7 @@ interface StaticMapProps {
  *
  * Automatically adapts to light/dark mode using the global ColorModeProvider.
  */
-declare function StaticMap({ width, height, initialViewState, isLoading, mapType, layers, mapboxAccessToken, showMarker, onLoad, className, }: StaticMapProps): react_jsx_runtime.JSX.Element;
+declare function StaticMap({ width, height, initialViewState, isLoading, mapType, layers, mapboxAccessToken, showMarker, showAttribution, onLoad, className, }: StaticMapProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Represents a geographic point with coordinates

package/dist/components.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.17.2",
-  "generatedAt": "2025-11-04T18:18:44.059Z",
+  "version": "1.18.1",
+  "generatedAt": "2025-11-10T16:15:17.862Z",
   "components": [
     {
       "name": "ActionCell",
@@ -206,9 +206,7 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/AutoMobileRenderer",
       "props": [],
-      "relatedComponents": [
-        "Skeleton"
-      ],
+      "relatedComponents": [],
       "storybookPath": "Data/AutoMobileRenderer"
     },
     {
@@ -231,6 +229,16 @@
       "relatedComponents": [],
       "storybookPath": "Display/Badge"
     },
+    {
+      "name": "BadgeCell",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/BadgeCell",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/BadgeCell"
+    },
     {
       "name": "BarSeries",
       "category": "Charts",
@@ -549,9 +557,7 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/CardMobileRenderer",
       "props": [],
-      "relatedComponents": [
-        "Skeleton"
-      ],
+      "relatedComponents": [],
       "storybookPath": "Data/CardMobileRenderer"
     },
     {
@@ -783,6 +789,16 @@
       "relatedComponents": [],
       "storybookPath": "Layout/CollapseItem"
     },
+    {
+      "name": "ColorField",
+      "category": "Form Controls",
+      "description": "ColorField Component  A form control that allows users to input hex color codes manually or select colors using a visual color picker. Integrates seamlessly with the Edges design system.  @example ```tsx <ColorField label=\"Brand Color\" value={color} onChange={setColor} description=\"Choose your primary brand color\" /> ```",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/ColorField",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Form Controls/ColorField"
+    },
     {
       "name": "Confirm",
       "category": "Overlays",
@@ -809,6 +825,21 @@
       "relatedComponents": [],
       "storybookPath": "Display/ConnectionStatusBadge"
     },
+    {
+      "name": "ContactCard",
+      "category": "Display",
+      "description": "ContactCard  A card component for displaying contact information with avatar. Includes name, optional email, and optional phone number.  @example ```tsx <ContactCard firstName=\"John\" lastName=\"Doe\" email=\"john.doe@example.com\" phone=\"+1 (555) 123-4567\" showEmail showPhone href=\"/contacts/123\" /> ```",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/ContactCard",
+      "props": [],
+      "relatedComponents": [
+        "StoryLayout",
+        "StoryTable",
+        "StoryTableCell",
+        "StoryTableRow"
+      ],
+      "storybookPath": "Display/ContactCard"
+    },
     {
       "name": "ContactMetaCell",
       "category": "Uncategorized",
@@ -861,9 +892,7 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/DataTable",
       "props": [],
-      "relatedComponents": [
-        "Skeleton"
-      ],
+      "relatedComponents": [],
       "storybookPath": "Data/DataTable"
     },
     {
@@ -1196,6 +1225,16 @@
       ],
       "storybookPath": "Typography/Heading"
     },
+    {
+      "name": "HorizontalBarCell",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/HorizontalBarCell",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/HorizontalBarCell"
+    },
     {
       "name": "Icon",
       "category": "Design Tokens",
@@ -1398,6 +1437,16 @@
       "relatedComponents": [],
       "storybookPath": "Feedback/Meter"
     },
+    {
+      "name": "MiniBarCell",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/MiniBarCell",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/MiniBarCell"
+    },
     {
       "name": "ModalBackdrop",
       "category": "Uncategorized",
@@ -1564,6 +1613,16 @@
       ],
       "storybookPath": "Layout/PageLayout"
     },
+    {
+      "name": "PercentBarCell",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/PercentBarCell",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/PercentBarCell"
+    },
     {
       "name": "PlaceSearch",
       "category": "Form Controls",
@@ -1855,6 +1914,36 @@
       ],
       "storybookPath": "Navigation/SideNav"
     },
+    {
+      "name": "SiteCard",
+      "category": "Display",
+      "description": "SiteCard  A card component for displaying site/location information. Can include an optional static map showing the site's location.  @example ```tsx <SiteCard streetAddress=\"123 Main St\" city=\"San Francisco\" state=\"CA\" postalCode=\"94102\" longitude={-122.4194} latitude={37.7749} showMap href=\"/sites/123\" /> ```",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SiteCard",
+      "props": [],
+      "relatedComponents": [
+        "StoryLayout",
+        "StoryTable",
+        "StoryTableCell",
+        "StoryTableRow"
+      ],
+      "storybookPath": "Display/SiteCard"
+    },
+    {
+      "name": "SiteContactCard",
+      "category": "Display",
+      "description": "SiteContactCard  A combined card component for displaying both site and contact information. Shows site details with optional map, followed by associated contact information.  @example ```tsx <SiteContactCard site={{ streetAddress: \"123 Main St\", city: \"San Francisco\", state: \"CA\", postalCode: \"94102\", longitude: -122.4194, latitude: 37.7749, href: \"/sites/123\" }} contact={{ firstName: \"John\", lastName: \"Doe\", email: \"john.doe@example.com\", phone: \"+1 (555) 123-4567\", href: \"/contacts/123\" }} showMap /> ```",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SiteContactCard",
+      "props": [],
+      "relatedComponents": [
+        "StoryLayout",
+        "StoryTable",
+        "StoryTableCell",
+        "StoryTableRow"
+      ],
+      "storybookPath": "Display/SiteContactCard"
+    },
     {
       "name": "SiteMetaCell",
       "category": "Uncategorized",
@@ -1984,6 +2073,16 @@
       "relatedComponents": [],
       "storybookPath": "Data/SortControl"
     },
+    {
+      "name": "SparklineCell",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SparklineCell",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/SparklineCell"
+    },
     {
       "name": "SplitPane",
       "category": "Layout",
@@ -2568,6 +2667,7 @@
       "Checkbox",
       "CheckboxGroup",
       "CodeEditor",
+      "ColorField",
       "DateField",
       "DateRangePicker",
       "FileUpload",
@@ -2627,6 +2727,7 @@
       "Badge",
       "Chip",
       "ConnectionStatusBadge",
+      "ContactCard",
       "ContactMetaDisplay",
       "CopyToClipboard",
       "DeviceHealthBadge",
@@ -2637,6 +2738,8 @@
       "EnrollmentStatusBadge",
       "FirmwareVersionBadge",
       "GridStateBadge",
+      "SiteCard",
+      "SiteContactCard",
       "SiteMetaDisplay",
       "Timeline",
       "TimelineItem"
@@ -2664,6 +2767,7 @@
     ],
     "Uncategorized": [
       "ActionCell",
+      "BadgeCell",
       "BooleanCell",
       "ChartAxis",
       "ChartBottomBar",
@@ -2674,13 +2778,17 @@
       "DeviceStateCell",
       "DialogHeader",
       "FormattedCell",
+      "HorizontalBarCell",
       "InteractiveMap",
       "MAP_TYPES",
+      "MiniBarCell",
       "ModalBackdrop",
       "NumberCell",
+      "PercentBarCell",
       "SKELETON_SIZES",
       "SelectCell",
       "SiteMetaCell",
+      "SparklineCell",
       "StaticMap",
       "TextCell"
     ],

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

@@ -190,6 +190,7 @@
   --color-background-selected: #4b5563;
   --color-background-modal: rgba(255, 255, 255, 0.12);
   --color-background-input: rgba(255, 255, 255, 0.05);
+  --theme-background-canvas: linear-gradient(to bottom right, rgb(24 28 48), rgb(30 26 45), rgb(35 26 38));
   --color-text-body: #ededef;
   --color-text-heading: #ffffff;
   --color-text-muted: #9ca3af;
@@ -252,12 +253,12 @@
   --color-state-unknown: #1f2937;
   --color-state-unknown-border: #6b7280;
   --color-state-unknown-text: #ffffff;
-  --color-state-importing: #1f2937;
-  --color-state-importing-border: #6b7280;
-  --color-state-importing-text: #ffffff;
-  --color-state-exporting: #1f2937;
-  --color-state-exporting-border: #6b7280;
-  --color-state-exporting-text: #ffffff;
+  --color-state-importing: #1e3a8a;
+  --color-state-importing-border: #60a5fa;
+  --color-state-importing-text: #dbeafe;
+  --color-state-exporting: #78350f;
+  --color-state-exporting-border: #fbbf24;
+  --color-state-exporting-text: #fef3c7;
   --color-map-streets-border: #ffffff;
   --color-map-satellite-border: #ffffff;
   --color-map-neutral-border: #ffffff;
@@ -318,6 +319,16 @@
   --color-viz-sequential-forest-8: #1a3c0d;
   --color-viz-sequential-forest-9: #0f2808;
   --color-viz-sequential-forest-10: #071403;
+  --color-viz-sequential-red-yellow-green-1: #991b1b;
+  --color-viz-sequential-red-yellow-green-2: #dc2626;
+  --color-viz-sequential-red-yellow-green-3: #f87171;
+  --color-viz-sequential-red-yellow-green-4: #fb923c;
+  --color-viz-sequential-red-yellow-green-5: #fbbf24;
+  --color-viz-sequential-red-yellow-green-6: #fde047;
+  --color-viz-sequential-red-yellow-green-7: #bef264;
+  --color-viz-sequential-red-yellow-green-8: #6ee7b7;
+  --color-viz-sequential-red-yellow-green-9: #34d399;
+  --color-viz-sequential-red-yellow-green-10: #10b981;
   --color-viz-diverging-orange-yellow-seafoam-1: #883a1f;
   --color-viz-diverging-orange-yellow-seafoam-2: #c25f27;
   --color-viz-diverging-orange-yellow-seafoam-3: #e8843d;

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

@@ -190,6 +190,7 @@
   --color-background-selected: #e5e7eb;
   --color-background-modal: rgba(0, 0, 0, 0.15);
   --color-background-input: #ffffff;
+  --theme-background-canvas: linear-gradient(to bottom right, rgb(239 246 255), rgb(250 245 255), rgb(253 242 248));
   --color-text-body: #333333;
   --color-text-heading: #111827;
   --color-text-muted: #4b5563;
@@ -252,12 +253,12 @@
   --color-state-unknown: #f8f8f8;
   --color-state-unknown-border: #d1d5db;
   --color-state-unknown-text: #000000;
-  --color-state-importing: #f8f8f8;
-  --color-state-importing-border: #d1d5db;
-  --color-state-importing-text: #000000;
-  --color-state-exporting: #f8f8f8;
-  --color-state-exporting-border: #d1d5db;
-  --color-state-exporting-text: #000000;
+  --color-state-importing: #dbeafe;
+  --color-state-importing-border: #3b82f6;
+  --color-state-importing-text: #1e40af;
+  --color-state-exporting: #fef3c7;
+  --color-state-exporting-border: #f59e0b;
+  --color-state-exporting-text: #92400e;
   --color-viz-default: #0082ff;
   --color-viz-categorical-1: #a3eae4;
   --color-viz-categorical-2: #91a0ff;
@@ -315,6 +316,16 @@
   --color-viz-sequential-forest-8: #1b2e13;
   --color-viz-sequential-forest-9: #13200d;
   --color-viz-sequential-forest-10: #0b1305;
+  --color-viz-sequential-red-yellow-green-1: #7f1d1d;
+  --color-viz-sequential-red-yellow-green-2: #b91c1c;
+  --color-viz-sequential-red-yellow-green-3: #ef4444;
+  --color-viz-sequential-red-yellow-green-4: #fb923c;
+  --color-viz-sequential-red-yellow-green-5: #f59e0b;
+  --color-viz-sequential-red-yellow-green-6: #fbbf24;
+  --color-viz-sequential-red-yellow-green-7: #a3e635;
+  --color-viz-sequential-red-yellow-green-8: #4ade80;
+  --color-viz-sequential-red-yellow-green-9: #10b981;
+  --color-viz-sequential-red-yellow-green-10: #059669;
   --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
   --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
   --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;

package/dist/generated/viz-runtime.css

@@ -69,6 +69,16 @@
   --color-viz-sequential-forest-8: #1b2e13;
   --color-viz-sequential-forest-9: #13200d;
   --color-viz-sequential-forest-10: #0b1305;
+  --color-viz-sequential-red-yellow-green-1: #7f1d1d;
+  --color-viz-sequential-red-yellow-green-2: #b91c1c;
+  --color-viz-sequential-red-yellow-green-3: #ef4444;
+  --color-viz-sequential-red-yellow-green-4: #fb923c;
+  --color-viz-sequential-red-yellow-green-5: #f59e0b;
+  --color-viz-sequential-red-yellow-green-6: #fbbf24;
+  --color-viz-sequential-red-yellow-green-7: #a3e635;
+  --color-viz-sequential-red-yellow-green-8: #4ade80;
+  --color-viz-sequential-red-yellow-green-9: #10b981;
+  --color-viz-sequential-red-yellow-green-10: #059669;
   --color-viz-diverging-orange-yellow-seafoam-1: #6b2c1a;
   --color-viz-diverging-orange-yellow-seafoam-2: #a24b1e;
   --color-viz-diverging-orange-yellow-seafoam-3: #cb7131;
@@ -160,6 +170,16 @@
   --color-viz-sequential-forest-8: #1a3c0d;
   --color-viz-sequential-forest-9: #0f2808;
   --color-viz-sequential-forest-10: #071403;
+  --color-viz-sequential-red-yellow-green-1: #991b1b;
+  --color-viz-sequential-red-yellow-green-2: #dc2626;
+  --color-viz-sequential-red-yellow-green-3: #f87171;
+  --color-viz-sequential-red-yellow-green-4: #fb923c;
+  --color-viz-sequential-red-yellow-green-5: #fbbf24;
+  --color-viz-sequential-red-yellow-green-6: #fde047;
+  --color-viz-sequential-red-yellow-green-7: #bef264;
+  --color-viz-sequential-red-yellow-green-8: #6ee7b7;
+  --color-viz-sequential-red-yellow-green-9: #34d399;
+  --color-viz-sequential-red-yellow-green-10: #10b981;
   --color-viz-diverging-orange-yellow-seafoam-1: #883a1f;
   --color-viz-diverging-orange-yellow-seafoam-2: #c25f27;
   --color-viz-diverging-orange-yellow-seafoam-3: #e8843d;