@ctlyst.id/internal-ui 1.0.4-canary.5 → 1.0.4-canary.6

package/dist/internal-ui.esm.js

@@ -2367,7 +2367,7 @@ const SelectWrapper = ({
   return /*#__PURE__*/React__default.createElement(Box, {
     css: css`
         .react-select__control {
-          border-color: ${isError ? colors.danger['500'] : colors.neutral['400']} !important;
+          border-color: ${isError ? colors.danger['500'] : colors.neutral['500']} !important;
         }
 
         .react-select__control:hover {
@@ -2386,8 +2386,7 @@ const selectStyle = {
   lineHeight: styleMd.lineHeight,
   letterSpacing: 0
 };
-function selectStyles(colorMode, isError) {
-  const boxShadowStyle = isError ? `0 0 0 1px ${colors.danger['500']}` : `0 0 0 1px ${colors.primary['500']}`;
+function selectStyles(colorMode, _isError) {
   return {
     control: (base, state) => colorMode === 'dark' ? {
       ...base,
@@ -2395,11 +2394,11 @@ function selectStyles(colorMode, isError) {
       background: 'transparent',
       color: colors.primary['300'],
       borderColor: colors.secondary['500'],
-      boxShadow: state.isFocused ? boxShadowStyle : `inherit`
+      boxShadow: state.isFocused ? 'none' : `inherit`
     } : {
       ...base,
       ...selectStyle,
-      boxShadow: state.isFocused ? boxShadowStyle : colors.neutral['500']
+      boxShadow: state.isFocused ? 'none' : colors.neutral['500']
     },
     option: (base, {
       isSelected
@@ -2484,7 +2483,7 @@ function Select({
     classNamePrefix: "react-select"
   }, rest, {
     styles: {
-      ...selectStyles(colorMode, isError)
+      ...selectStyles(colorMode)
     },
     theme: themeSelect
   })));
@@ -2504,7 +2503,7 @@ function SelectAsync({
     classNamePrefix: "react-select"
   }, rest, {
     styles: {
-      ...selectStyles(colorMode, isError),
+      ...selectStyles(colorMode),
       ...styles
     },
     theme: themeSelect
@@ -2525,7 +2524,7 @@ function SelectAsyncCreatable({
     classNamePrefix: "react-select"
   }, rest, {
     styles: {
-      ...selectStyles(colorMode, isError),
+      ...selectStyles(colorMode),
       ...styles
     },
     theme: themeSelect
@@ -2546,7 +2545,7 @@ function SelectCreatable({
     classNamePrefix: "react-select"
   }, rest, {
     styles: {
-      ...selectStyles(colorMode, isError),
+      ...selectStyles(colorMode),
       ...styles
     },
     theme: themeSelect