urfu-ui-kit-vanilla 1.0.45 → 1.0.46

package/package.json

@@ -3,7 +3,7 @@
   "description": "UrFU UI-Kit for Vanilla Web",
   "license": "UNLICENSED",
   "private": false,
-  "version": "1.0.45",
+  "version": "1.0.46",
   "type": "module",
   "scripts": {
     "start": "vite",

package/src/main.css

@@ -43,14 +43,14 @@ button {
 ::-webkit-scrollbar {
   background-color: transparent;
   width: 0.45vw;
-  height: 1.5vh;
+  height: 1vh;
 }
 /* ползунок скроллбара */
 ::-webkit-scrollbar-thumb {
   background-color: #D3D3D3;
   border-radius: 10px;
   width: 0.45vw;
-  height: 1.5vh;
+  height: 1vh;
 }
 ::-webkit-scrollbar-thumb:hover {
   background-color: #7A7A7A;
@@ -107,6 +107,11 @@ button {
 * {
   font-family: 'Montserrat';
 }
+/*simple text*/
+/*descriptor*/
+/*table header*/
+/*table text*/
+/*button text*/
 .u-button {
   height: 48px;
   padding: 0 50px;
@@ -332,8 +337,7 @@ button {
   /* Internet Explorer 10-11 */
   color: #A7A7A7;
 }
-.u-input::-ms-input-placeholder {
-  /* Microsoft Edge */
+.u-input::placeholder {
   color: #A7A7A7;
 }
 .u-input[type="number"] {
@@ -507,8 +511,7 @@ button {
   /* Internet Explorer 10-11 */
   color: #A7A7A7;
 }
-.u-selectbox-select::-ms-input-placeholder {
-  /* Microsoft Edge */
+.u-selectbox-select::placeholder {
   color: #A7A7A7;
 }
 .u-selectbox-select[type="number"] {
@@ -592,6 +595,9 @@ button {
   height: 12px;
   right: 20px;
   top: calc(50% - 7px);
+  transition-property: color, background-color, border-color, background-image;
+  transition-duration: 0.15s;
+  transition-timing-function: ease-in-out;
 }
 .u-selectbox-select-icon-cross {
   position: absolute;
@@ -635,8 +641,6 @@ button {
   background-color: #FFFFFF;
   border-bottom: 1px solid #CAD1E1;
   padding: 14px 16px;
-  /*table text*/
-  /*table text*/
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
@@ -656,6 +660,9 @@ button {
 .u-multiselectbox {
   position: relative;
 }
+.u-multiselectbox:hover .u-multiselectbox-select {
+  border: 1px solid #748AB9;
+}
 .u-multiselectbox.u-multiselectbox-disabled * {
   cursor: not-allowed;
 }
@@ -688,6 +695,7 @@ button {
   transition-duration: 0.15s;
   transition-timing-function: ease-in-out;
   border: 1px solid #D3D3D3;
+  line-height: 30px;
   position: relative;
   padding: 8px 16px 7px 16px;
   display: flex;
@@ -723,8 +731,7 @@ button {
   /* Internet Explorer 10-11 */
   color: #A7A7A7;
 }
-.u-multiselectbox-select::-ms-input-placeholder {
-  /* Microsoft Edge */
+.u-multiselectbox-select::placeholder {
   color: #A7A7A7;
 }
 .u-multiselectbox-select[type="number"] {
@@ -934,6 +941,9 @@ button {
 .u-multiselectbox-simple {
   position: relative;
 }
+.u-multiselectbox-simple:hover .u-multiselectbox-simple-select {
+  border: 1px solid #748AB9;
+}
 .u-multiselectbox-simple.u-multiselectbox-simple-disabled * {
   cursor: not-allowed;
 }
@@ -1002,8 +1012,7 @@ button {
   /* Internet Explorer 10-11 */
   color: #A7A7A7;
 }
-.u-multiselectbox-simple-select::-ms-input-placeholder {
-  /* Microsoft Edge */
+.u-multiselectbox-simple-select::placeholder {
   color: #A7A7A7;
 }
 .u-multiselectbox-simple-select[type="number"] {
@@ -1280,8 +1289,6 @@ button {
   -moz-animation: negative_rotate 3s linear infinite;
 }
 .u-file-title {
-  /*table text*/
-  /*table text*/
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
@@ -1291,8 +1298,6 @@ button {
   margin-bottom: 7px;
 }
 .u-file-title-loading {
-  /*simple text*/
-  /*simple text*/
   font-weight: 400;
   font-size: 16px;
   line-height: 22.4px;
@@ -1536,6 +1541,11 @@ button {
   width: 20px;
   height: 20px;
 }
+.u-calendar::placeholder {
+  color: #A7A7A7;
+  opacity: 1;
+  /* Firefox */
+}
 .u-switch {
   cursor: pointer;
   display: flex;
@@ -1977,8 +1987,6 @@ button {
 .u-pagination__limits,
 .u-pagination__limit,
 .u-pagination__paginator {
-  /*table text*/
-  /*table text*/
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
@@ -2575,8 +2583,6 @@ button {
   height: 28px;
   width: 28px;
   color: #748AB9;
-  /*simple text*/
-  /*simple text*/
   font-weight: 400;
   font-size: 16px;
   line-height: 22.4px;
@@ -2590,8 +2596,6 @@ button {
   grid-row-gap: 10px;
 }
 .air-datepicker-cell {
-  /*simple text*/
-  /*simple text*/
   font-weight: 400;
   font-size: 16px;
   line-height: 22.4px;
@@ -3106,8 +3110,6 @@ button {
   display: flex;
   cursor: pointer;
   margin-top: 28px;
-  /*simple text*/
-  /*simple text*/
   font-weight: 400;
   font-size: 16px;
   line-height: 22.4px;
@@ -3231,8 +3233,6 @@ button {
   display: flex;
   cursor: pointer;
   margin-top: 28px;
-  /*simple text*/
-  /*simple text*/
   font-weight: 400;
   font-size: 16px;
   line-height: 22.4px;
@@ -3385,7 +3385,7 @@ button {
   cursor: pointer;
   visibility: hidden;
   opacity: 0;
-  z-index: 100;
+  z-index: 112;
   border-radius: 50%;
   transition: 0.5s;
   background-color: #E7F2FF;
@@ -3564,31 +3564,26 @@ h5,
   line-height: 16.8px;
 }
 .st {
-  /*simple text*/
   font-weight: 400;
   font-size: 16px;
   line-height: 22.4px;
 }
 .ds {
-  /*descriptor*/
   font-weight: 600;
   font-size: 16px;
   line-height: 22.4px;
 }
 .th {
-  /*table header*/
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
 }
 .tt {
-  /*table text*/
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
 }
 .bt {
-  /*button text*/
   font-weight: 500;
   font-size: 13px;
   line-height: 15.6px;