@gofynd/theme-template 3.2.6 → 3.2.8

package/dist/page-layouts/login/component/social-login-button/google-login-button.css

@@ -0,0 +1,375 @@
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.google-login-button__display-block___s15RG {
+  display: block;
+}
+.google-login-button__inline-block___Q_L25,
+.google-login-button__inlineBlock___PixDy {
+  display: inline-block;
+}
+.google-login-button__flex-row___Ac1Tp {
+  display: flex;
+}
+.google-login-button__flex-column___yjfVB,
+.google-login-button__flexColumn___tktA6 {
+  display: flex;
+  flex-direction: column;
+}
+.google-login-button__flex-align-center___AGQ4A,
+.google-login-button__flexAlignCenter___jcHeh {
+  display: flex;
+  align-items: center;
+}
+.google-login-button__flex-justify-center___pwIau,
+.google-login-button__flexJustifyCenter___etrqc {
+  display: flex;
+  justify-content: center;
+}
+.google-login-button__flex-center___iZzXf,
+.google-login-button__flexCenter___Udri1 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.google-login-button__justify-start___jP0Bf,
+.google-login-button__justifyStart___lB7Bm {
+  justify-content: flex-start;
+}
+.google-login-button__justify-end___M6bWw,
+.google-login-button__justifyEnd___g8Qzy {
+  justify-content: flex-end;
+}
+.google-login-button__justify-between___otTVm,
+.google-login-button__justifyBetween___Zv57a {
+  justify-content: space-between;
+}
+.google-login-button__justify-around___BJOT_,
+.google-login-button__justifyAround___VvLTn {
+  justify-content: space-around;
+}
+.google-login-button__justify-evenly___JJl44,
+.google-login-button__justifyEvenly___UKmGy {
+  justify-content: space-evenly;
+}
+h1,
+.google-login-button__h1___IRFRh {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 42px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h1,
+  .google-login-button__h1___IRFRh {
+    font-size: 36px;
+    line-height: 48px;
+  }
+}
+h2,
+.google-login-button__h2___rMEfg {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 36px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h2,
+  .google-login-button__h2___rMEfg {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+h3,
+.google-login-button__h3___gdnae {
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 24px;
+  line-height: 32px;
+}
+@media only screen and (min-width: 769px) {
+  h3,
+  .google-login-button__h3___gdnae {
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+h4,
+.google-login-button__h4___GupbO {
+  font-weight: 600;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 16px;
+  line-height: 1.5;
+}
+@media only screen and (min-width: 769px) {
+  h4,
+  .google-login-button__h4___GupbO {
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 20px;
+    line-height: 1.5;
+  }
+}
+h5,
+.google-login-button__h5___qDny5 {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h5,
+  .google-login-button__h5___qDny5 {
+    font-size: 16px;
+    line-height: 18px;
+  }
+}
+.google-login-button__b1___zQFOd {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+}
+@media only screen and (min-width: 769px) {
+  .google-login-button__b1___zQFOd {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.google-login-button__b-small___D10Xc,
+.google-login-button__bSmall___IXVmp,
+.google-login-button__b2___rV4mg {
+  font-weight: 400;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+  font-size: 12px;
+  line-height: 16px;
+}
+@media only screen and (min-width: 769px) {
+  .google-login-button__b-small___D10Xc,
+  .google-login-button__bSmall___IXVmp,
+  .google-login-button__b2___rV4mg {
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    color: var(--textBody, #3c3131);
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+.google-login-button__d1___UVhdX {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -0.02em;
+}
+@media only screen and (min-width: 769px) {
+  .google-login-button__d1___UVhdX {
+    font-size: 64px;
+    line-height: 85px;
+    letter-spacing: -0.03em;
+  }
+}
+.google-login-button__caption-medium___yVS2n,
+.google-login-button__captionMedium___UIV13 {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 500;
+}
+@media only screen and (max-width: 480px) {
+  .google-login-button__caption-medium___yVS2n,
+  .google-login-button__captionMedium___UIV13 {
+    font-size: 11px;
+  }
+}
+.google-login-button__caption-semi-bold___Joz60,
+.google-login-button__captionSemiBold___C8p1l {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 600;
+}
+@media only screen and (max-width: 480px) {
+  .google-login-button__caption-semi-bold___Joz60,
+  .google-login-button__captionSemiBold___C8p1l {
+    font-size: 11px;
+  }
+}
+.google-login-button__btn-link___Z4yx6,
+.google-login-button__btnLink___WYTcb {
+  font-weight: 500;
+  letter-spacing: -0.02em;
+  font-size: 12px;
+  line-height: 14px;
+  border-radius: var(--buttonRadius, 0px);
+  cursor: pointer;
+  color: var(--buttonLink, #b1655b);
+  text-decoration: underline;
+  background: none;
+  border: none;
+}
+@media only screen and (min-width: 769px) {
+  .google-login-button__btn-link___Z4yx6,
+  .google-login-button__btnLink___WYTcb {
+    font-weight: 500;
+    letter-spacing: -0.02em;
+    font-size: 14px;
+    line-height: 16px;
+  }
+}
+.google-login-button__btn-link___Z4yx6:hover,
+.google-login-button__btnLink___WYTcb:hover {
+  color: var(--buttonLinkL1, #c1847c);
+}
+.google-login-button__btn-link___Z4yx6:disabled,
+.google-login-button__btnLink___WYTcb:disabled {
+  color: var(--buttonLinkL2, #d0a39d);
+}
+.google-login-button__btn-link___Z4yx6:active,
+.google-login-button__btnLink___WYTcb:active {
+  opacity: 0.8;
+}
+.google-login-button__user-select-none___atNX0,
+.google-login-button__userSelectNone___TjXmt {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.google-login-button__margin-0-auto___lSMrD,
+.google-login-button__margin0auto___pjEMN {
+  margin: 0 auto;
+}
+.google-login-button__base-page-container___HDsM1,
+.google-login-button__basePageContainer___EH4cp {
+  max-width: 1440px !important;
+}
+.google-login-button__remove-scroll___Sv0ai,
+.google-login-button__removeScroll___hX_DS {
+  overflow-y: hidden !important;
+}
+.google-login-button__mr-5___iQJLH,
+.google-login-button__mr5___co5at {
+  margin-inline-end: 30px !important;
+}
+.google-login-button__mr-2___cdlE_,
+.google-login-button__mr2___hrKWR {
+  margin-inline-end: 5px !important;
+}
+.google-login-button__py-5___ffmv9,
+.google-login-button__py5___h99Qk {
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
+}
+.google-login-button__view-all-text___wMzMP,
+.google-login-button__viewAllText___n8878 {
+  font-size: 20px;
+  font-weight: 400;
+  text-transform: lowercase;
+  text-decoration: underline;
+}
+.google-login-button__view-all-mobile___z3IOw,
+.google-login-button__viewAllMobile___kwSTY {
+  display: none;
+}
+@media only screen and (max-width: 768px) {
+  .google-login-button__view-all-mobile___z3IOw,
+  .google-login-button__viewAllMobile___kwSTY {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .google-login-button__view-all-mobile___z3IOw,
+  .google-login-button__viewAllMobile___kwSTY {
+    margin-top: 24px;
+  }
+}
+.google-login-button__accent-btn___brS2S,
+.google-login-button__accentBtn___k4j9C {
+  background-color: var(--accentColor);
+  color: #fff;
+}
+.google-login-button__no-scroll___ybGFl,
+.google-login-button__noScroll___vbFH0 {
+  overflow-y: hidden;
+}
+.google-login-button__hide-overflow___o6HaR,
+.google-login-button__hideOverflow___nKtWu {
+  overflow: hidden;
+}
+.google-login-button__markdown-body___sVl5K h6 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+@media only screen and (max-width: 480px) {
+  .google-login-button__markdown-body___sVl5K {
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+}
+.google-login-button__view3d-canvas___yERj4 {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 480px) {
+  .google-login-button__view-mobile-up___xPbca {
+    display: none !important;
+  }
+}
+@media only screen and (min-width: 481px) {
+  .google-login-button__view-mobile___g5Syu {
+    display: none !important;
+  }
+}
+.google-login-button__google-login-container___txHJV {
+  margin-top: 12px;
+}
+.google-login-button__google-login-container___txHJV .google-login-button__google-signin-wrapper___AifjG {
+  width: 100%;
+}
+.google-login-button__google-login-container___txHJV .g_id_signin > div[role="button"] {
+  height: 48px !important;
+  padding: 12px !important;
+  background: transparent !important;
+  border-radius: 4px !important;
+  border: 1px solid var(--dividerStokes) !important;
+  font-size: 14px !important;
+  font-style: normal !important;
+  font-weight: 600 !important;
+  line-height: 19.6px !important;
+  text-transform: uppercase !important;
+  color: var(--textHeading) !important;
+  width: 100% !important;
+  box-sizing: border-box !important;
+  display: flex !important;
+  align-items: center !important;
+  cursor: pointer !important;
+}
+.google-login-button__google-login-container___txHJV .g_id_signin svg {
+  flex: 0 0 24px !important;
+}
+.google-login-button__google-login-container___txHJV .g_id_signin span {
+  margin-inline-end: 24px !important;
+  color: var(--textHeading, #26201a) !important;
+  font-size: 14px !important;
+  font-style: normal !important;
+  font-weight: 600 !important;
+  line-height: 19.6px !important;
+  text-transform: uppercase !important;
+  width: 100%;
+  font-family: var(--font-body) !important;
+}
+

package/dist/page-layouts/login/component/social-login-button/google-login-button.js

@@ -0,0 +1 @@
+!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("fdk-core/utils"),require("react")):"function"==typeof define&&define.amd?define("firestone",["fdk-core/utils","react"],t):"object"==typeof exports?exports.firestone=t(require("fdk-core/utils"),require("react")):e.firestone=t(e["fdk-core/utils"],e.react)}("undefined"!=typeof self?self:this,((e,t)=>(()=>{"use strict";var o={447:t=>{t.exports=e},9155:e=>{e.exports=t}},r={};function __webpack_require__(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,__webpack_require__),n.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 o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__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 n={};return(()=>{__webpack_require__.r(n),__webpack_require__.d(n,{default:()=>google_login_button});var e=__webpack_require__(9155),t=__webpack_require__.n(e),o=__webpack_require__(447);const google_login_button=r=>{let{googleClientId:n,onGoogleCredential:i,onError:a,className:l="",buttonType:c="standard",buttonSize:d="large",disabled:s=!1}=r;const[u,_]=(0,e.useState)(!0),[p,g]=(0,e.useState)(null),f=(0,e.useRef)(!1),b=(0,e.useRef)(!0);(0,o.useFPI)();return(0,e.useEffect)((()=>{b.current=!0;return(async()=>{try{if(g(null),await new Promise(((e,t)=>{if(window.google||f.current)return void e();const o=document.createElement("script");o.src="https://accounts.google.com/gsi/client",o.async=!0,o.defer=!0,o.onload=()=>{f.current=!0,e()},o.onerror=()=>t(new Error("Failed to load Google SDK")),document.head.appendChild(o)})),!b.current)return;window.onGoogleCredential=i,window.google.accounts.id.initialize({client_id:n,callback:i,auto_select:!1,cancel_on_tap_outside:!0}),s||window.google.accounts.id.prompt((e=>{(e.isNotDisplayed()||e.isSkippedMoment())&&console.log("One Tap not displayed:",e.getNotDisplayedReason())})),setTimeout((()=>{const e=document.getElementById("google-signin-button");if(e&&window.google?.accounts?.id)try{window.google.accounts.id.renderButton(e,{type:c,size:d,theme:"outline",text:"signin_with",shape:"rectangular"}),(e=>{if(e)try{const t=e.querySelector('div[role="button"]'),o=e.querySelector("svg"),r=e.querySelector("span");t&&Object.assign(t.style,{height:"48px",padding:"12px",background:"transparent",borderRadius:"4px",border:"1px solid var(--dividerStokes, #dadce0)",fontSize:"14px",fontStyle:"normal",fontWeight:"600",lineHeight:"19.6px",textTransform:"uppercase",color:"var(--textHeading, #3c4043)",width:"100%",boxSizing:"border-box",display:"flex",alignItems:"center",cursor:"pointer",fontFamily:"var(--font-body)"}),o&&Object.assign(o.style,{flex:"0 0 24px"}),r&&Object.assign(r.style,{marginInlineEnd:"24px",color:"var(--textHeading, #3c4043)",fontSize:"14px",fontStyle:"normal",fontWeight:"600",lineHeight:"19.6px",textTransform:"uppercase",width:"100%"}),console.log("✅ Custom styles applied")}catch(e){console.warn("Failed to apply custom styles:",e)}})(e)}catch(e){console.error("Button render error:",e),g("Failed to render Google button")}}),100),b.current&&_(!1)}catch(e){console.error("Failed to initialize Google auth:",e),b.current&&(g(e.message),_(!1),a?.(e))}})(),()=>{if(b.current=!1,window.google?.accounts?.id)try{window.google.accounts.id.cancel?.(),window.google.accounts.id.disableAutoSelect?.()}catch(e){console.warn("Google cleanup error:",e)}window.onGoogleCredential&&delete window.onGoogleCredential}}),[n,c,d,s]),t().createElement("div",{className:`google-login-button__google-login-container___txHJV ${l}`},t().createElement("div",{id:"g_id_onload","data-client_id":n,"data-context":"signin","data-ux_mode":"popup","data-callback":"onGoogleCredential","data-auto_prompt":"false",style:{display:"none"}}),t().createElement("div",{className:"google-signin-wrapper"},t().createElement("div",{id:"google-signin-button",className:"g_id_signin","data-type":c,"data-size":d,style:{opacity:s,pointerEvents:s}})))}})(),n})()));

package/dist/page-layouts/plp/Components/add-to-cart/add-to-cart.css

@@ -556,6 +556,9 @@ h5,
 .add-to-cart__productDescContainer___w6xlt .add-to-cart__right___AYndS .add-to-cart__productInfo___AyYit .add-to-cart__product___Hqonr .add-to-cart__viewMore___WNyrJ:hover {
   color: var(--buttonPrimaryL1, #71653a);
 }
+.add-to-cart__productDescContainer___w6xlt .add-to-cart__right___AYndS .add-to-cart__productInfo___AyYit .add-to-cart__product___Hqonr .add-to-cart__viewMore___WNyrJ:hover {
+  color: var(--buttonPrimaryL1, #71653a);
+}
 .add-to-cart__productDescContainer___w6xlt .add-to-cart__right___AYndS .add-to-cart__productInfo___AyYit .add-to-cart__product___Hqonr .add-to-cart__viewMore___WNyrJ span {
   cursor: pointer;
 }