@xqmsg/ui-core 0.21.6 → 0.21.7
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/icons/dropdown/index.d.ts +1 -0
- package/dist/ui-core.cjs.development.js +10 -6
- package/dist/ui-core.cjs.development.js.map +1 -1
- package/dist/ui-core.cjs.production.min.js +1 -1
- package/dist/ui-core.cjs.production.min.js.map +1 -1
- package/dist/ui-core.esm.js +10 -6
- package/dist/ui-core.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/icons/dropdown/dropdown.svg +1 -1
- package/src/components/icons/dropdown/index.tsx +5 -2
- package/src/components/input/StackedMultiSelect/index.tsx +1 -1
- package/src/components/input/StackedPilledInput/index.tsx +30 -28
- package/src/components/input/StackedSelect/index.tsx +1 -1
|
@@ -855,7 +855,7 @@ var SvgDropdown = function SvgDropdown(props, ref) {
|
|
|
855
855
|
fillRule: "evenodd",
|
|
856
856
|
clipRule: "evenodd",
|
|
857
857
|
d: "M2 12a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2Zm4-9.5a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1-.708.708L6 3.707 4.854 4.854a.5.5 0 1 1-.708-.708l1.5-1.5A.5.5 0 0 1 6 2.5Zm-.354 6.854a.5.5 0 0 0 .708 0l1.5-1.5a.5.5 0 1 0-.708-.708L6 8.293 4.854 7.146a.5.5 0 1 0-.708.708l1.5 1.5Z",
|
|
858
|
-
fill: "
|
|
858
|
+
fill: "current"
|
|
859
859
|
})));
|
|
860
860
|
};
|
|
861
861
|
var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgDropdown);
|
|
@@ -865,9 +865,11 @@ var Memo$6 = /*#__PURE__*/React.memo(ForwardRef$6);
|
|
|
865
865
|
* A functional React component utilized to render the `Dropdown` icon component
|
|
866
866
|
*/
|
|
867
867
|
var Dropdown$1 = function Dropdown(_ref) {
|
|
868
|
-
var boxSize = _ref.boxSize
|
|
868
|
+
var boxSize = _ref.boxSize,
|
|
869
|
+
disabled = _ref.disabled;
|
|
869
870
|
return /*#__PURE__*/React__default.createElement(Memo$6, {
|
|
870
|
-
boxSize: boxSize
|
|
871
|
+
boxSize: boxSize,
|
|
872
|
+
fill: disabled ? '#3C3C4399' : '#0082FF'
|
|
871
873
|
});
|
|
872
874
|
};
|
|
873
875
|
|
|
@@ -1033,7 +1035,8 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
|
|
|
1033
1035
|
return !disabled && setIsFocussed(!isFocussed);
|
|
1034
1036
|
}
|
|
1035
1037
|
}, /*#__PURE__*/React__default.createElement(Dropdown$1, {
|
|
1036
|
-
boxSize: "16px"
|
|
1038
|
+
boxSize: "16px",
|
|
1039
|
+
disabled: disabled
|
|
1037
1040
|
}))), isFocussed && /*#__PURE__*/React__default.createElement(Dropdown, {
|
|
1038
1041
|
position: position,
|
|
1039
1042
|
dropdownRef: dropdownMenuRef,
|
|
@@ -1397,7 +1400,8 @@ var StackedMultiSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2,
|
|
|
1397
1400
|
justifyContent: "center",
|
|
1398
1401
|
alignItems: "center"
|
|
1399
1402
|
}, /*#__PURE__*/React__default.createElement(Dropdown$1, {
|
|
1400
|
-
boxSize: "16px"
|
|
1403
|
+
boxSize: "16px",
|
|
1404
|
+
disabled: disabled
|
|
1401
1405
|
}))), isFocussed && /*#__PURE__*/React__default.createElement(Dropdown, {
|
|
1402
1406
|
dropdownRef: dropdownMenuRef,
|
|
1403
1407
|
onSelectItem: function onSelectItem(option) {
|
|
@@ -1612,7 +1616,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
|
|
|
1612
1616
|
}) : null, !lastestFormValueToArray.length && !isFocussed ? /*#__PURE__*/React__default.createElement(react.Text, {
|
|
1613
1617
|
color: colors.label.secondary.light,
|
|
1614
1618
|
fontSize: "13px"
|
|
1615
|
-
}, placeholder) : null), /*#__PURE__*/React__default.createElement(react.Flex, {
|
|
1619
|
+
}, placeholder) : null), !disabled && /*#__PURE__*/React__default.createElement(react.Flex, {
|
|
1616
1620
|
flex: 1,
|
|
1617
1621
|
minWidth: isFocussed && !tokenIndex ? '20%' : 0
|
|
1618
1622
|
}, /*#__PURE__*/React__default.createElement(react.Input, {
|