@weareconceptstudio/account 0.7.8 → 0.8.0

package/dist/modules/order/OrdersList/style.js

@@ -9,19 +9,21 @@ const OrdersListStyle = styled.section `
 	--account_orderItemPadTB: var(--sp5x);
 
 	//! Coll distance
-	--account_collDistance_1: var(--sp14x);
-	--account_collDistance_2: var(--sp14x);
-	--account_collDistance_3: var(--sp14x);
-	--account_collDistance_4: var(--sp18x);
-	--account_collDistance_5: var(--sp29x);
+	--account_collDistance: var(--sp5x);
 
 	//! Coll width
-	--account_orderDateWidth: 15.7%;
-	--account_totalItemsWidth: 12.5%;
-	--account_orderNumberWidth: 14.4%;
-	--account_orderStatusWidth: 15.4%;
-	--account_totalPriceWidth: 22.5%;
-	--account_emptyWidth: calc(100% - var(--account_orderDateWidth) - var(--account_totalItemsWidth) - var(--account_orderNumberWidth) - var(--account_orderStatusWidth) - var(--account_totalPriceWidth));
+	--account_orderDateWidth: 15%;
+	--account_totalItemsWidth: 14%;
+	--account_orderNumberWidth: 14%;
+	--account_orderStatusWidth: 20%;
+	--account_totalPriceWidth: 14%;
+	--account_rateWidth: 13%;
+
+	--account_emptyWidth: calc(
+		100% - var(--account_orderDateWidth) - var(--account_totalItemsWidth) - var(--account_orderNumberWidth) - var(
+				--account_orderStatusWidth
+			) - var(--account_totalPriceWidth) - var(--account_rateWidth)
+	);
 
 	//! Status sizes
 	--account_statusBorderRad: var(--sp5x);
@@ -30,6 +32,28 @@ const OrdersListStyle = styled.section `
 
 	--account_paginationWrapMTop: var(--sp11x);
 
+	--account_orderListRateBtnPadTB: var(--sp1-5x);
+	--account_orderListRateBtnPadLR: var(--sp2x);
+
+	.order-list-rate-button {
+		a,
+		button {
+			padding: var(--account_orderListRateBtnPadTB) var(--account_orderListRateBtnPadLR) !important;
+			background-color: var(--account_secondaryColor9);
+			border: 2px solid var(--account_secondaryColor9);
+			font-weight: 500;
+
+			@media (pointer: fine) {
+				@media (hover: hover) {
+					&:hover {
+						background-color: var(--account_primaryColor14);
+						border: 2px solid var(--account_primaryColor14);
+					}
+				}
+			}
+		}
+	}
+
 	.order-history-line {
 		width: 100%;
 		border-bottom: 2px solid var(--account_primaryColor1);
@@ -46,8 +70,8 @@ const OrdersListStyle = styled.section `
 			align-items: center;
 			padding-bottom: var(--account_tableTitlesPBot);
 			border-bottom: 2px solid var(--account_primaryColor5);
-			margin-left: calc(-1 * calc(var(--account_collDistance_1) / 2));
-			margin-right: calc(-1 * calc(var(--account_collDistance_5) / 2));
+			margin-left: calc(-1 * calc(var(--account_collDistance) / 2));
+			margin-right: calc(-1 * calc(var(--account_collDistance) / 2));
 		}
 	}
 
@@ -56,8 +80,8 @@ const OrdersListStyle = styled.section `
 			display: flex;
 			flex-wrap: wrap;
 			align-items: center;
-			margin-left: calc(-1 * calc(var(--account_collDistance_1) / 2));
-			margin-right: calc(-1 * calc(var(--account_collDistance_5) / 2));
+			margin-left: calc(-1 * calc(var(--account_collDistance) / 2));
+			margin-right: calc(-1 * calc(var(--account_collDistance) / 2));
 			padding: var(--account_orderItemPadTB) 0;
 			border-bottom: 2px solid var(--account_primaryColor5);
 		}
@@ -65,26 +89,26 @@ const OrdersListStyle = styled.section `
 
 	.od-col-1 {
 		width: var(--account_orderDateWidth);
-		padding-left: calc(var(--account_collDistance_1) / 2);
-		padding-right: calc(var(--account_collDistance_1) / 2);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 	}
 
 	.od-col-2 {
 		width: var(--account_totalItemsWidth);
-		padding-left: calc(var(--account_collDistance_1) / 2);
-		padding-right: calc(var(--account_collDistance_2) / 2);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 	}
 
 	.od-col-3 {
 		width: var(--account_orderNumberWidth);
-		padding-left: calc(var(--account_collDistance_2) / 2);
-		padding-right: calc(var(--account_collDistance_3) / 2);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 	}
 
 	.od-col-4 {
 		width: var(--account_orderStatusWidth);
-		padding-left: calc(var(--account_collDistance_3) / 2);
-		padding-right: calc(var(--account_collDistance_4) / 2);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 
 		.status-item {
 			width: fit-content;
@@ -95,23 +119,36 @@ const OrdersListStyle = styled.section `
 
 	.od-col-5 {
 		width: var(--account_totalPriceWidth);
-		padding-left: calc(var(--account_collDistance_4) / 2);
-		padding-right: calc(var(--account_collDistance_5) / 2);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 		text-align: right;
 	}
 
 	.od-col-6 {
-		width: var(--account_emptyWidth);
-		padding-left: calc(var(--account_collDistance_5) / 2);
-		padding-right: calc(var(--account_collDistance_5) / 2);
+		display: flex;
+		justify-content: flex-end;
 
-		.btn-wrap {
-			display: flex;
-			justify-content: flex-end;
+		width: var(--account_rateWidth);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
 
-			a {
-				font-size: var(--account_p4);
-			}
+		a,
+		button {
+			font-size: var(--account_p4);
+		}
+	}
+
+	.od-col-7 {
+		display: flex;
+		justify-content: flex-end;
+
+		width: var(--account_emptyWidth);
+		padding-left: calc(var(--account_collDistance) / 2);
+		padding-right: calc(var(--account_collDistance) / 2);
+
+		a,
+		button {
+			font-size: var(--account_p4);
 		}
 	}
 
@@ -123,6 +160,7 @@ const OrdersListStyle = styled.section `
 		margin-top: var(--account_paginationWrapMTop);
 	}
 
+	/* //! 2559 - 1920 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp4x);
@@ -130,18 +168,15 @@ const OrdersListStyle = styled.section `
 		--account_tableTitlesPBot: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp9x);
-		--account_collDistance_2: var(--sp10x);
-		--account_collDistance_3: var(--sp13x);
-		--account_collDistance_4: var(--sp13x);
-		--account_collDistance_5: var(--sp16x);
+		--account_collDistance: var(--sp4x);
 
 		//! Coll width
-		--account_orderDateWidth: 16%;
-		--account_totalItemsWidth: 11.7%;
-		--account_orderNumberWidth: 16%;
-		--account_orderStatusWidth: 16.7%;
-		--account_totalPriceWidth: 22%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 13%;
+		--account_orderStatusWidth: 21%;
+		--account_totalPriceWidth: 13%;
+		--account_rateWidth: 13%;
 
 		//! Order item styles
 		--account_orderItemPadTB: var(--sp4x);
@@ -152,8 +187,12 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp2x);
 
 		--account_paginationWrapMTop: var(--sp6x);
+
+		--account_orderListRateBtnPadTB: var(--sp1-5x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
 	}
 
+	/* //! 1919 - 1510 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp4x);
@@ -161,18 +200,15 @@ const OrdersListStyle = styled.section `
 		--account_tableTitlesPBot: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp4x);
-		--account_collDistance_2: var(--sp6x);
-		--account_collDistance_3: var(--sp8x);
-		--account_collDistance_4: var(--sp7x);
-		--account_collDistance_5: var(--sp11x);
+		--account_collDistance: var(--sp4x);
 
 		//! Coll width
-		--account_orderDateWidth: 16.3%;
-		--account_totalItemsWidth: 12.5%;
-		--account_orderNumberWidth: 16.8%;
-		--account_orderStatusWidth: 16.7%;
-		--account_totalPriceWidth: 20.4%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 13%;
+		--account_orderStatusWidth: 21%;
+		--account_totalPriceWidth: 13%;
+		--account_rateWidth: 13%;
 
 		//! Order item styles
 		--account_orderItemPadTB: var(--sp4x);
@@ -183,8 +219,12 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp2x);
 
 		--account_paginationWrapMTop: var(--sp6x);
+
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
 	}
 
+	/* //! 1509 - 1440 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp4x);
@@ -192,18 +232,15 @@ const OrdersListStyle = styled.section `
 		--account_tableTitlesPBot: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp7x);
-		--account_collDistance_2: var(--sp5x);
-		--account_collDistance_3: var(--sp5x);
-		--account_collDistance_4: var(--sp7x);
-		--account_collDistance_5: var(--sp7x);
+		--account_collDistance: var(--sp4x);
 
 		//! Coll width
-		--account_orderDateWidth: 19.7%;
-		--account_totalItemsWidth: 14.1%;
-		--account_orderNumberWidth: 15.8%;
-		--account_orderStatusWidth: 16%;
-		--account_totalPriceWidth: 19.7%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 13%;
+		--account_orderStatusWidth: 21%;
+		--account_totalPriceWidth: 13%;
+		--account_rateWidth: 13%;
 
 		//! Order item styles
 		--account_orderItemPadTB: var(--sp4x);
@@ -214,8 +251,12 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp2x);
 
 		--account_paginationWrapMTop: var(--sp5x);
+
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
 	}
 
+	/* //! 1439 - 1280 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp3x);
@@ -226,18 +267,15 @@ const OrdersListStyle = styled.section `
 		--account_orderItemPadTB: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp5x);
-		--account_collDistance_2: var(--sp5x);
-		--account_collDistance_3: var(--sp8x);
-		--account_collDistance_4: var(--sp6x);
-		--account_collDistance_5: var(--sp7x);
+		--account_collDistance: var(--sp4x);
 
 		//! Coll width
-		--account_orderDateWidth: 17.9%;
-		--account_totalItemsWidth: 13.5%;
-		--account_orderNumberWidth: 17.3%;
-		--account_orderStatusWidth: 16.3%;
-		--account_totalPriceWidth: 19.5%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 13%;
+		--account_orderStatusWidth: 21%;
+		--account_totalPriceWidth: 13%;
+		--account_rateWidth: 13%;
 
 		//! Status sizes
 		--account_statusBorderRad: var(--sp5x);
@@ -245,8 +283,12 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp1x);
 
 		--account_paginationWrapMTop: var(--sp4x);
+
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
 	}
 
+	/* //! 1279 - 1024 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp2-5x);
@@ -257,18 +299,15 @@ const OrdersListStyle = styled.section `
 		--account_orderItemPadTB: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp5x);
-		--account_collDistance_2: var(--sp3x);
-		--account_collDistance_3: var(--sp5x);
-		--account_collDistance_4: var(--sp5x);
-		--account_collDistance_5: var(--sp4x);
+		--account_collDistance: var(--sp4x);
 
 		//! Coll width
-		--account_orderDateWidth: 20.1%;
-		--account_totalItemsWidth: 13.8%;
-		--account_orderNumberWidth: 16.6%;
-		--account_orderStatusWidth: 16.3%;
-		--account_totalPriceWidth: 19.7%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 12%;
+		--account_orderStatusWidth: 18%;
+		--account_totalPriceWidth: 15%;
+		--account_rateWidth: 16.5%;
 
 		//! Status sizes
 		--account_statusBorderRad: var(--sp5x);
@@ -276,8 +315,16 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp1x);
 
 		--account_paginationWrapMTop: var(--sp4x);
+
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
+
+		.od-col-4 {
+			white-space: unset;
+		}
 	}
 
+	/* //! 1023 - 768 */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp2-5x);
@@ -288,18 +335,15 @@ const OrdersListStyle = styled.section `
 		--account_orderItemPadTB: var(--sp3x);
 
 		//! Coll distance
-		--account_collDistance_1: var(--sp4x);
-		--account_collDistance_2: var(--sp3x);
-		--account_collDistance_3: var(--sp5x);
-		--account_collDistance_4: var(--sp5x);
-		--account_collDistance_5: var(--sp4x);
+		--account_collDistance: var(--sp3x);
 
 		//! Coll width
-		--account_orderDateWidth: 19.6%;
-		--account_totalItemsWidth: 13.6%;
-		--account_orderNumberWidth: 16.9%;
-		--account_orderStatusWidth: 16.6%;
-		--account_totalPriceWidth: 19.7%;
+		--account_orderDateWidth: 15%;
+		--account_totalItemsWidth: 13%;
+		--account_orderNumberWidth: 11%;
+		--account_orderStatusWidth: 18%;
+		--account_totalPriceWidth: 16%;
+		--account_rateWidth: 15%;
 
 		//! Status sizes
 		--account_statusBorderRad: var(--sp5x);
@@ -307,14 +351,25 @@ const OrdersListStyle = styled.section `
 		--account_statusPadLR: var(--sp1x);
 
 		--account_paginationWrapMTop: var(--sp4x);
+
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp1-5x);
+
+		.od-col-4 {
+			white-space: unset;
+		}
 	}
 
+	/* //! Mobile */
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
 		--account_lineMTop: var(--sp2x);
 		--account_lineMBot: var(--sp3x);
 
 		--account_paginationWrapMTop: var(--sp3x);
 
+		--account_orderListRateBtnPadTB: var(--sp1x);
+		--account_orderListRateBtnPadLR: var(--sp2x);
+
 		.mobile-orders-wrap {
 			.mobile-orders-list-wrap {
 				padding-bottom: var(--sp3x);
@@ -327,7 +382,7 @@ const OrdersListStyle = styled.section `
 				}
 
 				.last-col-wrap {
-					margin-top: var(--sp6x);
+					margin-top: var(--sp3x);
 					align-items: end;
 				}
 
@@ -340,7 +395,8 @@ const OrdersListStyle = styled.section `
 					height: 100%;
 
 					.btn-wrap {
-						a {
+						a,
+						button {
 							font-size: var(--account_p4);
 						}
 					}
@@ -366,6 +422,17 @@ const OrdersListStyle = styled.section `
 				.value {
 					margin-left: var(--sp1x);
 				}
+
+				.order-list-rate-button {
+					a,
+					button {
+						font-size: var(--account_p4);
+					}
+				}
+
+				.mobile-block-distance {
+					margin-top: var(--sp3x);
+				}
 			}
 		}
 	}

package/dist/modules/order/OrdersList/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/order/OrdersList/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA4HA,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BrJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BpJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BpJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BrJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BnJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BjJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DrG,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/order/OrdersList/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAkKA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgChB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgChB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgChB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgCjB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAoCd,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAoCf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ErG,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,4 +1,5 @@
 export { default as EmptyOrders } from './EmptyOrders';
+export { default as OrderRateReview } from './OrderRateReview';
 export { default as OrderDetails } from './OrderDetails';
 export { default as OrderedItems } from './OrderedItems';
 export { default as OrdersList } from './OrdersList';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/order/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/order/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/modules/order/index.js

@@ -1,4 +1,5 @@
 export { default as EmptyOrders } from './EmptyOrders';
+export { default as OrderRateReview } from './OrderRateReview';
 export { default as OrderDetails } from './OrderDetails';
 export { default as OrderedItems } from './OrderedItems';
 export { default as OrdersList } from './OrdersList';

package/dist/modules/order/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/order/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/order/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/styles/helperClass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helperClass.d.ts","sourceRoot":"","sources":["../../src/styles/helperClass.js"],"names":[],"mappings":";AAEA,4HA2TI"}
+{"version":3,"file":"helperClass.d.ts","sourceRoot":"","sources":["../../src/styles/helperClass.js"],"names":[],"mappings":";AAEA,4HAkVI"}

package/dist/styles/helperClass.js

@@ -314,6 +314,29 @@ const AccountHelperClass = createGlobalStyle `${css `
 		font-family: var(--account_Font);
 		font-weight: 700;
 	}
+
+	/* //! Account Order Rate Popup Styles */
+	.order-rate-popup {
+		--core_popupMaxWidth: var(--account_orderRatePopupMaxWidth) !important;
+		--core_closePosTopSize: var(--account_orderRateClosePosTopSize) !important;
+		--core_closePosRightSize: var(--account_orderRateClosePosRightSize) !important;
+		--core_closeSize: var(--account_orderRateCloseSize) !important;
+		--core_black: var(--account_primaryColor2) !important;
+		--core_popupPadTop: var(--account_orderRatePopupPadTop) !important;
+		--core_popupPadBot: var(--account_orderRatePopupPadBot) !important;
+	}
+
+	/* //! Account Order Review Popup Styles */
+	.order-review-popup {
+		--core_popupMaxWidth: var(--account_orderRatePopupMaxWidth) !important;
+		--core_closePosTopSize: var(--account_orderRateClosePosTopSize) !important;
+		--core_closePosRightSize: var(--account_orderRateClosePosRightSize) !important;
+		--core_closeSize: var(--account_orderRateCloseSize) !important;
+		--core_black: var(--account_primaryColor2) !important;
+		--core_popupPadTop: var(--account_orderReviewPopupPadTop) !important;
+		--core_popupPadBot: var(--account_orderReviewPopupPadBot) !important;
+		--core_popupPadRL: var(--account_orderReviewPopupPadRL) !important;
+	}
 `}`;
 export default AccountHelperClass;
 //# sourceMappingURL=helperClass.js.map

package/dist/styles/helperClass.js.map

@@ -1 +1 @@
-{"version":3,"file":"helperClass.js","sourceRoot":"","sources":["../../src/styles/helperClass.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,kBAAkB,GAAG,iBAAiB,CAAA,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2TjD,EAAE,CAAC;AAEJ,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"helperClass.js","sourceRoot":"","sources":["../../src/styles/helperClass.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,kBAAkB,GAAG,iBAAiB,CAAA,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkVjD,EAAE,CAAC;AAEJ,eAAe,kBAAkB,CAAC"}

package/dist/styles/variables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/styles/variables.js"],"names":[],"mappings":";AAEA,0HAoZI"}
+{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/styles/variables.js"],"names":[],"mappings":";AAEA,0HA0gBI"}