@teambit/ui-foundation.ui.side-bar 0.0.880 → 0.0.882
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.
- package/component-tree/component-view/component-view.module.scss +4 -3
- package/component-tree/component-view/component-view.tsx +17 -9
- package/dist/component-tree/component-view/component-view.js +6 -3
- package/dist/component-tree/component-view/component-view.js.map +1 -1
- package/dist/component-tree/component-view/component-view.module.scss +4 -3
- package/package.json +5 -5
- package/schema.json +4 -4
- package/static/css/teambit.ui-foundation/ui/{side-bar.8764cbdd.css → side-bar.f19253ad.css} +10 -10
- package/teambit_ui_foundation_ui_side_bar-component.js +6 -6
- package/teambit_ui_foundation_ui_side_bar-preview.js +1 -1
|
@@ -88,9 +88,10 @@
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
.
|
|
91
|
+
.tooltip {
|
|
92
92
|
max-width: unset !important; // override tippy's default max-width: 350px
|
|
93
93
|
font-size: var(--bit-p-xxs);
|
|
94
|
+
opacity: 100%;
|
|
94
95
|
}
|
|
95
96
|
|
|
96
97
|
.envLink {
|
|
@@ -98,6 +99,6 @@
|
|
|
98
99
|
text-decoration: none;
|
|
99
100
|
}
|
|
100
101
|
|
|
101
|
-
.
|
|
102
|
-
opacity:
|
|
102
|
+
.opacity {
|
|
103
|
+
opacity: 50%;
|
|
103
104
|
}
|
|
@@ -75,13 +75,7 @@ export function ComponentView(props: ComponentViewProps) {
|
|
|
75
75
|
);
|
|
76
76
|
}, [lanesModel?.viewedLane?.id.toString(), component.id.toString()]);
|
|
77
77
|
|
|
78
|
-
|
|
79
|
-
<Tooltip className={styles.onMainTooltip} placement="top" content='On Main'>
|
|
80
|
-
<span>{getName(node.id)}</span>
|
|
81
|
-
</Tooltip>
|
|
82
|
-
) : (
|
|
83
|
-
<span>{getName(node.id)}</span>
|
|
84
|
-
);
|
|
78
|
+
|
|
85
79
|
|
|
86
80
|
/**
|
|
87
81
|
* this covers the following use cases when matching the active component's href with location
|
|
@@ -190,10 +184,22 @@ export function ComponentView(props: ComponentViewProps) {
|
|
|
190
184
|
const isCompModified = component.status?.modifyInfo?.hasModifiedFiles
|
|
191
185
|
|| component.status?.modifyInfo?.hasModifiedDependencies;
|
|
192
186
|
|
|
187
|
+
const isLaneCompDependent = lanesModel?.isComponentDependent(component.id);
|
|
188
|
+
|
|
189
|
+
const addOpacity = isLaneCompDependent || (viewingMainCompOnLane && !isCompModified);
|
|
190
|
+
|
|
191
|
+
const Name = viewingMainCompOnLane ? (
|
|
192
|
+
<Tooltip className={styles.tooltip} placement="top" content='On Main'>
|
|
193
|
+
<span className={classNames(addOpacity && styles.opacity)}>{getName(node.id)}</span>
|
|
194
|
+
</Tooltip>
|
|
195
|
+
) : (
|
|
196
|
+
<span>{getName(node.id)}</span>
|
|
197
|
+
);
|
|
198
|
+
|
|
193
199
|
return (
|
|
194
200
|
<Link
|
|
195
201
|
href={href}
|
|
196
|
-
className={classNames(indentClass, styles.component
|
|
202
|
+
className={classNames(indentClass, styles.component)}
|
|
197
203
|
activeClassName={styles.active}
|
|
198
204
|
onClick={handleClick}
|
|
199
205
|
// exact={true}
|
|
@@ -209,7 +215,9 @@ export function ComponentView(props: ComponentViewProps) {
|
|
|
209
215
|
<div className={styles.right}>
|
|
210
216
|
<DeprecationIcon component={component} />
|
|
211
217
|
{/* {isInternal && <Icon of="Internal" className={styles.componentIcon} />} */}
|
|
212
|
-
{
|
|
218
|
+
{
|
|
219
|
+
treeNodeSlot
|
|
220
|
+
&& treeNodeSlot.toArray().map(([id, treeNode]) => <treeNode.widget key={id} component={component} />)}
|
|
213
221
|
</div>
|
|
214
222
|
</Link>
|
|
215
223
|
);
|
|
@@ -40,7 +40,6 @@ export function ComponentView(props) {
|
|
|
40
40
|
!lanesModel?.viewedLane?.id.isDefault() &&
|
|
41
41
|
lanesModel?.isComponentOnMainButNotOnLane(component.id, undefined, lanesModel?.viewedLane?.id));
|
|
42
42
|
}, [lanesModel?.viewedLane?.id.toString(), component.id.toString()]);
|
|
43
|
-
const Name = viewingMainCompOnLane ? (_jsx(Tooltip, { className: styles.onMainTooltip, placement: "top", content: 'On Main', children: _jsx("span", { children: getName(node.id) }) })) : (_jsx("span", { children: getName(node.id) }));
|
|
44
43
|
/**
|
|
45
44
|
* this covers the following use cases when matching the active component's href with location
|
|
46
45
|
*
|
|
@@ -131,8 +130,12 @@ export function ComponentView(props) {
|
|
|
131
130
|
}, [href, viewingMainCompOnLane, location?.pathname, component.id.toString(), scope]);
|
|
132
131
|
const isCompModified = component.status?.modifyInfo?.hasModifiedFiles
|
|
133
132
|
|| component.status?.modifyInfo?.hasModifiedDependencies;
|
|
134
|
-
|
|
133
|
+
const isLaneCompDependent = lanesModel?.isComponentDependent(component.id);
|
|
134
|
+
const addOpacity = isLaneCompDependent || (viewingMainCompOnLane && !isCompModified);
|
|
135
|
+
const Name = viewingMainCompOnLane ? (_jsx(Tooltip, { className: styles.tooltip, placement: "top", content: 'On Main', children: _jsx("span", { className: classNames(addOpacity && styles.opacity), children: getName(node.id) }) })) : (_jsx("span", { children: getName(node.id) }));
|
|
136
|
+
return (_jsxs(Link, { href: href, className: classNames(indentClass, styles.component), activeClassName: styles.active, onClick: handleClick,
|
|
135
137
|
// exact={true}
|
|
136
|
-
active: isActive, children: [_jsxs("div", { className: styles.left, children: [_jsx(Tooltip, { className: styles.componentEnvTooltip, placement: "top", content: envTooltip, children: _jsx(EnvIcon, { component: component, className: styles.envIcon }) }), Name] }), _jsxs("div", { className: styles.right, children: [_jsx(DeprecationIcon, { component: component }), treeNodeSlot
|
|
138
|
+
active: isActive, children: [_jsxs("div", { className: styles.left, children: [_jsx(Tooltip, { className: styles.componentEnvTooltip, placement: "top", content: envTooltip, children: _jsx(EnvIcon, { component: component, className: styles.envIcon }) }), Name] }), _jsxs("div", { className: styles.right, children: [_jsx(DeprecationIcon, { component: component }), treeNodeSlot
|
|
139
|
+
&& treeNodeSlot.toArray().map(([id, treeNode]) => _jsx(treeNode.widget, { component: component }, id))] })] }));
|
|
137
140
|
}
|
|
138
141
|
//# sourceMappingURL=component-view.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":"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"}
|
|
@@ -88,9 +88,10 @@
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
.
|
|
91
|
+
.tooltip {
|
|
92
92
|
max-width: unset !important; // override tippy's default max-width: 350px
|
|
93
93
|
font-size: var(--bit-p-xxs);
|
|
94
|
+
opacity: 100%;
|
|
94
95
|
}
|
|
95
96
|
|
|
96
97
|
.envLink {
|
|
@@ -98,6 +99,6 @@
|
|
|
98
99
|
text-decoration: none;
|
|
99
100
|
}
|
|
100
101
|
|
|
101
|
-
.
|
|
102
|
-
opacity:
|
|
102
|
+
.opacity {
|
|
103
|
+
opacity: 50%;
|
|
103
104
|
}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/ui-foundation.ui.side-bar",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.882",
|
|
4
4
|
"homepage": "https://bit.cloud/teambit/ui-foundation/ui/side-bar",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.ui-foundation",
|
|
8
8
|
"name": "ui/side-bar",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.882"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"classnames": "2.2.6",
|
|
@@ -16,16 +16,16 @@
|
|
|
16
16
|
"@teambit/base-ui.graph.tree.inflate-paths": "1.0.0",
|
|
17
17
|
"@teambit/base-ui.graph.tree.tree-context": "1.0.0",
|
|
18
18
|
"@teambit/design.ui.tree": "0.0.15",
|
|
19
|
-
"@teambit/lanes.ui.models.lanes-model": "0.0.
|
|
19
|
+
"@teambit/lanes.ui.models.lanes-model": "0.0.219",
|
|
20
20
|
"@teambit/base-ui.theme.colors": "1.0.0",
|
|
21
|
+
"@teambit/evangelist.elements.icon": "1.0.2",
|
|
21
22
|
"@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
|
|
22
23
|
"@teambit/component-id": "1.2.0",
|
|
23
24
|
"@teambit/component.modules.component-url": "0.0.167",
|
|
24
25
|
"@teambit/component.ui.deprecation-icon": "0.0.509",
|
|
25
26
|
"@teambit/design.ui.tooltip": "0.0.361",
|
|
26
27
|
"@teambit/envs.ui.env-icon": "0.0.505",
|
|
27
|
-
"@teambit/lanes.hooks.use-lanes": "0.0.
|
|
28
|
-
"@teambit/evangelist.elements.icon": "1.0.2"
|
|
28
|
+
"@teambit/lanes.hooks.use-lanes": "0.0.269"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@types/classnames": "2.2.11",
|
package/schema.json
CHANGED
|
@@ -390,7 +390,7 @@
|
|
|
390
390
|
"componentId": {
|
|
391
391
|
"scope": "teambit.lanes",
|
|
392
392
|
"name": "ui/models/lanes-model",
|
|
393
|
-
"version": "0.0.
|
|
393
|
+
"version": "0.0.218"
|
|
394
394
|
}
|
|
395
395
|
},
|
|
396
396
|
{
|
|
@@ -543,7 +543,7 @@
|
|
|
543
543
|
"componentId": {
|
|
544
544
|
"scope": "teambit.lanes",
|
|
545
545
|
"name": "ui/models/lanes-model",
|
|
546
|
-
"version": "0.0.
|
|
546
|
+
"version": "0.0.218"
|
|
547
547
|
}
|
|
548
548
|
},
|
|
549
549
|
{
|
|
@@ -1024,7 +1024,7 @@
|
|
|
1024
1024
|
"componentId": {
|
|
1025
1025
|
"scope": "teambit.lanes",
|
|
1026
1026
|
"name": "ui/models/lanes-model",
|
|
1027
|
-
"version": "0.0.
|
|
1027
|
+
"version": "0.0.218"
|
|
1028
1028
|
}
|
|
1029
1029
|
},
|
|
1030
1030
|
"isOptional": true
|
|
@@ -1403,7 +1403,7 @@
|
|
|
1403
1403
|
"componentId": {
|
|
1404
1404
|
"scope": "teambit.ui-foundation",
|
|
1405
1405
|
"name": "ui/side-bar",
|
|
1406
|
-
"version": "
|
|
1406
|
+
"version": "b8eb81f07615cc65ec6d3d34f232e766e70a5873"
|
|
1407
1407
|
},
|
|
1408
1408
|
"taggedModuleExports": []
|
|
1409
1409
|
}
|
|
@@ -251,16 +251,16 @@ body{padding:0}.split-pane_splitPane__\+blw1{display:flex;flex-direction:column}
|
|
|
251
251
|
.menu-widget-icon_icon__zJFd\+{font-size:16px}.menu-widget-icon_widgetMenuIcon__Lhzvu{display:flex;justify-content:center;align-items:center}
|
|
252
252
|
.compositions-panel_linkWrapper__b5Tc\+{padding:0 12px;display:flex;align-items:center;justify-content:space-between;height:40px;font-size:var(--bit-p-xs);transition:all 300ms ease-in-out;color:var(--on-background-color)}.compositions-panel_linkWrapper__b5Tc\+:hover{background-color:#ededed;background-color:var(--border-medium-color, #ededed);transition:background-color 300ms ease-in-out}.compositions-panel_linkWrapper__b5Tc\+:hover .compositions-panel_right__cSHuE{visibility:inherit;opacity:1;color:#6c707c;color:var(--bit-text-color-light, #6c707c);transition:visibility 200ms,opacity 100ms ease-in-out}.compositions-panel_linkWrapper__b5Tc\+:hover .compositions-panel_right__cSHuE .compositions-panel_icon__ces-n:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__b5Tc\+.compositions-panel_active__QfJTp{display:flex;align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);color:#ffffff;color:var(--bit-bg-color, #ffffff)}.compositions-panel_linkWrapper__b5Tc\+.compositions-panel_active__QfJTp:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__b5Tc\+.compositions-panel_active__QfJTp .compositions-panel_box__av1kL{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff)}.compositions-panel_linkWrapper__b5Tc\+.compositions-panel_active__QfJTp .compositions-panel_right__cSHuE{visibility:inherit;opacity:1;color:#eceaff;color:var(--bit-accent-bg, #eceaff)}.compositions-panel_linkWrapper__b5Tc\+.compositions-panel_active__QfJTp .compositions-panel_right__cSHuE .compositions-panel_icon__ces-n:hover{color:#ffffff;color:var(--bit-bg-color, #ffffff)}.compositions-panel_linkWrapper__b5Tc\+ .compositions-panel_right__cSHuE{display:flex;gap:12px;align-items:center;justify-content:center;opacity:0;visibility:hidden;font-size:13px;transition:visibility 200ms,opacity 100ms ease-in-out}.compositions-panel_linkWrapper__b5Tc\+ .compositions-panel_codeLink__7Pb72{cursor:pointer}.compositions-panel_box__av1kL{width:10px;height:10px;flex-shrink:0;background-color:var(--bit-text-color-heavy);margin-right:11px;border-radius:1px}.compositions-panel_name__zUmpw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.compositions-panel_panelLink__gv8b9{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%;text-decoration:none;color:inherit;min-width:0}.compositions-panel_panelLink__gv8b9:active{color:inherit}.compositions-panel_tabs__V66Gq{display:flex;align-items:center;margin-bottom:17px}.compositions-panel_tabs__V66Gq>div{position:relative;padding:8px;text-transform:uppercase;font-size:12px;font-weight:bold}.compositions-panel_tabs__V66Gq>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__V66Gq>div:first-child:before{content:"";position:absolute;top:0;left:0;right:0;background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);height:3px;border-radius:10px;transition:background-color 300ms,height 300ms}
|
|
253
253
|
.component_container__PvN-k{height:100%;display:flex;flex-direction:column}
|
|
254
|
-
.
|
|
255
|
-
.
|
|
256
|
-
.collapsing-
|
|
257
|
-
.accent-
|
|
258
|
-
.themed-
|
|
259
|
-
.dark-
|
|
254
|
+
.indent_indent__aT7qG{padding-left:calc(var(--indent-depth) * 8px + 8px)}.indent_indentMargin__8zGVw{margin-left:calc(var(--indent-depth) * 8px + 8px)}
|
|
255
|
+
.indent_indent__Re4l6{padding-left:calc(var(--indent-depth) * 8px + 8px)}.indent_indentMargin__aHyY2{margin-left:calc(var(--indent-depth) * 8px + 8px)}
|
|
256
|
+
.collapsing-node_childrenTree__pRKjX{overflow:hidden;transition:max-height 400ms ease-in-out;font-size:var(--bit-p-xs)}
|
|
257
|
+
.accent-color_primary__fPGzD{--bit-accent-color: #6c5ce7;--bit-accent-heavy: #5d4aec;--bit-accent-light: #897dec;--bit-accent-text: #6c5ce7;--bit-accent-text-heavy: #5d4aec;--bit-text-on-accent: #ffffff;--bit-accent-bg: #eceaff;--bit-accent-bg-heavy: #c9c3f6}.accent-color_complementary__-QiMH{--bit-accent-color: #f83d6c;--bit-accent-heavy: #f7174f;--bit-accent-light: #f96389;--bit-accent-text: #f83d6c;--bit-accent-text-heavy: #f7174f;--bit-text-on-accent: #ffffff;--bit-accent-bg: #ffe2ea;--bit-accent-bg-heavy: #fb9cb4}.accent-color_impulsive__fx9zb{--bit-accent-color: #e62e5c;--bit-accent-heavy: #d31948;--bit-accent-light: #f086a0;--bit-accent-text: #e62e5c;--bit-accent-text-heavy: #d31948;--bit-text-on-accent: #ffffff;--bit-accent-bg: #fdeff2;--bit-accent-bg-heavy: #f7bac9}.accent-color_hungry__mOyBA{--bit-accent-color: #ffc640;--bit-accent-heavy: #ff991f;--bit-accent-light: #ffe380;--bit-accent-text: #ffc640;--bit-accent-text-heavy: #ff991f;--bit-text-on-accent: #0c0c0c;--bit-accent-bg: #fff5dd;--bit-accent-bg-heavy: #fff0b3}.accent-color_success__YkLnM{--bit-accent-color: #37b26c;--bit-accent-heavy: #2e945a;--bit-accent-light: #94deb4;--bit-accent-text: #37b26c;--bit-accent-text-heavy: #2e945a;--bit-text-on-accent: #ffffff;--bit-accent-bg: #eefaf3;--bit-accent-bg-heavy: #d0f1de}.accent-color_process__RinIo{--bit-accent-color: #0984e3;--bit-accent-heavy: #3d5afe;--bit-accent-light: #95ccf5;--bit-accent-text: #0984e3;--bit-accent-text-heavy: #3d5afe;--bit-text-on-accent: #ffffff;--bit-accent-bg: #f3faff;--bit-accent-bg-heavy: #d2ecfe}.accent-color_emphasized__aqJVO{--bit-accent-color: #2b2b2b;--bit-accent-heavy: #0c0c0c;--bit-accent-light: #414141;--bit-accent-text: #2b2b2b;--bit-accent-text-heavy: #0c0c0c;--bit-text-on-accent: #ffffff;--bit-accent-bg: #ededed;--bit-accent-bg-heavy: #cccfd4}.accent-color_neutral__65e\+U{--bit-accent-color: #414141;--bit-accent-heavy: #2b2b2b;--bit-accent-light: #6c707c;--bit-accent-text: #414141;--bit-accent-text-heavy: #2b2b2b;--bit-text-on-accent: #ffffff;--bit-accent-bg: #f6f6f6;--bit-accent-bg-heavy: #ededed}
|
|
258
|
+
.themed-text_themedText__aSY9Q{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}
|
|
259
|
+
.dark-theme_darkMod__FA2ME{color:#ededed;--bit-text-color: #ededed;--bit-text-color-heavy: #f6f6f6;--bit-text-color-light: #878c9a;--bit-text-inactive: #6c707c;--bit-text-inactive-heavy: #878c9a;--bit-border-color: #6c707c;--bit-border-color-heavy: #878c9a;--bit-border-color-light: #414141;--bit-border-color-lightest: #414141;--bit-accent-color: #5d4aec;--bit-accent-heavy: #6c5ce7;--bit-accent-light: #3e29df;--bit-accent-text: #c9c3f6;--bit-accent-text-heavy: #eceaff;--bit-text-on-accent: var(--bit-text-color, #ededed);--bit-accent-bg: #1a1452;--bit-accent-bg-heavy: #221967;--bit-bg-color: #2b2b2b;--bit-bg-heavy: #414141;--bit-bg-heaviest: #6c707c;--bit-bg-bedrock: #0c0c0c;--bit-navigation: #2b2b2b;--bit-bg-overlay: #2b2b2b;--bit-bg-modal: #2b2b2b;--bit-bg-tooltip: #2b2b2b;--bit-bg-tooltip-heavy: #414141;--bit-bg-dent: #2b2b2b;--bit-error-color: #f7bac9;--bit-error-heavy: #fdeff2;--bit-error-light: #f086a0;--bit-error-bg: #8d1130;--bit-error-bg-heavy: #d31948}
|
|
260
260
|
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:currentColor;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:currentColor;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:currentColor;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:currentColor;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
|
|
261
261
|
.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:left;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}
|
|
262
262
|
.tippy-box[data-theme~=teambit]{color:#fff;color:var(--bit-text-color, #fff);background:#2b2b2b;background:var(--bit-bg-tooltip, #2b2b2b);border-radius:8px}.tippy-box[data-theme~=teambit] .tippy-content{padding:.85em;white-space:nowrap}.tippy-box[data-theme~=teambit].tippy-breakLine .tippy-content{white-space:pre-line;word-break:break-all}.tippy-box[data-theme~=teambit] .tippy-svg-arrow{fill:#2b2b2b;fill:var(--bit-bg-tooltip, #2b2b2b)}
|
|
263
|
-
.deprecation-
|
|
264
|
-
.component-
|
|
265
|
-
.scope-tree-
|
|
266
|
-
.namespace-tree-
|
|
263
|
+
.deprecation-icon_deprecatedTooltip__uHZ4O{padding:2px 5px}.deprecation-icon_deprecatedTooltip__uHZ4O>div{padding:0 !important;padding:initial !important}.deprecation-icon_deprectaedTooltipContent__cY1GR{font-size:12px}
|
|
264
|
+
.component-view_component__x4z6i{height:32px;display:flex;align-items:center;justify-content:space-between;padding-right:8px;font-size:inherit;font-size:var(--bit-p-xs);text-decoration:none;color:inherit;box-sizing:border-box;border-left:0px solid rgba(0,0,0,0)}.component-view_component__x4z6i:hover{background:#f6f6f6;background:var(--bit-bg-heavy, #f6f6f6)}.component-view_component__x4z6i.component-view_active__7dzbG{background:#eceaff;background:var(--bit-accent-bg, #eceaff)}.component-view_component__x4z6i .component-view_icon__N7DfE{width:16px;height:16px;opacity:.8}.component-view_component__x4z6i .component-view_left__kcm9J{display:flex;align-items:center;flex:1 1;min-width:0;line-height:24px}.component-view_component__x4z6i .component-view_left__kcm9J>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.component-view_component__x4z6i .component-view_envIcon__ZFwlA{transition:filter 300ms ease-in-out;width:16px;height:16px;border-radius:4px}.component-view_component__x4z6i .component-view_right__toCnr{display:flex;align-items:center;font-size:12px}.component-view_component__x4z6i .component-view_right__toCnr>*{margin-right:4px}.component-view_component__x4z6i .component-view_right__toCnr>:last-child(){margin-right:0px}.component-view_componentEnvTooltip__rw7Ce{font-size:var(--bit-p-xs);max-width:none !important;max-width:initial !important}.component-view_componentEnvTooltip__rw7Ce .component-view_componentEnvTitle__DCaYT{font-size:12px;font-size:var(--bit-p-xxs, 12px);color:#c9c3f6;font-weight:bold;margin-bottom:4px}.component-view_tooltip__75Q5X{max-width:none !important;max-width:initial !important;font-size:var(--bit-p-xxs);opacity:100%}.component-view_envLink__uj0z4{color:#fff;text-decoration:none}.component-view_opacity__W6eOX{opacity:50%}
|
|
265
|
+
.scope-tree-node_scope__VuO-I{position:relative;height:32px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-weight:bold;font-size:inherit;padding-right:8px;font-size:var(--bit-p-xs)}.scope-tree-node_scope__VuO-I:hover{background:#f6f6f6;background:var(--bit-bg-heavy, #f6f6f6)}.scope-tree-node_scope__VuO-I .scope-tree-node_arrow__5WDm4{display:inline-block;line-height:inherit;transition:all 300ms;margin-right:10px;color:#6c707c;color:var(--bit-text-color-light, #6c707c)}.scope-tree-node_scope__VuO-I .scope-tree-node_arrow__5WDm4.scope-tree-node_collapsed__BGO-W{transform:rotate(-0.25turn)}.scope-tree-node_highlighted__Iou7n{color:#5d4aec;color:var(--bit-accent-heavy, #5d4aec)}.scope-tree-node_left__18-mW{display:flex;align-items:center;flex:1 1;min-width:0}.scope-tree-node_left__18-mW .scope-tree-node_name__6T2Rp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px;line-height:115%}.scope-tree-node_componentTree__c7Vjz{overflow:hidden;transition:max-height 400ms ease-in-out;font-size:var(--bit-p-xs)}
|
|
266
|
+
.namespace-tree-node_namespace__dA25b{position:relative;height:32px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:bold;font-size:inherit;padding-right:8px;font-size:var(--bit-p-xs);cursor:pointer}.namespace-tree-node_namespace__dA25b:hover{background:#f6f6f6;background:var(--bit-bg-heavy, #f6f6f6)}.namespace-tree-node_namespace__dA25b .namespace-tree-node_arrow__tHYII{display:inline-block;line-height:inherit;transition:all 300ms;margin-right:10px;color:#6c707c;color:var(--bit-text-color-light, #6c707c)}.namespace-tree-node_namespace__dA25b .namespace-tree-node_arrow__tHYII.namespace-tree-node_collapsed__2yNRP{transform:rotate(-0.25turn)}.namespace-tree-node_highlighted__Vj6gT{color:#5d4aec;color:var(--bit-accent-heavy, #5d4aec)}.namespace-tree-node_left__7hZ\+f{display:flex;align-items:center;flex:1 1;min-width:0}.namespace-tree-node_left__7hZ\+f .namespace-tree-node_name__fYhAS{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px;line-height:24px}.namespace-tree-node_componentTree__BRsnM{overflow:hidden;transition:max-height 400ms ease-in-out;font-size:var(--bit-p-xs)}
|