@weareconceptstudio/account 2.1.6 → 2.1.8

package/dist/modules/checkout/CheckoutTemplate/style.js

@@ -3,21 +3,23 @@ const CheckoutTemplateStyle = styled.section `
 	--account_billingWrapperMTop: var(--sp5x);
 	--account_itemDistance: var(--sp5x);
 	--account_deliveryWrapperMTop: var(--sp16x);
-	
+
 	.billing-wrapper {
 		margin-top: var(--account_billingWrapperMTop);
 	}
 
+	.step-review {
+		display: flex;
+		flex-direction: column;
+		gap: var(--account_billingWrapperMTop);
+	}
+
 	.shipping-billing-change-wrapper {
 		display: flex;
 		flex-wrap: wrap;
 		margin-left: calc(-1 * calc(var(--account_itemDistance) / 2));
 		margin-right: calc(-1 * calc(var(--account_itemDistance) / 2));
 
-		&.delivery-enabled {
-			margin-top: var(--account_deliveryWrapperMTop);
-		}
-
 		.item-internal-wrap {
 			height: fit-content !important;
 		}

package/dist/modules/checkout/CheckoutTemplate/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/checkout/CheckoutTemplate/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,qBAAqB,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA0DN,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACpF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACpF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACpF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;sCAMjB,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;sCAMd,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAClF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;sCAMf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;CAcrG,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/checkout/CheckoutTemplate/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,qBAAqB,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA4DN,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;sCAMjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;sCAMd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;sCAMf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;CAcrG,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/modules/delivery/DeliveryOptionItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/index.js"],"names":[],"mappings":";AAIA;;;;sBAyCC;kBA7CiB,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/index.js"],"names":[],"mappings":";AAIA;;;;sBAmCC;kBAvCiB,OAAO"}

package/dist/modules/delivery/DeliveryOptionItem/index.js

@@ -3,15 +3,15 @@ import { Text } from '@weareconceptstudio/core';
 import DeliveryOptionItemStyle from './style';
 const DeliveryOptionItem = ({ option, selectedId, onSelect }) => {
     const isSelected = selectedId === option.id;
-    return (React.createElement(DeliveryOptionItemStyle, { className: `delivery-option-item user-select-none ${isSelected ? 'selected' : ''}` },
-        React.createElement("div", { className: "delivery-option-top" },
-            React.createElement("div", { className: "delivery-item-left" },
-                React.createElement(Text, { className: "delivery-label account-p account-p3 account-font-regular account-primary-color1" }, option.label),
-                option.priceText && (React.createElement(Text, { className: "delivery-price account-p account-p3 account-font-regular account-primary-color1" }, option.priceText))),
-            React.createElement("div", { className: `circle-selected-wrap cursor-pointer ${isSelected ? 'active' : ''}`, onClick: () => onSelect(option.id), onKeyDown: (e) => e.key === 'Enter' && onSelect(option.id), role: "button", tabIndex: 0, "aria-pressed": isSelected },
-                React.createElement("svg", { version: "1.1", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", className: `checkbox-icon ${isSelected ? 'selected' : 'note-selected'}` },
-                    React.createElement("path", { d: "M13.345 30.462c-1.062 0-1.859-0.531-2.39-1.328l-9.56-16.996c-0.797-1.328-0.266-2.921 1.062-3.718 1.328-0.531 2.921 0 3.718 1.328l7.436 13.012 12.481-20.183c0.797-1.328 2.39-1.593 3.718-0.797s1.593 2.39 0.797 3.718l-14.871 23.635c-0.531 0.797-1.328 1.328-2.39 1.328z" })))),
-        option.description && (React.createElement("div", { className: "delivery-option-description" }, option.description))));
+    return (React.createElement(DeliveryOptionItemStyle, { className: `delivery-option-item user-select-none ${isSelected ? 'selected' : ''}`, onClick: () => onSelect(option.id), onKeyDown: (e) => e.key === 'Enter' && onSelect(option.id), role: 'button', tabIndex: 0, "aria-pressed": isSelected },
+        React.createElement("div", { className: 'delivery-option-top' },
+            React.createElement("div", { className: 'delivery-item-left' },
+                React.createElement(Text, { className: 'delivery-label account-p account-p3 account-font-regular account-primary-color1' }, option.label),
+                option.priceText && (React.createElement(Text, { className: 'delivery-price account-p account-p3 account-font-regular account-primary-color1' }, option.priceText))),
+            React.createElement("div", { className: `circle-selected-wrap cursor-pointer ${isSelected ? 'active' : ''}` },
+                React.createElement("svg", { version: '1.1', viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg', className: `checkbox-icon ${isSelected ? 'selected' : 'note-selected'}` },
+                    React.createElement("path", { d: 'M13.345 30.462c-1.062 0-1.859-0.531-2.39-1.328l-9.56-16.996c-0.797-1.328-0.266-2.921 1.062-3.718 1.328-0.531 2.921 0 3.718 1.328l7.436 13.012 12.481-20.183c0.797-1.328 2.39-1.593 3.718-0.797s1.593 2.39 0.797 3.718l-14.871 23.635c-0.531 0.797-1.328 1.328-2.39 1.328z' })))),
+        option.description && React.createElement("div", { className: 'delivery-option-description' }, option.description)));
 };
 export default DeliveryOptionItem;
 //# sourceMappingURL=index.js.map

package/dist/modules/delivery/DeliveryOptionItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,uBAAuB,MAAM,SAAS,CAAC;AAE9C,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5D,MAAM,UAAU,GAAG,UAAU,KAAK,MAAM,CAAC,EAAE,CAAC;IAE5C,OAAO,CACH,oBAAC,uBAAuB,IACpB,SAAS,EAAE,yCAAyC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE;QAElF,6BAAK,SAAS,EAAC,qBAAqB;YAChC,6BAAK,SAAS,EAAC,oBAAoB;gBAC/B,oBAAC,IAAI,IAAC,SAAS,EAAC,iFAAiF,IAC5F,MAAM,CAAC,KAAK,CACV;gBACN,MAAM,CAAC,SAAS,IAAI,CACjB,oBAAC,IAAI,IAAC,SAAS,EAAC,iFAAiF,IAC5F,MAAM,CAAC,SAAS,CACd,CACV,CACC;YACN,6BACI,SAAS,EAAE,uCAAuC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9E,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAClC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAC1D,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,kBACG,UAAU;gBAExB,6BACI,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,iBAAiB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,EAAE;oBAEvE,8BAAM,CAAC,EAAC,2QAA2Q,GAAG,CACpR,CACJ,CACJ;QACL,MAAM,CAAC,WAAW,IAAI,CACnB,6BAAK,SAAS,EAAC,6BAA6B,IAAE,MAAM,CAAC,WAAW,CAAO,CAC1E,CACqB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,uBAAuB,MAAM,SAAS,CAAC;AAE9C,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/D,MAAM,UAAU,GAAG,UAAU,KAAK,MAAM,CAAC,EAAE,CAAC;IAE5C,OAAO,CACN,oBAAC,uBAAuB,IACvB,SAAS,EAAE,yCAAyC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAClF,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAClC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAC1D,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,kBACG,UAAU;QACxB,6BAAK,SAAS,EAAC,qBAAqB;YACnC,6BAAK,SAAS,EAAC,oBAAoB;gBAClC,oBAAC,IAAI,IAAC,SAAS,EAAC,iFAAiF,IAC/F,MAAM,CAAC,KAAK,CACP;gBACN,MAAM,CAAC,SAAS,IAAI,CACpB,oBAAC,IAAI,IAAC,SAAS,EAAC,iFAAiF,IAC/F,MAAM,CAAC,SAAS,CACX,CACP,CACI;YACN,6BAAK,SAAS,EAAE,uCAAuC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE;gBAClF,6BACC,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,iBAAiB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,EAAE;oBACvE,8BAAM,CAAC,EAAC,2QAA2Q,GAAG,CACjR,CACD,CACD;QACL,MAAM,CAAC,WAAW,IAAI,6BAAK,SAAS,EAAC,6BAA6B,IAAE,MAAM,CAAC,WAAW,CAAO,CACrE,CAC1B,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/modules/delivery/DeliveryOptionItem/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/style.js"],"names":[],"mappings":";AAEA,sPA6IE"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/style.js"],"names":[],"mappings":";AAEA,sPA+IE"}

package/dist/modules/delivery/DeliveryOptionItem/style.js

@@ -1,132 +1,135 @@
 import styled from 'styled-components';
 const DeliveryOptionItemStyle = styled.div `
-    --account_itemBorderRadius: var(--sp1-5x);
-    --account_itemInternalPadTB: var(--sp2x);
-    --account_itemInternalPadLR: var(--sp2x);
-    --account_itemDistance: var(--sp5x);
-    --account_circleSize: var(--sp4x);
-    --account_checkSize: var(--sp2x);
-
-    width: calc(50% - var(--account_itemDistance) / 2);
-    border: 2px solid var(--account_primaryColor5);
-    border-radius: var(--account_itemBorderRadius);
-    padding: var(--account_itemInternalPadTB) var(--account_itemInternalPadLR);
-    padding-left: calc(var(--account_itemInternalPadLR) - 4px);
-
-    &.selected {
-        border-color: var(--account_primaryColor1);
-    }
-
-    .delivery-option-top {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        .delivery-item-left {
-            display: flex;
-            justify-content: flex-start;
-            align-items: center;
-            gap: var(--sp2x);
-        }
-    }
-
-    .delivery-option-description {
-        margin-top: var(--sp1x);
-        color: var(--account_primaryColor1);
-        font-size: var(--account_p);
-        line-height: var(--account_lineHeight);
-        font-family: var(--account_Font);
-        font-weight: 400;
-    }
-
-    .circle-selected-wrap {
-        width: var(--account_circleSize) !important;
-        height: var(--account_circleSize) !important;
-        border-radius: 50%;
-        border: 2px solid var(--account_primaryColor5);
-        background-color: var(--account_backgroundColor);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        .selected,
-        .note-selected {
-            color: var(--account_backgroundColor);
-        }
-
-        &.active {
-            border: 2px solid var(--account_primaryColor1);
-            background-color: var(--account_primaryColor1);
-            pointer-events: none;
-        }
-
-        .checkbox-icon {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: var(--account_checkSize);
-            height: var(--account_checkSize);
-            fill: var(--account_backgroundColor);
-        }
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
-        --account_itemInternalPadTB: var(--sp2x);
-        --account_itemInternalPadLR: var(--sp2x);
-        --account_itemDistance: var(--sp4x);
-        --account_circleSize: var(--sp3x);
-        --account_checkSize: var(--sp1-5x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
-        --account_itemInternalPadTB: var(--sp2x);
-        --account_itemInternalPadLR: var(--sp2x);
-        --account_itemDistance: var(--sp3x);
-        --account_circleSize: var(--sp3x);
-        --account_checkSize: var(--sp1-5x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
-        --account_itemInternalPadTB: var(--sp2x);
-        --account_itemInternalPadLR: var(--sp2x);
-        --account_itemDistance: var(--sp3x);
-        --account_circleSize: var(--sp3x);
-        --account_checkSize: var(--sp1-5x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
-        --account_itemInternalPadTB: var(--sp2x);
-        --account_itemInternalPadLR: var(--sp2x);
-        --account_itemDistance: var(--sp2x);
-        --account_circleSize: var(--sp2-5x);
-        --account_checkSize: var(--sp1x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
-        --account_itemInternalPadTB: var(--sp2x);
-        --account_itemInternalPadLR: var(--sp2x);
-        --account_itemDistance: var(--sp3x);
-        --account_circleSize: var(--sp2-5x);
-        --account_checkSize: var(--sp1x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
-        --account_itemInternalPadTB: var(--sp1-5x);
-        --account_itemInternalPadLR: var(--sp1-5x);
-        --account_itemBorderRadius: var(--sp1x);
-        --account_itemDistance: var(--sp2x);
-        --account_circleSize: var(--sp2-5x);
-        --account_checkSize: var(--sp1x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
-        --account_itemInternalPadTB: var(--sp1-5x);
-        --account_itemInternalPadLR: var(--sp1-5x);
-        --account_itemDistance: var(--sp1x);
-        --account_circleSize: var(--sp2-5x);
-        --account_checkSize: var(--sp1x);
-
-        width: 100%;
-    }
+	--account_itemBorderRadius: var(--sp1-5x);
+	--account_itemInternalPadTB: var(--sp2x);
+	--account_itemInternalPadLR: var(--sp2x);
+	--account_itemDistance: var(--sp5x);
+	--account_circleSize: var(--sp4x);
+	--account_checkSize: var(--sp2x);
+
+	width: calc(50% - var(--account_itemDistance) / 2);
+	border: 2px solid var(--account_primaryColor5);
+	border-radius: var(--account_itemBorderRadius);
+	padding: var(--account_itemInternalPadTB) var(--account_itemInternalPadLR);
+	padding-left: calc(var(--account_itemInternalPadLR) - 4px);
+	cursor: pointer;
+
+	&.selected {
+		border-color: var(--account_primaryColor1);
+		cursor: default;
+		pointer-events: none;
+	}
+
+	.delivery-option-top {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+		.delivery-item-left {
+			display: flex;
+			justify-content: flex-start;
+			align-items: center;
+			gap: var(--sp2x);
+		}
+	}
+
+	.delivery-option-description {
+		margin-top: var(--sp1x);
+		color: var(--account_primaryColor1);
+		font-size: var(--account_p);
+		line-height: var(--account_lineHeight);
+		font-family: var(--account_Font);
+		font-weight: 400;
+	}
+
+	.circle-selected-wrap {
+		width: var(--account_circleSize) !important;
+		height: var(--account_circleSize) !important;
+		border-radius: 50%;
+		border: 2px solid var(--account_primaryColor5);
+		background-color: var(--account_backgroundColor);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		.selected,
+		.note-selected {
+			color: var(--account_backgroundColor);
+		}
+
+		&.active {
+			border: 2px solid var(--account_primaryColor1);
+			background-color: var(--account_primaryColor1);
+			pointer-events: none;
+		}
+
+		.checkbox-icon {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			width: var(--account_checkSize);
+			height: var(--account_checkSize);
+			fill: var(--account_backgroundColor);
+		}
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
+		--account_itemInternalPadTB: var(--sp2x);
+		--account_itemInternalPadLR: var(--sp2x);
+		--account_itemDistance: var(--sp4x);
+		--account_circleSize: var(--sp3x);
+		--account_checkSize: var(--sp1-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+		--account_itemInternalPadTB: var(--sp2x);
+		--account_itemInternalPadLR: var(--sp2x);
+		--account_itemDistance: var(--sp3x);
+		--account_circleSize: var(--sp3x);
+		--account_checkSize: var(--sp1-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
+		--account_itemInternalPadTB: var(--sp2x);
+		--account_itemInternalPadLR: var(--sp2x);
+		--account_itemDistance: var(--sp3x);
+		--account_circleSize: var(--sp3x);
+		--account_checkSize: var(--sp1-5x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+		--account_itemInternalPadTB: var(--sp2x);
+		--account_itemInternalPadLR: var(--sp2x);
+		--account_itemDistance: var(--sp2x);
+		--account_circleSize: var(--sp2-5x);
+		--account_checkSize: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+		--account_itemInternalPadTB: var(--sp2x);
+		--account_itemInternalPadLR: var(--sp2x);
+		--account_itemDistance: var(--sp3x);
+		--account_circleSize: var(--sp2-5x);
+		--account_checkSize: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+		--account_itemInternalPadTB: var(--sp1-5x);
+		--account_itemInternalPadLR: var(--sp1-5x);
+		--account_itemBorderRadius: var(--sp1x);
+		--account_itemDistance: var(--sp2x);
+		--account_circleSize: var(--sp2-5x);
+		--account_checkSize: var(--sp1x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+		--account_itemInternalPadTB: var(--sp1-5x);
+		--account_itemInternalPadLR: var(--sp1-5x);
+		--account_itemDistance: var(--sp1x);
+		--account_circleSize: var(--sp2-5x);
+		--account_checkSize: var(--sp1x);
+
+		width: 100%;
+	}
 `;
 export default DeliveryOptionItemStyle;
 //# sourceMappingURL=style.js.map

package/dist/modules/delivery/DeliveryOptionItem/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAsED,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;yCAQtB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;yCAQtB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;yCAQtB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;yCAQvB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;yCAQpB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;yCASrB,CAAC,KAAK,EAAE,EAAE,CACvC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;CAShE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptionItem/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAyEJ,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;sCAQjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;sCAQd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;sCASf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;CASrG,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/modules/delivery/DeliveryOptions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptions/index.js"],"names":[],"mappings":";AAMA,sDAoEC;kBA1E0C,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptions/index.js"],"names":[],"mappings":";AAMA,sDAkEC;kBAxE0C,OAAO"}

package/dist/modules/delivery/DeliveryOptions/index.js

@@ -48,7 +48,7 @@ const DeliveryOptions = () => {
     };
     if (!isEnabled || !options.length)
         return null;
-    return (React.createElement(DeliveryOptionsStyle, { className: "delivery-options-container" }, options.map((opt) => (React.createElement(DeliveryOptionItem, { key: opt.id, option: opt, selectedId: selectedId, onSelect: handleChange })))));
+    return (React.createElement(DeliveryOptionsStyle, { className: 'delivery-options-container' }, options.map((opt) => (React.createElement(DeliveryOptionItem, { key: opt.id, option: opt, selectedId: selectedId, onSelect: handleChange })))));
 };
 export default DeliveryOptions;
 //# sourceMappingURL=index.js.map

package/dist/modules/delivery/DeliveryOptions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptions/index.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/delivery/DeliveryOptions/index.js"],"names":[],"mappings":"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"}

package/dist/modules/delivery/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/modules/delivery/style.js"],"names":[],"mappings":";AAEA,4OASE"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/modules/delivery/style.js"],"names":[],"mappings":";AAEA,4OA0CE"}

package/dist/modules/delivery/style.js

@@ -1,13 +1,34 @@
 import styled from 'styled-components';
 const DeliveryStyle = styled.div `
-    --account_changeDeliveryWrapMBot: var(--sp3x);
-
-    .change-delivery-wrap {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: var(--account_changeDeliveryWrapMBot);
-    }
+	--account_changeDeliveryWrapMBot: var(--sp3x);
+
+	.change-delivery-wrap {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: var(--account_changeDeliveryWrapMBot);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+	}
 `;
 export default DeliveryStyle;
 //# sourceMappingURL=style.js.map

package/dist/modules/delivery/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/modules/delivery/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS/B,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/modules/delivery/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;sCAUM,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;sCAGhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;sCAGhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;sCAGhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;sCAGjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;sCAGd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;sCAGf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;CAErG,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/modules/guest/GuestAddressForm/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/style.js"],"names":[],"mappings":";AAEA,oPA6GE"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/style.js"],"names":[],"mappings":";AAEA,oPA4GE"}

package/dist/modules/guest/GuestAddressForm/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAyCF,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;sCAQjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;sCAQd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;sCAQf,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;CAOvD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAyCF,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;sCAQjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;sCAQd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;sCAQf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;CAOrG,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/modules/guest/GuestContactInformation/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestContactInformation/style.js"],"names":[],"mappings":";AAEA,2PAyDE"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestContactInformation/style.js"],"names":[],"mappings":";AAEA,2PAgEE"}

package/dist/modules/guest/GuestContactInformation/style.js

@@ -1,48 +1,56 @@
 import styled from 'styled-components';
 const GuestContactInformationStyle = styled.div `
-    --account_checkoutMTop: var(--sp16x);
-
-    &.delivery-enabled {
-        margin-top: var(--account_checkoutMTop);
-    }
-
-    .guest-contact-information-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    
-    .guest-contact-information-form {
-        margin-top: var(--sp4x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
-        --account_checkoutMTop: var(--sp11x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
-        --account_checkoutMTop: var(--sp8x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
-        --account_checkoutMTop: var(--sp8x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
-        --account_checkoutMTop: var(--sp8x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
-        --account_checkoutMTop: var(--sp8x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
-        --account_checkoutMTop: var(--sp8x);
-    }
-
-    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
-        --account_checkoutMTop: var(--sp10x);
-    }
+	--account_checkoutMTop: var(--sp16x);
+	--account_titleMBot: var(--sp6x);
+
+	&.delivery-enabled {
+		margin-top: var(--account_checkoutMTop);
+	}
+
+	.guest-contact-information-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	.guest-contact-information-form {
+		margin-top: var(--account_titleMBot);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
+		--account_checkoutMTop: var(--sp11x);
+		--account_titleMBot: var(--sp4x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+		--account_checkoutMTop: var(--sp8x);
+		--account_titleMBot: var(--sp4x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
+		--account_checkoutMTop: var(--sp8x);
+		--account_titleMBot: var(--sp3x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+		--account_checkoutMTop: var(--sp8x);
+		--account_titleMBot: var(--sp3x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+		--account_checkoutMTop: var(--sp8x);
+		--account_titleMBot: var(--sp3x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+		--account_checkoutMTop: var(--sp8x);
+		--account_titleMBot: var(--sp3x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+		--account_checkoutMTop: var(--sp10x);
+		--account_titleMBot: var(--sp3x);
+	}
 `;
 export default GuestContactInformationStyle;
 //# sourceMappingURL=style.js.map

package/dist/modules/guest/GuestContactInformation/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/guest/GuestContactInformation/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;yCAiBN,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAClF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;yCAItB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACjF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;yCAItB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACjF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;yCAItB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACjF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;yCAIvB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAClF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;yCAIpB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAC/E,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;yCAIrB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;CAG5D,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/guest/GuestContactInformation/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;sCAkBT,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;sCAKhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;sCAKhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;sCAKhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;sCAKjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;sCAKd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;sCAKf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;CAIrG,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/modules/order/OrderDetails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderDetails/index.js"],"names":[],"mappings":";AAMA,+DAyJE;kBA/J0B,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderDetails/index.js"],"names":[],"mappings":";AAQA,+DA6JE;kBArK0B,OAAO"}