@teambit/react.ui.component-highlighter 0.2.2 → 0.2.3

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 (8) hide show
  1. package/dist/label/component-strip.module.scss +2 -2
  2. package/label/component-strip.module.scss +2 -2
  3. package/package.json +9 -9
  4. package/schema.json +5 -5
  5. package/static/css/teambit.react/ui/component-highlighter.91ca7826.css +1 -0
  6. package/teambit_react_ui_component_highlighter-component.js +5 -5
  7. package/teambit_react_ui_component_highlighter-preview.js +2 -2
  8. package/static/css/teambit.react/ui/component-highlighter.5d8cd801.css +0 -1
package/dist/label/component-strip.module.scss CHANGED
@@ -18,6 +18,8 @@ $gap: 0.125em;
18
18
 
19
19
  background: var(--bit-highlighter-color, #eebcc9);
20
20
 
21
+ margin-right: $gap;
22
+
21
23
  &:link,
22
24
  &:visited {
23
25
  text-decoration: inherit; // reset browser defaults
@@ -38,8 +40,6 @@ $gap: 0.125em;
38
40
  border-bottom-left-radius: $borderRadius;
39
41
  }
40
42
 
41
- margin-right: $gap;
42
-
43
43
  &:last-child {
44
44
  border-top-right-radius: $borderRadius;
45
45
  border-bottom-right-radius: $borderRadius;
package/label/component-strip.module.scss CHANGED
@@ -18,6 +18,8 @@ $gap: 0.125em;
18
18
 
19
19
  background: var(--bit-highlighter-color, #eebcc9);
20
20
 
21
+ margin-right: $gap;
22
+
21
23
  &:link,
22
24
  &:visited {
23
25
  text-decoration: inherit; // reset browser defaults
@@ -38,8 +40,6 @@ $gap: 0.125em;
38
40
  border-bottom-left-radius: $borderRadius;
39
41
  }
40
42
 
41
- margin-right: $gap;
42
-
43
43
  &:last-child {
44
44
  border-top-right-radius: $borderRadius;
45
45
  border-bottom-right-radius: $borderRadius;
package/package.json CHANGED
@@ -1,37 +1,37 @@
1
1
  {
2
2
  "name": "@teambit/react.ui.component-highlighter",
3
- "version": "0.2.2",
3
+ "version": "0.2.3",
4
4
  "homepage": "https://bit.cloud/teambit/react/ui/component-highlighter",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.react",
8
8
  "name": "ui/component-highlighter",
9
- "version": "0.2.2"
9
+ "version": "0.2.3"
10
10
  },
11
11
  "dependencies": {
12
12
  "get-xpath": "^3.0.1",
13
13
  "classnames": "^2.3.1",
14
- "use-debounce": "^8.0.1",
15
- "uuid": "^10.0.0",
16
- "lodash.compact": "^3.0.1",
17
14
  "@floating-ui/react-dom": "0.7.2",
15
+ "lodash.compact": "^3.0.1",
18
16
  "url-join": "^4.0.1",
19
17
  "@tippyjs/react": "4.2.0",
18
+ "uuid": "^10.0.0",
19
+ "use-debounce": "^8.0.1",
20
20
  "core-js": "^3.0.0",
21
21
  "@teambit/react.ui.highlighter.component-metadata.bit-component-meta": "0.0.21",
22
22
  "@teambit/component-id": "0.0.402",
23
23
  "@teambit/react.modules.dom-to-react": "0.2.0",
24
- "@teambit/react.ui.hover-selector": "0.2.0",
25
24
  "@teambit/base-ui.routing.native-link": "1.0.0",
26
- "@teambit/component.modules.component-url": "0.0.124"
25
+ "@teambit/component.modules.component-url": "0.0.124",
26
+ "@teambit/react.ui.hover-selector": "0.2.0"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@types/react": "^17.0.8",
30
30
  "@testing-library/react": "^12.1.5",
31
- "@types/react-dom": "^17.0.5",
32
- "@types/uuid": "3.4.9",
33
31
  "@types/lodash.compact": "3.0.6",
34
32
  "@types/url-join": "^4.0.0",
33
+ "@types/uuid": "3.4.9",
34
+ "@types/react-dom": "^17.0.5",
35
35
  "@types/mocha": "9.1.0",
36
36
  "@types/node": "12.20.4",
37
37
  "@types/jest": "^26.0.0",
package/schema.json CHANGED
@@ -667,7 +667,7 @@
667
667
  "character": 49
668
668
  },
669
669
  "name": "React",
670
- "packageName": "/tmp/capsules-root/sign-capsules/2024-5-21/v98z65/teambit.react_ui_component-highlighter@8ff9cdb292ef95ab5647b5b8034ea2519b829c6c/hybrid-highlighter/hybrid-highlighter.tsx"
670
+ "packageName": "/tmp/capsules-root/sign-capsules/2024-6-16/u7dgdz/teambit.react_ui_component-highlighter@dcd2eb88a350a7c145e00700f7601cd352c13546/hybrid-highlighter/hybrid-highlighter.tsx"
671
671
  }
672
672
  }
673
673
  ]
@@ -1312,7 +1312,7 @@
1312
1312
  "character": 50
1313
1313
  },
1314
1314
  "name": "React",
1315
- "packageName": "/tmp/capsules-root/sign-capsules/2024-5-21/v98z65/teambit.react_ui_component-highlighter@8ff9cdb292ef95ab5647b5b8034ea2519b829c6c/element-highlighter/element-highlighter.tsx"
1315
+ "packageName": "/tmp/capsules-root/sign-capsules/2024-6-16/u7dgdz/teambit.react_ui_component-highlighter@dcd2eb88a350a7c145e00700f7601cd352c13546/element-highlighter/element-highlighter.tsx"
1316
1316
  }
1317
1317
  }
1318
1318
  ]
@@ -2129,7 +2129,7 @@
2129
2129
  "character": 49
2130
2130
  },
2131
2131
  "name": "React",
2132
- "packageName": "/tmp/capsules-root/sign-capsules/2024-5-21/v98z65/teambit.react_ui_component-highlighter@8ff9cdb292ef95ab5647b5b8034ea2519b829c6c/hybrid-highlighter/hybrid-highlighter.tsx"
2132
+ "packageName": "/tmp/capsules-root/sign-capsules/2024-6-16/u7dgdz/teambit.react_ui_component-highlighter@dcd2eb88a350a7c145e00700f7601cd352c13546/hybrid-highlighter/hybrid-highlighter.tsx"
2133
2133
  }
2134
2134
  }
2135
2135
  ]
@@ -2713,7 +2713,7 @@
2713
2713
  "character": 50
2714
2714
  },
2715
2715
  "name": "React",
2716
- "packageName": "/tmp/capsules-root/sign-capsules/2024-5-21/v98z65/teambit.react_ui_component-highlighter@8ff9cdb292ef95ab5647b5b8034ea2519b829c6c/element-highlighter/element-highlighter.tsx"
2716
+ "packageName": "/tmp/capsules-root/sign-capsules/2024-6-16/u7dgdz/teambit.react_ui_component-highlighter@dcd2eb88a350a7c145e00700f7601cd352c13546/element-highlighter/element-highlighter.tsx"
2717
2717
  }
2718
2718
  }
2719
2719
  ]
@@ -2946,7 +2946,7 @@
2946
2946
  "componentId": {
2947
2947
  "scope": "teambit.react",
2948
2948
  "name": "ui/component-highlighter",
2949
- "version": "8ff9cdb292ef95ab5647b5b8034ea2519b829c6c"
2949
+ "version": "dcd2eb88a350a7c145e00700f7601cd352c13546"
2950
2950
  },
2951
2951
  "taggedModuleExports": []
2952
2952
  }
package/static/css/teambit.react/ui/component-highlighter.91ca7826.css ADDED
@@ -0,0 +1 @@
1
+ .frame_overlayBorder__2uz6Z{border:2px solid #eebcc9;border:2px solid var(--bit-highlighter-color,#eebcc9);border-radius:11px;box-sizing:border-box;padding:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame_hidden__3ckfx{display:none}.label_othersContainer__1AxCG>*{margin-bottom:8px}.label_othersContainer__1AxCG>:last-child{margin-bottom:0}.label_othersTooltip__3l5wB{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label_othersTooltip__3l5wB:before{content:"▾";display:inline-block;transition:transform .3s}.label_othersTooltip__3l5wB.label_active__17wRX:before{transform:rotate(-180deg)}.label_hidden__8-_Xf{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden}.component-strip_componentStrip__8y4eQ{border-radius:.5em;box-shadow:var(--bit-highlighter-shadow);display:flex;white-space:nowrap;width:-moz-fit-content;width:fit-content}.component-strip_componentStrip__8y4eQ>*{background:#eebcc9;background:var(--bit-highlighter-color,#eebcc9);line-height:1.5;margin-right:.125em;padding:0 .5em;transform:translateZ(0);transition:filter .3s,background-color .3s}.component-strip_componentStrip__8y4eQ>:link,.component-strip_componentStrip__8y4eQ>:visited{color:inherit;text-decoration:inherit}.component-strip_componentStrip__8y4eQ>:link:hover,.component-strip_componentStrip__8y4eQ>:visited:hover{background:#f6dae2;background:var(--bit-highlighter-color-hover,#f6dae2)}.component-strip_componentStrip__8y4eQ>:link:active,.component-strip_componentStrip__8y4eQ>:visited:active{background:#e79db1;background:var(--bit-highlighter-color-active,#e79db1);color:inherit}.component-strip_componentStrip__8y4eQ>:first-child{border-bottom-left-radius:.5em;border-top-left-radius:.5em}.component-strip_componentStrip__8y4eQ>:last-child{border-bottom-right-radius:.5em;border-top-right-radius:.5em;margin-right:0}.component-strip_nameBlock__1gug7{display:flex}.component-strip_nameBlock__1gug7 .component-strip_version__1-KHC{max-width:13ch;overflow:hidden;text-overflow:ellipsis;transition:max-width .48s;white-space:nowrap}.component-strip_nameBlock__1gug7 .component-strip_version__1-KHC:hover{max-width:61ch}.element-highlighter_label__4k6jk{padding:8px}.element-highlighter_frame__3EJS9,.element-highlighter_label__4k6jk{z-index:15500}