urfu-ui-kit-vanilla 2.6.0 → 2.7.0

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/main-no-fonts.css +60 -5
  3. package/src/main.css +60 -5
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "urfu-ui-kit-vanilla",
3
3
  "description": "UrFU UI-Kit for Vanilla Web",
4
4
  "license": "UNLICENSED",
5
- "version": "2.6.0",
5
+ "version": "2.7.0",
6
6
  "type": "module",
7
7
  "scripts": {
8
8
  "icons:build": "node scripts/generate-icons.mjs",
package/src/main-no-fonts.css CHANGED
@@ -2,6 +2,10 @@
2
2
  * {
3
3
  box-sizing: border-box;
4
4
  }
5
+ html,
6
+ body {
7
+ color: #222222;
8
+ }
5
9
  p,
6
10
  h1,
7
11
  h2,
@@ -363,6 +367,8 @@ button {
363
367
  margin-left: calc(10 * var(--u-unit));
364
368
  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 ");
365
369
  background-repeat: no-repeat;
370
+ background-position: center;
371
+ background-size: 100% 100%;
366
372
  }
367
373
  .u-input[type="search"]::-webkit-search-cancel-button:hover {
368
374
  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 ");
@@ -513,6 +519,8 @@ button {
513
519
  background-color: transparent;
514
520
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38415 5.53884L9.31663 0.819867C9.58801 0.494204 9.35643 -0.000225067 8.93252 -0.000225067L1.06756 -0.000225067C0.64364 -0.000225067 0.412061 0.494203 0.683447 0.819866L4.61593 5.53884C4.81582 5.77872 5.18425 5.77872 5.38415 5.53884Z' fill='%23748AB9'/%3E%3C/svg%3E%0A");
515
521
  background-repeat: no-repeat;
522
+ background-position: center;
523
+ background-size: 100% 100%;
516
524
  transition-property: color, background-color, border-color, background-image;
517
525
  transition-duration: 0.15s;
518
526
  transition-timing-function: ease-in-out;
@@ -533,6 +541,8 @@ button {
533
541
  background-color: transparent;
534
542
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38415 5.53884L9.31663 0.819867C9.58801 0.494204 9.35643 -0.000225067 8.93252 -0.000225067L1.06756 -0.000225067C0.64364 -0.000225067 0.412061 0.494203 0.683447 0.819866L4.61593 5.53884C4.81582 5.77872 5.18425 5.77872 5.38415 5.53884Z' fill='%23748AB9'/%3E%3C/svg%3E%0A");
535
543
  background-repeat: no-repeat;
544
+ background-position: center;
545
+ background-size: 100% 100%;
536
546
  transform: rotate(180deg);
537
547
  transition-property: color, background-color, border-color, background-image;
538
548
  transition-duration: 0.15s;
@@ -627,6 +637,8 @@ button {
627
637
  margin-left: calc(10 * var(--u-unit));
628
638
  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 ");
629
639
  background-repeat: no-repeat;
640
+ background-position: center;
641
+ background-size: 100% 100%;
630
642
  }
631
643
  .u-selectbox-select[type="search"]::-webkit-search-cancel-button:hover {
632
644
  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 ");
@@ -682,6 +694,8 @@ button {
682
694
  display: block;
683
695
  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 ");
684
696
  background-repeat: no-repeat;
697
+ background-position: center;
698
+ background-size: 100% 100%;
685
699
  width: calc(12 * var(--u-unit));
686
700
  height: calc(12 * var(--u-unit));
687
701
  right: calc(20 * var(--u-unit));
@@ -695,6 +709,8 @@ button {
695
709
  display: block;
696
710
  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 ");
697
711
  background-repeat: no-repeat;
712
+ background-position: center;
713
+ background-size: 100% 100%;
698
714
  width: calc(12 * var(--u-unit));
699
715
  height: calc(12 * var(--u-unit));
700
716
  right: calc(44 * var(--u-unit));
@@ -868,6 +884,8 @@ button {
868
884
  margin-left: calc(10 * var(--u-unit));
869
885
  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 ");
870
886
  background-repeat: no-repeat;
887
+ background-position: center;
888
+ background-size: 100% 100%;
871
889
  }
872
890
  .u-multiselectbox-select[type="search"]::-webkit-search-cancel-button:hover {
873
891
  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 ");
@@ -948,6 +966,8 @@ button {
948
966
  margin-left: calc(10 * var(--u-unit));
949
967
  top: calc(2 * var(--u-unit));
950
968
  background-repeat: no-repeat;
969
+ background-position: center;
970
+ background-size: 100% 100%;
951
971
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L10.5833 11.5M11 1.5L1 11.5' stroke='%23748AB9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
952
972
  }
953
973
  .u-multiselectbox-select-open ~ .u-multiselectbox-select-icon-arrow {
@@ -966,6 +986,8 @@ button {
966
986
  z-index: 101;
967
987
  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 ");
968
988
  background-repeat: no-repeat;
989
+ background-position: center;
990
+ background-size: 100% 100%;
969
991
  width: calc(12 * var(--u-unit));
970
992
  height: calc(12 * var(--u-unit));
971
993
  right: calc(22 * var(--u-unit));
@@ -978,6 +1000,8 @@ button {
978
1000
  z-index: 101;
979
1001
  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 ");
980
1002
  background-repeat: no-repeat;
1003
+ background-position: center;
1004
+ background-size: 100% 100%;
981
1005
  width: calc(12 * var(--u-unit));
982
1006
  height: calc(12 * var(--u-unit));
983
1007
  right: calc(46 * var(--u-unit));
@@ -1052,6 +1076,9 @@ button {
1052
1076
  position: relative;
1053
1077
  transition: all 0.15s ease-out;
1054
1078
  background-repeat: no-repeat;
1079
+ background-position: center;
1080
+ background-size: 100% 100%;
1081
+ flex-shrink: 0;
1055
1082
  top: calc(2 * var(--u-unit));
1056
1083
  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 ");
1057
1084
  margin-right: calc(16 * var(--u-unit));
@@ -1160,6 +1187,8 @@ button {
1160
1187
  margin-left: calc(10 * var(--u-unit));
1161
1188
  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 ");
1162
1189
  background-repeat: no-repeat;
1190
+ background-position: center;
1191
+ background-size: 100% 100%;
1163
1192
  }
1164
1193
  .u-multiselectbox-simple-select[type="search"]::-webkit-search-cancel-button:hover {
1165
1194
  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 ");
@@ -1299,6 +1328,9 @@ button {
1299
1328
  position: relative;
1300
1329
  transition: all 0.15s ease-out;
1301
1330
  background-repeat: no-repeat;
1331
+ background-position: center;
1332
+ background-size: 100% 100%;
1333
+ flex-shrink: 0;
1302
1334
  top: calc(2 * var(--u-unit));
1303
1335
  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 ");
1304
1336
  margin-right: calc(16 * var(--u-unit));
@@ -1336,6 +1368,8 @@ button {
1336
1368
  background-color: transparent;
1337
1369
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6001 4.39941C14.5117 4.39941 16.8721 6.75977 16.8721 9.67141C16.8721 12.5831 14.5117 14.9434 11.6001 14.9434C10.144 14.9434 8.82734 14.3544 7.8722 13.3993C6.91706 12.4441 6.32807 11.1275 6.32807 9.67141C6.32807 6.75977 8.68842 4.39941 11.6001 4.39941ZM18.8721 9.67141C18.8721 5.6552 15.6163 2.39941 11.6001 2.39941C7.58385 2.39941 4.32807 5.6552 4.32807 9.67141C4.32807 11.3185 4.87655 12.8388 5.79951 14.0578L3.16496 16.6923C2.77444 17.0828 2.77444 17.716 3.16496 18.1065C3.55549 18.497 4.18865 18.497 4.57918 18.1065L7.21372 15.472C8.4327 16.3949 9.95297 16.9434 11.6001 16.9434C15.6163 16.9434 18.8721 13.6876 18.8721 9.67141Z' fill='%231E4391'/%3E%3C/svg%3E%0A");
1338
1370
  background-repeat: no-repeat;
1371
+ background-position: center;
1372
+ background-size: 100% 100%;
1339
1373
  transition-property: color, background-color, border-color, background-image;
1340
1374
  transition-duration: 0.15s;
1341
1375
  transition-timing-function: ease-in-out;
@@ -1352,6 +1386,8 @@ button {
1352
1386
  position: absolute;
1353
1387
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99999 4.20898C9.37556 4.20898 8.79394 4.28925 8.25221 4.43045C7.71778 4.56975 7.17162 4.24943 7.03232 3.715C6.89302 3.18057 7.21334 2.63441 7.74777 2.49511C8.45074 2.31188 9.20179 2.20898 9.99999 2.20898C13.0266 2.20898 15.306 3.68096 16.8795 5.27655C18.4464 6.8654 19.3755 8.63503 19.7398 9.41063C19.9842 9.93114 19.9721 10.5256 19.7131 11.0342C19.4193 11.6114 18.7955 12.7154 17.811 13.8608C17.451 14.2797 16.8196 14.3273 16.4008 13.9673C15.982 13.6073 15.9343 12.976 16.2943 12.5571C17.1068 11.6118 17.6365 10.6948 17.8971 10.1925C17.5595 9.48667 16.7551 7.99874 15.4555 6.68087C14.1189 5.32552 12.3214 4.20898 9.99999 4.20898ZM3.81183 5.94385C4.2344 6.29945 4.28869 6.93029 3.93309 7.35286C2.98631 8.47794 2.38219 9.60859 2.10292 10.1925C2.4469 10.8555 3.24959 12.2215 4.53951 13.4292C5.86646 14.6717 7.66467 15.709 9.99999 15.709C10.6308 15.709 11.2182 15.6337 11.7648 15.5014C12.3015 15.3715 12.842 15.7013 12.9719 16.2381C13.1018 16.7749 12.772 17.3153 12.2352 17.4453C11.5371 17.6142 10.7919 17.709 9.99999 17.709C7.01607 17.709 4.75254 16.3685 3.17257 14.8892C1.60162 13.4183 0.662852 11.7732 0.285272 11.0311C0.0225293 10.5147 0.0212039 9.91906 0.262153 9.40651C0.569956 8.75173 1.26988 7.41142 2.40283 6.06511C2.75843 5.64254 3.38926 5.58825 3.81183 5.94385Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10.209C8 11.3136 8.89543 12.209 10 12.209C10.5971 12.209 11.1311 11.9499 11.5005 11.5313C11.8128 11.1776 12 10.7176 12 10.209C12 9.10441 11.1046 8.20898 10 8.20898C9.49141 8.20898 9.03142 8.39621 8.67764 8.70846C8.25912 9.07786 8 9.61192 8 10.209ZM13 12.8548C13.6224 12.1497 14 11.2234 14 10.209C14 7.99985 12.2091 6.20898 10 6.20898C8.98555 6.20898 8.05931 6.58662 7.35418 7.20898C6.52375 7.94193 6 9.01429 6 10.209C6 12.4181 7.79086 14.209 10 14.209C11.1947 14.209 12.2671 13.6852 13 12.8548Z' fill='%23A7A7A7'/%3E%3Cpath d='M13.3186 14.8508C12.9337 14.4548 12.9426 13.8217 13.3386 13.4367C13.7346 13.0518 14.3677 13.0607 14.7527 13.4567L18.6753 17.4918C19.0602 17.8878 19.0513 18.5209 18.6553 18.9059C18.2593 19.2908 17.6262 19.2819 17.2412 18.8859L13.3186 14.8508Z' fill='%23A7A7A7'/%3E%3Cpath d='M1.90627 3.11156C1.52131 2.71556 1.53025 2.08245 1.92626 1.69749C2.32226 1.31252 2.95536 1.32147 3.34033 1.71747L6.94653 5.42708C7.3315 5.82308 7.32255 6.45618 6.92655 6.84115C6.53054 7.22612 5.89744 7.21717 5.51247 6.82116L1.90627 3.11156Z' fill='%23A7A7A7'/%3E%3C/svg%3E%0A");
1354
1388
  background-repeat: no-repeat;
1389
+ background-position: center;
1390
+ background-size: 100% 100%;
1355
1391
  width: calc(20 * var(--u-unit));
1356
1392
  height: calc(20 * var(--u-unit));
1357
1393
  top: calc(50% - calc(10 * var(--u-unit)));
@@ -1891,10 +1927,14 @@ button {
1891
1927
  .u-radio div.u-radio-input {
1892
1928
  cursor: pointer;
1893
1929
  width: calc(16 * var(--u-unit));
1930
+ min-width: calc(16 * var(--u-unit));
1894
1931
  height: calc(16 * var(--u-unit));
1895
1932
  position: relative;
1896
1933
  transition: all 0.15s ease-in-out;
1897
1934
  background-repeat: no-repeat;
1935
+ background-position: center;
1936
+ background-size: 100% 100%;
1937
+ flex-shrink: 0;
1898
1938
  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='%23D3D3D3'/%3E%3C/svg%3E%0A");
1899
1939
  }
1900
1940
  .u-checkbox {
@@ -1928,6 +1968,9 @@ button {
1928
1968
  position: relative;
1929
1969
  transition: all 0.15s ease-out;
1930
1970
  background-repeat: no-repeat;
1971
+ background-position: center;
1972
+ background-size: 100% 100%;
1973
+ flex-shrink: 0;
1931
1974
  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 ");
1932
1975
  }
1933
1976
  .u-accordion {
@@ -2296,7 +2339,7 @@ button {
2296
2339
  }
2297
2340
  .u-pagination .u-paginator__pages-num {
2298
2341
  display: flex;
2299
- align-items: flex-end;
2342
+ align-items: center;
2300
2343
  cursor: pointer;
2301
2344
  justify-content: center;
2302
2345
  width: calc(32 * var(--u-unit));
@@ -2533,7 +2576,8 @@ button {
2533
2576
  font-size: calc(16 * var(--u-unit));
2534
2577
  color: #222222;
2535
2578
  background-repeat: no-repeat;
2536
- background-position: top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));
2579
+ background-position: left calc(16 * var(--u-unit)) center;
2580
+ background-size: calc(20 * var(--u-unit)) calc(20 * var(--u-unit));
2537
2581
  border: 1px solid #748ab9;
2538
2582
  background-color: #E7F2FF;
2539
2583
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%231E4391' stroke-width='2'%3E%3C/circle%3E%3Crect x='9' y='8' width='2' height='8' rx='1' fill='%231E4391'%3E%3C/rect%3E%3Ccircle cx='10' cy='6' r='1' fill='%231E4391'%3E%3C/circle%3E%3C/svg%3E");
@@ -2545,6 +2589,8 @@ button {
2545
2589
  position: relative;
2546
2590
  padding: calc(5 * var(--u-unit));
2547
2591
  background-repeat: no-repeat;
2592
+ background-position: center;
2593
+ background-size: 100% 100%;
2548
2594
  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%3Cg clip-path='url(%23clip0_5301_23915)'%3E%3Cpath d='M1 1L10.5833 11M11 1L1 11' stroke='%231E4391' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5301_23915'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
2549
2595
  }
2550
2596
  .u-notification-fail {
@@ -2560,7 +2606,8 @@ button {
2560
2606
  font-size: calc(16 * var(--u-unit));
2561
2607
  color: #222222;
2562
2608
  background-repeat: no-repeat;
2563
- background-position: top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));
2609
+ background-position: left calc(16 * var(--u-unit)) center;
2610
+ background-size: calc(20 * var(--u-unit)) calc(20 * var(--u-unit));
2564
2611
  border: 1px solid #748ab9;
2565
2612
  border-color: #F17F7C;
2566
2613
  background-color: #FDEAEA;
@@ -2573,6 +2620,8 @@ button {
2573
2620
  position: relative;
2574
2621
  padding: calc(5 * var(--u-unit));
2575
2622
  background-repeat: no-repeat;
2623
+ background-position: center;
2624
+ background-size: 100% 100%;
2576
2625
  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%3Cg clip-path='url(%23clip0_5301_23930)'%3E%3Cpath d='M1 1L10.5833 11M11 1L1 11' stroke='%23EF302B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5301_23930'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
2577
2626
  }
2578
2627
  .u-notification-success {
@@ -2588,7 +2637,8 @@ button {
2588
2637
  font-size: calc(16 * var(--u-unit));
2589
2638
  color: #222222;
2590
2639
  background-repeat: no-repeat;
2591
- background-position: top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));
2640
+ background-position: left calc(16 * var(--u-unit)) center;
2641
+ background-size: calc(20 * var(--u-unit)) calc(20 * var(--u-unit));
2592
2642
  border: 1px solid #748ab9;
2593
2643
  background-color: #EDF7EB;
2594
2644
  border-color: #6EA68C;
@@ -2601,6 +2651,8 @@ button {
2601
2651
  position: relative;
2602
2652
  padding: calc(5 * var(--u-unit));
2603
2653
  background-repeat: no-repeat;
2654
+ background-position: center;
2655
+ background-size: 100% 100%;
2604
2656
  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%3Cg clip-path='url(%23clip0_5301_23920)'%3E%3Cpath d='M1 1L10.5833 11M11 1L1 11' stroke='%23147246' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5301_23920'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
2605
2657
  }
2606
2658
  .u-notification-warning {
@@ -2616,7 +2668,8 @@ button {
2616
2668
  font-size: calc(16 * var(--u-unit));
2617
2669
  color: #222222;
2618
2670
  background-repeat: no-repeat;
2619
- background-position: top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));
2671
+ background-position: left calc(16 * var(--u-unit)) center;
2672
+ background-size: calc(20 * var(--u-unit)) calc(20 * var(--u-unit));
2620
2673
  border: 1px solid #748ab9;
2621
2674
  border-color: #EEB18C;
2622
2675
  background-color: #FCF4E6;
@@ -2629,6 +2682,8 @@ button {
2629
2682
  position: relative;
2630
2683
  padding: calc(5 * var(--u-unit));
2631
2684
  background-repeat: no-repeat;
2685
+ background-position: center;
2686
+ background-size: 100% 100%;
2632
2687
  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%3Cg clip-path='url(%23clip0_5301_23925)'%3E%3Cpath d='M1 1L10.5833 11M11 1L1 11' stroke='%23E98446' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5301_23925'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
2633
2688
  }
2634
2689
  .u-preloader {
package/src/main.css CHANGED
@@ -2,6 +2,10 @@
2
2
  * {
3
3
  box-sizing: border-box;
4
4
  }
5
+ html,
6
+ body {
7
+ color: #222222;
8
+ }
5
9
  p,
6
10
  h1,
7
11
  h2,
@@ -492,6 +496,8 @@ button {
492
496
  margin-left: calc(10 * var(--u-unit));
493
497
  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 ");
494
498
  background-repeat: no-repeat;
499
+ background-position: center;
500
+ background-size: 100% 100%;
495
501
  }
496
502
  .u-input[type="search"]::-webkit-search-cancel-button:hover {
497
503
  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 ");
@@ -642,6 +648,8 @@ button {
642
648
  background-color: transparent;
643
649
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38415 5.53884L9.31663 0.819867C9.58801 0.494204 9.35643 -0.000225067 8.93252 -0.000225067L1.06756 -0.000225067C0.64364 -0.000225067 0.412061 0.494203 0.683447 0.819866L4.61593 5.53884C4.81582 5.77872 5.18425 5.77872 5.38415 5.53884Z' fill='%23748AB9'/%3E%3C/svg%3E%0A");
644
650
  background-repeat: no-repeat;
651
+ background-position: center;
652
+ background-size: 100% 100%;
645
653
  transition-property: color, background-color, border-color, background-image;
646
654
  transition-duration: 0.15s;
647
655
  transition-timing-function: ease-in-out;
@@ -662,6 +670,8 @@ button {
662
670
  background-color: transparent;
663
671
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38415 5.53884L9.31663 0.819867C9.58801 0.494204 9.35643 -0.000225067 8.93252 -0.000225067L1.06756 -0.000225067C0.64364 -0.000225067 0.412061 0.494203 0.683447 0.819866L4.61593 5.53884C4.81582 5.77872 5.18425 5.77872 5.38415 5.53884Z' fill='%23748AB9'/%3E%3C/svg%3E%0A");
664
672
  background-repeat: no-repeat;
673
+ background-position: center;
674
+ background-size: 100% 100%;
665
675
  transform: rotate(180deg);
666
676
  transition-property: color, background-color, border-color, background-image;
667
677
  transition-duration: 0.15s;
@@ -756,6 +766,8 @@ button {
756
766
  margin-left: calc(10 * var(--u-unit));
757
767
  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 ");
758
768
  background-repeat: no-repeat;
769
+ background-position: center;
770
+ background-size: 100% 100%;
759
771
  }
760
772
  .u-selectbox-select[type="search"]::-webkit-search-cancel-button:hover {
761
773
  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 ");
@@ -811,6 +823,8 @@ button {
811
823
  display: block;
812
824
  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 ");
813
825
  background-repeat: no-repeat;
826
+ background-position: center;
827
+ background-size: 100% 100%;
814
828
  width: calc(12 * var(--u-unit));
815
829
  height: calc(12 * var(--u-unit));
816
830
  right: calc(20 * var(--u-unit));
@@ -824,6 +838,8 @@ button {
824
838
  display: block;
825
839
  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 ");
826
840
  background-repeat: no-repeat;
841
+ background-position: center;
842
+ background-size: 100% 100%;
827
843
  width: calc(12 * var(--u-unit));
828
844
  height: calc(12 * var(--u-unit));
829
845
  right: calc(44 * var(--u-unit));
@@ -997,6 +1013,8 @@ button {
997
1013
  margin-left: calc(10 * var(--u-unit));
998
1014
  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 ");
999
1015
  background-repeat: no-repeat;
1016
+ background-position: center;
1017
+ background-size: 100% 100%;
1000
1018
  }
1001
1019
  .u-multiselectbox-select[type="search"]::-webkit-search-cancel-button:hover {
1002
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='%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 ");
@@ -1077,6 +1095,8 @@ button {
1077
1095
  margin-left: calc(10 * var(--u-unit));
1078
1096
  top: calc(2 * var(--u-unit));
1079
1097
  background-repeat: no-repeat;
1098
+ background-position: center;
1099
+ background-size: 100% 100%;
1080
1100
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L10.5833 11.5M11 1.5L1 11.5' stroke='%23748AB9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
1081
1101
  }
1082
1102
  .u-multiselectbox-select-open ~ .u-multiselectbox-select-icon-arrow {
@@ -1095,6 +1115,8 @@ button {
1095
1115
  z-index: 101;
1096
1116
  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 ");
1097
1117
  background-repeat: no-repeat;
1118
+ background-position: center;
1119
+ background-size: 100% 100%;
1098
1120
  width: calc(12 * var(--u-unit));
1099
1121
  height: calc(12 * var(--u-unit));
1100
1122
  right: calc(22 * var(--u-unit));
@@ -1107,6 +1129,8 @@ button {
1107
1129
  z-index: 101;
1108
1130
  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 ");
1109
1131
  background-repeat: no-repeat;
1132
+ background-position: center;
1133
+ background-size: 100% 100%;
1110
1134
  width: calc(12 * var(--u-unit));
1111
1135
  height: calc(12 * var(--u-unit));
1112
1136
  right: calc(46 * var(--u-unit));
@@ -1181,6 +1205,9 @@ button {
1181
1205
  position: relative;
1182
1206
  transition: all 0.15s ease-out;
1183
1207
  background-repeat: no-repeat;
1208
+ background-position: center;
1209
+ background-size: 100% 100%;
1210
+ flex-shrink: 0;
1184
1211
  top: calc(2 * var(--u-unit));
1185
1212
  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 ");
1186
1213
  margin-right: calc(16 * var(--u-unit));
@@ -1289,6 +1316,8 @@ button {
1289
1316
  margin-left: calc(10 * var(--u-unit));
1290
1317
  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 ");
1291
1318
  background-repeat: no-repeat;
1319
+ background-position: center;
1320
+ background-size: 100% 100%;
1292
1321
  }
1293
1322
  .u-multiselectbox-simple-select[type="search"]::-webkit-search-cancel-button:hover {
1294
1323
  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 ");
@@ -1428,6 +1457,9 @@ button {
1428
1457
  position: relative;
1429
1458
  transition: all 0.15s ease-out;
1430
1459
  background-repeat: no-repeat;
1460
+ background-position: center;
1461
+ background-size: 100% 100%;
1462
+ flex-shrink: 0;
1431
1463
  top: calc(2 * var(--u-unit));
1432
1464
  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 ");
1433
1465
  margin-right: calc(16 * var(--u-unit));
@@ -1465,6 +1497,8 @@ button {
1465
1497
  background-color: transparent;
1466
1498
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6001 4.39941C14.5117 4.39941 16.8721 6.75977 16.8721 9.67141C16.8721 12.5831 14.5117 14.9434 11.6001 14.9434C10.144 14.9434 8.82734 14.3544 7.8722 13.3993C6.91706 12.4441 6.32807 11.1275 6.32807 9.67141C6.32807 6.75977 8.68842 4.39941 11.6001 4.39941ZM18.8721 9.67141C18.8721 5.6552 15.6163 2.39941 11.6001 2.39941C7.58385 2.39941 4.32807 5.6552 4.32807 9.67141C4.32807 11.3185 4.87655 12.8388 5.79951 14.0578L3.16496 16.6923C2.77444 17.0828 2.77444 17.716 3.16496 18.1065C3.55549 18.497 4.18865 18.497 4.57918 18.1065L7.21372 15.472C8.4327 16.3949 9.95297 16.9434 11.6001 16.9434C15.6163 16.9434 18.8721 13.6876 18.8721 9.67141Z' fill='%231E4391'/%3E%3C/svg%3E%0A");
1467
1499
  background-repeat: no-repeat;
1500
+ background-position: center;
1501
+ background-size: 100% 100%;
1468
1502
  transition-property: color, background-color, border-color, background-image;
1469
1503
  transition-duration: 0.15s;
1470
1504
  transition-timing-function: ease-in-out;
@@ -1481,6 +1515,8 @@ button {
1481
1515
  position: absolute;
1482
1516
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99999 4.20898C9.37556 4.20898 8.79394 4.28925 8.25221 4.43045C7.71778 4.56975 7.17162 4.24943 7.03232 3.715C6.89302 3.18057 7.21334 2.63441 7.74777 2.49511C8.45074 2.31188 9.20179 2.20898 9.99999 2.20898C13.0266 2.20898 15.306 3.68096 16.8795 5.27655C18.4464 6.8654 19.3755 8.63503 19.7398 9.41063C19.9842 9.93114 19.9721 10.5256 19.7131 11.0342C19.4193 11.6114 18.7955 12.7154 17.811 13.8608C17.451 14.2797 16.8196 14.3273 16.4008 13.9673C15.982 13.6073 15.9343 12.976 16.2943 12.5571C17.1068 11.6118 17.6365 10.6948 17.8971 10.1925C17.5595 9.48667 16.7551 7.99874 15.4555 6.68087C14.1189 5.32552 12.3214 4.20898 9.99999 4.20898ZM3.81183 5.94385C4.2344 6.29945 4.28869 6.93029 3.93309 7.35286C2.98631 8.47794 2.38219 9.60859 2.10292 10.1925C2.4469 10.8555 3.24959 12.2215 4.53951 13.4292C5.86646 14.6717 7.66467 15.709 9.99999 15.709C10.6308 15.709 11.2182 15.6337 11.7648 15.5014C12.3015 15.3715 12.842 15.7013 12.9719 16.2381C13.1018 16.7749 12.772 17.3153 12.2352 17.4453C11.5371 17.6142 10.7919 17.709 9.99999 17.709C7.01607 17.709 4.75254 16.3685 3.17257 14.8892C1.60162 13.4183 0.662852 11.7732 0.285272 11.0311C0.0225293 10.5147 0.0212039 9.91906 0.262153 9.40651C0.569956 8.75173 1.26988 7.41142 2.40283 6.06511C2.75843 5.64254 3.38926 5.58825 3.81183 5.94385Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10.209C8 11.3136 8.89543 12.209 10 12.209C10.5971 12.209 11.1311 11.9499 11.5005 11.5313C11.8128 11.1776 12 10.7176 12 10.209C12 9.10441 11.1046 8.20898 10 8.20898C9.49141 8.20898 9.03142 8.39621 8.67764 8.70846C8.25912 9.07786 8 9.61192 8 10.209ZM13 12.8548C13.6224 12.1497 14 11.2234 14 10.209C14 7.99985 12.2091 6.20898 10 6.20898C8.98555 6.20898 8.05931 6.58662 7.35418 7.20898C6.52375 7.94193 6 9.01429 6 10.209C6 12.4181 7.79086 14.209 10 14.209C11.1947 14.209 12.2671 13.6852 13 12.8548Z' fill='%23A7A7A7'/%3E%3Cpath d='M13.3186 14.8508C12.9337 14.4548 12.9426 13.8217 13.3386 13.4367C13.7346 13.0518 14.3677 13.0607 14.7527 13.4567L18.6753 17.4918C19.0602 17.8878 19.0513 18.5209 18.6553 18.9059C18.2593 19.2908 17.6262 19.2819 17.2412 18.8859L13.3186 14.8508Z' fill='%23A7A7A7'/%3E%3Cpath d='M1.90627 3.11156C1.52131 2.71556 1.53025 2.08245 1.92626 1.69749C2.32226 1.31252 2.95536 1.32147 3.34033 1.71747L6.94653 5.42708C7.3315 5.82308 7.32255 6.45618 6.92655 6.84115C6.53054 7.22612 5.89744 7.21717 5.51247 6.82116L1.90627 3.11156Z' fill='%23A7A7A7'/%3E%3C/svg%3E%0A");
1483
1517
  background-repeat: no-repeat;
1518
+ background-position: center;
1519
+ background-size: 100% 100%;
1484
1520
  width: calc(20 * var(--u-unit));
1485
1521
  height: calc(20 * var(--u-unit));
1486
1522
  top: calc(50% - calc(10 * var(--u-unit)));
@@ -2020,10 +2056,14 @@ button {
2020
2056
  .u-radio div.u-radio-input {
2021
2057
  cursor: pointer;
2022
2058
  width: calc(16 * var(--u-unit));
2059
+ min-width: calc(16 * var(--u-unit));
2023
2060
  height: calc(16 * var(--u-unit));
2024
2061
  position: relative;
2025
2062
  transition: all 0.15s ease-in-out;
2026
2063
  background-repeat: no-repeat;
2064
+ background-position: center;
2065
+ background-size: 100% 100%;
2066
+ flex-shrink: 0;
2027
2067
  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='%23D3D3D3'/%3E%3C/svg%3E%0A");
2028
2068
  }
2029
2069
  .u-checkbox {
@@ -2057,6 +2097,9 @@ button {
2057
2097
  position: relative;
2058
2098
  transition: all 0.15s ease-out;
2059
2099
  background-repeat: no-repeat;
2100
+ background-position: center;
2101
+ background-size: 100% 100%;
2102
+ flex-shrink: 0;
2060
2103
  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 ");
2061
2104
  }
2062
2105
  .u-accordion {
@@ -2425,7 +2468,7 @@ button {
2425
2468
  }
2426
2469
  .u-pagination .u-paginator__pages-num {
2427
2470
  display: flex;
2428
- align-items: flex-end;
2471
+ align-items: center;
2429
2472
  cursor: pointer;
2430
2473
  justify-content: center;
2431
2474
  width: calc(32 * var(--u-unit));
@@ -2662,7 +2705,8 @@ button {
2662
2705
  font-size: calc(16 * var(--u-unit));
2663
2706
  color: #222222;
2664
2707
  background-repeat: no-repeat;
2665
- background-position: top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));
2708
+ background-position: left calc(16 * var(--u-unit)) center;
2709
+ background-size: calc(20 * var(--u-unit)) calc(20 * var(--u-unit));
2666
2710
  border: 1px solid #748ab9;
2667
2711
  background-color: #E7F2FF;
2668
2712
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%231E4391' stroke-width='2'%3E%3C/circle%3E%3Crect x='9' y='8' width='2' height='8' rx='1' fill='%231E4391'%3E%3C/rect%3E%3Ccircle cx='10' cy='6' r='1' fill='%231E4391'%3E%3C/circle%3E%3C/svg%3E");
@@ -2674,6 +2718,8 @@ button {
2674
2718
  position: relative;
2675
2719
  padding: calc(5 * var(--u-unit));
2676
2720
  background-repeat: no-repeat;
2721
+ background-position: center;
2722
+ background-size: 100% 100%;
2677
2723
  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%3Cg clip-path='url(%23clip0_5301_23915)'%3E%3Cpath d='M1 1L10.5833 11M11 1L1 11' stroke='%231E4391' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5301_23915'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
2678
2724
  }
2679
2725
  .u-notification-fail {
@@ -2689,7 +2735,8 @@ button {
2689
2735
  font-size: calc(16 * var(--u-unit));
2690
2736
  color: #222222;
2691
2737
  background-repeat: no-repeat;
2692
- background-position: top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));
2738
+ background-position: left calc(16 * var(--u-unit)) center;
2739
+ background-size: calc(20 * var(--u-unit)) calc(20 * var(--u-unit));
2693
2740
  border: 1px solid #748ab9;
2694
2741
  border-color: #F17F7C;
2695
2742
  background-color: #FDEAEA;
@@ -2702,6 +2749,8 @@ button {
2702
2749
  position: relative;
2703
2750
  padding: calc(5 * var(--u-unit));
2704
2751
  background-repeat: no-repeat;
2752
+ background-position: center;
2753
+ background-size: 100% 100%;
2705
2754
  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%3Cg clip-path='url(%23clip0_5301_23930)'%3E%3Cpath d='M1 1L10.5833 11M11 1L1 11' stroke='%23EF302B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5301_23930'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
2706
2755
  }
2707
2756
  .u-notification-success {
@@ -2717,7 +2766,8 @@ button {
2717
2766
  font-size: calc(16 * var(--u-unit));
2718
2767
  color: #222222;
2719
2768
  background-repeat: no-repeat;
2720
- background-position: top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));
2769
+ background-position: left calc(16 * var(--u-unit)) center;
2770
+ background-size: calc(20 * var(--u-unit)) calc(20 * var(--u-unit));
2721
2771
  border: 1px solid #748ab9;
2722
2772
  background-color: #EDF7EB;
2723
2773
  border-color: #6EA68C;
@@ -2730,6 +2780,8 @@ button {
2730
2780
  position: relative;
2731
2781
  padding: calc(5 * var(--u-unit));
2732
2782
  background-repeat: no-repeat;
2783
+ background-position: center;
2784
+ background-size: 100% 100%;
2733
2785
  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%3Cg clip-path='url(%23clip0_5301_23920)'%3E%3Cpath d='M1 1L10.5833 11M11 1L1 11' stroke='%23147246' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5301_23920'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
2734
2786
  }
2735
2787
  .u-notification-warning {
@@ -2745,7 +2797,8 @@ button {
2745
2797
  font-size: calc(16 * var(--u-unit));
2746
2798
  color: #222222;
2747
2799
  background-repeat: no-repeat;
2748
- background-position: top calc(50% - calc(1 * var(--u-unit))) left calc(16 * var(--u-unit));
2800
+ background-position: left calc(16 * var(--u-unit)) center;
2801
+ background-size: calc(20 * var(--u-unit)) calc(20 * var(--u-unit));
2749
2802
  border: 1px solid #748ab9;
2750
2803
  border-color: #EEB18C;
2751
2804
  background-color: #FCF4E6;
@@ -2758,6 +2811,8 @@ button {
2758
2811
  position: relative;
2759
2812
  padding: calc(5 * var(--u-unit));
2760
2813
  background-repeat: no-repeat;
2814
+ background-position: center;
2815
+ background-size: 100% 100%;
2761
2816
  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%3Cg clip-path='url(%23clip0_5301_23925)'%3E%3Cpath d='M1 1L10.5833 11M11 1L1 11' stroke='%23E98446' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5301_23925'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
2762
2817
  }
2763
2818
  .u-preloader {