@teambit/component.ui.version-dropdown 0.0.0-3bbda6fcb97d81e77e38ef63cbd7d6171579c427 → 0.0.0-3fa45435e164fac2992cc7437aa724a7f5d94eeb
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-1754995361790.js → preview-1755618052181.js} +2 -2
- package/dist/version-dropdown-placeholder.module.scss +4 -1
- package/dist/version-dropdown.module.scss +14 -0
- package/package.json +10 -10
- package/version-dropdown-placeholder.module.scss +4 -1
- package/version-dropdown.module.scss +14 -0
@@ -1,5 +1,5 @@
|
|
1
|
-
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@
|
2
|
-
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@
|
1
|
+
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@3fa45435e164fac2992cc7437aa724a7f5d94eeb/dist/version-dropdown.composition.js';
|
2
|
+
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@3fa45435e164fac2992cc7437aa724a7f5d94eeb/dist/version-dropdown.docs.js';
|
3
3
|
|
4
4
|
export const compositions = [compositions_0];
|
5
5
|
export const overview = [overview_0];
|
@@ -1,7 +1,7 @@
|
|
1
1
|
.simple,
|
2
2
|
.detailed {
|
3
3
|
cursor: pointer;
|
4
|
-
border: 1px solid var(--
|
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,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-
|
3
|
+
"version": "0.0.0-3fa45435e164fac2992cc7437aa724a7f5d94eeb",
|
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": "3fa45435e164fac2992cc7437aa724a7f5d94eeb"
|
10
10
|
},
|
11
11
|
"dependencies": {
|
12
12
|
"classnames": "2.2.6",
|
@@ -14,16 +14,16 @@
|
|
14
14
|
"core-js": "^3.0.0",
|
15
15
|
"@teambit/base-ui.loaders.skeleton": "1.0.1",
|
16
16
|
"@teambit/design.ui.styles.ellipsis": "0.0.357",
|
17
|
-
"@teambit/
|
18
|
-
"@teambit/evangelist.elements.icon": "1.0.2",
|
17
|
+
"@teambit/evangelist.elements.icon": "1.0.5",
|
19
18
|
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504",
|
20
19
|
"@teambit/design.ui.surfaces.menu.link-item": "1.0.13",
|
21
|
-
"@teambit/evangelist.surfaces.dropdown": "1.0.
|
20
|
+
"@teambit/evangelist.surfaces.dropdown": "1.0.3",
|
22
21
|
"@teambit/lanes.ui.models.lanes-model": "0.0.229",
|
23
|
-
"@teambit/legacy-component-log": "0.0.
|
22
|
+
"@teambit/legacy-component-log": "0.0.409",
|
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-
|
25
|
+
"@teambit/design.ui.avatar": "0.0.0-6644f48cce9ab5a3da99531672d233de6314039d",
|
26
|
+
"@teambit/design.ui.time-ago": "0.0.0-cc873cb2db77cb785c038921c67d71c1608709e1"
|
27
27
|
},
|
28
28
|
"devDependencies": {
|
29
29
|
"@types/classnames": "2.2.11",
|
@@ -37,9 +37,9 @@
|
|
37
37
|
"@types/jest": "^26.0.0",
|
38
38
|
"@babel/runtime": "7.20.0",
|
39
39
|
"@types/testing-library__jest-dom": "5.9.5",
|
40
|
-
"@teambit/documenter.theme.theme-compositions": "4.1.
|
41
|
-
"@teambit/documenter.ui.section": "4.1.
|
42
|
-
"@teambit/documenter.ui.separator": "4.1.
|
40
|
+
"@teambit/documenter.theme.theme-compositions": "4.1.5",
|
41
|
+
"@teambit/documenter.ui.section": "4.1.7",
|
42
|
+
"@teambit/documenter.ui.separator": "4.1.7"
|
43
43
|
},
|
44
44
|
"peerDependencies": {
|
45
45
|
"@testing-library/react": "^12.1.5",
|
@@ -1,7 +1,7 @@
|
|
1
1
|
.simple,
|
2
2
|
.detailed {
|
3
3
|
cursor: pointer;
|
4
|
-
border: 1px solid var(--
|
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,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
|
}
|