@gofynd/theme-template 3.1.3 → 3.2.1

package/dist/components/index.css

@@ -920,8 +920,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;
@@ -942,8 +945,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 {
@@ -983,7 +986,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 */
@@ -1886,7 +1889,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;
@@ -1894,7 +1897,7 @@ h5,
   cursor: pointer;
 }
 .gst-card__colorErrorNormal___qjGLA {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .gst-card__colorSuccessNormal___cN34g {
   color: var(--successText, #1c958f);
@@ -2648,7 +2651,7 @@ h5,
   .share-cart-modal__sharePopup___mHeWh {
     position: fixed;
     top: 0;
-    left: 0;
+    inset-inline-start: 0;
     justify-content: center;
     width: 100vw;
     height: 100dvh;
@@ -2684,7 +2687,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;
@@ -3594,8 +3597,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 {
@@ -3629,7 +3632,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;
@@ -3723,7 +3726,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;
@@ -3896,7 +3899,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;
@@ -4728,7 +4731,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;
@@ -4739,7 +4742,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;
@@ -4771,7 +4774,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);
 }
@@ -4963,7 +4966,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;
@@ -5042,10 +5045,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**/
@@ -5390,7 +5399,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;
@@ -5401,10 +5410,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;
@@ -5451,7 +5460,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;
@@ -5854,7 +5863,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;
@@ -5865,7 +5874,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);
@@ -6232,13 +6241,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;
@@ -6256,7 +6265,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;
@@ -6671,7 +6680,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;
@@ -6679,28 +6688,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;
@@ -6710,7 +6719,7 @@ h5,
   opacity: 0.3;
 }
 .mobile-number__required___yHCeh {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .mobile-number__countryDropdown___GP6Fo {
   background-color: aquamarine;
@@ -7531,7 +7540,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;
@@ -8176,7 +8185,7 @@ h5,
   border: 2px solid var(--buttonPrimaryL3, #b8b29d);
   border-top: 2px solid var(--buttonPrimary, #4e3f09);
   padding: 0;
-  margin-left: 0;
+  margin-inline-start: 0;
 }
 .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__contained___F5O7g.fy-button__primary___xKz1S {
   border-top-color: #ffffff;
@@ -8189,7 +8198,7 @@ h5,
 .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__text___HwP6V.fy-button__error___guhqH,
 .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__outlined___WccQN.fy-button__error___guhqH {
   border: 2px solid var(--errorBackground, #e6d5d5);
-  border-top: 2px solid var(--errorText, #b24141);
+  border-top: 2px solid var(--errorText, #ff3333);
 }
 .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__text___HwP6V.fy-button__success___M7fJl,
 .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__outlined___WccQN.fy-button__success___M7fJl {
@@ -8198,7 +8207,7 @@ h5,
 }
 .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__error___guhqH {
   border: 2px solid #ffffff;
-  border-top: 2px solid var(--errorText, #b24141);
+  border-top: 2px solid var(--errorText, #ff3333);
 }
 .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__success___M7fJl {
   border: 2px solid #ffffff;
@@ -8227,7 +8236,7 @@ h5,
   color: var(--buttonPrimary, #4e3f09);
 }
 .fy-button__text___HwP6V.fy-button__error___guhqH {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .fy-button__text___HwP6V.fy-button__success___M7fJl {
   color: var(--successText, #1c958f);
@@ -8250,7 +8259,7 @@ h5,
 }
 .fy-button__contained___F5O7g.fy-button__error___guhqH {
   background-color: var(--errorBackground, #e6d5d5);
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .fy-button__contained___F5O7g.fy-button__success___M7fJl {
   background-color: var(--successBackground, #c2dbc9);
@@ -8278,7 +8287,7 @@ h5,
 }
 .fy-button__outlined___WccQN.fy-button__error___guhqH {
   border: 1px solid var(--errorBackground, #e6d5d5);
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .fy-button__outlined___WccQN.fy-button__success___M7fJl {
   border: 1px solid var(--successBackground, #c2dbc9);
@@ -8665,7 +8674,7 @@ h5,
   min-width: 0;
 }
 .profile-navigation__profilePageContainer___K5iNj .profile-navigation__mainView___N7sRC .profile-navigation__navContainer___pxEcU {
-  border-left: 1px solid var(--dividerStokes, #d4d1d1);
+  border-inline-start: 1px solid var(--dividerStokes, #d4d1d1);
   padding: 16px;
   width: 25%;
 }
@@ -8730,7 +8739,7 @@ h5,
 .profile-navigation__profilePageContainer___K5iNj .profile-navigation__mainView___N7sRC .profile-navigation__navContainer___pxEcU .profile-navigation__nav___Muxd1 .profile-navigation__menuIcon___VwDzj {
   height: 20px;
   aspect-ratio: 1;
-  margin-right: 12px;
+  margin-inline-end: 12px;
 }
 .profile-navigation__profilePageContainer___K5iNj .profile-navigation__mainView___N7sRC .profile-navigation__navContainer___pxEcU .profile-navigation__versionContainer___gbdtn {
   display: flex;