@texturehq/edges 1.10.2 → 1.11.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 +157 -2
- package/dist/generated/tailwind-tokens-dark.css +3 -3
- package/dist/generated/tailwind-tokens-light.css +3 -3
- package/dist/index.cjs +7 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +125 -34
- package/dist/index.d.ts +125 -34
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/styles.css +64 -7
- package/dist/utilities.manifest.json +2 -2
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.
|
|
3
|
-
"generatedAt": "2025-10-
|
|
2
|
+
"version": "1.11.1",
|
|
3
|
+
"generatedAt": "2025-10-22T20:48:54.737Z",
|
|
4
4
|
"components": [
|
|
5
5
|
{
|
|
6
6
|
"name": "ActionCell",
|
|
@@ -396,6 +396,146 @@
|
|
|
396
396
|
],
|
|
397
397
|
"storybookPath": "Layout/Card"
|
|
398
398
|
},
|
|
399
|
+
{
|
|
400
|
+
"name": "CardContent",
|
|
401
|
+
"category": "Layout",
|
|
402
|
+
"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> ```",
|
|
403
|
+
"importRoot": "@texturehq/edges",
|
|
404
|
+
"importPath": "@texturehq/edges/components/CardContent",
|
|
405
|
+
"props": [
|
|
406
|
+
{
|
|
407
|
+
"name": "className",
|
|
408
|
+
"type": "string"
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"name": "children",
|
|
412
|
+
"type": "React.ReactNode"
|
|
413
|
+
},
|
|
414
|
+
{
|
|
415
|
+
"name": "isLoading",
|
|
416
|
+
"type": "boolean"
|
|
417
|
+
}
|
|
418
|
+
],
|
|
419
|
+
"relatedComponents": [
|
|
420
|
+
"Avatar",
|
|
421
|
+
"Badge",
|
|
422
|
+
"Button",
|
|
423
|
+
"Icon",
|
|
424
|
+
"StoryLayout"
|
|
425
|
+
],
|
|
426
|
+
"storybookPath": "Layout/CardContent"
|
|
427
|
+
},
|
|
428
|
+
{
|
|
429
|
+
"name": "CardFooter",
|
|
430
|
+
"category": "Layout",
|
|
431
|
+
"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> ```",
|
|
432
|
+
"importRoot": "@texturehq/edges",
|
|
433
|
+
"importPath": "@texturehq/edges/components/CardFooter",
|
|
434
|
+
"props": [
|
|
435
|
+
{
|
|
436
|
+
"name": "className",
|
|
437
|
+
"type": "string"
|
|
438
|
+
},
|
|
439
|
+
{
|
|
440
|
+
"name": "children",
|
|
441
|
+
"type": "React.ReactNode"
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"name": "align",
|
|
445
|
+
"type": "\"start\" | \"end\" | \"center\" | \"between\""
|
|
446
|
+
},
|
|
447
|
+
{
|
|
448
|
+
"name": "isLoading",
|
|
449
|
+
"type": "boolean"
|
|
450
|
+
}
|
|
451
|
+
],
|
|
452
|
+
"relatedComponents": [
|
|
453
|
+
"Avatar",
|
|
454
|
+
"Badge",
|
|
455
|
+
"Button",
|
|
456
|
+
"Icon",
|
|
457
|
+
"StoryLayout"
|
|
458
|
+
],
|
|
459
|
+
"storybookPath": "Layout/CardFooter"
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
"name": "CardHeader",
|
|
463
|
+
"category": "Layout",
|
|
464
|
+
"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> ```",
|
|
465
|
+
"importRoot": "@texturehq/edges",
|
|
466
|
+
"importPath": "@texturehq/edges/components/CardHeader",
|
|
467
|
+
"props": [
|
|
468
|
+
{
|
|
469
|
+
"name": "title",
|
|
470
|
+
"type": "React.ReactNode"
|
|
471
|
+
},
|
|
472
|
+
{
|
|
473
|
+
"name": "subtitle",
|
|
474
|
+
"type": "React.ReactNode"
|
|
475
|
+
},
|
|
476
|
+
{
|
|
477
|
+
"name": "actions",
|
|
478
|
+
"type": "React.ReactNode"
|
|
479
|
+
},
|
|
480
|
+
{
|
|
481
|
+
"name": "className",
|
|
482
|
+
"type": "string"
|
|
483
|
+
},
|
|
484
|
+
{
|
|
485
|
+
"name": "isLoading",
|
|
486
|
+
"type": "boolean"
|
|
487
|
+
}
|
|
488
|
+
],
|
|
489
|
+
"relatedComponents": [
|
|
490
|
+
"Avatar",
|
|
491
|
+
"Badge",
|
|
492
|
+
"Button",
|
|
493
|
+
"Icon",
|
|
494
|
+
"StoryLayout"
|
|
495
|
+
],
|
|
496
|
+
"storybookPath": "Layout/CardHeader"
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
"name": "CardMedia",
|
|
500
|
+
"category": "Layout",
|
|
501
|
+
"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> ```",
|
|
502
|
+
"importRoot": "@texturehq/edges",
|
|
503
|
+
"importPath": "@texturehq/edges/components/CardMedia",
|
|
504
|
+
"props": [
|
|
505
|
+
{
|
|
506
|
+
"name": "src",
|
|
507
|
+
"type": "string"
|
|
508
|
+
},
|
|
509
|
+
{
|
|
510
|
+
"name": "alt",
|
|
511
|
+
"type": "string"
|
|
512
|
+
},
|
|
513
|
+
{
|
|
514
|
+
"name": "aspectRatio",
|
|
515
|
+
"type": "\"square\" | \"video\" | \"wide\" | \"auto\""
|
|
516
|
+
},
|
|
517
|
+
{
|
|
518
|
+
"name": "className",
|
|
519
|
+
"type": "string"
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"name": "children",
|
|
523
|
+
"type": "React.ReactNode"
|
|
524
|
+
},
|
|
525
|
+
{
|
|
526
|
+
"name": "isLoading",
|
|
527
|
+
"type": "boolean"
|
|
528
|
+
}
|
|
529
|
+
],
|
|
530
|
+
"relatedComponents": [
|
|
531
|
+
"Avatar",
|
|
532
|
+
"Badge",
|
|
533
|
+
"Button",
|
|
534
|
+
"Icon",
|
|
535
|
+
"StoryLayout"
|
|
536
|
+
],
|
|
537
|
+
"storybookPath": "Layout/CardMedia"
|
|
538
|
+
},
|
|
399
539
|
{
|
|
400
540
|
"name": "CardMobileRenderer",
|
|
401
541
|
"category": "Data",
|
|
@@ -1471,6 +1611,16 @@
|
|
|
1471
1611
|
],
|
|
1472
1612
|
"storybookPath": "Layout/Section"
|
|
1473
1613
|
},
|
|
1614
|
+
{
|
|
1615
|
+
"name": "SectionNav",
|
|
1616
|
+
"category": "Navigation",
|
|
1617
|
+
"description": "Custom filter function to determine which sections are visible",
|
|
1618
|
+
"importRoot": "@texturehq/edges",
|
|
1619
|
+
"importPath": "@texturehq/edges/components/SectionNav",
|
|
1620
|
+
"props": [],
|
|
1621
|
+
"relatedComponents": [],
|
|
1622
|
+
"storybookPath": "Navigation/SectionNav"
|
|
1623
|
+
},
|
|
1474
1624
|
{
|
|
1475
1625
|
"name": "SegmentedControl",
|
|
1476
1626
|
"category": "Form Controls",
|
|
@@ -2217,6 +2367,10 @@
|
|
|
2217
2367
|
"Layout": [
|
|
2218
2368
|
"AppShell",
|
|
2219
2369
|
"Card",
|
|
2370
|
+
"CardContent",
|
|
2371
|
+
"CardFooter",
|
|
2372
|
+
"CardHeader",
|
|
2373
|
+
"CardMedia",
|
|
2220
2374
|
"Collapse",
|
|
2221
2375
|
"CollapseContent",
|
|
2222
2376
|
"CollapseHeader",
|
|
@@ -2235,6 +2389,7 @@
|
|
|
2235
2389
|
"Navigation": [
|
|
2236
2390
|
"BreadcrumbItem",
|
|
2237
2391
|
"Breadcrumbs",
|
|
2392
|
+
"SectionNav",
|
|
2238
2393
|
"SideNav",
|
|
2239
2394
|
"Tab",
|
|
2240
2395
|
"TabList",
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
--color-viz-diverging-red-blue-9: #5d6fb0;
|
|
347
347
|
--color-viz-diverging-red-blue-10: #374f88;
|
|
348
348
|
--color-viz-default: #444ae1;
|
|
349
|
-
--
|
|
350
|
-
--
|
|
351
|
-
--
|
|
349
|
+
--color-skeleton-base: #374151;
|
|
350
|
+
--color-skeleton-highlight: #4b5563;
|
|
351
|
+
--color-skeleton-wave: rgba(255, 255, 255, 0.15);
|
|
352
352
|
}
|
|
@@ -343,7 +343,7 @@
|
|
|
343
343
|
--color-viz-diverging-red-blue-9: #4d5e99;
|
|
344
344
|
--color-viz-diverging-red-blue-10: #2b3d70;
|
|
345
345
|
--color-viz-default: #444ae1;
|
|
346
|
-
--
|
|
347
|
-
--
|
|
348
|
-
--
|
|
346
|
+
--color-skeleton-base: #e5e7eb;
|
|
347
|
+
--color-skeleton-highlight: #f3f4f6;
|
|
348
|
+
--color-skeleton-wave: rgba(255, 255, 255, 0.5);
|
|
349
349
|
}
|