@gofynd/theme-template 3.1.3 → 3.2.1

package/dist/page-layouts/auth/account-locked/account-locked.css

@@ -768,7 +768,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;
@@ -781,7 +781,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 {
@@ -790,7 +790,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;
@@ -819,7 +819,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);
@@ -842,7 +842,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);
@@ -870,7 +870,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/page-layouts/auth/mobile-number/mobile-number.css

@@ -339,7 +339,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;
@@ -347,28 +347,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;
@@ -378,7 +378,7 @@ h5,
   opacity: 0.3;
 }
 .mobile-number__required___yHCeh {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .mobile-number__countryDropdown___GP6Fo {
   background-color: aquamarine;

package/dist/page-layouts/auth/verify-both/verify-both.css

@@ -409,10 +409,10 @@ h5,
   outline: none;
 }
 .verify-both__formWrapper___i4gyS .verify-both__inputGroup___WBoRS.verify-both__error___zKEjP .verify-both__label___m7Eae {
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .verify-both__formWrapper___i4gyS .verify-both__inputGroup___WBoRS.verify-both__error___zKEjP input {
-  border-color: var(--errorText, #b24141);
+  border-color: var(--errorText, #ff3333);
 }
 .verify-both__submitBtn___rVsbN {
   border: none;
@@ -439,7 +439,7 @@ h5,
   font-weight: 400;
   line-height: 140%;
   margin-top: 8px;
-  color: var(--errorText, #b24141);
+  color: var(--errorText, #ff3333);
 }
 .verify-both__resendOtpWrapper___Mq8mf {
   display: flex;

package/dist/page-layouts/auth/verify-both/verify-both.js

@@ -1 +1 @@
-!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("fdk-core/utils"),require("react"),require("react-hook-form")):"function"==typeof define&&define.amd?define("firestone",["fdk-core/utils","react","react-hook-form"],t):"object"==typeof exports?exports.firestone=t(require("fdk-core/utils"),require("react"),require("react-hook-form")):e.firestone=t(e["fdk-core/utils"],e.react,e["react-hook-form"])}("undefined"!=typeof self?self:this,((e,t,r)=>(()=>{"use strict";var o={447:t=>{t.exports=e},9155:e=>{e.exports=t},1862:e=>{e.exports=r}},a={};function __webpack_require__(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{__webpack_require__.r(i),__webpack_require__.d(i,{default:()=>f});var e=__webpack_require__(9155),t=__webpack_require__.n(e),r=__webpack_require__(1862),o="verify-both__error___zKEjP",a="verify-both__formWrapper___i4gyS",l="verify-both__header___a6qhG",n="verify-both__inputGroup___WBoRS",s="verify-both__label___m7Eae",_="verify-both__loginAlert___HgFU5",m="verify-both__otpSentMessage___g37nf",c="verify-both__resendOtpBtn___B4cLV",u="verify-both__resendOtpWrapper___Mq8mf",p="verify-both__submitBtn___rVsbN",b="verify-both__verifyOtpForm___l4iIY",d=__webpack_require__(447);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}const f=function VerifyBoth(e){let{isShowMobileOtp:r=!0,isShowEmailOtp:o=!0,submittedMobile:a="",mobileOtpResendTime:i=0,mobileFormError:l=null,submittedEmail:n="",emailOtpResendTime:s=0,emailFormError:_=null,onVerifyMobileSubmit:m=(()=>{}),onResendMobileOtpClick:c=(()=>{}),onVerifyEmailSubmit:u=(()=>{}),onResendEmailOtpClick:p=(()=>{})}=e;return t().createElement("div",{className:"verify-both__verifyBoth___DB3M5"},r&&t().createElement(VerifyMobile,{error:l,submittedMobile:a,mobileOtpResendTime:i,onVerifyMobileSubmit:m,onResendMobileOtpClick:c}),o&&t().createElement(VerifyEmail,{error:_,submittedEmail:n,emailOtpResendTime:s,onVerifyEmailSubmit:u,onResendEmailOtpClick:p}))};function VerifyMobile(o){let{submittedMobile:i="",mobileOtpResendTime:f=0,error:E=null,onVerifyMobileSubmit:y=(()=>{}),onResendMobileOtpClick:v=(()=>{})}=o;const{t:h}=(0,d.useGlobalTranslation)("translation"),{handleSubmit:k,register:g,formState:{errors:O,isValid:S},setError:q,clearErrors:N,resetField:M}=(0,r.useForm)({defaultValues:{otp:""}}),w=(0,e.useId)(),x=f>0;(0,e.useEffect)((()=>{E?q("root",E):N("root")}),[E]);return t().createElement("div",{className:a},t().createElement("h3",{className:l},h("resource.auth.verify_mobile")),t().createElement("form",{className:b,onSubmit:k(y)},t().createElement("div",null,t().createElement("p",{className:m},`${h("resource.common.otp_sent_to")} ${i}`),t().createElement("div",{className:n},t().createElement("label",{className:s,htmlFor:w},h("resource.common.enter_otp")),t().createElement("input",_extends({id:w,type:"text",inputMode:"numeric",pattern:"\\d*",maxLength:4,onInput:e=>{e.target.value=e.target.value.replace(/[^0-9]/g,"").slice(0,4)}},g("otp",{validate:e=>/^[0-9]{4}$/.test(e)}))))),O.root&&t().createElement("div",{className:_},t().createElement("span",null,O.root.message)),t().createElement("button",{className:p,type:"submit",disabled:!S},h("resource.facets.submit_action"))),t().createElement("div",{className:u},t().createElement("button",{className:c,onClick:()=>{M("otp"),v()},disabled:x},`${h("resource.common.resend_otp")}${x?` (${f}S)`:""}`)))}function VerifyEmail(i){let{submittedEmail:f="",emailOtpResendTime:E=0,error:y=null,onVerifyEmailSubmit:v=(()=>{}),onResendEmailOtpClick:h=(()=>{})}=i;const{t:k}=(0,d.useGlobalTranslation)("translation"),{handleSubmit:g,register:O,formState:{errors:S},setError:q,clearErrors:N,resetField:M}=(0,r.useForm)({defaultValues:{otp:""}}),w=(0,e.useId)(),x=E>0;(0,e.useEffect)((()=>{y?q("otp",y):N("otp")}),[y]);return t().createElement("div",{className:a},t().createElement("h3",{className:l},k("resource.auth.verify_email")),t().createElement("form",{className:b,onSubmit:g(v)},t().createElement("div",null,t().createElement("p",{className:m},`${k("resource.common.otp_sent_to")} ${f}`),t().createElement("div",{className:`${n} ${S?.root||S?.otp?o:""}`},t().createElement("label",{className:s,htmlFor:w},k("resource.common.enter_otp")),t().createElement("input",_extends({id:w,type:"text",inputMode:"numeric",pattern:"\\d*",maxLength:4,onInput:e=>{e.target.value=e.target.value.replace(/[^0-9]/g,"").slice(0,4)}},O("otp",{validate:e=>/^[0-9]{4}$/.test(e)||k("resource.common.enter_valid_otp")}))),S?.otp&&t().createElement("p",{className:_},S?.otp?.message))),t().createElement("button",{className:p,type:"submit"},t().createElement("span",null,k("resource.facets.submit_action")))),t().createElement("div",{className:u},t().createElement("button",{className:c,onClick:()=>{M("otp"),h()},disabled:x},`${k("resource.common.resend_otp")}${x?` (${E}S)`:""}`)))}})(),i})()));
+!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("fdk-core/utils"),require("react"),require("react-hook-form")):"function"==typeof define&&define.amd?define("firestone",["fdk-core/utils","react","react-hook-form"],t):"object"==typeof exports?exports.firestone=t(require("fdk-core/utils"),require("react"),require("react-hook-form")):e.firestone=t(e["fdk-core/utils"],e.react,e["react-hook-form"])}("undefined"!=typeof self?self:this,((e,t,r)=>(()=>{"use strict";var o={6123:(e,t,r)=>{r.d(t,{default:()=>ForcedLtr});var o=r(9155),a=r.n(o);function ForcedLtr(e){let{text:t,className:r="",style:o={}}=e;return a().createElement("span",{dir:"ltr",className:r,style:o},t)}},447:t=>{t.exports=e},9155:e=>{e.exports=t},1862:e=>{e.exports=r}},a={};function __webpack_require__(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{__webpack_require__.r(i),__webpack_require__.d(i,{default:()=>E});var e=__webpack_require__(9155),t=__webpack_require__.n(e),r=__webpack_require__(1862),o="verify-both__error___zKEjP",a="verify-both__formWrapper___i4gyS",l="verify-both__header___a6qhG",n="verify-both__inputGroup___WBoRS",s="verify-both__label___m7Eae",_="verify-both__loginAlert___HgFU5",c="verify-both__otpSentMessage___g37nf",m="verify-both__resendOtpBtn___B4cLV",u="verify-both__resendOtpWrapper___Mq8mf",p="verify-both__submitBtn___rVsbN",d="verify-both__verifyOtpForm___l4iIY",b=__webpack_require__(447),f=__webpack_require__(6123);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}const E=function VerifyBoth(e){let{isShowMobileOtp:r=!0,isShowEmailOtp:o=!0,submittedMobile:a="",mobileOtpResendTime:i=0,mobileFormError:l=null,submittedEmail:n="",emailOtpResendTime:s=0,emailFormError:_=null,onVerifyMobileSubmit:c=(()=>{}),onResendMobileOtpClick:m=(()=>{}),onVerifyEmailSubmit:u=(()=>{}),onResendEmailOtpClick:p=(()=>{})}=e;return t().createElement("div",{className:"verify-both__verifyBoth___DB3M5"},r&&t().createElement(VerifyMobile,{error:l,submittedMobile:a,mobileOtpResendTime:i,onVerifyMobileSubmit:c,onResendMobileOtpClick:m}),o&&t().createElement(VerifyEmail,{error:_,submittedEmail:n,emailOtpResendTime:s,onVerifyEmailSubmit:u,onResendEmailOtpClick:p}))};function VerifyMobile(o){let{submittedMobile:i="",mobileOtpResendTime:E=0,error:y=null,onVerifyMobileSubmit:v=(()=>{}),onResendMobileOtpClick:h=(()=>{})}=o;const{t:k}=(0,b.useGlobalTranslation)("translation"),{handleSubmit:g,register:O,formState:{errors:q,isValid:N},setError:S,clearErrors:x,resetField:w}=(0,r.useForm)({defaultValues:{otp:""}}),M=(0,e.useId)(),V=E>0;(0,e.useEffect)((()=>{y?S("root",y):x("root")}),[y]);return t().createElement("div",{className:a},t().createElement("h3",{className:l},k("resource.auth.verify_mobile")),t().createElement("form",{className:d,onSubmit:g(v)},t().createElement("div",null,t().createElement("p",{className:c},`${k("resource.common.otp_sent_to")}`,t().createElement(f.default,{text:i})),t().createElement("div",{className:n},t().createElement("label",{className:s,htmlFor:M},k("resource.common.enter_otp")),t().createElement("input",_extends({id:M,type:"text",inputMode:"numeric",pattern:"\\d*",maxLength:4,dir:"ltr",onInput:e=>{e.target.value=e.target.value.replace(/[^0-9]/g,"").slice(0,4)}},O("otp",{validate:e=>/^[0-9]{4}$/.test(e)}))))),q.root&&t().createElement("div",{className:_},t().createElement("span",null,q.root.message)),t().createElement("button",{className:p,type:"submit",disabled:!N},k("resource.facets.submit_action"))),t().createElement("div",{className:u},t().createElement("button",{className:m,onClick:()=>{w("otp"),h()},disabled:V},`${k("resource.common.resend_otp")}${V?` (${E}S)`:""}`)))}function VerifyEmail(i){let{submittedEmail:f="",emailOtpResendTime:E=0,error:y=null,onVerifyEmailSubmit:v=(()=>{}),onResendEmailOtpClick:h=(()=>{})}=i;const{t:k}=(0,b.useGlobalTranslation)("translation"),{handleSubmit:g,register:O,formState:{errors:q},setError:N,clearErrors:S,resetField:x}=(0,r.useForm)({defaultValues:{otp:""}}),w=(0,e.useId)(),M=E>0;(0,e.useEffect)((()=>{y?N("otp",y):S("otp")}),[y]);return t().createElement("div",{className:a},t().createElement("h3",{className:l},k("resource.auth.verify_email")),t().createElement("form",{className:d,onSubmit:g(v)},t().createElement("div",null,t().createElement("p",{className:c},`${k("resource.common.otp_sent_to")} ${f}`),t().createElement("div",{className:`${n} ${q?.root||q?.otp?o:""}`},t().createElement("label",{className:s,htmlFor:w},k("resource.common.enter_otp")),t().createElement("input",_extends({id:w,type:"text",inputMode:"numeric",pattern:"\\d*",maxLength:4,dir:"ltr",onInput:e=>{e.target.value=e.target.value.replace(/[^0-9]/g,"").slice(0,4)}},O("otp",{validate:e=>/^[0-9]{4}$/.test(e)||k("resource.common.enter_valid_otp")}))),q?.otp&&t().createElement("p",{className:_},q?.otp?.message))),t().createElement("button",{className:p,type:"submit"},t().createElement("span",null,k("resource.facets.submit_action")))),t().createElement("div",{className:u},t().createElement("button",{className:m,onClick:()=>{x("otp"),h()},disabled:M},`${k("resource.common.resend_otp")}${M?` (${E}S)`:""}`)))}})(),i})()));

package/dist/page-layouts/cart/Components/chip-item/chip-item.css

@@ -459,7 +459,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) {
@@ -519,7 +519,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;
@@ -588,7 +588,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;
@@ -703,12 +703,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 {
@@ -741,9 +744,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;
@@ -2064,7 +2067,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;
 }
@@ -2508,6 +2511,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%;