{
  "schema": "dta.stories/1",
  "themes": [
    "light",
    "graphite"
  ],
  "stories": [
    {
      "id": "button--variants",
      "component": "button",
      "variant": "variants",
      "title": "Primary, outline, quiet, link",
      "url": "/stories/button/variants/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "command-button--default",
      "component": "command-button",
      "variant": "default",
      "title": "Copyable command",
      "url": "/stories/command-button/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "command-button--large",
      "component": "command-button",
      "variant": "large",
      "title": "The call to action",
      "url": "/stories/command-button/large/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "scene--default",
      "component": "scene",
      "variant": "default",
      "title": "Kicker, heading, paragraph, command, example",
      "url": "/stories/scene/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "example-button--states",
      "component": "example-button",
      "variant": "states",
      "title": "Main and this change",
      "url": "/stories/example-button/states/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "token-rows--default",
      "component": "token-rows",
      "variant": "default",
      "title": "Three rows, two edited",
      "url": "/stories/token-rows/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "checks--default",
      "component": "checks",
      "variant": "default",
      "title": "The checks in the order of the strip",
      "url": "/stories/checks/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "checks--states",
      "component": "checks",
      "variant": "states",
      "title": "Every status: passed, with warnings, failed, changes to review, pending",
      "url": "/stories/checks/states/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "checks--decision",
      "component": "checks",
      "variant": "decision",
      "title": "The check that waits for a person, and the approve action",
      "url": "/stories/checks/decision/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "gravity-well--default",
      "component": "gravity-well",
      "variant": "default",
      "title": "The well at rest, with the copy on it",
      "url": "/stories/gravity-well/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "gravity-well--large",
      "component": "gravity-well",
      "variant": "large",
      "title": "Size L, position B, tilt 52",
      "url": "/stories/gravity-well/large/",
      "viewports": [
        1280
      ]
    },
    {
      "id": "floating-objects--default",
      "component": "floating-objects",
      "variant": "default",
      "title": "Objects floating free around the final call",
      "url": "/stories/floating-objects/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "facts--default",
      "component": "facts",
      "variant": "default",
      "title": "Four big words",
      "url": "/stories/facts/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "chip--states",
      "component": "chip",
      "variant": "states",
      "title": "Info, changed, and the status colours: pass, error, warning",
      "url": "/stories/chip/states/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "text-field--default",
      "component": "text-field",
      "variant": "default",
      "title": "Label, field, help",
      "url": "/stories/text-field/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "terminal--diff",
      "component": "terminal",
      "variant": "diff",
      "title": "Output of dta diff",
      "url": "/stories/terminal/diff/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "redline--radius",
      "component": "redline",
      "variant": "radius",
      "title": "Measuring a radius",
      "url": "/stories/redline/radius/",
      "viewports": [
        1280
      ]
    },
    {
      "id": "redline--spacing",
      "component": "redline",
      "variant": "spacing",
      "title": "Measuring a length",
      "url": "/stories/redline/spacing/",
      "viewports": [
        1280
      ]
    },
    {
      "id": "diff-card--explained",
      "component": "diff-card",
      "variant": "explained",
      "title": "Explained: after, outlined and named",
      "url": "/stories/diff-card/explained/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "diff-card--before",
      "component": "diff-card",
      "variant": "before",
      "title": "\"Show before\" pressed",
      "url": "/stories/diff-card/before/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "diff-card--unexplained",
      "component": "diff-card",
      "variant": "unexplained",
      "title": "Unexplained: diff overlay on",
      "url": "/stories/diff-card/unexplained/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "diff-card--listed",
      "component": "diff-card",
      "variant": "listed",
      "title": "Notes listed where they would cover the story; same tokens share an entry",
      "url": "/stories/diff-card/listed/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "nav--default",
      "component": "nav",
      "variant": "default",
      "title": "Links, or a menu button on phones",
      "url": "/stories/nav/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "nav--open",
      "component": "nav",
      "variant": "open",
      "title": "Menu open on a phone, Docs the page shown",
      "url": "/stories/nav/open/",
      "viewports": [
        390
      ]
    },
    {
      "id": "nav--current",
      "component": "nav",
      "variant": "current",
      "title": "The page you are on: Playground",
      "url": "/stories/nav/current/",
      "viewports": [
        1280
      ]
    },
    {
      "id": "logo--default",
      "component": "logo",
      "variant": "default",
      "title": "Mark and wordmark",
      "url": "/stories/logo/default/",
      "viewports": [
        1280
      ]
    },
    {
      "id": "theme-switch--default",
      "component": "theme-switch",
      "variant": "default",
      "title": "Light and Graphite",
      "url": "/stories/theme-switch/default/",
      "viewports": [
        1280
      ]
    },
    {
      "id": "badge--tones",
      "component": "badge",
      "variant": "tones",
      "title": "Example, coming, note",
      "url": "/stories/badge/tones/",
      "viewports": [
        1280
      ]
    },
    {
      "id": "card--variants",
      "component": "card",
      "variant": "variants",
      "title": "Surface, featured, link on grid paper",
      "url": "/stories/card/variants/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "token-cycle--default",
      "component": "token-cycle",
      "variant": "default",
      "title": "A word and the token that styles it",
      "url": "/stories/token-cycle/default/",
      "viewports": [
        1280
      ]
    },
    {
      "id": "workflow-rail--default",
      "component": "workflow-rail",
      "variant": "default",
      "title": "Two sides meeting in a pull request",
      "url": "/stories/workflow-rail/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "token-input--empty",
      "component": "token-input",
      "variant": "empty",
      "title": "Drop area, example, paste field",
      "url": "/stories/token-input/empty/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "token-input--paste",
      "component": "token-input",
      "variant": "paste",
      "title": "Paste JSON instead: the paste field in the drop area's place",
      "url": "/stories/token-input/paste/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "structure-table--brand-ab",
      "component": "structure-table",
      "variant": "brand-ab",
      "title": "Three collections, three roles",
      "url": "/stories/structure-table/brand-ab/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "structure-table--review",
      "component": "structure-table",
      "variant": "review",
      "title": "Roles to review, with notes",
      "url": "/stories/structure-table/review/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "findings--lint",
      "component": "findings",
      "variant": "lint",
      "title": "Lint warnings by file",
      "url": "/stories/findings/lint/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "findings--input",
      "component": "findings",
      "variant": "input",
      "title": "Input that cannot be read",
      "url": "/stories/findings/input/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "findings--unknown",
      "component": "findings",
      "variant": "unknown",
      "title": "An export it does not know, with the page that explains the formats",
      "url": "/stories/findings/unknown/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "structure-table--selectable",
      "component": "structure-table",
      "variant": "selectable",
      "title": "Rows that open their details, one open",
      "url": "/stories/structure-table/selectable/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "findings--build-failed",
      "component": "findings",
      "variant": "build-failed",
      "title": "The build has errors: a status banner",
      "url": "/stories/findings/build-failed/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "findings--rules",
      "component": "findings",
      "variant": "rules",
      "title": "Grouped by rule with counts, one rule open",
      "url": "/stories/findings/rules/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "findings--selected",
      "component": "findings",
      "variant": "selected",
      "title": "A selected error and a selected warning: selection tint, status marker and word",
      "url": "/stories/findings/selected/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "findings--clean",
      "component": "findings",
      "variant": "clean",
      "title": "No findings",
      "url": "/stories/findings/clean/",
      "viewports": [
        1280
      ]
    },
    {
      "id": "source-bar--example",
      "component": "source-bar",
      "variant": "example",
      "title": "The example loaded",
      "url": "/stories/source-bar/example/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "source-bar--import",
      "component": "source-bar",
      "variant": "import",
      "title": "A plugin export converted, paste field open",
      "url": "/stories/source-bar/import/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "summary-line--default",
      "component": "summary-line",
      "variant": "default",
      "title": "Counts that open their view, outputs built",
      "url": "/stories/summary-line/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "summary-line--problems",
      "component": "summary-line",
      "variant": "problems",
      "title": "Status counts: lint errors and a failed build",
      "url": "/stories/summary-line/problems/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "summary-line--reading",
      "component": "summary-line",
      "variant": "reading",
      "title": "Reading the input, before the counts",
      "url": "/stories/summary-line/reading/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "tabs--structure",
      "component": "tabs",
      "variant": "structure",
      "title": "Four views, Structure selected",
      "url": "/stories/tabs/structure/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "tabs--lint",
      "component": "tabs",
      "variant": "lint",
      "title": "Lint selected, with a count; sticky on phones",
      "url": "/stories/tabs/lint/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "detail-panel--side",
      "component": "detail-panel",
      "variant": "side",
      "title": "A collection beside the view",
      "url": "/stories/detail-panel/side/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "detail-panel--sheet",
      "component": "detail-panel",
      "variant": "sheet",
      "title": "A finding in the bottom sheet",
      "url": "/stories/detail-panel/sheet/",
      "viewports": [
        390
      ]
    },
    {
      "id": "detail-panel--file",
      "component": "detail-panel",
      "variant": "file",
      "title": "An output file beside the view, with Copy and Download",
      "url": "/stories/detail-panel/file/",
      "viewports": [
        1280
      ]
    },
    {
      "id": "detail-panel--file-sheet",
      "component": "detail-panel",
      "variant": "file-sheet",
      "title": "An output file in the bottom sheet",
      "url": "/stories/detail-panel/file-sheet/",
      "viewports": [
        390
      ]
    },
    {
      "id": "detail-panel--token",
      "component": "detail-panel",
      "variant": "token",
      "title": "A token from the graph: every brand as dta token get reads it, names, its finding",
      "url": "/stories/detail-panel/token/",
      "viewports": [
        1280
      ]
    },
    {
      "id": "detail-panel--token-sheet",
      "component": "detail-panel",
      "variant": "token-sheet",
      "title": "A token from the phone list in the bottom sheet",
      "url": "/stories/detail-panel/token-sheet/",
      "viewports": [
        390
      ]
    },
    {
      "id": "graph-switcher--problems",
      "component": "graph-switcher",
      "variant": "problems",
      "title": "Brand and breakpoint with their errors; selects on phones",
      "url": "/stories/graph-switcher/problems/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "graph-canvas--problems",
      "component": "graph-canvas",
      "variant": "problems",
      "title": "Layers as columns, a token and its chain selected, a circular pair, a file finding",
      "url": "/stories/graph-canvas/problems/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "graph-canvas--dangling",
      "component": "graph-canvas",
      "variant": "dangling",
      "title": "A dangling alias pointing at its missing target",
      "url": "/stories/graph-canvas/dangling/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "graph-list--problems",
      "component": "graph-list",
      "variant": "problems",
      "title": "The graph as a list on phones, one layer open, a token selected",
      "url": "/stories/graph-list/problems/",
      "viewports": [
        390,
        1280
      ]
    },
    {
      "id": "output-options--default",
      "component": "output-options",
      "variant": "default",
      "title": "Four outputs, three chosen, Download all",
      "url": "/stories/output-options/default/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "output-files--brand-ab",
      "component": "output-files",
      "variant": "brand-ab",
      "title": "Three groups with their files, one preview open",
      "url": "/stories/output-files/brand-ab/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "copy-button--states",
      "component": "copy-button",
      "variant": "states",
      "title": "Copy, copied, and the outline variant",
      "url": "/stories/copy-button/states/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "copy-button--failed",
      "component": "copy-button",
      "variant": "failed",
      "title": "Not copied: the error square, at the same width",
      "url": "/stories/copy-button/failed/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "token-path--wrapping",
      "component": "token-path",
      "variant": "wrapping",
      "title": "Paths that break between segments, alone and inside a line",
      "url": "/stories/token-path/wrapping/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "cli-handoff--files",
      "component": "cli-handoff",
      "variant": "files",
      "title": "Token files: the config and one command",
      "url": "/stories/cli-handoff/files/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "cli-handoff--export",
      "component": "cli-handoff",
      "variant": "export",
      "title": "A plugin export: import, then build; config preview open",
      "url": "/stories/cli-handoff/export/",
      "viewports": [
        1280,
        390
      ]
    },
    {
      "id": "changed--highlighted",
      "component": "changed",
      "variant": "highlighted",
      "title": "Changed values held at their highlight, next to unchanged ones",
      "url": "/stories/changed/highlighted/",
      "viewports": [
        1280
      ]
    }
  ]
}