@xqmsg/ui-core 0.22.2 → 0.22.4

package/dist/ui-core.esm.js

@@ -214,7 +214,8 @@ var Banner = function Banner(_ref) {
     }
   }, [variant]);
   return /*#__PURE__*/React__default.createElement(Alert$1, {
-    variant: variant
+    variant: variant,
+    borderRadius: "4px"
   }, /*#__PURE__*/React__default.createElement(AlertDescription, null, /*#__PURE__*/React__default.createElement(Flex, {
     flexDirection: type === 'condensed' ? 'row' : 'column',
     alignItems: type === 'condensed' ? 'center' : '',
@@ -1560,7 +1561,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
       setLatestFormValueToArray([]);
     }
     if (watchedValue !== undefined && watchedValue != null && watchedValue.length) {
-      setLatestFormValueToArray(watchedValue.split(',').filter(Boolean));
+      setLatestFormValueToArray(watchedValue.split(';').join(',').split(',').filter(Boolean));
       if (latestTokenElement) {
         latestTokenElement.scrollIntoView({
           block: 'end',
@@ -1575,7 +1576,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
       e.stopPropagation();
       e.preventDefault();
     }
-    if ((e.key === ' ' || e.key === 'Enter' || e.key === ',' || e.key === 'Tab') && localValue.trim().length) {
+    if ((e.key === 'Enter' || e.key === ',' || e.key === ';' || e.key === 'Tab') && localValue.trim().length) {
       if (e.key === 'Enter' && !localValue.trim().length && tokenIndex !== null) {
         setLocalValue(lastestFormValueToArray[tokenIndex]);
         var _filteredUniqueValues = Array.from(new Set(lastestFormValueToArray.filter(function (value) {
@@ -1587,7 +1588,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
         });
         return setTokenIndex(null);
       }
-      var filteredUniqueValues = Array.from(new Set([].concat(lastestFormValueToArray, localValue.trim().split(','))));
+      var filteredUniqueValues = Array.from(new Set([].concat(lastestFormValueToArray, localValue.trim().split(';').join(',').split(','))));
       setLocalValue('');
       return setValue(name, filteredUniqueValues.toString(), {
         shouldValidate: true,
@@ -1745,7 +1746,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     },
     value: localValue,
     onChange: function onChange(e) {
-      return tokenIndex === null && setLocalValue(e.target.value.trim().replace(',', '').length ? e.target.value : '');
+      return tokenIndex === null && setLocalValue(e.target.value.trim().replace(',', '').replace(';', '').length ? e.target.value : '');
     },
     ref: inputRef,
     onFocus: function onFocus() {
@@ -1767,8 +1768,7 @@ var StackedSwitch = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
     value = _ref2.value;
   if (value === null) return null;
   return /*#__PURE__*/React__default.createElement(Switch$1, {
-    h: "26px",
-    mx: "4px",
+    h: "21px",
     _focus: {
       border: '2px solid',
       borderColor: colors.border.focus
@@ -1791,7 +1791,8 @@ var Label$1 = function Label(_ref) {
     isRequired = _ref.isRequired,
     label = _ref.label;
   return /*#__PURE__*/React__default.createElement(FormLabel$1, {
-    display: "flex"
+    display: "flex",
+    ml: "0"
   }, label, isRequired && /*#__PURE__*/React__default.createElement(Box, {
     ml: 1,
     color: colors.label.error
@@ -1988,7 +1989,7 @@ function Input(_ref) {
         id: name,
         isInvalid: isInvalid,
         position: "relative",
-        py: label || helperText || isInvalid ? 5 : 0
+        py: inputType !== 'checkbox' && label || helperText || isInvalid ? 5 : 0
       }, label && inputType !== 'checkbox' && /*#__PURE__*/React__default.createElement(Label$1, {
         tooltipText: tooltipText,
         label: label,