@itcase/ui 1.0.21 → 1.0.23
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/Select.js +5 -5
- package/dist/css/components/DatePicker/DatePicker.css +8 -4
- package/dist/css/components/Select/Select.css +8 -1
- package/dist/css/components/Select/css/__placeholder/select__placeholder.css +5 -0
- package/dist/css/components/Select/css/__value-container/select__value-container.css +1 -1
- package/package.json +1 -1
|
@@ -7522,9 +7522,9 @@ var SelectControl = function SelectControl(props) {
|
|
|
7522
7522
|
inputFill = _props$selectProps.inputFill,
|
|
7523
7523
|
inputShape = _props$selectProps.inputShape,
|
|
7524
7524
|
inputBorderColor = _props$selectProps.inputBorderColor,
|
|
7525
|
-
|
|
7525
|
+
inputBorderColorHover = _props$selectProps.inputBorderColorHover;
|
|
7526
7526
|
return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.Control, Object.assign({}, props, {
|
|
7527
|
-
className: clsx__default.default(inputFill, inputShape, inputBorderColor && "border-color_" + inputBorderColor,
|
|
7527
|
+
className: clsx__default.default(inputFill, inputShape, inputBorderColor && "border-color_" + inputBorderColor, inputBorderColorHover && "border-color_hover_" + inputBorderColorHover)
|
|
7528
7528
|
}));
|
|
7529
7529
|
};
|
|
7530
7530
|
SelectControl.propTypes = {
|
|
@@ -7851,8 +7851,8 @@ var SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(function
|
|
|
7851
7851
|
var inputBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
7852
7852
|
propsKey: 'inputBorderColor'
|
|
7853
7853
|
});
|
|
7854
|
-
var
|
|
7855
|
-
propsKey: '
|
|
7854
|
+
var inputBorderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
7855
|
+
propsKey: 'inputBorderColorHover'
|
|
7856
7856
|
});
|
|
7857
7857
|
var placeholderTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
7858
7858
|
propsKey: 'placeholderTextSize'
|
|
@@ -7921,7 +7921,7 @@ var SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(function
|
|
|
7921
7921
|
inputCaretColor: inputCaretColorClass,
|
|
7922
7922
|
inputShape: inputShapeClass,
|
|
7923
7923
|
inputBorderColor: inputBorderColorClass,
|
|
7924
|
-
|
|
7924
|
+
inputBorderColorHover: inputBorderColorHoverClass,
|
|
7925
7925
|
placeholder: placeholder,
|
|
7926
7926
|
placeholderTextSize: placeholderTextSizeClass,
|
|
7927
7927
|
placeholderTextColor: placeholderTextColorClass,
|
|
@@ -726,6 +726,7 @@
|
|
|
726
726
|
border: none;
|
|
727
727
|
box-shadow: var(--date-picker-box-shadow);
|
|
728
728
|
font-size: inherit;
|
|
729
|
+
display: flex;
|
|
729
730
|
&-popper {
|
|
730
731
|
z-index: 10;
|
|
731
732
|
}
|
|
@@ -899,9 +900,9 @@
|
|
|
899
900
|
color: var(--date-picker-day-today-text-color);
|
|
900
901
|
}
|
|
901
902
|
}
|
|
902
|
-
&--keyboard-selected {
|
|
903
|
+
/* &--keyboard-selected {
|
|
903
904
|
background: transparent;
|
|
904
|
-
}
|
|
905
|
+
} */
|
|
905
906
|
&--selected {
|
|
906
907
|
background: var(--date-picker-day-selected-background);
|
|
907
908
|
& .button__label {
|
|
@@ -982,18 +983,21 @@
|
|
|
982
983
|
}
|
|
983
984
|
}
|
|
984
985
|
&__time {
|
|
985
|
-
background: var(--date-picker-background) !important;
|
|
986
986
|
width: 95px;
|
|
987
|
+
background: var(--date-picker-background) !important;
|
|
987
988
|
&-container {
|
|
988
989
|
width: auto;
|
|
990
|
+
float: none;
|
|
989
991
|
padding: var(--date-picker-padding);
|
|
990
992
|
display: flex;
|
|
991
993
|
flex-direction: column;
|
|
992
994
|
gap: 24px;
|
|
993
995
|
border-left: var(--date-picker-border);
|
|
996
|
+
^&-box {
|
|
997
|
+
}
|
|
994
998
|
}
|
|
995
999
|
&-list {
|
|
996
|
-
height:
|
|
1000
|
+
height: 240px !important;
|
|
997
1001
|
&-item {
|
|
998
1002
|
border-radius: var(--date-picker-day-border-radius);
|
|
999
1003
|
font-size: var(--date-picker-name-size);
|
|
@@ -94,6 +94,12 @@
|
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
+
.select {
|
|
98
|
+
&__placeholder {
|
|
99
|
+
position: absolute;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
97
103
|
.select {
|
|
98
104
|
&__control {
|
|
99
105
|
^&__indicators {
|
|
@@ -262,7 +268,7 @@
|
|
|
262
268
|
overflow: hidden;
|
|
263
269
|
display: flex;
|
|
264
270
|
flex: 1;
|
|
265
|
-
flex-wrap:
|
|
271
|
+
flex-wrap: nowrap;
|
|
266
272
|
align-items: center;
|
|
267
273
|
&--is-multi {
|
|
268
274
|
gap: 8px;
|
|
@@ -272,3 +278,4 @@
|
|
|
272
278
|
}
|
|
273
279
|
}
|
|
274
280
|
}
|
|
281
|
+
|