@teambit/workspace 0.0.675 → 0.0.676

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/workspace",
-  "version": "0.0.675",
+  "version": "0.0.676",
   "homepage": "https://bit.dev/teambit/workspace/workspace",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.workspace",
     "name": "workspace",
-    "version": "0.0.675"
+    "version": "0.0.676"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -30,65 +30,64 @@
     "stringify-package": "1.0.1",
     "moment": "2.29.1",
     "chokidar": "3.5.1",
+    "classnames": "2.2.6",
     "@react-hook/latest": "1.0.3",
     "pluralize": "8.0.0",
     "reset-css": "5.0.1",
-    "classnames": "2.2.6",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
+    "@teambit/design.ui.input.toggle": "1.0.12",
     "@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.0",
     "@teambit/base-ui.surfaces.split-pane.split-pane": "1.0.0",
-    "@teambit/design.ui.input.toggle": "1.0.12",
-    "@teambit/evangelist.elements.icon": "1.0.2",
     "@teambit/component-id": "0.0.401",
     "@teambit/bit-error": "0.0.394",
     "@teambit/legacy-bit-id": "0.0.398",
-    "@teambit/logger": "0.0.544",
-    "@teambit/scope": "0.0.675",
-    "@teambit/cli": "0.0.452",
-    "@teambit/isolator": "0.0.675",
-    "@teambit/component-tree": "0.0.463",
+    "@teambit/logger": "0.0.545",
+    "@teambit/scope": "0.0.676",
+    "@teambit/cli": "0.0.453",
+    "@teambit/isolator": "0.0.676",
+    "@teambit/component-tree": "0.0.464",
     "@teambit/component.ui.component-status-resolver": "0.0.492",
-    "@teambit/lanes.ui.lanes": "0.0.13",
+    "@teambit/lanes.ui.lanes": "0.0.14",
     "@teambit/harmony.modules.resolved-component": "0.0.484",
-    "@teambit/dependency-resolver": "0.0.675",
-    "@teambit/compiler": "0.0.675",
-    "@teambit/component": "0.0.675",
-    "@teambit/graphql": "0.0.675",
-    "@teambit/aspect-loader": "0.0.675",
-    "@teambit/bundler": "0.0.675",
-    "@teambit/envs": "0.0.675",
-    "@teambit/pubsub": "0.0.675",
-    "@teambit/ui": "0.0.675",
-    "@teambit/variants": "0.0.547",
+    "@teambit/dependency-resolver": "0.0.676",
+    "@teambit/compiler": "0.0.676",
+    "@teambit/component": "0.0.676",
+    "@teambit/graphql": "0.0.676",
+    "@teambit/aspect-loader": "0.0.676",
+    "@teambit/bundler": "0.0.676",
+    "@teambit/envs": "0.0.676",
+    "@teambit/pubsub": "0.0.676",
+    "@teambit/ui": "0.0.676",
+    "@teambit/variants": "0.0.548",
     "@teambit/component-issues": "0.0.46",
-    "@teambit/config": "0.0.465",
+    "@teambit/config": "0.0.466",
     "@teambit/harmony.modules.requireable-component": "0.0.484",
-    "@teambit/importer": "0.0.104",
+    "@teambit/importer": "0.0.105",
     "@teambit/workspace.modules.match-pattern": "0.0.489",
-    "@teambit/command-bar": "0.0.675",
+    "@teambit/command-bar": "0.0.676",
     "@teambit/design.ui.surfaces.menu.link-item": "0.0.379",
-    "@teambit/graph": "0.0.675",
-    "@teambit/react-router": "0.0.675",
-    "@teambit/sidebar": "0.0.675",
+    "@teambit/graph": "0.0.676",
+    "@teambit/react-router": "0.0.676",
+    "@teambit/sidebar": "0.0.676",
     "@teambit/ui-foundation.ui.main-dropdown": "0.0.486",
     "@teambit/ui-foundation.ui.menu": "0.0.486",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.488",
-    "@teambit/ui-foundation.ui.tree.drawer": "0.0.495",
+    "@teambit/ui-foundation.ui.tree.drawer": "0.0.496",
     "@teambit/toolbox.time.time-format": "0.0.483",
+    "@teambit/design.ui.styles.ellipsis": "0.0.347",
+    "@teambit/design.ui.styles.muted-italic": "0.0.35",
+    "@teambit/design.ui.tree": "0.0.5",
+    "@teambit/ui-foundation.ui.full-loader": "0.0.486",
+    "@teambit/ui-foundation.ui.side-bar": "0.0.511",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.487",
-    "@teambit/component-descriptor": "0.0.13",
-    "@teambit/deprecation": "0.0.675",
+    "@teambit/component-descriptor": "0.0.16",
+    "@teambit/deprecation": "0.0.676",
     "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.487",
     "@teambit/ui-foundation.ui.buttons.collapser": "0.0.193",
     "@teambit/ui-foundation.ui.corner": "0.0.494",
     "@teambit/ui-foundation.ui.notifications.notification-context": "0.0.487",
     "@teambit/ui-foundation.ui.top-bar": "0.0.489",
-    "@teambit/design.ui.styles.ellipsis": "0.0.347",
-    "@teambit/design.ui.styles.muted-italic": "0.0.35",
-    "@teambit/design.ui.tree": "0.0.5",
-    "@teambit/ui-foundation.ui.full-loader": "0.0.486",
-    "@teambit/ui-foundation.ui.side-bar": "0.0.510",
     "@teambit/explorer.ui.gallery.component-grid": "0.0.486",
     "@teambit/workspace.ui.empty-workspace": "0.0.489",
     "@teambit/workspace.ui.workspace-component-card": "0.0.495"
@@ -101,8 +100,8 @@
     "@types/fs-extra": "9.0.7",
     "@types/memoizee": "0.4.5",
     "@types/react-router-dom": "5.1.7",
-    "@types/pluralize": "0.0.29",
     "@types/classnames": "2.2.11",
+    "@types/pluralize": "0.0.29",
     "@types/mocha": "9.1.0",
     "@types/testing-library__jest-dom": "5.9.5",
     "@types/jest": "^26.0.0",
@@ -112,7 +111,7 @@
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
-    "@teambit/legacy": "1.0.231",
+    "@teambit/legacy": "1.0.232",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -140,7 +139,7 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.231",
+        "@teambit/legacy": "1.0.232",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/{preview-1647228138686.js → preview-1647314610121.js}

@@ -1 +1 @@
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.workspace_workspace@0.0.675/dist/workspace.docs.mdx')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.workspace_workspace@0.0.676/dist/workspace.docs.mdx')]

package/ui/workspace-components-drawer/workspace-components-drawer.module.scss

@@ -3,8 +3,26 @@
   display: block;
 }
 
-.collapseIcon {
-  width: 16px;
+.widgetIcon {
+  padding: 4px;
+  border-radius: 8px;
+  align-items: center;
+  display: flex;
+  &:hover,
+  &.open {
+    background-color: var(--bit-border-color-lightest, #ededed);
+  }
+  img {
+    width: 16px;
+  }
+  &:active img,
+  &.open img {
+    filter: invert(38%) sepia(33%) saturate(7140%) hue-rotate(234deg) brightness(96%) contrast(87%);
+  }
+}
+
+.filterWidgetIcon {
+  margin-right: 8px;
 }
 
 .deprecateFilter {
@@ -15,27 +33,19 @@
   padding: 8px;
   margin: 4px 8px;
 
-  .filterIcon {
+  > div {
     line-height: 16px;
     display: flex;
+  }
+
+  .filterIcon {
+    img {
+      width: 16px;
+    }
 
     .filterIconLabel {
       margin: 0px 8px;
-      font-size: 12px;
+      font-size: 14px;
     }
   }
 }
-
-.filterWidgetIcon {
-  margin-right: 12px;
-  padding: 4px;
-
-  &:hover {
-    background: white;
-  }
-
-  &.open {
-    color: var(--bit-accent-color, #6c5ce7);
-    background-color: var(--bit-bg-heavy, #f6f6f6);
-  }
-}

package/ui/workspace-components-drawer/workspace-components.drawer.tsx

@@ -8,7 +8,6 @@ import {
   NamespaceTreeNode,
   ScopePayload,
 } from '@teambit/ui-foundation.ui.side-bar';
-import { Icon } from '@teambit/evangelist.elements.icon';
 import { TreeNodeProps } from '@teambit/design.ui.tree';
 import React, { useCallback, useContext, useState, createContext } from 'react';
 import classNames from 'classnames';
@@ -114,17 +113,19 @@ function TreeToggleWidget() {
   const icon = collapsed
     ? 'https://static.bit.dev/bit-icons/expand.svg'
     : 'https://static.bit.dev/bit-icons/collapse.svg';
-  return <img src={icon} className={styles.collapseIcon} onClick={() => setCollapsed(!collapsed)} />;
+  return (
+    <div className={styles.widgetIcon}>
+      <img src={icon} onClick={() => setCollapsed(!collapsed)} />
+    </div>
+  );
 }
 
 function FilterWidget() {
   const { filterOpen, setFilterOpen } = useContext(WorkspaceTreeContext);
   return (
-    <Icon
-      className={classNames(styles.filterWidgetIcon, filterOpen && styles.open)}
-      of="Ripple_filters"
-      onClick={() => setFilterOpen(!filterOpen)}
-    />
+    <div className={classNames(styles.widgetIcon, styles.filterWidgetIcon, filterOpen && styles.open)}>
+      <img src="https://static.bit.dev/bit-icons/filter.svg" onClick={() => setFilterOpen(!filterOpen)} />
+    </div>
   );
 }
 
@@ -137,7 +138,7 @@ function DeprecateFilter() {
   return (
     <div className={classNames(styles.deprecateFilter, isActive && styles.active)}>
       <div className={styles.filterIcon}>
-        <Icon of="note-deprecated" />
+        <img src="https://static.bit.dev/bit-icons/deprecated.svg" />
         <span className={styles.filterIconLabel}>Deprecated</span>
       </div>
       <div>