urfu-ui-kit-vanilla 1.0.37 → 1.0.39

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 (39) hide show
  1. package/package.json +3 -2
  2. package/src/main.css +42 -91
  3. package/playground/index.html +0 -932
  4. package/playground/main.ts +0 -9
  5. package/src/fonts/urfu-ui-icon-font.eot +0 -0
  6. package/src/fonts/urfu-ui-icon-font.svg +0 -96
  7. package/src/fonts/urfu-ui-icon-font.ttf +0 -0
  8. package/src/fonts/urfu-ui-icon-font.woff +0 -0
  9. package/src/main.less +0 -130
  10. package/src/styles/components/accordion.less +0 -75
  11. package/src/styles/components/airdatepicker.less +0 -587
  12. package/src/styles/components/breadcrumbs.less +0 -102
  13. package/src/styles/components/button.less +0 -172
  14. package/src/styles/components/checkbox.less +0 -45
  15. package/src/styles/components/help.less +0 -39
  16. package/src/styles/components/icon.less +0 -63
  17. package/src/styles/components/input.less +0 -693
  18. package/src/styles/components/menu.less +0 -211
  19. package/src/styles/components/message.less +0 -32
  20. package/src/styles/components/modal.less +0 -36
  21. package/src/styles/components/notification.less +0 -67
  22. package/src/styles/components/pagination.less +0 -110
  23. package/src/styles/components/preloader.less +0 -124
  24. package/src/styles/components/radio.less +0 -45
  25. package/src/styles/components/status.less +0 -61
  26. package/src/styles/components/switch.less +0 -98
  27. package/src/styles/components/tab.less +0 -68
  28. package/src/styles/components/table.less +0 -109
  29. package/src/styles/const/base.less +0 -10
  30. package/src/styles/const/colors.less +0 -22
  31. package/src/styles/const/fonts.less +0 -52
  32. package/src/styles/const/icons.less +0 -8
  33. package/src/styles/fonts.less +0 -5
  34. package/src/styles/special-classes/colors.less +0 -147
  35. package/src/styles/special-classes/font-weight.less +0 -11
  36. package/src/styles/special-classes/selectors.less +0 -52
  37. package/src/ui-icons.css +0 -371
  38. package/tsconfig.json +0 -18
  39. 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.37",
6
+ "version": "1.0.39",
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"]
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
  }
@@ -48,14 +21,14 @@ button {
48
21
  /* полоса прокрутки (скроллбар) */
49
22
  ::-webkit-scrollbar {
50
23
  background-color: transparent;
51
- width: 0.5vw;
24
+ width: 0.45vw;
52
25
  height: 1.5vh;
53
26
  }
54
27
  /* ползунок скроллбара */
55
28
  ::-webkit-scrollbar-thumb {
56
29
  background-color: #D3D3D3;
57
- border-radius: 5px;
58
- width: 0.5vw;
30
+ border-radius: 10px;
31
+ width: 0.45vw;
59
32
  height: 1.5vh;
60
33
  }
61
34
  ::-webkit-scrollbar-thumb:hover {
@@ -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;
@@ -1292,6 +1292,8 @@ button {
1292
1292
  .u-switch-gradient {
1293
1293
  cursor: pointer;
1294
1294
  display: flex;
1295
+ align-items: center;
1296
+ column-gap: 10px;
1295
1297
  }
1296
1298
  .u-switch-gradient input {
1297
1299
  display: none;
@@ -1664,7 +1666,9 @@ button {
1664
1666
  display: flex;
1665
1667
  align-items: center;
1666
1668
  justify-content: space-between;
1667
- padding: 1.5rem 3.6rem;
1669
+ padding: 20px 50px;
1670
+ border-radius: 10px;
1671
+ background-color: #FFFFFF;
1668
1672
  }
1669
1673
  .u-pagination__result,
1670
1674
  .u-pagination__limits,
@@ -2766,7 +2770,7 @@ button {
2766
2770
  overflow: hidden;
2767
2771
  overflow-y: auto;
2768
2772
  }
2769
- .u-modal.active {
2773
+ .u-modal-active {
2770
2774
  transform: scale(1);
2771
2775
  }
2772
2776
  .u-modal__container {
@@ -2791,6 +2795,9 @@ button {
2791
2795
  .u-menu-list {
2792
2796
  margin: 0;
2793
2797
  padding: 0;
2798
+ overflow-y: auto;
2799
+ overflow-x: hidden;
2800
+ max-height: 100vh;
2794
2801
  }
2795
2802
  .u-menu-list-item {
2796
2803
  display: flex;
@@ -2913,6 +2920,9 @@ button {
2913
2920
  .u-collapsible-menu-list {
2914
2921
  margin: 0;
2915
2922
  padding: 0;
2923
+ overflow-y: auto;
2924
+ overflow-x: hidden;
2925
+ max-height: 100vh;
2916
2926
  }
2917
2927
  .u-collapsible-menu-list-item {
2918
2928
  display: flex;
@@ -3200,62 +3210,3 @@ h5,
3200
3210
  text-decoration: underline;
3201
3211
  text-underline-offset: 0.22em;
3202
3212
  }
3203
- * {
3204
- box-sizing: border-box;
3205
- }
3206
- p,
3207
- h1,
3208
- h2,
3209
- h3,
3210
- h4,
3211
- h5,
3212
- h6 {
3213
- margin: 0;
3214
- padding: 0;
3215
- }
3216
- button {
3217
- text-decoration: none;
3218
- border: none;
3219
- background: transparent;
3220
- }
3221
- /* полоса прокрутки (скроллбар) */
3222
- ::-webkit-scrollbar {
3223
- background-color: transparent;
3224
- width: 0.5vw;
3225
- height: 1.5vh;
3226
- }
3227
- /* ползунок скроллбара */
3228
- ::-webkit-scrollbar-thumb {
3229
- background-color: #D3D3D3;
3230
- border-radius: 5px;
3231
- width: 0.5vw;
3232
- height: 1.5vh;
3233
- }
3234
- ::-webkit-scrollbar-thumb:hover {
3235
- background-color: #7A7A7A;
3236
- }
3237
- ::-webkit-scrollbar-button:vertical:start:decrement {
3238
- display: none;
3239
- }
3240
- ::-webkit-scrollbar-button:vertical:end:increment {
3241
- display: none;
3242
- }
3243
- ::-webkit-scrollbar-button:horizontal:start:decrement {
3244
- display: none;
3245
- }
3246
- ::-webkit-scrollbar-button:horizontal:end:increment {
3247
- display: none;
3248
- }
3249
- * {
3250
- scrollbar-color: #D3D3D3 transparent;
3251
- /*Цвет скролла, цвет ползунка*/
3252
- scrollbar-width: thin;
3253
- /*Толщина скролла thin, auto*/
3254
- }
3255
- .flex-container__2 {
3256
- display: flex;
3257
- column-gap: 15px;
3258
- }
3259
- .flex-container__2 > .flex-item {
3260
- flex: 0 0 50%;
3261
- }