@gofynd/theme-template 3.2.0 → 3.2.1

package/dist/components/index.css

@@ -920,7 +920,7 @@ h5,
 .comment__commentOuterBox___tyEJJ .comment__inputBox___hqxzy .comment__commentError___qZ8ZF {
   font-weight: 400;
   font-size: 10px;
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   padding-top: 12px;
   padding-inline-end: 12px;
   padding-bottom: 0px;
@@ -1889,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;
@@ -1897,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);
@@ -3632,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;
@@ -3726,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;
@@ -3899,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;
@@ -4731,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;
@@ -4742,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;
@@ -5399,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;
@@ -5410,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;
@@ -5460,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;
@@ -5863,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;
@@ -5874,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);
@@ -6241,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;
@@ -6265,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;
@@ -6680,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;
@@ -6688,14 +6688,14 @@ 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;
@@ -6719,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;
@@ -7540,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;
@@ -8198,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 {
@@ -8207,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;
@@ -8236,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);
@@ -8259,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);
@@ -8287,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);

package/dist/components/location-modal/location-modal.css

@@ -1232,7 +1232,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;
@@ -1243,10 +1243,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;
@@ -1293,7 +1293,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;
@@ -1739,7 +1739,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 {
@@ -1748,7 +1748,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;
@@ -1777,7 +1777,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);
@@ -1800,7 +1800,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);
@@ -1828,7 +1828,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);

package/dist/components/order-shipment/order-shipment.css

@@ -883,6 +883,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%;