@teambit/mdx.ui.docs.link 0.0.0-7b3fccecfd47bcf58c9570fbfc0a7001bf8e7f73

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './link';

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './link';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/link.composition.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LinkExample: () => React.JSX.Element;

package/dist/link.composition.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions';
+import { Link } from './link';
+export const LinkExample = () => (_jsx(ThemeCompositions, { children: _jsx(Link, { "data-testid": "test-link", href: "https://bit.dev", children: "bit.dev" }) }));
+//# sourceMappingURL=link.composition.js.map

package/dist/link.composition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.composition.js","sourceRoot":"","sources":["../link.composition.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CAC/B,KAAC,iBAAiB,cAChB,KAAC,IAAI,mBAAa,WAAW,EAAC,IAAI,EAAC,iBAAiB,wBAE7C,GACW,CACrB,CAAC"}

package/dist/link.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { LinkProps } from '@teambit/base-react.navigation.link';
+export declare function Link(props: LinkProps): React.JSX.Element;

package/dist/link.docs.md

@@ -0,0 +1,12 @@
+---
+labels: ['react', 'typescript', 'ui', 'link']
+description: 'Links text to an external page.'
+---
+
+import { Link } from './link';
+
+Example:
+
+```js live
+<Link href="https://bit.dev">bit.dev</Link>
+```

package/dist/link.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link as BaseLink } from '@teambit/base-react.navigation.link';
+import styles from './link.module.scss';
+export function Link(props) {
+    return _jsx(BaseLink, { ...props, className: styles.link, external: true });
+}
+//# sourceMappingURL=link.js.map

package/dist/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAa,MAAM,qCAAqC,CAAC;AAElF,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,SAAG,CAAC;AAClE,CAAC"}

package/dist/link.module.scss

@@ -0,0 +1,8 @@
+.link {
+  color: var(--bit-accent-color, #6c5ce7);
+  text-decoration: none;
+  &:hover {
+    color: var(--bit-accent-heavy, #5d4aec);
+    text-decoration: underline;
+  }
+}

package/dist/link.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/link.spec.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { expect } from 'chai';
+import { LinkExample } from './link.composition';
+it('should render correctly', () => {
+    const { getByTestId } = render(_jsx(LinkExample, {}));
+    const rendered = getByTestId('test-link');
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+    expect(rendered).to.exist;
+});
+//# sourceMappingURL=link.spec.js.map

package/dist/link.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.spec.js","sourceRoot":"","sources":["../link.spec.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACjC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;IAE1C,oEAAoE;IACpE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;AAC5B,CAAC,CAAC,CAAC"}

package/dist/preview-1782043534410.js

@@ -0,0 +1,7 @@
+import * as compositions_0 from '/tmp/capsules-root/sign-capsules/2026-5-21/gpbvo6/teambit.mdx_ui_docs_link@7b3fccecfd47bcf58c9570fbfc0a7001bf8e7f73/dist/link.composition.js';
+import * as overview_0 from '/tmp/capsules-root/sign-capsules/2026-5-21/gpbvo6/teambit.mdx_ui_docs_link@7b3fccecfd47bcf58c9570fbfc0a7001bf8e7f73/dist/link.docs.md';
+
+export const compositions = [compositions_0];
+export const overview = [overview_0];
+
+export const compositions_metadata = {"compositions":[{"displayName":"Link example","identifier":"LinkExample"}]};

package/index.ts

@@ -0,0 +1 @@
+export * from './link';

package/link.composition.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions';
+import { Link } from './link';
+
+export const LinkExample = () => (
+  <ThemeCompositions>
+    <Link data-testid="test-link" href="https://bit.dev">
+      bit.dev
+    </Link>
+  </ThemeCompositions>
+);

package/link.docs.md

@@ -0,0 +1,12 @@
+---
+labels: ['react', 'typescript', 'ui', 'link']
+description: 'Links text to an external page.'
+---
+
+import { Link } from './link';
+
+Example:
+
+```js live
+<Link href="https://bit.dev">bit.dev</Link>
+```

package/link.module.scss

@@ -0,0 +1,8 @@
+.link {
+  color: var(--bit-accent-color, #6c5ce7);
+  text-decoration: none;
+  &:hover {
+    color: var(--bit-accent-heavy, #5d4aec);
+    text-decoration: underline;
+  }
+}

package/link.spec.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { expect } from 'chai';
+import { LinkExample } from './link.composition';
+
+it('should render correctly', () => {
+  const { getByTestId } = render(<LinkExample />);
+  const rendered = getByTestId('test-link');
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+  expect(rendered).to.exist;
+});

package/link.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Link as BaseLink, LinkProps } from '@teambit/base-react.navigation.link';
+
+import styles from './link.module.scss';
+
+export function Link(props: LinkProps) {
+  return <BaseLink {...props} className={styles.link} external />;
+}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@teambit/mdx.ui.docs.link",
+  "version": "0.0.0-7b3fccecfd47bcf58c9570fbfc0a7001bf8e7f73",
+  "homepage": "https://bit.cloud/teambit/mdx/ui/docs/link",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "teambit.mdx",
+    "name": "ui/docs/link",
+    "version": "7b3fccecfd47bcf58c9570fbfc0a7001bf8e7f73"
+  },
+  "dependencies": {
+    "@teambit/base-react.navigation.link": "2.0.31"
+  },
+  "devDependencies": {
+    "@types/chai": "4.2.15",
+    "chai": "4.3.0",
+    "@types/mocha": "9.1.0",
+    "@teambit/documenter.theme.theme-compositions": "4.1.1",
+    "@teambit/react.v17.react-env": "0.0.0-599b6636ddc11588676d99075730a118c5004154"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0",
+    "@testing-library/react": "^12.0.0"
+  },
+  "license": "Apache-2.0",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
+  "private": false,
+  "engines": {
+    "node": ">=12.22.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/teambit/bit"
+  },
+  "keywords": [
+    "bit",
+    "components",
+    "collaboration",
+    "web",
+    "react",
+    "react-components",
+    "angular",
+    "angular-components"
+  ]
+}

package/types/asset.d.ts

@@ -0,0 +1,41 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  const src: string;
+  export default src;
+}
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}