@teambit/node 0.0.785 → 0.0.788

package/artifacts/env-template/public/static/css/overview.df4a22d4.css

@@ -0,0 +1 @@
+.docs-app_compositionSection__2rAWY{margin-top:40px}.docs-app_compositionCard__2BFqj{max-height:500px;max-width:100%;overflow:hidden}.docs-app_docsMainBlock__1Vyyg{margin:0 auto 150px;max-width:1440px;padding:50px 40px 10px}.docs-app_docsMainBlock__1Vyyg .docs-app_heading__25cfc{margin-bottom:unset}.docs-app_mdx__WbON7{font-size:16px}.heading-sizes_xxs__sqY6F{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__2vIO-{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__SWCg7{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__1VfRy{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__12r2v{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__18vfm{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__1XBq0{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__18YHt,.heading_h2__1ja7_,.heading_h3__3SLRc,.heading_h4__uSuLS,.heading_h5__30dq2,.heading_h6__2CGfq{font-weight:700;margin:0}.heading_h1__18YHt{margin-bottom:20px}.anchor_anchor__3Kymc{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__osznX{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__1exDt{align-items:center;display:flex;margin-bottom:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__1exDt:hover .linked-heading_anchor__3xkqo{opacity:1;visibility:unset}.linked-heading_heading__28Zmh{margin-bottom:0;margin-right:8px}.linked-heading_anchor__3xkqo{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.error_error__Aedkj{color:#e62e5c;color:var(--bit-error-color,#e62e5c)}.react-playground_error__1zi13{background-color:var(--bit-bg-color);border:1px solid var(--bit-error-color);border-bottom-right-radius:6px;border-left:none;border-top-right-radius:6px;bottom:0;box-sizing:border-box;color:var(--bit-error-color);font-family:Roboto mono;font-size:11px;left:0;overflow:auto;padding:8px;position:absolute;right:0;top:0;transition:all 1s ease-in-out;width:100%}.react-playground_error__1zi13.react-playground_column__1Kovw{border:1px solid var(--bit-error-color);border-bottom:none;border-bottom-right-radius:0;border-top-left-radius:6px}.react-playground_editorWrapper__1wY8s{max-height:450px;overflow:auto!important}.react-playground_codePane__19Xda{background-color:#282c34;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;max-width:90%;min-width:150px}.react-playground_codePane__19Xda.react-playground_column__1Kovw,.react-playground_codePane__19Xda.react-playground_column__1Kovw .react-playground_editorWrapper__1wY8s{height:220px;max-width:100%}.react-playground_editor__1LFjB{border-bottom-left-radius:6px;border-top-left-radius:6px;box-sizing:border-box;font-family:Roboto mono!important;font-size:11px;min-height:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.react-playground_editor__1LFjB>textarea{outline:none;white-space:pre!important;width:100%!important}.react-playground_editor__1LFjB>pre{white-space:pre!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.react-playground_splitter__R480r{background-color:#282c34}.react-playground_splitter__R480r>div{border:none;border-radius:0}.react-playground_previewPane__1Rkn-{border:1px solid var(--bit-border-color-lightest);border-bottom-right-radius:6px;border-left:none;border-top-right-radius:6px;min-height:100px;overflow:auto;position:relative}.react-playground_previewPane__1Rkn-.react-playground_column__1Kovw{border:1px solid var(--bit-border-color-lightest);border-bottom:none;border-bottom-right-radius:0;border-top-left-radius:6px;min-height:220px}.react-playground_previewPane__1Rkn-.react-playground_column__1Kovw .react-playground_editorWrapper__1wY8s{max-height:220px}.react-playground_previewBox__1quIl{bottom:0;left:0;position:absolute;right:0;top:0}.react-playground_preview__1LvFd{border-left:none;box-sizing:border-box;height:100%;width:100%}.react-playground_playground__1mVdr{border-radius:6px;display:flex;max-height:450px;overflow:hidden;width:100%}.react-playground_playground__1mVdr>div{width:100%}.examples-overview_exampleSection__1OdhX>:not(:last-child){margin-bottom:8px}

package/artifacts/preview/teambit_harmony_node-preview.js

@@ -169,4 +169,4 @@ export class CustomNode {
     // ...
   }
 }
-`)))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},86538:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.harmony/node@0.0.785",homepage:"https://bit.dev/teambit/harmony/node",exported:!0},_interopRequireDefault=__webpack_require__2(88244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(63804));return _react=function(){return data},data}_react.__bit_component=__bit_component;const Logo=()=>_react().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},_react().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/node.svg"}));Logo.__bit_component=__bit_component,exports2.Logo=Logo},85057:module2=>{"use strict";module2.exports=MdxJsReact},63804:module2=>{"use strict";module2.exports=React}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={exports:{}};return __webpack_modules__[moduleId](module2,module2.exports,__webpack_require__),module2.exports}__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})};var __webpack_exports__={};return(()=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,overview:()=>overview});var node_docs_namespaceObject={};__webpack_require__.r(node_docs_namespaceObject),__webpack_require__.d(node_docs_namespaceObject,{default:()=>MDXContent});var node_composition=__webpack_require__(86538),external_React_=__webpack_require__(63804),external_MdxJsReact_=__webpack_require__(85057);const external_TeambitMdxUiMdxScopeContext_namespaceObject=TeambitMdxUiMdxScopeContext;var dist=__webpack_require__(98248),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,external_MdxJsReact_.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,external_MdxJsReact_.mdx)(external_TeambitMdxUiMdxScopeContext_namespaceObject.MDXScopeProvider,{components:{Node:dist.N},mdxType:"MDXScopeProvider"},(0,external_MdxJsReact_.mdx)(dist.N,{mdxType:"Node"})))}MDXContent.isMDXComponent=!0;const compositions=[node_composition],overview=[node_docs_namespaceObject]})(),__webpack_exports__})()});
+`)))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},33915:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.harmony/node@0.0.788",homepage:"https://bit.dev/teambit/harmony/node",exported:!0},_interopRequireDefault=__webpack_require__2(88244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(63804));return _react=function(){return data},data}_react.__bit_component=__bit_component;const Logo=()=>_react().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},_react().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/node.svg"}));Logo.__bit_component=__bit_component,exports2.Logo=Logo},85057:module2=>{"use strict";module2.exports=MdxJsReact},63804:module2=>{"use strict";module2.exports=React}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={exports:{}};return __webpack_modules__[moduleId](module2,module2.exports,__webpack_require__),module2.exports}__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})};var __webpack_exports__={};return(()=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,overview:()=>overview});var node_docs_namespaceObject={};__webpack_require__.r(node_docs_namespaceObject),__webpack_require__.d(node_docs_namespaceObject,{default:()=>MDXContent});var node_composition=__webpack_require__(33915),external_React_=__webpack_require__(63804),external_MdxJsReact_=__webpack_require__(85057);const external_TeambitMdxUiMdxScopeContext_namespaceObject=TeambitMdxUiMdxScopeContext;var dist=__webpack_require__(98248),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,external_MdxJsReact_.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,external_MdxJsReact_.mdx)(external_TeambitMdxUiMdxScopeContext_namespaceObject.MDXScopeProvider,{components:{Node:dist.N},mdxType:"MDXScopeProvider"},(0,external_MdxJsReact_.mdx)(dist.N,{mdxType:"Node"})))}MDXContent.isMDXComponent=!0;const compositions=[node_composition],overview=[node_docs_namespaceObject]})(),__webpack_exports__})()});

package/dist/node.app-type.d.ts

@@ -9,5 +9,5 @@ export declare class NodeAppType implements ApplicationType<NodeAppOptions> {
     private nodeEnv;
     private logger;
     constructor(name: string, nodeEnv: NodeEnv & ReactEnv, logger: Logger);
-    createApp(options: NodeAppOptions): Promise<NodeApp>;
+    createApp(options: NodeAppOptions): NodeApp;
 }

package/dist/node.app-type.js

@@ -1,7 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -24,7 +22,7 @@ class NodeAppType {
     this.logger = logger;
   }
 
-  async createApp(options) {
+  createApp(options) {
     return new (_node().NodeApp)(options.name, options.entry, options.portRange || [3000, 4000], this.nodeEnv, this.logger, options.deploy);
   }
 

package/dist/node.app-type.js.map

@@ -1 +1 @@
-{"version":3,"names":["NodeAppType","constructor","name","nodeEnv","logger","createApp","options","NodeApp","entry","portRange","deploy"],"sources":["node.app-type.ts"],"sourcesContent":["import { Logger } from '@teambit/logger';\nimport { ApplicationType } from '@teambit/application';\nimport { ReactEnv } from '@teambit/react';\nimport { NodeEnv } from './node.env';\nimport { NodeApp } from './node.application';\nimport type { NodeAppOptions } from './node-app-options';\n\nexport class NodeAppType implements ApplicationType<NodeAppOptions> {\n  constructor(readonly name: string, private nodeEnv: NodeEnv & ReactEnv, private logger: Logger) {}\n\n  async createApp(options: NodeAppOptions) {\n    return new NodeApp(\n      options.name,\n      options.entry,\n      options.portRange || [3000, 4000],\n      this.nodeEnv,\n      this.logger,\n      options.deploy\n    );\n  }\n}\n"],"mappings":";;;;;;;;;AAIA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,WAAN,CAA6D;EAClEC,WAAW,CAAUC,IAAV,EAAgCC,OAAhC,EAAqEC,MAArE,EAAqF;IAAA,KAA3EF,IAA2E,GAA3EA,IAA2E;IAAA,KAArDC,OAAqD,GAArDA,OAAqD;IAAA,KAAhBC,MAAgB,GAAhBA,MAAgB;EAAE;;EAEnF,MAATC,SAAS,CAACC,OAAD,EAA0B;IACvC,OAAO,KAAIC,eAAJ,EACLD,OAAO,CAACJ,IADH,EAELI,OAAO,CAACE,KAFH,EAGLF,OAAO,CAACG,SAAR,IAAqB,CAAC,IAAD,EAAO,IAAP,CAHhB,EAIL,KAAKN,OAJA,EAKL,KAAKC,MALA,EAMLE,OAAO,CAACI,MANH,CAAP;EAQD;;AAZiE"}
+{"version":3,"names":["NodeAppType","constructor","name","nodeEnv","logger","createApp","options","NodeApp","entry","portRange","deploy"],"sources":["node.app-type.ts"],"sourcesContent":["import { Logger } from '@teambit/logger';\nimport { ApplicationType } from '@teambit/application';\nimport { ReactEnv } from '@teambit/react';\nimport { NodeEnv } from './node.env';\nimport { NodeApp } from './node.application';\nimport type { NodeAppOptions } from './node-app-options';\n\nexport class NodeAppType implements ApplicationType<NodeAppOptions> {\n  constructor(readonly name: string, private nodeEnv: NodeEnv & ReactEnv, private logger: Logger) {}\n\n  createApp(options: NodeAppOptions) {\n    return new NodeApp(\n      options.name,\n      options.entry,\n      options.portRange || [3000, 4000],\n      this.nodeEnv,\n      this.logger,\n      options.deploy\n    );\n  }\n}\n"],"mappings":";;;;;;;AAIA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,WAAN,CAA6D;EAClEC,WAAW,CAAUC,IAAV,EAAgCC,OAAhC,EAAqEC,MAArE,EAAqF;IAAA,KAA3EF,IAA2E,GAA3EA,IAA2E;IAAA,KAArDC,OAAqD,GAArDA,OAAqD;IAAA,KAAhBC,MAAgB,GAAhBA,MAAgB;EAAE;;EAElGC,SAAS,CAACC,OAAD,EAA0B;IACjC,OAAO,KAAIC,eAAJ,EACLD,OAAO,CAACJ,IADH,EAELI,OAAO,CAACE,KAFH,EAGLF,OAAO,CAACG,SAAR,IAAqB,CAAC,IAAD,EAAO,IAAP,CAHhB,EAIL,KAAKN,OAJA,EAKL,KAAKC,MALA,EAMLE,OAAO,CAACI,MANH,CAAP;EAQD;;AAZiE"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/node",
-  "version": "0.0.785",
+  "version": "0.0.788",
   "homepage": "https://bit.dev/teambit/harmony/node",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.harmony",
     "name": "node",
-    "version": "0.0.785"
+    "version": "0.0.788"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -15,22 +15,22 @@
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
-    "@teambit/application": "0.0.427",
-    "@teambit/logger": "0.0.612",
-    "@teambit/react": "0.0.785",
+    "@teambit/application": "0.0.430",
+    "@teambit/logger": "0.0.614",
+    "@teambit/react": "0.0.788",
     "@teambit/toolbox.network.get-port": "0.0.113",
-    "@teambit/builder": "0.0.785",
-    "@teambit/dependency-resolver": "0.0.785",
-    "@teambit/envs": "0.0.785",
-    "@teambit/tester": "0.0.785",
-    "@teambit/typescript": "0.0.785",
-    "@teambit/cli": "0.0.519",
-    "@teambit/compiler": "0.0.785",
-    "@teambit/generator": "0.0.785",
-    "@teambit/pkg": "0.0.785",
-    "@teambit/compositions": "0.0.785",
+    "@teambit/builder": "0.0.788",
+    "@teambit/dependency-resolver": "0.0.788",
+    "@teambit/envs": "0.0.788",
+    "@teambit/tester": "0.0.788",
+    "@teambit/typescript": "0.0.788",
+    "@teambit/cli": "0.0.521",
+    "@teambit/compiler": "0.0.788",
+    "@teambit/generator": "0.0.788",
+    "@teambit/pkg": "0.0.788",
+    "@teambit/compositions": "0.0.788",
     "@teambit/design.ui.empty-box": "0.0.354",
-    "@teambit/ui": "0.0.785"
+    "@teambit/ui": "0.0.788"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",

package/{preview-1657337177086.js → preview-1657709114119.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_node@0.0.785/dist/node.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_node@0.0.785/dist/node.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_node@0.0.788/dist/node.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_node@0.0.788/dist/node.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/artifacts/env-template/public/static/css/overview.a3d70d4f.css

@@ -1 +0,0 @@
-.base_docsMainBlock__lkj5z{margin:0 auto 150px;max-width:1440px;padding:50px 40px 10px}.base_docsMainBlock__lkj5z .base_heading__3ZLTJ{margin-bottom:unset}.base_maxWidth__iUSVk{max-width:700px}.base_marginBottom__3Ol4J{margin-bottom:30px}.base_topRow__3kgKo{align-items:baseline;display:flex}.base_copyMethod__1Zv6Z{align-self:center;display:flex;margin-bottom:20px;width:100%}.base_copyTitle__16rYg{margin-bottom:unset;margin-right:10px}.base_copyBox__1rqqL{flex-grow:1}.base_marginRight__3NH-w{margin-right:10px}.base_compositionSection__2dtVM{margin-top:40px}.base_compositionCard__2nvTZ{max-height:500px;max-width:100%;overflow:hidden}.base_mdx__27C-V{font-size:16px}.heading-sizes_xxs__sqY6F{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__2vIO-{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__SWCg7{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__1VfRy{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__12r2v{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__18vfm{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__1XBq0{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__18YHt,.heading_h2__1ja7_,.heading_h3__3SLRc,.heading_h4__uSuLS,.heading_h5__30dq2,.heading_h6__2CGfq{font-weight:700;margin:0}.heading_h1__18YHt{margin-bottom:20px}.anchor_anchor__3Kymc{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__osznX{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__1exDt{align-items:center;display:flex;margin-bottom:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__1exDt:hover .linked-heading_anchor__3xkqo{opacity:1;visibility:unset}.linked-heading_heading__28Zmh{margin-bottom:0;margin-right:8px}.linked-heading_anchor__3xkqo{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.error_error__Aedkj{color:#e62e5c;color:var(--bit-error-color,#e62e5c)}.react-playground_error__1zi13{background-color:var(--bit-bg-color);border:1px solid var(--bit-error-color);border-bottom-right-radius:6px;border-left:none;border-top-right-radius:6px;bottom:0;box-sizing:border-box;color:var(--bit-error-color);font-family:Roboto mono;font-size:11px;left:0;overflow:auto;padding:8px;position:absolute;right:0;top:0;transition:all 1s ease-in-out;width:100%}.react-playground_error__1zi13.react-playground_column__1Kovw{border:1px solid var(--bit-error-color);border-bottom:none;border-bottom-right-radius:0;border-top-left-radius:6px}.react-playground_editorWrapper__1wY8s{max-height:450px;overflow:auto!important}.react-playground_codePane__19Xda{background-color:#282c34;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;max-width:90%;min-width:150px}.react-playground_codePane__19Xda.react-playground_column__1Kovw,.react-playground_codePane__19Xda.react-playground_column__1Kovw .react-playground_editorWrapper__1wY8s{height:220px;max-width:100%}.react-playground_editor__1LFjB{border-bottom-left-radius:6px;border-top-left-radius:6px;box-sizing:border-box;font-family:Roboto mono!important;font-size:11px;min-height:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.react-playground_editor__1LFjB>textarea{outline:none;white-space:pre!important;width:100%!important}.react-playground_editor__1LFjB>pre{white-space:pre!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.react-playground_splitter__R480r{background-color:#282c34}.react-playground_splitter__R480r>div{border:none;border-radius:0}.react-playground_previewPane__1Rkn-{border:1px solid var(--bit-border-color-lightest);border-bottom-right-radius:6px;border-left:none;border-top-right-radius:6px;min-height:100px;overflow:auto;position:relative}.react-playground_previewPane__1Rkn-.react-playground_column__1Kovw{border:1px solid var(--bit-border-color-lightest);border-bottom:none;border-bottom-right-radius:0;border-top-left-radius:6px;min-height:220px}.react-playground_previewPane__1Rkn-.react-playground_column__1Kovw .react-playground_editorWrapper__1wY8s{max-height:220px}.react-playground_previewBox__1quIl{bottom:0;left:0;position:absolute;right:0;top:0}.react-playground_preview__1LvFd{border-left:none;box-sizing:border-box;height:100%;width:100%}.react-playground_playground__1mVdr{border-radius:6px;display:flex;max-height:450px;overflow:hidden;width:100%}.react-playground_playground__1mVdr>div{width:100%}.examples-overview_exampleSection__1OdhX>:not(:last-child){margin-bottom:8px}