@teambit/react.ui.component-highlighter 0.0.492 → 0.0.496

package/dist/label/component-label/component-label.js

@@ -1,32 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentLabel = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const base_ui_surfaces_card_1 = require("@teambit/base-ui.surfaces.card");
-const bubble_1 = require("../../bubble");
-const duo_component_bubble_module_scss_1 = __importDefault(require("./duo-component-bubble.module.scss"));
-const component_bubble_1 = require("./component-bubble");
-const scope_bubble_1 = require("./scope-bubble");
-function ComponentLabel(_a) {
-    var { componentId, className, link, scopeLink, local } = _a, rest = __rest(_a, ["componentId", "className", "link", "scopeLink", "local"]);
-    return (react_1.default.createElement(base_ui_surfaces_card_1.Card, Object.assign({}, rest, { className: (0, classnames_1.default)(className, duo_component_bubble_module_scss_1.default.duoComponentBubble) }),
-        react_1.default.createElement(scope_bubble_1.ScopeBubble, { href: scopeLink, componentId: componentId, className: bubble_1.bubble }),
-        react_1.default.createElement(component_bubble_1.ComponentBubble, { href: link, componentId: componentId, className: bubble_1.bubble, local: local })));
-}
-exports.ComponentLabel = ComponentLabel;
-//# sourceMappingURL=component-label.js.map

package/dist/label/component-label/component-label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-label.js","sourceRoot":"","sources":["../../../label/component-label/component-label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AACpC,0EAAiE;AAGjE,yCAAsC;AACtC,0GAAwD;AAExD,yDAAqD;AACrD,iDAA6C;AAS7C,SAAgB,cAAc,CAAC,EAAgF;QAAhF,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,OAAgC,EAA3B,IAAI,cAAzD,0DAA2D,CAAF;IACtF,OAAO,CACL,8BAAC,4BAAI,oBAAK,IAAI,IAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,0CAAM,CAAC,kBAAkB,CAAC;QACzE,8BAAC,0BAAW,IAAC,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,eAAM,GAAI;QAC7E,8BAAC,kCAAe,IACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAM,EACjB,KAAK,EAAE,KAAK,GACZ,CACG,CACR,CAAC;AACJ,CAAC;AAZD,wCAYC"}

package/dist/label/component-label/duo-component-bubble.module.scss

@@ -1,24 +0,0 @@
-.duoComponentBubble {
-  display: flex;
-
-  //reset styles from card:
-  padding: 0;
-  border: none;
-  background: none;
-
-  > :first-child {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-
-    margin-right: 2px;
-  }
-
-  > :last-child {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-  }
-}
-
-.componentName {
-  display: flex;
-}

package/dist/label/component-label/index.d.ts

@@ -1,2 +0,0 @@
-export { ComponentLabel } from './component-label';
-export type { ComponentLabelProps } from './component-label';

package/dist/label/component-label/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentLabel = void 0;
-var component_label_1 = require("./component-label");
-Object.defineProperty(exports, "ComponentLabel", { enumerable: true, get: function () { return component_label_1.ComponentLabel; } });
-//# sourceMappingURL=index.js.map

package/dist/label/component-label/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../label/component-label/index.ts"],"names":[],"mappings":";;;AAAA,qDAAmD;AAA1C,iHAAA,cAAc,OAAA"}

package/dist/label/component-label/scope-bubble.d.ts

@@ -1,6 +0,0 @@
-import { ComponentID } from '@teambit/component-id';
-import { LinkProps } from '@teambit/base-ui.routing.native-link';
-export interface ScopeBubbleProps extends LinkProps {
-    componentId: ComponentID;
-}
-export declare function ScopeBubble({ componentId, className, href, ...rest }: ScopeBubbleProps): JSX.Element;

package/dist/label/component-label/scope-bubble.js

@@ -1,28 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScopeBubble = void 0;
-const react_1 = __importDefault(require("react"));
-const base_ui_routing_native_link_1 = require("@teambit/base-ui.routing.native-link");
-const component_modules_component_url_1 = require("@teambit/component.modules.component-url");
-function ScopeBubble(_a) {
-    var { componentId, className, href } = _a, rest = __rest(_a, ["componentId", "className", "href"]);
-    const scope = componentId.scope;
-    const scopeUrl = href || component_modules_component_url_1.ScopeUrl.toUrl(componentId.scope);
-    return (react_1.default.createElement(base_ui_routing_native_link_1.NativeLink, Object.assign({ href: scopeUrl, external: true, className: className }, rest), scope));
-}
-exports.ScopeBubble = ScopeBubble;
-//# sourceMappingURL=scope-bubble.js.map

package/dist/label/component-label/scope-bubble.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scope-bubble.js","sourceRoot":"","sources":["../../../label/component-label/scope-bubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,sFAA6E;AAC7E,8FAAoE;AAMpE,SAAgB,WAAW,CAAC,EAA2D;QAA3D,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,OAA6B,EAAxB,IAAI,cAAvC,oCAAyC,CAAF;IACjE,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAChC,MAAM,QAAQ,GAAG,IAAI,IAAI,0CAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE3D,OAAO,CACL,8BAAC,wCAAU,kBAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,QAAC,SAAS,EAAE,SAAS,IAAM,IAAI,GAChE,KAAK,CACK,CACd,CAAC;AACJ,CAAC;AATD,kCASC"}

package/dist/label/default-label/default-label.d.ts

@@ -1,5 +0,0 @@
-import { CardProps } from '@teambit/base-ui.surfaces.card';
-export interface DefaultLabelProps extends CardProps {
-    href?: string;
-}
-export declare function DefaultLabel({ className, href, children, ...rest }: DefaultLabelProps): JSX.Element;

package/dist/label/default-label/default-label.js

@@ -1,30 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultLabel = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const base_ui_surfaces_card_1 = require("@teambit/base-ui.surfaces.card");
-const base_ui_routing_native_link_1 = require("@teambit/base-ui.routing.native-link");
-const bubble_1 = require("../../bubble");
-const default_label_module_scss_1 = __importDefault(require("./default-label.module.scss"));
-function DefaultLabel(_a) {
-    var { className, href, children } = _a, rest = __rest(_a, ["className", "href", "children"]);
-    return (react_1.default.createElement(base_ui_surfaces_card_1.Card, Object.assign({}, rest, { className: (0, classnames_1.default)(default_label_module_scss_1.default.container, className) }),
-        react_1.default.createElement(base_ui_routing_native_link_1.NativeLink, { external: true, href: href, className: bubble_1.bubble }, children)));
-}
-exports.DefaultLabel = DefaultLabel;
-//# sourceMappingURL=default-label.js.map

package/dist/label/default-label/default-label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-label.js","sourceRoot":"","sources":["../../../label/default-label/default-label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,0EAAiE;AACjE,sFAAkE;AAElE,yCAAsC;AACtC,4FAAiD;AAMjD,SAAgB,YAAY,CAAC,EAAyD;QAAzD,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,OAA8B,EAAzB,IAAI,cAApC,iCAAsC,CAAF;IAC/D,OAAO,CACL,8BAAC,4BAAI,oBAAK,IAAI,IAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,mCAAM,CAAC,SAAS,EAAE,SAAS,CAAC;QAChE,8BAAC,wCAAU,IAAC,QAAQ,QAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,eAAM,IAC/C,QAAQ,CACE,CACR,CACR,CAAC;AACJ,CAAC;AARD,oCAQC"}

package/dist/label/default-label/default-label.module.scss

@@ -1,12 +0,0 @@
-.container {
-  display: flex;
-
-  //reset styles from card:
-  padding: 0;
-  border: none;
-  background: none;
-
-  > * {
-    border-radius: 4px;
-  }
-}

package/dist/label/default-label/index.d.ts

@@ -1 +0,0 @@
-export { DefaultLabel } from './default-label';

package/dist/label/default-label/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultLabel = void 0;
-var default_label_1 = require("./default-label");
-Object.defineProperty(exports, "DefaultLabel", { enumerable: true, get: function () { return default_label_1.DefaultLabel; } });
-//# sourceMappingURL=index.js.map

package/dist/label/default-label/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../label/default-label/index.ts"],"names":[],"mappings":";;;AAAA,iDAA+C;AAAtC,6GAAA,YAAY,OAAA"}

package/dist/multi-highlighter/index.d.ts

@@ -1,2 +0,0 @@
-export { MultiHighlighter } from './multi-highlighter';
-export type { MultiHighlighterProps } from './multi-highlighter';

package/dist/multi-highlighter/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiHighlighter = void 0;
-var multi_highlighter_1 = require("./multi-highlighter");
-Object.defineProperty(exports, "MultiHighlighter", { enumerable: true, get: function () { return multi_highlighter_1.MultiHighlighter; } });
-//# sourceMappingURL=index.js.map

package/dist/multi-highlighter/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../multi-highlighter/index.ts"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,qHAAA,gBAAgB,OAAA"}

package/dist/multi-highlighter/multi-highlighter.composition.d.ts

@@ -1,4 +0,0 @@
-export declare const MultiHighlighterPreview: () => JSX.Element;
-export declare const MultiHighlighterWithCustomColors: () => JSX.Element;
-export declare const MultiHighlighterInsideIgnore: () => JSX.Element;
-export declare const MultiHighlighterWithRule: () => JSX.Element;

package/dist/multi-highlighter/multi-highlighter.composition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-highlighter.composition.js","sourceRoot":"","sources":["../../multi-highlighter/multi-highlighter.composition.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sFAAsF;AACtF,oJAA8G;AAC9G,8DAA2D;AAC3D,2DAAuD;AAEhD,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,OAAO,CACL,8BAAC,oCAAgB,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;QACrD,8BAAC,oFAAuB,qBAAqC;QAC7D,yCAAM;QACN,yCAAM;QACN,yCAAM;QACN,8BAAC,oFAAuB,oBAAoC,CAC3C,CACpB,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,uBAAuB,2BAUlC;AAEK,MAAM,gCAAgC,GAAG,GAAG,EAAE;IACnD,OAAO,CACL,8BAAC,oCAAgB,IACf,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,EACtD,OAAO,EAAC,gBAAgB,EACxB,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,eAAe;QAE7B,8BAAC,oFAAuB,qBAAqC;QAC7D,yCAAM;QACN,yCAAM;QACN,yCAAM;QACN,8BAAC,oFAAuB,oBAAoC,CAC3C,CACpB,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,gCAAgC,oCAe3C;AAEK,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,OAAO,CACL,8BAAC,uCAAkB;QACjB,8BAAC,oCAAgB;;YACiC,4CAAO,sBAAsB,CAAQ;YACrF,yCAAM;;YAEN,yCAAM;YACN,yCAAM;YACN,yCAAM;YACN,8BAAC,oFAAuB,qBAAqC;YAC7D,yCAAM;YACN,yCAAM;YACN,yCAAM;YACN,8BAAC,oFAAuB,oBAAoC,CAC3C,CACA,CACtB,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,4BAA4B,gCAkBvC;AAEK,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,OAAO,CACL,8BAAC,oCAAgB,IAAC,IAAI,EAAC,gBAAgB;QACrC,yCAAM;QACN,yCAAM;QACN,yCAAM;QACN,8BAAC,oFAAuB,yBAAyC;QACjE,yCAAM;QACN,yCAAM;QACN,yCAAM;QACN,uCAAK,EAAE,EAAC,aAAa;YACnB,8BAAC,oFAAuB,mCAAmD,CACvE,CACW,CACpB,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,wBAAwB,4BAenC;AAEF,oEAAoE;AACpE,aAAa;AACb,yBAAyB;AACzB,uDAAuD;AACvD,0BAA0B;AAC1B,OAAO;AACP,KAAK"}

package/dist/multi-highlighter/multi-highlighter.d.ts

@@ -1,3 +0,0 @@
-import { HybridHighlighterProps } from '../hybrid-highligher';
-export declare type MultiHighlighterProps = Omit<HybridHighlighterProps, 'mode'>;
-export declare function MultiHighlighter({ watchMotion, ...props }: MultiHighlighterProps): JSX.Element;

package/dist/multi-highlighter/multi-highlighter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-highlighter.js","sourceRoot":"","sources":["../../multi-highlighter/multi-highlighter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,4DAAiF;AAIjF,SAAgB,gBAAgB,CAAC,EAAwD;QAAxD,EAAE,WAAW,GAAG,KAAK,OAAmC,EAA9B,KAAK,cAA/B,eAAiC,CAAF;IAC9D,OAAO,8BAAC,qCAAiB,oBAAK,KAAK,IAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,IAAI,CAAC;AACzF,CAAC;AAFD,4CAEC"}

package/dist/multi-highlighter/multi-highlighter.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-highlighter.spec.js","sourceRoot":"","sources":["../../multi-highlighter/multi-highlighter.spec.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,mFAA0E;AAE1E,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,uDAAuB,OAAG,CAAC,CAAC;IAE1D,MAAM,QAAQ,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAEzC,MAAM,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,sFAAsF;AACtF,4EAA4E;AAC5E,oDAAoD;AAEpD,8BAA8B;AAC9B,sDAAsD;AAEtD,qDAAqD;AACrD,sCAAsC;AACtC,MAAM"}

package/dist/multi-highlighter/use-multi-highlighter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-multi-highlighter.js","sourceRoot":"","sources":["../../multi-highlighter/use-multi-highlighter.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAA6C;AAC7C,0DAAiC;AACjC,oFAAgF;AAChF,oJAI6E;AAE7E,8DAAmE;AACnE,kDAAyD;AAczD,SAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EAAE,aAAa,GAAG,EAAE,EAC9B,IAAI,GACqB;IACzB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAoC,EAAE,CAAC;QACxD,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;QACtC,IAAI,CAAC,YAAY,IAAI,QAAQ;YAAE,OAAO;QAEtC,wCAAwC;QACxC,IAAI,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAc,eAAe,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/G,uBAAuB;QACvB,IAAI,IAAI;YAAE,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAA,0BAAW,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;QAC9E,yBAAyB;QACzB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC,0CAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvE,cAAc;QACd,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,CAAC;QAE1C,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9B,MAAM,IAAI,GAAG,IAAA,uCAAU,EAAC,OAAO,CAAC,CAAC;YACjC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAA,6EAAgB,EAAC,IAAI,CAAC;gBAAE,OAAO;YAEhD,MAAM,GAAG,GAAG,IAAA,mBAAQ,EAAC,OAAO,CAAC,CAAC;YAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,+EAAkB,CAAC,CAAC;YACtC,MAAM,MAAM,GAAG,IAAI,CAAC,oFAAuB,CAAC,WAAW,CAAC,CAAC;YACzD,MAAM,IAAI,GAAG,IAAI,CAAC,oFAAuB,CAAC,WAAW,CAAC,CAAC;YACvD,MAAM,KAAK,GAAG,IAAI,CAAC,oFAAuB,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC;YACjE,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QAC1D,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,WAAW,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;AAChC,CAAC;AAnCD,kDAmCC;AAED,SAAS,eAAe;AACtB;;;GAGG;AACH,aAAa,GAAG,QAAQ;IAExB,OAAO,QAAQ,aAAa,IAAI,+CAA0B,KAAK,aAAa,IAAI,+CAA0B,KAAK,CAAC;AAClH,CAAC"}

package/label/component-label/component-bubble.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { ComponentID } from '@teambit/component-id';
-import { NativeLink, LinkProps } from '@teambit/base-ui.routing.native-link';
-import { ComponentUrl } from '@teambit/component.modules.component-url';
-import urljoin from 'url-join';
-import styles from './duo-component-bubble.module.scss';
-
-export interface ComponentBubbleProps extends LinkProps {
-  componentId: ComponentID;
-  local?: boolean;
-}
-
-export function ComponentBubble({ componentId, className, href, local = false, ...rest }: ComponentBubbleProps) {
-  const { version, fullName } = componentId;
-  const componentHref = href || (local ? urljoin('/', fullName) : ComponentUrl.toUrl(componentId));
-
-  return (
-    <NativeLink external href={componentHref} className={classnames(styles.componentName, className)} {...rest}>
-      <div className={styles.fullName}>{fullName}</div>
-
-      {version && version !== 'latest' && (
-        <div className={styles.version}>
-          <span className={styles.versionPrefix}>@</span>
-          {version}
-        </div>
-      )}
-    </NativeLink>
-  );
-}

package/label/component-label/component-label.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { Card, CardProps } from '@teambit/base-ui.surfaces.card';
-import type { ComponentID } from '@teambit/component-id';
-
-import { bubble } from '../../bubble';
-import styles from './duo-component-bubble.module.scss';
-
-import { ComponentBubble } from './component-bubble';
-import { ScopeBubble } from './scope-bubble';
-
-export interface ComponentLabelProps extends CardProps {
-  componentId: ComponentID;
-  link?: string;
-  scopeLink?: string;
-  local?: boolean;
-}
-
-export function ComponentLabel({ componentId, className, link, scopeLink, local, ...rest }: ComponentLabelProps) {
-  return (
-    <Card {...rest} className={classNames(className, styles.duoComponentBubble)}>
-      <ScopeBubble href={scopeLink} componentId={componentId} className={bubble} />
-      <ComponentBubble
-        href={link}
-        componentId={componentId}
-        className={bubble}
-        local={local}
-      />
-    </Card>
-  );
-}

package/label/component-label/duo-component-bubble.module.scss

@@ -1,24 +0,0 @@
-.duoComponentBubble {
-  display: flex;
-
-  //reset styles from card:
-  padding: 0;
-  border: none;
-  background: none;
-
-  > :first-child {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-
-    margin-right: 2px;
-  }
-
-  > :last-child {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-  }
-}
-
-.componentName {
-  display: flex;
-}

package/label/component-label/index.ts

@@ -1,2 +0,0 @@
-export { ComponentLabel } from './component-label';
-export type { ComponentLabelProps } from './component-label';

package/label/component-label/scope-bubble.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-
-import { ComponentID } from '@teambit/component-id';
-import { NativeLink, LinkProps } from '@teambit/base-ui.routing.native-link';
-import { ScopeUrl } from '@teambit/component.modules.component-url';
-
-export interface ScopeBubbleProps extends LinkProps {
-  componentId: ComponentID;
-}
-
-export function ScopeBubble({ componentId, className, href, ...rest }: ScopeBubbleProps) {
-  const scope = componentId.scope;
-  const scopeUrl = href || ScopeUrl.toUrl(componentId.scope);
-
-  return (
-    <NativeLink href={scopeUrl} external className={className} {...rest}>
-      {scope}
-    </NativeLink>
-  );
-}

package/label/default-label/default-label.module.scss

@@ -1,12 +0,0 @@
-.container {
-  display: flex;
-
-  //reset styles from card:
-  padding: 0;
-  border: none;
-  background: none;
-
-  > * {
-    border-radius: 4px;
-  }
-}

package/label/default-label/default-label.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-
-import { Card, CardProps } from '@teambit/base-ui.surfaces.card';
-import { NativeLink } from '@teambit/base-ui.routing.native-link';
-
-import { bubble } from '../../bubble';
-import styles from './default-label.module.scss';
-
-export interface DefaultLabelProps extends CardProps {
-  href?: string;
-}
-
-export function DefaultLabel({ className, href, children, ...rest }: DefaultLabelProps) {
-  return (
-    <Card {...rest} className={classnames(styles.container, className)}>
-      <NativeLink external href={href} className={bubble}>
-        {children}
-      </NativeLink>
-    </Card>
-  );
-}

package/label/default-label/index.ts

@@ -1 +0,0 @@
-export { DefaultLabel } from './default-label';

package/multi-highlighter/index.ts

@@ -1,2 +0,0 @@
-export { MultiHighlighter } from './multi-highlighter';
-export type { MultiHighlighterProps } from './multi-highlighter';

package/multi-highlighter/multi-highlighter.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { HybridHighlighter, HybridHighlighterProps } from '../hybrid-highligher';
-
-export type MultiHighlighterProps = Omit<HybridHighlighterProps, 'mode'>;
-
-export function MultiHighlighter({ watchMotion = false, ...props }: MultiHighlighterProps) {
-  return <HybridHighlighter {...props} mode={'allChildren'} watchMotion={watchMotion} />;
-}