diff --git a/.bitmap b/.bitmap
index 11d4243652c..35cc6ecd52d 100644
--- a/.bitmap
+++ b/.bitmap
@@ -11,151 +11,151 @@
 {
     "application": {
         "scope": "teambit.harmony",
-        "version": "0.0.212",
+        "version": "0.0.213",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/application"
     },
     "aspect": {
         "scope": "teambit.harmony",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/aspect"
     },
     "aspect-docs/babel": {
         "scope": "teambit.compilation",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/compilation/aspect-docs/babel"
     },
     "aspect-docs/builder": {
         "scope": "teambit.pipelines",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/pipelines/aspect-docs/builder"
     },
     "aspect-docs/compiler": {
         "scope": "teambit.compilation",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/compilation/aspect-docs/compiler"
     },
     "aspect-docs/component": {
         "scope": "teambit.component",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/component/aspect-docs/component"
     },
     "aspect-docs/compositions": {
         "scope": "teambit.compositions",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/compositions/aspect-docs/compositions"
     },
     "aspect-docs/dependency-resolver": {
         "scope": "teambit.dependencies",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/dependencies/aspect-docs/dependency-resolver"
     },
     "aspect-docs/envs": {
         "scope": "teambit.envs",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/envs/aspect-docs/envs"
     },
     "aspect-docs/generator": {
         "scope": "teambit.generator",
-        "version": "0.0.120",
+        "version": "0.0.121",
         "mainFile": "index.ts",
         "rootDir": "scopes/generator/aspect-docs/generator"
     },
     "aspect-docs/html": {
         "scope": "teambit.html",
-        "version": "0.0.73",
+        "version": "0.0.74",
         "mainFile": "index.ts",
         "rootDir": "scopes/html/aspect-docs/html"
     },
     "aspect-docs/logger": {
         "scope": "teambit.harmony",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/aspect-docs/logger"
     },
     "aspect-docs/mdx": {
         "scope": "teambit.mdx",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/mdx/aspect-docs/mdx"
     },
     "aspect-docs/multi-compiler": {
         "scope": "teambit.compilation",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/compilation/aspect-docs/multi-compiler"
     },
     "aspect-docs/node": {
         "scope": "teambit.harmony",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/aspect-docs/node"
     },
     "aspect-docs/pkg": {
         "scope": "teambit.pkg",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/pkg/aspect-docs/pkg"
     },
     "aspect-docs/pnpm": {
         "scope": "teambit.dependencies",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/dependencies/aspect-docs/pnpm"
     },
     "aspect-docs/preview": {
         "scope": "teambit.preview",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/preview/aspect-docs/preview"
     },
     "aspect-docs/react": {
         "scope": "teambit.react",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/react/aspect-docs/react"
     },
     "aspect-docs/react-native": {
         "scope": "teambit.react",
-        "version": "0.0.118",
+        "version": "0.0.119",
         "mainFile": "index.ts",
         "rootDir": "scopes/react/aspect-docs/react-native"
     },
     "aspect-docs/typescript": {
         "scope": "teambit.typescript",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/typescript/aspect-docs/typescript"
     },
     "aspect-docs/variants": {
         "scope": "teambit.workspace",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/workspace/aspect-docs/variants"
     },
     "aspect-docs/yarn": {
         "scope": "teambit.dependencies",
-        "version": "0.0.116",
+        "version": "0.0.117",
         "mainFile": "index.ts",
         "rootDir": "scopes/dependencies/aspect-docs/yarn"
     },
     "aspect-loader": {
         "scope": "teambit.harmony",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/aspect-loader"
     },
     "babel": {
         "scope": "teambit.compilation",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/compilation/babel"
     },
@@ -167,7 +167,7 @@
     },
     "bit": {
         "scope": "teambit.harmony",
-        "version": "0.0.572",
+        "version": "0.0.573",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/bit"
     },
@@ -179,25 +179,25 @@
     },
     "builder": {
         "scope": "teambit.pipelines",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/pipelines/builder"
     },
     "bundler": {
         "scope": "teambit.compilation",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/compilation/bundler"
     },
     "cache": {
         "scope": "teambit.harmony",
-        "version": "0.0.482",
+        "version": "0.0.483",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/cache"
     },
     "changelog": {
         "scope": "teambit.component",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/component/changelog"
     },
@@ -245,25 +245,25 @@
     },
     "code": {
         "scope": "teambit.component",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/component/code"
     },
     "command-bar": {
         "scope": "teambit.explorer",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/explorer/command-bar"
     },
     "compiler": {
         "scope": "teambit.compilation",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/compilation/compiler"
     },
     "component": {
         "scope": "teambit.component",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/component/component"
     },
@@ -299,7 +299,7 @@
     },
     "compositions": {
         "scope": "teambit.compositions",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/compositions/compositions"
     },
@@ -311,25 +311,25 @@
     },
     "dependency-resolver": {
         "scope": "teambit.dependencies",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/dependencies/dependency-resolver"
     },
     "deprecation": {
         "scope": "teambit.component",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/component/deprecation"
     },
     "dev-files": {
         "scope": "teambit.component",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/component/dev-files"
     },
     "docs": {
         "scope": "teambit.docs",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/docs/docs"
     },
@@ -341,19 +341,19 @@
     },
     "elements": {
         "scope": "teambit.web-components",
-        "version": "0.0.23",
+        "version": "0.0.24",
         "mainFile": "index.ts",
         "rootDir": "scopes/web-components/elements"
     },
     "envs": {
         "scope": "teambit.envs",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/envs/envs"
     },
     "eslint": {
         "scope": "teambit.defender",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/defender/eslint"
     },
@@ -371,25 +371,25 @@
     },
     "export": {
         "scope": "teambit.scope",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/scope/export"
     },
     "express": {
         "scope": "teambit.harmony",
-        "version": "0.0.486",
+        "version": "0.0.487",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/express"
     },
     "formatter": {
         "scope": "teambit.defender",
-        "version": "0.0.121",
+        "version": "0.0.122",
         "mainFile": "index.ts",
         "rootDir": "scopes/defender/formatter"
     },
     "generator": {
         "scope": "teambit.generator",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/generator/generator"
     },
@@ -401,25 +401,25 @@
     },
     "graph": {
         "scope": "teambit.component",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/component/graph"
     },
     "graphql": {
         "scope": "teambit.harmony",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/graphql"
     },
     "harmony-ui-app": {
         "scope": "teambit.ui-foundation",
-        "version": "0.0.212",
+        "version": "0.0.213",
         "mainFile": "index.ts",
         "rootDir": "scopes/ui-foundation/harmony-ui-app/harmony-ui-app"
     },
     "html": {
         "scope": "teambit.html",
-        "version": "0.0.138",
+        "version": "0.0.139",
         "mainFile": "index.ts",
         "rootDir": "scopes/html/html"
     },
@@ -431,25 +431,25 @@
     },
     "insights": {
         "scope": "teambit.explorer",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/explorer/insights"
     },
     "isolator": {
         "scope": "teambit.component",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/component/isolator"
     },
     "jest": {
         "scope": "teambit.defender",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/defender/jest"
     },
     "lanes": {
         "scope": "teambit.lanes",
-        "version": "0.0.142",
+        "version": "0.0.143",
         "mainFile": "index.ts",
         "rootDir": "scopes/lanes/lanes"
     },
@@ -467,19 +467,19 @@
     },
     "linter": {
         "scope": "teambit.defender",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/defender/linter"
     },
     "logger": {
         "scope": "teambit.harmony",
-        "version": "0.0.482",
+        "version": "0.0.483",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/logger"
     },
     "mdx": {
         "scope": "teambit.mdx",
-        "version": "0.0.550",
+        "version": "0.0.551",
         "mainFile": "index.ts",
         "rootDir": "scopes/mdx/mdx"
     },
@@ -611,13 +611,13 @@
     },
     "multi-compiler": {
         "scope": "teambit.compilation",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/compilation/multi-compiler"
     },
     "network/agent": {
         "scope": "teambit.toolbox",
-        "version": "0.0.310",
+        "version": "0.0.311",
         "mainFile": "index.ts",
         "rootDir": "scopes/toolbox/network/agent"
     },
@@ -629,19 +629,19 @@
     },
     "network/proxy-agent": {
         "scope": "teambit.toolbox",
-        "version": "0.0.310",
+        "version": "0.0.311",
         "mainFile": "index.ts",
         "rootDir": "scopes/toolbox/network/proxy-agent"
     },
     "node": {
         "scope": "teambit.harmony",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/node"
     },
     "notifications": {
         "scope": "teambit.ui-foundation",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/ui-foundation/notifications/aspect"
     },
@@ -671,19 +671,19 @@
     },
     "pkg": {
         "scope": "teambit.pkg",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/pkg/pkg"
     },
     "pnpm": {
         "scope": "teambit.dependencies",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/dependencies/pnpm"
     },
     "prettier": {
         "scope": "teambit.defender",
-        "version": "0.0.121",
+        "version": "0.0.122",
         "mainFile": "index.ts",
         "rootDir": "scopes/defender/prettier"
     },
@@ -695,61 +695,61 @@
     },
     "preview": {
         "scope": "teambit.preview",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/preview/preview"
     },
     "pubsub": {
         "scope": "teambit.harmony",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/pubsub"
     },
     "react": {
         "scope": "teambit.react",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/react/react"
     },
     "react-elements": {
         "scope": "teambit.react",
-        "version": "0.0.23",
+        "version": "0.0.24",
         "mainFile": "index.ts",
         "rootDir": "scopes/react/react-elements"
     },
     "react-native": {
         "scope": "teambit.react",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/react/react-native"
     },
     "react-router": {
         "scope": "teambit.ui-foundation",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/ui-foundation/react-router/react-router"
     },
     "schema": {
         "scope": "teambit.semantics",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/semantics/schema"
     },
     "scope": {
         "scope": "teambit.scope",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/scope/scope"
     },
     "sidebar": {
         "scope": "teambit.ui-foundation",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/ui-foundation/sidebar"
     },
     "sign": {
         "scope": "teambit.scope",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/scope/sign"
     },
@@ -779,7 +779,7 @@
     },
     "tester": {
         "scope": "teambit.defender",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/defender/tester"
     },
@@ -815,13 +815,13 @@
     },
     "typescript": {
         "scope": "teambit.typescript",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/typescript/typescript"
     },
     "ui": {
         "scope": "teambit.ui-foundation",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/ui-foundation/ui"
     },
@@ -947,7 +947,7 @@
     },
     "ui/docs-app": {
         "scope": "teambit.react",
-        "version": "0.0.91",
+        "version": "0.0.92",
         "mainFile": "index.tsx",
         "rootDir": "scopes/react/ui/docs-app"
     },
@@ -1175,7 +1175,7 @@
     },
     "ui/mdx-layout": {
         "scope": "teambit.mdx",
-        "version": "0.0.478",
+        "version": "0.0.479",
         "mainFile": "index.ts",
         "rootDir": "scopes/mdx/ui/mdx-layout"
     },
@@ -1565,7 +1565,7 @@
     },
     "update-dependencies": {
         "scope": "teambit.scope",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/scope/update-dependencies"
     },
@@ -1583,37 +1583,37 @@
     },
     "user-agent": {
         "scope": "teambit.ui-foundation",
-        "version": "0.0.256",
+        "version": "0.0.257",
         "mainFile": "index.ts",
         "rootDir": "scopes/ui-foundation/user-agent"
     },
     "variants": {
         "scope": "teambit.workspace",
-        "version": "0.0.484",
+        "version": "0.0.485",
         "mainFile": "index.ts",
         "rootDir": "scopes/workspace/variants"
     },
     "webpack": {
         "scope": "teambit.webpack",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/webpack/webpack"
     },
     "worker": {
         "scope": "teambit.harmony",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/harmony/worker"
     },
     "workspace": {
         "scope": "teambit.workspace",
-        "version": "0.0.570",
+        "version": "0.0.571",
         "mainFile": "index.ts",
         "rootDir": "scopes/workspace/workspace"
     },
     "yarn": {
         "scope": "teambit.dependencies",
-        "version": "0.0.571",
+        "version": "0.0.572",
         "mainFile": "index.ts",
         "rootDir": "scopes/dependencies/yarn"
     },
diff --git a/yarn.lock b/yarn.lock
index 0f62cb7d17d..8121c59affc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,7 +2,7 @@
 # Manual changes might be lost - proceed with caution!
 
 __metadata:
-  version: 5
+  version: 4
   cacheKey: 8
 
 "@apideck/better-ajv-errors@npm:^0.2.4":
@@ -309,7 +309,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.1, @babel/core@npm:^7.12.3, @babel/core@npm:^7.14.0, @babel/core@npm:^7.7.5":
+"@babel/core@npm:7.16.0, @babel/core@npm:^7.1.0, @babel/core@npm:^7.11.1, @babel/core@npm:^7.12.3, @babel/core@npm:^7.14.0, @babel/core@npm:^7.7.5":
   version: 7.16.0
   resolution: "@babel/core@npm:7.16.0"
   dependencies:
@@ -5452,6 +5452,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.text.heading@npm:0.5.9":
+  version: 0.5.9
+  resolution: "@teambit/base-ui.text.heading@npm:0.5.9"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 2a43e266ba99908743be9f43bc28c32e2de97ec5975dd634b00e63caefcd9c00874da33b17cc11d92011e1daec235c86846f1fa989bdcbee87b3e05846e669ed
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.text.heading@npm:1.0.1":
   version: 1.0.1
   resolution: "@teambit/base-ui.text.heading@npm:1.0.1"
@@ -5489,6 +5499,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.text.paragraph@npm:0.5.9":
+  version: 0.5.9
+  resolution: "@teambit/base-ui.text.paragraph@npm:0.5.9"
+  dependencies:
+    "@teambit/base-ui.theme.sizes": 0.5.9
+    classnames: ^2.2.6
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 5e429ea61f25a85f951f2e4edeedf7a1ec6916f9d3d6dc4c7c052824b09ddbb6f1a07852cef3d09d322a375213808567cf9f4ea458f814da33cd7ef7499f96ff
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.text.paragraph@npm:1.0.1":
   version: 1.0.1
   resolution: "@teambit/base-ui.text.paragraph@npm:1.0.1"
@@ -5569,6 +5592,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.theme.brand-definition@npm:0.5.9":
+  version: 0.5.9
+  resolution: "@teambit/base-ui.theme.brand-definition@npm:0.5.9"
+  dependencies:
+    "@teambit/base-ui.theme.colors": 0.5.9
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 3ce01e5cc62c72a6e4bfea379ae99513dddadc3be73fd19cd1bca7b55f0db462ca5a1b752d9e4c74ef5d7734ce5bf7077005a613d6e464161d32498f4fc3be44
+  languageName: node
+  linkType: hard
+
+"@teambit/base-ui.theme.brand-definition@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@teambit/base-ui.theme.brand-definition@npm:0.6.7"
+  dependencies:
+    "@teambit/base-ui.theme.colors": 0.6.7
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: e8be37bc00153a14f621801fb8cfa01754ad3e1479c1fe4c2e9ec5ad218ef28bc0434e69119ed9e9b0b5ea7af6d10e568d4ce75e3745b02447051b1a947953ab
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.theme.brand-definition@npm:1.0.0":
   version: 1.0.0
   resolution: "@teambit/base-ui.theme.brand-definition@npm:1.0.0"
@@ -5581,6 +5628,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.theme.color-definition@npm:0.5.9":
+  version: 0.5.9
+  resolution: "@teambit/base-ui.theme.color-definition@npm:0.5.9"
+  dependencies:
+    "@teambit/base-ui.theme.colors": 0.5.9
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 4d4029ab3e66a136c1168c9692aaabd0651d876028e1b834f0f4edd64ea7994caf07a58242e909bebdd05c6ffb0dac50c319fa071aa5519e8fbfc4d4e8dbf9e1
+  languageName: node
+  linkType: hard
+
+"@teambit/base-ui.theme.color-definition@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@teambit/base-ui.theme.color-definition@npm:0.6.7"
+  dependencies:
+    "@teambit/base-ui.theme.colors": 0.6.7
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 4a29d9f7bd28142489bb4420fc5928e4152ba4a657138823fbf75f9f3ae64a2f6a765fccd689750cd77404abdbf28ffb1070562907c8fdd4fbdc472323770acc
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.theme.color-definition@npm:1.0.1":
   version: 1.0.1
   resolution: "@teambit/base-ui.theme.color-definition@npm:1.0.1"
@@ -5616,6 +5687,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.theme.colors@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@teambit/base-ui.theme.colors@npm:0.6.7"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 3f5afb39f3b2791954a5171d20a4a4ba3b9d98fd73c1611232fadf9b062c46e1ae09e75d75519df9fb06765b41cdac0d10de126c1a8953d6e9af2f1ff15d8768
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.theme.colors@npm:1.0.0":
   version: 1.0.0
   resolution: "@teambit/base-ui.theme.colors@npm:1.0.0"
@@ -5641,6 +5722,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.theme.fonts.book@npm:0.5.9":
+  version: 0.5.9
+  resolution: "@teambit/base-ui.theme.fonts.book@npm:0.5.9"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 91520a6a108ba6776a52162d0308bf35c5b3b383b96a7bfe375dfac463461b94c52bdf71c3fa0e02f392b01364341da255ea9d7529a2f9e226fed8ec4401b043
+  languageName: node
+  linkType: hard
+
+"@teambit/base-ui.theme.fonts.book@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@teambit/base-ui.theme.fonts.book@npm:0.6.7"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 11c46caf8a3f6948f6d55911ae8419972fce94527f61763152cb096d5ed49eb5e077fd3f0262f0486f5b49ac9f5d3383cec4e7091144e2a23aeed7b16aab9960
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.theme.fonts.book@npm:1.0.0":
   version: 1.0.0
   resolution: "@teambit/base-ui.theme.fonts.book@npm:1.0.0"
@@ -5665,6 +5766,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.theme.fonts.roboto@npm:0.6.2":
+  version: 0.6.2
+  resolution: "@teambit/base-ui.theme.fonts.roboto@npm:0.6.2"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 3350e8553a11bae0577be3bb2a23ad0b36ccb8774bdce77276f55ee56f8d9b249b0483ce5ea9156dda984d2cc1417366ee4dac00b2006988a268741e07c6ef39
+  languageName: node
+  linkType: hard
+
+"@teambit/base-ui.theme.fonts.roboto@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@teambit/base-ui.theme.fonts.roboto@npm:0.6.7"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: f738e51669aa121e899773659ad58feec54ddd55877085ba8c430baf8ba24de0764a42a15a9ba01ef0738041140d8cb5ab83cee750d6657d6e93fc69234fe4c5
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.theme.fonts.roboto@npm:1.0.0":
   version: 1.0.0
   resolution: "@teambit/base-ui.theme.fonts.roboto@npm:1.0.0"
@@ -5677,6 +5798,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.theme.heading-margin-definition@npm:0.5.9":
+  version: 0.5.9
+  resolution: "@teambit/base-ui.theme.heading-margin-definition@npm:0.5.9"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: c6ef15efa28f609c622e5acf5e31176a7f873473cb5cc81100e2fd86107998cb3b0f19a222b832f658a38d6023445b367eecbe767313e3fc547a3807e76da4db
+  languageName: node
+  linkType: hard
+
+"@teambit/base-ui.theme.heading-margin-definition@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@teambit/base-ui.theme.heading-margin-definition@npm:0.6.7"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: bb3a91e80b8d33fb11c348d41d1e95f095f7a7279b50144102185b7d9789177a66040cf2c5d1b7bc86179d978c42eafbd07bbb8c7a98939ee6a16dc186d6ead7
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.theme.heading-margin-definition@npm:1.0.0":
   version: 1.0.0
   resolution: "@teambit/base-ui.theme.heading-margin-definition@npm:1.0.0"
@@ -5689,6 +5830,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.theme.shadow-definition@npm:0.5.9":
+  version: 0.5.9
+  resolution: "@teambit/base-ui.theme.shadow-definition@npm:0.5.9"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 6e24be49da65aa127bd88c11e918e30f2a95f2a4b2beb9b6164f719d0a615b95ef38af995844ba658e8b2bfc16e3cbfa9cea9e30497c196de4fd47ed44a103f5
+  languageName: node
+  linkType: hard
+
+"@teambit/base-ui.theme.shadow-definition@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@teambit/base-ui.theme.shadow-definition@npm:0.6.7"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 30f8d6cd53e840d0b807cd7fa63e9c7591bf9d84f741c50ce171c4d1865fec87c8f6b0e14aea52d2b53503e961fac8a1706a2871c5ab91a4f4f060cc98950058
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.theme.shadow-definition@npm:1.0.0":
   version: 1.0.0
   resolution: "@teambit/base-ui.theme.shadow-definition@npm:1.0.0"
@@ -5701,6 +5862,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.theme.size-definition@npm:0.5.9":
+  version: 0.5.9
+  resolution: "@teambit/base-ui.theme.size-definition@npm:0.5.9"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: aa43775d8743b0294806f811aec85039d5f8494bf7900a6d65135ba1eac5e669ba4491f3f934668b4267027acab8366b6e1e65ffac0b24daf42c91b8c8c79772
+  languageName: node
+  linkType: hard
+
+"@teambit/base-ui.theme.size-definition@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@teambit/base-ui.theme.size-definition@npm:0.6.7"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 576eba0b4544177a86c7982a884cf39219a2163278f09fc8a643ad49d7dc18b5f988482ae1eed22453095ee6954306b52bfdbcdcb27f7730fc80952e297d00fb
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.theme.size-definition@npm:1.0.0":
   version: 1.0.0
   resolution: "@teambit/base-ui.theme.size-definition@npm:1.0.0"
@@ -5713,6 +5894,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.theme.sizes@npm:0.5.9":
+  version: 0.5.9
+  resolution: "@teambit/base-ui.theme.sizes@npm:0.5.9"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: aaaa918d37a15e407d0f2fa0b64ce94b8ab2368185c2add378a3e9a808c838c804fe8a0f78d2e4e8376eda48278cd55d140fc525a59b573564019556b1fcf4da
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.theme.sizes@npm:1.0.0":
   version: 1.0.0
   resolution: "@teambit/base-ui.theme.sizes@npm:1.0.0"
@@ -5725,6 +5916,42 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/base-ui.theme.theme-provider@npm:0.5.9":
+  version: 0.5.9
+  resolution: "@teambit/base-ui.theme.theme-provider@npm:0.5.9"
+  dependencies:
+    "@teambit/base-ui.theme.brand-definition": 0.5.9
+    "@teambit/base-ui.theme.color-definition": 0.5.9
+    "@teambit/base-ui.theme.fonts.book": 0.5.9
+    "@teambit/base-ui.theme.heading-margin-definition": 0.5.9
+    "@teambit/base-ui.theme.shadow-definition": 0.5.9
+    "@teambit/base-ui.theme.size-definition": 0.5.9
+    classnames: ^2.2.6
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 6b6340dfc4426af5ad36421ac059076a6091932efadcbc6eaab2d8670814a10a2181df26693b30145f32673f1fd56cfd5ac224feb6862ab77e7fb0e566cc7479
+  languageName: node
+  linkType: hard
+
+"@teambit/base-ui.theme.theme-provider@npm:0.6.7":
+  version: 0.6.7
+  resolution: "@teambit/base-ui.theme.theme-provider@npm:0.6.7"
+  dependencies:
+    "@teambit/base-ui.theme.brand-definition": 0.6.7
+    "@teambit/base-ui.theme.color-definition": 0.6.7
+    "@teambit/base-ui.theme.fonts.book": 0.6.7
+    "@teambit/base-ui.theme.heading-margin-definition": 0.6.7
+    "@teambit/base-ui.theme.shadow-definition": 0.6.7
+    "@teambit/base-ui.theme.size-definition": 0.6.7
+    classnames: ^2.2.6
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 12de24cff9d4f0fcd1ec9b27ec6a566009847e48e5840ece36b3e045639a9b834e9a0f2d40ea478439f7078ca8c83fd4873f8001c1bf4436ef4460ebf7298171
+  languageName: node
+  linkType: hard
+
 "@teambit/base-ui.theme.theme-provider@npm:1.0.1":
   version: 1.0.1
   resolution: "@teambit/base-ui.theme.theme-provider@npm:1.0.1"
@@ -5870,18 +6097,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@teambit/design.theme.icons-font@npm:1.0.0":
-  version: 1.0.0
-  resolution: "@teambit/design.theme.icons-font@npm:1.0.0"
-  dependencies:
-    core-js: ^3.0.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0
-    react-dom: ^16.8.0 || ^17.0.0
-  checksum: ae43bef65572bb2d55c424dcf4809588442ef3120cd84d87dc88941f8d88bfe7cfc082533e7ff6c80b502d7fcd0a7442d23e5b5f5dd7f585aaa9368fd06b07f5
-  languageName: node
-  linkType: hard
-
 "@teambit/design.ui.icon-button@npm:1.0.10":
   version: 1.0.10
   resolution: "@teambit/design.ui.icon-button@npm:1.0.10"
@@ -5981,17 +6196,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@teambit/documenter.markdown.heading@npm:0.1.5":
-  version: 0.1.5
-  resolution: "@teambit/documenter.markdown.heading@npm:0.1.5"
+"@teambit/documenter.markdown.heading@npm:0.1.6":
+  version: 0.1.6
+  resolution: "@teambit/documenter.markdown.heading@npm:0.1.6"
   dependencies:
-    "@teambit/documenter.ui.linked-heading": 4.1.5
+    "@teambit/documenter.ui.linked-heading": 4.1.6
     classnames: ^2.2.6
     core-js: ^3.0.0
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: 7d80a212725a60986fd4178bb1d9ee4e2a92e246c22ea28891ee62b9bd1f6141e68b805dec42bd3c0137c0f1ee026b2cd6161b5120e610fe4998a578a1dfea28
+  checksum: 830f79ec90f927a75d7a2f9685e75ca11b47efc7ca41f4bf390287cd9cc2f2b20d355e590242ddd648fbcc65ba455c5cc0da8a5feff09b036903d46ea7e81613
   languageName: node
   linkType: hard
 
@@ -6023,12 +6238,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@teambit/documenter.markdown.mdx@npm:0.1.6":
-  version: 0.1.6
-  resolution: "@teambit/documenter.markdown.mdx@npm:0.1.6"
+"@teambit/documenter.markdown.mdx@npm:0.1.7":
+  version: 0.1.7
+  resolution: "@teambit/documenter.markdown.mdx@npm:0.1.7"
   dependencies:
     "@mdx-js/react": 1.6.22
-    "@teambit/documenter.markdown.heading": 0.1.5
+    "@teambit/documenter.markdown.heading": 0.1.6
     "@teambit/documenter.markdown.hybrid-live-code-snippet": 0.1.6
     "@teambit/documenter.routing.external-link": 4.1.0
     "@teambit/documenter.ui.block-quote": 4.0.5
@@ -6049,7 +6264,7 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: 39680bd9fc0e228af7b06ad70c64cb7c4fe53114f94743393163ed002accda4ba09dc854a2be23ec4279dd280209e496f5c4f70c88482cd81a69e68961fc64af
+  checksum: b4c851e245547320b850ce11c4e1150ab39635a3e8073330f02f751317a58746a9972f5f0abf03a7ebe66cb163279d6e714a7f481bede6289d19dcbb3dfd0d65
   languageName: node
   linkType: hard
 
@@ -6066,17 +6281,89 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@teambit/documenter.theme.theme-compositions@npm:4.1.1":
-  version: 4.1.1
-  resolution: "@teambit/documenter.theme.theme-compositions@npm:4.1.1"
+"@teambit/documenter.theme.theme-compositions@npm:2.0.3":
+  version: 2.0.3
+  resolution: "@teambit/documenter.theme.theme-compositions@npm:2.0.3"
   dependencies:
-    "@teambit/design.theme.icons-font": 1.0.0
-    "@teambit/documenter.theme.theme-context": 4.0.3
-    core-js: ^3.0.0
+    "@teambit/documenter.theme.theme-context": 2.0.4
+    "@teambit/evangelist.theme.icon-font": 0.5.5
   peerDependencies:
-    react: ^16.8.0 || ^17.0.0
-    react-dom: ^16.8.0 || ^17.0.0
-  checksum: 593a610fbe75c06124ed4f8c959902720b884aecb031b8d5a02a947a57db799659927f06f26b9bb7a84e972f41fa8c2aac5699a40e71fbc4aad6ff7949bfdca0
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 6186cd65b4100e4e86a76cace02126559cab8daec7e156aa4a80a5f28c68b5968361901d3f6f2da0e92b9aa5e26b6ca4122a22d481577d312aa81d648c1c5ec1
+  languageName: node
+  linkType: hard
+
+"@teambit/documenter.theme.theme-compositions@npm:3.0.8":
+  version: 3.0.8
+  resolution: "@teambit/documenter.theme.theme-compositions@npm:3.0.8"
+  dependencies:
+    "@teambit/documenter.theme.theme-context": 3.0.8
+    "@teambit/evangelist.theme.icon-font": 0.5.20
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 4be1f4bd4e9c50570a09eeadd8ee6b89f2c326f45131c075666ed7b071a98de349bfb5e9f151527baa62573c92fac3de5937a1492cc920451fca8a8bd2db3f78
+  languageName: node
+  linkType: hard
+
+"@teambit/documenter.theme.theme-compositions@npm:3.0.9":
+  version: 3.0.9
+  resolution: "@teambit/documenter.theme.theme-compositions@npm:3.0.9"
+  dependencies:
+    "@teambit/documenter.theme.theme-context": 3.0.9
+    "@teambit/evangelist.theme.icon-font": 0.5.20
+    core-js: 3.8.3
+  peerDependencies:
+    react: 16.13.1
+    react-dom: 16.13.1
+  checksum: ccf2be00d1b93dbf3d75eb1747658e857515bc71dfa17e7c5d25168b508bedbc3430e1a6080b6f266a7929f73e82e454ab2044d69e9e9b6fb5c281c31ff22f5d
+  languageName: node
+  linkType: hard
+
+"@teambit/documenter.theme.theme-context@npm:2.0.4":
+  version: 2.0.4
+  resolution: "@teambit/documenter.theme.theme-context@npm:2.0.4"
+  dependencies:
+    "@teambit/base-ui.theme.fonts.roboto": 0.6.2
+    "@teambit/base-ui.theme.theme-provider": 0.5.9
+    classnames: ^2.2.6
+    reset-css: ^5.0.1
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 447c552964f0419c4b6d76f5794e1d649b8bd0998240affa45901fe17a9421bb28efd6201f464854a712e552d862b472320c7583b4ed64fd3c33e241279ce1e5
+  languageName: node
+  linkType: hard
+
+"@teambit/documenter.theme.theme-context@npm:3.0.8":
+  version: 3.0.8
+  resolution: "@teambit/documenter.theme.theme-context@npm:3.0.8"
+  dependencies:
+    "@teambit/base-ui.theme.fonts.roboto": 0.6.7
+    "@teambit/base-ui.theme.theme-provider": 0.6.7
+    classnames: ^2.2.6
+    reset-css: ^5.0.1
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 7c24f5c848ba08b7fc91949917004e6c7dc1c90c8d4c5bdb831f0ac69b10dcbbde95d2f357efdb717b5954035f684115e1904c728232a23d055c1d2a3b5def48
+  languageName: node
+  linkType: hard
+
+"@teambit/documenter.theme.theme-context@npm:3.0.9":
+  version: 3.0.9
+  resolution: "@teambit/documenter.theme.theme-context@npm:3.0.9"
+  dependencies:
+    "@teambit/base-ui.theme.fonts.roboto": 0.6.7
+    "@teambit/base-ui.theme.theme-provider": 0.6.7
+    classnames: ^2.2.6
+    core-js: 3.8.3
+    reset-css: ^5.0.1
+  peerDependencies:
+    react: 16.13.1
+    react-dom: 16.13.1
+  checksum: a841bcf3cdcf8b16865261341b7d74a3dbd33a318119a6774c04d7d21d73ea79593c1e72e1e023b167ec926bee5b0a008b67348c901c780bf7efc4457d637c0a
   languageName: node
   linkType: hard
 
@@ -6107,20 +6394,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@teambit/documenter.ui.anchor@npm:4.0.3":
-  version: 4.0.3
-  resolution: "@teambit/documenter.ui.anchor@npm:4.0.3"
-  dependencies:
-    "@teambit/evangelist.elements.icon": 1.0.2
-    classnames: ^2.2.6
-    core-js: ^3.0.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0
-    react-dom: ^16.8.0 || ^17.0.0
-  checksum: 4b1f123c0734993382006e032758efa0260341d207e09e3482c71a5d440e47e2ad172dba18ba8f671f030204410b0bb4b3ee2e5d719ba43cfb87830710f272c3
-  languageName: node
-  linkType: hard
-
 "@teambit/documenter.ui.anchor@npm:4.0.6":
   version: 4.0.6
   resolution: "@teambit/documenter.ui.anchor@npm:4.0.6"
@@ -6310,6 +6583,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/documenter.ui.heading@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@teambit/documenter.ui.heading@npm:1.0.3"
+  dependencies:
+    "@teambit/base-ui.text.heading": 0.5.9
+    classnames: ^2.2.6
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: b221aa599a49607ebbd783a9a24d418a9df2f7b3e4d27e3f2ea52e845a2a4693dd8fc061b6b49e9eb9c6dfe934ad2c536148e09d8e951bab87b3fb6618ec2352
+  languageName: node
+  linkType: hard
+
 "@teambit/documenter.ui.heading@npm:4.1.1":
   version: 4.1.1
   resolution: "@teambit/documenter.ui.heading@npm:4.1.1"
@@ -6461,24 +6747,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@teambit/documenter.ui.linked-heading@npm:4.1.1":
-  version: 4.1.1
-  resolution: "@teambit/documenter.ui.linked-heading@npm:4.1.1"
-  dependencies:
-    "@teambit/documenter.ui.anchor": 4.0.3
-    "@teambit/documenter.ui.heading": 4.1.1
-    classnames: ^2.2.6
-    core-js: ^3.0.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0
-    react-dom: ^16.8.0 || ^17.0.0
-  checksum: d842fcacc93c777ef1c4dc29ed80b9a37ee52dc530e9d7ecccec456e9a2288469f26f56f7b7b2ac2ace4c55ec50742d7311b48e63d9a7c8a561fbf91974a859f
-  languageName: node
-  linkType: hard
-
-"@teambit/documenter.ui.linked-heading@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@teambit/documenter.ui.linked-heading@npm:4.1.5"
+"@teambit/documenter.ui.linked-heading@npm:4.1.6":
+  version: 4.1.6
+  resolution: "@teambit/documenter.ui.linked-heading@npm:4.1.6"
   dependencies:
     "@teambit/documenter.ui.anchor": 4.0.6
     "@teambit/documenter.ui.heading": 4.1.4
@@ -6487,7 +6758,7 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
-  checksum: 1fae02399a972c0452b0a45b161a49bd97506e945ba121c8416dc2c0c952f57ce00e37a337111f89cabf5a69cb9dba9b0ef69d50806884e354900dcb81d7f7fe
+  checksum: 696da731b1893aedd224d13aa51bc8cd8e3f68d088700ea60e30481790a7d9bd0ac36fa99a1b1d1ea75ada62198fc630ef0ca12f1d653e34bb09230a0dd610f8
   languageName: node
   linkType: hard
 
@@ -6517,6 +6788,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/documenter.ui.paragraph@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@teambit/documenter.ui.paragraph@npm:1.0.3"
+  dependencies:
+    "@teambit/base-ui.text.paragraph": 0.5.9
+    "@teambit/base-ui.theme.sizes": 0.5.9
+    classnames: ^2.2.6
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 875d4889b10694ce95be95635836a7afe5065bafe0eaad20e8cc7178bafd50bc71b789f4cd186d077cfcd10e6b1951c8bc4e557cd296d0a2b60507785b658cd0
+  languageName: node
+  linkType: hard
+
 "@teambit/documenter.ui.paragraph@npm:4.1.1":
   version: 4.1.1
   resolution: "@teambit/documenter.ui.paragraph@npm:4.1.1"
@@ -6563,6 +6848,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/documenter.ui.section@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@teambit/documenter.ui.section@npm:1.0.3"
+  dependencies:
+    classnames: ^2.2.6
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 33846a07ca76a231ec2058a77a45c6fb4a5b96e05a68e64ec6e648cfa9122b55d8b66d49689cc163dd890451d4352529d294e2256c16248df6a21b30754e281f
+  languageName: node
+  linkType: hard
+
 "@teambit/documenter.ui.section@npm:4.1.1":
   version: 4.1.1
   resolution: "@teambit/documenter.ui.section@npm:4.1.1"
@@ -6576,6 +6873,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/documenter.ui.separator@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@teambit/documenter.ui.separator@npm:1.0.3"
+  dependencies:
+    classnames: ^2.2.6
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 9d04bc16716496addb09a470d6b144aa85e0de8fbf0c0e60ddbcd0b1adbf7392e0e9f7e652a671ca22823067f2dc3f32a77e83fd2ede0325fe47879604e41934
+  languageName: node
+  linkType: hard
+
 "@teambit/documenter.ui.separator@npm:4.1.1":
   version: 4.1.1
   resolution: "@teambit/documenter.ui.separator@npm:4.1.1"
@@ -6995,6 +7304,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@teambit/evangelist.theme.icon-font@npm:0.5.20":
+  version: 0.5.20
+  resolution: "@teambit/evangelist.theme.icon-font@npm:0.5.20"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: 528633c06b06b03ccc51a6ea7989c3ec123a784ecae81abeea41b57d55042e16e0011c562a0559c16e4b3a33e1b49951204c071066e921d7ff5d1fd8c3b9e98c
+  languageName: node
+  linkType: hard
+
+"@teambit/evangelist.theme.icon-font@npm:0.5.5":
+  version: 0.5.5
+  resolution: "@teambit/evangelist.theme.icon-font@npm:0.5.5"
+  peerDependencies:
+    react: ^16.13.1
+    react-dom: ^16.13.1
+  checksum: ee59ececa47931d155fdb75f1fe4edb15e50d5dc0f9f297e2dc6ca75ef5bf750b949e616b558a69828410db87479b6f470267f16bccb1acd837d607b37dcf02a
+  languageName: node
+  linkType: hard
+
 "@teambit/harmony@npm:0.2.11":
   version: 0.2.11
   resolution: "@teambit/harmony@npm:0.2.11"
@@ -7244,9 +7573,9 @@ __metadata:
     "@teambit/documenter.code.react-playground": 4.0.1
     "@teambit/documenter.content.documentation-links": 4.0.1
     "@teambit/documenter.markdown.hybrid-live-code-snippet": 0.1.3
-    "@teambit/documenter.markdown.mdx": 0.1.6
+    "@teambit/documenter.markdown.mdx": 0.1.7
     "@teambit/documenter.routing.external-link": 4.1.0
-    "@teambit/documenter.theme.theme-compositions": 4.1.1
+    "@teambit/documenter.theme.theme-compositions": 2.0.3
     "@teambit/documenter.theme.theme-context": 4.0.3
     "@teambit/documenter.types.docs-file": 4.0.3
     "@teambit/documenter.ui.block-quote": 4.0.3
@@ -7261,12 +7590,12 @@ __metadata:
     "@teambit/documenter.ui.italic": 4.0.3
     "@teambit/documenter.ui.label": 4.0.3
     "@teambit/documenter.ui.label-list": 4.0.3
-    "@teambit/documenter.ui.linked-heading": 4.1.1
+    "@teambit/documenter.ui.linked-heading": 4.1.6
     "@teambit/documenter.ui.ol": 4.1.1
-    "@teambit/documenter.ui.paragraph": 4.1.1
+    "@teambit/documenter.ui.paragraph": 1.0.3
     "@teambit/documenter.ui.property-table": 4.1.3
-    "@teambit/documenter.ui.section": 4.1.1
-    "@teambit/documenter.ui.separator": 4.1.1
+    "@teambit/documenter.ui.section": 1.0.3
+    "@teambit/documenter.ui.separator": 1.0.3
     "@teambit/documenter.ui.sub-title": 4.1.1
     "@teambit/documenter.ui.sup": 4.0.3
     "@teambit/documenter.ui.table.base-table": 4.1.1
@@ -14105,6 +14434,8 @@ __metadata:
 "collapser-button-fa3ad9@workspace:scopes/ui-foundation/collapser-button":
   version: 0.0.0-use.local
   resolution: "collapser-button-fa3ad9@workspace:scopes/ui-foundation/collapser-button"
+  dependencies:
+    "@teambit/documenter.theme.theme-compositions": 3.0.8
   languageName: unknown
   linkType: soft
 
@@ -14409,6 +14740,8 @@ __metadata:
 "component-860f6b@workspace:scopes/component/component":
   version: 0.0.0-use.local
   resolution: "component-860f6b@workspace:scopes/component/component"
+  dependencies:
+    "@teambit/documenter.ui.separator": 4.1.1
   languageName: unknown
   linkType: soft
 
@@ -16280,6 +16613,8 @@ __metadata:
 "docs-app-55ecfa@workspace:scopes/react/ui/docs-app":
   version: 0.0.0-use.local
   resolution: "docs-app-55ecfa@workspace:scopes/react/ui/docs-app"
+  dependencies:
+    "@teambit/documenter.ui.section": 4.1.1
   languageName: unknown
   linkType: soft
 
@@ -16688,6 +17023,8 @@ __metadata:
 "empty-box-dbdece@workspace:scopes/design/ui/empty-box":
   version: 0.0.0-use.local
   resolution: "empty-box-dbdece@workspace:scopes/design/ui/empty-box"
+  dependencies:
+    "@teambit/documenter.theme.theme-compositions": 3.0.9
   languageName: unknown
   linkType: soft
 
@@ -19011,22 +19348,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fsevents@npm:^2.1.2, fsevents@npm:~2.3.1, fsevents@npm:~2.3.2":
+"fsevents@^2.1.2, fsevents@~2.3.1, fsevents@~2.3.2":
   version: 2.3.2
   resolution: "fsevents@npm:2.3.2"
   dependencies:
     node-gyp: latest
   checksum: 97ade64e75091afee5265e6956cb72ba34db7819b4c3e94c431d4be2b19b8bb7a2d4116da417950c3425f17c8fe693d25e20212cac583ac1521ad066b77ae31f
-  conditions: os=darwin
   languageName: node
   linkType: hard
 
 "fsevents@patch:fsevents@^2.1.2#~builtin<compat/fsevents>, fsevents@patch:fsevents@~2.3.1#~builtin<compat/fsevents>, fsevents@patch:fsevents@~2.3.2#~builtin<compat/fsevents>":
   version: 2.3.2
-  resolution: "fsevents@patch:fsevents@npm%3A2.3.2#~builtin<compat/fsevents>::version=2.3.2&hash=18f3a7"
+  resolution: "fsevents@patch:fsevents@npm%3A2.3.2#~builtin<compat/fsevents>::version=2.3.2&hash=1cc4b2"
   dependencies:
     node-gyp: latest
-  conditions: os=darwin
+  checksum: 78db9daf1f6526a49cefee3917cc988f62dc7f25b5dd80ad6de4ffc4af7f0cab7491ac737626ff53e482a111bc53aac9e411fe3602458eca36f6a003ecf69c16
   languageName: node
   linkType: hard
 
@@ -22634,7 +22970,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-resolve@npm:^26.6.2":
+"jest-resolve@npm:26.6.2, jest-resolve@npm:^26.6.2":
   version: 26.6.2
   resolution: "jest-resolve@npm:26.6.2"
   dependencies:
@@ -30371,7 +30707,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"reset-css@npm:5.0.1":
+"reset-css@npm:5.0.1, reset-css@npm:^5.0.1":
   version: 5.0.1
   resolution: "reset-css@npm:5.0.1"
   checksum: b93380a2c691bfc85344bfa07e781266a2f58fef194c1aec61923d4591d30d73f54a12e4fe32b48668ce9bc82c2d42715e7e9fdd108d85b3c93b2a319f0a077c
@@ -30468,7 +30804,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:1.20.0, resolve@npm:^1.10.0, resolve@npm:^1.12.0, resolve@npm:^1.13.1, resolve@npm:^1.14.2, resolve@npm:^1.17.0, resolve@npm:^1.18.1, resolve@npm:^1.19.0, resolve@npm:^1.20.0, resolve@npm:^1.3.2, resolve@npm:^1.8.1":
+"resolve@1.20.0, resolve@^1.10.0, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.3.2, resolve@^1.8.1":
   version: 1.20.0
   resolution: "resolve@npm:1.20.0"
   dependencies:
@@ -30480,11 +30816,11 @@ __metadata:
 
 "resolve@patch:resolve@1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.12.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.13.1#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.17.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.18.1#~builtin<compat/resolve>, resolve@patch:resolve@^1.19.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.3.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.8.1#~builtin<compat/resolve>":
   version: 1.20.0
-  resolution: "resolve@patch:resolve@npm%3A1.20.0#~builtin<compat/resolve>::version=1.20.0&hash=07638b"
+  resolution: "resolve@patch:resolve@npm%3A1.20.0#~builtin<compat/resolve>::version=1.20.0&hash=00b1ff"
   dependencies:
     is-core-module: ^2.2.0
     path-parse: ^1.0.6
-  checksum: a0dd7d16a8e47af23afa9386df2dff10e3e0debb2c7299a42e581d9d9b04d7ad5d2c53f24f1e043f7b3c250cbdc71150063e53d0b6559683d37f790b7c8c3cd5
+  checksum: bed00be983cd20a8af0e7840664f655c4b269786dbd9595c5f156cd9d8a0050e65cdbbbdafc30ee9b6245b230c78a2c8ab6447a52545b582f476c29adb188cc5
   languageName: node
   linkType: hard
 
@@ -31241,6 +31577,8 @@ __metadata:
 "separator-7e051b@workspace:scopes/design/ui/separator":
   version: 0.0.0-use.local
   resolution: "separator-7e051b@workspace:scopes/design/ui/separator"
+  dependencies:
+    "@teambit/documenter.ui.separator": 4.1.1
   languageName: unknown
   linkType: soft
 
@@ -31463,6 +31801,8 @@ __metadata:
 "side-bar-b708a4@workspace:scopes/ui-foundation/uis/side-bar":
   version: 0.0.0-use.local
   resolution: "side-bar-b708a4@workspace:scopes/ui-foundation/uis/side-bar"
+  dependencies:
+    "@teambit/documenter.ui.separator": 4.1.1
   languageName: unknown
   linkType: soft
 
@@ -31480,6 +31820,8 @@ __metadata:
 "sidebar-c63b5b@workspace:scopes/ui-foundation/sidebar":
   version: 0.0.0-use.local
   resolution: "sidebar-c63b5b@workspace:scopes/ui-foundation/sidebar"
+  dependencies:
+    "@teambit/documenter.ui.separator": 4.1.1
   languageName: unknown
   linkType: soft
 
@@ -33317,6 +33659,8 @@ __metadata:
 "time-ago-d19018@workspace:scopes/design/ui/time-ago":
   version: 0.0.0-use.local
   resolution: "time-ago-d19018@workspace:scopes/design/ui/time-ago"
+  dependencies:
+    "@teambit/documenter.ui.heading": 1.0.3
   languageName: unknown
   linkType: soft
 
@@ -34006,7 +34350,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:3.9.7":
+typescript@3.9.7:
   version: 3.9.7
   resolution: "typescript@npm:3.9.7"
   bin:
@@ -34016,7 +34360,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:4.4.2":
+typescript@4.4.2:
   version: 4.4.2
   resolution: "typescript@npm:4.4.2"
   bin:
@@ -34026,7 +34370,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:^2.6.2":
+typescript@^2.6.2:
   version: 2.9.2
   resolution: "typescript@npm:2.9.2"
   bin:
@@ -34036,7 +34380,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:^3.9.3":
+typescript@^3.9.3:
   version: 3.9.10
   resolution: "typescript@npm:3.9.10"
   bin:
@@ -34048,41 +34392,41 @@ __metadata:
 
 "typescript@patch:typescript@3.9.7#~builtin<compat/typescript>":
   version: 3.9.7
-  resolution: "typescript@patch:typescript@npm%3A3.9.7#~builtin<compat/typescript>::version=3.9.7&hash=ddd1e8"
+  resolution: "typescript@patch:typescript@npm%3A3.9.7#~builtin<compat/typescript>::version=3.9.7&hash=d8b4e7"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: be4742230d87145344866f264771c0d78fe548479694279de1d8c9b1ea0942b1016a1957f87952924b370f86107bc71d95eb7feea16ad8875c61c571aca280e6
+  checksum: 46b87576ee37cc91c86965922ddef0fbee3ba49fc1627a9b6dce77cb41dc72d93f5643cefd175928a2d76e68189123e20c24db382d8b289ac6c27cfb4b7993a6
   languageName: node
   linkType: hard
 
 "typescript@patch:typescript@4.4.2#~builtin<compat/typescript>":
   version: 4.4.2
-  resolution: "typescript@patch:typescript@npm%3A4.4.2#~builtin<compat/typescript>::version=4.4.2&hash=ddd1e8"
+  resolution: "typescript@patch:typescript@npm%3A4.4.2#~builtin<compat/typescript>::version=4.4.2&hash=d8b4e7"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 1f30617046271a94d6821fe9da9c4705111e0a2f5479269c82f65aa76b2421ff90def8838dd35b1aa464d015248b06c89ff867bd282f4822b5ee18b7f92f95ee
+  checksum: 11d6ab6e868117908c388401e2ac06d503c5c8709115ab80ee69a1a6352c1f98471d1e595636bfe6a2d6b20b03a44df6bb2d3d198cea97c0c328968cd18d2b70
   languageName: node
   linkType: hard
 
 "typescript@patch:typescript@^2.6.2#~builtin<compat/typescript>":
   version: 2.9.2
-  resolution: "typescript@patch:typescript@npm%3A2.9.2#~builtin<compat/typescript>::version=2.9.2&hash=ddd1e8"
+  resolution: "typescript@patch:typescript@npm%3A2.9.2#~builtin<compat/typescript>::version=2.9.2&hash=d8b4e7"
   bin:
     tsc: ./bin/tsc
     tsserver: ./bin/tsserver
-  checksum: 8e4b4eceecd9c4c0d45a74e49d715eb7b12e0d4a12768b70681c9a81a7c2a335f15fe14c78dddda73c90f9ebb5ddac0b2e33c12df606c7d46f7e7829326cc653
+  checksum: 60598f5945c15c00455bb8e76c84eb6910ea3888bc9aa6b381fffd27f3204d5ab2fa58e12197c9aff0cc04fd1130c450f5cd5762a41906b7014eb5d44d5a98b4
   languageName: node
   linkType: hard
 
 "typescript@patch:typescript@^3.9.3#~builtin<compat/typescript>":
   version: 3.9.10
-  resolution: "typescript@patch:typescript@npm%3A3.9.10#~builtin<compat/typescript>::version=3.9.10&hash=ddd1e8"
+  resolution: "typescript@patch:typescript@npm%3A3.9.10#~builtin<compat/typescript>::version=3.9.10&hash=d8b4e7"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: dc7141ab555b23a8650a6787f98845fc11692063d02b75ff49433091b3af2fe3d773650dea18389d7c21f47d620fb3b110ea363dab4ab039417a6ccbbaf96fc2
+  checksum: 8dcd46a8a2cb81198497f00c7721a34c914bf6b3241bf9687b868bdec9e59f1f44da41e7917cfc1dcabee4595229c73bab047f2d85c1aedacc0d1b526cc81534
   languageName: node
   linkType: hard