urfu-ui-kit-vanilla 1.0.44 → 1.0.46

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/main.css +36 -32
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "UrFU UI-Kit for Vanilla Web",
4
4
  "license": "UNLICENSED",
5
5
  "private": false,
6
- "version": "1.0.44",
6
+ "version": "1.0.46",
7
7
  "type": "module",
8
8
  "scripts": {
9
9
  "start": "vite",
package/src/main.css CHANGED
@@ -43,14 +43,14 @@ button {
43
43
  ::-webkit-scrollbar {
44
44
  background-color: transparent;
45
45
  width: 0.45vw;
46
- height: 1.5vh;
46
+ height: 1vh;
47
47
  }
48
48
  /* ползунок скроллбара */
49
49
  ::-webkit-scrollbar-thumb {
50
50
  background-color: #D3D3D3;
51
51
  border-radius: 10px;
52
52
  width: 0.45vw;
53
- height: 1.5vh;
53
+ height: 1vh;
54
54
  }
55
55
  ::-webkit-scrollbar-thumb:hover {
56
56
  background-color: #7A7A7A;
@@ -107,6 +107,11 @@ button {
107
107
  * {
108
108
  font-family: 'Montserrat';
109
109
  }
110
+ /*simple text*/
111
+ /*descriptor*/
112
+ /*table header*/
113
+ /*table text*/
114
+ /*button text*/
110
115
  .u-button {
111
116
  height: 48px;
112
117
  padding: 0 50px;
@@ -332,8 +337,7 @@ button {
332
337
  /* Internet Explorer 10-11 */
333
338
  color: #A7A7A7;
334
339
  }
335
- .u-input::-ms-input-placeholder {
336
- /* Microsoft Edge */
340
+ .u-input::placeholder {
337
341
  color: #A7A7A7;
338
342
  }
339
343
  .u-input[type="number"] {
@@ -463,6 +467,9 @@ button {
463
467
  .u-selectbox.u-selectbox-disabled .u-selectbox-select-icon-cross {
464
468
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");
465
469
  }
470
+ .u-selectbox.u-selectbox-disabled .u-selectbox-select-open ~ .u-selectbox-options {
471
+ display: none;
472
+ }
466
473
  .u-selectbox-select {
467
474
  cursor: pointer;
468
475
  height: 48px;
@@ -504,8 +511,7 @@ button {
504
511
  /* Internet Explorer 10-11 */
505
512
  color: #A7A7A7;
506
513
  }
507
- .u-selectbox-select::-ms-input-placeholder {
508
- /* Microsoft Edge */
514
+ .u-selectbox-select::placeholder {
509
515
  color: #A7A7A7;
510
516
  }
511
517
  .u-selectbox-select[type="number"] {
@@ -589,6 +595,9 @@ button {
589
595
  height: 12px;
590
596
  right: 20px;
591
597
  top: calc(50% - 7px);
598
+ transition-property: color, background-color, border-color, background-image;
599
+ transition-duration: 0.15s;
600
+ transition-timing-function: ease-in-out;
592
601
  }
593
602
  .u-selectbox-select-icon-cross {
594
603
  position: absolute;
@@ -632,8 +641,6 @@ button {
632
641
  background-color: #FFFFFF;
633
642
  border-bottom: 1px solid #CAD1E1;
634
643
  padding: 14px 16px;
635
- /*table text*/
636
- /*table text*/
637
644
  font-weight: 400;
638
645
  font-size: 14px;
639
646
  line-height: 20px;
@@ -653,6 +660,9 @@ button {
653
660
  .u-multiselectbox {
654
661
  position: relative;
655
662
  }
663
+ .u-multiselectbox:hover .u-multiselectbox-select {
664
+ border: 1px solid #748AB9;
665
+ }
656
666
  .u-multiselectbox.u-multiselectbox-disabled * {
657
667
  cursor: not-allowed;
658
668
  }
@@ -666,6 +676,9 @@ button {
666
676
  .u-multiselectbox.u-multiselectbox-disabled .u-multiselectbox-select-icon-cross {
667
677
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");
668
678
  }
679
+ .u-multiselectbox.u-multiselectbox-disabled .u-multiselectbox-select-open ~ .u-multiselectbox-options {
680
+ display: none;
681
+ }
669
682
  .u-multiselectbox-select {
670
683
  max-height: 132px;
671
684
  overflow: auto;
@@ -682,6 +695,7 @@ button {
682
695
  transition-duration: 0.15s;
683
696
  transition-timing-function: ease-in-out;
684
697
  border: 1px solid #D3D3D3;
698
+ line-height: 30px;
685
699
  position: relative;
686
700
  padding: 8px 16px 7px 16px;
687
701
  display: flex;
@@ -717,8 +731,7 @@ button {
717
731
  /* Internet Explorer 10-11 */
718
732
  color: #A7A7A7;
719
733
  }
720
- .u-multiselectbox-select::-ms-input-placeholder {
721
- /* Microsoft Edge */
734
+ .u-multiselectbox-select::placeholder {
722
735
  color: #A7A7A7;
723
736
  }
724
737
  .u-multiselectbox-select[type="number"] {
@@ -928,6 +941,9 @@ button {
928
941
  .u-multiselectbox-simple {
929
942
  position: relative;
930
943
  }
944
+ .u-multiselectbox-simple:hover .u-multiselectbox-simple-select {
945
+ border: 1px solid #748AB9;
946
+ }
931
947
  .u-multiselectbox-simple.u-multiselectbox-simple-disabled * {
932
948
  cursor: not-allowed;
933
949
  }
@@ -941,6 +957,9 @@ button {
941
957
  .u-multiselectbox-simple.u-multiselectbox-simple-disabled .u-multiselectbox-simple-select-icon-cross {
942
958
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");
943
959
  }
960
+ .u-multiselectbox-simple.u-multiselectbox-simple-disabled .u-multiselectbox-simple-select-open ~ .u-multiselectbox-simple-options {
961
+ display: none;
962
+ }
944
963
  .u-multiselectbox-simple-select {
945
964
  cursor: pointer;
946
965
  max-height: 132px;
@@ -993,8 +1012,7 @@ button {
993
1012
  /* Internet Explorer 10-11 */
994
1013
  color: #A7A7A7;
995
1014
  }
996
- .u-multiselectbox-simple-select::-ms-input-placeholder {
997
- /* Microsoft Edge */
1015
+ .u-multiselectbox-simple-select::placeholder {
998
1016
  color: #A7A7A7;
999
1017
  }
1000
1018
  .u-multiselectbox-simple-select[type="number"] {
@@ -1271,8 +1289,6 @@ button {
1271
1289
  -moz-animation: negative_rotate 3s linear infinite;
1272
1290
  }
1273
1291
  .u-file-title {
1274
- /*table text*/
1275
- /*table text*/
1276
1292
  font-weight: 400;
1277
1293
  font-size: 14px;
1278
1294
  line-height: 20px;
@@ -1282,8 +1298,6 @@ button {
1282
1298
  margin-bottom: 7px;
1283
1299
  }
1284
1300
  .u-file-title-loading {
1285
- /*simple text*/
1286
- /*simple text*/
1287
1301
  font-weight: 400;
1288
1302
  font-size: 16px;
1289
1303
  line-height: 22.4px;
@@ -1527,6 +1541,11 @@ button {
1527
1541
  width: 20px;
1528
1542
  height: 20px;
1529
1543
  }
1544
+ .u-calendar::placeholder {
1545
+ color: #A7A7A7;
1546
+ opacity: 1;
1547
+ /* Firefox */
1548
+ }
1530
1549
  .u-switch {
1531
1550
  cursor: pointer;
1532
1551
  display: flex;
@@ -1968,8 +1987,6 @@ button {
1968
1987
  .u-pagination__limits,
1969
1988
  .u-pagination__limit,
1970
1989
  .u-pagination__paginator {
1971
- /*table text*/
1972
- /*table text*/
1973
1990
  font-weight: 400;
1974
1991
  font-size: 14px;
1975
1992
  line-height: 20px;
@@ -2566,8 +2583,6 @@ button {
2566
2583
  height: 28px;
2567
2584
  width: 28px;
2568
2585
  color: #748AB9;
2569
- /*simple text*/
2570
- /*simple text*/
2571
2586
  font-weight: 400;
2572
2587
  font-size: 16px;
2573
2588
  line-height: 22.4px;
@@ -2581,8 +2596,6 @@ button {
2581
2596
  grid-row-gap: 10px;
2582
2597
  }
2583
2598
  .air-datepicker-cell {
2584
- /*simple text*/
2585
- /*simple text*/
2586
2599
  font-weight: 400;
2587
2600
  font-size: 16px;
2588
2601
  line-height: 22.4px;
@@ -3097,8 +3110,6 @@ button {
3097
3110
  display: flex;
3098
3111
  cursor: pointer;
3099
3112
  margin-top: 28px;
3100
- /*simple text*/
3101
- /*simple text*/
3102
3113
  font-weight: 400;
3103
3114
  font-size: 16px;
3104
3115
  line-height: 22.4px;
@@ -3222,8 +3233,6 @@ button {
3222
3233
  display: flex;
3223
3234
  cursor: pointer;
3224
3235
  margin-top: 28px;
3225
- /*simple text*/
3226
- /*simple text*/
3227
3236
  font-weight: 400;
3228
3237
  font-size: 16px;
3229
3238
  line-height: 22.4px;
@@ -3376,7 +3385,7 @@ button {
3376
3385
  cursor: pointer;
3377
3386
  visibility: hidden;
3378
3387
  opacity: 0;
3379
- z-index: 100;
3388
+ z-index: 112;
3380
3389
  border-radius: 50%;
3381
3390
  transition: 0.5s;
3382
3391
  background-color: #E7F2FF;
@@ -3555,31 +3564,26 @@ h5,
3555
3564
  line-height: 16.8px;
3556
3565
  }
3557
3566
  .st {
3558
- /*simple text*/
3559
3567
  font-weight: 400;
3560
3568
  font-size: 16px;
3561
3569
  line-height: 22.4px;
3562
3570
  }
3563
3571
  .ds {
3564
- /*descriptor*/
3565
3572
  font-weight: 600;
3566
3573
  font-size: 16px;
3567
3574
  line-height: 22.4px;
3568
3575
  }
3569
3576
  .th {
3570
- /*table header*/
3571
3577
  font-weight: 600;
3572
3578
  font-size: 14px;
3573
3579
  line-height: 20px;
3574
3580
  }
3575
3581
  .tt {
3576
- /*table text*/
3577
3582
  font-weight: 400;
3578
3583
  font-size: 14px;
3579
3584
  line-height: 20px;
3580
3585
  }
3581
3586
  .bt {
3582
- /*button text*/
3583
3587
  font-weight: 500;
3584
3588
  font-size: 13px;
3585
3589
  line-height: 15.6px;