urfu-ui-kit-vanilla 2.4.2 → 2.5.0

package/package.json

@@ -1,32 +1,32 @@
-{
-  "name": "urfu-ui-kit-vanilla",
-  "description": "UrFU UI-Kit for Vanilla Web",
-  "license": "UNLICENSED",
-  "version": "2.4.2",
-  "type": "module",
-  "scripts": {
-    "icons:build": "node scripts/generate-icons.mjs",
-    "start": "npm-run-all --parallel less:watch vite",
-    "build": "vite build",
-    "less:build": "lessc src/main.less src/main.css",
-    "less:watch": "chokidar \"src/**/*.less\" -c \"npx lessc src/main.less src/main.css\"",
-    "vite": "vite"
-  },
-  "devDependencies": {
-    "@types/node": "^18.15.11",
-    "@types/minimatch": "^5.1.2",
-    "chokidar-cli": "^3.0.0",
-    "less": "^4.1.3",
-    "npm-run-all": "^4.1.5",
-    "typescript": "^4.9.3",
-    "vite": "^4.2.0",
-    "webfont": "^9.0.0"
-  },
-  "files": [
-    "src/main.ts",
-    "src/main.d.ts",
-    "src/main.css",
-    "src/ui-icons.css",
-    "src/fonts/*"
-  ]
+{
+  "name": "urfu-ui-kit-vanilla",
+  "description": "UrFU UI-Kit for Vanilla Web",
+  "license": "UNLICENSED",
+  "version": "2.5.0",
+  "type": "module",
+  "scripts": {
+    "icons:build": "node scripts/generate-icons.mjs",
+    "start": "npm-run-all --parallel less:watch vite",
+    "build": "vite build",
+    "less:build": "lessc src/main.less src/main.css",
+    "less:watch": "chokidar \"src/**/*.less\" -c \"npx lessc src/main.less src/main.css\"",
+    "vite": "vite"
+  },
+  "devDependencies": {
+    "@types/node": "^18.15.11",
+    "@types/minimatch": "^5.1.2",
+    "chokidar-cli": "^3.0.0",
+    "less": "^4.1.3",
+    "npm-run-all": "^4.1.5",
+    "typescript": "^4.9.3",
+    "vite": "^4.2.0",
+    "webfont": "^9.0.0"
+  },
+  "files": [
+    "src/main.ts",
+    "src/main.d.ts",
+    "src/main.css",
+    "src/ui-icons.css",
+    "src/fonts/*"
+  ]
 }

package/src/main.css

@@ -211,7 +211,7 @@ button {
   background-color: #0F2B5E;
 }
 .u-button:disabled {
-  cursor: not-allowed;
+  cursor: default;
   background-color: #9FAECD;
 }
 .u-button .u-icon {
@@ -233,7 +233,7 @@ button {
   border: 2px solid #0F2B5E;
 }
 .u-button-outline:disabled {
-  cursor: not-allowed;
+  cursor: default;
   background-color: #9FAECD;
   color: #FFFFFF;
   border: 2px solid #9FAECD;
@@ -247,7 +247,7 @@ button {
   background-color: #C0231F;
 }
 .u-button-danger:disabled {
-  cursor: not-allowed;
+  cursor: default;
   background-color: #F58380;
 }
 .u-button-danger-outline {
@@ -262,7 +262,7 @@ button {
   border: 2px solid #C0231F;
 }
 .u-button-danger-outline:disabled {
-  cursor: not-allowed;
+  cursor: default;
   background-color: #F58380;
   color: #FFFFFF;
   border: 2px solid #F58380;
@@ -279,7 +279,7 @@ button {
   color: #222222;
 }
 .u-button-simple:disabled {
-  cursor: not-allowed;
+  cursor: default;
   border: 2px solid #E9E9E9;
   background-color: #E9E9E9;
   color: #545454;
@@ -298,7 +298,7 @@ button {
   color: #1E4391;
 }
 .u-button-icon:disabled {
-  cursor: not-allowed;
+  cursor: default;
   border: 1px solid #D3D3D3;
   background-color: #FFFFFF;
   color: #D3D3D3;
@@ -365,7 +365,7 @@ button {
   color: #0F2B5E;
 }
 .u-button-text:disabled {
-  cursor: not-allowed;
+  cursor: default;
   color: #9FAECD;
 }
 .u-button-text .u-icon {
@@ -392,7 +392,7 @@ button {
   color: #0F2B5E;
 }
 .u-button-text-table:disabled {
-  cursor: not-allowed;
+  cursor: default;
   color: #CAD1E1;
 }
 .u-button-text-danger {
@@ -403,7 +403,7 @@ button {
   color: #B62C48;
 }
 .u-button-text-danger:disabled {
-  cursor: not-allowed;
+  cursor: default;
   color: #D995A2;
 }
 .u-button-text-danger-table {
@@ -415,7 +415,7 @@ button {
   color: #E54B6A;
 }
 .u-button-text-danger-table:disabled {
-  cursor: not-allowed;
+  cursor: default;
   color: #FE514D1F;
 }
 .u-input {
@@ -443,7 +443,7 @@ button {
 }
 .u-input:disabled,
 .u-input.disabled {
-  cursor: not-allowed;
+  cursor: default;
   border: none;
   background-color: #F6F6F6;
 }
@@ -550,7 +550,7 @@ button {
 }
 .u-textarea:disabled,
 .u-textarea.disabled {
-  cursor: not-allowed;
+  cursor: default;
   border: none;
   background-color: #F6F6F6;
 }
@@ -665,7 +665,7 @@ button {
   position: relative;
 }
 .u-selectbox.u-selectbox-disabled * {
-  cursor: not-allowed;
+  cursor: default;
 }
 .u-selectbox.u-selectbox-disabled .u-selectbox-select {
   border: none;
@@ -707,7 +707,7 @@ button {
 }
 .u-selectbox-select:disabled,
 .u-selectbox-select.disabled {
-  cursor: not-allowed;
+  cursor: default;
   border: none;
   background-color: #F6F6F6;
 }
@@ -877,7 +877,7 @@ button {
   border: 1px solid #748AB9;
 }
 .u-multiselectbox.u-multiselectbox-disabled * {
-  cursor: not-allowed;
+  cursor: default;
 }
 .u-multiselectbox.u-multiselectbox-disabled .u-multiselectbox-select {
   border: 1px solid #F6F6F6;
@@ -948,7 +948,7 @@ button {
 }
 .u-multiselectbox-select:disabled,
 .u-multiselectbox-select.disabled {
-  cursor: not-allowed;
+  cursor: default;
   border: none;
   background-color: #F6F6F6;
 }
@@ -1159,7 +1159,7 @@ button {
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='%231E4391' stroke='%23174496'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3478 4C12.1701 3.9993 11.9926 4.07723 11.8626 4.23169L7.03896 9.96824L4.09412 7.0596C3.82512 6.79422 3.41063 6.81809 3.16843 7.11295C2.92614 7.40781 2.94782 7.86275 3.21692 8.12813L6.5806 11.4504C6.87819 11.7443 7.36472 11.7162 7.62643 11.3899V11.3899L8.01435 10.9315L12.8264 5.20614C13.0718 4.91409 13.055 4.45985 12.7889 4.19026C12.6637 4.06389 12.5056 4.00071 12.3478 4Z' fill='white'/%3E%3C/svg%3E ");
 }
 .u-multiselectbox-option-checkbox input:disabled + div {
-  cursor: not-allowed;
+  cursor: default;
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='%23F6F6F6' stroke='%23D3D3D3'/%3E%3C/svg%3E ");
 }
 .u-multiselectbox-option-checkbox input:disabled:checked + div {
@@ -1189,7 +1189,7 @@ button {
   border: 1px solid #748AB9;
 }
 .u-multiselectbox-simple.u-multiselectbox-simple-disabled * {
-  cursor: not-allowed;
+  cursor: default;
 }
 .u-multiselectbox-simple.u-multiselectbox-simple-disabled .u-multiselectbox-simple-select {
   border: none;
@@ -1239,7 +1239,7 @@ button {
 }
 .u-multiselectbox-simple-select:disabled,
 .u-multiselectbox-simple-select.disabled {
-  cursor: not-allowed;
+  cursor: default;
   border: none;
   background-color: #F6F6F6;
 }
@@ -1405,7 +1405,7 @@ button {
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='%231E4391' stroke='%23174496'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3478 4C12.1701 3.9993 11.9926 4.07723 11.8626 4.23169L7.03896 9.96824L4.09412 7.0596C3.82512 6.79422 3.41063 6.81809 3.16843 7.11295C2.92614 7.40781 2.94782 7.86275 3.21692 8.12813L6.5806 11.4504C6.87819 11.7443 7.36472 11.7162 7.62643 11.3899V11.3899L8.01435 10.9315L12.8264 5.20614C13.0718 4.91409 13.055 4.45985 12.7889 4.19026C12.6637 4.06389 12.5056 4.00071 12.3478 4Z' fill='white'/%3E%3C/svg%3E ");
 }
 .u-multiselectbox-simple-option-checkbox input:disabled + div {
-  cursor: not-allowed;
+  cursor: default;
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='%23F6F6F6' stroke='%23D3D3D3'/%3E%3C/svg%3E ");
 }
 .u-multiselectbox-simple-option-checkbox input:disabled:checked + div {
@@ -1688,7 +1688,7 @@ button {
 }
 .u-expand-input:disabled,
 .u-expand-input.disabled {
-  cursor: not-allowed;
+  cursor: default;
   border: none;
   background-color: #F6F6F6;
 }
@@ -1742,7 +1742,7 @@ button {
 }
 .u-expand-input-required:disabled,
 .u-expand-input-required.disabled {
-  cursor: not-allowed;
+  cursor: default;
   border: none;
   background-color: #F6F6F6;
 }
@@ -1796,7 +1796,7 @@ button {
 }
 .u-calendar:disabled,
 .u-calendar.disabled {
-  cursor: not-allowed;
+  cursor: default;
   border: none;
   background-color: #F6F6F6;
 }
@@ -1823,7 +1823,7 @@ button {
   left: calc(100% - 23.2px);
 }
 .u-switch input:disabled + .u-switch__point {
-  cursor: not-allowed;
+  cursor: default;
   border-color: #D3D3D3;
   background-color: #F9F9F9;
 }
@@ -1831,7 +1831,7 @@ button {
   background-color: #A7A7A7;
 }
 .u-switch input:disabled:hover + .u-switch__point {
-  cursor: not-allowed;
+  cursor: default;
   border-color: #D3D3D3;
   background-color: #F9F9F9;
 }
@@ -1907,7 +1907,7 @@ button {
   left: calc(100% - 26px);
 }
 .u-switch-gradient input:disabled + .u-switch-gradient__point {
-  cursor: not-allowed;
+  cursor: default;
   background-image: linear-gradient(0, #D3D3D3 100%, #D3D3D3 100%, #D3D3D3 100%);
 }
 .u-switch-gradient input:checked + .u-switch-gradient__point {
@@ -1916,7 +1916,7 @@ button {
   animation-duration: 0.2s;
 }
 .u-switch-gradient input:checked:disabled + .u-switch-gradient__point {
-  cursor: not-allowed;
+  cursor: default;
   background-image: linear-gradient(0, #D3D3D3 100%, #D3D3D3 100%, #D3D3D3 100%);
 }
 .u-switch-gradient__point {
@@ -2001,7 +2001,7 @@ button {
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%231E4391'/%3E%3Crect x='4' y='4' width='8' height='8' rx='4' fill='%231E4391'/%3E%3C/svg%3E%0A");
 }
 .u-radio input:disabled + div.u-radio-input {
-  cursor: not-allowed;
+  cursor: default;
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23F6F6F6' stroke='%23D3D3D3'/%3E%3C/svg%3E%0A");
 }
 .u-radio input:disabled:checked + div.u-radio-input {
@@ -2034,7 +2034,7 @@ button {
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='%231E4391' stroke='%23174496'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3478 4C12.1701 3.9993 11.9926 4.07723 11.8626 4.23169L7.03896 9.96824L4.09412 7.0596C3.82512 6.79422 3.41063 6.81809 3.16843 7.11295C2.92614 7.40781 2.94782 7.86275 3.21692 8.12813L6.5806 11.4504C6.87819 11.7443 7.36472 11.7162 7.62643 11.3899V11.3899L8.01435 10.9315L12.8264 5.20614C13.0718 4.91409 13.055 4.45985 12.7889 4.19026C12.6637 4.06389 12.5056 4.00071 12.3478 4Z' fill='white'/%3E%3C/svg%3E ");
 }
 .u-checkbox input:disabled + div.u-checkbox-input {
-  cursor: not-allowed;
+  cursor: default;
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='%23F6F6F6' stroke='%23D3D3D3'/%3E%3C/svg%3E ");
 }
 .u-checkbox input:disabled:checked + div.u-checkbox-input {
@@ -2401,11 +2401,11 @@ button {
   background-position: center;
 }
 .u-pagination .u-paginator__arrow-btn-right_inactive {
-  cursor: not-allowed;
+  cursor: default;
   background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.29289 11.7071C0.902369 11.3166 0.902369 10.6834 1.29289 10.2929L5.58579 5.99999L1.29289 1.70711C0.902369 1.31658 0.902368 0.683418 1.29289 0.292894C1.68342 -0.0976305 2.31658 -0.0976315 2.70711 0.292892L7.70711 5.29288C7.89464 5.48042 8 5.73477 8 5.99999C8 6.26521 7.89464 6.51956 7.70711 6.7071L2.70711 11.7071C2.31658 12.0976 1.68342 12.0976 1.29289 11.7071Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");
 }
 .u-pagination .u-paginator__arrow-btn_inactive {
-  cursor: not-allowed;
+  cursor: default;
   background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.70711 11.7071C7.09763 11.3166 7.09763 10.6834 6.70711 10.2929L2.41421 5.99999L6.70711 1.70711C7.09763 1.31658 7.09763 0.683418 6.70711 0.292894C6.31658 -0.0976305 5.68342 -0.0976315 5.29289 0.292892L0.292894 5.29288C0.105357 5.48042 7.50699e-07 5.73477 2.62269e-07 5.99999C-2.26161e-07 6.26521 0.105356 6.51956 0.292893 6.7071L5.29289 11.7071C5.68342 12.0976 6.31658 12.0976 6.70711 11.7071Z' fill='%23A7A7A7'/%3E%3C/svg%3E%0A");
 }
 .u-pagination .u-paginator__pages {
@@ -2893,7 +2893,7 @@ button {
 }
 .u-table.thead-fixed {
   height: 100%;
-  max-height: calc(100vh - 100px);
+  max-height: calc(100% - 100px);
   overflow-y: auto;
 }
 .u-table.thead-fixed table thead {
@@ -3562,7 +3562,7 @@ button {
 .u-menu-list {
   overflow-y: auto;
   overflow-x: hidden;
-  max-height: 100vh;
+  max-height: 100%;
 }
 .u-menu-list-item {
   display: flex;
@@ -3674,16 +3674,16 @@ button {
 }
 .u-collapsible-menu-body {
   max-width: 268px;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
   background-color: #F9F9F9;
   box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.1);
   -webkit-transition: max-width 0.2s ease-in-out;
   transition: max-width 0.2s ease-in-out;
 }
 .u-collapsible-menu-list {
-  overflow-y: auto;
-  overflow-x: hidden;
-  max-height: 100vh;
+  overflow: hidden;
+  max-height: 100%;
 }
 .u-collapsible-menu-list-item {
   display: flex;