@teambit/env 1.0.142 → 1.0.143
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/artifacts/__bit_junit.xml +4 -0
- package/artifacts/env-template/public/{186.0b7404671a5a8fd9da22.js → 176.121ac84418ead258e08f.js} +4 -4
- package/artifacts/env-template/public/{310.a0ad8f330ee84f318ca5.js → 310.1a11232c834e6342ab21.js} +21 -21
- package/artifacts/env-template/public/{420.3d8bba34b76f6985ad06.js → 420.bfd123104b9add677eea.js} +4 -4
- package/artifacts/env-template/public/assets-manifest.json +18 -18
- package/artifacts/env-template/public/{compositions.a45457798d2cf66b36b2.js → compositions.52708d4c238d26c76dd6.js} +3 -3
- package/artifacts/env-template/public/compositions.html +1 -1
- package/artifacts/env-template/public/{overview.f93535a6f81039ffe2a4.js → overview.61c0f7b1ec5b2caf1c18.js} +1 -1
- package/artifacts/env-template/public/overview.html +1 -1
- package/artifacts/env-template/public/{peers.ab9da357343e934ab380.js → peers.2b8bef8ea52f9d125834.js} +1 -1
- package/artifacts/env-template/public/{preview-root.39bed8e43019d7cafa25.js → preview-root.37c4f6ca6d11df23151d.js} +1 -1
- package/artifacts/env-template/public/static/css/310.b1f2b2a8.css +1 -0
- package/artifacts/env-template/public/static/css/preview-root.5fd7d59d.css +1 -0
- package/artifacts/preview/teambit_envs_env-preview.js +1 -1
- package/dist/env.composition.d.ts +1 -0
- package/dist/env.main.runtime.d.ts +1 -1
- package/dist/{preview-1705806923881.js → preview-1706194779559.js} +2 -2
- package/package.json +12 -12
- package/tsconfig.json +4 -1
- package/artifacts/env-template/public/static/css/310.7c56924a.css +0 -1
- package/artifacts/env-template/public/static/css/preview-root.c3e85b27.css +0 -1
- /package/{compositions-1705806923881.js → compositions-1706194779559.js} +0 -0
- /package/{overview-1705806923881.js → overview-1706194779559.js} +0 -0
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
{
|
|
2
|
-
"
|
|
2
|
+
"176.121ac84418ead258e08f.js": "176.121ac84418ead258e08f.js",
|
|
3
3
|
"308.729ec77393b5acc968db.js": "308.729ec77393b5acc968db.js",
|
|
4
|
-
"310.
|
|
5
|
-
"420.
|
|
4
|
+
"310.1a11232c834e6342ab21.js": "310.1a11232c834e6342ab21.js",
|
|
5
|
+
"420.bfd123104b9add677eea.js": "420.bfd123104b9add677eea.js",
|
|
6
6
|
"compositions.css": "static/css/compositions.2a7f63f9.css",
|
|
7
7
|
"compositions.html": "compositions.html",
|
|
8
|
-
"compositions.js": "compositions.
|
|
8
|
+
"compositions.js": "compositions.52708d4c238d26c76dd6.js",
|
|
9
9
|
"entrypoints": {
|
|
10
10
|
"peers": {
|
|
11
11
|
"assets": {
|
|
12
12
|
"js": [
|
|
13
13
|
"308.729ec77393b5acc968db.js",
|
|
14
|
-
"peers.
|
|
14
|
+
"peers.2b8bef8ea52f9d125834.js"
|
|
15
15
|
]
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"preview-root": {
|
|
19
19
|
"assets": {
|
|
20
20
|
"js": [
|
|
21
|
-
"
|
|
22
|
-
"preview-root.
|
|
21
|
+
"176.121ac84418ead258e08f.js",
|
|
22
|
+
"preview-root.37c4f6ca6d11df23151d.js"
|
|
23
23
|
],
|
|
24
24
|
"css": [
|
|
25
|
-
"static/css/preview-root.
|
|
25
|
+
"static/css/preview-root.5fd7d59d.css"
|
|
26
26
|
]
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
"compositions": {
|
|
30
30
|
"assets": {
|
|
31
31
|
"js": [
|
|
32
|
-
"420.
|
|
33
|
-
"compositions.
|
|
32
|
+
"420.bfd123104b9add677eea.js",
|
|
33
|
+
"compositions.52708d4c238d26c76dd6.js"
|
|
34
34
|
],
|
|
35
35
|
"css": [
|
|
36
36
|
"static/css/compositions.2a7f63f9.css"
|
|
@@ -40,19 +40,19 @@
|
|
|
40
40
|
"overview": {
|
|
41
41
|
"assets": {
|
|
42
42
|
"js": [
|
|
43
|
-
"310.
|
|
44
|
-
"overview.
|
|
43
|
+
"310.1a11232c834e6342ab21.js",
|
|
44
|
+
"overview.61c0f7b1ec5b2caf1c18.js"
|
|
45
45
|
],
|
|
46
46
|
"css": [
|
|
47
|
-
"static/css/310.
|
|
47
|
+
"static/css/310.b1f2b2a8.css"
|
|
48
48
|
]
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
"overview.html": "overview.html",
|
|
53
|
-
"overview.js": "overview.
|
|
54
|
-
"peers.js": "peers.
|
|
55
|
-
"preview-root.css": "static/css/preview-root.
|
|
56
|
-
"preview-root.js": "preview-root.
|
|
57
|
-
"static/css/310.
|
|
53
|
+
"overview.js": "overview.61c0f7b1ec5b2caf1c18.js",
|
|
54
|
+
"peers.js": "peers.2b8bef8ea52f9d125834.js",
|
|
55
|
+
"preview-root.css": "static/css/preview-root.5fd7d59d.css",
|
|
56
|
+
"preview-root.js": "preview-root.37c4f6ca6d11df23151d.js",
|
|
57
|
+
"static/css/310.b1f2b2a8.css": "static/css/310.b1f2b2a8.css"
|
|
58
58
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[384],{
|
|
1
|
+
"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[384],{71038:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},32864:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(10677);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(71038);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(11756);return _pubsubContext=function(){return data},data}},11756:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!ref?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},10677:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(25217);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},22405:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickInsideAnIframeEvent=void 0;function _pubsub(){const data=__webpack_require__(32864);return _pubsub=function(){return data},data}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:String(i)}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class ClickInsideAnIframeEventData{constructor(clickEvent){this.clickEvent=clickEvent}}class ClickInsideAnIframeEvent extends _pubsub().BitBaseEvent{constructor(timestamp=Date.now(),clickEvent){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",timestamp,new ClickInsideAnIframeEventData(clickEvent));this.timestamp=timestamp,this.clickEvent=clickEvent}}exports.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,_defineProperty(ClickInsideAnIframeEvent,"TYPE","click-inside-an-iframe")},98652:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0});var _clickInsideAnIframe=__webpack_require__(22405);Object.keys(_clickInsideAnIframe).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_clickInsideAnIframe[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _clickInsideAnIframe[key]}})})},18338:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.BundlingStrategyNotFound=void 0;class BundlingStrategyNotFound extends Error{constructor(strategyName){super(`bundling strategy with name ${strategyName} was not found`);this.strategyName=strategyName}}exports.BundlingStrategyNotFound=BundlingStrategyNotFound},48051:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BundlingStrategyNotFound",{enumerable:!0,get:function(){return _bundlingStrategyNotFound().BundlingStrategyNotFound}}),Object.defineProperty(exports,"PreviewArtifactNotFound",{enumerable:!0,get:function(){return _previewArtifactNotFound().PreviewArtifactNotFound}}),Object.defineProperty(exports,"PreviewNotFound",{enumerable:!0,get:function(){return _previewNotFound().PreviewNotFound}}),Object.defineProperty(exports,"PreviewOutputFileNotFound",{enumerable:!0,get:function(){return _previewOutputFileNotFound().PreviewOutputFileNotFound}});function _previewNotFound(){const data=__webpack_require__(38300);return _previewNotFound=function(){return data},data}function _previewArtifactNotFound(){const data=__webpack_require__(42391);return _previewArtifactNotFound=function(){return data},data}function _bundlingStrategyNotFound(){const data=__webpack_require__(18338);return _bundlingStrategyNotFound=function(){return data},data}function _previewOutputFileNotFound(){const data=__webpack_require__(24642);return _previewOutputFileNotFound=function(){return data},data}},42391:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewArtifactNotFound=void 0;function _bitError(){const data=__webpack_require__(75345);return _bitError=function(){return data},data}class PreviewArtifactNotFound extends _bitError().BitError{constructor(componentId){super(`preview for component ${componentId.toString()} was not found`)}}exports.PreviewArtifactNotFound=PreviewArtifactNotFound},38300:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewNotFound=void 0;class PreviewNotFound extends Error{constructor(name){super(`Preview for name: ${name} was not found`)}}exports.PreviewNotFound=PreviewNotFound},24642:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewOutputFileNotFound=void 0;function _bitError(){const data=__webpack_require__(75345);return _bitError=function(){return data},data}class PreviewOutputFileNotFound extends _bitError().BitError{constructor(componentId,filePath){super(`preview output file for component: "${componentId.toString()}" was not found in the path: "${filePath}".
|
|
2
2
|
|
|
3
3
|
This is usually a result of an error during the bundling process.
|
|
4
4
|
The error might be an error of another component that uses the same env.
|
|
5
5
|
Run "bit build" with "--dev" to see more info.
|
|
6
|
-
Run "bit envs" to see other components that uses the same env`)}}exports.PreviewOutputFileNotFound=PreviewOutputFileNotFound},
|
|
6
|
+
Run "bit envs" to see other components that uses the same env`)}}exports.PreviewOutputFileNotFound=PreviewOutputFileNotFound},90630:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.fetchComponentAspects=fetchComponentAspects;function _graphqlRequest(){const data=__webpack_require__(80507);return _graphqlRequest=function(){return data},data}const GQL_SERVER="/graphql",GET_COMPONENT_ASPECTS=(0,_graphqlRequest().gql)`
|
|
7
7
|
query getComponentAspects($id: String!) {
|
|
8
8
|
getHost {
|
|
9
9
|
id
|
|
@@ -14,4 +14,4 @@ Run "bit envs" to see other components that uses the same env`)}}exports.Preview
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
-
`;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},23777:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},19239:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PREVIEW_MODULES",{enumerable:!0,get:function(){return _previewModules().PREVIEW_MODULES}}),Object.defineProperty(exports,"PreviewModules",{enumerable:!0,get:function(){return _previewModules().PreviewModules}}),Object.defineProperty(exports,"linkModules",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _previewModules(){const data=__webpack_require__(88670);return _previewModules=function(){return data},data}},32541:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(25217);return _harmony=function(){return data},data}const PreviewRuntime=exports.PreviewRuntime=new(_harmony()).RuntimeDefinition("preview"),PreviewAspect=exports.PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});var _default=exports.default=PreviewAspect},30873:(__unused_webpack_module,exports,__webpack_require__)=>{var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _pubsub(){const data=_interopRequireDefault(__webpack_require__(36894));return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(25217);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(83947);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(6));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(94300));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(58822);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(33070);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(32541);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(94942);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(87573);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(27970);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(19239);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(23777);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(67264);return _sizeEvent=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:String(i)}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,_defineProperty(this,"isDev",!1),_defineProperty(this,"_setupPromise",void 0),_defineProperty(this,"setup",()=>this.isReady()?Promise.resolve():(this._setupPromise??=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})}),this._setupPromise)),_defineProperty(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId,envId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includesAll=await Promise.all((preview.include||[]).map(async inclPreviewName=>{const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return includedPreview.selectPreviewModel?.(componentId.fullName,inclPreviewModule)})),query=this.getQuery(),includes=this.getParam(query,"onlyOverview")==="true"?[]:includesAll.filter(module=>!!module),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,envId||"",previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),this.setFullScreen(),render}),_defineProperty(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!(preview.include?.every(included=>_previewModules().PREVIEW_MODULES.has(included))??!0))}setFullScreen(){const query=this.getQuery();if(!this.getParam(query,"fullscreen"))return;const root=window.document.getElementById("root");root&&(root.style.height="100vh")}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){if(!window?.parent||!window?.document)return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.document.body.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{modulesMap:relevantModel.modulesMap,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res=await(0,_crossFetch().default)(url);if(res.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values();return previews.find(previewCandidate=>previewCandidate.default)?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),envId:this.getParam(after,"env"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,_defineProperty(PreviewPreview,"runtime",_preview().PreviewRuntime),_defineProperty(PreviewPreview,"dependencies",[_pubsub().default]),_defineProperty(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},87573:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){return this.contexts.get(aspectId)?.(this.options)}}exports.RenderingContext=RenderingContext},67264:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _pubsub(){const data=__webpack_require__(36894);return _pubsub=function(){return data},data}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:String(i)}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,_defineProperty(SizeEvent,"TYPE","preview-size")},19837:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(30873),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5659),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__},isSplitComponentBundle:!1,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[420,308,186,629],()=>__webpack_exec__(19837));var __webpack_exports__=__webpack_require__.O()}]);
|
|
17
|
+
`;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},75562:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},50694:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PREVIEW_MODULES",{enumerable:!0,get:function(){return _previewModules().PREVIEW_MODULES}}),Object.defineProperty(exports,"PreviewModules",{enumerable:!0,get:function(){return _previewModules().PreviewModules}}),Object.defineProperty(exports,"linkModules",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _previewModules(){const data=__webpack_require__(88670);return _previewModules=function(){return data},data}},86750:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(25217);return _harmony=function(){return data},data}const PreviewRuntime=exports.PreviewRuntime=new(_harmony()).RuntimeDefinition("preview"),PreviewAspect=exports.PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});var _default=exports.default=PreviewAspect},46828:(__unused_webpack_module,exports,__webpack_require__)=>{var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _pubsub(){const data=_interopRequireDefault(__webpack_require__(32864));return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(25217);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(83947);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(6));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(94300));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(58822);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(48051);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(86750);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(98652);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(47609);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(90630);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(50694);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(75562);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(34278);return _sizeEvent=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:String(i)}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,_defineProperty(this,"isDev",!1),_defineProperty(this,"_setupPromise",void 0),_defineProperty(this,"setup",()=>this.isReady()?Promise.resolve():(this._setupPromise??=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})}),this._setupPromise)),_defineProperty(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId,envId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includesAll=await Promise.all((preview.include||[]).map(async inclPreviewName=>{const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return includedPreview.selectPreviewModel?.(componentId.fullName,inclPreviewModule)})),query=this.getQuery(),includes=this.getParam(query,"onlyOverview")==="true"?[]:includesAll.filter(module=>!!module),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,envId||"",previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),this.setFullScreen(),render}),_defineProperty(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!(preview.include?.every(included=>_previewModules().PREVIEW_MODULES.has(included))??!0))}setFullScreen(){const query=this.getQuery();if(!this.getParam(query,"fullscreen"))return;const root=window.document.getElementById("root");root&&(root.style.height="100vh")}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){if(!window?.parent||!window?.document)return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.document.body.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{modulesMap:relevantModel.modulesMap,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res=await(0,_crossFetch().default)(url);if(res.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values();return previews.find(previewCandidate=>previewCandidate.default)?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),envId:this.getParam(after,"env"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,_defineProperty(PreviewPreview,"runtime",_preview().PreviewRuntime),_defineProperty(PreviewPreview,"dependencies",[_pubsub().default]),_defineProperty(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},47609:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){return this.contexts.get(aspectId)?.(this.options)}}exports.RenderingContext=RenderingContext},34278:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _pubsub(){const data=__webpack_require__(32864);return _pubsub=function(){return data},data}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:String(i)}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,_defineProperty(SizeEvent,"TYPE","preview-size")},5387:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(46828),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5659),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__},isSplitComponentBundle:!1,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[420,308,176,629],()=>__webpack_exec__(5387));var __webpack_exports__=__webpack_require__.O()}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
|
|
2
|
-
try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="308.729ec77393b5acc968db.js"></script><script defer="defer" src="peers.
|
|
2
|
+
try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="308.729ec77393b5acc968db.js"></script><script defer="defer" src="peers.2b8bef8ea52f9d125834.js"></script><script defer="defer" src="176.121ac84418ead258e08f.js"></script><script defer="defer" src="preview-root.37c4f6ca6d11df23151d.js"></script><script defer="defer" src="420.bfd123104b9add677eea.js"></script><script defer="defer" src="compositions.52708d4c238d26c76dd6.js"></script><link href="static/css/preview-root.5fd7d59d.css" rel="stylesheet"><link href="static/css/compositions.2a7f63f9.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
`:`
|
|
3
3
|
`,newline=/\r\n|\r|\n/g;function converts(text,to){if(Buffer.isBuffer(text)){if((0,_isbinaryfile().isBinaryFileSync)(text))return text;const str=text.toString(),strReplaced=str.replace(newline,to);return str!==strReplaced?Buffer.from(strReplaced):text}return text.toString().replace(newline,to)}function lf(text){return converts(text,`
|
|
4
4
|
`)}function auto(text){return converts(text,lineBreak)}function cr(text){return converts(text,"\r")}function crlf(text){return converts(text,`\r
|
|
5
|
-
`)}},30755:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(22670);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}},
|
|
5
|
+
`)}},30755:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(22670);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}},56354:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(46828),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(79022),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("overview",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__},isSplitComponentBundle:!1,componentMap:{}})},27127:()=>{},5010:()=>{},65660:()=>{},87942:()=>{},82880:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[310,308,176,629,420,384],()=>__webpack_exec__(56354));var __webpack_exports__=__webpack_require__.O()}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
|
|
2
|
-
try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="308.729ec77393b5acc968db.js"></script><script defer="defer" src="peers.
|
|
2
|
+
try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="308.729ec77393b5acc968db.js"></script><script defer="defer" src="peers.2b8bef8ea52f9d125834.js"></script><script defer="defer" src="176.121ac84418ead258e08f.js"></script><script defer="defer" src="preview-root.37c4f6ca6d11df23151d.js"></script><script defer="defer" src="420.bfd123104b9add677eea.js"></script><script defer="defer" src="compositions.52708d4c238d26c76dd6.js"></script><script defer="defer" src="310.1a11232c834e6342ab21.js"></script><script defer="defer" src="overview.61c0f7b1ec5b2caf1c18.js"></script><link href="static/css/preview-root.5fd7d59d.css" rel="stylesheet"><link href="static/css/compositions.2a7f63f9.css" rel="stylesheet"><link href="static/css/310.b1f2b2a8.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";var __webpack_modules__={
|
|
1
|
+
(()=>{"use strict";var __webpack_modules__={63418:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_2___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache,_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(66649),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(49613),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(59496),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(87995),globalObj=window;guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__),guard("React",react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2))),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__,globalObj.React=react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2));function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={703:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__=__webpack_require__.O(void 0,[308],()=>__webpack_require__(63418));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[629],{},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[
|
|
1
|
+
"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[629],{},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[176,308],()=>__webpack_exec__(24176));var __webpack_exports__=__webpack_require__.O()}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.circular-font_circularFont__3DWbw{font-family:"CircularXX","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}@font-face{font-family:"CircularXX";src:url(https://static.bit.dev/circular-xx/CircularXXWeb-Regular.woff2)}@font-face{font-family:"CircularXX";font-weight:700;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-Bold.woff2)}@font-face{font-family:"CircularXX";font-weight:800;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-Black.woff2)}@font-face{font-family:"CircularXX";font-style:italic;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-Italic.woff2)}@font-face{font-family:"CircularXX";font-style:italic;font-weight:700;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-BoldItalic.woff2)}@font-face{font-family:"CircularXX";font-style:italic;font-weight:800;src:url(https://static.bit.dev/circular-xx/CirculrXXWeb-BlackItalic.woff2)}@font-face{font-family:"CircularXX";font-weight:300;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-light.woff2)}@font-face{font-family:"CircularXX";font-style:italic;font-weight:300;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-lightItalic.woff2)}@font-face{font-family:"CircularXX";font-weight:500;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-Medium.woff2)}@font-face{font-family:"CircularXX";font-style:italic;font-weight:500;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-MediumItalic.woff2)}.base-theme_theme__-K1MO{background:var(--background-color);color:var(--on-background-color);min-height:100%}.theme-toggler_toggler__xm-Z8{background:#fff;background:var(--surface-color,#fff);border-radius:8px;cursor:pointer;padding:.5em;transition:color .18s,background-color .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-toggler_toggler__xm-Z8:hover{background:#edebfc;background:var(--surface-hover-color,#edebfc)}.theme-toggler_toggler__xm-Z8:active{background:#dcd8f9;background:var(--surface-active-color,#dcd8f9)}.docs-app_compositionSection__2rAWY{margin-top:40px}.docs-app_compositionCard__2BFqj{max-height:500px;max-width:100%;overflow:hidden}.docs-app_docsMainBlock__1Vyyg{box-sizing:border-box;margin:0 0 150px;max-width:1440px;padding:20px 40px 10px;width:100%}.docs-app_docsMainBlock__1Vyyg .docs-app_heading__25cfc{margin-bottom:0}.docs-app_mdx__WbON7{font-size:16px}.abs-container_container__mj034{position:relative}.abs-container_containee__WARZP{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__WARZP{visibility:visible}.positions_top__EIr1r{bottom:100%}.positions_top-start__2yC4C{bottom:100%;left:0}.positions_top-end__NMvDv{bottom:100%;right:0}.positions_right__26tpo{left:100%}.positions_right-start__1plW5{left:100%;top:0}.positions_right-end__11Eag{bottom:0;left:100%}.positions_bottom__3hfjU{top:100%}.positions_bottom-start__1VMAE{left:0;top:100%}.positions_bottom-end__30RsX{right:0;top:100%}.positions_left___dgec{right:100%}.positions_left-start__20AFS{right:100%;top:0}.positions_left-end__2gq5I{bottom:0;right:100%}.positions_cover__1ps_D{left:0;top:0}.displacement_displacement__2fioX[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__2fioX[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__2fioX[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__2fioX[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__2fioX[data-position=bottom-start],.displacement_displacement__2fioX[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__2fioX[data-position=bottom-end],.displacement_displacement__2fioX[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__2fioX[data-position^=left-start],.displacement_displacement__2fioX[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__2fioX[data-position^=left-end],.displacement_displacement__2fioX[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__3hjya{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elevations_low__2Q70V{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);box-shadow:var(--bit-shadow-hover-low,0 2px 8px 0 rgba(0,0,0,.2))}.elevations_medium__2Ru6o{box-shadow:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);box-shadow:var(--bit-shadow-hover-medium,0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24))}.elevations_high__2BM6h{box-shadow:0 11px 29px 0 rgba(0,0,0,.23);box-shadow:var(--bit-shadow-hover-high,0 11px 29px 0 rgba(0,0,0,.23))}.roundness_sharp__qqMS3{border-radius:2px}.roundness_default__sjeJM{border-radius:5px}.roundness_small__3qiv4{border-radius:8px}.roundness_medium__1IiFJ{border-radius:10px}.roundness_circle__2J-GV{border-radius:50%}.background_bedrock__wVnY8{background:var(--bit-bg-bedrock)}.background_base__q-x6A,.background_layer__2w7_o{background:var(--bit-bg-color)}.background_crust__2GeNv{background:var(--bit-bg-tooltip)}.background_topping__1a-EX{background:var(--bit-bg-color)}.background_topping__1a-EX:hover{background:var(--bit-bg-heavy)}.background_dent__3Vh0N{background:var(--bit-bg-dent)}.menu-item_menuItem__1Oojd{align-items:center;background-color:transparent;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.menu-item_withIcon__1XejK>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__1XejK.menu-item_active__3z8s4>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__2cN28:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__3z8s4,.menu-item_active__3z8s4:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_dropdownPlaceholder__VTby3{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px;justify-content:space-between;padding:.844em 1em}.dropdown_dropdownPlaceholder__VTby3:hover{background-color:#f4f5f6;background-color:var(--surface-neutral-hover-color,#f4f5f6);border:1px solid #cecece;border:1px solid var(--border-medium-hover-color,#cecece)}.dropdown_dropdownPlaceholder__VTby3:active{background-color:#eeeff2;background-color:var(--surface-neutral-active-color,#eeeff2);border:1px solid #babec9;border:1px solid var(--border-high-color,#babec9)}.dropdown_removePlaceholderBorder__2tKp3 .dropdown_dropdownPlaceholder__VTby3{border:none}.dropdown_dropdownMenu__2QKPX{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);box-sizing:border-box;min-width:220px;padding:8px 0;z-index:102}.button_vanillaButton__2K-_L{cursor:pointer;font:inherit;transition:all .18s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dots-loader_dotsLoader__2Pozd{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__2Pozd>*{animation:1.27s ease-in-out infinite both;animation-name:dots-loader_scale-down__1YduD;display:inline-block}.dots-loader_dotsLoader__2Pozd>:first-child{animation-delay:-.37s}.dots-loader_dotsLoader__2Pozd>:nth-child(2){animation-delay:-185ms}@keyframes dots-loader_scale-down__1YduD{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}.icon-button_iconButton__yOOf8{align-items:center;border-radius:8px;display:flex;padding:7px 16px;transition:background-color .3s ease-in-out}.icon-button_iconButton__yOOf8.icon-button_iconOnly__gYK42{padding:6px 8px}.icon-button_iconButton__yOOf8[data-priority=ghost]{background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b)}.icon-button_iconButton__yOOf8[data-priority=ghost].icon-button_active__3hwML{border-color:#6c5ce7;border-color:var(--bit-accent-color,#6c5ce7);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.icon-button_iconButton__yOOf8[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__yOOf8[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.icon-button_iconButton__yOOf8[data-priority=ghost]:disabled:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.icon-button_iconButton__yOOf8[data-priority=cta]{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border:1px solid #6c5ce7;border:1px solid var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff)}.icon-button_iconButton__yOOf8[data-priority=cta]:hover:not(:disabled){background-color:#5d4aec;background-color:var(--bit-accent-heavy,#5d4aec);border:1px solid #5d4aec;border:1px solid var(--bit-accent-heavy,#5d4aec)}.icon-button_iconButton__yOOf8[data-priority=cta]:disabled{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__yOOf8:disabled{color:#babec9;color:var(--bit-border-color,#babec9);cursor:not-allowed}.icon-button_iconButton__yOOf8:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.icon-button_icon__2SxvC{color:inherit;font-size:16px}.icon-button_margin__3Sbp7{margin-right:8px}.sizes_buttonSizes__3wT8S[data-size=m]{font-size:14px;height:32px}.sizes_buttonSizes__3wT8S[data-size=l]{font-size:14px;height:40px}.buttons-plugin_buttonsHolder__13n3m{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--design-border-medium-color,#ededed);display:flex;justify-content:space-between;padding:12px 16px 4px}.buttons-plugin_clearText__2Rrez{color:#9598a1;color:var(--design-on-surface-low-color,#9598a1);cursor:pointer}.menu-item_menuItem__P1JgV{align-items:center;background-color:transparent;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.menu-item_withIcon__2IgCl>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__2IgCl.menu-item_active__ju5n7>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__1bSaJ:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__ju5n7,.menu-item_active__ju5n7:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.tab-line_tabLine__rC7yd{background-color:#6c5ce7;background-color:var(--primary-color,#6c5ce7);height:4px;left:0;position:absolute}.tab-line_tabLine__rC7yd[data-position=top]{top:0}.tab-line_tabLine__rC7yd[data-position=bottom]{bottom:0}.tab-folder_tabFolder__2sIvZ{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-folder_folderStyle__3gAmG{background-color:#f6f5fe;background-color:var(--primary-surface-color,#f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px 8px 0 0}.tab-inner_tabInner__1oe-S{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-inner_innerStyle__1Pbkc{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabInner__12olN{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_innerStyle__3iOoW,.responsive-navbar_tab__19ZSQ[data-priority=inner].responsive-navbar_noAnimation__1UICW{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabFolder__1fUi6{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_folderStyle___StDx,.responsive-navbar_tab__19ZSQ[data-priority=folder].responsive-navbar_noAnimation__1UICW{background-color:#f6f5fe;background-color:var(--primary-surface-color,#f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px 8px 0 0}.responsive-navbar_tab__19ZSQ{align-items:center;color:#707279;color:var(--on-surface-medium-color,#707279);cursor:pointer;display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);outline:none;padding:8px 16px;pointer-events:none;position:relative;transition:color .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.responsive-navbar_tab__19ZSQ[data-priority]>div[data-position]{visibility:hidden}.responsive-navbar_tab__19ZSQ.responsive-navbar_active__20v4S,.responsive-navbar_tab__19ZSQ:hover{color:#2b2b2b;color:var(--on-surface-color,#2b2b2b)}.responsive-navbar_tab__19ZSQ.responsive-navbar_active__20v4S[data-priority]>div[data-position]{visibility:visible}.responsive-navbar_tab__19ZSQ.responsive-navbar_active__20v4S[data-priority=folder],.responsive-navbar_tab__19ZSQ.responsive-navbar_active__20v4S[data-priority=inner]{color:#6c5ce7;color:var(--primary-color,#6c5ce7);transition:transform .15s ease-in-out,color .15s ease-in-out}.responsive-navbar_tab__19ZSQ[data-priority=line] .responsive-navbar_lineStyle__2pna4{width:100%}.responsive-navbar_tab__19ZSQ[data-priority=folder],.responsive-navbar_tab__19ZSQ[data-priority=inner]{z-index:1}.responsive-navbar_tab__19ZSQ>*{pointer-events:auto}.responsive-navbar_navTabs__14K55{display:flex;gap:8px;position:relative}.responsive-navbar_navTabs__14K55.responsive-navbar_overflow__3d_eo{overflow-x:auto}.responsive-navbar_more__1dCJb{align-items:center;display:flex}.responsive-navbar_more__1dCJb .responsive-navbar_dots__2jOYy{align-items:center;border-radius:8px;color:#707279;color:var(--on-surface-medium-color,#707279);cursor:pointer;display:flex;justify-content:center;padding:8px 16px;transition:background-color .3s ease-in-out}.responsive-navbar_more__1dCJb .responsive-navbar_dots__2jOYy>img{width:16px}.responsive-navbar_secondaryTabContainer__1h602{z-index:5000}.responsive-navbar_secondaryTabContainer__1h602 .responsive-navbar_item__eVSGN{pointer-events:none;width:100%}.responsive-navbar_secondaryTabContainer__1h602 .responsive-navbar_item__eVSGN .responsive-navbar_menuItem__2woIQ{padding:0;pointer-events:auto}.responsive-navbar_secondaryTabContainer__1h602 .responsive-navbar_item__eVSGN .responsive-navbar_menuItem__2woIQ>*{padding:8px;width:100%}.responsive-navbar_hidden__2vsLW{display:none}.top-bar-nav_topBarLink__2Mg-_{align-items:center;box-sizing:border-box;color:inherit;display:flex;padding:0 4px;position:relative;text-decoration:none;transition:color .3s}.top-bar-nav_topBarLink__2Mg-_:hover:not(.top-bar-nav_active__-Swyn)>div{background-color:var(--bit-bg-heavy)}.top-bar-nav_topBarLink__2Mg-_.top-bar-nav_active__-Swyn{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.top-bar-nav_topBarLink__2Mg-_.top-bar-nav_active__-Swyn:after{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);height:4px}.top-bar-nav_topBarLink__2Mg-_:after{background-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px;bottom:0;content:"";height:0;left:0;position:absolute;right:0;transition:background-color .3s,height .3s}.top-bar-nav_topBarLink__2Mg-_>div{align-items:center;border-radius:8px;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out}.menu_topBar__1zVDB{justify-content:space-between;width:100%}.menu_leftSide__2QCN9,.menu_topBar__1zVDB{align-items:center;display:flex;height:100%;min-width:0}.menu_leftSide__2QCN9{flex-grow:1}.menu_navigation__2VobK{height:100%;list-style:none;padding-left:28px}@media screen and (max-width:768px){.menu_navigation__2VobK{padding-left:0}}.menu_navigation__2VobK li{display:block;height:100%;margin-right:16px}.menu_navigation__2VobK.menu_desktopNav__3ueBm{display:flex}@media screen and (max-width:768px){.menu_navigation__2VobK.menu_desktopNav__3ueBm{display:none}}.menu_navigation__2VobK.menu_mobileNav__2jp2R{align-items:center;display:none}@media screen and (max-width:1200px){.menu_navigation__2VobK.menu_mobileNav__2jp2R{display:flex;margin-right:8px}}.menu_rightSide__NGGSx{align-items:center;display:flex;height:100%;padding-left:16px}.menu_rightSide__NGGSx>*{margin-right:12px}@media screen and (max-width:1200px){.menu_rightSide__NGGSx>*{margin-right:8px}}.menu_rightSide__NGGSx .menu_widget__2le2h{font-size:17px}.menu_useBox__2ibV5{--bit-drawer-margin:14px}.menu_componentVersionMenu__1nAMz{width:350px}.menu_tab__313mY>div{color:#2b2b2b;color:var(--on-background-color,#2b2b2b);padding:0}.menu_topBarNav__3RUac{height:100%}.menu_topBarNav__3RUac.menu_noBorder__Jr9_p:after{display:none}@media screen and (max-width:768px){.menu_hideOnMobile__1DK_k{display:none}}.ellipsis_ellipsisDiv__2s1yg,.ellipsis_ellipsis__1KWX-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__2s1yg{display:inline-block}.dark-theme_darkMod__vMCPC{--bit-text-color:#ededed;--bit-text-color-heavy:#f6f6f6;--bit-text-color-light:#878c9a;--bit-text-inactive:#6c707c;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#6c707c;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#414141;--bit-border-color-lightest:#414141;--bit-accent-color:#5d4aec;--bit-accent-heavy:#6c5ce7;--bit-accent-light:#3e29df;--bit-accent-text:#c9c3f6;--bit-accent-text-heavy:#eceaff;--bit-text-on-accent:var(--bit-text-color,#ededed);--bit-accent-bg:#1a1452;--bit-accent-bg-heavy:#221967;--bit-bg-color:#2b2b2b;--bit-bg-heavy:#414141;--bit-bg-heaviest:#6c707c;--bit-bg-bedrock:#0c0c0c;--bit-navigation:#2b2b2b;--bit-bg-overlay:#2b2b2b;--bit-bg-modal:#2b2b2b;--bit-bg-tooltip:#2b2b2b;--bit-bg-tooltip-heavy:#414141;--bit-bg-dent:#2b2b2b;--bit-error-color:#f7bac9;--bit-error-heavy:#fdeff2;--bit-error-light:#f086a0;--bit-error-bg:#8d1130;--bit-error-bg-heavy:#d31948;color:#ededed}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{left:11px;top:calc(50% - 3px);transform:rotate(90deg)}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{right:11px;top:calc(50% - 3px);transform:rotate(-90deg)}.tippy-svg-arrow{fill:#333;height:16px;text-align:left;text-align:initial;width:16px}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}.tippy-box[data-theme~=teambit]{background:#2b2b2b;background:var(--bit-bg-tooltip,#2b2b2b);border-radius:8px;color:#fff;color:var(--bit-text-color,#fff)}.tippy-box[data-theme~=teambit] .tippy-content{padding:.85em;white-space:nowrap}.tippy-box[data-theme~=teambit].tippy-breakLine .tippy-content{white-space:pre-line;word-break:break-all}.tippy-box[data-theme~=teambit] .tippy-svg-arrow{fill:#2b2b2b;fill:var(--bit-bg-tooltip,#2b2b2b)}.time-ago_dateTooltipContent__3Cx2b,.time-ago_dateTooltip__2a4nl{display:flex}.time-ago_dateTooltip__2a4nl{max-width:none!important;width:-moz-max-content;width:max-content}.styles_avatar__1sNF1{align-items:center;border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:50%;box-sizing:border-box;display:inline-flex;font-weight:700;justify-content:center;position:relative;text-align:center;text-transform:uppercase}.styles_avatar__1sNF1 .styles_letter__1dFwT{color:#fff;color:var(--on-primary-color,#fff);display:inline-block;justify-self:center;text-align:center}.styles_avatar__1sNF1 .styles_orgDefault__HGIf_{display:inline-block;text-align:center}.styles_avatarImg__23No4{border-radius:50%;bottom:0;box-sizing:border-box;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.styles_avatarImg__23No4.styles_blob__1en7n{-o-object-fit:contain;object-fit:contain}.styles_soloAvatarIcon__2Vhtz{align-items:center;display:flex;justify-content:center;overflow:hidden}.styles_default__2aZB8{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);box-sizing:border-box;color:#707279;color:var(--on-background-medium-color,#707279)}.letter-colors_a__3Ii_I{color:#ff6b81}.letter-colors_b__1erjM{color:coral}.letter-colors_c__8H76E{color:#efc951}.letter-colors_d__5xdrS{color:#94cd53}.letter-colors_e__mz-8r{color:#57606f}.letter-colors_f__2cdmc{color:#ffa502}.letter-colors_g__2Qj0v{color:#409d94}.letter-colors_h__3Izci{color:#ff4757}.letter-colors_i__3FKtz{color:#747d8c}.letter-colors_j__1Y44L{color:#2f3542}.letter-colors_k__KocTw{color:#c47367}.letter-colors_l__ltY5I{color:#70a1ff}.letter-colors_m__DdUHo{color:#6665e2}.letter-colors_n__1LDA3{color:#2c437e}.letter-colors_o__3YqTt{color:#60a3bc}.letter-colors_p__3DVOU{color:#2ed573}.letter-colors_q__UcNJ0{color:#1e90ff}.letter-colors_r__22UwB{color:#275a80}.letter-colors_s__rgBYv{color:#7e6a6a}.letter-colors_t__FZphQ{color:#5fc068}.letter-colors_u__2nUD-{color:#d03961}.letter-colors_v__1LA9Q{color:#006266}.letter-colors_w__3JW59{color:#833471}.letter-colors_x__1FNP1{color:#fda7df}.letter-colors_y__F98aU{color:#12cbc4}.letter-colors_z__3qGgy{color:#4a69bd}.letter-bg-colors_a__1bCAX{background-color:#ff6b81}.letter-bg-colors_b__OzeP8{background-color:coral}.letter-bg-colors_c__vzzSp{background-color:#efc951}.letter-bg-colors_d__1Fe-5{background-color:#94cd53}.letter-bg-colors_e__1fRhW{background-color:#57606f}.letter-bg-colors_f__3NnVq{background-color:#ffa502}.letter-bg-colors_g__2byGp{background-color:#409d94}.letter-bg-colors_h__3vpLR{background-color:#ff4757}.letter-bg-colors_i__1h4Mc{background-color:#747d8c}.letter-bg-colors_j__3eLF_{background-color:#2f3542}.letter-bg-colors_k__2dISa{background-color:#c47367}.letter-bg-colors_l__3wQSV{background-color:#70a1ff}.letter-bg-colors_m__2ugOl{background-color:#6665e2}.letter-bg-colors_n__3lmBI{background-color:#2c437e}.letter-bg-colors_o__Bv1qR{background-color:#60a3bc}.letter-bg-colors_p___JIfu{background-color:#2ed573}.letter-bg-colors_q__3va24{background-color:#1e90ff}.letter-bg-colors_r__YN4go{background-color:#275a80}.letter-bg-colors_s__LvKyb{background-color:#7e6a6a}.letter-bg-colors_t__144gx{background-color:#5fc068}.letter-bg-colors_u__3UCPK{background-color:#d03961}.letter-bg-colors_v__Pje0Q{background-color:#006266}.letter-bg-colors_w__3f5I-{background-color:#833471}.letter-bg-colors_x__1uIhW{background-color:#fda7df}.letter-bg-colors_y__XfsVn{background-color:#12cbc4}.letter-bg-colors_z__Kc019{background-color:#4a69bd}.skeleton_block__LnF7C,.skeleton_circle__2R2zC,.skeleton_skeleton__XLcB5{background:currentColor}.skeleton_line__rq0jJ>*,.skeleton_skeletonContent__1ebTI>*,.skeleton_word__3F6ok>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__3F6ok{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__rq0jJ>*{width:100%}.skeleton_circle__2R2zC{border-radius:50%!important;display:inline-block;height:1em;width:1em}.skeleton-design_line__3Ctr5>*,.skeleton-design_skeletonContent__WVd3L>*,.skeleton-design_word__1RgVx>*{border-radius:4px}.skeleton-design_block__1q8kb,.skeleton-design_circle__3WCCW,.skeleton-design_line__3Ctr5>*,.skeleton-design_shimmer__3ibLc,.skeleton-design_skeletonContent__WVd3L>*,.skeleton-design_skeleton__mlV5I,.skeleton-design_word__1RgVx>*{animation:skeleton-design_placeHolderShimmer__g423G 1.5s linear infinite forwards;background-image:linear-gradient(90deg,currentColor 0,hsla(0,0%,100%,.38) 30%,hsla(0,0%,100%,.38) 70%,currentColor);background-repeat:no-repeat;background-size:10vw}@keyframes skeleton-design_skeleton-effect-fade__2FcVU{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes skeleton-design_placeHolderShimmer__g423G{0%{background-position:-10vw 0}to{background-position:100vw 0}}.skeleton-design_block__1q8kb{border-radius:4px}.version-dropdown-placeholder_detailed__3GVrd,.version-dropdown-placeholder_simple__TwjFa{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;gap:8px;height:30px;line-height:1.2em;padding:8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-dropdown-placeholder_detailed__3GVrd:hover,.version-dropdown-placeholder_simple__TwjFa:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_detailed__3GVrd.version-dropdown-placeholder_disabled__1TpJK,.version-dropdown-placeholder_simple__TwjFa.version-dropdown-placeholder_disabled__1TpJK{background-color:#ededed;background-color:var(--border-medium-color,#ededed);color:#707279;color:var(--on-background-medium-color,#707279);cursor:default}.version-dropdown-placeholder_detailed__3GVrd.version-dropdown-placeholder_disabled__1TpJK>span,.version-dropdown-placeholder_simple__TwjFa.version-dropdown-placeholder_disabled__1TpJK>span{display:none}.version-dropdown-placeholder_versionName__NFtt9{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_commitMessage__1-G6n{flex-grow:1;max-width:200px}.version-dropdown-placeholder_versionUserAvatar__2M3Z2{flex:none;margin-right:5px}.version-dropdown-placeholder_loader__2TTe1{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown-placeholder_loader__2TTe1>span{padding:4px}.item_menuItem__2h_xL{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none}.item_menuItem__2h_xL .item_icon__2g1SN{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__2GFa6:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active__1jy5V,.item_active__1jy5V:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active__1jy5V .item_icon__2g1SN{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.abs-container_container__3DRE5{position:relative}.abs-container_containee__2YHXp{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__2YHXp{visibility:visible}.positions_top__9QkuL{bottom:100%}.positions_top-start__1Ydt3{bottom:100%;left:0}.positions_top-end__PL3I7{bottom:100%;right:0}.positions_right__1-d9C{left:100%}.positions_right-start__3Ev9r{left:100%;top:0}.positions_right-end__VQ6lo{bottom:0;left:100%}.positions_bottom__1R7lM{top:100%}.positions_bottom-start__1uHY3{left:0;top:100%}.positions_bottom-end__3n8D5{right:0;top:100%}.positions_left__1nG7t{right:100%}.positions_left-start__11oaz{right:100%;top:0}.positions_left-end__2sOa9{bottom:0;right:100%}.positions_cover__3-dyX{left:0;top:0}.displacement_displacement__xZyVx[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__xZyVx[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__xZyVx[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__xZyVx[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__xZyVx[data-position=bottom-start],.displacement_displacement__xZyVx[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__xZyVx[data-position=bottom-end],.displacement_displacement__xZyVx[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__xZyVx[data-position^=left-start],.displacement_displacement__xZyVx[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__xZyVx[data-position^=left-end],.displacement_displacement__xZyVx[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__1zUrV{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elevations_low__KWOUs{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__1b7Vc{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__3bcls{box-shadow:var(--bit-shadow-hover-high)}.dropdown_dropdown__19OoL{padding:8px}.fade-in-out_fadeInOut__2tx3x{opacity:0;transform:scale(.61);transition:all .18s}[data-open=true]>.fade-in-out_fadeInOut__2tx3x{opacity:1;transform:scale(1)}.tab_tab__2HwlX{align-items:center;border-bottom:3px solid #fff;border-bottom:3px solid var(--bit-bg-modal,#fff);box-sizing:border-box;cursor:pointer;display:flex;margin-right:8px;padding:0 16px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab_tab__2HwlX.tab_active__2DKwg{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.version-dropdown_versionDropdown__26zMI{height:100%}.version-dropdown_versionDropdown__26zMI>div{align-items:center;display:flex;height:100%}.version-dropdown_versionDropdown__26zMI .version-dropdown_menu__3gzq4{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:0;z-index:5000}.version-dropdown_title__3hQ6s{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 16px 12px}.version-dropdown_titleContainer__3HByT{margin-bottom:2px}.version-dropdown_versionContainerRoot__3qX9w{max-height:240px;overflow-y:scroll;padding-bottom:8px;position:relative}.version-dropdown_versionRow__33k0f{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 16px}.version-dropdown_versionRow__33k0f:hover{background-color:#eceaff!important;background-color:var(--surface-hover-color,#eceaff)!important}.version-dropdown_versionRow__33k0f.version-dropdown_localVersion__1_Kj1{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.version-dropdown_versionRow__33k0f .version-dropdown_versionTimestamp__2slIn{margin-right:2px}.version-dropdown_versionRow__33k0f .version-dropdown_versionUserAvatar__28p6g{padding:0 8px}.version-dropdown_versionRow__33k0f .version-dropdown_laneIcon__3wXox{padding:0 4px}.version-dropdown_versionRow__33k0f .version-dropdown_version__32b-4{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.version-dropdown_versionRow__33k0f .version-dropdown_versionName__1MBcM{min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-dropdown_withVersions__3soV6{cursor:pointer}.version-dropdown_withVersions__3soV6>div{margin-right:5px}.version-dropdown_withVersions__3soV6>span{display:inline;display:initial}.version-dropdown_withVersions__3soV6:hover{background-color:var(--bit-bg-heavy)}[data-open=true] .version-dropdown_withVersions__3soV6{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);transition:color .3s,background-color .3s ease-in-out}[data-open=true] .version-dropdown_withVersions__3soV6,[data-open=true] .version-dropdown_withVersions__3soV6:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.version-dropdown_tabs__2kYKG{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;margin-top:8px;overflow-x:auto;padding:0 24px}.version-dropdown_tabs__2kYKG .version-dropdown_tab__3dSKy{font-size:12px;font-weight:700;padding-top:4px}.version-dropdown_loader__3s76A,.version-dropdown_loading__VHpGU{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown_loader__3s76A>div{padding:8px 0}.version-dropdown_versionMenuContainer__2KM1E{display:inline;display:initial}.version-dropdown_versionMenuContainer__2KM1E.version-dropdown_hide__2llxh{display:none}.pill-label_pillLabel__3sda0{align-items:center;border:1px solid #ededed;border-color:var(--bit-border-color-lightest,#ededed);border-radius:12px;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);padding:2px 8px;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.version-label_label__1Ng5i.version-label_latest__1rRkY{border-color:#37b26c;color:#37b26c}.version-label_label__1Ng5i.version-label_current__2rAp6{border-color:#0984e3;color:#0984e3}.version-label_versionLabel__3AsAM{align-self:flex-end;margin-bottom:16px}.version-label_emptyLabel__Y7g6c{height:25px;margin-bottom:16px}.version-label_labelContainer__1_QHn{display:flex;flex-direction:column}.version-info_versionRow__sk5Vp{align-items:center;display:flex;height:40px;justify-content:space-between;line-height:1.2em;padding:0 16px}.version-info_versionRow__sk5Vp:hover{background-color:#eceaff!important;background-color:var(--surface-hover-color,#eceaff)!important}.version-info_versionTimestamp__m888-{margin-right:2px;min-width:-moz-fit-content;min-width:fit-content;text-align:right}.version-info_versionUserAvatar__l37Sw{flex:none;padding:0 8px}.version-info_laneIcon__2hi5u{padding:0 4px}.version-info_version__2P46N{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;max-width:70%;overflow:hidden}.version-info_versionName__1u2vs{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-info_commitMessage__21dib{flex-grow:1;padding:0 8px}.version-info_emptyMessage__1gMR5{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:var-bit-p-xs,14px;font-style:italic;padding:0 8px}.lane-info_versionRow__1ALU1{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 24px}.lane-info_versionRow__1ALU1 .lane-info_versionTimestamp__2BmOW{margin-right:2px}.lane-info_versionRow__1ALU1 .lane-info_versionUserAvatar__3gd_r{padding:0 8px}.lane-info_versionRow__1ALU1 .lane-info_laneIcon__mdCcY{padding:0 4px}.lane-info_versionRow__1ALU1 .lane-info_version__Q2Rmg{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.lane-info_versionRow__1ALU1 .lane-info_versionName__1Rjli{padding:0 8px}.tooltip-card_menu__3RzP2{background:var(--bit-bg-tooltip);padding:8px}.arrow_arrow__r9zS3{margin:0 auto;position:absolute}.arrow_arrow__r9zS3:before{background:var(--bit-bg-tooltip);content:"";display:block;height:10px;transform:rotate(45deg);width:10px}.arrow-position_bottom__ksXRc,.arrow-position_top__2UohA{left:calc(50% - 5px)}.arrow-position_left__2kcMD,.arrow-position_right__2zirM{top:calc(50% - 5px)}.arrow-position_cover__jK0qo,.arrow-position_none__RAlw_{display:none}.arrow-shadow_top-end__2AZ84:before,.arrow-shadow_top-start__GsGq9:before,.arrow-shadow_top__3Iy68:before{box-shadow:2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_bottom-end__1HejS:before,.arrow-shadow_bottom-start__3kVtj:before,.arrow-shadow_bottom__SRh28:before{box-shadow:-2px -2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_right-end__3B4qL:before,.arrow-shadow_right-start__1je4v:before,.arrow-shadow_right__1ccHd:before{box-shadow:-2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_left-end__TklIQ:before,.arrow-shadow_left-start__32eSB:before,.arrow-shadow_left__2ChhW:before{box-shadow:2px -2px 4px 0 rgba(0,0,0,.1)}.tooltip-drawer_tooltip__2NfCZ{--bit-drawer-margin:10px}.tooltip-drawer_arrow__sErK4{--bit-drawer-margin:5px;--bit-drawer-indent:8px}.key_keyCombo__17vJb{align-items:center;display:flex;white-space:nowrap}.key_keyCombo__17vJb .key_keycap__1nF_K{margin-right:4px}.key_keyCombo__17vJb .key_keycap__1nF_K:last-child{margin-right:0}.key_keySequence__1VSYP{align-items:center;display:flex;white-space:nowrap}.key_keycap__1nF_K{align-items:center;background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6);border-radius:3px;box-sizing:border-box;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:flex;font-size:12px;height:1.7em;justify-content:center;min-width:1.7em;padding:0 .4em;text-transform:uppercase}.key_thenSep__3makm{font-size:.8em;margin:0 4px}.main-dropdown_mainDropdown__39wRq{height:100%}.main-dropdown_mainDropdown__39wRq>div{align-items:center;display:flex;height:100%}.main-dropdown_mainDropdown__39wRq .main-dropdown_menu__D94FT{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:-5px;width:300px}.main-dropdown_mainDropdown__39wRq .main-dropdown_menu__D94FT>div{margin-bottom:8px}.main-dropdown_iconAnchor__3kOgE{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:30px;transition:background-color .3s ease-in-out}[data-open=true] .main-dropdown_iconAnchor__3kOgE{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}[data-open=true] .main-dropdown_iconAnchor__3kOgE,[data-open=true] .main-dropdown_iconAnchor__3kOgE:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.main-dropdown_iconAnchor__3kOgE:hover{background-color:var(--bit-bg-heavy)}.main-dropdown_icon__euv6z{padding:0 8px}.main-dropdown_menuBlock__2k6Mz{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 0 10px}.main-dropdown_menuBlock__2k6Mz:last-child{border-bottom:none}.main-dropdown_title__FGB-K{color:#878c9a;font-size:10px;font-weight:700;margin-bottom:8px;padding:0 16px;text-transform:uppercase}.main-dropdown_line__fYon2{align-items:center;cursor:pointer;display:flex;height:36px;justify-content:space-between;padding:0 16px}.main-dropdown_line__fYon2:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_menu__8vavp{border-radius:6px;font-size:14px;font-size:var(--bit-p-xs,14px);padding:0;width:400px;z-index:102}.dropdown_placeholder__dQj0A{align-items:center;background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #37b26c;border-radius:6px;box-sizing:border-box;color:#37b26c;cursor:pointer;display:flex;height:30px;padding:0 6px;transition:background-color .3s,color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown_placeholder__dQj0A:hover{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff)}@media screen and (max-width:768px){.dropdown_placeholder__dQj0A{padding:0 8px}.dropdown_placeholder__dQj0A .dropdown_content__3xl2c{display:none}}.dropdown_placeholder__dQj0A>span:first-child{font-size:17px}[data-open=true] .dropdown_placeholder__dQj0A{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff);transition:color .3s,background-color .3s ease-in-out}.dropdown_placeholder__dQj0A>div{padding:0 6px}.menu_container__3zMs0{z-index:5000}.menu_top__ef3G5{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);padding:16px 24px 24px}.menu_title__2ElZV{align-items:center;display:flex;font-size:var(--bit-p-xs);font-weight:700}.menu_title__2ElZV>span:first-child{font-weight:inherit;margin-right:8px}.menu_drawer__2RnW5{justify-content:space-between}.menu_drawer__2RnW5>div{align-items:center;display:flex}.menu_drawer__2RnW5>div>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_tabs__AJKgk{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;overflow-x:auto;padding:0 24px}.menu_registry__3uBL->div:last-child{border-top:none;padding:0}.menu_importContent__2Vofh>div{margin:12px 0}.menu_importContent__2Vofh>div:nth-child(2),.menu_importContent__2Vofh>div:nth-child(4){margin-bottom:24px}.menu_bottom__3dV6T{align-items:center;display:flex}.menu_bottom__3dV6T>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_disabled__1IeSs{background-color:#fffcf4;background-color:var(--warning-surface-color,#fffcf4);font-size:12px;font-size:var(--bit-p-xs,12px);padding:4px}.menu_warnIcon__1lG-b{filter:invert(59%) sepia(75%) saturate(402%) hue-rotate(3deg) brightness(82%) contrast(100%);padding-right:4px}.tab-content_middle__1jaz8{margin:0 24px 16px}.tab-content_middle__1jaz8>div{margin:12px 0}.tab-content_bottom__viJQl{border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);padding:8px 0}.tab-content_drawer__2deiQ{align-items:center;display:flex;justify-content:space-between}.tab-content_open__3SHSg{transform:rotate(180deg)}.bottom-link_link__3ztbC{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);cursor:pointer;display:flex;height:40px;padding:0 24px;text-decoration:none;text-decoration:initial}.bottom-link_link__3ztbC:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed)}.bottom-link_link__3ztbC>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.copied-message_copiedMessage__bwPvJ{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__2YJyu{opacity:1;visibility:visible}.grid_gridContainer__Sd_U5{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__1bmNI{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__VBYCs{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__PE7pT{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__29gyE{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__3DoGH{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__20pa3{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__3Uipc{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__3a7ep{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__24XtX{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__2xZUq{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__2N4v-{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2__RrxZK{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__26hWJ{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__3JbVo{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__2E2B6{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__et6HA{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__12OEX{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__31JuT{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__xwt2H{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__2mWeT{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__BgQvg{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__1z7CT{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__1ACIx{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__1XxKH{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__3poVM{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__21vVf{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__2QA2R{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__1nzLz{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__1jsV3{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__22XuL{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__3ez8a{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__38wI6{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__2mYeR{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__GS7zN{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__3CBFs{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__sRH0F{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__nvSqH{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__2G-PK{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__3mPou{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__1ILTz{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__3KmCA{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__2KiMk{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__3-YoV{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__2GDTQ{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__q86EY{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__3E0w0{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__3Am2f{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__2DrJm{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__1nQB6{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__3GnTH{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8__3WAZf{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__18pZq{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8__wmiYo{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__201GM{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__9L6wk{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__3fAW6{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__3-2HO{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__1s23N{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__YhOJY{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__2DLd6{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__tEITN{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__2e9c_{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__3KgyU{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__wMXHc{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__827CH{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__2cIWZ{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__19GnH{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__yHBMv{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__3_XsD{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__1aK9M{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__1yC2F{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__3YVqp{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__3rur1{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__2UqN8{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__22tHV{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__297WT{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__23AYC{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__2uSOm{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__ifheG{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__33HXT{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__3Nzub{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__ZaZcI{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__1IdhS{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__11Mby{grid-template-columns:repeat(12,1fr)}.copy-box_copyBox__2AlO5{align-items:center;background:var(--bit-bg-dent);border:1px solid var(--bit-border-color-lightest);border-radius:6px;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;line-height:115%;min-width:80px;padding:0 11px}.copy-box_copyBox__2AlO5 .copy-box_leftSection__3zbqX{font-family:monospace;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:pre}.copy-box_button__2tU8n{background-color:var(--bit-bg-color-highlight);border:none;box-sizing:border-box;color:var(--bit-accent-color);cursor:pointer;outline:none}.copy-box_rightSection__2VJPb{align-items:center;display:flex;position:relative}.copy-box_copyIcon__2Uha1{font-size:var(--bit-p-lg)}.bit-info_moreInfo__tZRLc>div:last-child{border-top:none;padding:0}.inline-code_inlineCode__2vWE7{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__7Gkep{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.size-definition_headingFontSize__kBO1L{--bit-h-xxs:18px;--bit-h-xs:26px;--bit-h-sm:36px;--bit-h-md:40px;--bit-h-lg:50px;--bit-h-xl:60px;--bit-h-xxl:80px}.size-definition_textFontSize__3sn7s{--bit-p-xxs:12px;--bit-p-xs:14px;--bit-p-sm:15px;--bit-p-md:16px;--bit-p-lg:18px;--bit-p-xl:20px;--bit-p-xxl:24px}.shadow-definition_shadowTheme__3O_aD{--bit-shadow-none:none;--bit-shadow-faint:0 2px 10px 0 rgba(0,0,0,.1);--bit-shadow-resting:0px 0px 4px rgba(0,0,0,.08),0px 2px 4px rgba(0,0,0,.08);--bit-shadow-raised-low:0 -1px 1px 0 rgba(0,0,0,.09),0 2px 2px 0 rgba(0,0,0,.23);--bit-shadow-hover-low:0 2px 8px 0 rgba(0,0,0,.2);--bit-shadow-hover-medium:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);--bit-shadow-hover-high:0px 11px 29px 0px rgba(0,0,0,.23)}.color-definition_primaryPalette__2evGB{--bit-text-color:#414141;--bit-text-color-heavy:#2b2b2b;--bit-text-color-light:#6c707c;--bit-text-inactive:#babec9;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#babec9;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#cccfd4;--bit-border-color-lightest:#ededed;--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6;--bit-bg-color:#fff;--bit-bg-heavy:#f6f6f6;--bit-bg-heaviest:#ededed;--bit-bg-bedrock:#fff;--bit-bg-navigation:#f6f6f6;--bit-bg-overlay:#fff;--bit-bg-modal:#fff;--bit-bg-tooltip:#fff;--bit-bg-tooltip-heavy:#f6f6f6;--bit-bg-dent:#f6f6f6;--bit-error-color:#e62e5c;--bit-error-heavy:#d31948;--bit-error-light:#f086a0;--bit-error-bg:#fdeff2;--bit-error-bg-heavy:#f7bac9;color:#414141}.brand-definition_brands__11VLX{--bit-github-bg:#2b2b2b;--bit-brand-text:#fff;--bit-slack-bg:#4a154b;--bit-twitter-bg:#1da1f2}.heading-margin-definition_headingMargins__x3ZTG{--bit-h1Margin:20px;--bit-h2Margin:20px;--bit-h3Margin:20px;--bit-h4Margin:8px;--bit-h5Margin:8px;--bit-h6Margin:8px;--bit-h7Margin:8px}@font-face{font-family:"CircularPro";src:url(https://static.bit.dev/fonts/CircularPro-Book.otf)}@font-face{font-family:"CircularPro";font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-Bold.otf)}@font-face{font-family:"CircularPro";font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-Black.otf)}@font-face{font-family:"CircularPro";font-style:italic;src:url(https://static.bit.dev/fonts/CircularPro-BookItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-BoldItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-BlackItalic.otf)}.book-font_bookFont__3TEqD{font-family:"CircularPro","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}.texts_defaults__10H4N{line-height:1.23}.sizes_heading__YfJ7P{--bit-h-xxs:16px;--bit-h-xs:18px;--bit-h-sm:24px;--bit-h-md:26px;--bit-h-lg:36px;--bit-h-xl:40px;--bit-h-xxl:50px}.global_overrides__3gxgV{line-height:normal}.pane_pane__veuA0{transition:width .3s,height .3s}[data-split-layout*=first]>.pane_pane__veuA0,[data-split-layout*=last]>.pane_pane__veuA0{max-width:none;min-width:0;min-width:auto}.splitter_splitter__1v8h5{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-split-layout^=row] .splitter_splitter__1v8h5{cursor:col-resize;height:100%}[data-split-layout^=column] .splitter_splitter__1v8h5{cursor:row-resize;width:100%}body{padding:0}.split-pane_splitPane__3chvd{display:flex;flex-direction:column}.split-pane_splitPane__3chvd.split-pane_isDragging__2amKx{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.split-pane_splitPane__3chvd[data-is-dragging=true]>*{transition:none}.split-pane_splitPane__3chvd[data-split-layout^=row]{flex-direction:row}.split-pane_splitPane__3chvd[data-split-layout^="row reverse"]{flex-direction:row-reverse}.split-pane_splitPane__3chvd[data-split-layout^=column]{flex-direction:column}.split-pane_splitPane__3chvd[data-split-layout^="column reverse"]{flex-direction:column-reverse}.splitter_hoverSplitter__ibs9P{background:#ededed;background:var(--bit-border-color-lightest,#ededed);flex:none;min-height:1px;min-width:1px;position:relative}.splitter_highlighter__T6GwK{height:100%;width:100%}.splitter_highlighter__T6GwK,.splitter_highlighter__T6GwK:after,.splitter_highlighter__T6GwK:before{transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.splitter_highlighter__T6GwK:hover,.splitter_highlighter__T6GwK:hover:after,.splitter_highlighter__T6GwK:hover:before,[data-is-dragging=true]>.splitter_hoverSplitter__ibs9P>.splitter_highlighter__T6GwK,[data-is-dragging=true]>.splitter_hoverSplitter__ibs9P>.splitter_highlighter__T6GwK:after,[data-is-dragging=true]>.splitter_hoverSplitter__ibs9P>.splitter_highlighter__T6GwK:before{background:#6c5ce7;background:var(--bit-accent-color,#6c5ce7);transition-delay:.18s}.splitter_highlighter__T6GwK:after,.splitter_highlighter__T6GwK:before{background:transparent;content:" ";display:block;position:absolute}[data-split-layout^=row]>.splitter_hoverSplitter__ibs9P>.splitter_highlighter__T6GwK:after,[data-split-layout^=row]>.splitter_hoverSplitter__ibs9P>.splitter_highlighter__T6GwK:before{height:100%;width:200%}[data-split-layout^=row]>.splitter_hoverSplitter__ibs9P>.splitter_highlighter__T6GwK:before{left:-200%}[data-split-layout^=row]>.splitter_hoverSplitter__ibs9P>.splitter_highlighter__T6GwK:after{right:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__ibs9P>.splitter_highlighter__T6GwK:after,[data-split-layout^=column]>.splitter_hoverSplitter__ibs9P>.splitter_highlighter__T6GwK:before{height:200%;width:100%}[data-split-layout^=column]>.splitter_hoverSplitter__ibs9P>.splitter_highlighter__T6GwK:before{top:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__ibs9P>.splitter_highlighter__T6GwK:after{bottom:-200%}.table-heading-column_headingColumn__2HRSD{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--bit-p-xxs);font-weight:700}.table-heading-row_titleRow__1fkOH{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:grid;padding:18px 20px}.table-heading-row_titleRow__1fkOH.table-heading-row_hide__3Dws-{display:none}.table-heading-row_titleCol__31N4k{color:var(--bit-text-color-light);text-transform:uppercase}.table-column_tableColumn__3UL0s{align-items:center;display:flex;font-size:var(--bit-p-xs)}.table-row_propRow__3in9b{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,var(--bit-border-color-lightest,#ededed));margin-bottom:8px;padding:18px 20px}.table-row_propRow__3in9b.table-row_singleColumn__2EowM{grid-template-columns:repeat(1,1fr)}.table-row_mobileTitle__Kr51h{display:none}.table-row_mobileTitle__Kr51h.table-row_show__EbJqY{color:var(--bit-text-color-light);display:flex;font-size:var(--bit-p-xxs);font-weight:700;min-width:110px;text-transform:uppercase}.table-row_columnContent__H74AP,.table-row_column__1sVpC{align-items:center;display:flex;flex-wrap:wrap}.table-row_title__WZ4lb{margin:initial;text-transform:capitalize}.table-row_required__YTKPP{color:var(--bit-text-color-light);font-size:12px;white-space:nowrap}.table-row_name__1_lKU{color:#4646c6;margin-right:5px}.table-row_name__1_lKU,.table-row_type__3IyDE{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_type__3IyDE{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff);border-radius:4px;display:inline-block;padding:5px;width:-moz-fit-content;width:fit-content}.table-row_typeColumn__34a0R .table-row_highlighted__2b9my{background:transparent none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;display:flex!important;flex-grow:1;font-family:Roboto mono;font-size:var(--bit-p-xxs);margin:0;padding:0!important;white-space:pre-wrap;word-break:break-word}.table-row_typeColumn__34a0R .table-row_highlighted__2b9my>code>span{color:#397300}.table-row_typeColumn__34a0R .table-row_highlighted__2b9my>code{font-family:inherit}.table-row_default__zw6HX{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_breakWord__3xe6h{word-break:break-word}.table_table__2JGw5>div{grid-gap:16px 24px}.tabs_tabContainer__3ffie{display:flex}.tabs_tab__1u6Qx{color:#878c9a;color:var(--on-background-color,#878c9a);cursor:pointer;font-size:12px;font-weight:700;outline:none;padding:8px;position:relative;text-transform:uppercase;transition:color .3s ease-in-out}.tabs_tab__1u6Qx:hover{color:var(--primary-color)}.tabs_tab__1u6Qx.tabs_disabled__21PDt{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.tabs_tab__1u6Qx.tabs_active__1QtYl:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.collapser-button_collapser__2qEPm{bottom:8px;cursor:pointer;position:absolute;z-index:100}.collapser-button_collapser__2qEPm.collapser-button_right__3kYNA{left:8px}.collapser-button_collapser__2qEPm.collapser-button_right__3kYNA.collapser-button_open__3y1Vb .collapser-button_circle__2cuYC>div{transform:rotate(-.5turn);transform-origin:center}.collapser-button_collapser__2qEPm.collapser-button_left__m-Exj{right:8px}.collapser-button_collapser__2qEPm.collapser-button_left__m-Exj .collapser-button_circle__2cuYC>div{transform:rotate(-.5turn);transform-origin:center}.collapser-button_collapser__2qEPm.collapser-button_left__m-Exj.collapser-button_open__3y1Vb .collapser-button_circle__2cuYC>div{transform:rotate(0turn);transform-origin:center}.collapser-button_circle__2cuYC{align-items:center;background-color:hsla(0,0%,57%,.2);background-color:#6c707c;background-color:var(--border-medium-color,#6c707c);border-radius:5px;display:flex;font-size:20px;height:100%;padding:6px;transition:padding .3s ease-in-out}.collapser-button_circle__2cuYC:hover{background-color:#6c707c;background-color:var(--border-high-color,#6c707c)}.collapser-button_circle__2cuYC>div{align-items:center;display:flex;height:-moz-fit-content;height:fit-content;transition:transform .3s ease-in-out}.empty-box_emptyCompositions__282Ca{font-size:15px;font-size:var(--bit-p-sm,15px);margin:auto;padding:20px}.empty-box_emptyCompositions__282Ca *{text-overflow:ellipsis}.empty-box_innerBorder__1N_WY{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:8px;overflow:hidden;padding:24px}.empty-box_innerBorder__1N_WY>div{font-weight:700;margin-bottom:14px;overflow:hidden}.empty-box_innerBorder__1N_WY>a{color:#897dec;text-decoration:none}.empty-box_innerBorder__1N_WY>a>span{font-size:12px;font-size:var(--bit-p-xxs,12px);padding-left:5px}.preview_preview__1HyM7{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-menu-bar_compositionsMenuBar__2hqhJ{align-items:center;box-sizing:border-box;display:flex;padding:8px}.compositions-menu-bar_spacer__2dTyO{flex:1 0}.block-quote_blockQuote__UQdFm{background-color:hsla(0,2%,79%,.2);border-left:5px solid #897dec;border-radius:5px;margin:0 0 1em;padding:1em 10px 1em 18px}.block-quote_blockQuote__UQdFm>:last-child{margin-bottom:0}.bold_bold__GjOPo{font-weight:700}.external-link_link__2noiz{text-decoration:none}.external-link_link__2noiz:hover{text-decoration:underline}.heading-sizes_xxs__3EgRC{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__2N4RG{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__2bp9b{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__izXun{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__2t_l5{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__1xEte{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__2Tpp5{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__1hPjz,.heading_h2__3X3iD,.heading_h3__3onXg,.heading_h4__1xpVF,.heading_h5__11W3v,.heading_h6__1bk4H{font-weight:700;margin:0}.heading_h1__1hPjz{margin-bottom:20px}.anchor_anchor__QCn-t{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__3NY9U{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__3BJvr{align-items:center;display:flex;margin-bottom:16px;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__3BJvr:hover .linked-heading_anchor__1unvN{opacity:1;visibility:inherit}.linked-heading_heading__34Bob{margin-bottom:0;margin-right:8px}.linked-heading_anchor__1unvN{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.create-heading_mdxLinkedHeading__1-Ld_{justify-content:start;margin-top:40px;width:100%}.create-heading_mdxLinkedHeading__1-Ld_[align=center]{justify-content:center}.create-heading_mdxLinkedHeading__1-Ld_[align=left]{justify-content:start}.create-heading_mdxLinkedHeading__1-Ld_[align=right]{justify-content:flex-end}.create-heading_mdxLinkedHeading__1-Ld_.create-heading_mainHeadingStyles__3mn9H{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding-bottom:8px}.create-heading_mdxLinkedHeading__1-Ld_:first-child{padding-top:0}.image_img__2Ioir{max-width:100%}.image_img__2Ioir:not(:last-child){margin-bottom:16px}.inline-code_inlineCode__3htva{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__39Zjt{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.italic_italic__2tKmJ{font-style:italic}.ol_ol__1_Ii0{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ol_ol__1_Ii0 ol,.ol_ol__1_Ii0 ul{padding-left:18px}.ol_ol__1_Ii0>li>p{margin-bottom:0}.text-sizes_xxs__2_cl1{font-size:12px;font-size:var(--bit-p-xxs,12px)}.text-sizes_xs__25v-g{font-size:14px;font-size:var(--bit-p-xs,14px)}.text-sizes_sm__2aucW{font-size:15px;font-size:var(--bit-p-sm,15px)}.text-sizes_md__15Bm3{font-size:16px;font-size:var(--bit-p-md,16px)}.text-sizes_lg__1h5i0{font-size:18px;font-size:var(--bit-p-lg,18px)}.text-sizes_xl__J0cxN{font-size:20px;font-size:var(--bit-p-xl,20px)}.text-sizes_xxl__3A15I{font-size:24px;font-size:var(--bit-p-xxl,24px)}.paragraph_paragraph__2ElIf{margin:0 0 1em}.separator_separator__18fdf{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.copied-message_copiedMessage__2hKeY{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__20uNy{opacity:1;visibility:visible}.code-snippet_snippetWrapper__17TAF{position:relative}.code-snippet_snippetWrapper__17TAF:hover .code-snippet_copyIcon__3Neoz{opacity:1}.code-snippet_snippetWrapper__17TAF .code-snippet_codeSnippet__12Sz9{background-color:#fff;border-radius:10px;font-family:Roboto mono;font-size:var(--bit-p-xs);margin:0!important;padding:16px!important}.code-snippet_snippetWrapper__17TAF .code-snippet_copyIcon__3Neoz{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#414141;cursor:pointer;margin-left:8px;opacity:0;padding:2px;transition:opacity .3s ease-in-out;width:24px}.code-snippet_snippetWrapper__17TAF code{font-family:inherit!important}.code-snippet_copy__3Gu7H{align-items:center;display:flex;position:absolute;right:6px;top:6px}.error_error__2c-_x{color:#e62e5c;color:var(--bit-error-color,#e62e5c)}.react-playground_column__18enZ{height:450px}.react-playground_column__18enZ .react-playground_codePane__3WsM5,.react-playground_column__18enZ .react-playground_previewPane__M22yJ{max-height:90%;min-height:10%;width:100%}.react-playground_column__18enZ .react-playground_error__2OPWH,.react-playground_column__18enZ .react-playground_previewPane__M22yJ{border-bottom:none;border-radius:6px 6px 0 0}.react-playground_row__1xf0n{height:100%;max-height:450px}.react-playground_row__1xf0n .react-playground_codePane__3WsM5,.react-playground_row__1xf0n .react-playground_previewPane__M22yJ{height:100%;max-width:90%;min-width:10%}.react-playground_row__1xf0n .react-playground_error__2OPWH,.react-playground_row__1xf0n .react-playground_previewPane__M22yJ{border-left:none;border-radius:0 6px 6px 0}.react-playground_error__2OPWH{background-color:var(--bit-bg-color);border:1px solid var(--bit-error-color);bottom:0;box-sizing:border-box;color:var(--bit-error-color);font-family:Roboto mono;font-size:11px;left:0;margin:0;overflow:auto;padding:8px;position:absolute;right:0;top:0;transition:all 1s ease-in-out}.react-playground_codePane__3WsM5{background-color:#282c34;overflow:auto}.react-playground_editor__i3feG{font-family:Roboto mono!important;font-size:11px;max-width:none!important;min-width:100%;width:-moz-fit-content;width:fit-content}.react-playground_editor__i3feG>textarea{outline:none;white-space:pre!important}.react-playground_editor__i3feG>pre{white-space:pre!important}.react-playground_splitter__3WVus{background-color:#282c34}.react-playground_previewPane__M22yJ{border:1px solid var(--bit-border-color-lightest);box-sizing:border-box;display:flex;flex-shrink:1!important;overflow:auto;position:relative;transform:translateZ(0)}.react-playground_previewBox__OMeH2{margin:auto;min-height:20px;min-width:20px}.react-playground_playground__m-h5J{border-radius:6px;display:flex;overflow:hidden}.react-playground_playground__m-h5J>div{width:100%}.snippet_snippet__hA0yb{margin-bottom:16px}.sup_sup__1vISY{font-size:smaller;vertical-align:super}.base-table_table__t2USR{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-collapse:collapse;border-radius:8px;border-spacing:0;display:block;margin-bottom:16px;max-width:100%;overflow:auto;width:-moz-fit-content;width:fit-content}.base-table_table__t2USR tr:nth-child(2n){background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6)}.base-table_table__t2USR thead{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.base-table_table__t2USR th{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);font-size:var(--bit-p-xs);font-weight:700;padding:12px 20px}.base-table_table__t2USR td,.base-table_table__t2USR th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table_table__t2USR table,.base-table_table__t2USR td,.base-table_table__t2USR th,.base-table_table__t2USR thead,.base-table_table__t2USR tr{text-align:start}.base-table_table__t2USR table[align=center],.base-table_table__t2USR td[align=center],.base-table_table__t2USR th[align=center],.base-table_table__t2USR thead[align=center],.base-table_table__t2USR tr[align=center]{text-align:center}.base-table_table__t2USR table[align=left],.base-table_table__t2USR td[align=left],.base-table_table__t2USR th[align=left],.base-table_table__t2USR thead[align=left],.base-table_table__t2USR tr[align=left]{text-align:start}.base-table_table__t2USR table[align=right],.base-table_table__t2USR td[align=right],.base-table_table__t2USR th[align=right],.base-table_table__t2USR thead[align=right],.base-table_table__t2USR tr[align=right]{text-align:end}.td_td__2qJpk{padding:12px 20px}.tr_tr__1D5N1:not(:last-child){border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.ul_ul__16ZqE{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ul_ul__16ZqE>li>ol,.ul_ul__16ZqE>li>ul{margin-bottom:0;padding-left:18px}.ul_ul__16ZqE>li>p{margin-bottom:none}.mdx-layout_mdxContent__20Lez{line-height:1.5}.mdx-layout_mdxContent__20Lez img{max-width:100%}.link_link__vvL__{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);text-decoration:none}.link_link__vvL__:hover{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec);text-decoration:underline}.admonition{border-radius:8px;margin-bottom:1em;padding:15px 30px 15px 15px}.admonition h3{display:flex;margin-bottom:8px;margin-top:0;text-transform:uppercase}.admonition-heading>div{margin-bottom:0;margin-top:0}.admonition-icon{display:inline-flex;margin-right:4px;padding-top:1px}.admonition-icon svg{stroke-width:0;stroke:currentColor;fill:currentColor;display:inline-block;height:22px;width:18px}.admonition-content>:last-child{margin-bottom:0}.admonition{background-color:#eceaff;background-color:var(--bit-accent-primary-bg,#eceaff);border-left:8px solid #6c5ce7;border-left:8px solid var(--bit-accent-primary-color,#6c5ce7)}.admonition h5{color:#6c5ce7;color:var(--bit-accent-primary-color,#6c5ce7);display:flex}.admonition-caution{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-caution h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.admonition-tip{background-color:#eefaf3;background-color:var(--bit-accent-success-bg,#eefaf3);border-left:8px solid #37b26c;border-left:8px solid var(--bit-accent-success-color,#37b26c)}.admonition-tip h5{color:#37b26c;color:var(--bit-accent-success-color,#37b26c)}.admonition-warning{background-color:#fdeff2;background-color:var(--bit-accent-impulsive-bg,#fdeff2);border-left:8px solid #e62e5c;border-left:8px solid var(--bit-accent-impulsive-color,#e62e5c)}.admonition-warning h5{color:#e62e5c;color:var(--bit-accent-impulsive-color,#e62e5c)}.admonition-important{background-color:#f3faff;background-color:var(--bit-accent-process-color,#f3faff);border-left:8px solid #0984e3;border-left:8px solid var(--bit-accent-process-color,#0984e3)}.admonition-important h5{color:#0984e3;color:var(--bit-accent-process-color,#0984e3)}.admonition-note{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-note h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.separator_separator__148vk{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.separator_separator__1cu-N{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);width:100%}.heading-sizes_xxs__132vQ{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__KKpTT{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__P_L9J{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__3LAcS{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__Yue_z{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__2VQo2{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__12rxk{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__10zE-,.heading_h2__3rHwE,.heading_h3__2Q4S-,.heading_h4__3DmEH,.heading_h5__qyqiW,.heading_h6__8Y71h{font-weight:700;margin:0}.heading_h1__10zE-{margin-bottom:20px}.card_card__2bqnT{box-sizing:border-box;padding:20px}.accent-color_primary__3PeiR{--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6}.accent-color_complementary__Blzf5{--bit-accent-color:#f83d6c;--bit-accent-heavy:#f7174f;--bit-accent-light:#f96389;--bit-accent-text:#f83d6c;--bit-accent-text-heavy:#f7174f;--bit-text-on-accent:#fff;--bit-accent-bg:#ffe2ea;--bit-accent-bg-heavy:#fb9cb4}.accent-color_impulsive__3e3SA{--bit-accent-color:#e62e5c;--bit-accent-heavy:#d31948;--bit-accent-light:#f086a0;--bit-accent-text:#e62e5c;--bit-accent-text-heavy:#d31948;--bit-text-on-accent:#fff;--bit-accent-bg:#fdeff2;--bit-accent-bg-heavy:#f7bac9}.accent-color_hungry__1LtFG{--bit-accent-color:#ffc640;--bit-accent-heavy:#ff991f;--bit-accent-light:#ffe380;--bit-accent-text:#ffc640;--bit-accent-text-heavy:#ff991f;--bit-text-on-accent:#0c0c0c;--bit-accent-bg:#fff5dd;--bit-accent-bg-heavy:#fff0b3}.accent-color_success__1gipq{--bit-accent-color:#37b26c;--bit-accent-heavy:#2e945a;--bit-accent-light:#94deb4;--bit-accent-text:#37b26c;--bit-accent-text-heavy:#2e945a;--bit-text-on-accent:#fff;--bit-accent-bg:#eefaf3;--bit-accent-bg-heavy:#d0f1de}.accent-color_process__296Ow{--bit-accent-color:#0984e3;--bit-accent-heavy:#3d5afe;--bit-accent-light:#95ccf5;--bit-accent-text:#0984e3;--bit-accent-text-heavy:#3d5afe;--bit-text-on-accent:#fff;--bit-accent-bg:#f3faff;--bit-accent-bg-heavy:#d2ecfe}.accent-color_emphasized__2dgsu{--bit-accent-color:#2b2b2b;--bit-accent-heavy:#0c0c0c;--bit-accent-light:#414141;--bit-accent-text:#2b2b2b;--bit-accent-text-heavy:#0c0c0c;--bit-text-on-accent:#fff;--bit-accent-bg:#ededed;--bit-accent-bg-heavy:#cccfd4}.accent-color_neutral__2gna2{--bit-accent-color:#414141;--bit-accent-heavy:#2b2b2b;--bit-accent-light:#6c707c;--bit-accent-text:#414141;--bit-accent-text-heavy:#2b2b2b;--bit-text-on-accent:#fff;--bit-accent-bg:#f6f6f6;--bit-accent-bg-heavy:#ededed}.level-icon_notificationIcon__1SprZ{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);font-weight:700;text-align:center}.level-icon_notificationIcon__1SprZ:before{background:radial-gradient(circle at center,#fff 0,#fff 50%,transparent 51%)}.alert-card_card__s03zo{padding:24px}.alert-card_heading__17jBV{display:flex;margin-bottom:24px}.alert-card_icon__1uCuj{align-self:center;font-size:1.15em;margin-right:16px}.alert-card_separator__2TMLo{margin-bottom:24px}.option-button_optionButton__2cNlj{align-items:center;background:none;border:none;border-radius:.5em;box-sizing:border-box;color:inherit;display:inline-flex;font-size:inherit;height:2em;padding:0 .5em}.option-button_optionButton__2cNlj:hover{background-color:var(--bit-bg-heavy)}.option-button_optionButton__2cNlj.option-button_active__18Lhh{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.option-button_optionButton__2cNlj:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.message-card_messageCard__bzWej{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);display:flex;padding:20px}.message-card_icon__1LvEd{font-size:25px;margin-right:16px}.message-card_textBox__3YBLn{font-size:14px}.message-card_textBox__3YBLn,.message-card_textBox__3YBLn>*{overflow:hidden;text-overflow:ellipsis}.message-card_textBox__3YBLn>div:first-child{font-weight:700;margin-bottom:16px}.status-message-card_success__3ynaH{color:#2e945a;color:var(--passing,#2e945a)}.status-message-card_failure__7o98S{color:#d31948;color:var(--failing,#d31948)}.status-message-card_pending__2O4Ra{color:#414141;color:var(--pending,#414141)}.status-message-card_processing__3kvRc{color:#0984e3;color:var(--processing,#0984e3)}.status-message-card_skipped__2oILh{color:#ff8b00;color:var(--skipped,#ff8b00)}.status-message-card_unknown__2kTHl{color:#6c707c;color:var(--unknown,#6c707c)}.compositions_compositionsPage__2XIGE{height:100%;width:100%}.compositions_compositionPreview__2pQD_{padding-top:20px;width:100%}.compositions_left__1yoSj{display:flex;flex-direction:column}.compositions_left__1yoSj,.compositions_right__1OzrT{max-width:calc(100% - 200px);min-width:200px;overflow-y:auto}.compositions_right__1OzrT{background:#fafafa;background:var(--background-color,#fafafa)}.compositions_menuBar__1owlG{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.compositions_splitter__2cJan{position:relative}.compositions_splitter__2cJan>:first-child{position:absolute;z-index:101}.compositions_collapser__3bIFa{right:0}.compositions_tabsContainer__3HLzI{display:flex;flex-direction:column;height:100%}.compositions_tabs__2tiBY{flex:none}.compositions_tabContent__2Cklv{flex:1 1;overflow:auto}.compositions_tabContent__2Cklv:empty{display:none}.compositions_compositions__3lEI2{padding:16px 8px 0}.compositions_openInNewTab__24wPr{color:inherit;text-decoration:none}.compositions_openInNewTab__24wPr:active{color:inherit}.compositions_noCompositionsPage__3q5mS{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:50px 40px 100px;width:100%}.compositions_noCompositionsPage__3q5mS .compositions_title__1mv6f{font-size:26px;font-size:var(--bit-h-xs,26px);margin-bottom:24px}.compositions_noCompositionsPage__3q5mS .compositions_separator__KJxPc{margin-bottom:41px}.compositions_buildStatusMessage__X2Qik{margin:auto}.compositions_compositionPanel__3rdng{display:flex;flex:1 1}.menu-widget-icon_icon__1rur6{font-size:16px}.menu-widget-icon_widgetMenuIcon__2KF-q{align-items:center;display:flex;justify-content:center}.compositions-panel_linkWrapper__-mm5p{align-items:center;color:var(--on-background-color);display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;padding:0 12px;transition:all .3s ease-in-out}.compositions-panel_linkWrapper__-mm5p:hover{background-color:#ededed;background-color:var(--border-medium-color,#ededed);transition:background-color .3s ease-in-out}.compositions-panel_linkWrapper__-mm5p:hover .compositions-panel_right__8a-pK{color:#6c707c;color:var(--bit-text-color-light,#6c707c);opacity:1;transition:visibility .2s,opacity .1s ease-in-out;visibility:inherit}.compositions-panel_linkWrapper__-mm5p:hover .compositions-panel_right__8a-pK .compositions-panel_icon__2Neha:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv{align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff);display:flex}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_box__37jb9{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_right__8a-pK{color:#eceaff;color:var(--bit-accent-bg,#eceaff);opacity:1;visibility:inherit}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_right__8a-pK .compositions-panel_icon__2Neha:hover{color:#fff;color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__-mm5p .compositions-panel_right__8a-pK{align-items:center;display:flex;font-size:13px;gap:12px;justify-content:center;opacity:0;transition:visibility .2s,opacity .1s ease-in-out;visibility:hidden}.compositions-panel_linkWrapper__-mm5p .compositions-panel_codeLink__1J8dt{cursor:pointer}.compositions-panel_box__37jb9{background-color:var(--bit-text-color-heavy);border-radius:1px;flex-shrink:0;height:10px;margin-right:11px;width:10px}.compositions-panel_name__8GKMN{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compositions-panel_panelLink__2iHHl{align-items:center;color:inherit;cursor:pointer;display:flex;height:100%;min-width:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.compositions-panel_panelLink__2iHHl:active{color:inherit}.compositions-panel_tabs__qjxZP{align-items:center;display:flex;margin-bottom:17px}.compositions-panel_tabs__qjxZP>div{font-size:12px;font-weight:700;padding:8px;position:relative;text-transform:uppercase}.compositions-panel_tabs__qjxZP>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__qjxZP>div:first-child:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:10px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.component_container__wKARi{display:flex;flex-direction:column;height:100%}.page-frame_centerColumn__1ewD0{margin-left:auto;margin-right:auto;max-width:1000px;width:calc(100% - 40px)}.page-frame_wideColumn__piV4O{margin-left:auto;margin-right:auto;max-width:1440px;width:calc(100% - 40px)}.page-frame_textColumn__ecQbL{max-width:700px}.label_label__WpSCK{background:var(--bit-accent-bg);border-radius:6px;color:var(--bit-accent-heavy);display:inline-block;font-size:12px;font-size:var(--bit-p-xxs,12px);font-weight:700;padding:4px 8px;text-transform:uppercase}.label-list_labelList__3Jz3r{margin-bottom:16px}.label-list_labelList__3Jz3r>*{margin-bottom:1em}.label-list_labelList__3Jz3r>:not(:last-child){margin-right:1em}.section_section__2OOTI:empty{display:none}.section_sectionMargin__2-E3q{margin-bottom:40px}.background_bedrock__2cXlF{background:#fff;background:var(--bit-bg-bedrock,#fff)}.background_base__1MWFH,.background_layer__3pJn0{background:#fff;background:var(--bit-bg-color,#fff)}.background_crust__3cYuK{background:#fff;background:var(--bit-bg-tooltip,#fff)}.background_topping__3AVUv{background:#fff;background:var(--bit-bg-color,#fff)}.background_topping__3AVUv:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.background_dent__2pjbP{background:#f6f6f6;background:var(--bit-bg-dent,#f6f6f6)}.dropdown_dropdownPlaceholder__28w8T{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px;justify-content:space-between;padding:.69em 1em}.dropdown_dropdownPlaceholder__28w8T:hover{background-color:#f4f5f6;background-color:var(--surface-neutral-hover-color,#f4f5f6);border:1px solid #cecece;border:1px solid var(--border-medium-hover-color,#cecece)}.dropdown_dropdownPlaceholder__28w8T:active{background-color:#eeeff2;background-color:var(--surface-neutral-active-color,#eeeff2);border:1px solid #babec9;border:1px solid var(--border-high-color,#babec9)}.dropdown_removePlaceholderBorder__3AekH .dropdown_dropdownPlaceholder__28w8T{border:none}.dropdown_dropdownMenu__13XfX{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);box-sizing:border-box;min-width:220px;padding:8px 0}.icon-button_iconButton__1FjVM{align-items:center;border-radius:8px;display:flex;padding:7px 16px;transition:background-color .3s ease-in-out}.icon-button_iconButton__1FjVM.icon-button_iconOnly__1IHib{padding:6px 8px}.icon-button_iconButton__1FjVM[data-priority=ghost]{background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b)}.icon-button_iconButton__1FjVM[data-priority=ghost].icon-button_active__3GvbF,.icon-button_iconButton__1FjVM[data-priority=ghost].icon-button_active__3GvbF.icon-button_withIcon__2HaGQ>:first-child{border-color:#6c5ce7;border-color:var(--bit-accent-color,#6c5ce7);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.icon-button_iconButton__1FjVM[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__1FjVM[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.icon-button_iconButton__1FjVM[data-priority=ghost]:disabled:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.icon-button_iconButton__1FjVM[data-priority=cta]{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border:1px solid #6c5ce7;border:1px solid var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-text-on-accent,#fff)}.icon-button_iconButton__1FjVM[data-priority=cta]:hover:not(:disabled){background-color:#5d4aec;background-color:var(--bit-accent-heavy,#5d4aec);border:1px solid #5d4aec;border:1px solid var(--bit-accent-heavy,#5d4aec)}.icon-button_iconButton__1FjVM[data-priority=cta]:disabled{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__1FjVM:disabled{color:#babec9;color:var(--bit-border-color,#babec9);cursor:not-allowed}.icon-button_iconButton__1FjVM:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.icon-button_iconButton__1FjVM.icon-button_withoutBorder__do3AQ{border:1px solid transparent}.icon-button_withIcon__2HaGQ>:first-child{color:inherit;font-size:16px}.icon-button_withIcon__2HaGQ.icon-button_margin__39swR>:first-child{margin-right:8px}.sizes_buttonSizes__30qCg[data-size=s]{font-size:14px;height:32px}.sizes_buttonSizes__30qCg[data-size=m]{font-size:16px;height:40px}.sizes_buttonSizes__30qCg[data-size=l]{font-size:16px;height:48px}.buttons-plugin_buttonsHolder__3k9m2{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--design-border-medium-color,#ededed);display:flex;justify-content:space-between;padding:12px 16px 4px}.buttons-plugin_clearText__1SLdd{color:#9598a1;color:var(--design-on-surface-low-color,#9598a1);cursor:pointer}.tab-line_tabLine__1GiqE{background-color:#6c5ce7;background-color:var(--primary-color,#6c5ce7);height:4px;left:0;position:absolute;transition:transform .15s ease-in-out,width .15s ease-in-out}.tab-line_tabLine__1GiqE[data-position=top]{top:0}.tab-line_tabLine__1GiqE[data-position=bottom]{bottom:0}.tab-folder_tabFolder__MSUZX{background-color:#f6f5fe;background-color:var(--primary-surface-color,#f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px 8px 0 0;bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute;transition:transform .15s ease-in-out,width .15s ease-in-out}.responsive-navbar_tab__1W1b3{align-items:center;color:#878c9a;cursor:pointer;display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);outline:none;padding:8px 16px;pointer-events:none;position:relative;transition:color .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.responsive-navbar_tab__1W1b3.responsive-navbar_active__1hDHV,.responsive-navbar_tab__1W1b3:hover{color:#2b2b2b;color:var(--on-surface-color,#2b2b2b)}.responsive-navbar_tab__1W1b3.responsive-navbar_active__1hDHV[data-priority=folder]{color:#6c5ce7;color:var(--primary-color,#6c5ce7);transition:transform .15s ease-in-out,color .15s ease-in-out}.responsive-navbar_tab__1W1b3[data-priority=folder]{z-index:1}.responsive-navbar_tab__1W1b3>*{pointer-events:auto}.responsive-navbar_navTabs__1t-Uq{display:flex;gap:8px;position:relative}.responsive-navbar_navTabs__1t-Uq.responsive-navbar_overflow__1Gu20{overflow-x:auto}.responsive-navbar_more__cqAcs{align-items:center;display:flex}.responsive-navbar_more__cqAcs .responsive-navbar_dots__1n9Bs{align-items:center;border-radius:8px;color:#707279;color:var(--on-surface-medium-color,#707279);cursor:pointer;display:flex;justify-content:center;padding:8px 16px;transition:background-color .3s ease-in-out}.responsive-navbar_more__cqAcs .responsive-navbar_dots__1n9Bs>img{width:16px}.responsive-navbar_secondaryTabContainer__3oxBQ .responsive-navbar_item__1LoBp{pointer-events:none;width:100%}.responsive-navbar_secondaryTabContainer__3oxBQ .responsive-navbar_item__1LoBp .responsive-navbar_menuItem__1J7cy{padding:0;pointer-events:auto}.responsive-navbar_secondaryTabContainer__3oxBQ .responsive-navbar_item__1LoBp .responsive-navbar_menuItem__1J7cy>*{padding:8px;width:100%}.responsive-navbar_hidden__1tQEn{display:none}.muted-text_mutedText__3IB-P{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.paragraph_paragraph__3nnrz{margin:0 0 1em}.sub-title_subTitle__3Hsyw{margin-bottom:16px}.row_row__2DVeR{align-items:center;display:flex;flex-wrap:wrap}.top-bar-nav_topBarLink__3XD-X{align-items:center;box-sizing:border-box;color:inherit;display:flex;padding:0 4px;position:relative;text-decoration:none;transition:color .3s}.top-bar-nav_topBarLink__3XD-X:hover:not(.top-bar-nav_active__1k0gP)>div{background-color:var(--bit-bg-heavy)}.top-bar-nav_topBarLink__3XD-X.top-bar-nav_active__1k0gP{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.top-bar-nav_topBarLink__3XD-X.top-bar-nav_active__1k0gP:after{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);height:4px}.top-bar-nav_topBarLink__3XD-X:after{background-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px;bottom:0;content:"";height:0;left:0;position:absolute;right:0;transition:background-color .3s,height .3s}.top-bar-nav_topBarLink__3XD-X>div{align-items:center;border-radius:8px;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out}.menu_topBar__1pnUJ{justify-content:space-between;width:100%}.menu_leftSide__3HRhD,.menu_topBar__1pnUJ{align-items:center;display:flex;height:100%;min-width:0}.menu_leftSide__3HRhD{flex-grow:1}.menu_navigation__9vvxt{height:100%;list-style:none;padding-left:28px}@media screen and (max-width:768px){.menu_navigation__9vvxt{padding-left:0}}.menu_navigation__9vvxt li{display:block;height:100%;margin-right:16px}.menu_navigation__9vvxt.menu_desktopNav__30ccQ{display:flex}@media screen and (max-width:768px){.menu_navigation__9vvxt.menu_desktopNav__30ccQ{display:none}}.menu_navigation__9vvxt.menu_mobileNav__gWsJz{align-items:center;display:none}@media screen and (max-width:1200px){.menu_navigation__9vvxt.menu_mobileNav__gWsJz{display:flex;margin-right:8px}}.menu_rightSide__3N27l{align-items:center;display:flex;height:100%;padding-left:16px}.menu_rightSide__3N27l>*{margin-right:12px}@media screen and (max-width:1200px){.menu_rightSide__3N27l>*{margin-right:8px}}.menu_rightSide__3N27l .menu_widget__3yw70{font-size:17px}.menu_useBox__2s-2y{--bit-drawer-margin:14px}.menu_componentVersionMenu__65HV3{width:350px}.menu_tab__3Pt01>div{color:#2b2b2b;color:var(--on-background-color,#2b2b2b);padding:0}.menu_topBarNav__2CwLB{height:100%}.menu_topBarNav__2CwLB.menu_noBorder__TQFXl:after{display:none}@media screen and (max-width:768px){.menu_hideOnMobile__4QDt1{display:none}}.version-dropdown-placeholder_detailed__3HGQV,.version-dropdown-placeholder_simple__zhMWo{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;gap:8px;height:30px;line-height:1.2em;padding:8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-dropdown-placeholder_detailed__3HGQV:hover,.version-dropdown-placeholder_simple__zhMWo:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_detailed__3HGQV.version-dropdown-placeholder_disabled__3SAgY,.version-dropdown-placeholder_simple__zhMWo.version-dropdown-placeholder_disabled__3SAgY{background-color:#ededed;background-color:var(--border-medium-color,#ededed);color:#707279;color:var(--on-background-medium-color,#707279);cursor:default}.version-dropdown-placeholder_detailed__3HGQV.version-dropdown-placeholder_disabled__3SAgY>span,.version-dropdown-placeholder_simple__zhMWo.version-dropdown-placeholder_disabled__3SAgY>span{display:none}.version-dropdown-placeholder_versionName__2aY0P{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_commitMessage__1uWFy{flex-grow:1;max-width:200px}.version-dropdown-placeholder_versionUserAvatar__2XUC5{flex:none;margin-right:5px}.version-dropdown-placeholder_loader__2t65x{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown-placeholder_loader__2t65x>span{padding:4px}.version-dropdown_versionDropdown__2eEuj{height:100%}.version-dropdown_versionDropdown__2eEuj>div{align-items:center;display:flex;height:100%}.version-dropdown_versionDropdown__2eEuj .version-dropdown_menu__2unp8{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:0;z-index:5000}.version-dropdown_title__1k6SE{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 16px 12px}.version-dropdown_titleContainer__31ipe{margin-bottom:2px}.version-dropdown_versionContainerRoot__1bqt3{max-height:240px;overflow-y:scroll;padding-bottom:8px;position:relative}.version-dropdown_versionRow__1bRXt{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 16px}.version-dropdown_versionRow__1bRXt:hover{background-color:#eceaff!important;background-color:var(--surface-hover-color,#eceaff)!important}.version-dropdown_versionRow__1bRXt.version-dropdown_localVersion__1iMQw{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.version-dropdown_versionRow__1bRXt .version-dropdown_versionTimestamp__3DrSk{margin-right:2px}.version-dropdown_versionRow__1bRXt .version-dropdown_versionUserAvatar__3zpDC{padding:0 8px}.version-dropdown_versionRow__1bRXt .version-dropdown_laneIcon__3ob_X{padding:0 4px}.version-dropdown_versionRow__1bRXt .version-dropdown_version__TtW3i{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.version-dropdown_versionRow__1bRXt .version-dropdown_versionName__2vLOm{min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-dropdown_withVersions__2jn5H{cursor:pointer}.version-dropdown_withVersions__2jn5H>div{margin-right:5px}.version-dropdown_withVersions__2jn5H>span{display:inline;display:initial}.version-dropdown_withVersions__2jn5H:hover{background-color:var(--bit-bg-heavy)}[data-open=true] .version-dropdown_withVersions__2jn5H{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);transition:color .3s,background-color .3s ease-in-out}[data-open=true] .version-dropdown_withVersions__2jn5H,[data-open=true] .version-dropdown_withVersions__2jn5H:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.version-dropdown_tabs__3NxwM{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;margin-top:8px;overflow-x:auto;padding:0 24px}.version-dropdown_tabs__3NxwM .version-dropdown_tab__3fCmK{font-size:12px;font-weight:700;padding-top:4px}.version-dropdown_loader__193vI,.version-dropdown_loading__ZBrA7{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown_loader__193vI>div{padding:8px 0}.version-dropdown_versionMenuContainer__YkwDa{display:inline;display:initial}.version-dropdown_versionMenuContainer__YkwDa.version-dropdown_hide__2xwag{display:none}.version-info_versionRow__39_7C{align-items:center;display:flex;height:40px;justify-content:space-between;line-height:1.2em;padding:0 16px}.version-info_versionRow__39_7C:hover{background-color:#eceaff!important;background-color:var(--surface-hover-color,#eceaff)!important}.version-info_versionTimestamp__cSSzz{margin-right:2px;min-width:-moz-fit-content;min-width:fit-content;text-align:right}.version-info_versionUserAvatar__3_--r{flex:none;padding:0 8px}.version-info_laneIcon__bFIvC{padding:0 4px}.version-info_version__jft5f{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;max-width:70%;overflow:hidden}.version-info_versionName__1ZdeU{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-info_commitMessage__2EvlO{flex-grow:1;padding:0 8px}.version-info_emptyMessage__ze00u{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:var-bit-p-xs,14px;font-style:italic;padding:0 8px}.lane-info_versionRow__16wgS{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 24px}.lane-info_versionRow__16wgS .lane-info_versionTimestamp__fri_l{margin-right:2px}.lane-info_versionRow__16wgS .lane-info_versionUserAvatar__1oQ-v{padding:0 8px}.lane-info_versionRow__16wgS .lane-info_laneIcon__2rM-0{padding:0 4px}.lane-info_versionRow__16wgS .lane-info_version__2ahiN{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.lane-info_versionRow__16wgS .lane-info_versionName__1Yycb{padding:0 8px}.tabs_tabContainer__3QgQ8{display:flex}.tabs_tab__HApJa{color:#878c9a;color:var(--on-background-color,#878c9a);cursor:pointer;font-size:12px;font-weight:700;outline:none;padding:8px;position:relative;text-transform:uppercase;transition:color .3s ease-in-out}.tabs_tab__HApJa:hover{color:var(--primary-color)}.tabs_tab__HApJa.tabs_disabled__cl2Rr{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.tabs_tab__HApJa.tabs_active__3S4tK:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.collapser-button_collapser__1piJs{bottom:8px;cursor:pointer;position:absolute;z-index:100}.collapser-button_collapser__1piJs.collapser-button_right__2Mzcc{left:8px}.collapser-button_collapser__1piJs.collapser-button_right__2Mzcc.collapser-button_open__1zi2L .collapser-button_circle__UxM9T>div{transform:rotate(-.5turn);transform-origin:center}.collapser-button_collapser__1piJs.collapser-button_left__31y_2{right:8px}.collapser-button_collapser__1piJs.collapser-button_left__31y_2 .collapser-button_circle__UxM9T>div{transform:rotate(-.5turn);transform-origin:center}.collapser-button_collapser__1piJs.collapser-button_left__31y_2.collapser-button_open__1zi2L .collapser-button_circle__UxM9T>div{transform:rotate(0turn);transform-origin:center}.collapser-button_circle__UxM9T{align-items:center;background-color:hsla(0,0%,57%,.2);background-color:#6c707c;background-color:var(--border-medium-color,#6c707c);border-radius:5px;display:flex;font-size:20px;height:100%;padding:6px;transition:padding .3s ease-in-out}.collapser-button_circle__UxM9T:hover{background-color:#6c707c;background-color:var(--border-high-color,#6c707c)}.collapser-button_circle__UxM9T>div{align-items:center;display:flex;height:-moz-fit-content;height:fit-content;transition:transform .3s ease-in-out}.preview_preview__pDl1x{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions_compositionsPage__ZJZ-M{height:100%;width:100%}.compositions_compositionPreview__1cfQN{padding-top:20px;width:100%}.compositions_left__OdN21{display:flex;flex-direction:column}.compositions_left__OdN21,.compositions_right__2GBo3{max-width:calc(100% - 200px);min-width:200px;overflow-y:auto}.compositions_right__2GBo3{background:#fafafa;background:var(--background-color,#fafafa)}.compositions_menuBar__EaAAJ{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.compositions_splitter__2ZXVD{position:relative}.compositions_splitter__2ZXVD>:first-child{position:absolute;z-index:101}.compositions_collapser__2smWG{right:0}.compositions_tabsContainer__2CGEN{display:flex;flex-direction:column;height:100%}.compositions_tabs__1_7na{flex:none}.compositions_tabContent__3sP_c{flex:1 1;overflow:auto}.compositions_tabContent__3sP_c:empty{display:none}.compositions_compositions__Kk8-S{padding:16px 8px 0}.compositions_openInNewTab__3NpPz{color:inherit;text-decoration:none}.compositions_openInNewTab__3NpPz:active{color:inherit}.compositions_noCompositionsPage__2x-8_{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:50px 40px 100px;width:100%}.compositions_noCompositionsPage__2x-8_ .compositions_title__Tp-3J{font-size:26px;font-size:var(--bit-h-xs,26px);margin-bottom:24px}.compositions_noCompositionsPage__2x-8_ .compositions_separator__2k7hQ{margin-bottom:41px}.compositions_buildStatusMessage__2u2_M{margin:auto}.compositions_compositionPanel__1da0z{display:flex;flex:1 1}.compositions-panel_linkWrapper__2MDhk{align-items:center;color:var(--on-background-color);display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;padding:0 12px;transition:all .3s ease-in-out}.compositions-panel_linkWrapper__2MDhk:hover{background-color:#ededed;background-color:var(--border-medium-color,#ededed);transition:background-color .3s ease-in-out}.compositions-panel_linkWrapper__2MDhk:hover .compositions-panel_right__NY-VQ{color:#6c707c;color:var(--bit-text-color-light,#6c707c);opacity:1;transition:visibility .2s,opacity .1s ease-in-out;visibility:inherit}.compositions-panel_linkWrapper__2MDhk:hover .compositions-panel_right__NY-VQ .compositions-panel_icon__2jKci:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__2MDhk.compositions-panel_active__1Yf97{align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff);display:flex}.compositions-panel_linkWrapper__2MDhk.compositions-panel_active__1Yf97:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__2MDhk.compositions-panel_active__1Yf97 .compositions-panel_box__733jy{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__2MDhk.compositions-panel_active__1Yf97 .compositions-panel_right__NY-VQ{color:#eceaff;color:var(--bit-accent-bg,#eceaff);opacity:1;visibility:inherit}.compositions-panel_linkWrapper__2MDhk.compositions-panel_active__1Yf97 .compositions-panel_right__NY-VQ .compositions-panel_icon__2jKci:hover{color:#fff;color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__2MDhk .compositions-panel_right__NY-VQ{align-items:center;display:flex;font-size:13px;gap:12px;justify-content:center;opacity:0;transition:visibility .2s,opacity .1s ease-in-out;visibility:hidden}.compositions-panel_linkWrapper__2MDhk .compositions-panel_codeLink__1M1m2{cursor:pointer}.compositions-panel_box__733jy{background-color:var(--bit-text-color-heavy);border-radius:1px;flex-shrink:0;height:10px;margin-right:11px;width:10px}.compositions-panel_name__1dVY_{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compositions-panel_panelLink__3w0Hj{align-items:center;color:inherit;cursor:pointer;display:flex;height:100%;min-width:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.compositions-panel_panelLink__3w0Hj:active{color:inherit}.compositions-panel_tabs__1lMNf{align-items:center;display:flex;margin-bottom:17px}.compositions-panel_tabs__1lMNf>div{font-size:12px;font-weight:700;padding:8px;position:relative;text-transform:uppercase}.compositions-panel_tabs__1lMNf>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__1lMNf>div:first-child:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:10px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.component_container__23YyP{display:flex;flex-direction:column;height:100%}.heading-sizes_xxs__3hJtp{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__3W1x0{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__3nhIS{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__2mL4Y{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__RuRFj{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__1ctRT{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__3tKsf{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__1uj6Q,.heading_h2__1Ye-q,.heading_h3__3QHN7,.heading_h4__33x0l,.heading_h5__1Ozn7,.heading_h6__1Epkq{font-weight:700;margin:0}.heading_h1__1uj6Q{margin-bottom:20px}.anchor_anchor__3k1Mh{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__jhpLx{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__3Ak5V{align-items:center;display:flex;margin-bottom:16px;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__3Ak5V:hover .linked-heading_anchor__3W1_K{opacity:1;visibility:inherit}.linked-heading_heading__mFKzJ{margin-bottom:0;margin-right:8px}.linked-heading_anchor__3W1_K{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.composition-card_compositionPreview__tCaW6{height:170px;overflow:hidden;padding:5px;position:relative;width:264px}.composition-card_compositionCard__3Xi6P{border:1px solid #babec9;border:1px solid var(--border-high-color,#babec9);border-radius:8px;box-sizing:border-box;width:100%}.composition-card_compositionCard__3Xi6P .composition-card_icon__Fujug{transition:visibility .3s,ease-in-out;visibility:hidden}.composition-card_compositionCard__3Xi6P:hover{border-color:#8c8f96;border-color:var(--border-high-active-color,#8c8f96)}.composition-card_compositionCard__3Xi6P:hover .composition-card_icon__Fujug{transition:visibility .3s,ease-in-out;visibility:visible}.composition-card_previewOverlay__2YwTe{background-color:transparent;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.composition-card_bottom__322TV{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--border-medium-color,#ededed);display:flex;font-size:14px;justify-content:space-between}.composition-card_displayName__3jWYA{padding:8px 12px}.composition-card_link__2aTnV{color:#707279;color:var(--on-background-medium-color,#707279);font-size:12px;text-decoration:none}.composition-card_link__2aTnV:hover{color:#6c5ce7;color:var(--primary-color,#6c5ce7)}.composition-card-skeleton_compositionCardSkeleton__1ukRF{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px;box-sizing:border-box;font-size:16px;max-width:300px;min-width:300px}.composition-card-skeleton_preview__2wTwB{border-radius:8px 8px 0 0;color:#ededed;color:var(--border-medium-color,#ededed);height:170px;padding:5px}.composition-card-skeleton_preview__2wTwB>*{margin-bottom:8px}.composition-card-skeleton_preview__2wTwB .composition-card-skeleton_block__3xlFR{width:140px}.composition-card-skeleton_bottom__2W4Tw{border-top:1px solid #ededed;border-top:1px solid var(--border-medium-color,#ededed);padding:8px 12px}.composition-card-skeleton_bottom__2W4Tw>*{margin-right:8px}.composition-gallery_carousel__oMcYx{align-items:center;display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:12px}.composition-gallery_carousel__oMcYx .composition-gallery_compositionGalleryCard__3OhzW{cursor:pointer;width:300px}.composition-gallery_title__WPqlE{margin-bottom:32px}.composition-gallery_title__WPqlE>h3{align-items:center;display:flex;gap:8px}.composition-gallery_compositionGallery__3meEd{padding:20px 40px 10px}.composition-gallery_preview__1u__T{height:170px;width:264px}.composition-gallery-skeleton_compositionGallerySkeleton__1Olc8{background-color:#fff;background-color:var(--background-color,#fff);box-sizing:border-box;color:#ededed;color:var(--border-medium-color,#ededed);font-size:20px;width:100%}.composition-gallery-skeleton_title__2nFPt{margin-bottom:20px}.composition-gallery-skeleton_compositionGalleryGrid__7ftAl{align-items:center;cursor:pointer;display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:12px}.overview_overviewWrapper__I0f4j{--bit-h-lg:36px;overflow:auto}.overview_overviewWrapper__I0f4j .overview_componentOverviewBlock__1GZVi{margin-bottom:0;max-width:1440px;padding:50px 40px 10px}.overview_overviewWrapper__I0f4j .overview_title__1TBsX{margin-bottom:0;padding-left:40px;padding-top:24px;position:relative;z-index:1}.overview_overviewWrapper__I0f4j .overview_title__1TBsX>h3{align-items:center;display:flex;gap:8px}.overview_legacyPreview__3poob{margin:0 auto}.overview_compositions__2rEVr{margin-top:10px;padding-left:40px}.overview_readme__3qpvt{position:relative}.overview_readmeSkeleton__1MWWz{background-color:#fff;background-color:var(--background-color,#fff);bottom:0;box-sizing:border-box;color:#ededed;color:var(--border-medium-color,#ededed);left:0;max-width:1440px;padding:20px 40px 10px;position:absolute;right:0;top:0;width:100%}.overview_readmeSkeleton__1MWWz>*{margin-bottom:8px}.overview_block__3hvJQ{width:300px}.overview_overviewPropsTable__3qTUo{padding:20px 40px 10px}.component-overview_componentTitle__2CpD->h1{margin:0}.component-overview_badgeContainer__28vDw{align-items:center;display:flex;flex-wrap:wrap;margin-top:8px}.component-overview_badgeContainer__28vDw>*{margin:0 8px}.component-overview_subTitle__aBgqK{white-space:break-spaces}.component-overview_titleRow__2nacp{margin-bottom:20px}.component-overview_contentTabs__1i4VR{margin-bottom:16px;max-width:100%;min-width:70%}@media screen and (max-width:920px){.component-overview_contentTabs__1i4VR{width:100%}}.component-overview_contentTabs__1i4VR .component-overview_nav__3dlBu>div{font-size:12px;padding:6px 12px}.component-overview_contentTabs__1i4VR .component-overview_tab__2slfM{border-bottom:0}.component-overview_copyBox__roM7M{background:#fff;background:var(--background-color,#fff);border-top-left-radius:0}.component-overview_title__swwBl{letter-spacing:-1px}.composition-card_compositionPreview__3TVxb{height:170px;overflow:hidden;padding:5px;position:relative;width:264px}.composition-card_compositionCard__3sHyv{border:1px solid #babec9;border:1px solid var(--border-high-color,#babec9);border-radius:8px;box-sizing:border-box;width:100%}.composition-card_compositionCard__3sHyv .composition-card_icon__1H-Ib{transition:visibility .3s,ease-in-out;visibility:hidden}.composition-card_compositionCard__3sHyv:hover{border-color:#8c8f96;border-color:var(--border-high-active-color,#8c8f96)}.composition-card_compositionCard__3sHyv:hover .composition-card_icon__1H-Ib{transition:visibility .3s,ease-in-out;visibility:visible}.composition-card_previewOverlay__1AMju{background-color:transparent;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.composition-card_bottom__1OcNv{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--border-medium-color,#ededed);display:flex;font-size:14px;justify-content:space-between}.composition-card_displayName__1We1l{padding:8px 12px}.composition-card_link__234ph{color:#707279;color:var(--on-background-medium-color,#707279);font-size:12px;text-decoration:none}.composition-card_link__234ph:hover{color:#6c5ce7;color:var(--primary-color,#6c5ce7)}.composition-card-skeleton_compositionCardSkeleton__2lkvU{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px;box-sizing:border-box;font-size:16px;max-width:300px;min-width:300px}.composition-card-skeleton_preview__2liLH{border-radius:8px 8px 0 0;color:#ededed;color:var(--border-medium-color,#ededed);height:170px;padding:5px}.composition-card-skeleton_preview__2liLH>*{margin-bottom:8px}.composition-card-skeleton_preview__2liLH .composition-card-skeleton_block__Z6FZE{width:140px}.composition-card-skeleton_bottom__1tO_1{border-top:1px solid #ededed;border-top:1px solid var(--border-medium-color,#ededed);padding:8px 12px}.composition-card-skeleton_bottom__1tO_1>*{margin-right:8px}.composition-gallery_carousel__36_gL{align-items:center;display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:12px}.composition-gallery_carousel__36_gL .composition-gallery_compositionGalleryCard__18Ued{cursor:pointer;width:300px}.composition-gallery_title__3uNKe{margin-bottom:32px}.composition-gallery_title__3uNKe>h3{align-items:center;display:flex;gap:8px}.composition-gallery_compositionGallery__3cKqD{padding:20px 40px 10px}.composition-gallery_preview__2DrfB{height:170px;width:264px}.composition-gallery-skeleton_compositionGallerySkeleton__1FO9x{background-color:#fff;background-color:var(--background-color,#fff);box-sizing:border-box;color:#ededed;color:var(--border-medium-color,#ededed);font-size:20px;width:100%}.composition-gallery-skeleton_title__3dsTo{margin-bottom:20px}.composition-gallery-skeleton_compositionGalleryGrid__LJakn{align-items:center;cursor:pointer;display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:12px}.overview_overviewWrapper__1l3gU{--bit-h-lg:36px;overflow:auto}.overview_overviewWrapper__1l3gU .overview_componentOverviewBlock__1_2hV{margin-bottom:0;max-width:1440px;padding:50px 40px 10px}.overview_overviewWrapper__1l3gU .overview_title__3ipIL{margin-bottom:0;padding-left:40px;padding-top:24px;position:relative;z-index:1}.overview_overviewWrapper__1l3gU .overview_title__3ipIL>h3{align-items:center;display:flex;gap:8px}.overview_legacyPreview__1y7yd{margin:0 auto}.overview_compositions__1juds{margin-top:10px;padding-left:40px}.overview_readme__3rLft{position:relative}.overview_readmeSkeleton__3CGhV{background-color:#fff;background-color:var(--background-color,#fff);bottom:0;box-sizing:border-box;color:#ededed;color:var(--border-medium-color,#ededed);left:0;max-width:1440px;padding:20px 40px 10px;position:absolute;right:0;top:0;width:100%}.overview_readmeSkeleton__3CGhV>*{margin-bottom:8px}.overview_block__3OYy0{width:300px}.overview_overviewPropsTable__20WTG{padding:20px 40px 10px}.flex-center_flexCenter__1oWAc{align-items:center;display:flex;flex-direction:column;justify-content:center}.error-fallback_icon__22fU3{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23e62e5c' d='M256 512c141.385 0 256-114.615 256-256S397.385 0 256 0 0 114.615 0 256s114.615 256 256 256zm120.262-340.502-86.038 84.5 86.038 84.511c10.451 10.275 10.183 25.962 0 35.968-10.077 9.891-25.68 10.17-36.038 0l-84.222-82.743-84.235 82.743c-10.345 10.17-25.949 9.891-36.026 0-10.182-10.007-10.461-25.693 0-35.968l86.038-84.511-86.038-84.501c-10.461-10.286-10.182-25.971 0-35.978 10.077-9.891 25.681-10.159 36.026 0l84.235 82.743 84.222-82.743c10.358-10.159 25.962-9.891 36.038 0 10.183 10.007 10.451 25.692 0 35.978z'/%3E%3C/svg%3E");background-size:contain;border-radius:100%;height:24px;margin-bottom:16px;width:24px}.error-fallback_message__7TfMY{color:#e62e5c;color:var(--bit-error-color,#e62e5c);margin-bottom:8px}.error-fallback_errorFallback__3WyiR{animation:error-fallback_enter__3s9LR .3s ease-in forwards;border:4px solid #f086a0;border:4px solid var(--bit-error-light,#f086a0);border-radius:4px;box-sizing:border-box;color:#e62e5c;color:var(--bit-error-color,#e62e5c);font-family:sans-serif;height:100%;padding:8px}.error-fallback_errorFallback__3WyiR>*{flex:none}@keyframes error-fallback_enter__3s9LR{0%{opacity:.1}to{opacity:1}}.error-fallback_icon__1dp2S{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23e62e5c' d='M256 512c141.385 0 256-114.615 256-256S397.385 0 256 0 0 114.615 0 256s114.615 256 256 256zm120.262-340.502-86.038 84.5 86.038 84.511c10.451 10.275 10.183 25.962 0 35.968-10.077 9.891-25.68 10.17-36.038 0l-84.222-82.743-84.235 82.743c-10.345 10.17-25.949 9.891-36.026 0-10.182-10.007-10.461-25.693 0-35.968l86.038-84.511-86.038-84.501c-10.461-10.286-10.182-25.971 0-35.978 10.077-9.891 25.681-10.159 36.026 0l84.235 82.743 84.222-82.743c10.358-10.159 25.962-9.891 36.038 0 10.183 10.007 10.451 25.692 0 35.978z'/%3E%3C/svg%3E");background-size:contain;border-radius:100%;height:24px;margin-bottom:16px;width:24px}.error-fallback_message__f1wRV{color:#e62e5c;color:var(--bit-error-color,#e62e5c);margin-bottom:8px}.error-fallback_errorFallback__2XuMq{animation:error-fallback_enter__Yf58T .3s ease-in forwards;border:4px solid #f086a0;border:4px solid var(--bit-error-light,#f086a0);border-radius:4px;box-sizing:border-box;color:#e62e5c;color:var(--bit-error-color,#e62e5c);font-family:sans-serif;height:100%;padding:8px}.error-fallback_errorFallback__2XuMq>*{flex:none}@keyframes error-fallback_enter__Yf58T{0%{opacity:.1}to{opacity:1}}.themed-text_themedText__36zoW{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.composition-card_compositionCard__3zY6b{background-color:#fff;background-color:var(--bit-bg-color,#fff);box-shadow:var(--bit-shadow-raised-low);display:flex;flex:none;flex-direction:column;min-height:122px;min-width:199px;padding:0}.composition-card_compositionCard__3zY6b:hover .composition-card_linkToComposition__1ro2m{opacity:1;visibility:visible}.composition-card_compositionContainer__vqfxm{box-sizing:border-box;margin:auto;max-width:100%;overflow:auto;padding:16px;position:relative;transform:translateZ(0)}.composition-card_title__10_0-{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);display:flex;flex:none;font-size:.875em;justify-content:space-between;padding:8px 16px}.composition-card_title__10_0->span{margin-right:8px}.composition-card_linkToComposition__1ro2m{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);opacity:0;text-decoration:none;transition:opacity .3s,visibility .3s ease-in-out;visibility:hidden}.composition-card_compositionCardError__3ig6y{border-radius:4px 4px 0 0}.compositions-overview_background__1mR9g{background:#f6f6f6;background:var(--bit-bg-dent,#f6f6f6);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:6px;display:flex;max-height:500px;overflow-x:auto;padding:12px}.compositions-overview_background__1mR9g>*{margin-right:16px}.compositions-overview_background__1mR9g>:last-child{margin:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.frame_overlayBorder__2EHte{border:2px solid #eebcc9;border:2px solid var(--bit-highlighter-color,#eebcc9);border-radius:11px;box-sizing:border-box;padding:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame_hidden__2jnbu{display:none}.label_othersContainer__20Yk0>*{margin-bottom:8px}.label_othersContainer__20Yk0>:last-child{margin-bottom:0}.label_othersTooltip__22gBc{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label_othersTooltip__22gBc:before{content:"▾";display:inline-block;transition:transform .3s}.label_othersTooltip__22gBc.label_active__29Ovw:before{transform:rotate(-180deg)}.label_hidden__cWzam{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden}.component-strip_componentStrip__2G41n{border-radius:.5em;box-shadow:var(--bit-highlighter-shadow);display:flex;white-space:nowrap;width:-moz-fit-content;width:fit-content}.component-strip_componentStrip__2G41n>*{background:#eebcc9;background:var(--bit-highlighter-color,#eebcc9);line-height:1.5;margin-right:.125em;padding:0 .5em;transform:translateZ(0);transition:filter .3s,background-color .3s}.component-strip_componentStrip__2G41n>:link,.component-strip_componentStrip__2G41n>:visited{color:inherit;text-decoration:inherit}.component-strip_componentStrip__2G41n>:link:hover,.component-strip_componentStrip__2G41n>:visited:hover{background:#f6dae2;background:var(--bit-highlighter-color-hover,#f6dae2)}.component-strip_componentStrip__2G41n>:link:active,.component-strip_componentStrip__2G41n>:visited:active{background:#e79db1;background:var(--bit-highlighter-color-active,#e79db1);color:inherit}.component-strip_componentStrip__2G41n>:first-child{border-bottom-left-radius:.5em;border-top-left-radius:.5em}.component-strip_componentStrip__2G41n>:last-child{border-bottom-right-radius:.5em;border-top-right-radius:.5em;margin-right:0}.component-strip_nameBlock__2ZuVl{display:flex}.component-strip_nameBlock__2ZuVl .component-strip_version__2IwTp{max-width:13ch;overflow:hidden;text-overflow:ellipsis;transition:max-width .48s;white-space:nowrap}.component-strip_nameBlock__2ZuVl .component-strip_version__2IwTp:hover{max-width:61ch}.element-highlighter_label__1xJqk{padding:8px}.element-highlighter_frame__3iB6_,.element-highlighter_label__1xJqk{z-index:15500}.highlighter-provider_highlighter__124yM{border:solid #ededed;border:0 solid var(--bit-border-color-lightest,#ededed);box-sizing:border-box;height:100%;transition:border .3s}.highlighter-provider_highlighter__124yM.highlighter-provider_active__oBUtA{border-width:8px;overflow:auto}.highlighter-provider_label__rMBbJ{font-family:sans-serif;font-size:12px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.envs/env-preview"]=t():e["teambit.envs/env-preview"]=t()}(self,(()=>(()=>{"use strict";var e={
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.envs/env-preview"]=t():e["teambit.envs/env-preview"]=t()}(self,(()=>(()=>{"use strict";var e={26918:(e,t,o)=>{var n={id:"teambit.envs/env@1.0.143",homepage:"https://bit.cloud/teambit/envs/env",exported:!0};function r(){const e=i(o(87363));return r=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,i.__bit_component=n;const s=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/env.svg"}));s.__bit_component=n,t.Logo=s},87363:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{compositions:()=>u,compositions_metadata:()=>l,overview:()=>f});var e={};o.r(e),o.d(e,{default:()=>d});var t=o(26918);o(87363);const r=MdxJsReact,i=TeambitMdxUiMdxScopeContext;var s=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},p.apply(this,arguments)}var a={},c="wrapper";function d(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,s);return(0,r.mdx)(c,p({},a,o,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"}))}d.isMDXComponent=!0;const u=[t],f=[e],l={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),n})()));
|