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.
- package/package.json +3 -2
- package/src/main.css +36 -94
- package/playground/index.html +0 -946
- package/playground/main.ts +0 -9
- package/src/main.less +0 -130
- package/src/styles/components/accordion.less +0 -75
- package/src/styles/components/airdatepicker.less +0 -587
- package/src/styles/components/breadcrumbs.less +0 -102
- package/src/styles/components/button.less +0 -172
- package/src/styles/components/checkbox.less +0 -45
- package/src/styles/components/help.less +0 -39
- package/src/styles/components/icon.less +0 -63
- package/src/styles/components/input.less +0 -693
- package/src/styles/components/menu.less +0 -215
- package/src/styles/components/message.less +0 -32
- package/src/styles/components/modal.less +0 -36
- package/src/styles/components/notification.less +0 -67
- package/src/styles/components/pagination.less +0 -112
- package/src/styles/components/preloader.less +0 -124
- package/src/styles/components/radio.less +0 -45
- package/src/styles/components/status.less +0 -61
- package/src/styles/components/switch.less +0 -100
- package/src/styles/components/tab.less +0 -68
- package/src/styles/components/table.less +0 -109
- package/src/styles/const/base.less +0 -10
- package/src/styles/const/colors.less +0 -22
- package/src/styles/const/fonts.less +0 -52
- package/src/styles/const/icons.less +0 -8
- package/src/styles/fonts.less +0 -5
- package/src/styles/special-classes/colors.less +0 -147
- package/src/styles/special-classes/font-weight.less +0 -11
- package/src/styles/special-classes/selectors.less +0 -52
- package/tsconfig.json +0 -18
- 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.
|
|
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
|
|
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-
|
|
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
|
-
}
|