@itcase/ui 1.0.83 → 1.0.85
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/SelectContainer-6GiJFRo0.js +8677 -0
- package/dist/components/Badge.js +3 -3
- package/dist/components/Button.js +10 -10
- package/dist/components/Card.js +2 -2
- package/dist/components/Cell.js +63 -51
- package/dist/components/Choice.js +109 -15
- package/dist/components/Code.js +13 -3
- package/dist/components/DatePicker.js +3 -2
- package/dist/components/FormField.js +2 -2
- package/dist/components/Icon.js +72 -72
- package/dist/components/Label.js +19 -4
- package/dist/components/Notification.js +2 -2
- package/dist/components/Search.js +38 -25
- package/dist/components/Select.js +34 -8668
- package/dist/components/Swiper.js +6 -4
- package/dist/components/Tab.js +12 -7
- package/dist/constants/componentProps/size.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/context/Notifications.js +28 -30
- package/dist/css/components/Cell/Cell.css +40 -1
- package/dist/css/components/DatePicker/DatePicker.css +34 -8
- package/dist/css/components/Label/Label.css +37 -1
- package/dist/css/components/Select/Select.css +5 -0
- package/dist/css/components/Select/css/__menu/select__menu.css +5 -0
- package/dist/css/components/Swiper/Swiper.css +2 -2
- package/package.json +27 -27
|
@@ -1070,6 +1070,7 @@ function updateSlides() {
|
|
|
1070
1070
|
if (params.watchSlidesProgress) {
|
|
1071
1071
|
swiper.updateSlidesOffset();
|
|
1072
1072
|
}
|
|
1073
|
+
swiper.emit('slidesUpdated');
|
|
1073
1074
|
if (!isVirtual && !params.cssMode && (params.effect === 'slide' || params.effect === 'fade')) {
|
|
1074
1075
|
const backFaceHiddenClass = `${params.containerModifierClass}backface-hidden`;
|
|
1075
1076
|
const hasClassBackfaceClassAdded = swiper.el.classList.contains(backFaceHiddenClass);
|
|
@@ -3030,16 +3031,17 @@ function onTouchEnd(event) {
|
|
|
3030
3031
|
}
|
|
3031
3032
|
|
|
3032
3033
|
// Find current slide
|
|
3034
|
+
const swipeToLast = currentPos >= -swiper.maxTranslate() && !swiper.params.loop;
|
|
3033
3035
|
let stopIndex = 0;
|
|
3034
3036
|
let groupSize = swiper.slidesSizesGrid[0];
|
|
3035
3037
|
for (let i = 0; i < slidesGrid.length; i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup) {
|
|
3036
3038
|
const increment = i < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
|
|
3037
3039
|
if (typeof slidesGrid[i + increment] !== 'undefined') {
|
|
3038
|
-
if (currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + increment]) {
|
|
3040
|
+
if (swipeToLast || currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + increment]) {
|
|
3039
3041
|
stopIndex = i;
|
|
3040
3042
|
groupSize = slidesGrid[i + increment] - slidesGrid[i];
|
|
3041
3043
|
}
|
|
3042
|
-
} else if (currentPos >= slidesGrid[i]) {
|
|
3044
|
+
} else if (swipeToLast || currentPos >= slidesGrid[i]) {
|
|
3043
3045
|
stopIndex = i;
|
|
3044
3046
|
groupSize = slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];
|
|
3045
3047
|
}
|
|
@@ -4664,7 +4666,7 @@ const updateOnVirtualData = swiper => {
|
|
|
4664
4666
|
};
|
|
4665
4667
|
|
|
4666
4668
|
/**
|
|
4667
|
-
* Swiper React 11.0.
|
|
4669
|
+
* Swiper React 11.0.5
|
|
4668
4670
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
4669
4671
|
* https://swiperjs.com
|
|
4670
4672
|
*
|
|
@@ -4672,7 +4674,7 @@ const updateOnVirtualData = swiper => {
|
|
|
4672
4674
|
*
|
|
4673
4675
|
* Released under the MIT License
|
|
4674
4676
|
*
|
|
4675
|
-
* Released on: November
|
|
4677
|
+
* Released on: November 22, 2023
|
|
4676
4678
|
*/
|
|
4677
4679
|
|
|
4678
4680
|
|
package/dist/components/Tab.js
CHANGED
|
@@ -155,8 +155,8 @@ function Tab(props) {
|
|
|
155
155
|
}, label && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
|
|
156
156
|
className: "tab__label",
|
|
157
157
|
size: labelTextSize,
|
|
158
|
-
textColor: labelColor || tabConfig.appearance[appearance]
|
|
159
|
-
textColorActive: isActive && (labelColorActive || tabConfig.appearance[appearance]
|
|
158
|
+
textColor: labelColor || tabConfig.appearance[appearance].labelColor,
|
|
159
|
+
textColorActive: isActive && (labelColorActive || tabConfig.appearance[appearance].labelColorActive),
|
|
160
160
|
textColorGradient: labelTextGradient,
|
|
161
161
|
textColorHover: labelTextColorHover,
|
|
162
162
|
textStyle: labelTextStyle,
|
|
@@ -169,11 +169,11 @@ function Tab(props) {
|
|
|
169
169
|
value: badgeValue
|
|
170
170
|
})), /*#__PURE__*/React__default.default.createElement(index$3.Divider, {
|
|
171
171
|
direction: dividerDirection,
|
|
172
|
-
fill: dividerFill || tabConfig.appearance[appearance]
|
|
173
|
-
fillActive: isActive && (dividerFillActive || tabConfig.appearance[appearance]
|
|
172
|
+
fill: dividerFill || tabConfig.appearance[appearance].dividerFill,
|
|
173
|
+
fillActive: isActive && (dividerFillActive || tabConfig.appearance[appearance].dividerFillActive),
|
|
174
174
|
fillActiveHover: dividerFillActiveHover,
|
|
175
175
|
fillDisabled: dividerFillDisabled,
|
|
176
|
-
fillHover: isHover && (dividerFillHover || tabConfig.appearance[appearance]
|
|
176
|
+
fillHover: isHover && (dividerFillHover || tabConfig.appearance[appearance].dividerFillHover),
|
|
177
177
|
size: dividerSize,
|
|
178
178
|
width: "fill"
|
|
179
179
|
})), after)));
|
|
@@ -189,7 +189,7 @@ Tab.propTypes = {
|
|
|
189
189
|
fillTablet: PropTypes__default.default.oneOf(fill.default),
|
|
190
190
|
href: PropTypes__default.default.string,
|
|
191
191
|
isActive: PropTypes__default.default.bool,
|
|
192
|
-
label: PropTypes__default.default.string,
|
|
192
|
+
label: PropTypes__default.default.oneOfType([PropTypes__default.default.element, PropTypes__default.default.string]),
|
|
193
193
|
labelColor: PropTypes__default.default.oneOf(textColor.default),
|
|
194
194
|
labelColorActive: PropTypes__default.default.oneOf(textColorActive.default),
|
|
195
195
|
labelTextColorHover: PropTypes__default.default.oneOf(textColorHover.default),
|
|
@@ -344,7 +344,12 @@ Tab.__docgenInfo = {
|
|
|
344
344
|
"label": {
|
|
345
345
|
"description": "",
|
|
346
346
|
"type": {
|
|
347
|
-
"name": "
|
|
347
|
+
"name": "union",
|
|
348
|
+
"value": [{
|
|
349
|
+
"name": "element"
|
|
350
|
+
}, {
|
|
351
|
+
"name": "string"
|
|
352
|
+
}]
|
|
348
353
|
},
|
|
349
354
|
"required": false
|
|
350
355
|
},
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const textColorProps = [null, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
|
|
3
|
+
const textColorProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
|
|
4
4
|
|
|
5
5
|
exports.default = textColorProps;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary'];
|
|
3
|
+
const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
|
|
4
4
|
|
|
5
5
|
exports.default = textColorActiveProps;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const textColorHoverProps = [null, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
|
|
3
|
+
const textColorHoverProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
|
|
4
4
|
|
|
5
5
|
exports.default = textColorHoverProps;
|
|
@@ -23,6 +23,18 @@ const NotificationsAPIContext = /*#__PURE__*/React.createContext({
|
|
|
23
23
|
});
|
|
24
24
|
function NotificationsProvider(props) {
|
|
25
25
|
const [notifications, setNotifications] = React.useState([]);
|
|
26
|
+
const hideNotifications = React.useCallback(id => {
|
|
27
|
+
setNotifications(prevState => {
|
|
28
|
+
const currentNotification = prevState.find(notification => notification.id === id);
|
|
29
|
+
if (currentNotification) {
|
|
30
|
+
if (typeof currentNotification.onClose === 'function') {
|
|
31
|
+
currentNotification.onClose();
|
|
32
|
+
}
|
|
33
|
+
return prevState.filter(notification => notification.id !== id);
|
|
34
|
+
}
|
|
35
|
+
return prevState;
|
|
36
|
+
});
|
|
37
|
+
}, []);
|
|
26
38
|
const showNotification = React.useCallback((notification, onClose) => {
|
|
27
39
|
let id = uuid.v4().split('-')[0];
|
|
28
40
|
let title = '';
|
|
@@ -37,48 +49,34 @@ function NotificationsProvider(props) {
|
|
|
37
49
|
title = notification.title ?? title;
|
|
38
50
|
text = notification.text ?? text;
|
|
39
51
|
status = notification.status ?? status;
|
|
40
|
-
switch (status) {
|
|
41
|
-
case 'success':
|
|
42
|
-
textColor = 'successTextPrimary';
|
|
43
|
-
break;
|
|
44
|
-
case 'info':
|
|
45
|
-
textColor = 'infoTextPrimary';
|
|
46
|
-
break;
|
|
47
|
-
case 'error':
|
|
48
|
-
textColor = 'errorTextPrimary';
|
|
49
|
-
break;
|
|
50
|
-
case 'warning':
|
|
51
|
-
textColor = 'warningTextPrimary';
|
|
52
|
-
break;
|
|
53
|
-
}
|
|
54
52
|
closeByTime = notification.closeByTime ?? closeByTime;
|
|
55
53
|
}
|
|
54
|
+
switch (status) {
|
|
55
|
+
case 'success':
|
|
56
|
+
textColor = 'successTextPrimary';
|
|
57
|
+
break;
|
|
58
|
+
case 'info':
|
|
59
|
+
textColor = 'infoTextPrimary';
|
|
60
|
+
break;
|
|
61
|
+
case 'error':
|
|
62
|
+
textColor = 'errorTextPrimary';
|
|
63
|
+
break;
|
|
64
|
+
case 'warning':
|
|
65
|
+
textColor = 'warningTextPrimary';
|
|
66
|
+
break;
|
|
67
|
+
}
|
|
56
68
|
setNotifications(prevState => [...prevState, {
|
|
57
69
|
id: id,
|
|
58
70
|
title: title,
|
|
59
71
|
text: text,
|
|
60
72
|
status: status,
|
|
61
73
|
textColor: textColor,
|
|
62
|
-
// closeByTime: closeByTime,
|
|
63
74
|
onClose: onClose
|
|
64
75
|
}]);
|
|
65
76
|
if (closeByTime) {
|
|
66
|
-
setTimeout(() =>
|
|
67
|
-
setNotifications(prevState => {
|
|
68
|
-
const currentNotification = prevState.find(notification => notification.id === id);
|
|
69
|
-
if (currentNotification) {
|
|
70
|
-
if (typeof currentNotification.onClose === 'function') {
|
|
71
|
-
currentNotification.onClose();
|
|
72
|
-
}
|
|
73
|
-
return prevState.filter(notification => notification.id !== id);
|
|
74
|
-
}
|
|
75
|
-
return prevState;
|
|
76
|
-
});
|
|
77
|
-
}, closeByTime);
|
|
77
|
+
setTimeout(() => hideNotifications(id), closeByTime);
|
|
78
78
|
}
|
|
79
|
-
|
|
80
|
-
const hideNotifications = React.useCallback(id => {
|
|
81
|
-
setNotifications(prevState => prevState.filter(notification => notification.id !== id));
|
|
79
|
+
return id;
|
|
82
80
|
}, []);
|
|
83
81
|
const notificationsAPI = React.useMemo(() => ({
|
|
84
82
|
showNotification: showNotification,
|
|
@@ -16,12 +16,24 @@
|
|
|
16
16
|
&_vertical {
|
|
17
17
|
display: flex;
|
|
18
18
|
flex-direction: column;
|
|
19
|
+
gap: var(--cell-vertical-gap, 4px);
|
|
19
20
|
}
|
|
20
21
|
&_horizontal {
|
|
21
22
|
display: flex;
|
|
22
23
|
flex-direction: row;
|
|
23
24
|
justify-content: space-between;
|
|
24
|
-
gap: 20px;
|
|
25
|
+
gap: var(--cell-horizontal-gap, 20px);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
.cell {
|
|
31
|
+
&_size {
|
|
32
|
+
@each $size in s, m, l, xl {
|
|
33
|
+
&_$(size) {
|
|
34
|
+
^^&__wrapper {
|
|
35
|
+
padding: var(--cell-size-$(size)-padding);
|
|
36
|
+
}
|
|
25
37
|
}
|
|
26
38
|
}
|
|
27
39
|
}
|
|
@@ -39,3 +51,30 @@
|
|
|
39
51
|
}
|
|
40
52
|
}
|
|
41
53
|
}
|
|
54
|
+
.cell {
|
|
55
|
+
&_reset-gap {
|
|
56
|
+
^&__wrapper {
|
|
57
|
+
gap: 0;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
.cell {
|
|
62
|
+
&_reset-padding {
|
|
63
|
+
^&__wrapper {
|
|
64
|
+
padding: 0;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
.cell {
|
|
69
|
+
&_reverse {
|
|
70
|
+
^&__wrapper {
|
|
71
|
+
flex-direction: column-reverse;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
:root {
|
|
76
|
+
--cell-size-s-padding: 6px;
|
|
77
|
+
--cell-size-m-padding: 6px;
|
|
78
|
+
--cell-size-l-padding: 6px;
|
|
79
|
+
--cell-size-xl-padding: 12px;
|
|
80
|
+
}
|
|
@@ -350,17 +350,34 @@
|
|
|
350
350
|
.react-datepicker__week-number.react-datepicker__week-number--clickable {
|
|
351
351
|
cursor: pointer;
|
|
352
352
|
}
|
|
353
|
-
.react-datepicker__week-number.react-datepicker__week-number--clickable:
|
|
353
|
+
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
|
|
354
|
+
.react-datepicker__week-number--keyboard-selected):hover {
|
|
354
355
|
border-radius: 0.3rem;
|
|
355
356
|
background-color: #f0f0f0;
|
|
356
357
|
}
|
|
357
|
-
.react-
|
|
358
|
-
|
|
359
|
-
|
|
358
|
+
.react-datepicker__week-number--selected {
|
|
359
|
+
border-radius: 0.3rem;
|
|
360
|
+
background-color: #216ba5;
|
|
361
|
+
color: #fff;
|
|
362
|
+
}
|
|
363
|
+
.react-datepicker__week-number--selected:hover {
|
|
364
|
+
background-color: #1d5d90;
|
|
365
|
+
}
|
|
366
|
+
.react-datepicker__week-number--keyboard-selected {
|
|
367
|
+
border-radius: 0.3rem;
|
|
368
|
+
background-color: #2a87d0;
|
|
369
|
+
color: #fff;
|
|
370
|
+
}
|
|
371
|
+
.react-datepicker__week-number--keyboard-selected:hover {
|
|
372
|
+
background-color: #1d5d90;
|
|
360
373
|
}
|
|
361
374
|
.react-datepicker__day-names {
|
|
375
|
+
white-space: nowrap;
|
|
362
376
|
margin-bottom: -8px;
|
|
363
377
|
}
|
|
378
|
+
.react-datepicker__week {
|
|
379
|
+
white-space: nowrap;
|
|
380
|
+
}
|
|
364
381
|
.react-datepicker__day-name,
|
|
365
382
|
.react-datepicker__day,
|
|
366
383
|
.react-datepicker__time-name {
|
|
@@ -698,6 +715,13 @@
|
|
|
698
715
|
vertical-align: middle;
|
|
699
716
|
content: "×";
|
|
700
717
|
}
|
|
718
|
+
.react-datepicker__close-icon--disabled {
|
|
719
|
+
cursor: default;
|
|
720
|
+
}
|
|
721
|
+
.react-datepicker__close-icon--disabled::after {
|
|
722
|
+
cursor: default;
|
|
723
|
+
background-color: #ccc;
|
|
724
|
+
}
|
|
701
725
|
.react-datepicker__today-button {
|
|
702
726
|
background: #f0f0f0;
|
|
703
727
|
border-top: 1px solid #aeaeae;
|
|
@@ -870,7 +894,7 @@
|
|
|
870
894
|
background: var(--date-picker-day-selected-background);
|
|
871
895
|
border-radius: 0;
|
|
872
896
|
&:hover {
|
|
873
|
-
background: var(--date-picker-day-selected-background)
|
|
897
|
+
background: var(--date-picker-day-selected-background-hover);
|
|
874
898
|
& .button__label {
|
|
875
899
|
color: var(--date-picker-day-selected-text-color) !important;
|
|
876
900
|
}
|
|
@@ -890,6 +914,7 @@
|
|
|
890
914
|
&-start {
|
|
891
915
|
border-radius: var(--date-picker-day-range-start-border-radius) !important;
|
|
892
916
|
&:hover {
|
|
917
|
+
background: var(--date-picker-day-selected-background-hover);
|
|
893
918
|
border-radius: var(--date-picker-day-range-start-border-radius) !important;
|
|
894
919
|
}
|
|
895
920
|
}
|
|
@@ -924,7 +949,7 @@
|
|
|
924
949
|
background: var(--date-picker-day-selected-background);
|
|
925
950
|
border-radius: 0;
|
|
926
951
|
&:hover {
|
|
927
|
-
background: var(--date-picker-day-selected-background)
|
|
952
|
+
background: var(--date-picker-day-selected-background-hover);
|
|
928
953
|
& .button__label {
|
|
929
954
|
color: var(--date-picker-day-selected-text-color) !important;
|
|
930
955
|
}
|
|
@@ -967,7 +992,7 @@
|
|
|
967
992
|
&--selected {
|
|
968
993
|
background: var(--date-picker-day-selected-background);
|
|
969
994
|
&:hover {
|
|
970
|
-
background: var(--date-picker-day-selected-background)
|
|
995
|
+
background: var(--date-picker-day-selected-background-hover);
|
|
971
996
|
}
|
|
972
997
|
& .button__label {
|
|
973
998
|
color: var(--date-picker-day-selected-text-color);
|
|
@@ -999,7 +1024,7 @@
|
|
|
999
1024
|
background: var(--date-picker-day-selected-background);
|
|
1000
1025
|
border-radius: 0;
|
|
1001
1026
|
&:hover {
|
|
1002
|
-
background: var(--date-picker-day-selected-background)
|
|
1027
|
+
background: var(--date-picker-day-selected-background-hover);
|
|
1003
1028
|
& .button__label {
|
|
1004
1029
|
color: var(--date-picker-day-selected-text-color) !important;
|
|
1005
1030
|
}
|
|
@@ -1196,6 +1221,7 @@
|
|
|
1196
1221
|
--date-picker-day-weekend-text-color: var(--color-secondary-text-secondary);
|
|
1197
1222
|
--date-picker-day-weekend-outside-text-color: var(--color-secondary-text-disabled);
|
|
1198
1223
|
--date-picker-day-selected-background: var(--color-accent-primary);
|
|
1224
|
+
--date-picker-day-selected-background-hover: var(--color-accent-primary-hover);
|
|
1199
1225
|
--date-picker-day-selected-text-color: var(--color-accent-text-primary);
|
|
1200
1226
|
--date-picker-day-outside-background: var(--color-surface-primary);
|
|
1201
1227
|
--date-picker-day-outside-text-color: var(--color-surface-text-quaternary);
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
.label {
|
|
2
|
-
display: inline-flex;
|
|
3
2
|
position: relative;
|
|
4
3
|
overflow: hidden;
|
|
4
|
+
display: inline-flex;
|
|
5
5
|
&__inner {
|
|
6
|
+
width: 100%;
|
|
6
7
|
font-size: 0;
|
|
7
8
|
line-height: 0;
|
|
8
9
|
}
|
|
@@ -35,3 +36,38 @@
|
|
|
35
36
|
}
|
|
36
37
|
}
|
|
37
38
|
}
|
|
39
|
+
|
|
40
|
+
.label {
|
|
41
|
+
&&_text-align {
|
|
42
|
+
&_left {
|
|
43
|
+
^^&__inner {
|
|
44
|
+
text-align: left;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
&_center {
|
|
48
|
+
^^&__inner {
|
|
49
|
+
text-align: center;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
&_right {
|
|
53
|
+
^^&__inner {
|
|
54
|
+
text-align: right;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.label {
|
|
61
|
+
&&_width {
|
|
62
|
+
&_fixed {
|
|
63
|
+
width: 240px;
|
|
64
|
+
}
|
|
65
|
+
&_hug {
|
|
66
|
+
display: inline-flex;
|
|
67
|
+
}
|
|
68
|
+
&_fill {
|
|
69
|
+
width: 100%;
|
|
70
|
+
max-width: none !important;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Swiper 11.0.
|
|
2
|
+
* Swiper 11.0.5
|
|
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: November
|
|
10
|
+
* Released on: November 22, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/* FONT_START */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.85",
|
|
4
4
|
"description": "UI components (Modal, Loader, Popup, etc)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Modal",
|
|
@@ -42,36 +42,36 @@
|
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@itcase/common": "^1.1.10",
|
|
44
44
|
"clsx": "^2.0.0",
|
|
45
|
-
"html5-boilerplate": "^
|
|
45
|
+
"html5-boilerplate": "^9.0.0",
|
|
46
46
|
"js-cookie": "^3.0.5",
|
|
47
47
|
"lodash": "^4.17.21",
|
|
48
48
|
"luxon": "^3.4.4",
|
|
49
49
|
"prop-types": "^15.8.1",
|
|
50
|
-
"rc-slider": "^10.
|
|
50
|
+
"rc-slider": "^10.5.0",
|
|
51
51
|
"react": "^18.2.0",
|
|
52
52
|
"react-dadata": "^2.23.1",
|
|
53
53
|
"react-date-range": "^1.4.0",
|
|
54
54
|
"react-dom": "^18.2.0",
|
|
55
55
|
"react-inlinesvg": "^4.1.0",
|
|
56
56
|
"react-modern-drawer": "^1.2.2",
|
|
57
|
-
"react-otp-input": "^3.1.
|
|
57
|
+
"react-otp-input": "^3.1.1",
|
|
58
58
|
"react-paginate": "^8.2.0",
|
|
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.5",
|
|
63
63
|
"uuid": "^9.0.1"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
|
-
"@babel/core": "^7.23.
|
|
66
|
+
"@babel/core": "^7.23.6",
|
|
67
67
|
"@babel/eslint-parser": "^7.23.3",
|
|
68
|
-
"@babel/preset-env": "^7.23.
|
|
68
|
+
"@babel/preset-env": "^7.23.6",
|
|
69
69
|
"@babel/preset-react": "^7.23.3",
|
|
70
|
-
"@commitlint/cli": "^18.4.
|
|
71
|
-
"@commitlint/config-conventional": "^18.4.
|
|
70
|
+
"@commitlint/cli": "^18.4.3",
|
|
71
|
+
"@commitlint/config-conventional": "^18.4.3",
|
|
72
72
|
"@rollup/plugin-babel": "^6.0.4",
|
|
73
73
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
74
|
-
"@rollup/plugin-json": "^6.0
|
|
74
|
+
"@rollup/plugin-json": "^6.1.0",
|
|
75
75
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
76
76
|
"@rollup/plugin-terser": "^0.4.4",
|
|
77
77
|
"@semantic-release/changelog": "^6.0.3",
|
|
@@ -81,12 +81,12 @@
|
|
|
81
81
|
"babel-plugin-inline-react-svg": "^2.0.2",
|
|
82
82
|
"babel-plugin-react-docgen": "^4.2.1",
|
|
83
83
|
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
|
|
84
|
-
"eslint": "8.
|
|
85
|
-
"eslint-config-prettier": "^9.
|
|
84
|
+
"eslint": "8.55.0",
|
|
85
|
+
"eslint-config-prettier": "^9.1.0",
|
|
86
86
|
"eslint-config-standard": "^17.1.0",
|
|
87
87
|
"eslint-plugin-babel": "^5.3.1",
|
|
88
|
-
"eslint-plugin-import": "^2.29.
|
|
89
|
-
"eslint-plugin-n": "^16.
|
|
88
|
+
"eslint-plugin-import": "^2.29.1",
|
|
89
|
+
"eslint-plugin-n": "^16.4.0",
|
|
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,15 +94,15 @@
|
|
|
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.
|
|
98
|
-
"npm": "^10.2.
|
|
99
|
-
"postcss": "^8.4.
|
|
97
|
+
"lint-staged": "^15.2.0",
|
|
98
|
+
"npm": "^10.2.5",
|
|
99
|
+
"postcss": "^8.4.32",
|
|
100
100
|
"postcss-aspect-ratio-polyfill": "^2.0.0",
|
|
101
|
-
"postcss-cli": "^
|
|
101
|
+
"postcss-cli": "^11.0.0",
|
|
102
102
|
"postcss-combine-duplicated-selectors": "^10.0.3",
|
|
103
103
|
"postcss-csso": "^6.0.1",
|
|
104
|
-
"postcss-dark-theme-class": "^1.
|
|
105
|
-
"postcss-discard-duplicates": "^6.0.
|
|
104
|
+
"postcss-dark-theme-class": "^1.1.0",
|
|
105
|
+
"postcss-discard-duplicates": "^6.0.1",
|
|
106
106
|
"postcss-each": "^1.1.0",
|
|
107
107
|
"postcss-easings": "^4.0.0",
|
|
108
108
|
"postcss-flexbugs-fixes": "^5.0.2",
|
|
@@ -118,14 +118,14 @@
|
|
|
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.1.
|
|
122
|
-
"react-datepicker": "^4.
|
|
123
|
-
"rollup": "^4.
|
|
121
|
+
"prettier": "^3.1.1",
|
|
122
|
+
"react-datepicker": "^4.24.0",
|
|
123
|
+
"rollup": "^4.9.0",
|
|
124
124
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
125
|
-
"semantic-release": "^22.0.
|
|
126
|
-
"stylelint": "^
|
|
127
|
-
"stylelint-config-standard": "^
|
|
125
|
+
"semantic-release": "^22.0.12",
|
|
126
|
+
"stylelint": "^16.0.2",
|
|
127
|
+
"stylelint-config-standard": "^35.0.0",
|
|
128
128
|
"stylelint-no-unsupported-browser-features": "^7.0.0",
|
|
129
|
-
"stylelint-order": "^6.0.
|
|
129
|
+
"stylelint-order": "^6.0.4"
|
|
130
130
|
}
|
|
131
131
|
}
|