@teambit/lanes.ui.inputs.lane-selector 0.0.63 → 0.0.64

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 (13) hide show
  1. package/dist/lane-menu-item.module.scss +0 -1
  2. package/dist/lane-search.module.scss +2 -1
  3. package/dist/lane-selector.js +1 -1
  4. package/dist/lane-selector.js.map +1 -1
  5. package/dist/lane-selector.module.scss +9 -0
  6. package/dist/{preview-1672802758290.js → preview-1672889151191.js} +0 -0
  7. package/lane-menu-item.module.scss +0 -1
  8. package/lane-search.module.scss +2 -1
  9. package/lane-selector.module.scss +9 -0
  10. package/lane-selector.tsx +1 -0
  11. package/package-tar/teambit-lanes.ui.inputs.lane-selector-0.0.64.tgz +0 -0
  12. package/package.json +4 -4
  13. package/package-tar/teambit-lanes.ui.inputs.lane-selector-0.0.63.tgz +0 -0
package/dist/lane-menu-item.module.scss CHANGED
@@ -2,7 +2,6 @@
2
2
  display: flex;
3
3
  flex-direction: row;
4
4
  padding: 8px 16px;
5
- min-width: 120px;
6
5
  cursor: pointer;
7
6
  justify-content: space-between;
8
7
  border-bottom: 1px solid var(--bit-border-color-lightest, #ededed);
package/dist/lane-search.module.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  padding: 8px;
4
4
  border: 1px solid var(--bit-border-color-lightest, #ededed);
5
5
  border-radius: 6px;
6
- width: calc(100% - 16px);
6
+ outline: none;
7
+ width: calc(100% - 32px);
7
8
  background: var(--bit-bg-color, #ffffff);
8
9
  }
package/dist/lane-selector.js CHANGED
@@ -71,7 +71,7 @@ function LaneSelector(_a) {
71
71
  const onDropdownToggled = (_, open) => {
72
72
  setFocus(open);
73
73
  };
74
- return (react_1.default.createElement(evangelist_surfaces_dropdown_1.Dropdown, Object.assign({}, rest, { open: !multipleLanes ? false : undefined, dropClass: lane_selector_module_scss_1.default.menu, onChange: multipleLanes ? onDropdownToggled : undefined,
74
+ return (react_1.default.createElement(evangelist_surfaces_dropdown_1.Dropdown, Object.assign({}, rest, { open: !multipleLanes ? false : undefined, dropClass: lane_selector_module_scss_1.default.menu, elevation: 'none', onChange: multipleLanes ? onDropdownToggled : undefined,
75
75
  // @ts-ignore - mismatch between @types/react
76
76
  placeholder: react_1.default.createElement(lane_placeholder_1.LanePlaceholder, { disabled: !multipleLanes, selectedLaneId: selectedLaneId, showScope: groupByScope }), className: (0, classnames_1.default)(className, lane_selector_module_scss_1.default.dropdown, !multipleLanes && lane_selector_module_scss_1.default.disabled) }),
77
77
  multipleLanes && react_1.default.createElement("div", { className: lane_selector_module_scss_1.default.header }, "Switch lane"),
package/dist/lane-selector.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lane-selector.js","sourceRoot":"","sources":["../lane-selector.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"lane-selector.js","sourceRoot":"","sources":["../lane-selector.tsx"],"names":[],"mappings":"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"}
package/dist/lane-selector.module.scss CHANGED
@@ -5,6 +5,8 @@
5
5
  // (this is bizarre, the tree has no position absolute)
6
6
  z-index: $nav-z-index;
7
7
  border-radius: 8px;
8
+ // override dropdown default width: 100%
9
+ width: calc(100% - 40px) !important;
8
10
 
9
11
  &.disabled {
10
12
  > div {
@@ -21,8 +23,15 @@
21
23
  .search {
22
24
  margin: 8px 0px 0px 0px;
23
25
  border-bottom: 1px solid var(--bit-border-color-lightest, #ededed);
26
+ display: flex;
27
+ justify-content: space-around;
24
28
  }
25
29
 
26
30
  .menu {
27
31
  width: calc(100% - 24px);
32
+ border-radius: 8px;
33
+ padding: 0;
34
+ padding-top: 8px;
35
+ // border: 1px solid var(--border-medium-color);
36
+ box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.16);
28
37
  }
package/lane-menu-item.module.scss CHANGED
@@ -2,7 +2,6 @@
2
2
  display: flex;
3
3
  flex-direction: row;
4
4
  padding: 8px 16px;
5
- min-width: 120px;
6
5
  cursor: pointer;
7
6
  justify-content: space-between;
8
7
  border-bottom: 1px solid var(--bit-border-color-lightest, #ededed);
package/lane-search.module.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  padding: 8px;
4
4
  border: 1px solid var(--bit-border-color-lightest, #ededed);
5
5
  border-radius: 6px;
6
- width: calc(100% - 16px);
6
+ outline: none;
7
+ width: calc(100% - 32px);
7
8
  background: var(--bit-bg-color, #ffffff);
8
9
  }
package/lane-selector.module.scss CHANGED
@@ -5,6 +5,8 @@
5
5
  // (this is bizarre, the tree has no position absolute)
6
6
  z-index: $nav-z-index;
7
7
  border-radius: 8px;
8
+ // override dropdown default width: 100%
9
+ width: calc(100% - 40px) !important;
8
10
 
9
11
  &.disabled {
10
12
  > div {
@@ -21,8 +23,15 @@
21
23
  .search {
22
24
  margin: 8px 0px 0px 0px;
23
25
  border-bottom: 1px solid var(--bit-border-color-lightest, #ededed);
26
+ display: flex;
27
+ justify-content: space-around;
24
28
  }
25
29
 
26
30
  .menu {
27
31
  width: calc(100% - 24px);
32
+ border-radius: 8px;
33
+ padding: 0;
34
+ padding-top: 8px;
35
+ // border: 1px solid var(--border-medium-color);
36
+ box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.16);
28
37
  }
package/lane-selector.tsx CHANGED
@@ -51,6 +51,7 @@ export function LaneSelector({ className, lanes, selectedLaneId, groupByScope =
51
51
  {...rest}
52
52
  open={!multipleLanes ? false : undefined}
53
53
  dropClass={styles.menu}
54
+ elevation='none'
54
55
  onChange={multipleLanes ? onDropdownToggled : undefined}
55
56
  // @ts-ignore - mismatch between @types/react
56
57
  placeholder={
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/lanes.ui.inputs.lane-selector",
3
- "version": "0.0.63",
3
+ "version": "0.0.64",
4
4
  "homepage": "https://bit.dev/teambit/lanes/ui/inputs/lane-selector",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.lanes",
8
8
  "name": "ui/inputs/lane-selector",
9
- "version": "0.0.63"
9
+ "version": "0.0.64"
10
10
  },
11
11
  "dependencies": {
12
12
  "classnames": "2.2.6",
@@ -15,8 +15,8 @@
15
15
  "@teambit/design.ui.surfaces.menu.link-item": "1.0.0",
16
16
  "@teambit/evangelist.elements.icon": "1.0.2",
17
17
  "@teambit/evangelist.surfaces.dropdown": "1.0.2",
18
- "@teambit/lane-id": "0.0.155",
19
- "@teambit/lanes.ui.models.lanes-model": "0.0.63",
18
+ "@teambit/lane-id": "0.0.156",
19
+ "@teambit/lanes.ui.models.lanes-model": "0.0.64",
20
20
  "@teambit/design.ui.styles.ellipsis": "0.0.357",
21
21
  "@teambit/lanes.ui.icons.lane-icon": "0.0.4",
22
22
  "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.498"