@texturehq/edges 1.8.2 → 1.9.1

package/dist/components.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.8.2",
-  "generatedAt": "2025-10-21T16:01:17.557Z",
+  "version": "1.9.1",
+  "generatedAt": "2025-10-22T00:53:47.425Z",
   "components": [
     {
       "name": "ActionCell",
@@ -276,7 +276,7 @@
       "props": [
         {
           "name": "variant",
-          "type": "| \"default\" | \"primary\" | \"secondary\" | \"destructive\" | \"icon\" | \"link\" | \"unstyled\" | \"ghost\""
+          "type": "| \"default\" | \"brand\" | \"secondary\" | \"destructive\" | \"icon\" | \"link\" | \"unstyled\" | \"ghost\" | \"primary\""
         },
         {
           "name": "size",
@@ -366,7 +366,7 @@
     {
       "name": "Card",
       "category": "Layout",
-      "description": "Card - Enterprise surface container component  A flexible, composable card component following enterprise design system best practices. Supports modular content sections with consistent styling and accessibility.  Usage: ```tsx <Card variant=\"outlined\" size=\"md\"> <Card.Header title=\"Card Title\" subtitle=\"Optional subtitle\" actions={<Button variant=\"ghost\" icon=\"MoreHorizontal\" />} /> <Card.Media src=\"image.jpg\" alt=\"Description\" /> <Card.Content> <p>Main content goes here</p> </Card.Content> <Card.Footer> <Button variant=\"primary\">Action</Button> </Card.Footer> </Card> ```",
+      "description": "Card - Enterprise surface container component  A flexible, composable card component following enterprise design system best practices. Supports modular content sections with consistent styling and accessibility.  Usage: ```tsx <Card variant=\"outlined\" size=\"md\"> <Card.Header title=\"Card Title\" subtitle=\"Optional subtitle\" actions={<Button variant=\"ghost\" icon=\"MoreHorizontal\" />} /> <Card.Media src=\"image.jpg\" alt=\"Description\" /> <Card.Content> <p>Main content goes here</p> </Card.Content> <Card.Footer> <Button variant=\"brand\">Action</Button> </Card.Footer> </Card> ```",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Card",
       "props": [
@@ -478,7 +478,7 @@
     {
       "name": "Checkbox",
       "category": "Form Controls",
-      "description": "Checkbox  Single checkbox with Edges visuals.",
+      "description": "Visual variant of the checkbox @default \"brand\"",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Checkbox",
       "props": [
@@ -495,7 +495,7 @@
     {
       "name": "CheckboxGroup",
       "category": "Form Controls",
-      "description": "Checkbox  Single checkbox with Edges visuals.",
+      "description": "Visual variant of the checkbox @default \"brand\"",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/CheckboxGroup",
       "props": [
@@ -754,6 +754,19 @@
       ],
       "storybookPath": "Overlays/Drawer"
     },
+    {
+      "name": "EmptyState",
+      "category": "Feedback",
+      "description": "EmptyState  Minimal, composable empty state surface for communicating lack of data. Supports optional icon, description and opinionated action patterns.  Use `primaryAction` and `secondaryAction` for consistent styling, or use `actions` for complete control over the action area.",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/EmptyState",
+      "props": [],
+      "relatedComponents": [
+        "Button",
+        "TextLink"
+      ],
+      "storybookPath": "Feedback/EmptyState"
+    },
     {
       "name": "ErrorBoundary",
       "category": "Feedback",
@@ -1354,7 +1367,7 @@
     {
       "name": "Radio",
       "category": "Form Controls",
-      "description": "Validation result object for functional errorMessage",
+      "description": "Visual variant of the radio buttons @default \"brand\"",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Radio",
       "props": [],
@@ -1364,7 +1377,7 @@
     {
       "name": "RadioGroup",
       "category": "Form Controls",
-      "description": "Validation result object for functional errorMessage",
+      "description": "Visual variant of the radio buttons @default \"brand\"",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/RadioGroup",
       "props": [],
@@ -1651,7 +1664,7 @@
     {
       "name": "Tab",
       "category": "Navigation",
-      "description": "Tabs  Tabbed interface with styled tabs and panels. @param variant - \"default\" for gray styling, \"accent\" for brand color styling",
+      "description": "Tabs  Tabbed interface with styled tabs and panels. @param variant - \"default\" for action-default styling, \"brand\" for action-brand styling",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Tab",
       "props": [],
@@ -1696,7 +1709,7 @@
     {
       "name": "Tabs",
       "category": "Navigation",
-      "description": "Tabs  Tabbed interface with styled tabs and panels. @param variant - \"default\" for gray styling, \"accent\" for brand color styling",
+      "description": "Tabs  Tabbed interface with styled tabs and panels. @param variant - \"default\" for action-default styling, \"brand\" for action-brand styling",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Tabs",
       "props": [],
@@ -1824,7 +1837,7 @@
         },
         {
           "name": "chipVariant",
-          "type": "\"default\" | \"primary\" | \"secondary\""
+          "type": "\"default\" | \"brand\" | \"secondary\""
         },
         {
           "name": "chipSize",
@@ -1998,7 +2011,7 @@
       "props": [
         {
           "name": "variant",
-          "type": "\"default\" | \"primary\""
+          "type": "\"default\" | \"brand\""
         },
         {
           "name": "size",
@@ -2239,6 +2252,7 @@
       "StatList"
     ],
     "Feedback": [
+      "EmptyState",
       "ErrorBoundary",
       "Meter",
       "Notice",

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

@@ -242,9 +242,15 @@
   --action-primary-background: #444ae1;
   --action-primary-hover: #363ccb;
   --action-primary-text: #ffffff;
+  --action-brand-background: #444ae1;
+  --action-brand-hover: #363ccb;
+  --action-brand-text: #ffffff;
   --action-secondary-background: #111827;
   --action-secondary-hover: #374151;
   --action-secondary-text: #ffffff;
+  --action-default-background: #111827;
+  --action-default-hover: #374151;
+  --action-default-text: #ffffff;
   --action-destructive-background: oklch(0.505 0.213 27.518);
   --action-destructive-hover: oklch(0.444 0.177 26.899);
   --action-destructive-text: #ffffff;
@@ -305,9 +311,15 @@
   --color-action-primary-hover: #6a6fcc;
   --color-action-primary-text: #ffffff;
   --color-action-primary-light: rgba(122, 142, 225, 0.15);
+  --color-action-brand: #7a8ee1;
+  --color-action-brand-hover: #6a6fcc;
+  --color-action-brand-text: #ffffff;
   --color-action-secondary: #e5e7eb;
   --color-action-secondary-hover: #f3f4f6;
   --color-action-secondary-text: #111827;
+  --color-action-default: #374151;
+  --color-action-default-hover: #4b5563;
+  --color-action-default-text: #ffffff;
   --color-state-charging: #581c87;
   --color-state-charging-border: #a855f7;
   --color-state-charging-text: #e9d5ff;

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

@@ -242,9 +242,15 @@
   --action-primary-background: #444ae1;
   --action-primary-hover: #363ccb;
   --action-primary-text: #ffffff;
+  --action-brand-background: #444ae1;
+  --action-brand-hover: #363ccb;
+  --action-brand-text: #ffffff;
   --action-secondary-background: #111827;
   --action-secondary-hover: #374151;
   --action-secondary-text: #ffffff;
+  --action-default-background: #111827;
+  --action-default-hover: #374151;
+  --action-default-text: #ffffff;
   --action-destructive-background: oklch(0.505 0.213 27.518);
   --action-destructive-hover: oklch(0.444 0.177 26.899);
   --action-destructive-text: #ffffff;
@@ -305,9 +311,15 @@
   --color-action-primary-hover: #383ccb;
   --color-action-primary-text: #ffffff;
   --color-action-primary-light: rgba(68, 74, 225, 0.1);
+  --color-action-brand: #444ae1;
+  --color-action-brand-hover: #383ccb;
+  --color-action-brand-text: #ffffff;
   --color-action-secondary: #333333;
   --color-action-secondary-hover: #4b5563;
   --color-action-secondary-text: #ffffff;
+  --color-action-default: #333333;
+  --color-action-default-hover: #4b5563;
+  --color-action-default-text: #ffffff;
   --color-state-charging: #f3e8ff;
   --color-state-charging-border: #c084fc;
   --color-state-charging-text: #6b21a8;