@teambit/preview 1.0.879 → 1.0.880

package/dist/rspack/rspack.config.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","data","require","_webpack","_mdxModules","_rspackPlugins","moduleFileExtensions","imageInlineSizeLimit","parseInt","process","env","IMAGE_INLINE_SIZE_LIMIT","cssModuleGenerator","localIdentName","esModule","cssParser","css","namedExports","createRspackConfig","outputDir","entryFile","mode","BIT_DEBUG_PREVIEW_BUNDLE","shouldUseSourceMap","GENERATE_SOURCEMAP","stats","children","errorDetails","devtool","experiments","entry","main","output","path","publicPath","chunkFilename","filename","cssFilename","cssChunkFilename","library","type","externalsType","externals","resolve","extensions","map","ext","alias","react","fallback","module","fallbacks","dgram","dns","fs","stream","http2","net","tls","child_process","optimization","minimize","minimizer","rspack","SwcJsMinimizerRspackPlugin","minimizerOptions","compress","ecma","comparisons","inline","mangle","format","comments","ascii_only","LightningCssMinimizerRspackPlugin","parser","rules","test","fullySpecified","exclude","use","loader","options","jsc","syntax","tsx","transform","runtime","target","enforce","include","descriptionData","componentId","value","extractSourceMap","dataUrlCondition","maxSize","sideEffects","generator","sourceMap","mdxOptions","plugins","RspackManifestPlugin","fileName","ProvidePlugin","fallbacksProvidePluginConfig","IgnorePlugin","resourceRegExp","contextRegExp","performance"],"sources":["rspack.config.ts"],"sourcesContent":["import { rspack, type Configuration } from '@rspack/core';\nimport { fallbacksProvidePluginConfig, fallbacks } from '@teambit/webpack';\nimport { mdxOptions } from '@teambit/mdx.modules.mdx-v3-options';\nimport { RspackManifestPlugin } from '@teambit/rspack.plugins.manifest-plugin';\n\nconst moduleFileExtensions = [\n  'web.mjs',\n  'mjs',\n  'web.js',\n  'js',\n  'web.ts',\n  'ts',\n  'web.tsx',\n  'tsx',\n  'json',\n  'web.jsx',\n  'jsx',\n  'mdx',\n  'md',\n];\n\nconst imageInlineSizeLimit = parseInt(process.env.IMAGE_INLINE_SIZE_LIMIT || '10000');\nconst cssModuleGenerator = { localIdentName: '[name]__[local]--[hash:base64:5]', esModule: false };\nconst cssParser = {\n  css: { namedExports: false },\n  'css/auto': { namedExports: false },\n  'css/module': { namedExports: false },\n} as const;\n\nexport function createRspackConfig(outputDir: string, entryFile: string): Configuration {\n  const mode = process.env.BIT_DEBUG_PREVIEW_BUNDLE ? 'development' : 'production';\n  const shouldUseSourceMap = mode === 'development' || process.env.GENERATE_SOURCEMAP === 'true';\n\n  return {\n    stats: {\n      children: true,\n      errorDetails: true,\n    },\n    mode,\n\n    devtool: shouldUseSourceMap ? 'source-map' : false,\n    experiments: {\n      css: true,\n    },\n\n    entry: {\n      main: entryFile,\n    },\n\n    output: {\n      path: outputDir,\n      publicPath: '/',\n      chunkFilename: 'static/js/[name].[contenthash:8].chunk.cjs',\n      filename: 'static/js/[name].[contenthash:8].cjs',\n      cssFilename: 'static/css/[name].[contenthash:8].css',\n      cssChunkFilename: 'static/css/[name].[contenthash:8].chunk.css',\n      library: {\n        type: 'commonjs-static',\n      },\n    },\n\n    externalsType: 'commonjs',\n    externals: ['react', 'react-dom', '@mdx-js/react', '@teambit/mdx.ui.mdx-scope-context'],\n\n    resolve: {\n      extensions: moduleFileExtensions.map((ext) => `.${ext}`),\n      alias: {\n        'react/jsx-runtime': require.resolve('react/jsx-runtime'),\n        react: require.resolve('react'),\n        'react-dom': require.resolve('react-dom'),\n      },\n      fallback: {\n        module: false,\n        path: fallbacks.path,\n        dgram: false,\n        dns: false,\n        fs: false,\n        stream: false,\n        http2: false,\n        net: false,\n        tls: false,\n        child_process: false,\n        process: fallbacks.process,\n      },\n    },\n\n    optimization: {\n      minimize: mode === 'production',\n      minimizer: [\n        new rspack.SwcJsMinimizerRspackPlugin({\n          minimizerOptions: {\n            compress: {\n              ecma: 5,\n              comparisons: false,\n              inline: 2,\n            },\n            // We need to keep class names and disable mangling to prevent issues with consuming the rspack bundle in\n            // other bundlers (e.g. webpack) that rely on class names for tree shaking and other optimizations.\n            mangle: false,\n            format: {\n              ecma: 5,\n              comments: false,\n              ascii_only: true,\n            },\n          },\n        }),\n        new rspack.LightningCssMinimizerRspackPlugin({}),\n      ],\n    },\n\n    module: {\n      parser: cssParser,\n      rules: [\n        {\n          test: /\\.m?js/,\n          resolve: {\n            fullySpecified: false,\n          },\n        },\n        {\n          test: /\\.(js|mjs|jsx|ts|tsx)$/,\n          exclude: /node_modules/,\n          use: {\n            loader: 'builtin:swc-loader',\n            options: {\n              jsc: {\n                parser: {\n                  syntax: 'typescript',\n                  tsx: true,\n                },\n                transform: {\n                  react: {\n                    runtime: 'automatic',\n                  },\n                },\n                target: 'es2015',\n              },\n            },\n          },\n          type: 'javascript/auto',\n        },\n        {\n          test: /\\.js$/,\n          enforce: 'pre' as const,\n          include: /node_modules/,\n          descriptionData: { componentId: (value: any) => !!value },\n          extractSourceMap: shouldUseSourceMap,\n        },\n        {\n          test: [/\\.bmp$/, /\\.gif$/, /\\.jpe?g$/, /\\.png$/],\n          type: 'asset',\n          parser: {\n            dataUrlCondition: {\n              maxSize: imageInlineSizeLimit,\n            },\n          },\n        },\n        {\n          test: /\\.svg$/,\n          type: 'asset',\n          parser: {\n            dataUrlCondition: {\n              maxSize: imageInlineSizeLimit,\n            },\n          },\n        },\n        {\n          test: /\\.css$/,\n          exclude: /\\.module\\.css$/,\n          type: 'css',\n          sideEffects: true,\n        },\n        {\n          test: /\\.module\\.css$/,\n          type: 'css/module',\n          generator: cssModuleGenerator,\n        },\n        {\n          test: /\\.(scss|sass)$/,\n          exclude: /\\.module\\.(scss|sass)$/,\n          use: [\n            {\n              loader: require.resolve('resolve-url-loader'),\n              options: { sourceMap: shouldUseSourceMap },\n            },\n            {\n              loader: require.resolve('sass-loader'),\n              options: { sourceMap: shouldUseSourceMap },\n            },\n          ],\n          type: 'css',\n          sideEffects: true,\n        },\n        {\n          test: /\\.module\\.(scss|sass)$/,\n          use: [\n            {\n              loader: require.resolve('resolve-url-loader'),\n              options: { sourceMap: shouldUseSourceMap },\n            },\n            {\n              loader: require.resolve('sass-loader'),\n              options: { sourceMap: shouldUseSourceMap },\n            },\n          ],\n          type: 'css/module',\n          generator: cssModuleGenerator,\n        },\n        {\n          test: /\\.(woff(2)?|ttf|eot)(\\?v=\\d+\\.\\d+\\.\\d+)?$/,\n          type: 'asset',\n          generator: {\n            filename: 'static/fonts/[hash][ext][query]',\n          },\n        },\n        {\n          test: /\\.mdx?$/,\n          use: [\n            {\n              loader: 'builtin:swc-loader',\n              options: {\n                jsc: {\n                  parser: {\n                    syntax: 'typescript',\n                    tsx: true,\n                  },\n                  transform: {\n                    react: {\n                      runtime: 'automatic',\n                    },\n                  },\n                  target: 'es2015',\n                },\n              },\n            },\n            {\n              loader: require.resolve('@mdx-js/loader'),\n              options: mdxOptions,\n            },\n            {\n              // transforms admonition syntax (:::type content → :::type[content]) for mdx v3\n              loader: require.resolve('@teambit/react/dist/webpack/mdx-pre-loader.cjs'),\n            },\n          ],\n          type: 'javascript/auto',\n        },\n        {\n          exclude: [/\\.(cjs|js|mjs|jsx|ts|tsx)$/, /\\.html$/, /\\.json$/, /\\.css$/, /\\.s[ac]ss$/, /\\.less$/, /\\.mdx?$/],\n          type: 'asset/resource',\n        },\n      ],\n    },\n\n    plugins: [\n      new RspackManifestPlugin({ fileName: 'asset-manifest.json' }),\n\n      new rspack.ProvidePlugin({ process: fallbacksProvidePluginConfig.process }),\n\n      new rspack.IgnorePlugin({\n        resourceRegExp: /^\\.\\/locale$/,\n        contextRegExp: /moment$/,\n      }),\n    ],\n\n    performance: false,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/preview",
-  "version": "1.0.879",
+  "version": "1.0.880",
   "homepage": "https://bit.cloud/teambit/preview/preview",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.preview",
     "name": "preview",
-    "version": "1.0.879"
+    "version": "1.0.880"
   },
   "dependencies": {
     "mime": "2.5.2",
@@ -18,13 +18,14 @@
     "object-hash": "2.1.1",
     "chalk": "4.1.2",
     "pad-right": "0.2.2",
-    "webpack": "5.97.1",
+    "@rspack/core": "1.7.5",
     "graphql-tag": "2.12.1",
     "filenamify": "4.2.0",
     "lodash.compact": "3.0.1",
     "graphql-request": "6.1.0",
-    "webpack-manifest-plugin": "5.0.0",
-    "webpack-merge": "5.8.0",
+    "@mdx-js/loader": "^3.1.1",
+    "resolve-url-loader": "5.0.0",
+    "sass-loader": "13.3.2",
     "@teambit/express": "0.0.1398",
     "@teambit/logger": "0.0.1392",
     "@teambit/ui-foundation.ui.pages.static-error": "0.0.110",
@@ -44,23 +45,25 @@
     "@teambit/harmony.modules.feature-toggle": "0.0.33",
     "@teambit/preview.cli.dev-server-events-listener": "0.0.1",
     "@teambit/preview.cli.webpack-events-listener": "0.0.178",
-    "@teambit/react.webpack.react-webpack": "1.0.50",
-    "@teambit/builder": "1.0.879",
-    "@teambit/bundler": "1.0.879",
-    "@teambit/component": "1.0.879",
-    "@teambit/aspect-loader": "1.0.879",
-    "@teambit/dependency-resolver": "1.0.879",
-    "@teambit/envs": "1.0.879",
-    "@teambit/ui": "1.0.879",
-    "@teambit/isolator": "1.0.879",
-    "@teambit/graphql": "1.0.879",
-    "@teambit/pkg": "1.0.879",
-    "@teambit/pubsub": "1.0.879",
-    "@teambit/scope": "1.0.879",
-    "@teambit/watcher": "1.0.879",
-    "@teambit/workspace": "1.0.879",
-    "@teambit/compiler": "1.0.879",
-    "@teambit/webpack": "1.0.879"
+    "@teambit/mdx.modules.mdx-v3-options": "0.0.2",
+    "@teambit/builder": "1.0.880",
+    "@teambit/bundler": "1.0.880",
+    "@teambit/component": "1.0.880",
+    "@teambit/aspect-loader": "1.0.880",
+    "@teambit/dependency-resolver": "1.0.880",
+    "@teambit/envs": "1.0.880",
+    "@teambit/ui": "1.0.880",
+    "@teambit/isolator": "1.0.880",
+    "@teambit/graphql": "1.0.880",
+    "@teambit/pkg": "1.0.880",
+    "@teambit/pubsub": "1.0.880",
+    "@teambit/scope": "1.0.880",
+    "@teambit/watcher": "1.0.880",
+    "@teambit/workspace": "1.0.880",
+    "@teambit/compiler": "1.0.880",
+    "@teambit/react": "1.0.880",
+    "@teambit/rspack.plugins.manifest-plugin": "0.0.1",
+    "@teambit/webpack": "1.0.880"
   },
   "devDependencies": {
     "@types/mime": "2.0.3",
@@ -68,7 +71,6 @@
     "@types/lodash": "4.14.165",
     "@types/normalize-path": "^3.0.0",
     "@types/object-hash": "1.3.4",
-    "@types/webpack": "5.28.5",
     "cross-fetch": "3.1.5",
     "lru-cache": "10.4.3",
     "@types/lodash.compact": "3.0.6",

package/preview.start-plugin.tsx

@@ -281,13 +281,12 @@ function getSpinnerId(envId: string) {
 }
 
 function getSpinnerCompilingMessage(server: ComponentServer, verbose = false) {
-  const prefix = 'COMPILING';
   const envId = chalk.cyan(server.context.envRuntime.id);
   let includedEnvs = '';
   if (server.context.relatedContexts && server.context.relatedContexts.length > 1) {
     includedEnvs = `on behalf of ${chalk.cyan(stringifyIncludedEnvs(server.context.relatedContexts, verbose))}`;
   }
-  return `${prefix} ${envId} ${includedEnvs}`;
+  return `${chalk.yellow('Compiling')} ${envId} ${includedEnvs}`;
 }
 
 function getSpinnerDoneMessage(
@@ -300,19 +299,21 @@ function getSpinnerDoneMessage(
 ) {
   const hasErrors = !!errors.length;
   const hasWarnings = !!warnings.length;
-  const prefix = hasErrors ? 'FAILED' : 'RUNNING';
   const envId = chalk.cyan(server.context.envRuntime.id);
   let includedEnvs = '';
   if (server.context.relatedContexts && server.context.relatedContexts.length > 1) {
-    includedEnvs = ` on behalf of ${chalk.cyan(stringifyIncludedEnvs(server.context.relatedContexts, verbose))}`;
+    includedEnvs = ` ${chalk.dim('via')} ${chalk.cyan(stringifyIncludedEnvs(server.context.relatedContexts, verbose))}`;
   }
   const errorsTxt = hasErrors ? errors.map((err) => err.message).join('\n') : '';
   const errorsTxtWithTitle = hasErrors ? chalk.red(`\nErrors:\n${errorsTxt}`) : '';
   const warningsTxt = hasWarnings ? warnings.map((warning) => warning.message).join('\n') : '';
   const warningsTxtWithTitle = hasWarnings ? chalk.yellow(`\nWarnings:\n${warningsTxt}`) : '';
 
+  if (hasErrors) {
+    return `${chalk.red('Failed')} ${envId}${includedEnvs}${errorsTxtWithTitle}${warningsTxtWithTitle}`;
+  }
   const urlMessage = hasErrors || !showInternalUrls ? '' : `at ${chalk.cyan(url)}`;
-  return `${prefix} ${envId}${includedEnvs} ${urlMessage} ${errorsTxtWithTitle} ${warningsTxtWithTitle}`;
+  return `${chalk.green('Ready')} ${envId}${includedEnvs} ${urlMessage}${warningsTxtWithTitle}`;
 }
 
 function stringifyIncludedEnvs(includedEnvs: string[] = [], verbose = false) {

package/rspack/rspack.config.ts

@@ -0,0 +1,267 @@
+import { rspack, type Configuration } from '@rspack/core';
+import { fallbacksProvidePluginConfig, fallbacks } from '@teambit/webpack';
+import { mdxOptions } from '@teambit/mdx.modules.mdx-v3-options';
+import { RspackManifestPlugin } from '@teambit/rspack.plugins.manifest-plugin';
+
+const moduleFileExtensions = [
+  'web.mjs',
+  'mjs',
+  'web.js',
+  'js',
+  'web.ts',
+  'ts',
+  'web.tsx',
+  'tsx',
+  'json',
+  'web.jsx',
+  'jsx',
+  'mdx',
+  'md',
+];
+
+const imageInlineSizeLimit = parseInt(process.env.IMAGE_INLINE_SIZE_LIMIT || '10000');
+const cssModuleGenerator = { localIdentName: '[name]__[local]--[hash:base64:5]', esModule: false };
+const cssParser = {
+  css: { namedExports: false },
+  'css/auto': { namedExports: false },
+  'css/module': { namedExports: false },
+} as const;
+
+export function createRspackConfig(outputDir: string, entryFile: string): Configuration {
+  const mode = process.env.BIT_DEBUG_PREVIEW_BUNDLE ? 'development' : 'production';
+  const shouldUseSourceMap = mode === 'development' || process.env.GENERATE_SOURCEMAP === 'true';
+
+  return {
+    stats: {
+      children: true,
+      errorDetails: true,
+    },
+    mode,
+
+    devtool: shouldUseSourceMap ? 'source-map' : false,
+    experiments: {
+      css: true,
+    },
+
+    entry: {
+      main: entryFile,
+    },
+
+    output: {
+      path: outputDir,
+      publicPath: '/',
+      chunkFilename: 'static/js/[name].[contenthash:8].chunk.cjs',
+      filename: 'static/js/[name].[contenthash:8].cjs',
+      cssFilename: 'static/css/[name].[contenthash:8].css',
+      cssChunkFilename: 'static/css/[name].[contenthash:8].chunk.css',
+      library: {
+        type: 'commonjs-static',
+      },
+    },
+
+    externalsType: 'commonjs',
+    externals: ['react', 'react-dom', '@mdx-js/react', '@teambit/mdx.ui.mdx-scope-context'],
+
+    resolve: {
+      extensions: moduleFileExtensions.map((ext) => `.${ext}`),
+      alias: {
+        'react/jsx-runtime': require.resolve('react/jsx-runtime'),
+        react: require.resolve('react'),
+        'react-dom': require.resolve('react-dom'),
+      },
+      fallback: {
+        module: false,
+        path: fallbacks.path,
+        dgram: false,
+        dns: false,
+        fs: false,
+        stream: false,
+        http2: false,
+        net: false,
+        tls: false,
+        child_process: false,
+        process: fallbacks.process,
+      },
+    },
+
+    optimization: {
+      minimize: mode === 'production',
+      minimizer: [
+        new rspack.SwcJsMinimizerRspackPlugin({
+          minimizerOptions: {
+            compress: {
+              ecma: 5,
+              comparisons: false,
+              inline: 2,
+            },
+            // We need to keep class names and disable mangling to prevent issues with consuming the rspack bundle in
+            // other bundlers (e.g. webpack) that rely on class names for tree shaking and other optimizations.
+            mangle: false,
+            format: {
+              ecma: 5,
+              comments: false,
+              ascii_only: true,
+            },
+          },
+        }),
+        new rspack.LightningCssMinimizerRspackPlugin({}),
+      ],
+    },
+
+    module: {
+      parser: cssParser,
+      rules: [
+        {
+          test: /\.m?js/,
+          resolve: {
+            fullySpecified: false,
+          },
+        },
+        {
+          test: /\.(js|mjs|jsx|ts|tsx)$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'builtin:swc-loader',
+            options: {
+              jsc: {
+                parser: {
+                  syntax: 'typescript',
+                  tsx: true,
+                },
+                transform: {
+                  react: {
+                    runtime: 'automatic',
+                  },
+                },
+                target: 'es2015',
+              },
+            },
+          },
+          type: 'javascript/auto',
+        },
+        {
+          test: /\.js$/,
+          enforce: 'pre' as const,
+          include: /node_modules/,
+          descriptionData: { componentId: (value: any) => !!value },
+          extractSourceMap: shouldUseSourceMap,
+        },
+        {
+          test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
+          type: 'asset',
+          parser: {
+            dataUrlCondition: {
+              maxSize: imageInlineSizeLimit,
+            },
+          },
+        },
+        {
+          test: /\.svg$/,
+          type: 'asset',
+          parser: {
+            dataUrlCondition: {
+              maxSize: imageInlineSizeLimit,
+            },
+          },
+        },
+        {
+          test: /\.css$/,
+          exclude: /\.module\.css$/,
+          type: 'css',
+          sideEffects: true,
+        },
+        {
+          test: /\.module\.css$/,
+          type: 'css/module',
+          generator: cssModuleGenerator,
+        },
+        {
+          test: /\.(scss|sass)$/,
+          exclude: /\.module\.(scss|sass)$/,
+          use: [
+            {
+              loader: require.resolve('resolve-url-loader'),
+              options: { sourceMap: shouldUseSourceMap },
+            },
+            {
+              loader: require.resolve('sass-loader'),
+              options: { sourceMap: shouldUseSourceMap },
+            },
+          ],
+          type: 'css',
+          sideEffects: true,
+        },
+        {
+          test: /\.module\.(scss|sass)$/,
+          use: [
+            {
+              loader: require.resolve('resolve-url-loader'),
+              options: { sourceMap: shouldUseSourceMap },
+            },
+            {
+              loader: require.resolve('sass-loader'),
+              options: { sourceMap: shouldUseSourceMap },
+            },
+          ],
+          type: 'css/module',
+          generator: cssModuleGenerator,
+        },
+        {
+          test: /\.(woff(2)?|ttf|eot)(\?v=\d+\.\d+\.\d+)?$/,
+          type: 'asset',
+          generator: {
+            filename: 'static/fonts/[hash][ext][query]',
+          },
+        },
+        {
+          test: /\.mdx?$/,
+          use: [
+            {
+              loader: 'builtin:swc-loader',
+              options: {
+                jsc: {
+                  parser: {
+                    syntax: 'typescript',
+                    tsx: true,
+                  },
+                  transform: {
+                    react: {
+                      runtime: 'automatic',
+                    },
+                  },
+                  target: 'es2015',
+                },
+              },
+            },
+            {
+              loader: require.resolve('@mdx-js/loader'),
+              options: mdxOptions,
+            },
+            {
+              // transforms admonition syntax (:::type content → :::type[content]) for mdx v3
+              loader: require.resolve('@teambit/react/dist/webpack/mdx-pre-loader.cjs'),
+            },
+          ],
+          type: 'javascript/auto',
+        },
+        {
+          exclude: [/\.(cjs|js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/, /\.css$/, /\.s[ac]ss$/, /\.less$/, /\.mdx?$/],
+          type: 'asset/resource',
+        },
+      ],
+    },
+
+    plugins: [
+      new RspackManifestPlugin({ fileName: 'asset-manifest.json' }),
+
+      new rspack.ProvidePlugin({ process: fallbacksProvidePluginConfig.process }),
+
+      new rspack.IgnorePlugin({
+        resourceRegExp: /^\.\/locale$/,
+        contextRegExp: /moment$/,
+      }),
+    ],
+
+    performance: false,
+  };
+}

package/artifacts/ui-bundle/static/css/main.03dc01ef.css

@@ -1,5 +0,0 @@
-.frame_overlayBorder__4pB4S{box-sizing:border-box;border:2px solid #eebcc9;border:2px solid var(--bit-highlighter-color, #eebcc9);border-radius:11px;padding:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame_hidden__F0shs{display:none}
-.label_othersContainer__\+rhM5>*{margin-bottom:8px}.label_othersContainer__\+rhM5>*:last-child{margin-bottom:0;margin-bottom:initial}.label_othersTooltip__FsGq5{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.label_othersTooltip__FsGq5::before{display:inline-block;transition:transform 300ms;content:"▾"}.label_othersTooltip__FsGq5.label_active__E6KIP::before{transform:rotate(-180deg)}.label_hidden__ZtHoV{visibility:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
-.component-strip_componentStrip__eCupE{display:flex;width:-moz-fit-content;width:fit-content;border-radius:.5em;box-shadow:var(--bit-highlighter-shadow);white-space:nowrap}.component-strip_componentStrip__eCupE>*{padding:0 .5em;line-height:1.5;transition:filter 300ms,background-color 300ms;transform:translateZ(0);background:#eebcc9;background:var(--bit-highlighter-color, #eebcc9);margin-right:.125em}.component-strip_componentStrip__eCupE>*:link,.component-strip_componentStrip__eCupE>*:visited{text-decoration:inherit;color:inherit}.component-strip_componentStrip__eCupE>*:link:hover,.component-strip_componentStrip__eCupE>*:visited:hover{background:#f6dae2;background:var(--bit-highlighter-color-hover, #f6dae2)}.component-strip_componentStrip__eCupE>*:link:active,.component-strip_componentStrip__eCupE>*:visited:active{background:#e79db1;background:var(--bit-highlighter-color-active, #e79db1);color:inherit}.component-strip_componentStrip__eCupE>*:first-child{border-top-left-radius:.5em;border-bottom-left-radius:.5em}.component-strip_componentStrip__eCupE>*:last-child{border-top-right-radius:.5em;border-bottom-right-radius:.5em;margin-right:0;margin-right:initial}.component-strip_nameBlock__URo7m{display:flex}.component-strip_nameBlock__URo7m .component-strip_version__KGQOB{max-width:13ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:max-width 480ms}.component-strip_nameBlock__URo7m .component-strip_version__KGQOB:hover{max-width:61ch}
-.element-highlighter_label__UFbc1{padding:8px}.element-highlighter_frame__0eJ5V,.element-highlighter_label__UFbc1{z-index:15500}
-.highlighter-provider_highlighter__vY8on{border:solid #ededed;border:solid var(--bit-border-color-lightest, #ededed);border-width:0px;box-sizing:border-box;height:100%;transition:border 300ms}.highlighter-provider_highlighter__vY8on.highlighter-provider_active__xgxqx{border-width:8px;overflow:auto}.highlighter-provider_label__iLN6B{font-family:sans-serif;font-size:12px}