@teambit/component.ui.version-dropdown 0.0.0-3bbda6fcb97d81e77e38ef63cbd7d6171579c427 → 0.0.0-496ecf9b4a3e414d5e2684f6ab179ddfbd891b78

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 (6) hide show
  1. package/dist/{preview-1754995361790.js → preview-1755276426242.js} +2 -2
  2. package/dist/version-dropdown-placeholder.module.scss +4 -1
  3. package/dist/version-dropdown.module.scss +14 -0
  4. package/package.json +4 -4
  5. package/version-dropdown-placeholder.module.scss +4 -1
  6. package/version-dropdown.module.scss +14 -0
package/dist/{preview-1754995361790.js → preview-1755276426242.js} RENAMED
@@ -1,5 +1,5 @@
1
- import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@3bbda6fcb97d81e77e38ef63cbd7d6171579c427/dist/version-dropdown.composition.js';
2
- import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@3bbda6fcb97d81e77e38ef63cbd7d6171579c427/dist/version-dropdown.docs.js';
1
+ import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@496ecf9b4a3e414d5e2684f6ab179ddfbd891b78/dist/version-dropdown.composition.js';
2
+ import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@496ecf9b4a3e414d5e2684f6ab179ddfbd891b78/dist/version-dropdown.docs.js';
3
3
 
4
4
  export const compositions = [compositions_0];
5
5
  export const overview = [overview_0];
package/dist/version-dropdown-placeholder.module.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .simple,
2
2
  .detailed {
3
3
  cursor: pointer;
4
- border: 1px solid var(--bit-border-color, #babec9);
4
+ border: 1px solid var(--border-medium-color, #ededed);
5
5
  border-radius: 6px;
6
6
  transition: background-color 300ms ease-in-out;
7
7
  height: 30px;
@@ -22,11 +22,13 @@
22
22
  cursor: default;
23
23
  background-color: var(--border-medium-color, #ededed);
24
24
  color: var(--on-background-medium-color, #707279);
25
+
25
26
  > span {
26
27
  display: none;
27
28
  }
28
29
  }
29
30
  }
31
+
30
32
  .versionName {
31
33
  flex-grow: 1;
32
34
  min-width: fit-content;
@@ -44,6 +46,7 @@
44
46
 
45
47
  .loader {
46
48
  color: var(--bit-bg-dent, #f6f6f6);
49
+
47
50
  > span {
48
51
  padding: 4px;
49
52
  }
package/dist/version-dropdown.module.scss CHANGED
@@ -8,6 +8,7 @@
8
8
  display: flex;
9
9
  align-items: center;
10
10
  }
11
+
11
12
  .menu {
12
13
  padding: 0;
13
14
  right: 0;
@@ -15,6 +16,7 @@
15
16
  font-size: var(--bit-p-xs);
16
17
  border-radius: 6px;
17
18
  z-index: $modal-z-index;
19
+ border: 1px solid var(--border-medium-color, #ededed);
18
20
  }
19
21
  }
20
22
 
@@ -49,15 +51,19 @@
49
51
  &.localVersion {
50
52
  border-bottom: 1px solid var(--bit-border-color-lightest, #ededed);
51
53
  }
54
+
52
55
  .versionTimestamp {
53
56
  margin-right: 2px;
54
57
  }
58
+
55
59
  .versionUserAvatar {
56
60
  padding: 0px 8px;
57
61
  }
62
+
58
63
  .laneIcon {
59
64
  padding: 0px 4px;
60
65
  }
66
+
61
67
  .version {
62
68
  width: 60%;
63
69
  display: flex;
@@ -65,6 +71,7 @@
65
71
  align-content: space-between;
66
72
  align-items: center;
67
73
  }
74
+
68
75
  .versionName {
69
76
  padding: 0px 8px;
70
77
  min-width: fit-content;
@@ -73,21 +80,26 @@
73
80
 
74
81
  .withVersions {
75
82
  cursor: pointer;
83
+
76
84
  > div {
77
85
  margin-right: 5px;
78
86
  }
87
+
79
88
  > span {
80
89
  display: unset;
81
90
  }
91
+
82
92
  &:hover {
83
93
  background-color: var(--bit-bg-heavy);
84
94
  }
95
+
85
96
  [data-open='true'] & {
86
97
  transition:
87
98
  color 300ms,
88
99
  background-color 300ms ease-in-out;
89
100
  background-color: var(--bit-bg-color, #ffffff);
90
101
  color: var(--bit-accent-color, #6c5ce7);
102
+
91
103
  &:hover {
92
104
  background-color: var(--bit-bg-color, #ffffff);
93
105
  }
@@ -115,6 +127,7 @@
115
127
 
116
128
  .loader {
117
129
  color: var(--bit-bg-dent, #f6f6f6);
130
+
118
131
  > div {
119
132
  padding: 8px 0px;
120
133
  }
@@ -122,6 +135,7 @@
122
135
 
123
136
  .versionMenuContainer {
124
137
  display: initial;
138
+
125
139
  &.hide {
126
140
  display: none;
127
141
  }
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/component.ui.version-dropdown",
3
- "version": "0.0.0-3bbda6fcb97d81e77e38ef63cbd7d6171579c427",
3
+ "version": "0.0.0-496ecf9b4a3e414d5e2684f6ab179ddfbd891b78",
4
4
  "homepage": "https://bit.cloud/teambit/component/ui/version-dropdown",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.component",
8
8
  "name": "ui/version-dropdown",
9
- "version": "3bbda6fcb97d81e77e38ef63cbd7d6171579c427"
9
+ "version": "496ecf9b4a3e414d5e2684f6ab179ddfbd891b78"
10
10
  },
11
11
  "dependencies": {
12
12
  "classnames": "2.2.6",
@@ -20,10 +20,10 @@
20
20
  "@teambit/design.ui.surfaces.menu.link-item": "1.0.13",
21
21
  "@teambit/evangelist.surfaces.dropdown": "1.0.2",
22
22
  "@teambit/lanes.ui.models.lanes-model": "0.0.229",
23
- "@teambit/legacy-component-log": "0.0.408",
24
23
  "@teambit/ui-foundation.ui.use-box.tab": "0.0.122",
25
24
  "@teambit/component.ui.version-label": "0.0.509",
26
- "@teambit/design.ui.avatar": "0.0.0-09efdd6f7b338b9e3eeba5c002f67f81008245e7"
25
+ "@teambit/design.ui.avatar": "0.0.0-9b98ba957a3516027a41616e06154e6b5e7a2228",
26
+ "@teambit/legacy-component-log": "0.0.0-391c0630b49f0c665df2a079c64d285bebb4ea41"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@types/classnames": "2.2.11",
package/version-dropdown-placeholder.module.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .simple,
2
2
  .detailed {
3
3
  cursor: pointer;
4
- border: 1px solid var(--bit-border-color, #babec9);
4
+ border: 1px solid var(--border-medium-color, #ededed);
5
5
  border-radius: 6px;
6
6
  transition: background-color 300ms ease-in-out;
7
7
  height: 30px;
@@ -22,11 +22,13 @@
22
22
  cursor: default;
23
23
  background-color: var(--border-medium-color, #ededed);
24
24
  color: var(--on-background-medium-color, #707279);
25
+
25
26
  > span {
26
27
  display: none;
27
28
  }
28
29
  }
29
30
  }
31
+
30
32
  .versionName {
31
33
  flex-grow: 1;
32
34
  min-width: fit-content;
@@ -44,6 +46,7 @@
44
46
 
45
47
  .loader {
46
48
  color: var(--bit-bg-dent, #f6f6f6);
49
+
47
50
  > span {
48
51
  padding: 4px;
49
52
  }
package/version-dropdown.module.scss CHANGED
@@ -8,6 +8,7 @@
8
8
  display: flex;
9
9
  align-items: center;
10
10
  }
11
+
11
12
  .menu {
12
13
  padding: 0;
13
14
  right: 0;
@@ -15,6 +16,7 @@
15
16
  font-size: var(--bit-p-xs);
16
17
  border-radius: 6px;
17
18
  z-index: $modal-z-index;
19
+ border: 1px solid var(--border-medium-color, #ededed);
18
20
  }
19
21
  }
20
22
 
@@ -49,15 +51,19 @@
49
51
  &.localVersion {
50
52
  border-bottom: 1px solid var(--bit-border-color-lightest, #ededed);
51
53
  }
54
+
52
55
  .versionTimestamp {
53
56
  margin-right: 2px;
54
57
  }
58
+
55
59
  .versionUserAvatar {
56
60
  padding: 0px 8px;
57
61
  }
62
+
58
63
  .laneIcon {
59
64
  padding: 0px 4px;
60
65
  }
66
+
61
67
  .version {
62
68
  width: 60%;
63
69
  display: flex;
@@ -65,6 +71,7 @@
65
71
  align-content: space-between;
66
72
  align-items: center;
67
73
  }
74
+
68
75
  .versionName {
69
76
  padding: 0px 8px;
70
77
  min-width: fit-content;
@@ -73,21 +80,26 @@
73
80
 
74
81
  .withVersions {
75
82
  cursor: pointer;
83
+
76
84
  > div {
77
85
  margin-right: 5px;
78
86
  }
87
+
79
88
  > span {
80
89
  display: unset;
81
90
  }
91
+
82
92
  &:hover {
83
93
  background-color: var(--bit-bg-heavy);
84
94
  }
95
+
85
96
  [data-open='true'] & {
86
97
  transition:
87
98
  color 300ms,
88
99
  background-color 300ms ease-in-out;
89
100
  background-color: var(--bit-bg-color, #ffffff);
90
101
  color: var(--bit-accent-color, #6c5ce7);
102
+
91
103
  &:hover {
92
104
  background-color: var(--bit-bg-color, #ffffff);
93
105
  }
@@ -115,6 +127,7 @@
115
127
 
116
128
  .loader {
117
129
  color: var(--bit-bg-dent, #f6f6f6);
130
+
118
131
  > div {
119
132
  padding: 8px 0px;
120
133
  }
@@ -122,6 +135,7 @@
122
135
 
123
136
  .versionMenuContainer {
124
137
  display: initial;
138
+
125
139
  &.hide {
126
140
  display: none;
127
141
  }