@hypothesis/frontend-shared/lib/pattern-library/components/patterns/LinkComponents.js

Shared components, styles and utilities for Hypothesis projects

var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/LinkComponents.js";
import { Link } from '../../../';
import Library from '../Library';
import Next from '../LibraryNext';
import { jsxDEV as _jsxDEV } from "preact/jsx-dev-runtime";
export default function LinkComponents() {
  return _jsxDEV(Library.Page, {
    title: "Links",
    intro: _jsxDEV("p", {
      children: [_jsxDEV("code", {
        children: "Link"
      }, void 0, false, {
        fileName: _jsxFileName,
        lineNumber: 11,
        columnNumber: 11
      }, this), " is a legacy component providing common styling and attributes for anchor (", _jsxDEV("code", {
        children: "a"
      }, void 0, false, {
        fileName: _jsxFileName,
        lineNumber: 12,
        columnNumber: 34
      }, this), ") elements."]
    }, void 0, true, {
      fileName: _jsxFileName,
      lineNumber: 10,
      columnNumber: 9
    }, this),
    children: [_jsxDEV(Library.Pattern, {
      title: "Status",
      children: _jsxDEV(Next.Changelog, {
        children: _jsxDEV(Next.ChangelogItem, {
          status: "deprecated",
          children: ["The legacy implementation of", _jsxDEV("s", {
            children: _jsxDEV("code", {
              children: "Link"
            }, void 0, false, {
              fileName: _jsxFileName,
              lineNumber: 21,
              columnNumber: 15
            }, this)
          }, void 0, false, {
            fileName: _jsxFileName,
            lineNumber: 20,
            columnNumber: 13
          }, this), ' ', "is deprecated and slated for removal in v6.0 of", ' ', _jsxDEV("code", {
            children: "frontend-shared"
          }, void 0, false, {
            fileName: _jsxFileName,
            lineNumber: 24,
            columnNumber: 13
          }, this), ". Use re-implemented", _jsxDEV("code", {
            children: "Link"
          }, void 0, false, {
            fileName: _jsxFileName,
            lineNumber: 25,
            columnNumber: 13
          }, this), " component in the navigation group instead."]
        }, void 0, true, {
          fileName: _jsxFileName,
          lineNumber: 18,
          columnNumber: 11
        }, this)
      }, void 0, false, {
        fileName: _jsxFileName,
        lineNumber: 17,
        columnNumber: 9
      }, this)
    }, void 0, false, {
      fileName: _jsxFileName,
      lineNumber: 16,
      columnNumber: 7
    }, this), _jsxDEV(Library.Pattern, {
      title: "Usage",
      children: [_jsxDEV(Next.Usage, {
        componentName: "Link",
        generation: "legacy"
      }, void 0, false, {
        fileName: _jsxFileName,
        lineNumber: 30,
        columnNumber: 9
      }, this), _jsxDEV(Library.Example, {
        children: _jsxDEV(Library.Demo, {
          withSource: true,
          children: _jsxDEV(Link, {
            href: "https://www.example.com",
            children: "A link to somewhere"
          }, void 0, false, {
            fileName: _jsxFileName,
            lineNumber: 33,
            columnNumber: 13
          }, this)
        }, void 0, false, {
          fileName: _jsxFileName,
          lineNumber: 32,
          columnNumber: 11
        }, this)
      }, void 0, false, {
        fileName: _jsxFileName,
        lineNumber: 31,
        columnNumber: 9
      }, this)]
    }, void 0, true, {
      fileName: _jsxFileName,
      lineNumber: 29,
      columnNumber: 7
    }, this)]
  }, void 0, true, {
    fileName: _jsxFileName,
    lineNumber: 7,
    columnNumber: 5
  }, this);
}
//# sourceMappingURL=LinkComponents.js.map