benivo-ui-library 1.8.87 → 1.8.89
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/arrowButton.less +11 -13
- package/asideSummaryCard.less +2 -2
- package/asideSummaryCardSection.less +3 -3
- package/assignmentSelectBox.less +44 -41
- package/autoComplete.less +16 -16
- package/button.less +58 -58
- package/checkbox.less +26 -26
- package/data-table.less +53 -51
- package/datePicker.less +31 -30
- package/drawer.less +3 -3
- package/dropdownButton.less +5 -5
- package/expander.less +8 -8
- package/fantasyButton.less +13 -12
- package/infoMessageBanner.less +3 -3
- package/input.less +11 -10
- package/loader.less +3 -3
- package/main.less +1 -0
- package/navigation.less +18 -23
- package/notifications.less +7 -7
- package/package.json +1 -1
- package/pop-up.less +2 -2
- package/radiobutton.less +18 -18
- package/select.less +12 -12
- package/sidebarMenu.less +9 -9
- package/spinner.less +4 -4
- package/swiper.less +20 -15
- package/tabGroup.less +28 -31
- package/table-sort.less +7 -6
- package/tabs.less +2 -2
- package/textarea.less +7 -6
- package/tooltip.less +21 -21
- package/variables.less +8 -282
package/arrowButton.less
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
@arrow-button-color: #93979b;
|
|
2
|
-
|
|
3
1
|
.arrow-button {
|
|
4
2
|
position: absolute;
|
|
5
3
|
top: 50%;
|
|
6
4
|
.transform(translateY(-50%));
|
|
7
5
|
z-index: 2;
|
|
8
6
|
border: none;
|
|
9
|
-
background-color:
|
|
7
|
+
background-color: var(--bg-50);
|
|
10
8
|
cursor: pointer;
|
|
11
9
|
padding: 0;
|
|
12
10
|
width: 35px;
|
|
@@ -61,7 +59,7 @@
|
|
|
61
59
|
display: block;
|
|
62
60
|
|
|
63
61
|
&:before {
|
|
64
|
-
color:
|
|
62
|
+
color: var(--text-400);
|
|
65
63
|
}
|
|
66
64
|
}
|
|
67
65
|
|
|
@@ -71,7 +69,7 @@
|
|
|
71
69
|
span {
|
|
72
70
|
|
|
73
71
|
&:before {
|
|
74
|
-
color:
|
|
72
|
+
color: var(--text-400);
|
|
75
73
|
}
|
|
76
74
|
}
|
|
77
75
|
}
|
|
@@ -122,20 +120,20 @@
|
|
|
122
120
|
|
|
123
121
|
&.active {
|
|
124
122
|
&:hover {
|
|
125
|
-
background-color:
|
|
126
|
-
color:
|
|
123
|
+
background-color: var(--primary);
|
|
124
|
+
color: var(--white);
|
|
127
125
|
|
|
128
126
|
.icon:before {
|
|
129
|
-
color:
|
|
127
|
+
color: var(--white);
|
|
130
128
|
}
|
|
131
129
|
}
|
|
132
130
|
|
|
133
131
|
@media @lg-max {
|
|
134
|
-
background-color:
|
|
135
|
-
color:
|
|
132
|
+
background-color: var(--primary);
|
|
133
|
+
color: var(--white);
|
|
136
134
|
|
|
137
135
|
.icon:before {
|
|
138
|
-
color:
|
|
136
|
+
color: var(--white);
|
|
139
137
|
}
|
|
140
138
|
}
|
|
141
139
|
}
|
|
@@ -156,8 +154,8 @@
|
|
|
156
154
|
|
|
157
155
|
.icon-submitted {
|
|
158
156
|
&:before {
|
|
159
|
-
color:
|
|
157
|
+
color: var(--primary);
|
|
160
158
|
}
|
|
161
159
|
}
|
|
162
160
|
}
|
|
163
|
-
}
|
|
161
|
+
}
|
package/asideSummaryCard.less
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
&__title {
|
|
6
6
|
font-size: @extra-small-font-size;
|
|
7
|
-
border-bottom: 1px solid
|
|
7
|
+
border-bottom: 1px solid var(--border-200);
|
|
8
8
|
padding-bottom: 6px;
|
|
9
9
|
margin-bottom: 20px;
|
|
10
10
|
font-weight: @font-weight-semibold;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
&__label {
|
|
19
19
|
display: inline-block;
|
|
20
|
-
color:
|
|
20
|
+
color: var(--text-400);
|
|
21
21
|
flex-basis: 50%;
|
|
22
22
|
padding-right: 10px;
|
|
23
23
|
}
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
|
|
32
32
|
i {
|
|
33
33
|
font-size: @extra-small-font-size;
|
|
34
|
-
color:
|
|
34
|
+
color: var(--text-400);
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
}
|
package/assignmentSelectBox.less
CHANGED
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
|
|
11
11
|
.assignment-home-location {
|
|
12
12
|
font-size: @small-font-size;
|
|
13
|
-
color:
|
|
13
|
+
color:var(--text-400);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.location-divider {
|
|
17
|
-
color:
|
|
17
|
+
color:var(--text-400);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.assignment-host-location {
|
|
@@ -24,28 +24,29 @@
|
|
|
24
24
|
|
|
25
25
|
&-dates {
|
|
26
26
|
font-size: @extra-small-font-size;
|
|
27
|
-
color:
|
|
27
|
+
color: var(--text-400);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.assignment-cancel a {
|
|
31
31
|
font-size: @extra-small-font-size;
|
|
32
32
|
font-weight: @font-weight-semibold;
|
|
33
|
-
color:
|
|
33
|
+
color: var(--primary);
|
|
34
34
|
|
|
35
35
|
&:hover {
|
|
36
|
-
color:
|
|
36
|
+
color: var(--primary);
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
&-memberId{
|
|
40
|
+
&-memberId {
|
|
41
41
|
font-size: @extra-small-font-size;
|
|
42
|
-
color:
|
|
42
|
+
color: var(--text-400);
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.form-select__value-container,
|
|
47
|
-
|
|
48
|
-
|
|
46
|
+
.form-select__value-container,
|
|
47
|
+
.assignment-single-option {
|
|
48
|
+
.assignment-option-dates {
|
|
49
|
+
color:var(--text-400);
|
|
49
50
|
}
|
|
50
51
|
}
|
|
51
52
|
|
|
@@ -80,112 +81,115 @@
|
|
|
80
81
|
}
|
|
81
82
|
}
|
|
82
83
|
|
|
83
|
-
.assignment-select-box-custom-menu{
|
|
84
|
+
.assignment-select-box-custom-menu {
|
|
84
85
|
.assignments-filter-wrapper {
|
|
85
86
|
padding: 15px 12px;
|
|
86
|
-
|
|
87
|
+
|
|
87
88
|
.form-select__control {
|
|
88
89
|
cursor: pointer;
|
|
89
90
|
}
|
|
90
|
-
|
|
91
|
+
|
|
91
92
|
.form-group {
|
|
92
93
|
margin-bottom: 0;
|
|
93
94
|
width: 70%;
|
|
94
|
-
|
|
95
|
+
|
|
95
96
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
96
97
|
width: 80% !important;
|
|
97
98
|
}
|
|
98
|
-
|
|
99
|
+
|
|
99
100
|
&:before {
|
|
100
101
|
content: '\ed43';
|
|
101
102
|
font-family: 'icomoon';
|
|
102
|
-
color:
|
|
103
|
+
color:var(--text-400);
|
|
103
104
|
display: block;
|
|
104
105
|
position: absolute;
|
|
105
106
|
top: 50%;
|
|
106
107
|
left: @input-pad-x;
|
|
107
108
|
transform: translateY(-50%);
|
|
108
109
|
}
|
|
109
|
-
|
|
110
|
+
|
|
110
111
|
input {
|
|
111
112
|
padding-left: 38px;
|
|
112
113
|
width: 100%;
|
|
113
114
|
margin-right: 12px;
|
|
114
115
|
}
|
|
115
116
|
}
|
|
116
|
-
|
|
117
|
+
|
|
117
118
|
.assignments-filter {
|
|
118
119
|
display: inline-flex;
|
|
119
120
|
align-items: center;
|
|
120
121
|
cursor: pointer;
|
|
121
122
|
position: relative;
|
|
122
123
|
flex-shrink: 0;
|
|
123
|
-
|
|
124
|
+
|
|
124
125
|
.assignments-filter-statuses {
|
|
125
126
|
position: absolute;
|
|
126
127
|
top: 100%;
|
|
127
128
|
right: 0;
|
|
128
|
-
background-color:
|
|
129
|
+
background-color: var(--white);
|
|
129
130
|
border: solid 1px rgba(0, 0, 0, 0.15);
|
|
130
131
|
.border-radius(4px);
|
|
131
132
|
z-index: @zindex-dropdown;
|
|
132
133
|
width: 256px;
|
|
133
134
|
margin-top: 10px;
|
|
134
|
-
|
|
135
|
-
&.horizontal{
|
|
136
|
-
&__right{
|
|
135
|
+
|
|
136
|
+
&.horizontal {
|
|
137
|
+
&__right {
|
|
137
138
|
@media @lg {
|
|
138
139
|
left: 0;
|
|
139
140
|
right: unset;
|
|
140
141
|
}
|
|
141
142
|
}
|
|
142
|
-
|
|
143
|
+
|
|
144
|
+
&__left {
|
|
143
145
|
@media @lg {
|
|
144
146
|
left: unset;
|
|
145
147
|
right: 0;
|
|
146
148
|
}
|
|
147
149
|
}
|
|
148
150
|
}
|
|
149
|
-
|
|
150
|
-
&.vertical{
|
|
151
|
-
&__bottom{
|
|
151
|
+
|
|
152
|
+
&.vertical {
|
|
153
|
+
&__bottom {
|
|
152
154
|
@media @lg {
|
|
153
155
|
top: 100%;
|
|
154
156
|
bottom: unset;
|
|
155
157
|
}
|
|
156
158
|
}
|
|
157
|
-
|
|
159
|
+
|
|
160
|
+
&__top {
|
|
158
161
|
@media @lg {
|
|
159
162
|
top: unset;
|
|
160
163
|
bottom: 100%;
|
|
161
164
|
}
|
|
162
165
|
}
|
|
163
166
|
}
|
|
164
|
-
|
|
167
|
+
|
|
165
168
|
li {
|
|
166
169
|
padding: 12px;
|
|
167
|
-
|
|
170
|
+
|
|
168
171
|
&:hover {
|
|
169
|
-
background-color:
|
|
172
|
+
background-color: var(--bg-50);
|
|
170
173
|
}
|
|
171
|
-
|
|
174
|
+
|
|
172
175
|
&:before {
|
|
173
176
|
left: 42px;
|
|
174
177
|
}
|
|
175
|
-
|
|
178
|
+
|
|
176
179
|
.form-check {
|
|
177
180
|
margin-bottom: 0;
|
|
178
181
|
padding-left: 46px;
|
|
179
182
|
}
|
|
180
183
|
}
|
|
181
184
|
}
|
|
182
|
-
|
|
185
|
+
|
|
183
186
|
span {
|
|
187
|
+
|
|
184
188
|
&,
|
|
185
189
|
&:before {
|
|
186
|
-
color:
|
|
190
|
+
color: var(--primary);
|
|
187
191
|
}
|
|
188
|
-
|
|
192
|
+
|
|
189
193
|
&:last-child {
|
|
190
194
|
margin-left: 8px;
|
|
191
195
|
font-size: @small-font-size;
|
|
@@ -195,14 +199,13 @@
|
|
|
195
199
|
}
|
|
196
200
|
}
|
|
197
201
|
|
|
198
|
-
.form-select__menu:has(> .assignment-select-box-custom-menu){
|
|
202
|
+
.form-select__menu:has(> .assignment-select-box-custom-menu) {
|
|
199
203
|
--menu-width: @menu-width;
|
|
200
|
-
|
|
204
|
+
|
|
201
205
|
width: 100%;
|
|
202
206
|
right: 0;
|
|
203
|
-
|
|
207
|
+
|
|
204
208
|
@media @lg {
|
|
205
209
|
width: var(--menu-width, @menu-width);
|
|
206
210
|
}
|
|
207
|
-
}
|
|
208
|
-
|
|
211
|
+
}
|
package/autoComplete.less
CHANGED
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
|
|
23
23
|
.suggestion-item--active {
|
|
24
24
|
cursor: pointer;
|
|
25
|
-
background:
|
|
26
|
-
color:
|
|
25
|
+
background: rgba(var(--black-rgb), 0.1);
|
|
26
|
+
color: var(--text-400);
|
|
27
27
|
padding: 0.5rem 1.25rem;
|
|
28
|
-
border: solid 1px
|
|
28
|
+
border: solid 1px var(--border-200);
|
|
29
29
|
border-bottom: 0;
|
|
30
30
|
|
|
31
31
|
&,
|
|
@@ -36,13 +36,13 @@
|
|
|
36
36
|
&:before {
|
|
37
37
|
font-family: icomoon;
|
|
38
38
|
content: "\e936";
|
|
39
|
-
color:
|
|
39
|
+
color: var(--text-400);
|
|
40
40
|
margin-right: 10px;
|
|
41
41
|
vertical-align: -2px;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
&:last-child {
|
|
45
|
-
border-bottom: solid 1px
|
|
45
|
+
border-bottom: solid 1px var(--border-200);
|
|
46
46
|
.border-radius(0 0 @form-border-radius @form-border-radius);
|
|
47
47
|
}
|
|
48
48
|
|
|
@@ -53,10 +53,10 @@
|
|
|
53
53
|
|
|
54
54
|
.suggestion-item {
|
|
55
55
|
cursor: pointer;
|
|
56
|
-
background-color:
|
|
57
|
-
color:
|
|
56
|
+
background-color: var(--white);
|
|
57
|
+
color: var(--text-400);
|
|
58
58
|
padding: 0.5rem 1.25rem;
|
|
59
|
-
border: solid 1px
|
|
59
|
+
border: solid 1px var(--border-200);
|
|
60
60
|
border-bottom: 0;
|
|
61
61
|
|
|
62
62
|
&,
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
&:before {
|
|
68
68
|
font-family: icomoon;
|
|
69
69
|
content: "\e936";
|
|
70
|
-
color:
|
|
70
|
+
color: var(--text-400);
|
|
71
71
|
margin-right: 10px;
|
|
72
72
|
vertical-align: -2px;
|
|
73
73
|
}
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
&:last-child {
|
|
80
|
-
border-bottom: solid 1px
|
|
80
|
+
border-bottom: solid 1px var(--border-200);
|
|
81
81
|
.border-radius(0 0 @form-border-radius @form-border-radius);
|
|
82
82
|
}
|
|
83
83
|
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
.required-point {
|
|
92
|
-
color:
|
|
92
|
+
color: var(--error-main);
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
95
|
|
|
@@ -100,17 +100,17 @@
|
|
|
100
100
|
-moz-appearance: none;
|
|
101
101
|
appearance: none;
|
|
102
102
|
background-image: none;
|
|
103
|
-
background-color:
|
|
103
|
+
background-color: var(--white);
|
|
104
104
|
display: block;
|
|
105
105
|
min-height: inherit;
|
|
106
106
|
width: 100%;
|
|
107
107
|
padding: @input-pad-y @input-pad-x;
|
|
108
|
-
color:
|
|
108
|
+
color: inherit;
|
|
109
109
|
font-style: normal;
|
|
110
110
|
font-family: @form-font-family;
|
|
111
111
|
font-weight: @form-font-weight;
|
|
112
112
|
font-size: @form-font-size;
|
|
113
|
-
border: 1px solid
|
|
113
|
+
border: 1px solid var(--border-200);
|
|
114
114
|
.box-shadow(@form-box-shadow);
|
|
115
115
|
.border-radius(@form-border-radius);
|
|
116
116
|
cursor: pointer;
|
|
@@ -133,12 +133,12 @@
|
|
|
133
133
|
|
|
134
134
|
&.disabled {
|
|
135
135
|
pointer-events: none;
|
|
136
|
-
background-color:
|
|
136
|
+
background-color: var(--bg-100);
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
.required-point {
|
|
141
|
-
color:
|
|
141
|
+
color: var(--error-main);
|
|
142
142
|
}
|
|
143
143
|
}
|
|
144
144
|
|