@rango-dev/ui 0.1.10-next.72 → 0.1.10-next.74

package/dist/ui.cjs.development.js

@@ -2858,7 +2858,7 @@ var StyledSwitchThumb = /*#__PURE__*/styled(RadixSwitch.Thumb, {
   width: '18px',
   height: '18px',
   backgroundColor: '$neutrals500',
-  transition: ' transform 100ms',
+  transition: ' transform 300ms',
   borderRadius: '999999px',
   willChange: 'transform',
   '&[data-state="checked"]': {
@@ -2917,29 +2917,9 @@ function LiquiditySourceList(props) {
         return item.title != clickedItem.title;
       });
     });
-    onChange(clickedItem);
-  };
-  var LiquiditySourceItem = function LiquiditySourceItem(_ref) {
-    var liquiditySource = _ref.liquiditySource,
-      selected = _ref.selected;
-    return React__default.createElement(Button, {
-      size: "large",
-      align: "start",
-      variant: "outlined",
-      prefix: React__default.createElement(LiquidityImage, {
-        src: liquiditySource.logo
-      }),
-      suffix: React__default.createElement(Switch, {
-        checked: selected
-      }),
-      style: {
-        marginBottom: '12px'
-      },
-      type: selected ? 'primary' : undefined,
-      onClick: changeLiquiditySources.bind(null, liquiditySource)
-    }, React__default.createElement(Typography, {
-      variant: "body1"
-    }, liquiditySource.title));
+    setTimeout(function () {
+      onChange(clickedItem);
+    }, 200);
   };
   var isSelected = function isSelected(liquiditySource) {
     return !!selected.find(function (item) {
@@ -2959,7 +2939,8 @@ function LiquiditySourceList(props) {
     return React__default.createElement(LiquiditySourceItem, {
       liquiditySource: liquiditySource,
       key: index,
-      selected: isSelected(liquiditySource)
+      selected: isSelected(liquiditySource),
+      onChange: changeLiquiditySources
     });
   })), React__default.createElement("div", null, React__default.createElement(LiquiditySourceType, {
     variant: "h5"
@@ -2970,10 +2951,34 @@ function LiquiditySourceList(props) {
     return React__default.createElement(LiquiditySourceItem, {
       liquiditySource: liquiditySource,
       key: index,
-      selected: isSelected(liquiditySource)
+      selected: isSelected(liquiditySource),
+      onChange: changeLiquiditySources
     });
   })));
 }
+var LiquiditySourceItem = function LiquiditySourceItem(_ref) {
+  var liquiditySource = _ref.liquiditySource,
+    selected = _ref.selected,
+    onChange = _ref.onChange;
+  return React__default.createElement(Button, {
+    size: "large",
+    align: "start",
+    variant: "outlined",
+    prefix: React__default.createElement(LiquidityImage, {
+      src: liquiditySource.logo
+    }),
+    suffix: React__default.createElement(Switch, {
+      checked: selected
+    }),
+    style: {
+      marginBottom: '12px'
+    },
+    type: selected ? 'primary' : undefined,
+    onClick: onChange.bind(null, liquiditySource)
+  }, React__default.createElement(Typography, {
+    variant: "body1"
+  }, liquiditySource.title));
+};
 
 var filterLiquiditySources = function filterLiquiditySources(liquiditySources, searchedFor) {
   return liquiditySources.filter(function (liquiditySource) {