@knpkv/rly 0.8.0 → 0.9.0

package/registry/components.json

@@ -622,6 +622,87 @@
         }
       ]
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "explain",
+        "present"
+      ],
+      "category": "primitive",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "primitives-chartlegend--all-series",
+        "storyPath": "?path=/story/primitives-chartlegend--all-series"
+      },
+      "example": "import { ChartLegend } from \"@knpkv/rly/primitives\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "ChartLegend"
+        },
+        {
+          "kind": "type",
+          "name": "ChartLegendProps"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_SERIES"
+        },
+        {
+          "kind": "type",
+          "name": "RlyChartLegendItem"
+        },
+        {
+          "kind": "type",
+          "name": "RlySeries"
+        },
+        {
+          "kind": "value",
+          "name": "rlySeriesColor"
+        }
+      ],
+      "files": {
+        "source": "src/primitives/ChartLegend.tsx",
+        "story": "stories/primitives/ChartLegend.stories.tsx",
+        "styles": [
+          "src/primitives/ChartLegend.module.css"
+        ],
+        "tests": [
+          "test/primitives/ChartLegend.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/primitives",
+      "name": "ChartLegend",
+      "props": {
+        "defaults": {},
+        "types": [
+          "ChartLegendProps"
+        ]
+      },
+      "purpose": "Say which colour is which series, a square swatch before each label",
+      "slots": [],
+      "states": [
+        "default",
+        "other",
+        "series"
+      ],
+      "status": "experimental",
+      "variants": []
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -721,6 +802,108 @@
         }
       ]
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "decide",
+        "present"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-decisionbar--states",
+        "storyPath": "?path=/story/patterns-decisionbar--states"
+      },
+      "example": "import { DecisionBar } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "DecisionBar"
+        },
+        {
+          "kind": "type",
+          "name": "DecisionBarProps"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_DECISION_BAR_DEFAULT_VARIANTS"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_DECISION_BAR_VARIANTS"
+        },
+        {
+          "kind": "type",
+          "name": "RlyDecisionBarPlacement"
+        },
+        {
+          "kind": "type",
+          "name": "RlyDecisionBarState"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/DecisionBar.tsx",
+        "story": "stories/patterns/DecisionBar.stories.tsx",
+        "styles": [
+          "src/patterns/DecisionBar.module.css"
+        ],
+        "tests": [
+          "test/patterns/DecisionBar.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "DecisionBar",
+      "props": {
+        "defaults": {
+          "placement": "inline"
+        },
+        "types": [
+          "DecisionBarProps"
+        ]
+      },
+      "purpose": "Approve or reject one named target, with an off reason, a clock and the server's answer",
+      "slots": [],
+      "states": [
+        "default",
+        "inline",
+        "off",
+        "ready",
+        "sending",
+        "sticky"
+      ],
+      "status": "experimental",
+      "variants": [
+        {
+          "defaultValue": "inline",
+          "description": "Controls the placement presentation axis of DecisionBar.",
+          "name": "placement",
+          "values": [
+            {
+              "description": "Use inline for the placement presentation.",
+              "name": "inline"
+            },
+            {
+              "description": "Use sticky for the placement presentation.",
+              "name": "sticky"
+            }
+          ]
+        }
+      ]
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -1366,7 +1549,7 @@
         "storyId": "diff-diffcodeview--worker-states",
         "storyPath": "?path=/story/diff-diffcodeview--worker-states"
       },
-      "example": "import { createDiffWorkerFactory } from \"@knpkv/rly/diff\"",
+      "example": "import { DiffWorkerProvider } from \"@knpkv/rly/diff\"",
       "exports": [
         {
           "kind": "value",
@@ -2162,6 +2345,141 @@
       "status": "stable",
       "variants": []
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "present",
+        "status"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-hero--states",
+        "storyPath": "?path=/story/patterns-hero--states"
+      },
+      "example": "import { Hero } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "Hero"
+        },
+        {
+          "kind": "type",
+          "name": "HeroProps"
+        },
+        {
+          "kind": "value",
+          "name": "HeroWord"
+        },
+        {
+          "kind": "type",
+          "name": "HeroWordProps"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_HERO_DEFAULT_VARIANTS"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_HERO_VARIANTS"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_HERO_WORD_VARIANTS"
+        },
+        {
+          "kind": "type",
+          "name": "RlyHeroSize"
+        },
+        {
+          "kind": "type",
+          "name": "RlyHeroWordTone"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/Hero.tsx",
+        "story": "stories/patterns/Hero.stories.tsx",
+        "styles": [
+          "src/patterns/Hero.module.css"
+        ],
+        "tests": [
+          "test/patterns/Hero.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "Hero",
+      "props": {
+        "defaults": {
+          "size": "heading"
+        },
+        "types": [
+          "HeroProps",
+          "HeroWordProps"
+        ]
+      },
+      "purpose": "State the one fact a screen leads with as a sentence, with an optional caption",
+      "slots": [
+        "HeroWord"
+      ],
+      "states": [
+        "blocked",
+        "default",
+        "display",
+        "heading",
+        "held",
+        "line"
+      ],
+      "status": "experimental",
+      "variants": [
+        {
+          "defaultValue": "heading",
+          "description": "Controls the size presentation axis of Hero.",
+          "name": "size",
+          "values": [
+            {
+              "description": "Use display for the size presentation.",
+              "name": "display"
+            },
+            {
+              "description": "Use heading for the size presentation.",
+              "name": "heading"
+            },
+            {
+              "description": "Use line for the size presentation.",
+              "name": "line"
+            }
+          ]
+        },
+        {
+          "description": "Controls the tone presentation axis of Hero.",
+          "name": "tone",
+          "values": [
+            {
+              "description": "Use blocked for the tone presentation.",
+              "name": "blocked"
+            },
+            {
+              "description": "Use held for the tone presentation.",
+              "name": "held"
+            }
+          ]
+        }
+      ]
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -2394,6 +2712,113 @@
         }
       ]
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "measure",
+        "present"
+      ],
+      "category": "primitive",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "primitives-limittrack--gallery",
+        "storyPath": "?path=/story/primitives-limittrack--gallery"
+      },
+      "example": "import { LimitTrack } from \"@knpkv/rly/primitives\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "LimitTrack"
+        },
+        {
+          "kind": "type",
+          "name": "LimitTrackProps"
+        },
+        {
+          "kind": "value",
+          "name": "limitTrackTone"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_LIMIT_TRACK_DEFAULT_VARIANTS"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_LIMIT_TRACK_VARIANTS"
+        },
+        {
+          "kind": "type",
+          "name": "RlyLimitTrackSize"
+        },
+        {
+          "kind": "type",
+          "name": "RlyLimitTrackTone"
+        }
+      ],
+      "files": {
+        "source": "src/primitives/LimitTrack.tsx",
+        "story": "stories/primitives/LimitTrack.stories.tsx",
+        "styles": [
+          "src/primitives/LimitTrack.module.css"
+        ],
+        "tests": [
+          "test/primitives/LimitTrack.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/primitives",
+      "name": "LimitTrack",
+      "props": {
+        "defaults": {
+          "size": "default"
+        },
+        "types": [
+          "LimitTrackProps"
+        ]
+      },
+      "purpose": "Show how full a limit is, with a near mark, a projection, and a stale hatch",
+      "slots": [],
+      "states": [
+        "default",
+        "full",
+        "near",
+        "projected",
+        "slim",
+        "stale",
+        "unknown"
+      ],
+      "status": "experimental",
+      "variants": [
+        {
+          "defaultValue": "default",
+          "description": "Controls the size presentation axis of LimitTrack.",
+          "name": "size",
+          "values": [
+            {
+              "description": "Use default for the size presentation.",
+              "name": "default"
+            },
+            {
+              "description": "Use slim for the size presentation.",
+              "name": "slim"
+            }
+          ]
+        }
+      ]
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -2838,6 +3263,104 @@
       "status": "stable",
       "variants": []
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "compose",
+        "present"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-region--states",
+        "storyPath": "?path=/story/patterns-region--states"
+      },
+      "example": "import { Region } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "Region"
+        },
+        {
+          "kind": "type",
+          "name": "RegionProps"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_REGION_DEFAULT_VARIANTS"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_REGION_VARIANTS"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRegionHeadingLevel"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRegionTone"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/Region.tsx",
+        "story": "stories/patterns/Region.stories.tsx",
+        "styles": [
+          "src/patterns/Region.module.css"
+        ],
+        "tests": [
+          "test/patterns/Region.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "Region",
+      "props": {
+        "defaults": {
+          "tone": "default"
+        },
+        "types": [
+          "RegionProps"
+        ]
+      },
+      "purpose": "Frame one main page region as a surface with a single header: title, plain count, actions",
+      "slots": [],
+      "states": [
+        "default",
+        "tray"
+      ],
+      "status": "experimental",
+      "variants": [
+        {
+          "defaultValue": "default",
+          "description": "Controls the tone presentation axis of Region.",
+          "name": "tone",
+          "values": [
+            {
+              "description": "Use default for the tone presentation.",
+              "name": "default"
+            },
+            {
+              "description": "Use tray for the tone presentation.",
+              "name": "tray"
+            }
+          ]
+        }
+      ]
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -2864,7 +3387,7 @@
         "storyId": "patterns-relationshipchain--cardinalities",
         "storyPath": "?path=/story/patterns-relationshipchain--cardinalities"
       },
-      "example": "import { RLY_RELATIONSHIP_DIRECTION_PRESENTATION } from \"@knpkv/rly/patterns\"",
+      "example": "import { RelationshipChain } from \"@knpkv/rly/patterns\"",
       "exports": [
         {
           "kind": "value",
@@ -3425,7 +3948,7 @@
         "storyId": "primitives-select--states",
         "storyPath": "?path=/story/primitives-select--states"
       },
-      "example": "import { RLY_SELECT_DEFAULT_VARIANTS } from \"@knpkv/rly/primitives\"",
+      "example": "import { Select } from \"@knpkv/rly/primitives\"",
       "exports": [
         {
           "kind": "value",
@@ -3616,7 +4139,7 @@
         "storyId": "patterns-servicemark--gallery",
         "storyPath": "?path=/story/patterns-servicemark--gallery"
       },
-      "example": "import { RLY_SERVICE_MARK_DEFAULT_VARIANTS } from \"@knpkv/rly/patterns\"",
+      "example": "import { ServiceMark } from \"@knpkv/rly/patterns\"",
       "exports": [
         {
           "kind": "value",
@@ -3745,7 +4268,7 @@
         "storyId": "primitives-sheet--interaction",
         "storyPath": "?path=/story/primitives-sheet--interaction"
       },
-      "example": "import { RLY_SHEET_DEFAULT_VARIANTS } from \"@knpkv/rly/primitives\"",
+      "example": "import { Sheet } from \"@knpkv/rly/primitives\"",
       "exports": [
         {
           "kind": "value",
@@ -3972,7 +4495,7 @@
         "storyId": "patterns-stagerail--states",
         "storyPath": "?path=/story/patterns-stagerail--states"
       },
-      "example": "import { RLY_STAGE_RAIL_DEFAULT_VARIANTS } from \"@knpkv/rly/patterns\"",
+      "example": "import { StageRail } from \"@knpkv/rly/patterns\"",
       "exports": [
         {
           "kind": "value",
@@ -4026,7 +4549,8 @@
         "building",
         "compact",
         "complete",
-        "default"
+        "default",
+        "words"
       ],
       "status": "stable",
       "variants": [
@@ -4042,6 +4566,10 @@
             {
               "description": "Use default for the size presentation.",
               "name": "default"
+            },
+            {
+              "description": "Use words for the size presentation.",
+              "name": "words"
             }
           ]
         }
@@ -4473,7 +5001,7 @@
         "storyId": "primitives-tabs--interaction",
         "storyPath": "?path=/story/primitives-tabs--interaction"
       },
-      "example": "import { RLY_TABS_DEFAULT_VARIANTS } from \"@knpkv/rly/primitives\"",
+      "example": "import { Tabs } from \"@knpkv/rly/primitives\"",
       "exports": [
         {
           "kind": "value",
@@ -4741,7 +5269,7 @@
         "storyId": "foundations-themeprovider--controlled",
         "storyPath": "?path=/story/foundations-themeprovider--controlled"
       },
-      "example": "import { RLY_THEME_NAMES } from \"@knpkv/rly/foundations\"",
+      "example": "import { ThemeProvider } from \"@knpkv/rly/foundations\"",
       "exports": [
         {
           "kind": "value",
@@ -4945,6 +5473,22 @@
           "kind": "type",
           "name": "RlyTimelineEvent"
         },
+        {
+          "kind": "type",
+          "name": "RlyTimelineProvenance"
+        },
+        {
+          "kind": "type",
+          "name": "RlyTimelineProvenanceKind"
+        },
+        {
+          "kind": "value",
+          "name": "TimelineProvenanceKey"
+        },
+        {
+          "kind": "type",
+          "name": "TimelineProvenanceKeyProps"
+        },
         {
           "kind": "value",
           "name": "TimelineRow"
@@ -4969,15 +5513,19 @@
       "props": {
         "defaults": {},
         "types": [
+          "TimelineProvenanceKeyProps",
           "TimelineRowProps"
         ]
       },
       "purpose": "Present one attributable human, agent, system, or service event",
-      "slots": [],
+      "slots": [
+        "TimelineProvenanceKey"
+      ],
       "states": [
         "agent",
         "default",
         "human",
+        "provenance",
         "service",
         "system"
       ],
@@ -5009,7 +5557,7 @@
         "storyId": "primitives-togglegroup--interaction",
         "storyPath": "?path=/story/primitives-togglegroup--interaction"
       },
-      "example": "import { RLY_TOGGLE_GROUP_DEFAULT_VARIANTS } from \"@knpkv/rly/primitives\"",
+      "example": "import { ToggleGroup } from \"@knpkv/rly/primitives\"",
       "exports": [
         {
           "kind": "value",
@@ -5082,6 +5630,85 @@
         }
       ]
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "explain",
+        "present"
+      ],
+      "category": "primitive",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "primitives-trackkey--all-marks",
+        "storyPath": "?path=/story/primitives-trackkey--all-marks"
+      },
+      "example": "import { TrackKey } from \"@knpkv/rly/primitives\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "RLY_TRACK_KEY_MARKS"
+        },
+        {
+          "kind": "type",
+          "name": "RlyTrackKeyItem"
+        },
+        {
+          "kind": "type",
+          "name": "RlyTrackKeyMark"
+        },
+        {
+          "kind": "value",
+          "name": "TrackKey"
+        },
+        {
+          "kind": "type",
+          "name": "TrackKeyProps"
+        }
+      ],
+      "files": {
+        "source": "src/primitives/TrackKey.tsx",
+        "story": "stories/primitives/TrackKey.stories.tsx",
+        "styles": [
+          "src/primitives/TrackKey.module.css"
+        ],
+        "tests": [
+          "test/primitives/TrackKey.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/primitives",
+      "name": "TrackKey",
+      "props": {
+        "defaults": {},
+        "types": [
+          "TrackKeyProps"
+        ]
+      },
+      "purpose": "Explain the marks a set of limit tracks draws",
+      "slots": [],
+      "states": [
+        "default",
+        "near",
+        "projected",
+        "stale",
+        "unknown"
+      ],
+      "status": "experimental",
+      "variants": []
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -5108,7 +5735,7 @@
         "storyId": "patterns-verdict--states",
         "storyPath": "?path=/story/patterns-verdict--states"
       },
-      "example": "import { RLY_VERDICT_VARIANTS } from \"@knpkv/rly/patterns\"",
+      "example": "import { Verdict } from \"@knpkv/rly/patterns\"",
       "exports": [
         {
           "kind": "value",