urfu-ui-kit-vanilla 1.0.42 → 1.0.44

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 (4) hide show
  1. package/package.json +3 -4
  2. package/src/main.css +265 -0
  3. package/src/js/upward.js +0 -11
  4. package/src/main.ts +0 -10
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.42",
6
+ "version": "1.0.44",
7
7
  "type": "module",
8
8
  "scripts": {
9
9
  "start": "vite",
@@ -17,11 +17,10 @@
17
17
  "vite": "^4.2.0"
18
18
  },
19
19
  "dependencies": {
20
- "air-datepicker": "^3.3.5"
20
+ "air-datepicker": "^3.4.0",
21
+ "chart.js": "^4.4.0"
21
22
  },
22
23
  "files": [
23
- "src/main.ts",
24
- "src/js/*",
25
24
  "src/main.css",
26
25
  "src/ui-icons.css",
27
26
  "src/fonts/*"
package/src/main.css CHANGED
@@ -450,6 +450,19 @@ 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
+ }
453
466
  .u-selectbox-select {
454
467
  cursor: pointer;
455
468
  height: 48px;
@@ -640,6 +653,19 @@ button {
640
653
  .u-multiselectbox {
641
654
  position: relative;
642
655
  }
656
+ .u-multiselectbox.u-multiselectbox-disabled * {
657
+ cursor: not-allowed;
658
+ }
659
+ .u-multiselectbox.u-multiselectbox-disabled .u-multiselectbox-select {
660
+ border: none;
661
+ background-color: #F6F6F6;
662
+ }
663
+ .u-multiselectbox.u-multiselectbox-disabled .u-multiselectbox-select-icon-arrow {
664
+ 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 ");
665
+ }
666
+ .u-multiselectbox.u-multiselectbox-disabled .u-multiselectbox-select-icon-cross {
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='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
+ }
643
669
  .u-multiselectbox-select {
644
670
  max-height: 132px;
645
671
  overflow: auto;
@@ -899,6 +925,245 @@ button {
899
925
  .u-multiselectbox-option:hover {
900
926
  background-color: #E7F2FF;
901
927
  }
928
+ .u-multiselectbox-simple {
929
+ position: relative;
930
+ }
931
+ .u-multiselectbox-simple.u-multiselectbox-simple-disabled * {
932
+ cursor: not-allowed;
933
+ }
934
+ .u-multiselectbox-simple.u-multiselectbox-simple-disabled .u-multiselectbox-simple-select {
935
+ border: none;
936
+ background-color: #F6F6F6;
937
+ }
938
+ .u-multiselectbox-simple.u-multiselectbox-simple-disabled .u-multiselectbox-simple-select-icon-arrow {
939
+ 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 ");
940
+ }
941
+ .u-multiselectbox-simple.u-multiselectbox-simple-disabled .u-multiselectbox-simple-select-icon-cross {
942
+ 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
+ }
944
+ .u-multiselectbox-simple-select {
945
+ cursor: pointer;
946
+ max-height: 132px;
947
+ overflow: auto;
948
+ height: 48px;
949
+ padding: 14px 16px;
950
+ border-radius: 10px;
951
+ font-weight: 400;
952
+ font-size: 14px;
953
+ line-height: 20px;
954
+ color: #222222;
955
+ background-color: #FFFFFF;
956
+ width: 100%;
957
+ transition-property: color, background-color, border-color, background-image;
958
+ transition-duration: 0.15s;
959
+ transition-timing-function: ease-in-out;
960
+ border: 1px solid #D3D3D3;
961
+ position: relative;
962
+ padding: 8px 16px 7px 16px;
963
+ display: flex;
964
+ flex-wrap: wrap;
965
+ min-height: 48px;
966
+ height: 100%;
967
+ grid-row-gap: 8px;
968
+ grid-column-gap: 4px;
969
+ padding-right: 75px;
970
+ z-index: 100 !important;
971
+ }
972
+ .u-multiselectbox-simple-select:hover,
973
+ .u-multiselectbox-simple-select.active {
974
+ border: 1px solid #748AB9;
975
+ }
976
+ .u-multiselectbox-simple-select:focus {
977
+ outline: 0;
978
+ border: 1px solid #748AB9;
979
+ }
980
+ .u-multiselectbox-simple-select:disabled,
981
+ .u-multiselectbox-simple-select.disabled {
982
+ cursor: not-allowed;
983
+ border: none;
984
+ background-color: #F6F6F6;
985
+ }
986
+ .u-multiselectbox-simple-select::placeholder {
987
+ /* Chrome, Firefox, Opera, Safari 10.1+ */
988
+ color: #A7A7A7;
989
+ opacity: 1;
990
+ /* Firefox */
991
+ }
992
+ .u-multiselectbox-simple-select:-ms-input-placeholder {
993
+ /* Internet Explorer 10-11 */
994
+ color: #A7A7A7;
995
+ }
996
+ .u-multiselectbox-simple-select::-ms-input-placeholder {
997
+ /* Microsoft Edge */
998
+ color: #A7A7A7;
999
+ }
1000
+ .u-multiselectbox-simple-select[type="number"] {
1001
+ display: block;
1002
+ box-sizing: border-box;
1003
+ -moz-appearance: textfield;
1004
+ -webkit-appearance: textfield;
1005
+ appearance: textfield;
1006
+ }
1007
+ .u-multiselectbox-simple-select[type="number"]::-webkit-outer-spin-button,
1008
+ .u-multiselectbox-simple-select[type="number"]::-webkit-inner-spin-button {
1009
+ display: none;
1010
+ }
1011
+ .u-multiselectbox-simple-select[type="search"]::-webkit-search-cancel-button {
1012
+ transition-property: color, background-color, border-color, background-image;
1013
+ transition-duration: 0.15s;
1014
+ transition-timing-function: ease-in-out;
1015
+ cursor: pointer;
1016
+ -webkit-appearance: none;
1017
+ width: 12px;
1018
+ height: 12px;
1019
+ margin-left: 10px;
1020
+ 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 ");
1021
+ background-repeat: no-repeat;
1022
+ }
1023
+ .u-multiselectbox-simple-select[type="search"]::-webkit-search-cancel-button:hover {
1024
+ 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='%231E4391'/%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='%231E4391'/%3E%3C/svg%3E ");
1025
+ }
1026
+ .u-multiselectbox-simple-select-required {
1027
+ height: 48px;
1028
+ padding: 14px 16px;
1029
+ border-radius: 10px;
1030
+ font-weight: 400;
1031
+ font-size: 14px;
1032
+ line-height: 20px;
1033
+ color: #222222;
1034
+ background-color: #FFFFFF;
1035
+ width: 100%;
1036
+ transition-property: color, background-color, border-color, background-image;
1037
+ transition-duration: 0.15s;
1038
+ transition-timing-function: ease-in-out;
1039
+ border: 1px solid #EF302B;
1040
+ }
1041
+ .u-multiselectbox-simple-select-required:hover,
1042
+ .u-multiselectbox-simple-select-required.active {
1043
+ border: 1px solid #748AB9;
1044
+ }
1045
+ .u-multiselectbox-simple-select-required:focus {
1046
+ outline: 0;
1047
+ border: 1px solid #748AB9;
1048
+ }
1049
+ .u-multiselectbox-simple-select-required::placeholder {
1050
+ /* Chrome, Firefox, Opera, Safari 10.1+ */
1051
+ color: #A7A7A7;
1052
+ opacity: 1;
1053
+ /* Firefox */
1054
+ }
1055
+ .u-multiselectbox-simple-select-required:-ms-input-placeholder {
1056
+ /* Internet Explorer 10-11 */
1057
+ color: #A7A7A7;
1058
+ }
1059
+ .u-multiselectbox-simple-select-required::-ms-input-placeholder {
1060
+ /* Microsoft Edge */
1061
+ color: #A7A7A7;
1062
+ }
1063
+ .u-multiselectbox-simple-select-label {
1064
+ margin: auto 0;
1065
+ }
1066
+ .u-multiselectbox-simple-select-open {
1067
+ border: 1px solid #748AB9;
1068
+ }
1069
+ .u-multiselectbox-simple-select-open ~ .u-multiselectbox-simple-select-icon-arrow {
1070
+ 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.7071 10.3819C11.3166 10.7724 10.6834 10.7724 10.2929 10.3819L5.99999 6.08902L1.70711 10.3819C1.31658 10.7724 0.683418 10.7724 0.292894 10.3819C-0.0976305 9.99139 -0.0976315 9.35822 0.292892 8.9677L5.29288 3.9677C5.48042 3.78016 5.73477 3.67481 5.99999 3.6748C6.26521 3.6748 6.51956 3.78016 6.7071 3.9677L11.7071 8.9677C12.0976 9.35822 12.0976 9.99139 11.7071 10.3819Z' fill='%231E4391'/%3E%3C/svg%3E ");
1071
+ }
1072
+ .u-multiselectbox-simple-select-open ~ .u-multiselectbox-simple-options {
1073
+ display: block;
1074
+ }
1075
+ .u-multiselectbox-simple-select-icon-arrow {
1076
+ cursor: pointer;
1077
+ position: absolute;
1078
+ display: block;
1079
+ z-index: 101;
1080
+ 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='%231E4391'/%3E%3C/svg%3E ");
1081
+ background-repeat: no-repeat;
1082
+ width: 12px;
1083
+ height: 12px;
1084
+ right: 20px;
1085
+ top: 18px;
1086
+ }
1087
+ .u-multiselectbox-simple-select-icon-cross {
1088
+ cursor: pointer;
1089
+ position: absolute;
1090
+ display: block;
1091
+ z-index: 101;
1092
+ 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 ");
1093
+ background-repeat: no-repeat;
1094
+ width: 12px;
1095
+ height: 12px;
1096
+ right: 44px;
1097
+ top: 19px;
1098
+ transition-property: color, background-color, border-color, background-image;
1099
+ transition-duration: 0.15s;
1100
+ transition-timing-function: ease-in-out;
1101
+ }
1102
+ .u-multiselectbox-simple-select-icon-cross:hover {
1103
+ 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='%231E4391'/%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='%231E4391'/%3E%3C/svg%3E ");
1104
+ }
1105
+ .u-multiselectbox-simple-options {
1106
+ overflow-y: auto;
1107
+ max-height: 195px;
1108
+ width: 100%;
1109
+ border-radius: 10px;
1110
+ z-index: 100;
1111
+ display: none;
1112
+ position: absolute;
1113
+ border: 1px solid #748AB9;
1114
+ margin-top: 2px;
1115
+ background-color: #FFFFFF;
1116
+ }
1117
+ .u-multiselectbox-simple-option {
1118
+ background-color: #FFFFFF;
1119
+ border-bottom: 1px solid #CAD1E1;
1120
+ font-size: 14px;
1121
+ font-weight: 400;
1122
+ }
1123
+ .u-multiselectbox-simple-option-checkbox {
1124
+ cursor: pointer;
1125
+ display: flex;
1126
+ min-height: 48px;
1127
+ padding: 14px 16px;
1128
+ line-height: 20px;
1129
+ }
1130
+ .u-multiselectbox-simple-option-checkbox input {
1131
+ display: none;
1132
+ }
1133
+ .u-multiselectbox-simple-option-checkbox input:hover + div {
1134
+ 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='white' stroke='%231E4391'/%3E%3C/svg%3E ");
1135
+ }
1136
+ .u-multiselectbox-simple-option-checkbox input:checked + div {
1137
+ 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 ");
1138
+ }
1139
+ .u-multiselectbox-simple-option-checkbox input:disabled + div {
1140
+ cursor: not-allowed;
1141
+ 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 ");
1142
+ }
1143
+ .u-multiselectbox-simple-option-checkbox input:disabled:checked + div {
1144
+ 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 width='16' height='16' rx='2' fill='%23D3D3D3'/%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.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='%23F6F6F6'/%3E%3C/svg%3E%0A");
1145
+ }
1146
+ .u-multiselectbox-simple-option-checkbox div {
1147
+ cursor: pointer;
1148
+ min-width: 16px;
1149
+ height: 16px;
1150
+ position: relative;
1151
+ transition: all 0.15s ease-out;
1152
+ background-repeat: no-repeat;
1153
+ top: 2px;
1154
+ 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='white' stroke='%23D3D3D3'/%3E%3C/svg%3E ");
1155
+ margin-right: 16px;
1156
+ }
1157
+ .u-multiselectbox-simple-option:first-child {
1158
+ border-top-left-radius: 10px;
1159
+ }
1160
+ .u-multiselectbox-simple-option:last-child {
1161
+ border-bottom: none;
1162
+ border-bottom-left-radius: 10px;
1163
+ }
1164
+ .u-multiselectbox-simple-option:hover {
1165
+ background-color: #E7F2FF;
1166
+ }
902
1167
  .u-search {
903
1168
  display: inline-block;
904
1169
  position: relative;
package/src/js/upward.js DELETED
@@ -1,11 +0,0 @@
1
- window.addEventListener('scroll', () => {
2
- var scroll = document.querySelector('.u-upward');
3
- scroll.classList.toggle("active", window.scrollY > 500)
4
- })
5
-
6
- const uScrollTop = () => {
7
- window.scrollTo({
8
- top: 0,
9
- behavior: 'smooth'
10
- })
11
- }
package/src/main.ts DELETED
@@ -1,10 +0,0 @@
1
- // import AirDatepicker from 'air-datepicker';
2
- // import 'air-datepicker/air-datepicker.css';
3
- import "./main.css";
4
- import "./js/upward.js"
5
-
6
- // new AirDatepicker('#airdatepicker', {
7
- // toggleSelected: true,
8
- // range: true,
9
- // position: "bottom right",
10
- // })