@stokr/components-library 2.3.65-beta.18 → 2.3.65-beta.19

package/dist/components/Header/Header.styles.js

@@ -23,7 +23,7 @@ const StyledSubMenu = exports.StyledSubMenu = _styledComponents.default.div.with
 const StyledHeader = exports.StyledHeader = _styledComponents.default.header.withConfig({
   displayName: "Headerstyles__StyledHeader",
   componentId: "sc-hifrdy-1"
-})(["z-index:1000;position:relative;color:", ";border-bottom:1px solid rgb(237,237,237);", ""], _colors.default.black, _rwd.default.MLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: ", "px;\n    background-color: ", ";\n    box-shadow: inset 0 -1px 0 0 ", ";\n\n    ", "\n  "])), _spacing.default.headerHeight, _colors.default.white, _colors.default.lightGrey, props => props.noFixedPosition && "\n      position:initial;\n    "));
+})(["z-index:1000;position:relative;color:", ";border-bottom:1px solid rgb(237,237,237);", ""], _colors.default.black, _rwd.default.MLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: ", "px;\n    background-color: ", ";\n    box-shadow: inset 0 -1px 0 0 ", ";\n\n    /* Compensate for scrollbar when modal is open */\n    padding-right: var(--scrollbar-compensation, 0px);\n\n    ", "\n  "])), _spacing.default.headerHeight, _colors.default.white, _colors.default.lightGrey, props => props.noFixedPosition && "\n      position:initial;\n    "));
 const HeaderInner = exports.HeaderInner = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__HeaderInner",
   componentId: "sc-hifrdy-2"

package/dist/components/Modal/Modal.js

@@ -85,16 +85,39 @@ const Modal = _ref => {
   } = _ref;
   (0, _react.useEffect)(() => {
     if (isOpen) {
-      // Calculate scrollbar width before hiding it
+      // Store current scroll position and body width BEFORE any changes
+      const scrollY = window.scrollY;
+      const bodyWidth = document.body.offsetWidth;
+
+      // Calculate scrollbar width
       const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
 
-      // Add padding to compensate for removed scrollbar (prevents layout shift)
-      document.body.style.paddingRight = "".concat(scrollbarWidth, "px");
+      // Set CSS variable for fixed elements (like header) to compensate
+      document.documentElement.style.setProperty('--scrollbar-compensation', "".concat(scrollbarWidth, "px"));
+
+      // Lock the body width to prevent any recalculation
+      document.body.style.width = "".concat(bodyWidth, "px");
+      document.body.style.position = 'fixed';
+      document.body.style.top = "-".concat(scrollY, "px");
+      document.body.style.left = '0';
       document.body.style.overflow = 'hidden';
     }
     return () => {
-      document.body.style.paddingRight = '';
-      document.body.style.overflow = '';
+      if (isOpen) {
+        // Get scroll position from body's top offset
+        const scrollY = Math.abs(parseInt(document.body.style.top || '0', 10));
+
+        // Reset all styles
+        document.documentElement.style.setProperty('--scrollbar-compensation', '0px');
+        document.body.style.width = '';
+        document.body.style.position = '';
+        document.body.style.top = '';
+        document.body.style.left = '';
+        document.body.style.overflow = '';
+
+        // Restore scroll position
+        window.scrollTo(0, scrollY);
+      }
     };
   }, [isOpen]);
   return /*#__PURE__*/_react.default.createElement(_reactPortal.Portal, {

package/dist/components/Modal/SuccessModal/SuccessModal.styles.js

@@ -18,7 +18,7 @@ const AnimationContainer = exports.AnimationContainer = _styledComponents.defaul
 const Title = exports.Title = _styledComponents.default.h2.withConfig({
   displayName: "SuccessModalstyles__Title",
   componentId: "sc-8cspgo-2"
-})(["margin:0 0 16px 0;font-size:22px;font-weight:800;color:", ";text-transform:uppercase;letter-spacing:0.8px;line-height:28px;flex-shrink:0;"], _colors.default.black);
+})(["margin:0 0 16px 0;font-size:22px;font-weight:800;color:", ";text-transform:uppercase;letter-spacing:0.8px;line-height:28px;flex-shrink:0;font-family:'Open Sans';"], _colors.default.black);
 const Subtitle = exports.Subtitle = _styledComponents.default.p.withConfig({
   displayName: "SuccessModalstyles__Subtitle",
   componentId: "sc-8cspgo-3"

package/dist/utils/formatCurrencyValue.js

@@ -32,6 +32,7 @@ const formatCurrencyValue = function (currency, value) {
     'bitcoin-private': ['EUR', 2],
     'lbtc-private': ['BTC', 8],
     bmn1: ['BMN1', 2],
+    bmn2: ['BMN2', 4],
     'btc-fb': ['BTC', 8],
     'usdc-fb': ['USDC', 2],
     'usdq-fb': ['USDQ', 2]
@@ -53,6 +54,7 @@ const getCurrencySymbol = currencySelected => ({
   'lbtc-bfx': 'LBTC',
   'btc-bfx': 'BTC',
   bmn1: 'BMN1',
+  bmn2: 'BMN2',
   'btc-fb': 'BTC',
   'usdc-fb': 'USDC',
   'usdq-fb': 'USDQ'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.65-beta.18",
+  "version": "2.3.65-beta.19",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",