@teambit/dependencies.aspect-docs.yarn 0.0.0-4ecd83774c92d6aa45afd5c95dc65a9580603d27

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default as Yarn } from './yarn.mdx';

package/dist/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Yarn = void 0;
+var yarn_mdx_1 = require("./yarn.mdx");
+Object.defineProperty(exports, "Yarn", { enumerable: true, get: function () { return __importDefault(yarn_mdx_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAA6C;AAApC,iHAAA,OAAO,OAAQ"}

package/dist/preview-1779193244761.js

@@ -0,0 +1,7 @@
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.dependencies_aspect-docs_yarn@4ecd83774c92d6aa45afd5c95dc65a9580603d27/dist/yarn.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.dependencies_aspect-docs_yarn@4ecd83774c92d6aa45afd5c95dc65a9580603d27/dist/yarn.docs.mdx';
+
+export const compositions = [compositions_0];
+export const overview = [overview_0];
+
+export const compositions_metadata = {"compositions":[{"displayName":"Yarn docs","identifier":"YarnDocs"}]};

package/dist/yarn.composition.d.ts

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

package/dist/yarn.composition.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YarnDocs = void 0;
+const react_1 = __importDefault(require("react"));
+const documenter_theme_theme_compositions_1 = require("@teambit/documenter.theme.theme-compositions");
+const mdx_ui_mdx_layout_1 = require("@teambit/mdx.ui.mdx-layout");
+const index_1 = require("./index");
+const YarnDocs = () => (react_1.default.createElement(documenter_theme_theme_compositions_1.ThemeCompositions, null,
+    react_1.default.createElement(mdx_ui_mdx_layout_1.MDXLayout, null,
+        react_1.default.createElement(index_1.Yarn, null))));
+exports.YarnDocs = YarnDocs;
+//# sourceMappingURL=yarn.composition.js.map

package/dist/yarn.composition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yarn.composition.js","sourceRoot":"","sources":["../yarn.composition.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sGAAiF;AACjF,kEAAuD;AACvD,mCAA+B;AAExB,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAC5B,8BAAC,uDAAiB;IAChB,8BAAC,6BAAS;QACR,8BAAC,YAAI,OAAG,CACE,CACM,CACrB,CAAC;AANW,QAAA,QAAQ,YAMnB"}

package/dist/yarn.docs.mdx

@@ -0,0 +1,34 @@
+---
+description: 'Docs for Yarn aspect'
+labels: ['docs', 'aspect', 'extensions']
+---
+
+import { Yarn } from './index';
+
+## Static Content Page in MDX
+
+Docs for Yarn aspect
+
+### Component usage
+
+Use your component in any mdx file:
+
+```js
+import { Yarn } from '@teambit/aspect-docs.yarn';
+
+<Yarn />;
+```
+
+### Render with theme and MDX providers
+
+```js
+import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions';
+import { MDXLayout } from '@teambit/ui.mdx-layout';
+import { Yarn } from '@teambit/aspect-docs.yarn';
+
+<ThemeCompositions>
+  <MDXLayout>
+    <Yarn />
+  </MDXLayout>
+</ThemeCompositions>;
+```

package/dist/yarn.mdx.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = MDXContent;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("@mdx-js/react");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+MDXContent.isMDXComponent = true;
+function _createMdxContent(props) {
+  var _components = _objectSpread(_objectSpread({
+    blockquote: "blockquote",
+    code: "code",
+    h2: "h2",
+    hr: "hr",
+    p: "p",
+    pre: "pre",
+    strong: "strong"
+  }, (0, _react.useMDXComponents)()), props.components);
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsxs)(_components.p, {
+      children: ["Yarn is a Bit aspect that enables the use of the Yarn ", (0, _jsxRuntime.jsx)(_components.strong, {
+        children: "v2"
+      }), " package manager in a Bit workspace (the Yarn aspect utilizes Yarn's programmatic API).\nThe yarn aspect is used ", (0, _jsxRuntime.jsx)(_components.strong, {
+        children: "indirectly"
+      }), " by the 'Dependency Resolver'"]
+    }), "\n", (0, _jsxRuntime.jsx)(_components.h2, {
+      children: "Quickstart"
+    }), "\n", (0, _jsxRuntime.jsxs)(_components.p, {
+      children: ["To start using the yarn aspect as a package manager for your workspace, set the Dependency Resolver ", (0, _jsxRuntime.jsx)(_components.code, {
+        children: "packageManager"
+      }), " property to 'yarn'."]
+    }), "\n", (0, _jsxRuntime.jsx)(_components.pre, {
+      children: (0, _jsxRuntime.jsx)(_components.code, {
+        className: "language-json",
+        children: "{\n  \"teambit.dependencies/dependency-resolver\": {\n    \"packageManager\": \"teambit.dependencies/yarn\"\n  }\n}\n"
+      })
+    }), "\n", (0, _jsxRuntime.jsxs)(_components.blockquote, {
+      children: ["\n", (0, _jsxRuntime.jsx)(_components.p, {
+        children: "Package manager are only configurable at the workspace configuration root-level.\nThat means, different components in the same workspace cannot use different package manager."
+      }), "\n"]
+    }), "\n", (0, _jsxRuntime.jsx)(_components.hr, {}), "\n", (0, _jsxRuntime.jsxs)(_components.blockquote, {
+      children: ["\n", (0, _jsxRuntime.jsx)(_components.p, {
+        children: "Packages on NPM will be installed from Bit.dev's registry instead of NPM's. This will be done using the user's Bit credentials."
+      }), "\n"]
+    })]
+  });
+}
+function MDXContent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _provideComponents$pr = _objectSpread(_objectSpread({}, (0, _react.useMDXComponents)()), props.components),
+    MDXLayout = _provideComponents$pr.wrapper;
+  return MDXLayout ? (0, _jsxRuntime.jsx)(MDXLayout, _objectSpread(_objectSpread({}, props), {}, {
+    children: (0, _jsxRuntime.jsx)(_createMdxContent, _objectSpread({}, props))
+  })) : _createMdxContent(props);
+}
+
+//# sourceMappingURL=yarn.mdx.js.map

package/dist/yarn.mdx.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_jsxRuntime","require","_react","_typeof","o","Symbol","iterator","constructor","prototype","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","toPrimitive","call","TypeError","String","Number","MDXContent","isMDXComponent","_createMdxContent","props","_components","blockquote","code","h2","hr","p","pre","strong","_provideComponents","components","_jsxs","_Fragment","children","_jsx","className","undefined","_provideComponents$pr","MDXLayout","wrapper"],"sourceRoot":"/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.dependencies_aspect-docs_yarn@4ecd83774c92d6aa45afd5c95dc65a9580603d27","sources":["yarn.mdx.js"],"sourcesContent":["MDXContent.isMDXComponent = true;\nimport {Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs} from \"react/jsx-runtime\";\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nfunction _createMdxContent(props) {\n  const _components = {\n    blockquote: \"blockquote\",\n    code: \"code\",\n    h2: \"h2\",\n    hr: \"hr\",\n    p: \"p\",\n    pre: \"pre\",\n    strong: \"strong\",\n    ..._provideComponents(),\n    ...props.components\n  };\n  return _jsxs(_Fragment, {\n    children: [_jsxs(_components.p, {\n      children: [\"Yarn is a Bit aspect that enables the use of the Yarn \", _jsx(_components.strong, {\n        children: \"v2\"\n      }), \" package manager in a Bit workspace (the Yarn aspect utilizes Yarn's programmatic API).\\nThe yarn aspect is used \", _jsx(_components.strong, {\n        children: \"indirectly\"\n      }), \" by the 'Dependency Resolver'\"]\n    }), \"\\n\", _jsx(_components.h2, {\n      children: \"Quickstart\"\n    }), \"\\n\", _jsxs(_components.p, {\n      children: [\"To start using the yarn aspect as a package manager for your workspace, set the Dependency Resolver \", _jsx(_components.code, {\n        children: \"packageManager\"\n      }), \" property to 'yarn'.\"]\n    }), \"\\n\", _jsx(_components.pre, {\n      children: _jsx(_components.code, {\n        className: \"language-json\",\n        children: \"{\\n  \\\"teambit.dependencies/dependency-resolver\\\": {\\n    \\\"packageManager\\\": \\\"teambit.dependencies/yarn\\\"\\n  }\\n}\\n\"\n      })\n    }), \"\\n\", _jsxs(_components.blockquote, {\n      children: [\"\\n\", _jsx(_components.p, {\n        children: \"Package manager are only configurable at the workspace configuration root-level.\\nThat means, different components in the same workspace cannot use different package manager.\"\n      }), \"\\n\"]\n    }), \"\\n\", _jsx(_components.hr, {}), \"\\n\", _jsxs(_components.blockquote, {\n      children: [\"\\n\", _jsx(_components.p, {\n        children: \"Packages on NPM will be installed from Bit.dev's registry instead of NPM's. This will be done using the user's Bit credentials.\"\n      }), \"\\n\"]\n    })]\n  });\n}\nexport default function MDXContent(props = {}) {\n  const {wrapper: MDXLayout} = {\n    ..._provideComponents(),\n    ...props.components\n  };\n  return MDXLayout ? _jsx(MDXLayout, {\n    ...props,\n    children: _jsx(_createMdxContent, {\n      ...props\n    })\n  }) : _createMdxContent(props);\n}\n"],"mappings":"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","ignoreList":[]}

package/index.ts

@@ -0,0 +1 @@
+export { default as Yarn } from './yarn.mdx';

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@teambit/dependencies.aspect-docs.yarn",
+  "version": "0.0.0-4ecd83774c92d6aa45afd5c95dc65a9580603d27",
+  "homepage": "https://bit.cloud/teambit/dependencies/aspect-docs/yarn",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "teambit.dependencies",
+    "name": "aspect-docs/yarn",
+    "version": "4ecd83774c92d6aa45afd5c95dc65a9580603d27"
+  },
+  "dependencies": {
+    "core-js": "^3.0.0",
+    "@mdx-js/react": "1.6.22",
+    "@teambit/mdx.ui.mdx-scope-context": "1.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/mocha": "9.1.0",
+    "@types/node": "12.20.4",
+    "@types/react-dom": "^19.0.0",
+    "@types/jest": "^26.0.0",
+    "@babel/runtime": "7.20.0",
+    "@types/testing-library__jest-dom": "5.9.5",
+    "@teambit/documenter.theme.theme-compositions": "4.1.5",
+    "@teambit/mdx.ui.mdx-layout": "1.0.12"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.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,29 @@
+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;
+}
+
+// @TODO Gilad
+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;
+}

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;
+}

package/yarn.composition.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions';
+import { MDXLayout } from '@teambit/mdx.ui.mdx-layout';
+import { Yarn } from './index';
+
+export const YarnDocs = () => (
+  <ThemeCompositions>
+    <MDXLayout>
+      <Yarn />
+    </MDXLayout>
+  </ThemeCompositions>
+);

package/yarn.docs.mdx

@@ -0,0 +1,34 @@
+---
+description: 'Docs for Yarn aspect'
+labels: ['docs', 'aspect', 'extensions']
+---
+
+import { Yarn } from './index';
+
+## Static Content Page in MDX
+
+Docs for Yarn aspect
+
+### Component usage
+
+Use your component in any mdx file:
+
+```js
+import { Yarn } from '@teambit/aspect-docs.yarn';
+
+<Yarn />;
+```
+
+### Render with theme and MDX providers
+
+```js
+import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions';
+import { MDXLayout } from '@teambit/ui.mdx-layout';
+import { Yarn } from '@teambit/aspect-docs.yarn';
+
+<ThemeCompositions>
+  <MDXLayout>
+    <Yarn />
+  </MDXLayout>
+</ThemeCompositions>;
+```

package/yarn.mdx

@@ -0,0 +1,21 @@
+Yarn is a Bit aspect that enables the use of the Yarn **v2** package manager in a Bit workspace (the Yarn aspect utilizes Yarn's programmatic API).
+The yarn aspect is used **indirectly** by the 'Dependency Resolver'
+
+## Quickstart
+
+To start using the yarn aspect as a package manager for your workspace, set the Dependency Resolver `packageManager` property to 'yarn'.
+
+```json
+{
+  "teambit.dependencies/dependency-resolver": {
+    "packageManager": "teambit.dependencies/yarn"
+  }
+}
+```
+
+> Package manager are only configurable at the workspace configuration root-level.
+> That means, different components in the same workspace cannot use different package manager.
+
+---
+
+> Packages on NPM will be installed from Bit.dev's registry instead of NPM's. This will be done using the user's Bit credentials.