@teambit/react.ui.component-highlighter 0.0.490 → 0.0.494

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/{multi-highlighter/multi-highlighter.composition.tsx → children-highlighter/children-highlighter.composition.tsx} +27 -25
  2. package/{multi-highlighter/multi-highlighter.spec.tsx → children-highlighter/children-highlighter.spec.tsx} +3 -3
  3. package/children-highlighter/children-highlighter.tsx +9 -0
  4. package/children-highlighter/index.ts +5 -0
  5. package/{multi-highlighter/use-multi-highlighter.tsx → children-highlighter/use-children-highlighter.tsx} +15 -15
  6. package/component-highlighter.docs.md +3 -3
  7. package/dist/children-highlighter/children-highlighter.composition.d.ts +5 -0
  8. package/dist/{multi-highlighter/multi-highlighter.composition.js → children-highlighter/children-highlighter.composition.js} +29 -27
  9. package/dist/children-highlighter/children-highlighter.composition.js.map +1 -0
  10. package/dist/children-highlighter/children-highlighter.d.ts +3 -0
  11. package/dist/{multi-highlighter/multi-highlighter.js → children-highlighter/children-highlighter.js} +6 -6
  12. package/dist/children-highlighter/children-highlighter.js.map +1 -0
  13. package/dist/{multi-highlighter/multi-highlighter.spec.d.ts → children-highlighter/children-highlighter.spec.d.ts} +0 -0
  14. package/dist/{multi-highlighter/multi-highlighter.spec.js → children-highlighter/children-highlighter.spec.js} +4 -4
  15. package/dist/children-highlighter/children-highlighter.spec.js.map +1 -0
  16. package/dist/children-highlighter/index.d.ts +4 -0
  17. package/dist/children-highlighter/index.js +8 -0
  18. package/dist/children-highlighter/index.js.map +1 -0
  19. package/dist/{multi-highlighter/use-multi-highlighter.d.ts → children-highlighter/use-children-highlighter.d.ts} +2 -4
  20. package/dist/{multi-highlighter/use-multi-highlighter.js → children-highlighter/use-children-highlighter.js} +9 -12
  21. package/dist/children-highlighter/use-children-highlighter.js.map +1 -0
  22. package/dist/component-highlighter.docs.md +3 -3
  23. package/dist/element-highlighter/element-highlighter.compositions.d.ts +3 -1
  24. package/dist/element-highlighter/element-highlighter.compositions.js +15 -7
  25. package/dist/element-highlighter/element-highlighter.compositions.js.map +1 -1
  26. package/dist/element-highlighter/element-highlighter.d.ts +8 -9
  27. package/dist/element-highlighter/element-highlighter.js +3 -3
  28. package/dist/element-highlighter/element-highlighter.js.map +1 -1
  29. package/dist/element-highlighter/index.d.ts +1 -1
  30. package/dist/hover-highlighter/hover-highlighter.compositions.d.ts +0 -1
  31. package/dist/hover-highlighter/hover-highlighter.d.ts +1 -2
  32. package/dist/hover-highlighter/hover-highlighter.js +2 -2
  33. package/dist/hover-highlighter/hover-highlighter.js.map +1 -1
  34. package/dist/hover-highlighter/use-hover-highlighter.d.ts +3 -3
  35. package/dist/hover-highlighter/use-hover-highlighter.js +9 -14
  36. package/dist/hover-highlighter/use-hover-highlighter.js.map +1 -1
  37. package/dist/{hybrid-highligher → hybrid-highlighter}/hybrid-highlighter.d.ts +4 -2
  38. package/dist/{hybrid-highligher → hybrid-highlighter}/hybrid-highlighter.js +6 -6
  39. package/dist/hybrid-highlighter/hybrid-highlighter.js.map +1 -0
  40. package/dist/{hybrid-highligher → hybrid-highlighter}/index.d.ts +0 -0
  41. package/dist/{hybrid-highligher → hybrid-highlighter}/index.js +0 -0
  42. package/dist/hybrid-highlighter/index.js.map +1 -0
  43. package/dist/index.d.ts +4 -4
  44. package/dist/index.js +5 -5
  45. package/dist/index.js.map +1 -1
  46. package/dist/label/component-strip.d.ts +9 -0
  47. package/dist/label/component-strip.js +49 -0
  48. package/dist/label/component-strip.js.map +1 -0
  49. package/dist/label/component-strip.module.scss +64 -0
  50. package/dist/label/index.d.ts +4 -2
  51. package/dist/label/index.js +3 -2
  52. package/dist/label/index.js.map +1 -1
  53. package/dist/label/label-container.d.ts +13 -0
  54. package/dist/label/label-container.js +53 -0
  55. package/dist/label/label-container.js.map +1 -0
  56. package/dist/label/label.d.ts +7 -19
  57. package/dist/label/label.js +20 -27
  58. package/dist/label/label.js.map +1 -1
  59. package/dist/label/label.module.scss +24 -0
  60. package/dist/label/links.d.ts +2 -0
  61. package/dist/label/links.js +17 -0
  62. package/dist/label/links.js.map +1 -0
  63. package/dist/label/other-components.d.ts +10 -0
  64. package/dist/label/other-components.js +35 -0
  65. package/dist/label/other-components.js.map +1 -0
  66. package/dist/rule-matcher.d.ts +3 -3
  67. package/dist/rule-matcher.js +1 -0
  68. package/dist/rule-matcher.js.map +1 -1
  69. package/dist/use-animation-frame.d.ts +1 -1
  70. package/dist/use-animation-frame.js.map +1 -1
  71. package/element-highlighter/element-highlighter.compositions.tsx +22 -8
  72. package/element-highlighter/element-highlighter.tsx +11 -16
  73. package/element-highlighter/index.ts +7 -1
  74. package/hover-highlighter/hover-highlighter.tsx +1 -1
  75. package/hover-highlighter/use-hover-highlighter.tsx +18 -18
  76. package/{hybrid-highligher → hybrid-highlighter}/hybrid-highlighter.tsx +15 -5
  77. package/{hybrid-highligher → hybrid-highlighter}/index.ts +0 -0
  78. package/index.ts +4 -4
  79. package/label/component-strip.module.scss +64 -0
  80. package/label/component-strip.tsx +49 -0
  81. package/label/index.ts +5 -2
  82. package/label/label-container.tsx +46 -0
  83. package/label/label.module.scss +24 -0
  84. package/label/label.tsx +35 -66
  85. package/label/links.tsx +9 -0
  86. package/label/other-components.tsx +53 -0
  87. package/package-tar/teambit-react.ui.component-highlighter-0.0.494.tgz +0 -0
  88. package/package.json +15 -15
  89. package/rule-matcher.tsx +3 -2
  90. package/use-animation-frame.tsx +1 -1
  91. package/bubble/bubble.module.scss +0 -24
  92. package/bubble/index.ts +0 -3
  93. package/dist/bubble/bubble.module.scss +0 -24
  94. package/dist/bubble/index.d.ts +0 -1
  95. package/dist/bubble/index.js +0 -9
  96. package/dist/bubble/index.js.map +0 -1
  97. package/dist/hybrid-highligher/hybrid-highlighter.js.map +0 -1
  98. package/dist/hybrid-highligher/index.js.map +0 -1
  99. package/dist/label/component-label/component-bubble.d.ts +0 -8
  100. package/dist/label/component-label/component-bubble.js +0 -35
  101. package/dist/label/component-label/component-bubble.js.map +0 -1
  102. package/dist/label/component-label/component-label.d.ts +0 -10
  103. package/dist/label/component-label/component-label.js +0 -32
  104. package/dist/label/component-label/component-label.js.map +0 -1
  105. package/dist/label/component-label/duo-component-bubble.module.scss +0 -24
  106. package/dist/label/component-label/index.d.ts +0 -2
  107. package/dist/label/component-label/index.js +0 -6
  108. package/dist/label/component-label/index.js.map +0 -1
  109. package/dist/label/component-label/scope-bubble.d.ts +0 -7
  110. package/dist/label/component-label/scope-bubble.js +0 -28
  111. package/dist/label/component-label/scope-bubble.js.map +0 -1
  112. package/dist/label/default-label/default-label.d.ts +0 -6
  113. package/dist/label/default-label/default-label.js +0 -30
  114. package/dist/label/default-label/default-label.js.map +0 -1
  115. package/dist/label/default-label/default-label.module.scss +0 -12
  116. package/dist/label/default-label/index.d.ts +0 -1
  117. package/dist/label/default-label/index.js +0 -6
  118. package/dist/label/default-label/index.js.map +0 -1
  119. package/dist/multi-highlighter/index.d.ts +0 -2
  120. package/dist/multi-highlighter/index.js +0 -6
  121. package/dist/multi-highlighter/index.js.map +0 -1
  122. package/dist/multi-highlighter/multi-highlighter.composition.d.ts +0 -6
  123. package/dist/multi-highlighter/multi-highlighter.composition.js.map +0 -1
  124. package/dist/multi-highlighter/multi-highlighter.d.ts +0 -4
  125. package/dist/multi-highlighter/multi-highlighter.js.map +0 -1
  126. package/dist/multi-highlighter/multi-highlighter.spec.js.map +0 -1
  127. package/dist/multi-highlighter/use-multi-highlighter.js.map +0 -1
  128. package/label/component-label/component-bubble.tsx +0 -30
  129. package/label/component-label/component-label.tsx +0 -31
  130. package/label/component-label/duo-component-bubble.module.scss +0 -24
  131. package/label/component-label/index.ts +0 -2
  132. package/label/component-label/scope-bubble.tsx +0 -20
  133. package/label/default-label/default-label.module.scss +0 -12
  134. package/label/default-label/default-label.tsx +0 -22
  135. package/label/default-label/index.ts +0 -1
  136. package/multi-highlighter/index.ts +0 -2
  137. package/multi-highlighter/multi-highlighter.tsx +0 -9
  138. package/package-tar/teambit-react.ui.component-highlighter-0.0.490.tgz +0 -0
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const MultiHighlighterPreview: () => JSX.Element;
3
- export declare const MultiHighlighterWithCustomColors: () => JSX.Element;
4
- export declare const MultiHighlighterInsideIgnore: () => JSX.Element;
5
- export declare const MultiHighlighterWithRule: () => JSX.Element;
6
- export declare const MultiHighlighterWithComponentRule: () => JSX.Element;
@@ -1 +0,0 @@
1
- {"version":3,"file":"multi-highlighter.composition.js","sourceRoot":"","sources":["../../multi-highlighter/multi-highlighter.composition.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sFAAsF;AACtF,oJAA8G;AAC9G,0EAA4D;AAC5D,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,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;QAC9D,yCAAM;QACN,yCAAM;QACN,yCAAM;QACN,8BAAC,oFAAuB,yBAAyC;QACjE,yCAAM;QACN,yCAAM;QACN,yCAAM;QACN,uCAAK,EAAE,EAAC,aAAa;YACnB,8BAAC,oFAAuB,8CAA8D,CAClF,CACW,CACpB,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,wBAAwB,4BAenC;AAEK,MAAM,iCAAiC,GAAG,GAAG,EAAE;IACpD,OAAO,CACL,8BAAC,oCAAgB,IAAC,aAAa,EAAC,+BAA+B;QAC7D,yCAAM;QACN,yCAAM;QACN,yCAAM;QACN,8BAAC,oFAAuB,yBAAyC;QACjE,yCAAM;QACN,yCAAM;QACN,yCAAM;QACN,8BAAC,kCAAU,gDAAmD,CAC7C,CACpB,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,iCAAiC,qCAa5C;AAEF,oEAAoE;AACpE,aAAa;AACb,yBAAyB;AACzB,uDAAuD;AACvD,0BAA0B;AAC1B,OAAO;AACP,KAAK"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { HybridHighlighterProps } from '../hybrid-highligher';
3
- export declare type MultiHighlighterProps = Omit<HybridHighlighterProps, 'mode'>;
4
- export declare function MultiHighlighter({ watchMotion, ...props }: MultiHighlighterProps): JSX.Element;
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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,kDAAmG;AAgBnG,SAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EAAE,aAAa,GAAG,EAAE,EAC9B,IAAI,EACJ,aAAa,GACY;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;YAChD,MAAM,IAAI,GAAG,IAAI,CAAC,+EAAkB,CAAC,CAAC;YACtC,IAAI,CAAC,IAAA,mCAAoB,EAAC,EAAE,IAAI,EAAE,EAAE,aAAa,CAAC;gBAAE,OAAO;YAE3D,MAAM,GAAG,GAAG,IAAA,mBAAQ,EAAC,OAAO,CAAC,CAAC;YAC9B,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;AArCD,kDAqCC;AAED,SAAS,eAAe;AACtB;;;GAGG;AACH,aAAa,GAAG,QAAQ;IAExB,OAAO,QAAQ,aAAa,IAAI,+CAA0B,KAAK,aAAa,IAAI,+CAA0B,KAAK,CAAC;AAClH,CAAC"}
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- import classnames from 'classnames';
3
- import { ComponentID } from '@teambit/component-id';
4
- import { NativeLink, LinkProps } from '@teambit/base-ui.routing.native-link';
5
- import { ComponentUrl } from '@teambit/component.modules.component-url';
6
- import urljoin from 'url-join';
7
- import styles from './duo-component-bubble.module.scss';
8
-
9
- export interface ComponentBubbleProps extends LinkProps {
10
- componentId: ComponentID;
11
- local?: boolean;
12
- }
13
-
14
- export function ComponentBubble({ componentId, className, href, local = false, ...rest }: ComponentBubbleProps) {
15
- const { version, fullName } = componentId;
16
- const componentHref = href || (local ? urljoin('/', fullName) : ComponentUrl.toUrl(componentId));
17
-
18
- return (
19
- <NativeLink external href={componentHref} className={classnames(styles.componentName, className)} {...rest}>
20
- <div className={styles.fullName}>{fullName}</div>
21
-
22
- {version && version !== 'latest' && (
23
- <div className={styles.version}>
24
- <span className={styles.versionPrefix}>@</span>
25
- {version}
26
- </div>
27
- )}
28
- </NativeLink>
29
- );
30
- }
@@ -1,31 +0,0 @@
1
- import React from 'react';
2
- import classNames from 'classnames';
3
- import { Card, CardProps } from '@teambit/base-ui.surfaces.card';
4
- import type { ComponentID } from '@teambit/component-id';
5
-
6
- import { bubble } from '../../bubble';
7
- import styles from './duo-component-bubble.module.scss';
8
-
9
- import { ComponentBubble } from './component-bubble';
10
- import { ScopeBubble } from './scope-bubble';
11
-
12
- export interface ComponentLabelProps extends CardProps {
13
- componentId: ComponentID;
14
- link?: string;
15
- scopeLink?: string;
16
- local?: boolean;
17
- }
18
-
19
- export function ComponentLabel({ componentId, className, link, scopeLink, local, ...rest }: ComponentLabelProps) {
20
- return (
21
- <Card {...rest} className={classNames(className, styles.duoComponentBubble)}>
22
- <ScopeBubble href={scopeLink} componentId={componentId} className={bubble} />
23
- <ComponentBubble
24
- href={link}
25
- componentId={componentId}
26
- className={bubble}
27
- local={local}
28
- />
29
- </Card>
30
- );
31
- }
@@ -1,24 +0,0 @@
1
- .duoComponentBubble {
2
- display: flex;
3
-
4
- //reset styles from card:
5
- padding: 0;
6
- border: none;
7
- background: none;
8
-
9
- > :first-child {
10
- border-top-left-radius: 4px;
11
- border-bottom-left-radius: 4px;
12
-
13
- margin-right: 2px;
14
- }
15
-
16
- > :last-child {
17
- border-top-right-radius: 4px;
18
- border-bottom-right-radius: 4px;
19
- }
20
- }
21
-
22
- .componentName {
23
- display: flex;
24
- }
@@ -1,2 +0,0 @@
1
- export { ComponentLabel } from './component-label';
2
- export type { ComponentLabelProps } from './component-label';
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
-
3
- import { ComponentID } from '@teambit/component-id';
4
- import { NativeLink, LinkProps } from '@teambit/base-ui.routing.native-link';
5
- import { ScopeUrl } from '@teambit/component.modules.component-url';
6
-
7
- export interface ScopeBubbleProps extends LinkProps {
8
- componentId: ComponentID;
9
- }
10
-
11
- export function ScopeBubble({ componentId, className, href, ...rest }: ScopeBubbleProps) {
12
- const scope = componentId.scope;
13
- const scopeUrl = href || ScopeUrl.toUrl(componentId.scope);
14
-
15
- return (
16
- <NativeLink href={scopeUrl} external className={className} {...rest}>
17
- {scope}
18
- </NativeLink>
19
- );
20
- }
@@ -1,12 +0,0 @@
1
- .container {
2
- display: flex;
3
-
4
- //reset styles from card:
5
- padding: 0;
6
- border: none;
7
- background: none;
8
-
9
- > * {
10
- border-radius: 4px;
11
- }
12
- }
@@ -1,22 +0,0 @@
1
- import React from 'react';
2
- import classnames from 'classnames';
3
-
4
- import { Card, CardProps } from '@teambit/base-ui.surfaces.card';
5
- import { NativeLink } from '@teambit/base-ui.routing.native-link';
6
-
7
- import { bubble } from '../../bubble';
8
- import styles from './default-label.module.scss';
9
-
10
- export interface DefaultLabelProps extends CardProps {
11
- href?: string;
12
- }
13
-
14
- export function DefaultLabel({ className, href, children, ...rest }: DefaultLabelProps) {
15
- return (
16
- <Card {...rest} className={classnames(styles.container, className)}>
17
- <NativeLink external href={href} className={bubble}>
18
- {children}
19
- </NativeLink>
20
- </Card>
21
- );
22
- }
@@ -1 +0,0 @@
1
- export { DefaultLabel } from './default-label';
@@ -1,2 +0,0 @@
1
- export { MultiHighlighter } from './multi-highlighter';
2
- export type { MultiHighlighterProps } from './multi-highlighter';
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
-
3
- import { HybridHighlighter, HybridHighlighterProps } from '../hybrid-highligher';
4
-
5
- export type MultiHighlighterProps = Omit<HybridHighlighterProps, 'mode'>;
6
-
7
- export function MultiHighlighter({ watchMotion = false, ...props }: MultiHighlighterProps) {
8
- return <HybridHighlighter {...props} mode={'allChildren'} watchMotion={watchMotion} />;
9
- }