urfu-ui-kit-vanilla 1.0.70 → 1.0.72

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 +1 -1
  2. package/src/main.css +87 -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.70",
6
+ "version": "1.0.72",
7
7
  "type": "module",
8
8
  "scripts": {
9
9
  "start": "vite",
package/src/main.css CHANGED
@@ -397,6 +397,86 @@ button {
397
397
  /* Microsoft Edge */
398
398
  color: #A7A7A7;
399
399
  }
400
+ .u-textarea {
401
+ height: 125px;
402
+ padding: 14px 16px;
403
+ border-radius: 10px;
404
+ font-weight: 400;
405
+ font-size: 14px;
406
+ line-height: 20px;
407
+ color: #222222;
408
+ background-color: #FFFFFF;
409
+ width: 100%;
410
+ resize: vertical;
411
+ transition-property: color, background-color, border-color, background-image;
412
+ transition-duration: 0.15s;
413
+ transition-timing-function: ease-in-out;
414
+ border: 1px solid #D3D3D3;
415
+ }
416
+ .u-textarea:hover,
417
+ .u-textarea.active {
418
+ border: 1px solid #748AB9;
419
+ }
420
+ .u-textarea:focus {
421
+ outline: 0;
422
+ border: 1px solid #748AB9;
423
+ }
424
+ .u-textarea:disabled,
425
+ .u-textarea.disabled {
426
+ cursor: not-allowed;
427
+ border: none;
428
+ background-color: #F6F6F6;
429
+ }
430
+ .u-textarea::placeholder {
431
+ /* Chrome, Firefox, Opera, Safari 10.1+ */
432
+ color: #A7A7A7;
433
+ opacity: 1;
434
+ /* Firefox */
435
+ }
436
+ .u-textarea:-ms-input-placeholder {
437
+ /* Internet Explorer 10-11 */
438
+ color: #A7A7A7;
439
+ }
440
+ .u-textarea::placeholder {
441
+ color: #A7A7A7;
442
+ }
443
+ .u-textarea-required {
444
+ height: 48px;
445
+ padding: 14px 16px;
446
+ border-radius: 10px;
447
+ font-weight: 400;
448
+ font-size: 14px;
449
+ line-height: 20px;
450
+ color: #222222;
451
+ background-color: #FFFFFF;
452
+ width: 100%;
453
+ transition-property: color, background-color, border-color, background-image;
454
+ transition-duration: 0.15s;
455
+ transition-timing-function: ease-in-out;
456
+ border: 1px solid #EF302B;
457
+ }
458
+ .u-textarea-required:hover,
459
+ .u-textarea-required.active {
460
+ border: 1px solid #748AB9;
461
+ }
462
+ .u-textarea-required:focus {
463
+ outline: 0;
464
+ border: 1px solid #748AB9;
465
+ }
466
+ .u-textarea-required::placeholder {
467
+ /* Chrome, Firefox, Opera, Safari 10.1+ */
468
+ color: #A7A7A7;
469
+ opacity: 1;
470
+ /* Firefox */
471
+ }
472
+ .u-textarea-required:-ms-input-placeholder {
473
+ /* Internet Explorer 10-11 */
474
+ color: #A7A7A7;
475
+ }
476
+ .u-textarea-required::-ms-input-placeholder {
477
+ /* Microsoft Edge */
478
+ color: #A7A7A7;
479
+ }
400
480
  .u-number {
401
481
  display: inline-block;
402
482
  position: relative;
@@ -627,7 +707,7 @@ button {
627
707
  width: 100%;
628
708
  overflow-y: auto;
629
709
  max-height: 195px;
630
- position: relative;
710
+ position: absolute;
631
711
  }
632
712
  .u-selectbox-options::-webkit-scrollbar {
633
713
  width: calc(0.45vw + 4px);
@@ -2032,6 +2112,9 @@ button {
2032
2112
  left: -0.8em;
2033
2113
  }
2034
2114
  .u-pagination {
2115
+ font-weight: 400;
2116
+ font-size: 14px;
2117
+ line-height: 20px;
2035
2118
  display: flex;
2036
2119
  align-items: center;
2037
2120
  justify-content: space-between;
@@ -2040,14 +2123,6 @@ button {
2040
2123
  background-color: #FFFFFF;
2041
2124
  }
2042
2125
  .u-pagination__result,
2043
- .u-pagination__limits,
2044
- .u-pagination__limit,
2045
- .u-pagination__paginator {
2046
- font-weight: 400;
2047
- font-size: 14px;
2048
- line-height: 20px;
2049
- }
2050
- .u-pagination__result,
2051
2126
  .u-pagination__limits {
2052
2127
  color: #545454;
2053
2128
  }
@@ -2108,7 +2183,7 @@ button {
2108
2183
  align-items: flex-end;
2109
2184
  cursor: pointer;
2110
2185
  justify-content: center;
2111
- width: 33px;
2186
+ width: 32px;
2112
2187
  height: 32px;
2113
2188
  border-radius: 8px;
2114
2189
  padding: 8px;
@@ -2117,6 +2192,7 @@ button {
2117
2192
  border: none;
2118
2193
  text-decoration: none;
2119
2194
  background: transparent;
2195
+ font-size: inherit;
2120
2196
  }
2121
2197
  .u-pagination .u-paginator__pages-num_active {
2122
2198
  color: #fff;
@@ -2652,6 +2728,7 @@ button {
2652
2728
  background-color: #E9ECF1;
2653
2729
  }
2654
2730
  .air-datepicker {
2731
+ z-index: 1001;
2655
2732
  margin-top: 2px;
2656
2733
  border: 1px solid #748AB9;
2657
2734
  border-radius: 10px;