@texturehq/edges 1.21.0 → 1.22.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.manifest.json +16 -3
- package/dist/generated/tailwind-tokens-dark.css +18 -2
- package/dist/generated/tailwind-tokens-light.css +16 -0
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +81 -2
- package/dist/index.d.ts +81 -2
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/styles.css +115 -5
- package/dist/utilities.manifest.json +2 -2
- package/package.json +174 -174
- package/scripts/generate-edges-docs.js +4 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.
|
|
3
|
-
"generatedAt": "2025-11-
|
|
2
|
+
"version": "1.22.1",
|
|
3
|
+
"generatedAt": "2025-11-18T14:22:45.187Z",
|
|
4
4
|
"components": [
|
|
5
5
|
{
|
|
6
6
|
"name": "ActionCell",
|
|
@@ -1074,7 +1074,7 @@
|
|
|
1074
1074
|
{
|
|
1075
1075
|
"name": "EmptyState",
|
|
1076
1076
|
"category": "Feedback",
|
|
1077
|
-
"description": "EmptyState Minimal, composable empty state surface for communicating lack of data. Supports optional icon, description and opinionated action patterns. Use `primaryAction` (button) and `secondaryAction` (text link) for consistent styling, or use `actions` for complete control over the action area.",
|
|
1077
|
+
"description": "EmptyState Minimal, composable empty state surface for communicating lack of data. Supports optional icon, description and opinionated action patterns. Use `primaryAction` (button) and `secondaryAction` (text link) for consistent styling, or use `actions` for complete control over the action area. The `spotlight` variant adds a subtle branded gradient background for marketing-focused empty states that encourage user behavior. Choose from different gradient patterns using the `spotlightPattern` prop.",
|
|
1078
1078
|
"importRoot": "@texturehq/edges",
|
|
1079
1079
|
"importPath": "@texturehq/edges/components/EmptyState",
|
|
1080
1080
|
"props": [],
|
|
@@ -1247,6 +1247,16 @@
|
|
|
1247
1247
|
],
|
|
1248
1248
|
"storybookPath": "Typography/Heading"
|
|
1249
1249
|
},
|
|
1250
|
+
{
|
|
1251
|
+
"name": "HierarchyExplorer",
|
|
1252
|
+
"category": "Components",
|
|
1253
|
+
"description": "HierarchyExplorer - Main component for drill-down navigation through hierarchical data",
|
|
1254
|
+
"importRoot": "@texturehq/edges",
|
|
1255
|
+
"importPath": "@texturehq/edges/components/HierarchyExplorer",
|
|
1256
|
+
"props": [],
|
|
1257
|
+
"relatedComponents": [],
|
|
1258
|
+
"storybookPath": "Components/HierarchyExplorer"
|
|
1259
|
+
},
|
|
1250
1260
|
{
|
|
1251
1261
|
"name": "HorizontalBarCell",
|
|
1252
1262
|
"category": "Uncategorized",
|
|
@@ -2861,6 +2871,9 @@
|
|
|
2861
2871
|
"Typography": [
|
|
2862
2872
|
"Heading"
|
|
2863
2873
|
],
|
|
2874
|
+
"Components": [
|
|
2875
|
+
"HierarchyExplorer"
|
|
2876
|
+
],
|
|
2864
2877
|
"Design Tokens": [
|
|
2865
2878
|
"Icon",
|
|
2866
2879
|
"Logo"
|
|
@@ -67,11 +67,27 @@
|
|
|
67
67
|
--color-yellow-900: oklch(0.398 0.092 60.236);
|
|
68
68
|
--color-yellow-950: oklch(0.265 0.06 56.259);
|
|
69
69
|
--color-brand-primary: #444ae1;
|
|
70
|
-
--color-brand-light: #
|
|
70
|
+
--color-brand-light: #2a2d52;
|
|
71
71
|
--color-brand-dark: #363ccb;
|
|
72
|
-
--color-brand-background: #
|
|
72
|
+
--color-brand-background: #2e3258;
|
|
73
73
|
--color-neutral-white: #ffffff;
|
|
74
74
|
--color-neutral-black: #000000;
|
|
75
|
+
--motion-duration-instant: 0ms;
|
|
76
|
+
--motion-duration-fast: 150ms;
|
|
77
|
+
--motion-duration-normal: 250ms;
|
|
78
|
+
--motion-duration-slow: 350ms;
|
|
79
|
+
--motion-duration-slower: 500ms;
|
|
80
|
+
--motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
|
|
81
|
+
--motion-easing-emphasized: cubic-bezier(0, 0, 0.2, 1);
|
|
82
|
+
--motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
|
|
83
|
+
--motion-easing-deaccelerate: cubic-bezier(0, 0, 0.2, 1);
|
|
84
|
+
--motion-distance-xs: 4px;
|
|
85
|
+
--motion-distance-sm: 8px;
|
|
86
|
+
--motion-distance-md: 16px;
|
|
87
|
+
--motion-opacity-hover: 0.9;
|
|
88
|
+
--motion-opacity-disabled: 0.5;
|
|
89
|
+
--motion-scale-hover: 1.02;
|
|
90
|
+
--motion-scale-press: 0.97;
|
|
75
91
|
--spacing-0: 0px;
|
|
76
92
|
--spacing-1: 0.25rem;
|
|
77
93
|
--spacing-2: 0.5rem;
|
|
@@ -72,6 +72,22 @@
|
|
|
72
72
|
--color-brand-background: #f6f7ff;
|
|
73
73
|
--color-neutral-white: #ffffff;
|
|
74
74
|
--color-neutral-black: #000000;
|
|
75
|
+
--motion-duration-instant: 0ms;
|
|
76
|
+
--motion-duration-fast: 150ms;
|
|
77
|
+
--motion-duration-normal: 250ms;
|
|
78
|
+
--motion-duration-slow: 350ms;
|
|
79
|
+
--motion-duration-slower: 500ms;
|
|
80
|
+
--motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
|
|
81
|
+
--motion-easing-emphasized: cubic-bezier(0, 0, 0.2, 1);
|
|
82
|
+
--motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
|
|
83
|
+
--motion-easing-deaccelerate: cubic-bezier(0, 0, 0.2, 1);
|
|
84
|
+
--motion-distance-xs: 4px;
|
|
85
|
+
--motion-distance-sm: 8px;
|
|
86
|
+
--motion-distance-md: 16px;
|
|
87
|
+
--motion-opacity-hover: 0.9;
|
|
88
|
+
--motion-opacity-disabled: 0.5;
|
|
89
|
+
--motion-scale-hover: 1.02;
|
|
90
|
+
--motion-scale-press: 0.97;
|
|
75
91
|
--spacing-0: 0px;
|
|
76
92
|
--spacing-1: 0.25rem;
|
|
77
93
|
--spacing-2: 0.5rem;
|