@itcase/ui 1.0.79 → 1.0.81
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/dist/components/Accordion.js +2 -4
- package/dist/components/Avatar.js +6 -5
- package/dist/components/Badge.js +2 -2
- package/dist/components/Breadcrumbs.js +45 -51
- package/dist/components/Button.js +28 -52
- package/dist/components/Cell.js +73 -71
- package/dist/components/Choice.js +1 -1
- package/dist/components/CookiesWarning.js +1 -1
- package/dist/components/DatePicker.js +104 -22
- package/dist/components/Grid.js +207 -207
- package/dist/components/Icon.js +8 -8
- package/dist/components/Label.js +1 -1
- package/dist/components/Link.js +11 -6
- package/dist/components/MenuItem.js +85 -85
- package/dist/components/Modal.js +17 -15
- package/dist/components/Pagination.js +64 -2
- package/dist/components/Search.js +9 -39
- package/dist/components/Segmented.js +18 -4
- package/dist/components/Swiper.js +2 -2
- package/dist/components/Tab.js +9 -9
- package/dist/components/Text.js +1 -1
- package/dist/components/Tile.js +1 -1
- package/dist/components/Title.js +1 -1
- package/dist/constants/componentProps/size.js +1 -1
- package/dist/constants/componentProps/strokeColor.js +1 -1
- package/dist/constants/componentProps/textColor.js +1 -1
- package/dist/constants/componentProps/textColorActive.js +1 -1
- package/dist/constants/componentProps/textColorHover.js +1 -1
- package/dist/css/components/Avatar/Avatar.css +6 -3
- package/dist/css/components/Choice/Choice.css +3 -3
- package/dist/css/components/Choice/css/__item/choice__item.css +1 -2
- package/dist/css/components/DadataHintField/DadataHintField.css +1 -0
- package/dist/css/components/DatePicker/DatePicker.css +27 -0
- package/dist/css/components/Dropdown/Dropdown.css +9 -0
- package/dist/css/components/MenuItem/MenuItem.css +11 -1
- package/dist/css/components/Notification/Notification.css +36 -23
- package/dist/css/components/Notification/css/__item/notification__item_set_float.css +2 -9
- package/dist/css/components/Notification/css/__item/notification__item_set_form.css +2 -3
- package/dist/css/components/Notification/css/__item/notification__item_set_toast.css +19 -0
- package/dist/css/components/Notification/css/__item/notification__item_set_top.css +0 -1
- package/dist/css/components/Notification/css/__item/notification__item_status.css +3 -3
- package/dist/css/components/Notification/css/__item/notification__item_type_close-button.css +10 -7
- package/dist/css/components/Search/Search.css +7 -7
- package/dist/css/components/Search/css/search-input/search-input.css +7 -7
- package/dist/css/components/Select/Select.css +7 -4
- package/dist/css/components/Select/css/__control/select__control_shape.css +1 -1
- package/dist/css/components/Select/css/__multi-value/select__multi-value.css +5 -2
- package/dist/css/components/Swiper/Swiper.css +2 -2
- package/dist/css/components/Tab/Tab.css +0 -10
- package/dist/css/components/Textarea/Textarea.css +1 -1
- package/package.json +15 -15
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
.notification__item {
|
|
2
|
+
&_set {
|
|
3
|
+
&_toast {
|
|
4
|
+
width: 100%;
|
|
5
|
+
background: var(--color-surface-primary);
|
|
6
|
+
padding: 12px 16px;
|
|
7
|
+
border-radius: 8px;
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
gap: 24px;
|
|
11
|
+
@mixin elevation-8;
|
|
12
|
+
^^&-wrapper {
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
gap: 4px;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
.notification__item {
|
|
2
2
|
&_status {
|
|
3
3
|
&_success {
|
|
4
|
+
background: var(--color-success-primary);
|
|
4
5
|
^^&-wrapper {
|
|
5
|
-
background: var(--color-success-primary);
|
|
6
6
|
^^^&-title {
|
|
7
7
|
color: var(--color-success-text-secondary);
|
|
8
8
|
}
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
&_error {
|
|
15
|
+
background: var(--color-error-primary);
|
|
15
16
|
^^&-wrapper {
|
|
16
|
-
background: var(--color-error-primary);
|
|
17
17
|
^^^&-title {
|
|
18
18
|
color: var(--color-error-text-secondary);
|
|
19
19
|
}
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
&_warning {
|
|
26
|
+
background: var(--color-primary-primary);
|
|
26
27
|
^^&-wrapper {
|
|
27
|
-
background: var(--color-primary-primary);
|
|
28
28
|
^^^&-title {
|
|
29
29
|
color: var(--color-primary-text-primary);
|
|
30
30
|
}
|
package/dist/css/components/Notification/css/__item/notification__item_type_close-button.css
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
.notification__item {
|
|
2
2
|
&_type {
|
|
3
3
|
&_close-button {
|
|
4
|
-
^^&-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
^^&-wrapper {
|
|
5
|
+
position: relative;
|
|
6
|
+
^^^&-title {
|
|
7
|
+
margin-right: 40px;
|
|
8
|
+
}
|
|
9
|
+
^^^&-close {
|
|
10
|
+
position: absolute;
|
|
11
|
+
top: 0;
|
|
12
|
+
right: 0;
|
|
13
|
+
}
|
|
11
14
|
}
|
|
12
15
|
}
|
|
13
16
|
}
|
|
@@ -23,19 +23,19 @@
|
|
|
23
23
|
width: 100%;
|
|
24
24
|
position: relative;
|
|
25
25
|
display: grid;
|
|
26
|
-
grid-template-columns: 1fr 1fr;
|
|
27
|
-
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
28
26
|
align-items: center;
|
|
27
|
+
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
28
|
+
grid-template-columns: 1fr 1fr;
|
|
29
29
|
}
|
|
30
30
|
&__value {
|
|
31
31
|
background: none;
|
|
32
|
+
padding: 1px 0 !important;
|
|
32
33
|
border: none;
|
|
33
34
|
position: relative;
|
|
34
35
|
display: block;
|
|
36
|
+
z-index: 2;
|
|
35
37
|
grid-column: 1/3;
|
|
36
38
|
grid-row-start: 1;
|
|
37
|
-
z-index: 2;
|
|
38
|
-
padding: 1.25px 0 !important;
|
|
39
39
|
&:focus {
|
|
40
40
|
outline: 0;
|
|
41
41
|
}
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
background: none;
|
|
50
50
|
border: none;
|
|
51
51
|
position: relative;
|
|
52
|
-
display:
|
|
52
|
+
display: grid;
|
|
53
53
|
grid-column: 1/3;
|
|
54
54
|
grid-row-start: 1;
|
|
55
55
|
&:focus {
|
|
@@ -60,10 +60,10 @@
|
|
|
60
60
|
margin: 0 4px 0 0;
|
|
61
61
|
position: absolute;
|
|
62
62
|
top: 50%;
|
|
63
|
-
transform: translate(0, -50%);
|
|
64
63
|
right: 0;
|
|
65
|
-
cursor: pointer;
|
|
66
64
|
z-index: 2;
|
|
65
|
+
transform: translate(0, -50%);
|
|
66
|
+
cursor: pointer;
|
|
67
67
|
}
|
|
68
68
|
&&_state_focus,
|
|
69
69
|
&&_state_filled {
|
|
@@ -12,19 +12,19 @@
|
|
|
12
12
|
width: 100%;
|
|
13
13
|
position: relative;
|
|
14
14
|
display: grid;
|
|
15
|
-
grid-template-columns: 1fr 1fr;
|
|
16
|
-
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
17
15
|
align-items: center;
|
|
16
|
+
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
17
|
+
grid-template-columns: 1fr 1fr;
|
|
18
18
|
}
|
|
19
19
|
&__value {
|
|
20
20
|
background: none;
|
|
21
|
+
padding: 1px 0 !important;
|
|
21
22
|
border: none;
|
|
22
23
|
position: relative;
|
|
23
24
|
display: block;
|
|
25
|
+
z-index: 2;
|
|
24
26
|
grid-column: 1/3;
|
|
25
27
|
grid-row-start: 1;
|
|
26
|
-
z-index: 2;
|
|
27
|
-
padding: 1.25px 0 !important;
|
|
28
28
|
&:focus {
|
|
29
29
|
outline: 0;
|
|
30
30
|
}
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
background: none;
|
|
39
39
|
border: none;
|
|
40
40
|
position: relative;
|
|
41
|
-
display:
|
|
41
|
+
display: grid;
|
|
42
42
|
grid-column: 1/3;
|
|
43
43
|
grid-row-start: 1;
|
|
44
44
|
&:focus {
|
|
@@ -49,10 +49,10 @@
|
|
|
49
49
|
margin: 0 4px 0 0;
|
|
50
50
|
position: absolute;
|
|
51
51
|
top: 50%;
|
|
52
|
-
transform: translate(0, -50%);
|
|
53
52
|
right: 0;
|
|
54
|
-
cursor: pointer;
|
|
55
53
|
z-index: 2;
|
|
54
|
+
transform: translate(0, -50%);
|
|
55
|
+
cursor: pointer;
|
|
56
56
|
}
|
|
57
57
|
&&_state_focus,
|
|
58
58
|
&&_state_filled {
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
.select {
|
|
34
34
|
&&_size {
|
|
35
|
-
@each $size in normal,
|
|
35
|
+
@each $size in xs, s, m, l, xl, xxl, tiny, compact, normal, large {
|
|
36
36
|
&_$(size) {
|
|
37
37
|
^^&__control {
|
|
38
38
|
padding: var(--select-size-$(size)-padding);
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
&__control {
|
|
110
110
|
&_shape {
|
|
111
111
|
&_rounded {
|
|
112
|
-
border-radius: 6px;
|
|
112
|
+
border-radius: var(--select-control-shape-rounded, 6px);
|
|
113
113
|
}
|
|
114
114
|
&_circular {
|
|
115
115
|
border-radius: 50%;
|
|
@@ -234,8 +234,11 @@
|
|
|
234
234
|
|
|
235
235
|
.select__multi-value {
|
|
236
236
|
&-wrapper {
|
|
237
|
-
padding: 4px 6px;
|
|
238
|
-
border-radius: 6px;
|
|
237
|
+
padding: var(--select-multi-value-padding, 4px 6px);
|
|
238
|
+
border-radius: var(--select-multi-value-border-radius, 6px);
|
|
239
|
+
^&__label {
|
|
240
|
+
display: flex;
|
|
241
|
+
}
|
|
239
242
|
}
|
|
240
243
|
}
|
|
241
244
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Swiper 11.0.
|
|
2
|
+
* Swiper 11.0.4
|
|
3
3
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
4
4
|
* https://swiperjs.com
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: November 9, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/* FONT_START */
|
|
@@ -59,19 +59,9 @@
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
|
-
.tab {
|
|
63
|
-
&_state {
|
|
64
|
-
&_active {
|
|
65
|
-
^^&__label {
|
|
66
|
-
color: var(--color-surface-text-accent);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
62
|
:root {
|
|
72
63
|
--tab-size-normal-padding: 10px;
|
|
73
64
|
--tab-size-normal-gap: 10px;
|
|
74
|
-
|
|
75
65
|
--tab-size-compact-padding: 10px;
|
|
76
66
|
--tab-size-compact-gap: 10px;
|
|
77
67
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.81",
|
|
4
4
|
"description": "UI components (Modal, Loader, Popup, etc)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Modal",
|
|
@@ -40,12 +40,12 @@
|
|
|
40
40
|
"registry": "https://registry.npmjs.org/"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@itcase/common": "^1.1.
|
|
43
|
+
"@itcase/common": "^1.1.10",
|
|
44
44
|
"clsx": "^2.0.0",
|
|
45
45
|
"html5-boilerplate": "^8.0.0",
|
|
46
46
|
"js-cookie": "^3.0.5",
|
|
47
47
|
"lodash": "^4.17.21",
|
|
48
|
-
"luxon": "^3.4.
|
|
48
|
+
"luxon": "^3.4.4",
|
|
49
49
|
"prop-types": "^15.8.1",
|
|
50
50
|
"rc-slider": "^10.4.0",
|
|
51
51
|
"react": "^18.2.0",
|
|
@@ -59,16 +59,16 @@
|
|
|
59
59
|
"react-responsive": "^9.0.2",
|
|
60
60
|
"react-scrollbars-custom": "^4.1.1",
|
|
61
61
|
"react-select": "^5.8.0",
|
|
62
|
-
"swiper": "^11.0.
|
|
62
|
+
"swiper": "^11.0.4",
|
|
63
63
|
"uuid": "^9.0.1"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
|
-
"@babel/core": "^7.23.
|
|
67
|
-
"@babel/eslint-parser": "^7.
|
|
68
|
-
"@babel/preset-env": "^7.23.
|
|
69
|
-
"@babel/preset-react": "^7.
|
|
70
|
-
"@commitlint/cli": "^18.2
|
|
71
|
-
"@commitlint/config-conventional": "^18.
|
|
66
|
+
"@babel/core": "^7.23.3",
|
|
67
|
+
"@babel/eslint-parser": "^7.23.3",
|
|
68
|
+
"@babel/preset-env": "^7.23.3",
|
|
69
|
+
"@babel/preset-react": "^7.23.3",
|
|
70
|
+
"@commitlint/cli": "^18.4.2",
|
|
71
|
+
"@commitlint/config-conventional": "^18.4.2",
|
|
72
72
|
"@rollup/plugin-babel": "^6.0.4",
|
|
73
73
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
74
74
|
"@rollup/plugin-json": "^6.0.1",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"eslint-config-standard": "^17.1.0",
|
|
87
87
|
"eslint-plugin-babel": "^5.3.1",
|
|
88
88
|
"eslint-plugin-import": "^2.29.0",
|
|
89
|
-
"eslint-plugin-n": "^16.3.
|
|
89
|
+
"eslint-plugin-n": "^16.3.1",
|
|
90
90
|
"eslint-plugin-node": "^11.1.0",
|
|
91
91
|
"eslint-plugin-prettier": "^5.0.1",
|
|
92
92
|
"eslint-plugin-promise": "^6.1.1",
|
|
@@ -94,8 +94,8 @@
|
|
|
94
94
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
95
95
|
"eslint-plugin-standard": "^5.0.0",
|
|
96
96
|
"husky": "^8.0.3",
|
|
97
|
-
"lint-staged": "^15.0
|
|
98
|
-
"npm": "^10.2.
|
|
97
|
+
"lint-staged": "^15.1.0",
|
|
98
|
+
"npm": "^10.2.4",
|
|
99
99
|
"postcss": "^8.4.31",
|
|
100
100
|
"postcss-aspect-ratio-polyfill": "^2.0.0",
|
|
101
101
|
"postcss-cli": "^10.1.0",
|
|
@@ -118,9 +118,9 @@
|
|
|
118
118
|
"postcss-pxtorem": "^6.0.0",
|
|
119
119
|
"postcss-responsive-type": "github:ITCase/postcss-responsive-type",
|
|
120
120
|
"postcss-sort-media-queries": "^5.2.0",
|
|
121
|
-
"prettier": "^3.0
|
|
121
|
+
"prettier": "^3.1.0",
|
|
122
122
|
"react-datepicker": "^4.21.0",
|
|
123
|
-
"rollup": "^4.
|
|
123
|
+
"rollup": "^4.4.1",
|
|
124
124
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
125
125
|
"semantic-release": "^22.0.7",
|
|
126
126
|
"stylelint": "^15.11.0",
|