@gofynd/theme-template 3.1.3 → 3.2.1

package/dist/pages/order/index.css

@@ -750,7 +750,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;
@@ -761,10 +761,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;
@@ -811,7 +811,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;
@@ -1244,7 +1244,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;
@@ -1257,7 +1257,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 {
@@ -1266,7 +1266,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;
@@ -1295,7 +1295,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);
@@ -1318,7 +1318,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);
@@ -1346,7 +1346,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/pages/order/order-tracking-details/order-tracking-details.css

@@ -498,7 +498,7 @@ h5,
 }
 .order-tracking-details__orderTrackingDetails___FRBMf .order-tracking-details__orderShipments___N9p2M .order-tracking-details__shipmentDetails___iWSGH {
   padding: 0 24px;
-  border-left: 1px solid var(--dividerStokes, #d4d1d1);
+  border-inline-start: 1px solid var(--dividerStokes, #d4d1d1);
   min-width: 352px;
 }
 @media only screen and (max-width: 768px) {
@@ -506,7 +506,7 @@ h5,
     width: 100%;
     padding: 0;
     min-width: unset;
-    border-left: none;
+    border-inline-start: none;
   }
 }
 .order-tracking-details__orderTrackingDetails___FRBMf .order-tracking-details__orderShipments___N9p2M .order-tracking-details__shipmentBagItem___vn2Dj {
@@ -524,7 +524,7 @@ h5,
 }
 .order-tracking-details__orderTrackingDetails___FRBMf .order-tracking-details__orderShipments___N9p2M .order-tracking-details__view___DwqT2 {
   text-align: center;
-  padding-right: 30px;
+  padding-inline-end: 30px;
   padding-top: 5px;
   cursor: pointer;
 }
@@ -1270,7 +1270,7 @@ h5,
 }
 .order-shipment__orderItem____zenT .order-shipment__orderHeader___dBn7E .order-shipment__filter___lnsey {
   position: absolute;
-  right: 0px;
+  inset-inline-end: 0px;
 }
 .order-shipment__orderItem____zenT .order-shipment__orderHeader___dBn7E .order-shipment__filterArrowUp___g46yt {
   margin-inline-start: auto;
@@ -1807,6 +1807,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%;
@@ -2277,7 +2302,7 @@ h5,
   line-height: 140%;
 }
 .shipment-item__bagItem___YVBW1 .shipment-item__bagInfo___j7W8G .shipment-item__margin___aoRFj {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
   margin-inline-start: 10px;
 }
 .shipment-item__bagItem___YVBW1 .shipment-item__bagInfo___j7W8G .shipment-item__total___j4dLu {
@@ -2701,7 +2726,7 @@ h5,
 }
 .shipment-tracking__shipmentTracking___vw2lr .shipment-tracking__status___B417y .shipment-tracking__info___KBL6j {
   position: absolute;
-  right: 20px;
+  inset-inline-end: 20px;
   text-align: center;
   color: #ffffff;
   padding: 10px;
@@ -2717,7 +2742,7 @@ h5,
   opacity: 0.5;
 }
 .shipment-tracking__shipmentTracking___vw2lr .shipment-tracking__trackItem___geRoz .shipment-tracking__trackInfo___A5RXX {
-  margin-left: 20px;
+  margin-inline-start: 20px;
 }
 .shipment-tracking__shipmentTracking___vw2lr .shipment-tracking__trackItem___geRoz .shipment-tracking__trackInfo___A5RXX .shipment-tracking__boldsm___aDLPp {
   font-weight: 700;
@@ -2746,7 +2771,7 @@ h5,
   width: 100%;
 }
 .shipment-tracking__shipmentTracking___vw2lr .shipment-tracking__trackItem___geRoz .shipment-tracking__dropdownArrow___m8GIu {
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 .shipment-tracking__shipmentTracking___vw2lr .shipment-tracking__title___BMsCR {
   font-weight: bold;
@@ -2795,12 +2820,12 @@ h5,
   font-size: 12px;
   font-weight: 500;
   line-height: 140%;
-  border-right: 1px solid var(--dividerStokes, #d4d1d1);
+  border-inline-end: 1px solid var(--dividerStokes, #d4d1d1);
   color: var(--buttonLink, #b1655b);
 }
 .shipment-tracking__shipmentTracking___vw2lr .shipment-tracking__links___E7mYI div:last-child,
 .shipment-tracking__shipmentTracking___vw2lr .shipment-tracking__links___E7mYI a:last-child {
-  border-right: none;
+  border-inline-end: none;
 }
 .shipment-tracking__shipmentTracking___vw2lr .shipment-tracking__links___E7mYI div:hover,
 .shipment-tracking__shipmentTracking___vw2lr .shipment-tracking__links___E7mYI a:hover {
@@ -3192,7 +3217,7 @@ h5,
 }
 .shipment-breakup__billing___FTdqB .shipment-breakup__values___Ji3lV {
   position: absolute;
-  right: 16px;
+  inset-inline-end: 16px;
   color: var(--textBody, #3c3131);
   font-size: 12px;
   font-weight: 400;
@@ -3609,7 +3634,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;
@@ -3622,7 +3647,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 {
@@ -3631,7 +3656,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;
@@ -3660,7 +3685,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);
@@ -3683,7 +3708,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);
@@ -3711,7 +3736,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);
@@ -4567,7 +4592,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;
@@ -4578,10 +4603,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;
@@ -4628,7 +4653,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;