benivo-ui-library 1.8.89 → 1.8.90

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 (14) hide show
  1. package/arrowButton.less +2 -2
  2. package/asideSummaryCardSection.less +2 -2
  3. package/assignmentSelectBox.less +6 -6
  4. package/autoComplete.less +4 -4
  5. package/button.less +3 -3
  6. package/data-table.less +9 -9
  7. package/datePicker.less +6 -6
  8. package/expander.less +1 -1
  9. package/navigation.less +4 -4
  10. package/package.json +1 -1
  11. package/select.less +1 -1
  12. package/sidebarMenu.less +1 -1
  13. package/tabGroup.less +2 -2
  14. package/table-sort.less +1 -1
package/arrowButton.less CHANGED
@@ -59,7 +59,7 @@
59
59
  display: block;
60
60
 
61
61
  &:before {
62
- color: var(--text-400);
62
+ color: var(--text-600);
63
63
  }
64
64
  }
65
65
 
@@ -69,7 +69,7 @@
69
69
  span {
70
70
 
71
71
  &:before {
72
- color: var(--text-400);
72
+ color: var(--text-600);
73
73
  }
74
74
  }
75
75
  }
package/asideSummaryCardSection.less CHANGED
@@ -17,7 +17,7 @@
17
17
 
18
18
  &__label {
19
19
  display: inline-block;
20
- color: var(--text-400);
20
+ color: var(--text-600);
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: var(--text-400);
34
+ color: var(--text-600);
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:var(--text-400);
13
+ color:var(--text-600);
14
14
  }
15
15
 
16
16
  .location-divider {
17
- color:var(--text-400);
17
+ color:var(--text-600);
18
18
  }
19
19
 
20
20
  .assignment-host-location {
@@ -24,7 +24,7 @@
24
24
 
25
25
  &-dates {
26
26
  font-size: @extra-small-font-size;
27
- color: var(--text-400);
27
+ color: var(--text-600);
28
28
  }
29
29
 
30
30
  .assignment-cancel a {
@@ -39,14 +39,14 @@
39
39
 
40
40
  &-memberId {
41
41
  font-size: @extra-small-font-size;
42
- color: var(--text-400);
42
+ color: var(--text-600);
43
43
  }
44
44
  }
45
45
 
46
46
  .form-select__value-container,
47
47
  .assignment-single-option {
48
48
  .assignment-option-dates {
49
- color:var(--text-400);
49
+ color:var(--text-600);
50
50
  }
51
51
  }
52
52
 
@@ -100,7 +100,7 @@
100
100
  &:before {
101
101
  content: '\ed43';
102
102
  font-family: 'icomoon';
103
- color:var(--text-400);
103
+ color:var(--text-600);
104
104
  display: block;
105
105
  position: absolute;
106
106
  top: 50%;
package/autoComplete.less CHANGED
@@ -23,7 +23,7 @@
23
23
  .suggestion-item--active {
24
24
  cursor: pointer;
25
25
  background: rgba(var(--black-rgb), 0.1);
26
- color: var(--text-400);
26
+ color: var(--text-600);
27
27
  padding: 0.5rem 1.25rem;
28
28
  border: solid 1px var(--border-200);
29
29
  border-bottom: 0;
@@ -36,7 +36,7 @@
36
36
  &:before {
37
37
  font-family: icomoon;
38
38
  content: "\e936";
39
- color: var(--text-400);
39
+ color: var(--text-600);
40
40
  margin-right: 10px;
41
41
  vertical-align: -2px;
42
42
  }
@@ -54,7 +54,7 @@
54
54
  .suggestion-item {
55
55
  cursor: pointer;
56
56
  background-color: var(--white);
57
- color: var(--text-400);
57
+ color: var(--text-600);
58
58
  padding: 0.5rem 1.25rem;
59
59
  border: solid 1px var(--border-200);
60
60
  border-bottom: 0;
@@ -67,7 +67,7 @@
67
67
  &:before {
68
68
  font-family: icomoon;
69
69
  content: "\e936";
70
- color: var(--text-400);
70
+ color: var(--text-600);
71
71
  margin-right: 10px;
72
72
  vertical-align: -2px;
73
73
  }
package/button.less CHANGED
@@ -189,7 +189,7 @@
189
189
  font-weight: @font-weight-medium;
190
190
  min-width: 160px;
191
191
  margin-right: 1.5rem;
192
- color: var(--text-400);
192
+ color: var(--text-600);
193
193
  .border-radius(4px) !important;
194
194
  }
195
195
 
@@ -204,7 +204,7 @@
204
204
  font-weight: @font-weight-medium;
205
205
  min-width: 160px;
206
206
  margin-right: 1.5rem;
207
- color: var(--text-400) !important;
207
+ color: var(--text-600) !important;
208
208
  .border-radius(4px) !important;
209
209
 
210
210
  &:before {
@@ -231,7 +231,7 @@
231
231
  }
232
232
 
233
233
  &:hover {
234
- color: var(--text-400) !important;
234
+ color: var(--text-600) !important;
235
235
  background-color: var(--bg-50);
236
236
  background-image: linear-gradient(to top, var(--bg-50), var(--bg-50));
237
237
  }
package/data-table.less CHANGED
@@ -239,7 +239,7 @@
239
239
  }
240
240
 
241
241
  &.employee-cell {
242
- color: var(--text-400);
242
+ color: var(--text-600);
243
243
 
244
244
  &.cell-top {
245
245
  vertical-align: top;
@@ -306,7 +306,7 @@
306
306
  &:first-child {
307
307
  border-top-left-radius: @table-row-radius;
308
308
  border-bottom-left-radius: @table-row-radius;
309
- color: var(--text-400);
309
+ color: var(--text-600);
310
310
  padding-left: 10px;
311
311
  padding-right: 2px;
312
312
 
@@ -367,7 +367,7 @@
367
367
 
368
368
  .icon {
369
369
  &:before {
370
- color: var(--text-400);
370
+ color: var(--text-600);
371
371
  width: 15px;
372
372
  }
373
373
  }
@@ -458,13 +458,13 @@
458
458
  }
459
459
 
460
460
  .tooltip {
461
- color: var(--text-400);
461
+ color: var(--text-600);
462
462
 
463
463
  p {
464
464
  margin-bottom: 0;
465
465
 
466
466
  &:last-child {
467
- color: var(--text-400);
467
+ color: var(--text-600);
468
468
  margin-top: 3px;
469
469
  }
470
470
 
@@ -478,11 +478,11 @@
478
478
 
479
479
  &.is-new {
480
480
  background-color: var(--bg-50);
481
- color: var(--text-400);
481
+ color: var(--text-600);
482
482
 
483
483
  td {
484
484
  background-color: var(--bg-50);
485
- color: var(--text-400);
485
+ color: var(--text-600);
486
486
 
487
487
  &.id-cell {
488
488
  min-height: 52px;
@@ -518,11 +518,11 @@
518
518
 
519
519
  &.is-disabled {
520
520
  background-color: var(--white);
521
- color: var(--text-400);
521
+ color: var(--text-600);
522
522
 
523
523
  td {
524
524
  background-color: var(--white);
525
- color: var(--text-400);
525
+ color: var(--text-600);
526
526
  }
527
527
  }
528
528
  }
package/datePicker.less CHANGED
@@ -97,7 +97,7 @@
97
97
  font-family: @calendarFont;
98
98
  font-weight: @calendarFontWeight;
99
99
  font-size: @calendarFontSize;
100
- color: var(--text-400);
100
+ color: var(--text-600);
101
101
  min-width: 280px;
102
102
  width: 300px;
103
103
  min-height: 298px;
@@ -141,7 +141,7 @@
141
141
 
142
142
  .react-datepicker__header {
143
143
  background-color: var(--white);
144
- color: var(--text-400);
144
+ color: var(--text-600);
145
145
  padding-top: 13px;
146
146
  border-bottom: none;
147
147
 
@@ -149,7 +149,7 @@
149
149
  font-size: @calendarHeaderFontSize;
150
150
  line-height: 1.5;
151
151
  margin-bottom: 12px;
152
- color: var(--text-400);
152
+ color: var(--text-600);
153
153
  }
154
154
 
155
155
  .react-datepicker__day-names {
@@ -210,7 +210,7 @@
210
210
  }
211
211
 
212
212
  .custom-arrow-prev {
213
- border-right-color: var(--text-400);
213
+ border-right-color: var(--text-600);
214
214
 
215
215
  &:hover {
216
216
  border-right-color: var(--primary);
@@ -218,7 +218,7 @@
218
218
  }
219
219
 
220
220
  .custom-arrow-next {
221
- border-left-color: var(--text-400);
221
+ border-left-color: var(--text-600);
222
222
 
223
223
  &:hover {
224
224
  border-left-color: var(--primary);
@@ -236,7 +236,7 @@
236
236
  height: 28px;
237
237
  line-height: 27px;
238
238
  margin: 4px 5px 6px;
239
- color: var(--text-400);
239
+ color: var(--text-600);
240
240
  font-weight: @calendarDayFontWeight;
241
241
  border: @calendarDayBorder;
242
242
  .border-radius(@calendarDayBrdRadius);
package/expander.less CHANGED
@@ -42,7 +42,7 @@
42
42
  background-color: rgba(var(--black-rgb), 0.53);
43
43
 
44
44
  .icon:before {
45
- color: var(--text-400);
45
+ color: var(--text-600);
46
46
  }
47
47
  }
48
48
  }
package/navigation.less CHANGED
@@ -52,7 +52,7 @@
52
52
  }
53
53
 
54
54
  &>a {
55
- color: var(--text-400);
55
+ color: var(--text-600);
56
56
  text-transform: @nav-text-transform;
57
57
  font-family: @nav-font-family;
58
58
  font-weight: @nav-font-weight;
@@ -73,7 +73,7 @@
73
73
  }
74
74
 
75
75
  &.active {
76
- color: var(--text-400);
76
+ color: var(--text-600);
77
77
 
78
78
  @media @lg {
79
79
  &:after {
@@ -127,7 +127,7 @@
127
127
  a {
128
128
  display: flex;
129
129
  align-items: center;
130
- color: var(--text-400);
130
+ color: var(--text-600);
131
131
 
132
132
  .img-icon {
133
133
  width: 18px;
@@ -170,7 +170,7 @@
170
170
  padding: 1.5rem 1.2rem 0 1.7rem;
171
171
 
172
172
  a {
173
- color: var(--text-400);
173
+ color: var(--text-600);
174
174
  }
175
175
  }
176
176
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "benivo-ui-library",
3
- "version": "1.8.89",
3
+ "version": "1.8.90",
4
4
  "description": "Benivo UI library",
5
5
  "main": "index.js",
6
6
  "license": "MIT",
package/select.less CHANGED
@@ -93,7 +93,7 @@
93
93
  }
94
94
 
95
95
  .form-select__option {
96
- color: var(--text-400);
96
+ color: var(--text-600);
97
97
  cursor: pointer;
98
98
  font-size: @form-font-size;
99
99
  padding: 13px 12px;
package/sidebarMenu.less CHANGED
@@ -31,7 +31,7 @@
31
31
  font-size: @font-size-sm;
32
32
  font-weight: 500;
33
33
  line-height: 11px;
34
- color: var(--text-400);
34
+ color: var(--text-600);
35
35
  position: relative;
36
36
  cursor: pointer;
37
37
 
package/tabGroup.less CHANGED
@@ -43,7 +43,7 @@
43
43
  flex-basis: 33.3333%;
44
44
  flex-grow: 0;
45
45
  font-size: @small-font-size;
46
- color: var(--text-400);
46
+ color: var(--text-600);
47
47
  cursor: pointer;
48
48
  position: relative;
49
49
 
@@ -55,7 +55,7 @@
55
55
  &-active {
56
56
  border-bottom: solid 4px var(--primary);
57
57
  font-weight: @font-weight-medium;
58
- color: var(--text-400);
58
+ color: var(--text-600);
59
59
  }
60
60
  }
61
61
  }
package/table-sort.less CHANGED
@@ -25,7 +25,7 @@
25
25
  display: block;
26
26
  height: 5px;
27
27
  font-size: 12px;
28
- color: color-mix(in srgb, white 20%, var(--text-400));
28
+ color: color-mix(in srgb, white 20%, var(--text-600));
29
29
  }
30
30
 
31
31
  &.active-asc {