@fynd-design-engineering/fynd-one-v2 3.4.59 → 3.4.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ :root{--nav-height: 70px;--nav-bg: rgba(255, 255, 255, .82);--nav-blur: saturate(180%) blur(20px);--nav-border: #1c1c1c0f;--nav-text-muted: #0000009d;--nav-text-active: #000000;--nav-item-radius: 6px;--nav-item-hover-bg: rgba(255, 255, 255, .06);--nav-panel-bg: #fff;--nav-panel-border: #1f1f1f;--nav-panel-radius: 12px;--nav-panel-shadow: 0 8px 32px rgba(0, 0, 0, .159), 0 1px 0 rgba(255, 255, 255, .01)}@media (max-width: 991px){:root{--nav-height: 48px}}@media (max-width: 600px){[data-nav-announcement-wrapper]{transition-timing-function:linear!important;align-items:center}}[data-nav]{position:sticky;top:0;z-index:200;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}[data-nav-bar]{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:var(--nav-height);background:var(--nav-bg);backdrop-filter:var(--nav-blur);-webkit-backdrop-filter:var(--nav-blur);border-bottom:1px solid transparent;transition:border-color .2s}[data-nav][data-menu-open] [data-nav-bar]{border-bottom-color:var(--nav-border)}[data-nav-logo]{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;color:var(--nav-text-active);text-decoration:none;letter-spacing:-.3px;flex-shrink:0}[data-nav-links]{list-style:none;display:flex;align-items:center;gap:2px;position:static}[data-nav-item]{position:relative;height:var(--nav-height);display:flex;align-items:center;justify-content:center}[data-nav-trigger],[data-nav-link]{display:flex;align-items:center;gap:4px;border-radius:var(--nav-item-radius);color:var(--nav-text-muted);background:transparent;border:none;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s}[data-nav-trigger]:hover,[data-nav-item][data-active] [data-nav-trigger]{color:var(--nav-text-active);background:var(--nav-item-hover-bg)}[data-nav-trigger] .nav-chevron{width:10px;height:6px;flex-shrink:0;opacity:.45}[data-nav-plain]{color:var(--nav-text-muted);text-decoration:none;display:block;transition:color .15s,background .15s}[data-nav-plain]:hover{color:var(--nav-text-active);background:var(--nav-item-hover-bg)}[data-nav-right]{display:flex;align-items:center;gap:6px;flex-shrink:0}[data-nav-panel-stage]{position:absolute;top:100%;left:0;right:0;height:0;overflow:visible;pointer-events:none;z-index:1}[data-nav-panel]{position:absolute;top:8px;left:0;background:var(--nav-panel-bg);border:1px solid var(--nav-panel-border);border-radius:var(--nav-panel-radius);padding:16px;pointer-events:auto;box-shadow:var(--nav-panel-shadow);overflow:hidden}.btn-ghost{padding:5px 13px;border-radius:6px;font-size:.8rem;color:#888;background:transparent;border:1px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.btn-ghost:hover{color:#fff;border-color:#333}.btn-outline{padding:5px 13px;border-radius:6px;font-size:.8rem;color:#ccc;background:transparent;border:1px solid #2e2e2e;cursor:pointer;transition:border-color .15s,color .15s}.btn-outline:hover{border-color:#555;color:#fff}.btn-primary{padding:5px 13px;border-radius:6px;font-size:.8rem;font-weight:500;color:#000;background:#fff;border:none;cursor:pointer;transition:background .15s}.btn-primary:hover{background:#ddd}.cols-3{display:grid;grid-template-columns:repeat(3,180px);gap:0 24px}.cols-2{display:grid;grid-template-columns:repeat(2,200px);gap:0 24px}.cols-1{display:grid;grid-template-columns:220px}.col-label{font-size:.67rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#333;margin-bottom:4px;padding:0 8px}.menu-item{display:block;padding:7px 8px;border-radius:6px;text-decoration:none;color:inherit;transition:background .12s}.menu-item:hover{background:#161616}.menu-item-title{display:block;font-size:.8rem;font-weight:500;color:#ddd}.menu-item-desc{display:block;font-size:.72rem;color:#4a4a4a;margin-top:1px}body{background:red}
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/navigation-v2/styles.css"],
4
+ "sourcesContent": ["/* navigation-v2/styles.css\n Step 1 \u2014 single dropdown open / close (Motion One handles animation)\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* \u2500\u2500\u2500 Tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n:root {\n --nav-height: 70px;\n --nav-bg: rgba(255, 255, 255, 0.82);\n --nav-blur: saturate(180%) blur(20px);\n --nav-border: #1c1c1c0f;\n\n --nav-text-muted: #0000009d;\n --nav-text-active: #000000;\n\n --nav-item-radius: 6px;\n --nav-item-hover-bg: rgba(255, 255, 255, 0.06);\n\n --nav-panel-bg: #fff;\n --nav-panel-border: #1f1f1f;\n --nav-panel-radius: 12px;\n --nav-panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.159),\n 0 1px 0 rgba(255, 255, 255, 0.01);\n}\n\n@media (max-width: 991px) {\n :root {\n --nav-height: 48px;\n }\n}\n\n@media (max-width: 600px) {\n [data-nav-announcement-wrapper] {\n transition-timing-function: linear !important;\n align-items: center;\n }\n}\n\n/* \u2500\u2500\u2500 Wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n[data-nav] {\n position: sticky;\n top: 0;\n z-index: 200;\n font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;\n}\n\n/* \u2500\u2500\u2500 Bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n[data-nav-bar] {\n position: relative;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 24px;\n height: var(--nav-height);\n background: var(--nav-bg);\n backdrop-filter: var(--nav-blur);\n -webkit-backdrop-filter: var(--nav-blur);\n border-bottom: 1px solid transparent;\n transition: border-color 0.2s;\n}\n\n[data-nav][data-menu-open] [data-nav-bar] {\n border-bottom-color: var(--nav-border);\n}\n\n/* \u2500\u2500\u2500 Logo \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n[data-nav-logo] {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 0.92rem;\n font-weight: 600;\n color: var(--nav-text-active);\n text-decoration: none;\n letter-spacing: -0.3px;\n flex-shrink: 0;\n}\n\n/* \u2500\u2500\u2500 Center links \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n[data-nav-links] {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 2px;\n position: static;\n /* left: 50%; */\n /* transform: translateX(-50%); */\n}\n\n/* \u2500\u2500\u2500 Nav item \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n[data-nav-item] {\n position: relative;\n height: var(--nav-height);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* Trigger button */\n[data-nav-trigger],\n[data-nav-link] {\n display: flex;\n align-items: center;\n gap: 4px;\n border-radius: var(--nav-item-radius);\n color: var(--nav-text-muted);\n background: transparent;\n border: none;\n cursor: pointer;\n white-space: nowrap;\n transition: color 0.15s, background 0.15s;\n}\n\n[data-nav-trigger]:hover,\n[data-nav-item][data-active] [data-nav-trigger] {\n color: var(--nav-text-active);\n background: var(--nav-item-hover-bg);\n}\n\n/* Chevron \u2014 Motion One controls rotate & opacity, CSS just sets initial state */\n[data-nav-trigger] .nav-chevron {\n width: 10px;\n height: 6px;\n flex-shrink: 0;\n opacity: 0.45;\n /* No CSS transition \u2014 Motion One owns this */\n}\n\n/* Plain link (no dropdown) */\n[data-nav-plain] {\n color: var(--nav-text-muted);\n text-decoration: none;\n display: block;\n transition: color 0.15s, background 0.15s;\n}\n\n[data-nav-plain]:hover {\n color: var(--nav-text-active);\n background: var(--nav-item-hover-bg);\n}\n\n/* \u2500\u2500\u2500 Right slot \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n[data-nav-right] {\n display: flex;\n align-items: center;\n gap: 6px;\n flex-shrink: 0;\n}\n\n/* \u2500\u2500\u2500 Panel stage \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n[data-nav-panel-stage] {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n height: 0;\n overflow: visible;\n pointer-events: none;\n z-index: 1;\n}\n\n/* \u2500\u2500\u2500 Dropdown panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n/* Motion One animates opacity / y / scale.\n Initial opacity:0 ensures it's invisible before JS runs. */\n[data-nav-panel] {\n position: absolute;\n top: 8px;\n left: 0;\n /* JS overrides this with the computed position */\n background: var(--nav-panel-bg);\n border: 1px solid var(--nav-panel-border);\n border-radius: var(--nav-panel-radius);\n padding: 16px;\n pointer-events: auto;\n box-shadow: var(--nav-panel-shadow);\n overflow: hidden;\n /* opacity and transform are set inline by JS on init \u2014 Motion One owns them */\n}\n\n\n\n\n\n\n\n/* UNWANTED STYLES */\n\n\n/* \u2500\u2500 Right button styles (not in nav CSS yet) \u2500\u2500 */\n.btn-ghost {\n padding: 5px 13px;\n border-radius: 6px;\n font-size: 0.8rem;\n color: #888;\n background: transparent;\n border: 1px solid transparent;\n cursor: pointer;\n transition: color 0.15s, border-color 0.15s;\n}\n\n.btn-ghost:hover {\n color: #fff;\n border-color: #333;\n}\n\n.btn-outline {\n padding: 5px 13px;\n border-radius: 6px;\n font-size: 0.8rem;\n color: #ccc;\n background: transparent;\n border: 1px solid #2e2e2e;\n cursor: pointer;\n transition: border-color 0.15s, color 0.15s;\n}\n\n.btn-outline:hover {\n border-color: #555;\n color: #fff;\n}\n\n.btn-primary {\n padding: 5px 13px;\n border-radius: 6px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #000;\n background: #fff;\n border: none;\n cursor: pointer;\n transition: background 0.15s;\n}\n\n.btn-primary:hover {\n background: #ddd;\n}\n\n/* \u2500\u2500 Menu content styles \u2500\u2500 */\n.cols-3 {\n display: grid;\n grid-template-columns: repeat(3, 180px);\n gap: 0 24px;\n}\n\n.cols-2 {\n display: grid;\n grid-template-columns: repeat(2, 200px);\n gap: 0 24px;\n}\n\n.cols-1 {\n display: grid;\n grid-template-columns: 220px;\n}\n\n.col-label {\n font-size: 0.67rem;\n font-weight: 500;\n letter-spacing: 0.07em;\n text-transform: uppercase;\n color: #333;\n margin-bottom: 4px;\n padding: 0 8px;\n}\n\n.menu-item {\n display: block;\n padding: 7px 8px;\n border-radius: 6px;\n text-decoration: none;\n color: inherit;\n transition: background 0.12s;\n}\n\n.menu-item:hover {\n background: #161616;\n}\n\n.menu-item-title {\n display: block;\n font-size: 0.8rem;\n font-weight: 500;\n color: #ddd;\n}\n\n.menu-item-desc {\n display: block;\n font-size: 0.72rem;\n color: #4a4a4a;\n margin-top: 1px;\n}\n\nbody {\n background: red;\n}"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/others/storefront-chat/styles.css"],
4
- "sourcesContent": ["/* kaily chat */\n[fynd-storefront-chat=\"input\"] {\n border: none;\n outline: none;\n width: 100%;\n white-space: nowrap;\n /* stops new lines */\n overflow: hidden;\n pointer-events: auto;\n}\n\n[fynd-storefront-chat=\"input-container\"] {\n transform: translate(0px, 100px);\n}\n\n[fynd-storefront-chat=\"window\"] {\n position: absolute !important;\n z-index: 4;\n transform-origin: bottom center;\n pointer-events: auto;\n overflow: hidden;\n transform: scale(0);\n display: block;\n}\n\n[fynd-storefront-chat=\"window-overlay\"] {\n pointer-events: auto;\n opacity: 0;\n display: none;\n}\n\n[fynd-storefront-chat=\"wrapper\"] {\n pointer-events: none;\n display: flex;\n}\n\n/* hidden \"ghost\" element for measuring text width */\n[fynd-storefront-chat=\"input-ghost\"] {\n position: absolute;\n visibility: hidden;\n white-space: nowrap;\n font-size: 16px;\n font-family: sans-serif;\n}\n\n[fynd-storefront-chat=\"input\"]::placeholder {\n color: white;\n}\n\n[fynd-storefront-chat=\"input\"]:focus {\n box-shadow: 0 0 0 6px #00000020;\n}\n\n/* transition timings */\n[fynd-storefront-chat=\"input\"],\n[fynd-storefront-chat=\"input\"]::placeholder,\n[fynd-storefront-chat=\"icon\"],\n[fynd-storefront-chat=\"button\"] {\n transition: all 0.4s ease;\n}\n\n\n[fynd-storefront-chat=\"button\"][fynd-storefront-chat-active=\"false\"] {\n background-color: transparent;\n color: #ffffff;\n border: 1px solid #ffffffb3;\n}\n\n\n@media screen and (max-width: 479px) {\n [fynd-storefront-chat=\"input\"] {\n width: 80vw;\n }\n}\n\n#dynamicInput::placeholder {\n color: red;\n}\n\n#placeholderText {\n color: #A0A1A2;\n}\n\n\n.chroma-text {\n background-image: linear-gradient(90deg,\n #000000 0,\n #000000 33.33%,\n #4E52F2 40%,\n #DD9DFF 45%,\n #E3A4A8 50%,\n #50C0FE 55%,\n #1E31FC 60%,\n transparent 66.67%,\n transparent);\n background-size: 300% 100%;\n background-position: 100% 0;\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n text-fill-color: transparent;\n color: transparent;\n}\n\n/* Only animate when explicitly true */\n.chroma-text[data-animate=\"true\"] {\n animation: chroma-sweep 1.5s ease-in-out forwards;\n filter: blur(1px);\n}\n\n@keyframes chroma-sweep {\n 0% {\n background-position: 100% 0;\n filter: blur(1px);\n }\n\n to {\n background-position: 0 0;\n filter: blur(0);\n }\n}"],
5
- "mappings": ";AACA,CAAC;AACG,UAAQ;AACR,WAAS;AACT,SAAO;AACP,eAAa;AAEb,YAAU;AACV,kBAAgB;AACpB;AAEA,CAAC;AACG,aAAW,UAAU,GAAG,EAAE;AAC9B;AAEA,CAAC;AACG,YAAU;AACV,WAAS;AACT,oBAAkB,OAAO;AACzB,kBAAgB;AAChB,YAAU;AACV,aAAW,MAAM;AACjB,WAAS;AACb;AAEA,CAAC;AACG,kBAAgB;AAChB,WAAS;AACT,WAAS;AACb;AAEA,CAAC;AACG,kBAAgB;AAChB,WAAS;AACb;AAGA,CAAC;AACG,YAAU;AACV,cAAY;AACZ,eAAa;AACb,aAAW;AACX,eAAa;AACjB;AAEA,CAAC,2BAA6B;AAC1B,SAAO;AACX;AAEA,CAAC,2BAA6B;AAC1B,cAAY,EAAE,EAAE,EAAE,IAAI;AAC1B;AAGA,CAAC;AACD,CAAC,2BAA6B;AAC9B,CAAC;AACD,CAAC;AACG,cAAY,IAAI,KAAK;AACzB;AAGA,CAAC,4BAA8B,CAAC;AAC5B,oBAAkB;AAClB,SAAO;AACP,UAAQ,IAAI,MAAM;AACtB;AAGA,OAAO,OAAO,IAAI,CAAC,SAAS,EAAE;AAC1B,GAAC;AACG,WAAO;AACX;AACJ;AAEA,CAAC,YAAY;AACT,SAAO;AACX;AAEA,CAAC;AACG,SAAO;AACX;AAGA,CAAC;AACG;AAAA,IAAkB;AAAA,MAAgB,KAAK;AAAA,MAC/B,QAAQ,CAAC;AAAA,MACT,QAAQ,MAAM;AAAA,MACd,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,YAAY,MAAM;AAAA,MAClB;AACR,mBAAiB,KAAK;AACtB,uBAAqB,KAAK;AAC1B,2BAAyB;AACzB,mBAAiB;AACjB,2BAAyB;AACzB,mBAAiB;AACjB,SAAO;AACX;AAGA,CArBC,WAqBW,CAAC;AACT,aAAW,aAAa,KAAK,YAAY;AACzC,UAAQ,KAAK;AACjB;AAEA,WAJe;AAKX;AACI,yBAAqB,KAAK;AAC1B,YAAQ,KAAK;AACjB;AAEA;AACI,yBAAqB,EAAE;AACvB,YAAQ,KAAK;AACjB;AACJ;",
4
+ "sourcesContent": ["/* kaily chat */\n[fynd-storefront-chat=\"input\"] {\n border: none;\n outline: none;\n width: 100%;\n white-space: nowrap;\n /* stops new lines */\n overflow: hidden;\n pointer-events: auto;\n}\n\n[fynd-storefront-chat=\"input-container\"] {\n transform: translate(0px, 100px);\n}\n\n[fynd-storefront-chat=\"window\"] {\n position: absolute !important;\n z-index: 5;\n transform-origin: bottom center;\n pointer-events: auto;\n overflow: hidden;\n transform: scale(0);\n display: block;\n}\n\n[fynd-storefront-chat=\"window-overlay\"] {\n pointer-events: auto;\n opacity: 0;\n display: none;\n}\n\n[fynd-storefront-chat=\"wrapper\"] {\n pointer-events: none;\n display: flex;\n}\n\n/* hidden \"ghost\" element for measuring text width */\n[fynd-storefront-chat=\"input-ghost\"] {\n position: absolute;\n visibility: hidden;\n white-space: nowrap;\n font-size: 16px;\n font-family: sans-serif;\n}\n\n[fynd-storefront-chat=\"input\"]::placeholder {\n color: white;\n}\n\n[fynd-storefront-chat=\"input\"]:focus {\n box-shadow: 0 0 0 6px #00000020;\n}\n\n/* transition timings */\n[fynd-storefront-chat=\"input\"],\n[fynd-storefront-chat=\"input\"]::placeholder,\n[fynd-storefront-chat=\"icon\"],\n[fynd-storefront-chat=\"button\"] {\n transition: all 0.4s ease;\n}\n\n\n[fynd-storefront-chat=\"button\"][fynd-storefront-chat-active=\"false\"] {\n background-color: transparent;\n color: #ffffff;\n border: 1px solid #ffffffb3;\n}\n\n\n@media screen and (max-width: 479px) {\n [fynd-storefront-chat=\"input\"] {\n width: 80vw;\n }\n}\n\n#dynamicInput::placeholder {\n color: red;\n}\n\n#placeholderText {\n color: #A0A1A2;\n\n pointer-events: none;\n}\n\n\n.chroma-text {\n background-image: linear-gradient(90deg,\n #000000 0,\n #000000 33.33%,\n #4E52F2 40%,\n #DD9DFF 45%,\n #E3A4A8 50%,\n #50C0FE 55%,\n #1E31FC 60%,\n transparent 66.67%,\n transparent);\n background-size: 300% 100%;\n background-position: 100% 0;\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n text-fill-color: transparent;\n color: transparent;\n}\n\n/* Only animate when explicitly true */\n.chroma-text[data-animate=\"true\"] {\n animation: chroma-sweep 1.5s ease-in-out forwards;\n filter: blur(1px);\n}\n\n@keyframes chroma-sweep {\n 0% {\n background-position: 100% 0;\n filter: blur(1px);\n }\n\n to {\n background-position: 0 0;\n filter: blur(0);\n }\n}\n\n@media screen and (max-width: 767px) {\n [fynd-storefront-chat=wrapper] {\n display: none;\n }\n}"],
5
+ "mappings": ";AACA,CAAC;AACG,UAAQ;AACR,WAAS;AACT,SAAO;AACP,eAAa;AAEb,YAAU;AACV,kBAAgB;AACpB;AAEA,CAAC;AACG,aAAW,UAAU,GAAG,EAAE;AAC9B;AAEA,CAAC;AACG,YAAU;AACV,WAAS;AACT,oBAAkB,OAAO;AACzB,kBAAgB;AAChB,YAAU;AACV,aAAW,MAAM;AACjB,WAAS;AACb;AAEA,CAAC;AACG,kBAAgB;AAChB,WAAS;AACT,WAAS;AACb;AAEA,CAAC;AACG,kBAAgB;AAChB,WAAS;AACb;AAGA,CAAC;AACG,YAAU;AACV,cAAY;AACZ,eAAa;AACb,aAAW;AACX,eAAa;AACjB;AAEA,CAAC,2BAA6B;AAC1B,SAAO;AACX;AAEA,CAAC,2BAA6B;AAC1B,cAAY,EAAE,EAAE,EAAE,IAAI;AAC1B;AAGA,CAAC;AACD,CAAC,2BAA6B;AAC9B,CAAC;AACD,CAAC;AACG,cAAY,IAAI,KAAK;AACzB;AAGA,CAAC,4BAA8B,CAAC;AAC5B,oBAAkB;AAClB,SAAO;AACP,UAAQ,IAAI,MAAM;AACtB;AAGA,OAAO,OAAO,IAAI,CAAC,SAAS,EAAE;AAC1B,GAAC;AACG,WAAO;AACX;AACJ;AAEA,CAAC,YAAY;AACT,SAAO;AACX;AAEA,CAAC;AACG,SAAO;AAEP,kBAAgB;AACpB;AAGA,CAAC;AACG;AAAA,IAAkB;AAAA,MAAgB,KAAK;AAAA,MAC/B,QAAQ,CAAC;AAAA,MACT,QAAQ,MAAM;AAAA,MACd,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,QAAQ,GAAG;AAAA,MACX,YAAY,MAAM;AAAA,MAClB;AACR,mBAAiB,KAAK;AACtB,uBAAqB,KAAK;AAC1B,2BAAyB;AACzB,mBAAiB;AACjB,2BAAyB;AACzB,mBAAiB;AACjB,SAAO;AACX;AAGA,CArBC,WAqBW,CAAC;AACT,aAAW,aAAa,KAAK,YAAY;AACzC,UAAQ,KAAK;AACjB;AAEA,WAJe;AAKX;AACI,yBAAqB,KAAK;AAC1B,YAAQ,KAAK;AACjB;AAEA;AACI,yBAAqB,EAAE;AACvB,YAAQ,KAAK;AACjB;AACJ;AAEA,OAAO,OAAO,IAAI,CAAC,SAAS,EAAE;AAC1B,GAAC;AACG,aAAS;AACb;AACJ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fynd-design-engineering/fynd-one-v2",
3
- "version": "3.4.59",
3
+ "version": "3.4.60",
4
4
  "description": "Updated CDN for fynd.com",
5
5
  "homepage": "https://github.com/Fynd-Design-Engineering/Fynd-Utils/blob/main/README.md",
6
6
  "license": "ISC",
@@ -36,6 +36,7 @@
36
36
  "@splidejs/splide-extension-auto-scroll": "^0.5.3",
37
37
  "gsap": "^3.13.0",
38
38
  "intl-tel-input": "^25.12.5",
39
+ "motion": "^12.34.1",
39
40
  "swiper": "^11.2.8",
40
41
  "typescript": "^5.8.3"
41
42
  },