urfu-ui-kit-vanilla 1.0.38 → 1.0.40

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 (34) hide show
  1. package/package.json +3 -2
  2. package/src/main.css +36 -94
  3. package/playground/index.html +0 -946
  4. package/playground/main.ts +0 -9
  5. package/src/main.less +0 -130
  6. package/src/styles/components/accordion.less +0 -75
  7. package/src/styles/components/airdatepicker.less +0 -587
  8. package/src/styles/components/breadcrumbs.less +0 -102
  9. package/src/styles/components/button.less +0 -172
  10. package/src/styles/components/checkbox.less +0 -45
  11. package/src/styles/components/help.less +0 -39
  12. package/src/styles/components/icon.less +0 -63
  13. package/src/styles/components/input.less +0 -693
  14. package/src/styles/components/menu.less +0 -215
  15. package/src/styles/components/message.less +0 -32
  16. package/src/styles/components/modal.less +0 -36
  17. package/src/styles/components/notification.less +0 -67
  18. package/src/styles/components/pagination.less +0 -112
  19. package/src/styles/components/preloader.less +0 -124
  20. package/src/styles/components/radio.less +0 -45
  21. package/src/styles/components/status.less +0 -61
  22. package/src/styles/components/switch.less +0 -100
  23. package/src/styles/components/tab.less +0 -68
  24. package/src/styles/components/table.less +0 -109
  25. package/src/styles/const/base.less +0 -10
  26. package/src/styles/const/colors.less +0 -22
  27. package/src/styles/const/fonts.less +0 -52
  28. package/src/styles/const/icons.less +0 -8
  29. package/src/styles/fonts.less +0 -5
  30. package/src/styles/special-classes/colors.less +0 -147
  31. package/src/styles/special-classes/font-weight.less +0 -11
  32. package/src/styles/special-classes/selectors.less +0 -52
  33. package/tsconfig.json +0 -18
  34. package/vite.config.ts +0 -12
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.38",
6
+ "version": "1.0.40",
7
7
  "type": "module",
8
8
  "scripts": {
9
9
  "start": "vite serve playground",
@@ -18,5 +18,6 @@
18
18
  },
19
19
  "dependencies": {
20
20
  "air-datepicker": "^3.3.5"
21
- }
21
+ },
22
+ "files": ["src/main.css", "src/ui-icons.css", "src/fonts/*"]
22
23
  }
package/src/main.css CHANGED
@@ -1,32 +1,5 @@
1
1
  @import "ui-icons.css";
2
2
  @import "ui-icons.css";
3
- @font-face {
4
- font-family: 'Open Sans';
5
- font-style: normal;
6
- font-weight: 400;
7
- font-stretch: normal;
8
- font-display: swap;
9
- src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
10
- }
11
- @font-face {
12
- font-family: 'Open Sans';
13
- font-style: normal;
14
- font-weight: 600;
15
- font-stretch: normal;
16
- font-display: swap;
17
- src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype');
18
- }
19
- @font-face {
20
- font-family: 'Open Sans';
21
- font-style: normal;
22
- font-weight: 700;
23
- font-stretch: normal;
24
- font-display: swap;
25
- src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
26
- }
27
- * {
28
- font-family: 'Montserrat';
29
- }
30
3
  * {
31
4
  box-sizing: border-box;
32
5
  }
@@ -86,6 +59,33 @@ button {
86
59
  .flex-container__2 > .flex-item {
87
60
  flex: 0 0 50%;
88
61
  }
62
+ @font-face {
63
+ font-family: 'Open Sans';
64
+ font-style: normal;
65
+ font-weight: 400;
66
+ font-stretch: normal;
67
+ font-display: swap;
68
+ src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
69
+ }
70
+ @font-face {
71
+ font-family: 'Open Sans';
72
+ font-style: normal;
73
+ font-weight: 600;
74
+ font-stretch: normal;
75
+ font-display: swap;
76
+ src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype');
77
+ }
78
+ @font-face {
79
+ font-family: 'Open Sans';
80
+ font-style: normal;
81
+ font-weight: 700;
82
+ font-stretch: normal;
83
+ font-display: swap;
84
+ src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
85
+ }
86
+ * {
87
+ font-family: 'Montserrat';
88
+ }
89
89
  .u-button {
90
90
  height: 48px;
91
91
  padding: 0 50px;
@@ -776,7 +776,7 @@ button {
776
776
  .u-multiselectbox-select-open ~ .u-multiselectbox-select-icon-arrow {
777
777
  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 ");
778
778
  }
779
- .u-multiselectbox-select-open ~ .u-multiselectbox-options-wrapper {
779
+ .u-multiselectbox-select-open ~ .u-multiselectbox-options {
780
780
  display: block;
781
781
  }
782
782
  .u-multiselectbox-select-icon-arrow {
@@ -820,18 +820,13 @@ button {
820
820
  overflow-y: auto;
821
821
  max-height: 195px;
822
822
  width: 100%;
823
- border-top-left-radius: 10px;
824
- border-bottom-left-radius: 10px;
825
- background-color: #FFFFFF;
826
- }
827
- .u-multiselectbox-options-wrapper {
828
- padding-right: 2px;
823
+ border-radius: 10px;
829
824
  z-index: 100;
830
825
  display: none;
831
826
  position: absolute;
832
- border-radius: 10px;
833
827
  border: 1px solid #748AB9;
834
828
  margin-top: 2px;
829
+ background-color: #FFFFFF;
835
830
  }
836
831
  .u-multiselectbox-option {
837
832
  background-color: #FFFFFF;
@@ -873,8 +868,12 @@ button {
873
868
  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 ");
874
869
  margin-right: 16px;
875
870
  }
871
+ .u-multiselectbox-option:first-child {
872
+ border-top-left-radius: 10px;
873
+ }
876
874
  .u-multiselectbox-option:last-child {
877
875
  border-bottom: none;
876
+ border-bottom-left-radius: 10px;
878
877
  }
879
878
  .u-multiselectbox-option:hover {
880
879
  background-color: #E7F2FF;
@@ -2797,6 +2796,7 @@ button {
2797
2796
  margin: 0;
2798
2797
  padding: 0;
2799
2798
  overflow-y: auto;
2799
+ overflow-x: hidden;
2800
2800
  max-height: 100vh;
2801
2801
  }
2802
2802
  .u-menu-list-item {
@@ -2921,6 +2921,7 @@ button {
2921
2921
  margin: 0;
2922
2922
  padding: 0;
2923
2923
  overflow-y: auto;
2924
+ overflow-x: hidden;
2924
2925
  max-height: 100vh;
2925
2926
  }
2926
2927
  .u-collapsible-menu-list-item {
@@ -3209,62 +3210,3 @@ h5,
3209
3210
  text-decoration: underline;
3210
3211
  text-underline-offset: 0.22em;
3211
3212
  }
3212
- * {
3213
- box-sizing: border-box;
3214
- }
3215
- p,
3216
- h1,
3217
- h2,
3218
- h3,
3219
- h4,
3220
- h5,
3221
- h6 {
3222
- margin: 0;
3223
- padding: 0;
3224
- }
3225
- button {
3226
- text-decoration: none;
3227
- border: none;
3228
- background: transparent;
3229
- }
3230
- /* полоса прокрутки (скроллбар) */
3231
- ::-webkit-scrollbar {
3232
- background-color: transparent;
3233
- width: 0.45vw;
3234
- height: 1.5vh;
3235
- }
3236
- /* ползунок скроллбара */
3237
- ::-webkit-scrollbar-thumb {
3238
- background-color: #D3D3D3;
3239
- border-radius: 10px;
3240
- width: 0.45vw;
3241
- height: 1.5vh;
3242
- }
3243
- ::-webkit-scrollbar-thumb:hover {
3244
- background-color: #7A7A7A;
3245
- }
3246
- ::-webkit-scrollbar-button:vertical:start:decrement {
3247
- display: none;
3248
- }
3249
- ::-webkit-scrollbar-button:vertical:end:increment {
3250
- display: none;
3251
- }
3252
- ::-webkit-scrollbar-button:horizontal:start:decrement {
3253
- display: none;
3254
- }
3255
- ::-webkit-scrollbar-button:horizontal:end:increment {
3256
- display: none;
3257
- }
3258
- * {
3259
- scrollbar-color: #D3D3D3 transparent;
3260
- /*Цвет скролла, цвет ползунка*/
3261
- scrollbar-width: thin;
3262
- /*Толщина скролла thin, auto*/
3263
- }
3264
- .flex-container__2 {
3265
- display: flex;
3266
- column-gap: 15px;
3267
- }
3268
- .flex-container__2 > .flex-item {
3269
- flex: 0 0 50%;
3270
- }