@rabbitio/ui-kit 1.0.0-beta.53 → 1.0.0-beta.54

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rabbitio/ui-kit",
-    "version": "1.0.0-beta.53",
+    "version": "1.0.0-beta.54",
     "description": "Rabbit.io react.js components kit",
     "type": "module",
     "main": "./dist/index.cjs",

package/src/components/atoms/TwoLinesOfText/lines-of-text.module.scss

@@ -47,6 +47,7 @@
     .line {
         width: 20px;
         margin: 0 Margin("3");
+        text-align: left;
         // font-family: NunitoSans;
 
         @media (max-width: $phone-width) {
@@ -58,5 +59,6 @@
 .second-line-text {
     color: SolidColor("grey");
     white-space: nowrap;
+    text-align: left;
     // font-family: NunitoSans;
 }

package/src/components/molecules/CoinPicker/coin-picker.module.scss

@@ -32,7 +32,10 @@
                     position: absolute;
                     width: 100%;
                     height: 20px;
-                    background: linear-gradient(rgba(SolidColor("dark"), 0.05), rgba(255, 255, 255, 0));
+                    background: linear-gradient(
+                        rgba(SolidColor("dark"), 0.05),
+                        rgba(255, 255, 255, 0)
+                    );
                     left: 0;
                     z-index: 1;
                     transition: 0.2s opacity ease;
@@ -129,19 +132,21 @@
                             min-width: 0;
                             line-height: 20px;
 
-                            .name {
+                            .name,
+                            .amount {
                                 color: inherit;
-                                font-weight: $bold;
                                 line-height: inherit;
                                 user-select: none;
+                                text-align: left;
+                            }
+
+                            .name {
+                                font-weight: $bold;
                             }
 
                             .amount {
-                                color: inherit;
                                 font-weight: $semi-bold;
-                                line-height: inherit;
                                 opacity: 0.5;
-                                user-select: none;
                             }
                         }
 

package/src/components/organisms/Dialog/DialogStep/DialogStep.jsx

@@ -298,7 +298,8 @@ export const DialogStep = ({
                 (!isMultiStep ? " " + s["single-step"] : "") +
                 (backgroundImage || backgroundImageMobile
                     ? " " + s["with-background"]
-                    : "")
+                    : "") +
+                (inline ? " " + s["inline"] : "")
             }
             ref={currentStepRef}
             onTransitionEnd={handleTransitionEnd}
@@ -354,7 +355,8 @@ export const DialogStep = ({
                             " " +
                             s[stepClass] +
                             " " +
-                            s[wrapperDirectionSubclass]
+                            s[wrapperDirectionSubclass] +
+                            (inline ? " " + s["inline"] : "")
                         }
                     >
                         {isMultiStep &&

package/src/components/organisms/Dialog/DialogStep/dialog-step.module.scss

@@ -17,8 +17,16 @@
     @extend %white-box-big-padding;
     max-height: 100%;
 
+    &.inline {
+        padding: 0;
+        background: none;
+        border-radius: 0;
+    }
+
     @media (min-width: $tablet-width) {
-        overflow: hidden;
+        &:not(.inline) {
+            overflow: hidden;
+        }
     }
 
     &.single-step {
@@ -120,8 +128,14 @@
     &-wrapper {
         padding: 40px;
 
+        &.inline {
+            padding: 0;
+        }
+
         @media (max-width: $phone-width) {
-            padding: 20px 20px max(20px, env(safe-area-inset-bottom)) 20px;
+            &:not(.inline) {
+                padding: 20px 20px max(20px, env(safe-area-inset-bottom)) 20px;
+            }
         }
 
         &.prev {

package/src/components/organisms/Dialog/dialog.module.scss

@@ -182,15 +182,18 @@ $transitionDuration: 0.2s;
             }
         }
 
+        &.animation-disabled {
+            transition: none;
+            transition-delay: 0s;
+            overflow: visible;
+        }
+
         &.inline {
             margin: 0;
             width: 100%;
             min-width: auto;
-        }
-
-        &.animation-disabled {
-            transition: none;
-            transition-delay: 0s;
+            border-radius: 0;
+            box-shadow: none;
             overflow: visible;
         }
 

package/src/constants/globalConstants.jsx

@@ -0,0 +1,4 @@
+export const FALLBACK_ASSET_ICON_URL =
+    "https://rabbit.io/asset-icons/fallback.svg";
+
+export const DEFAULT_CRYPTO_DECIMAL_COUNT = 8;

package/src/index.js

@@ -37,6 +37,10 @@ export { DIALOG_STEP_CLASS } from "./constants/organisms/dialog/DialogStep/dialo
 export { ICON_ROTATE_OPTIONS } from "./constants/atoms/LinkButton/linkButton.jsx";
 export { TOOLTIP_POSITIONS } from "./constants/atoms/Tooltip/tooltip.jsx";
 export { CLOSE_COLORS } from "./constants/atoms/Close/close.jsx";
+export {
+    FALLBACK_ASSET_ICON_URL,
+    DEFAULT_CRYPTO_DECIMAL_COUNT,
+} from "./constants/globalConstants.jsx";
 
 export { useCallHandlingErrors } from "./components/hooks/useCallHandlingErrors.js";
 export { useReferredState } from "./components/hooks/useReferredState.js";

package/src/swaps-lib/services/publicSwapService.js

@@ -212,8 +212,8 @@ export class PublicSwapService {
                 fixed,
                 coinUsdtRate
             );
-            const min = details.result ? details.min : details.smallestMin;
-            const max = details.result ? details.max : details.greatestMax;
+            const min = details.smallestMin;
+            const max = details.greatestMax;
             let fiatMin = null,
                 fiatMax = null;
             if (coinUsdtRate != null) {