@gofynd/theme-template 3.1.3 → 3.2.1

package/dist/pages/cart/cart.css

@@ -350,7 +350,7 @@ h5,
   margin-inline-end: 14px;
 }
 .cart__cartMainContainer___LF2fx .cart__errContainer___nWJ_s .cart__errMsg___pDbyV {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   flex-grow: 1;
   font-weight: 600;
   font-size: 12px;
@@ -904,8 +904,8 @@ h5,
 @media only screen and (max-width: 768px) {
   .delivery-location__pincodeModal___KAYH1 {
     width: unset;
-    border-top-left-radius: 4px !important;
-    border-top-right-radius: 4px !important;
+    border-start-start-radius: 4px !important;
+    border-start-end-radius: 4px !important;
   }
 }
 .delivery-location__pincodeModal___KAYH1 .delivery-location__modalHeader____OOl3 {
@@ -939,7 +939,7 @@ h5,
 }
 .delivery-location__pincodeModal___KAYH1 .delivery-location__modalBody___RfoHR .delivery-location__modalPincodeContainer___G5DG2 .delivery-location__errorText___KQJXL {
   flex-basis: 100%;
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   line-height: 140%;
   font-size: 12px;
   font-weight: 400;
@@ -1033,7 +1033,7 @@ h5,
   background-color: var(--pageBackground, #f8f8f8);
 }
 .delivery-location__addressModal___w8rJu .delivery-location__modalBody___RfoHR .delivery-location__pincodeBox___cp1ra .delivery-location__errorText___KQJXL {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   line-height: 140%;
   font-size: 12px;
   font-weight: 400;
@@ -1206,7 +1206,7 @@ h5,
 }
 .delivery-location__addrErrText___Vs74R {
   margin-inline-start: 25px;
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   font-weight: 400;
   font-size: 12px;
   margin-top: 8px;
@@ -2518,7 +2518,7 @@ h5,
   justify-content: space-between;
 }
 .address-form__addressFormWrapper___M0Ler .address-form__formContainer___UrnfJ .address-form__labelClassName___vSawZ span {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .address-form__addressFormWrapper___M0Ler .address-form__formContainer___UrnfJ .address-form__formItemDiv___ciw5I:nth-child(odd) {
   margin-inline-end: 8px;
@@ -2529,7 +2529,7 @@ h5,
   }
 }
 .address-form__addressFormWrapper___M0Ler .address-form__formError___uBC6H {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   width: max-content;
   font-size: 12px;
   font-weight: 400;
@@ -2561,7 +2561,7 @@ h5,
   padding: 8px;
   white-space: nowrap;
   border-radius: 6px;
-  margin-right: 16px;
+  margin-inline-end: 16px;
   border: 1px solid var(--dividerStokes);
   color: var(--textHeading, #26201a);
 }
@@ -2753,7 +2753,7 @@ h5,
   position: absolute;
   z-index: 1;
   top: 16px;
-  left: 50%;
+  inset-inline-start: 50%;
   transform: translateX(-50%);
   border: 1px solid var(--dividerStokes);
   border-radius: 8px;
@@ -2832,10 +2832,16 @@ h5,
   background: linear-gradient(90deg, #cccccc, #efefef, #cccccc);
   animation: google-map__loading___w2nsO 0.8s infinite;
 }
+[dir="rtl"] .google-map__mapWrapper___YR7HM .google-map__skeleton___whDH9 > canvas {
+  transform: translateX(100%);
+}
 @keyframes google-map__loading___w2nsO {
   100% {
     transform: translateX(100%);
   }
+  [dir="rtl"] 100% {
+    transform: translateX(-100%);
+  }
 }
 
 /**color by character**/
@@ -3180,7 +3186,7 @@ h5,
   position: relative;
 }
 .fy-input__inputContainer___Du9V3 .fy-input__error___wplxk {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   padding-top: 5px;
   font-weight: 400;
   font-size: 12px;
@@ -3191,10 +3197,10 @@ h5,
   line-height: 21px;
 }
 .fy-input__label___YQgmr span {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .fy-input__required___MaAlL {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .fy-input__floating___jgtoq {
   position: absolute;
@@ -3241,7 +3247,7 @@ h5,
   border-color: var(--buttonPrimary, #4e3f09);
 }
 .fy-input__inputError___KsMkv {
-  border-color: var(--errorText, #b24141) !important;
+  border-color: var(--errorText, #ff3333) !important;
 }
 .fy-input__no-border____9qYF {
   border: none;
@@ -3644,7 +3650,7 @@ h5,
   position: relative;
 }
 .fy-input-group__inputGroupContainer___DUhUi .fy-input-group__error___oRFgR {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   font-weight: 400;
   font-size: 12px;
   padding-top: 5px;
@@ -3655,7 +3661,7 @@ h5,
   line-height: 21px;
 }
 .fy-input-group__required___A8_zF {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .fy-input-group__fyInput___ufjFf {
   accent-color: var(--buttonPrimary, #4e3f09);
@@ -4022,13 +4028,13 @@ h5,
   position: relative;
 }
 .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__error___HSxiT {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   font-weight: 400;
   font-size: 12px;
   padding-top: 5px;
 }
 .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__required___h4JQY {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__dropdown___N1atH {
   box-sizing: border-box;
@@ -4046,7 +4052,7 @@ h5,
   cursor: not-allowed;
 }
 .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__dropdown___N1atH.fy-dropdown__dropDownError___IqJV1 {
-  border-color: var(--errorText, #b24141);
+  border-color: var(--errorText, #ff3333);
 }
 .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__dropdown___N1atH .fy-dropdown__dropdownButton___SqCaQ {
   border-radius: 3px;
@@ -4461,7 +4467,7 @@ h5,
   flex-direction: column;
 }
 .mobile-number__mobileInputWrapper___Na12n .mobile-number__errorText___lRww6 {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
@@ -4469,28 +4475,28 @@ h5,
   margin-top: 5px;
 }
 .mobile-number__mobileInputWrapper___Na12n.mobile-number__errorInput___TKkzT label {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 16.8px;
 }
 .mobile-number__mobileInputWrapper___Na12n.mobile-number__errorInput___TKkzT .mobile-number__mobileNumberInput___iRnFG {
-  border: 1px solid var(--errorText, #b24141);
+  border: 1px solid var(--errorText, #ff3333);
 }
 .mobile-number__mobileInputWrapper___Na12n .mobile-number__mobileInputContainer___deIgv {
   height: auto;
 }
 .mobile-number__mobileInputWrapper___Na12n .mobile-number__mobileInputContainer___deIgv .mobile-number__dialCodePreview___E0m4Z {
   border-inline: none;
-  padding-right: 4px;
+  padding-inline-end: 4px;
 }
 .mobile-number__mobileInputWrapper___Na12n .mobile-number__mobileInputContainer___deIgv .mobile-number__mobileNumberInput___iRnFG {
   width: 100%;
   font-weight: 400;
   display: flex;
-  border-left: none;
-  padding-left: 4px;
+  border-inline-start: none;
+  padding-inline-start: 4px;
 }
 .mobile-number__mobileInputWrapper___Na12n .mobile-number__mobileInputContainer___deIgv .mobile-number__mobileNumberInput___iRnFG:focus-visible {
   outline: none;
@@ -4500,7 +4506,7 @@ h5,
   opacity: 0.3;
 }
 .mobile-number__required___yHCeh {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .mobile-number__countryDropdown___GP6Fo {
   background-color: aquamarine;
@@ -5321,7 +5327,7 @@ h5,
   font-size: 12px;
   font-weight: 600;
   margin-inline-start: 14px;
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .coupon__modalContent___BJog_ .coupon__modalBody___vZ3YF .coupon__couponInputBox___mlvGS {
   position: relative;
@@ -6064,8 +6070,11 @@ h5,
 .comment__commentOuterBox___tyEJJ .comment__inputBox___hqxzy .comment__commentError___qZ8ZF {
   font-weight: 400;
   font-size: 10px;
-  color: var(--errorText, #b24141);
-  padding: 12px 12px 0px 12px;
+  color: var(--errorText, #ff3333);
+  padding-top: 12px;
+  padding-inline-end: 12px;
+  padding-bottom: 0px;
+  padding-inline-start: 12px;
 }
 .comment__modelHeader___zmsaH {
   display: flex;
@@ -6086,8 +6095,8 @@ h5,
 }
 @media only screen and (max-width: 768px) {
   .comment__modalContainer___iL5Lo {
-    border-top-left-radius: 4px;
-    border-top-right-radius: 4px;
+    border-start-start-radius: 4px;
+    border-start-end-radius: 4px;
   }
 }
 .comment__modalContent___YcBhL {
@@ -6127,7 +6136,7 @@ h5,
   color: var(--textLabel, #7d7676);
   font-weight: 400;
   width: max-content;
-  margin-left: auto;
+  margin-inline-start: auto;
   font-size: 12px;
   line-height: 140%;
   /* 16.8px */
@@ -6550,7 +6559,7 @@ h5,
   outline: none;
 }
 .gst-card__gstContainer___LJVYg .gst-card__inputBox___mMywn .gst-card__errorBox___F_YRZ {
-  border: var(--errorText, #b24141);
+  border: var(--errorText, #ff3333);
 }
 .gst-card__gstContainer___LJVYg .gst-card__inputBox___mMywn .gst-card__crossBtn___ERJyk {
   position: absolute;
@@ -6558,7 +6567,7 @@ h5,
   cursor: pointer;
 }
 .gst-card__colorErrorNormal___qjGLA {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .gst-card__colorSuccessNormal___cN34g {
   color: var(--successText, #1c958f);
@@ -7481,7 +7490,7 @@ h5,
   padding: 4px 12px;
   border-radius: 4px;
   line-height: 140%;
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   background-color: var(--errorBackground, #e6d5d5);
 }
 @media only screen and (max-width: 480px) {
@@ -7541,7 +7550,7 @@ h5,
 .chip-item__cartItemsListContainer___ud9jU .chip-item__eachItemContainer___rROgS .chip-item__eachItemDetailsContainer___RLC12 .chip-item__itemTotalContainer___E0DQq .chip-item__deliveryDateWrapper___TcR1g .chip-item__deliveryDate___o3m1j {
   font-weight: 500;
   font-size: 12px;
-  text-align: right;
+  text-align: end;
   color: var(--successText, #1c958f);
   align-self: center;
   margin-inline-start: 8px;
@@ -7610,7 +7619,7 @@ h5,
   cursor: pointer;
 }
 .chip-item__new-cart-red-color___z29C0 {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .chip-item__outOfStock___PBJRq {
   opacity: 0.4;
@@ -7725,12 +7734,15 @@ h5,
   stroke-width: 1;
 }
 .chip-item__sModalContainer___ARs9G .chip-item__sizeModalErrCls___QFoKd {
-  padding: 0 0 4px 24px;
+  padding-top: 0;
+  padding-inline-end: 0;
+  padding-bottom: 4px;
+  padding-inline-start: 24px;
   margin-top: -12px;
   height: 22px;
   font-weight: 600;
   font-size: 12px;
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   line-height: 140%;
 }
 .chip-item__sModalContainer___ARs9G .chip-item__sizeModalFooter___W87OT {
@@ -7763,9 +7775,9 @@ h5,
   padding: 6px 16px 8px;
   display: flex;
   align-items: center;
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   background: var(--errorBackground, #e6d5d5);
-  border: 1px solid var(--errorText, #b24141);
+  border: 1px solid var(--errorText, #ff3333);
   border-radius: 4px;
   line-height: 140%;
   height: 36px;
@@ -8606,7 +8618,7 @@ h5,
   font-weight: 600;
 }
 .free-gift-item__freeArticleContainer___wFbcr .free-gift-item__quantityCount___zoOkQ {
-  margin-left: 8px;
+  margin-inline-start: 8px;
   color: var(--textBody);
   font-weight: 400;
 }
@@ -9050,6 +9062,31 @@ h5,
 .accordion__accordionContentImageItem____FBCe {
   display: flex;
   align-items: center;
+  position: relative;
+  cursor: pointer;
+}
+.accordion__accordionContentImageItem____FBCe .accordion__imagePreview___FOjGs {
+  position: absolute;
+  left: -155%;
+  top: -100px;
+  z-index: 20;
+}
+@media only screen and (min-width: 769px) {
+  .accordion__accordionContentImageItem____FBCe .accordion__imagePreview___FOjGs {
+    display: none;
+  }
+}
+.accordion__accordionContentImageItem____FBCe .accordion__largePreviewImg___P4ud_ {
+  width: 73px;
+  height: 92px;
+  border-radius: 4px;
+  background: lightgray 50% / cover no-repeat;
+  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
+  pointer-events: none;
+}
+/* Show on hover */
+.accordion__accordionContentImageItem____FBCe:hover .accordion__imagePreview___FOjGs {
+  display: block;
 }
 .accordion__accordionContentImg___lbTPr {
   border-radius: 50%;
@@ -9834,7 +9871,7 @@ h5,
   .share-cart-modal__sharePopup___mHeWh {
     position: fixed;
     top: 0;
-    left: 0;
+    inset-inline-start: 0;
     justify-content: center;
     width: 100vw;
     height: 100dvh;
@@ -9870,7 +9907,7 @@ h5,
   .share-cart-modal__sharePopup___mHeWh .share-cart-modal__close___qKEdK {
     position: absolute;
     top: 24px;
-    right: 16px;
+    inset-inline-end: 16px;
     width: 22px;
     height: 22px;
     display: flex !important;
@@ -10923,6 +10960,9 @@ h5,
     width: 50% !important;
   }
 }
+.sticky-footer__rotate180___erK50 {
+  transform: rotate(180deg);
+}
 
 /**color by character**/
 /** Font family **/
@@ -11273,8 +11313,8 @@ h5,
   font-weight: 400;
 }
 .remove-cart-item__modalContainer___tytkU {
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+  border-start-start-radius: 4px;
+  border-start-end-radius: 4px;
 }
 .remove-cart-item__removeModalBody___uY7E6 {
   line-height: 140%;
@@ -11345,7 +11385,7 @@ h5,
 .remove-cart-item__removeModalFooter___wF0NY .remove-cart-item__wishlistBtn___I2k15 {
   padding-top: 14px;
   padding-bottom: 14px;
-  margin-left: 16px;
+  margin-inline-start: 16px;
   text-align: center;
   cursor: pointer;
   color: var(--buttonSecondary, #fff);