urfu-ui-kit-vanilla 1.0.43 → 1.0.45

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 +2 -2
  2. package/src/main.css +48 -0
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.43",
6
+ "version": "1.0.45",
7
7
  "type": "module",
8
8
  "scripts": {
9
9
  "start": "vite",
@@ -17,7 +17,7 @@
17
17
  "vite": "^4.2.0"
18
18
  },
19
19
  "dependencies": {
20
- "air-datepicker": "^3.3.5",
20
+ "air-datepicker": "^3.4.0",
21
21
  "chart.js": "^4.4.0"
22
22
  },
23
23
  "files": [
package/src/main.css CHANGED
@@ -450,6 +450,22 @@ button {
450
450
  .u-selectbox {
451
451
  position: relative;
452
452
  }
453
+ .u-selectbox.u-selectbox-disabled * {
454
+ cursor: not-allowed;
455
+ }
456
+ .u-selectbox.u-selectbox-disabled .u-selectbox-select {
457
+ border: none;
458
+ background-color: #F6F6F6;
459
+ }
460
+ .u-selectbox.u-selectbox-disabled .u-selectbox-select-icon-arrow {
461
+ 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='M0.292892 4.29289C0.683416 3.90237 1.31658 3.90237 1.70711 4.29289L6.00001 8.58579L10.2929 4.29289C10.6834 3.90237 11.3166 3.90237 11.7071 4.29289C12.0976 4.68342 12.0976 5.31658 11.7071 5.70711L6.70712 10.7071C6.51958 10.8946 6.26523 11 6.00001 11C5.73479 11 5.48044 10.8946 5.2929 10.7071L0.292894 5.70711C-0.0976308 5.31658 -0.0976314 4.68342 0.292892 4.29289Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");
462
+ }
463
+ .u-selectbox.u-selectbox-disabled .u-selectbox-select-icon-cross {
464
+ 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
+ }
466
+ .u-selectbox.u-selectbox-disabled .u-selectbox-select-open ~ .u-selectbox-options {
467
+ display: none;
468
+ }
453
469
  .u-selectbox-select {
454
470
  cursor: pointer;
455
471
  height: 48px;
@@ -640,6 +656,22 @@ button {
640
656
  .u-multiselectbox {
641
657
  position: relative;
642
658
  }
659
+ .u-multiselectbox.u-multiselectbox-disabled * {
660
+ cursor: not-allowed;
661
+ }
662
+ .u-multiselectbox.u-multiselectbox-disabled .u-multiselectbox-select {
663
+ border: none;
664
+ background-color: #F6F6F6;
665
+ }
666
+ .u-multiselectbox.u-multiselectbox-disabled .u-multiselectbox-select-icon-arrow {
667
+ 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='M0.292892 4.29289C0.683416 3.90237 1.31658 3.90237 1.70711 4.29289L6.00001 8.58579L10.2929 4.29289C10.6834 3.90237 11.3166 3.90237 11.7071 4.29289C12.0976 4.68342 12.0976 5.31658 11.7071 5.70711L6.70712 10.7071C6.51958 10.8946 6.26523 11 6.00001 11C5.73479 11 5.48044 10.8946 5.2929 10.7071L0.292894 5.70711C-0.0976308 5.31658 -0.0976314 4.68342 0.292892 4.29289Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");
668
+ }
669
+ .u-multiselectbox.u-multiselectbox-disabled .u-multiselectbox-select-icon-cross {
670
+ 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 ");
671
+ }
672
+ .u-multiselectbox.u-multiselectbox-disabled .u-multiselectbox-select-open ~ .u-multiselectbox-options {
673
+ display: none;
674
+ }
643
675
  .u-multiselectbox-select {
644
676
  max-height: 132px;
645
677
  overflow: auto;
@@ -902,6 +934,22 @@ button {
902
934
  .u-multiselectbox-simple {
903
935
  position: relative;
904
936
  }
937
+ .u-multiselectbox-simple.u-multiselectbox-simple-disabled * {
938
+ cursor: not-allowed;
939
+ }
940
+ .u-multiselectbox-simple.u-multiselectbox-simple-disabled .u-multiselectbox-simple-select {
941
+ border: none;
942
+ background-color: #F6F6F6;
943
+ }
944
+ .u-multiselectbox-simple.u-multiselectbox-simple-disabled .u-multiselectbox-simple-select-icon-arrow {
945
+ 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='M0.292892 4.29289C0.683416 3.90237 1.31658 3.90237 1.70711 4.29289L6.00001 8.58579L10.2929 4.29289C10.6834 3.90237 11.3166 3.90237 11.7071 4.29289C12.0976 4.68342 12.0976 5.31658 11.7071 5.70711L6.70712 10.7071C6.51958 10.8946 6.26523 11 6.00001 11C5.73479 11 5.48044 10.8946 5.2929 10.7071L0.292894 5.70711C-0.0976308 5.31658 -0.0976314 4.68342 0.292892 4.29289Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");
946
+ }
947
+ .u-multiselectbox-simple.u-multiselectbox-simple-disabled .u-multiselectbox-simple-select-icon-cross {
948
+ 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 ");
949
+ }
950
+ .u-multiselectbox-simple.u-multiselectbox-simple-disabled .u-multiselectbox-simple-select-open ~ .u-multiselectbox-simple-options {
951
+ display: none;
952
+ }
905
953
  .u-multiselectbox-simple-select {
906
954
  cursor: pointer;
907
955
  max-height: 132px;