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