npm - @gravity-ui/aikit - Versions diffs - 2.22.2-beta.f4071ad8d792e91134fcc21b4f6dd96965c81184.0 → 2.23.0 - Mend

@gravity-ui/aikit 2.22.2-beta.f4071ad8d792e91134fcc21b4f6dd96965c81184.0 → 2.23.0

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.

Files changed (56) hide show

package/build/cjs/components/pages/ChatContainer/GravityMascotRenderer.js CHANGED Viewed

@@ -31,6 +31,6 @@ function GravityMascotRenderer({ state, view, animated = true }) {
         media.addEventListener('change', update);
         return () => media.removeEventListener('change', update);
     }, [animated, state, view]);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: b('default-mascot', { view, animation: animated ? 'on' : 'off' }), "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)(Asset, { id: `g-aikit-zk-${instanceId}` }, `${view}-${state}`) }));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: b('default-mascot', { view, animation: animated ? 'on' : 'off' }), "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)(Asset, { id: `g-aikit-mascot-${instanceId}` }, `${view}-${state}`) }));
 }
 //# sourceMappingURL=GravityMascotRenderer.js.map

package/build/cjs/components/pages/ChatContainer/GravityMascotRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GravityMascotRenderer.js","sourceRoot":"../../../../../src","sources":["components/pages/ChatContainer/GravityMascotRenderer.tsx"],"names":[],"mappings":";;AAeA,sDAiCC;;AAhDD,iCAA+C;AAE/C,6CAAwC;AAGxC,kEAA0D;AAE1D,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,gBAAgB,CAAC,CAAC;AAClC,MAAM,UAAU,mCACT,yCAAmB,KACtB,IAAI,EAAE,yCAAmB,CAAC,QAAQ,EAClC,OAAO,EAAE,yCAAmB,CAAC,WAAW,GAC3C,CAAC;AAEF,sDAAsD;AACtD,SAAgB,qBAAqB,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,EAAqB;IACpF,MAAM,UAAU,GAAG,IAAA,aAAK,GAAE,CAAC;IAC3B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,KAAK,GACP,IAAI,KAAK,MAAM;QACX,CAAC,CAAC,yCAAmB,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC;QACvE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;QACpE,MAAM,GAAG,GAAG,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,MAAM,MAAM,GAAG,GAAG,EAAE;YAChB,wFAAwF;YACxF,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAC7B,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,eAAe,EAAE,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACJ,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,iBAAiB,EAAE,CAAC;YAC7B,CAAC;QACL,CAAC,CAAC;QACF,MAAM,EAAE,CAAC;QACT,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAE5B,OAAO,CACH,gCACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,gBAAgB,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAC,CAAC,iBAC9D,MAAM,YAElB,uBAAC,KAAK,IAA0B,EAAE,EAAE,~~cAAc~~,UAAU,EAAE,~~IAAlD~~,GAAG,IAAI,IAAI,KAAK,EAAE,~~CAAoC~~,~~GAChE~~,CACT,CAAC;AACN,CAAC","sourcesContent":["import {useEffect, useId, useRef} from 'react';\n\nimport {block} from '../../../utils/cn';\n\nimport type {GravityMascotProps} from './GravityMascot';\nimport {gravityMascotAssets} from './gravityMascotAssets';\n\nconst b = block('chat-container');\nconst chatAssets = {\n ...gravityMascotAssets,\n idle: gravityMascotAssets.chatIdle,\n reading: gravityMascotAssets.chatReading,\n};\n\n/** Loaded only when a built-in mascot is rendered. */\nexport function GravityMascotRenderer({state, view, animated = true}: GravityMascotProps) {\n const instanceId = useId();\n const ref = useRef<HTMLDivElement>(null);\n const Asset =\n view === 'hero'\n ? gravityMascotAssets[state === 'reading' ? 'heroReading' : 'heroIdle']\n : chatAssets[state];\n\n useEffect(() => {\n const media = window.matchMedia('(prefers-reduced-motion: reduce)');\n const svg = ref.current?.querySelector('svg');\n const update = () => {\n // CSS handles CSS animations; SVG timelines also need to be paused for SMIL animations.\n if (!animated \|\| media.matches) {\n svg?.pauseAnimations();\n } else {\n svg?.unpauseAnimations();\n }\n };\n update();\n media.addEventListener('change', update);\n return () => media.removeEventListener('change', update);\n }, [animated, state, view]);\n\n return (\n <div\n ref={ref}\n className={b('default-mascot', {view, animation: animated ? 'on' : 'off'})}\n aria-hidden=\"true\"\n >\n <Asset key={`${view}-${state}`} id={`g-aikit-zk-${instanceId}`} />\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"GravityMascotRenderer.js","sourceRoot":"../../../../../src","sources":["components/pages/ChatContainer/GravityMascotRenderer.tsx"],"names":[],"mappings":";;AAeA,sDAiCC;;AAhDD,iCAA+C;AAE/C,6CAAwC;AAGxC,kEAA0D;AAE1D,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,gBAAgB,CAAC,CAAC;AAClC,MAAM,UAAU,mCACT,yCAAmB,KACtB,IAAI,EAAE,yCAAmB,CAAC,QAAQ,EAClC,OAAO,EAAE,yCAAmB,CAAC,WAAW,GAC3C,CAAC;AAEF,sDAAsD;AACtD,SAAgB,qBAAqB,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,EAAqB;IACpF,MAAM,UAAU,GAAG,IAAA,aAAK,GAAE,CAAC;IAC3B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,KAAK,GACP,IAAI,KAAK,MAAM;QACX,CAAC,CAAC,yCAAmB,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC;QACvE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;QACpE,MAAM,GAAG,GAAG,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,MAAM,MAAM,GAAG,GAAG,EAAE;YAChB,wFAAwF;YACxF,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAC7B,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,eAAe,EAAE,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACJ,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,iBAAiB,EAAE,CAAC;YAC7B,CAAC;QACL,CAAC,CAAC;QACF,MAAM,EAAE,CAAC;QACT,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAE5B,OAAO,CACH,gCACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,gBAAgB,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAC,CAAC,iBAC9D,MAAM,YAElB,uBAAC,KAAK,IAA0B,EAAE,EAAE,kBAAkB,UAAU,EAAE,IAAtD,GAAG,IAAI,IAAI,KAAK,EAAE,CAAwC,GACpE,CACT,CAAC;AACN,CAAC","sourcesContent":["import {useEffect, useId, useRef} from 'react';\n\nimport {block} from '../../../utils/cn';\n\nimport type {GravityMascotProps} from './GravityMascot';\nimport {gravityMascotAssets} from './gravityMascotAssets';\n\nconst b = block('chat-container');\nconst chatAssets = {\n ...gravityMascotAssets,\n idle: gravityMascotAssets.chatIdle,\n reading: gravityMascotAssets.chatReading,\n};\n\n/** Loaded only when a built-in mascot is rendered. */\nexport function GravityMascotRenderer({state, view, animated = true}: GravityMascotProps) {\n const instanceId = useId();\n const ref = useRef<HTMLDivElement>(null);\n const Asset =\n view === 'hero'\n ? gravityMascotAssets[state === 'reading' ? 'heroReading' : 'heroIdle']\n : chatAssets[state];\n\n useEffect(() => {\n const media = window.matchMedia('(prefers-reduced-motion: reduce)');\n const svg = ref.current?.querySelector('svg');\n const update = () => {\n // CSS handles CSS animations; SVG timelines also need to be paused for SMIL animations.\n if (!animated \|\| media.matches) {\n svg?.pauseAnimations();\n } else {\n svg?.unpauseAnimations();\n }\n };\n update();\n media.addEventListener('change', update);\n return () => media.removeEventListener('change', update);\n }, [animated, state, view]);\n\n return (\n <div\n ref={ref}\n className={b('default-mascot', {view, animation: animated ? 'on' : 'off'})}\n aria-hidden=\"true\"\n >\n <Asset key={`${view}-${state}`} id={`g-aikit-mascot-${instanceId}`} />\n </div>\n );\n}\n"]}

package/build/cjs/components/pages/ChatContainer/assets/generated/chat-idle.js CHANGED Viewed

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ChatIdle = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "-10 -10 141 80", role: "img", className: "g-aikit-zk-chatIdle", "aria-label": "Gravity mascot: chat idle" }, props, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", { id: `${props.id}-zk-chatIdle`, cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: 0.0287184, stopColor: "#FFFF00", style: {
-                            stopColor: 'var(--zk-b1, #ffff00)',
+const ChatIdle = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "-10 -10 141 80", className: "g-aikit-mascot-chatIdle" }, props, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", { id: `${props.id}-zk-chatIdle`, cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: 0.0287184, stopColor: "#FFFF00", style: {
+                            stopColor: 'var(--g-aikit-mascot-body-center-color, #ffff00)',
                         } }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#FF3377", style: {
-                            stopColor: 'var(--zk-b2, #ff3377)',
-                        } })] }) }), (0, jsx_runtime_1.jsx)("style", { children: '\n        .g-aikit-zk-chatIdle-bob {\n            transform-box: fill-box;\n            transform-origin: 50% 70%;\n            animation: g-aikit-zk-chatIdle-bob 4.2s ease-in-out infinite;\n        }\n        @keyframes g-aikit-zk-chatIdle-bob {\n            0%,\n            100% {\n                transform: translateY(0) rotate(-2.2deg);\n            }\n            50% {\n                transform: translateY(-6px) rotate(2.2deg);\n            }\n        }\n        .g-aikit-zk-chatIdle-zk-eyes-x {\n            animation: g-aikit-zk-chatIdle-zk-eyesX 8.5s infinite;\n        }\n        .g-aikit-zk-chatIdle-zk-eyes-y {\n            animation: g-aikit-zk-chatIdle-zk-eyesY 11.56s infinite;\n        }\n        @keyframes g-aikit-zk-chatIdle-zk-eyesX {\n            0.0% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            12.2% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            14.3% {\n                transform: translateX(3.74px);\n                animation-timing-function: linear;\n            }\n            26.5% {\n                transform: translateX(3.74px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            28.6% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            40.7% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            42.9% {\n                transform: translateX(-3.28px);\n                animation-timing-function: linear;\n            }\n            55.0% {\n                transform: translateX(-3.28px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            57.1% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            69.3% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            71.4% {\n                transform: translateX(2.34px);\n                animation-timing-function: linear;\n            }\n            83.6% {\n                transform: translateX(2.34px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            85.7% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            97.9% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            100% {\n                transform: translateX(0px);\n            }\n        }\n        @keyframes g-aikit-zk-chatIdle-zk-eyesY {\n            0.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            17.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            20.0% {\n                transform: translateY(-1.54px);\n                animation-timing-function: linear;\n            }\n            37.0% {\n                transform: translateY(-1.54px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            40.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            57.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            60.0% {\n                transform: translateY(1.29px);\n                animation-timing-function: linear;\n            }\n            77.0% {\n                transform: translateY(1.29px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            80.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            97.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n        .g-aikit-zk-chatIdle-blink {\n            transform-box: fill-box;\n            transform-origin: 50% 50%;\n            animation: g-aikit-zk-chatIdle-blink 9s infinite;\n        }\n        @keyframes g-aikit-zk-chatIdle-blink {\n            0%,\n            12% {\n                transform: scaleY(1);\n            }\n            13.5% {\n                transform: scaleY(0.08);\n            }\n            15% {\n                transform: scaleY(1);\n            }\n            40% {\n                transform: scaleY(1);\n            }\n            41.5% {\n                transform: scaleY(0.08);\n            }\n            43% {\n                transform: scaleY(1);\n            }\n            43.7% {\n                transform: scaleY(1);\n            }\n            45.2% {\n                transform: scaleY(0.08);\n            }\n            46.7% {\n                transform: scaleY(1);\n            }\n            72% {\n                transform: scaleY(1);\n            }\n            73.5% {\n                transform: scaleY(0.08);\n            }\n            75% {\n                transform: scaleY(1);\n            }\n            100% {\n                transform: scaleY(1);\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-zk-chatIdle-bob,\n            .g-aikit-zk-chatIdle-zk-eyes-x,\n            .g-aikit-zk-chatIdle-zk-eyes-y,\n            .g-aikit-zk-chatIdle-blink {\n                animation: none;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-zk-chatIdle * {\n                animation: none;\n            }\n        }\n    ' }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-zk-chatIdle-bob", children: [(0, jsx_runtime_1.jsx)("rect", { width: 120.691, height: 59.588, rx: 29.794, fill: `url(#${props.id}-zk-chatIdle)` }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-zk-chatIdle-blink", children: [(0, jsx_runtime_1.jsx)("rect", { x: 75.748, y: 14.6445, width: 30.299, height: 30.299, rx: 15.1495, fill: "#FFFFFF", style: {
-                                fill: 'var(--zk-eye, #ffffff)',
+                            stopColor: 'var(--g-aikit-mascot-body-edge-color, #ff3377)',
+                        } })] }) }), (0, jsx_runtime_1.jsx)("style", { children: '\n        .g-aikit-mascot-chatIdle-bob {\n            transform-box: fill-box;\n            transform-origin: 50% 70%;\n            animation: g-aikit-mascot-chatIdle-bob 4.2s ease-in-out infinite;\n        }\n        @keyframes g-aikit-mascot-chatIdle-bob {\n            0%,\n            100% {\n                transform: translateY(0) rotate(-2.2deg);\n            }\n            50% {\n                transform: translateY(-6px) rotate(2.2deg);\n            }\n        }\n        .g-aikit-mascot-chatIdle-zk-eyes-x {\n            animation: g-aikit-mascot-chatIdle-zk-eyesX 8.5s infinite;\n        }\n        .g-aikit-mascot-chatIdle-zk-eyes-y {\n            animation: g-aikit-mascot-chatIdle-zk-eyesY 11.56s infinite;\n        }\n        @keyframes g-aikit-mascot-chatIdle-zk-eyesX {\n            0.0% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            12.2% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            14.3% {\n                transform: translateX(3.74px);\n                animation-timing-function: linear;\n            }\n            26.5% {\n                transform: translateX(3.74px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            28.6% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            40.7% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            42.9% {\n                transform: translateX(-3.28px);\n                animation-timing-function: linear;\n            }\n            55.0% {\n                transform: translateX(-3.28px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            57.1% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            69.3% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            71.4% {\n                transform: translateX(2.34px);\n                animation-timing-function: linear;\n            }\n            83.6% {\n                transform: translateX(2.34px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            85.7% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            97.9% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            100% {\n                transform: translateX(0px);\n            }\n        }\n        @keyframes g-aikit-mascot-chatIdle-zk-eyesY {\n            0.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            17.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            20.0% {\n                transform: translateY(-1.54px);\n                animation-timing-function: linear;\n            }\n            37.0% {\n                transform: translateY(-1.54px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            40.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            57.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            60.0% {\n                transform: translateY(1.29px);\n                animation-timing-function: linear;\n            }\n            77.0% {\n                transform: translateY(1.29px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            80.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            97.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n        .g-aikit-mascot-chatIdle-blink {\n            transform-box: fill-box;\n            transform-origin: 50% 50%;\n            animation: g-aikit-mascot-chatIdle-blink 9s infinite;\n        }\n        @keyframes g-aikit-mascot-chatIdle-blink {\n            0%,\n            12% {\n                transform: scaleY(1);\n            }\n            13.5% {\n                transform: scaleY(0.08);\n            }\n            15% {\n                transform: scaleY(1);\n            }\n            40% {\n                transform: scaleY(1);\n            }\n            41.5% {\n                transform: scaleY(0.08);\n            }\n            43% {\n                transform: scaleY(1);\n            }\n            43.7% {\n                transform: scaleY(1);\n            }\n            45.2% {\n                transform: scaleY(0.08);\n            }\n            46.7% {\n                transform: scaleY(1);\n            }\n            72% {\n                transform: scaleY(1);\n            }\n            73.5% {\n                transform: scaleY(0.08);\n            }\n            75% {\n                transform: scaleY(1);\n            }\n            100% {\n                transform: scaleY(1);\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-mascot-chatIdle-bob,\n            .g-aikit-mascot-chatIdle-zk-eyes-x,\n            .g-aikit-mascot-chatIdle-zk-eyes-y,\n            .g-aikit-mascot-chatIdle-blink {\n                animation: none;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-mascot-chatIdle * {\n                animation: none;\n            }\n        }\n    ' }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-mascot-chatIdle-bob", children: [(0, jsx_runtime_1.jsx)("rect", { width: 120.691, height: 59.588, rx: 29.794, fill: `url(#${props.id}-zk-chatIdle)` }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-mascot-chatIdle-blink", children: [(0, jsx_runtime_1.jsx)("rect", { x: 75.748, y: 14.6445, width: 30.299, height: 30.299, rx: 15.1495, fill: "#FFFFFF", style: {
+                                fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',
                             } }), (0, jsx_runtime_1.jsx)("rect", { x: 15.1484, y: 14.6445, width: 30.299, height: 30.299, rx: 15.1495, fill: "#FFFFFF", style: {
-                                fill: 'var(--zk-eye, #ffffff)',
-                            } }), (0, jsx_runtime_1.jsx)("g", { className: "g-aikit-zk-chatIdle-zk-eyes-x", children: (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-zk-chatIdle-zk-eyes-y", children: [(0, jsx_runtime_1.jsx)("rect", { x: 22.7227, y: 22.2188, width: 15.1504, height: 15.1504, rx: 7.57519, fill: "#000000", style: {
-                                            fill: 'var(--zk-pup, #000000)',
+                                fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',
+                            } }), (0, jsx_runtime_1.jsx)("g", { className: "g-aikit-mascot-chatIdle-zk-eyes-x", children: (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-mascot-chatIdle-zk-eyes-y", children: [(0, jsx_runtime_1.jsx)("rect", { x: 22.7227, y: 22.2188, width: 15.1504, height: 15.1504, rx: 7.57519, fill: "#000000", style: {
+                                            fill: 'var(--g-aikit-mascot-pupil-color, #000000)',
                                         } }), (0, jsx_runtime_1.jsx)("rect", { x: 83.3223, y: 22.2188, width: 15.1504, height: 15.1504, rx: 7.57519, fill: "#000000", style: {
-                                            fill: 'var(--zk-pup, #000000)',
+                                            fill: 'var(--g-aikit-mascot-pupil-color, #000000)',
                                         } })] }) })] })] })] })));
 exports.default = ChatIdle;
 //# sourceMappingURL=chat-idle.js.map

package/build/cjs/components/pages/ChatContainer/assets/generated/chat-idle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-idle.js","sourceRoot":"../../../../../../../src","sources":["components/pages/ChatContainer/assets/generated/chat-idle.tsx"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACjD,+CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,qBAAqB,gBACpB,2BAA2B,IAClC,KAAK,eAET,2CACI,4CACI,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,cAAc,EAC7B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,8DAA8D,aAEhF,iCACI,MAAM,EAAE,SAAS,EACjB,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,uBAAuB;yBACrC,GACH,EACF,iCACI,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,uBAAuB;yBACrC,GACH,IACW,GACd,EACP,4CAEQ,8jMAA8jM,GAE9jM,EACR,+BAAG,SAAS,EAAC,yBAAyB,aAClC,iCACI,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,QAAQ,KAAK,CAAC,EAAE,eAAe,GACvC,EACF,+BAAG,SAAS,EAAC,2BAA2B,aACpC,iCACI,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;gCACH,IAAI,EAAE,wBAAwB;6BACjC,GACH,EACF,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;gCACH,IAAI,EAAE,wBAAwB;6BACjC,GACH,EACF,8BAAG,SAAS,EAAC,+BAA+B,YACxC,+BAAG,SAAS,EAAC,+BAA+B,aACxC,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,OAAO,EACf,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;4CACH,IAAI,EAAE,wBAAwB;yCACjC,GACH,EACF,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,OAAO,EACf,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;4CACH,IAAI,EAAE,wBAAwB;yCACjC,GACH,IACF,GACJ,IACJ,IACJ,KACF,CACT,CAAC;AACF,kBAAe,QAAQ,CAAC","sourcesContent":["// Generated from ../chat-idle.svg. Edit the SVG source instead.\nimport type {SVGProps} from 'react';\nconst ChatIdle = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-10 -10 141 80\"\n role=\"img\"\n className=\"g-aikit-zk-chatIdle\"\n aria-label=\"Gravity mascot: chat idle\"\n {...props}\n >\n <defs>\n <radialGradient\n id={`${props.id}-zk-chatIdle`}\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)\"\n >\n <stop\n offset={0.0287184}\n stopColor=\"#FFFF00\"\n style={{\n stopColor: 'var(--zk-b1, #ffff00)',\n }}\n />\n <stop\n offset={1}\n stopColor=\"#FF3377\"\n style={{\n stopColor: 'var(--zk-b2, #ff3377)',\n }}\n />\n </radialGradient>\n </defs>\n <style>\n {\n '\\n .g-aikit-zk-chatIdle-bob {\\n transform-box: fill-box;\\n transform-origin: 50% 70%;\\n animation: g-aikit-zk-chatIdle-bob 4.2s ease-in-out infinite;\\n }\\n @keyframes g-aikit-zk-chatIdle-bob {\\n 0%,\\n 100% {\\n transform: translateY(0) rotate(-2.2deg);\\n }\\n 50% {\\n transform: translateY(-6px) rotate(2.2deg);\\n }\\n }\\n .g-aikit-zk-chatIdle-zk-eyes-x {\\n animation: g-aikit-zk-chatIdle-zk-eyesX 8.5s infinite;\\n }\\n .g-aikit-zk-chatIdle-zk-eyes-y {\\n animation: g-aikit-zk-chatIdle-zk-eyesY 11.56s infinite;\\n }\\n @keyframes g-aikit-zk-chatIdle-zk-eyesX {\\n 0.0% {\\n transform: translateX(0px);\\n animation-timing-function: linear;\\n }\\n 12.2% {\\n transform: translateX(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 14.3% {\\n transform: translateX(3.74px);\\n animation-timing-function: linear;\\n }\\n 26.5% {\\n transform: translateX(3.74px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 28.6% {\\n transform: translateX(0px);\\n animation-timing-function: linear;\\n }\\n 40.7% {\\n transform: translateX(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 42.9% {\\n transform: translateX(-3.28px);\\n animation-timing-function: linear;\\n }\\n 55.0% {\\n transform: translateX(-3.28px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 57.1% {\\n transform: translateX(0px);\\n animation-timing-function: linear;\\n }\\n 69.3% {\\n transform: translateX(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 71.4% {\\n transform: translateX(2.34px);\\n animation-timing-function: linear;\\n }\\n 83.6% {\\n transform: translateX(2.34px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 85.7% {\\n transform: translateX(0px);\\n animation-timing-function: linear;\\n }\\n 97.9% {\\n transform: translateX(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 100% {\\n transform: translateX(0px);\\n }\\n }\\n @keyframes g-aikit-zk-chatIdle-zk-eyesY {\\n 0.0% {\\n transform: translateY(0px);\\n animation-timing-function: linear;\\n }\\n 17.0% {\\n transform: translateY(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 20.0% {\\n transform: translateY(-1.54px);\\n animation-timing-function: linear;\\n }\\n 37.0% {\\n transform: translateY(-1.54px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 40.0% {\\n transform: translateY(0px);\\n animation-timing-function: linear;\\n }\\n 57.0% {\\n transform: translateY(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 60.0% {\\n transform: translateY(1.29px);\\n animation-timing-function: linear;\\n }\\n 77.0% {\\n transform: translateY(1.29px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 80.0% {\\n transform: translateY(0px);\\n animation-timing-function: linear;\\n }\\n 97.0% {\\n transform: translateY(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 100% {\\n transform: translateY(0px);\\n }\\n }\\n .g-aikit-zk-chatIdle-blink {\\n transform-box: fill-box;\\n transform-origin: 50% 50%;\\n animation: g-aikit-zk-chatIdle-blink 9s infinite;\\n }\\n @keyframes g-aikit-zk-chatIdle-blink {\\n 0%,\\n 12% {\\n transform: scaleY(1);\\n }\\n 13.5% {\\n transform: scaleY(0.08);\\n }\\n 15% {\\n transform: scaleY(1);\\n }\\n 40% {\\n transform: scaleY(1);\\n }\\n 41.5% {\\n transform: scaleY(0.08);\\n }\\n 43% {\\n transform: scaleY(1);\\n }\\n 43.7% {\\n transform: scaleY(1);\\n }\\n 45.2% {\\n transform: scaleY(0.08);\\n }\\n 46.7% {\\n transform: scaleY(1);\\n }\\n 72% {\\n transform: scaleY(1);\\n }\\n 73.5% {\\n transform: scaleY(0.08);\\n }\\n 75% {\\n transform: scaleY(1);\\n }\\n 100% {\\n transform: scaleY(1);\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-zk-chatIdle-bob,\\n .g-aikit-zk-chatIdle-zk-eyes-x,\\n .g-aikit-zk-chatIdle-zk-eyes-y,\\n .g-aikit-zk-chatIdle-blink {\\n animation: none;\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-zk-chatIdle * {\\n animation: none;\\n }\\n }\\n '\n }\n </style>\n <g className=\"g-aikit-zk-chatIdle-bob\">\n <rect\n width={120.691}\n height={59.588}\n rx={29.794}\n fill={`url(#${props.id}-zk-chatIdle)`}\n />\n <g className=\"g-aikit-zk-chatIdle-blink\">\n <rect\n x={75.748}\n y={14.6445}\n width={30.299}\n height={30.299}\n rx={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--zk-eye, #ffffff)',\n }}\n />\n <rect\n x={15.1484}\n y={14.6445}\n width={30.299}\n height={30.299}\n rx={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--zk-eye, #ffffff)',\n }}\n />\n <g className=\"g-aikit-zk-chatIdle-zk-eyes-x\">\n <g className=\"g-aikit-zk-chatIdle-zk-eyes-y\">\n <rect\n x={22.7227}\n y={22.2188}\n width={15.1504}\n height={15.1504}\n rx={7.57519}\n fill=\"#000000\"\n style={{\n fill: 'var(--zk-pup, #000000)',\n }}\n />\n <rect\n x={83.3223}\n y={22.2188}\n width={15.1504}\n height={15.1504}\n rx={7.57519}\n fill=\"#000000\"\n style={{\n fill: 'var(--zk-pup, #000000)',\n }}\n />\n </g>\n </g>\n </g>\n </g>\n </svg>\n);\nexport default ChatIdle;\n"]}
1	+ {"version":3,"file":"chat-idle.js","sourceRoot":"../../../../../../../src","sources":["components/pages/ChatContainer/assets/generated/chat-idle.tsx"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACjD,+CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,gBAAgB,EACxB,SAAS,EAAC,yBAAyB,IAC/B,KAAK,eAET,2CACI,4CACI,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,cAAc,EAC7B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,8DAA8D,aAEhF,iCACI,MAAM,EAAE,SAAS,EACjB,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,kDAAkD;yBAChE,GACH,EACF,iCACI,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,gDAAgD;yBAC9D,GACH,IACW,GACd,EACP,4CAEQ,koMAAkoM,GAEloM,EACR,+BAAG,SAAS,EAAC,6BAA6B,aACtC,iCACI,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,QAAQ,KAAK,CAAC,EAAE,eAAe,GACvC,EACF,+BAAG,SAAS,EAAC,+BAA+B,aACxC,iCACI,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;gCACH,IAAI,EAAE,0CAA0C;6BACnD,GACH,EACF,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;gCACH,IAAI,EAAE,0CAA0C;6BACnD,GACH,EACF,8BAAG,SAAS,EAAC,mCAAmC,YAC5C,+BAAG,SAAS,EAAC,mCAAmC,aAC5C,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,OAAO,EACf,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;4CACH,IAAI,EAAE,4CAA4C;yCACrD,GACH,EACF,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,OAAO,EACf,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;4CACH,IAAI,EAAE,4CAA4C;yCACrD,GACH,IACF,GACJ,IACJ,IACJ,KACF,CACT,CAAC;AACF,kBAAe,QAAQ,CAAC","sourcesContent":["// Generated from ../chat-idle.svg. Edit the SVG source instead.\nimport type {SVGProps} from 'react';\nconst ChatIdle = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-10 -10 141 80\"\n className=\"g-aikit-mascot-chatIdle\"\n {...props}\n >\n <defs>\n <radialGradient\n id={`${props.id}-zk-chatIdle`}\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)\"\n >\n <stop\n offset={0.0287184}\n stopColor=\"#FFFF00\"\n style={{\n stopColor: 'var(--g-aikit-mascot-body-center-color, #ffff00)',\n }}\n />\n <stop\n offset={1}\n stopColor=\"#FF3377\"\n style={{\n stopColor: 'var(--g-aikit-mascot-body-edge-color, #ff3377)',\n }}\n />\n </radialGradient>\n </defs>\n <style>\n {\n '\\n .g-aikit-mascot-chatIdle-bob {\\n transform-box: fill-box;\\n transform-origin: 50% 70%;\\n animation: g-aikit-mascot-chatIdle-bob 4.2s ease-in-out infinite;\\n }\\n @keyframes g-aikit-mascot-chatIdle-bob {\\n 0%,\\n 100% {\\n transform: translateY(0) rotate(-2.2deg);\\n }\\n 50% {\\n transform: translateY(-6px) rotate(2.2deg);\\n }\\n }\\n .g-aikit-mascot-chatIdle-zk-eyes-x {\\n animation: g-aikit-mascot-chatIdle-zk-eyesX 8.5s infinite;\\n }\\n .g-aikit-mascot-chatIdle-zk-eyes-y {\\n animation: g-aikit-mascot-chatIdle-zk-eyesY 11.56s infinite;\\n }\\n @keyframes g-aikit-mascot-chatIdle-zk-eyesX {\\n 0.0% {\\n transform: translateX(0px);\\n animation-timing-function: linear;\\n }\\n 12.2% {\\n transform: translateX(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 14.3% {\\n transform: translateX(3.74px);\\n animation-timing-function: linear;\\n }\\n 26.5% {\\n transform: translateX(3.74px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 28.6% {\\n transform: translateX(0px);\\n animation-timing-function: linear;\\n }\\n 40.7% {\\n transform: translateX(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 42.9% {\\n transform: translateX(-3.28px);\\n animation-timing-function: linear;\\n }\\n 55.0% {\\n transform: translateX(-3.28px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 57.1% {\\n transform: translateX(0px);\\n animation-timing-function: linear;\\n }\\n 69.3% {\\n transform: translateX(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 71.4% {\\n transform: translateX(2.34px);\\n animation-timing-function: linear;\\n }\\n 83.6% {\\n transform: translateX(2.34px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 85.7% {\\n transform: translateX(0px);\\n animation-timing-function: linear;\\n }\\n 97.9% {\\n transform: translateX(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 100% {\\n transform: translateX(0px);\\n }\\n }\\n @keyframes g-aikit-mascot-chatIdle-zk-eyesY {\\n 0.0% {\\n transform: translateY(0px);\\n animation-timing-function: linear;\\n }\\n 17.0% {\\n transform: translateY(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 20.0% {\\n transform: translateY(-1.54px);\\n animation-timing-function: linear;\\n }\\n 37.0% {\\n transform: translateY(-1.54px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 40.0% {\\n transform: translateY(0px);\\n animation-timing-function: linear;\\n }\\n 57.0% {\\n transform: translateY(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 60.0% {\\n transform: translateY(1.29px);\\n animation-timing-function: linear;\\n }\\n 77.0% {\\n transform: translateY(1.29px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 80.0% {\\n transform: translateY(0px);\\n animation-timing-function: linear;\\n }\\n 97.0% {\\n transform: translateY(0px);\\n animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\\n }\\n 100% {\\n transform: translateY(0px);\\n }\\n }\\n .g-aikit-mascot-chatIdle-blink {\\n transform-box: fill-box;\\n transform-origin: 50% 50%;\\n animation: g-aikit-mascot-chatIdle-blink 9s infinite;\\n }\\n @keyframes g-aikit-mascot-chatIdle-blink {\\n 0%,\\n 12% {\\n transform: scaleY(1);\\n }\\n 13.5% {\\n transform: scaleY(0.08);\\n }\\n 15% {\\n transform: scaleY(1);\\n }\\n 40% {\\n transform: scaleY(1);\\n }\\n 41.5% {\\n transform: scaleY(0.08);\\n }\\n 43% {\\n transform: scaleY(1);\\n }\\n 43.7% {\\n transform: scaleY(1);\\n }\\n 45.2% {\\n transform: scaleY(0.08);\\n }\\n 46.7% {\\n transform: scaleY(1);\\n }\\n 72% {\\n transform: scaleY(1);\\n }\\n 73.5% {\\n transform: scaleY(0.08);\\n }\\n 75% {\\n transform: scaleY(1);\\n }\\n 100% {\\n transform: scaleY(1);\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-mascot-chatIdle-bob,\\n .g-aikit-mascot-chatIdle-zk-eyes-x,\\n .g-aikit-mascot-chatIdle-zk-eyes-y,\\n .g-aikit-mascot-chatIdle-blink {\\n animation: none;\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-mascot-chatIdle * {\\n animation: none;\\n }\\n }\\n '\n }\n </style>\n <g className=\"g-aikit-mascot-chatIdle-bob\">\n <rect\n width={120.691}\n height={59.588}\n rx={29.794}\n fill={`url(#${props.id}-zk-chatIdle)`}\n />\n <g className=\"g-aikit-mascot-chatIdle-blink\">\n <rect\n x={75.748}\n y={14.6445}\n width={30.299}\n height={30.299}\n rx={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',\n }}\n />\n <rect\n x={15.1484}\n y={14.6445}\n width={30.299}\n height={30.299}\n rx={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',\n }}\n />\n <g className=\"g-aikit-mascot-chatIdle-zk-eyes-x\">\n <g className=\"g-aikit-mascot-chatIdle-zk-eyes-y\">\n <rect\n x={22.7227}\n y={22.2188}\n width={15.1504}\n height={15.1504}\n rx={7.57519}\n fill=\"#000000\"\n style={{\n fill: 'var(--g-aikit-mascot-pupil-color, #000000)',\n }}\n />\n <rect\n x={83.3223}\n y={22.2188}\n width={15.1504}\n height={15.1504}\n rx={7.57519}\n fill=\"#000000\"\n style={{\n fill: 'var(--g-aikit-mascot-pupil-color, #000000)',\n }}\n />\n </g>\n </g>\n </g>\n </g>\n </svg>\n);\nexport default ChatIdle;\n"]}

package/build/cjs/components/pages/ChatContainer/assets/generated/chat-reading.js CHANGED Viewed

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ChatReading = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "-10 -10 141 80", role: "img", className: "g-aikit-zk-chatReading", "aria-label": "Gravity mascot: chat reading" }, props, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", { id: `${props.id}-zk-chatReading`, cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: 0.0287184, stopColor: "#FFFF00", style: {
-                            stopColor: 'var(--zk-b1, #ffff00)',
+const ChatReading = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "-10 -10 141 80", className: "g-aikit-mascot-chatReading" }, props, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", { id: `${props.id}-zk-chatReading`, cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: 0.0287184, stopColor: "#FFFF00", style: {
+                            stopColor: 'var(--g-aikit-mascot-body-center-color, #ffff00)',
                         } }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#FF3377", style: {
-                            stopColor: 'var(--zk-b2, #ff3377)',
-                        } })] }) }), (0, jsx_runtime_1.jsx)("style", { children: '\n        .g-aikit-zk-chatReading-zk-eyes-x {\n            animation: g-aikit-zk-chatReading-heroReadX 2.6s ease-in-out infinite;\n        }\n        .g-aikit-zk-chatReading-zk-eyes-y {\n            animation: g-aikit-zk-chatReading-heroReadY 2.6s ease-in-out infinite;\n        }\n        @keyframes g-aikit-zk-chatReading-heroReadX {\n            0% {\n                transform: translateX(-3.4px);\n            }\n            22% {\n                transform: translateX(3.4px);\n            }\n            25% {\n                transform: translateX(-3.4px);\n            }\n            47% {\n                transform: translateX(3.4px);\n            }\n            50% {\n                transform: translateX(-3.4px);\n            }\n            72% {\n                transform: translateX(3.4px);\n            }\n            75% {\n                transform: translateX(-3.4px);\n            }\n            100% {\n                transform: translateX(-3.4px);\n            }\n        }\n        @keyframes g-aikit-zk-chatReading-heroReadY {\n            0%,\n            22% {\n                transform: translateY(4.2px);\n            }\n            25%,\n            47% {\n                transform: translateY(4.9px);\n            }\n            50%,\n            72% {\n                transform: translateY(5.6px);\n            }\n            75%,\n            100% {\n                transform: translateY(4.2px);\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-zk-chatReading-zk-eyes-x,\n            .g-aikit-zk-chatReading-zk-eyes-y {\n                animation: none;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-zk-chatReading * {\n                animation: none;\n            }\n        }\n    ' }), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("rect", { width: 120.691, height: 59.588, rx: 29.794, fill: `url(#${props.id}-zk-chatReading)` }), (0, jsx_runtime_1.jsx)("circle", { cx: 30.298, cy: 29.794, r: 15.1495, fill: "#FFFFFF", style: {
-                        fill: 'var(--zk-eye, #ffffff)',
+                            stopColor: 'var(--g-aikit-mascot-body-edge-color, #ff3377)',
+                        } })] }) }), (0, jsx_runtime_1.jsx)("style", { children: '\n        .g-aikit-mascot-chatReading-zk-eyes-x {\n            animation: g-aikit-mascot-chatReading-heroReadX 2.6s ease-in-out infinite;\n        }\n        .g-aikit-mascot-chatReading-zk-eyes-y {\n            animation: g-aikit-mascot-chatReading-heroReadY 2.6s ease-in-out infinite;\n        }\n        @keyframes g-aikit-mascot-chatReading-heroReadX {\n            0% {\n                transform: translateX(-3.4px);\n            }\n            22% {\n                transform: translateX(3.4px);\n            }\n            25% {\n                transform: translateX(-3.4px);\n            }\n            47% {\n                transform: translateX(3.4px);\n            }\n            50% {\n                transform: translateX(-3.4px);\n            }\n            72% {\n                transform: translateX(3.4px);\n            }\n            75% {\n                transform: translateX(-3.4px);\n            }\n            100% {\n                transform: translateX(-3.4px);\n            }\n        }\n        @keyframes g-aikit-mascot-chatReading-heroReadY {\n            0%,\n            22% {\n                transform: translateY(4.2px);\n            }\n            25%,\n            47% {\n                transform: translateY(4.9px);\n            }\n            50%,\n            72% {\n                transform: translateY(5.6px);\n            }\n            75%,\n            100% {\n                transform: translateY(4.2px);\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-mascot-chatReading-zk-eyes-x,\n            .g-aikit-mascot-chatReading-zk-eyes-y {\n                animation: none;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-mascot-chatReading * {\n                animation: none;\n            }\n        }\n    ' }), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("rect", { width: 120.691, height: 59.588, rx: 29.794, fill: `url(#${props.id}-zk-chatReading)` }), (0, jsx_runtime_1.jsx)("circle", { cx: 30.298, cy: 29.794, r: 15.1495, fill: "#FFFFFF", style: {
+                        fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',
                     } }), (0, jsx_runtime_1.jsx)("circle", { cx: 90.897, cy: 29.794, r: 15.1495, fill: "#FFFFFF", style: {
-                        fill: 'var(--zk-eye, #ffffff)',
-                    } }), (0, jsx_runtime_1.jsx)("g", { className: "g-aikit-zk-chatReading-zk-eyes-x", children: (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-zk-chatReading-zk-eyes-y", children: [(0, jsx_runtime_1.jsx)("circle", { cx: 30.298, cy: 29.794, r: 7.5752, fill: "#000000", style: {
-                                    fill: 'var(--zk-pup, #000000)',
+                        fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',
+                    } }), (0, jsx_runtime_1.jsx)("g", { className: "g-aikit-mascot-chatReading-zk-eyes-x", children: (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-mascot-chatReading-zk-eyes-y", children: [(0, jsx_runtime_1.jsx)("circle", { cx: 30.298, cy: 29.794, r: 7.5752, fill: "#000000", style: {
+                                    fill: 'var(--g-aikit-mascot-pupil-color, #000000)',
                                 } }), (0, jsx_runtime_1.jsx)("circle", { cx: 90.897, cy: 29.794, r: 7.5752, fill: "#000000", style: {
-                                    fill: 'var(--zk-pup, #000000)',
+                                    fill: 'var(--g-aikit-mascot-pupil-color, #000000)',
                                 } })] }) })] })] })));
 exports.default = ChatReading;
 //# sourceMappingURL=chat-reading.js.map

package/build/cjs/components/pages/ChatContainer/assets/generated/chat-reading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-reading.js","sourceRoot":"../../../../../../../src","sources":["components/pages/ChatContainer/assets/generated/chat-reading.tsx"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACpD,+CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,gBAAgB,EACxB,~~IAAI,EAAC,KAAK,EACV,~~SAAS,EAAC,~~wBAAwB~~,~~gBACvB~~,~~8BAA8B,IACrC,~~KAAK,eAET,2CACI,4CACI,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,iBAAiB,EAChC,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,8DAA8D,aAEhF,iCACI,MAAM,EAAE,SAAS,EACjB,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,~~uBAAuB~~;~~yBACrC~~,GACH,EACF,iCACI,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,~~uBAAuB~~;~~yBACrC~~,GACH,IACW,GACd,EACP,4CAEQ,~~qyDAAqyD~~,~~GAEryD~~,EACR,0CACI,iCACI,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,QAAQ,KAAK,CAAC,EAAE,kBAAkB,GAC1C,EACF,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,OAAO,EACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,~~wBAAwB~~;~~qBACjC~~,GACH,EACF,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,OAAO,EACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,~~wBAAwB~~;~~qBACjC~~,GACH,EACF,8BAAG,SAAS,EAAC,~~kCAAkC~~,~~YAC3C~~,+BAAG,SAAS,EAAC,~~kCAAkC~~,~~aAC3C~~,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;oCACH,IAAI,EAAE,~~wBAAwB~~;~~iCACjC~~,GACH,EACF,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;oCACH,IAAI,EAAE,~~wBAAwB~~;~~iCACjC~~,GACH,IACF,GACJ,IACJ,KACF,CACT,CAAC;AACF,kBAAe,WAAW,CAAC","sourcesContent":["// Generated from ../chat-reading.svg. Edit the SVG source instead.\nimport type {SVGProps} from 'react';\nconst ChatReading = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-10 -10 141 80\"\n ~~role=\"img\"\n~~ className=\"g-aikit-zk-chatReading\"\n ~~aria-label=\"Gravity mascot: chat reading\"\n~~ {...props}\n >\n <defs>\n <radialGradient\n id={`${props.id}-zk-chatReading`}\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)\"\n >\n <stop\n offset={0.0287184}\n stopColor=\"#FFFF00\"\n style={{\n stopColor: 'var(--zk-b1, #ffff00)',\n }}\n />\n <stop\n offset={1}\n stopColor=\"#FF3377\"\n style={{\n stopColor: 'var(--zk-b2, #ff3377)',\n }}\n />\n </radialGradient>\n </defs>\n <style>\n {\n '\\n .g-aikit-zk-chatReading-zk-eyes-x {\\n animation: g-aikit-zk-chatReading-heroReadX 2.6s ease-in-out infinite;\\n }\\n .g-aikit-zk-chatReading-zk-eyes-y {\\n animation: g-aikit-zk-chatReading-heroReadY 2.6s ease-in-out infinite;\\n }\\n @keyframes g-aikit-zk-chatReading-heroReadX {\\n 0% {\\n transform: translateX(-3.4px);\\n }\\n 22% {\\n transform: translateX(3.4px);\\n }\\n 25% {\\n transform: translateX(-3.4px);\\n }\\n 47% {\\n transform: translateX(3.4px);\\n }\\n 50% {\\n transform: translateX(-3.4px);\\n }\\n 72% {\\n transform: translateX(3.4px);\\n }\\n 75% {\\n transform: translateX(-3.4px);\\n }\\n 100% {\\n transform: translateX(-3.4px);\\n }\\n }\\n @keyframes g-aikit-zk-chatReading-heroReadY {\\n 0%,\\n 22% {\\n transform: translateY(4.2px);\\n }\\n 25%,\\n 47% {\\n transform: translateY(4.9px);\\n }\\n 50%,\\n 72% {\\n transform: translateY(5.6px);\\n }\\n 75%,\\n 100% {\\n transform: translateY(4.2px);\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-zk-chatReading-zk-eyes-x,\\n .g-aikit-zk-chatReading-zk-eyes-y {\\n animation: none;\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-zk-chatReading * {\\n animation: none;\\n }\\n }\\n '\n }\n </style>\n <g>\n <rect\n width={120.691}\n height={59.588}\n rx={29.794}\n fill={`url(#${props.id}-zk-chatReading)`}\n />\n <circle\n cx={30.298}\n cy={29.794}\n r={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--zk-eye, #ffffff)',\n }}\n />\n <circle\n cx={90.897}\n cy={29.794}\n r={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--zk-eye, #ffffff)',\n }}\n />\n <g className=\"g-aikit-zk-chatReading-zk-eyes-x\">\n <g className=\"g-aikit-zk-chatReading-zk-eyes-y\">\n <circle\n cx={30.298}\n cy={29.794}\n r={7.5752}\n fill=\"#000000\"\n style={{\n fill: 'var(--zk-~~pup~~, #000000)',\n }}\n />\n <circle\n cx={90.897}\n cy={29.794}\n r={7.5752}\n fill=\"#000000\"\n style={{\n fill: 'var(--zk-~~pup~~, #000000)',\n }}\n />\n </g>\n </g>\n </g>\n </svg>\n);\nexport default ChatReading;\n"]}
1	+ {"version":3,"file":"chat-reading.js","sourceRoot":"../../../../../../../src","sources":["components/pages/ChatContainer/assets/generated/chat-reading.tsx"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACpD,+CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,gBAAgB,EACxB,SAAS,EAAC,4BAA4B,IAClC,KAAK,eAET,2CACI,4CACI,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,iBAAiB,EAChC,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,8DAA8D,aAEhF,iCACI,MAAM,EAAE,SAAS,EACjB,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,kDAAkD;yBAChE,GACH,EACF,iCACI,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,gDAAgD;yBAC9D,GACH,IACW,GACd,EACP,4CAEQ,y0DAAy0D,GAEz0D,EACR,0CACI,iCACI,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,QAAQ,KAAK,CAAC,EAAE,kBAAkB,GAC1C,EACF,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,OAAO,EACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,0CAA0C;qBACnD,GACH,EACF,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,OAAO,EACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,0CAA0C;qBACnD,GACH,EACF,8BAAG,SAAS,EAAC,sCAAsC,YAC/C,+BAAG,SAAS,EAAC,sCAAsC,aAC/C,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;oCACH,IAAI,EAAE,4CAA4C;iCACrD,GACH,EACF,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;oCACH,IAAI,EAAE,4CAA4C;iCACrD,GACH,IACF,GACJ,IACJ,KACF,CACT,CAAC;AACF,kBAAe,WAAW,CAAC","sourcesContent":["// Generated from ../chat-reading.svg. Edit the SVG source instead.\nimport type {SVGProps} from 'react';\nconst ChatReading = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-10 -10 141 80\"\n className=\"g-aikit-mascot-chatReading\"\n {...props}\n >\n <defs>\n <radialGradient\n id={`${props.id}-zk-chatReading`}\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)\"\n >\n <stop\n offset={0.0287184}\n stopColor=\"#FFFF00\"\n style={{\n stopColor: 'var(--g-aikit-mascot-body-center-color, #ffff00)',\n }}\n />\n <stop\n offset={1}\n stopColor=\"#FF3377\"\n style={{\n stopColor: 'var(--g-aikit-mascot-body-edge-color, #ff3377)',\n }}\n />\n </radialGradient>\n </defs>\n <style>\n {\n '\\n .g-aikit-mascot-chatReading-zk-eyes-x {\\n animation: g-aikit-mascot-chatReading-heroReadX 2.6s ease-in-out infinite;\\n }\\n .g-aikit-mascot-chatReading-zk-eyes-y {\\n animation: g-aikit-mascot-chatReading-heroReadY 2.6s ease-in-out infinite;\\n }\\n @keyframes g-aikit-mascot-chatReading-heroReadX {\\n 0% {\\n transform: translateX(-3.4px);\\n }\\n 22% {\\n transform: translateX(3.4px);\\n }\\n 25% {\\n transform: translateX(-3.4px);\\n }\\n 47% {\\n transform: translateX(3.4px);\\n }\\n 50% {\\n transform: translateX(-3.4px);\\n }\\n 72% {\\n transform: translateX(3.4px);\\n }\\n 75% {\\n transform: translateX(-3.4px);\\n }\\n 100% {\\n transform: translateX(-3.4px);\\n }\\n }\\n @keyframes g-aikit-mascot-chatReading-heroReadY {\\n 0%,\\n 22% {\\n transform: translateY(4.2px);\\n }\\n 25%,\\n 47% {\\n transform: translateY(4.9px);\\n }\\n 50%,\\n 72% {\\n transform: translateY(5.6px);\\n }\\n 75%,\\n 100% {\\n transform: translateY(4.2px);\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-mascot-chatReading-zk-eyes-x,\\n .g-aikit-mascot-chatReading-zk-eyes-y {\\n animation: none;\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-mascot-chatReading * {\\n animation: none;\\n }\\n }\\n '\n }\n </style>\n <g>\n <rect\n width={120.691}\n height={59.588}\n rx={29.794}\n fill={`url(#${props.id}-zk-chatReading)`}\n />\n <circle\n cx={30.298}\n cy={29.794}\n r={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',\n }}\n />\n <circle\n cx={90.897}\n cy={29.794}\n r={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',\n }}\n />\n <g className=\"g-aikit-mascot-chatReading-zk-eyes-x\">\n <g className=\"g-aikit-mascot-chatReading-zk-eyes-y\">\n <circle\n cx={30.298}\n cy={29.794}\n r={7.5752}\n fill=\"#000000\"\n style={{\n fill: 'var(--g-aikit-mascot-pupil-color, #000000)',\n }}\n />\n <circle\n cx={90.897}\n cy={29.794}\n r={7.5752}\n fill=\"#000000\"\n style={{\n fill: 'var(--g-aikit-mascot-pupil-color, #000000)',\n }}\n />\n </g>\n </g>\n </g>\n </svg>\n);\nexport default ChatReading;\n"]}

package/build/cjs/components/pages/ChatContainer/assets/generated/done.js CHANGED Viewed

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Done = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "-12 -26 145 100", role: "img", className: "g-aikit-zk-done", "aria-label": "Gravity mascot: done" }, props, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", { id: `${props.id}-zk-done`, cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: 0.0287184, stopColor: "#FFFF00", style: {
-                            stopColor: 'var(--zk-b1, #ffff00)',
+const Done = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "-12 -26 145 100", className: "g-aikit-mascot-done" }, props, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", { id: `${props.id}-zk-done`, cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: 0.0287184, stopColor: "#FFFF00", style: {
+                            stopColor: 'var(--g-aikit-mascot-body-center-color, #ffff00)',
                         } }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#FF3377", style: {
-                            stopColor: 'var(--zk-b2, #ff3377)',
-                        } })] }) }), (0, jsx_runtime_1.jsx)("style", { children: '\n        .g-aikit-zk-done-pb {\n            transform-box: fill-box;\n            transform-origin: 50% 100%;\n            animation: g-aikit-zk-done-popBody 600ms both;\n        }\n        .g-aikit-zk-done-pe {\n            animation: g-aikit-zk-done-popEyes 600ms cubic-bezier(0.35, 0.1, 0.25, 1) both;\n        }\n        @keyframes g-aikit-zk-done-popBody {\n            0% {\n                transform: translateY(0) scale(1, 1);\n                animation-timing-function: cubic-bezier(0.3, 0.6, 0.2, 1);\n            }\n            18% {\n                transform: translateY(-16px) scale(0.98, 1.05);\n                animation-timing-function: cubic-bezier(0.4, 0, 0.5, 1);\n            }\n            40% {\n                transform: translateY(0) scale(1.07, 0.9);\n                animation-timing-function: cubic-bezier(0.3, 0.7, 0.3, 1);\n            }\n            58% {\n                transform: translateY(-5.1px) scale(0.99, 1.02);\n                animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);\n            }\n            76% {\n                transform: translateY(0) scale(1.02, 0.99);\n            }\n            100% {\n                transform: translateY(0) scale(1, 1);\n            }\n        }\n        @keyframes g-aikit-zk-done-popEyes {\n            0% {\n                transform: translateY(0);\n            }\n            18% {\n                transform: translateY(5.72px);\n            }\n            40% {\n                transform: translateY(-4.4px);\n            }\n            55% {\n                transform: translateY(6.6px);\n            }\n            70% {\n                transform: translateY(-3.74px);\n            }\n            83% {\n                transform: translateY(1.98px);\n            }\n            92% {\n                transform: translateY(-0.77px);\n            }\n            100% {\n                transform: translateY(0);\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-zk-done-pb,\n            .g-aikit-zk-done-pe {\n                animation: none;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-zk-done * {\n                animation: none;\n            }\n        }\n    ' }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-zk-done-pb", children: [(0, jsx_runtime_1.jsx)("rect", { width: 120.691, height: 59.588, rx: 29.794, fill: `url(#${props.id}-zk-done)` }), (0, jsx_runtime_1.jsx)("rect", { x: 75.748, y: 14.6445, width: 30.299, height: 30.299, rx: 15.1495, fill: "#FFFFFF", style: {
-                        fill: 'var(--zk-eye, #ffffff)',
+                            stopColor: 'var(--g-aikit-mascot-body-edge-color, #ff3377)',
+                        } })] }) }), (0, jsx_runtime_1.jsx)("style", { children: '\n        .g-aikit-mascot-done-pb {\n            transform-box: fill-box;\n            transform-origin: 50% 100%;\n            animation: g-aikit-mascot-done-popBody 600ms both;\n        }\n        .g-aikit-mascot-done-pe {\n            animation: g-aikit-mascot-done-popEyes 600ms cubic-bezier(0.35, 0.1, 0.25, 1) both;\n        }\n        @keyframes g-aikit-mascot-done-popBody {\n            0% {\n                transform: translateY(0) scale(1, 1);\n                animation-timing-function: cubic-bezier(0.3, 0.6, 0.2, 1);\n            }\n            18% {\n                transform: translateY(-16px) scale(0.98, 1.05);\n                animation-timing-function: cubic-bezier(0.4, 0, 0.5, 1);\n            }\n            40% {\n                transform: translateY(0) scale(1.07, 0.9);\n                animation-timing-function: cubic-bezier(0.3, 0.7, 0.3, 1);\n            }\n            58% {\n                transform: translateY(-5.1px) scale(0.99, 1.02);\n                animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);\n            }\n            76% {\n                transform: translateY(0) scale(1.02, 0.99);\n            }\n            100% {\n                transform: translateY(0) scale(1, 1);\n            }\n        }\n        @keyframes g-aikit-mascot-done-popEyes {\n            0% {\n                transform: translateY(0);\n            }\n            18% {\n                transform: translateY(5.72px);\n            }\n            40% {\n                transform: translateY(-4.4px);\n            }\n            55% {\n                transform: translateY(6.6px);\n            }\n            70% {\n                transform: translateY(-3.74px);\n            }\n            83% {\n                transform: translateY(1.98px);\n            }\n            92% {\n                transform: translateY(-0.77px);\n            }\n            100% {\n                transform: translateY(0);\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-mascot-done-pb,\n            .g-aikit-mascot-done-pe {\n                animation: none;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-mascot-done * {\n                animation: none;\n            }\n        }\n    ' }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-mascot-done-pb", children: [(0, jsx_runtime_1.jsx)("rect", { width: 120.691, height: 59.588, rx: 29.794, fill: `url(#${props.id}-zk-done)` }), (0, jsx_runtime_1.jsx)("rect", { x: 75.748, y: 14.6445, width: 30.299, height: 30.299, rx: 15.1495, fill: "#FFFFFF", style: {
+                        fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',
                     } }), (0, jsx_runtime_1.jsx)("rect", { x: 15.1484, y: 14.6445, width: 30.299, height: 30.299, rx: 15.1495, fill: "#FFFFFF", style: {
-                        fill: 'var(--zk-eye, #ffffff)',
-                    } }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-zk-done-pe", children: [(0, jsx_runtime_1.jsx)("rect", { x: 22.7227, y: 22.2188, width: 15.1504, height: 15.1504, rx: 7.57519, fill: "#000000", style: {
-                                fill: 'var(--zk-pup, #000000)',
+                        fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',
+                    } }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-mascot-done-pe", children: [(0, jsx_runtime_1.jsx)("rect", { x: 22.7227, y: 22.2188, width: 15.1504, height: 15.1504, rx: 7.57519, fill: "#000000", style: {
+                                fill: 'var(--g-aikit-mascot-pupil-color, #000000)',
                             } }), (0, jsx_runtime_1.jsx)("rect", { x: 83.3223, y: 22.2188, width: 15.1504, height: 15.1504, rx: 7.57519, fill: "#000000", style: {
-                                fill: 'var(--zk-pup, #000000)',
+                                fill: 'var(--g-aikit-mascot-pupil-color, #000000)',
                             } })] })] })] })));
 exports.default = Done;
 //# sourceMappingURL=done.js.map

package/build/cjs/components/pages/ChatContainer/assets/generated/done.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"done.js","sourceRoot":"../../../../../../../src","sources":["components/pages/ChatContainer/assets/generated/done.tsx"],"names":[],"mappings":";;;AAEA,MAAM,IAAI,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC7C,+CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,iBAAiB,EACzB,~~IAAI,EAAC,KAAK,EACV,~~SAAS,EAAC,~~iBAAiB~~,~~gBAChB~~,~~sBAAsB,IAC7B,~~KAAK,eAET,2CACI,4CACI,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,UAAU,EACzB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,8DAA8D,aAEhF,iCACI,MAAM,EAAE,SAAS,EACjB,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,~~uBAAuB~~;~~yBACrC~~,GACH,EACF,iCACI,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,~~uBAAuB~~;~~yBACrC~~,GACH,IACW,GACd,EACP,4CAEQ,~~ouEAAouE~~,~~GAEpuE~~,EACR,+BAAG,SAAS,EAAC,~~oBAAoB~~,~~aAC7B~~,iCAAM,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,CAAC,EAAE,WAAW,GAAI,EACvF,iCACI,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,~~wBAAwB~~;~~qBACjC~~,GACH,EACF,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,~~wBAAwB~~;~~qBACjC~~,GACH,EACF,+BAAG,SAAS,EAAC,~~oBAAoB~~,~~aAC7B~~,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,OAAO,EACf,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;gCACH,IAAI,EAAE,~~wBAAwB~~;~~6BACjC~~,GACH,EACF,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,OAAO,EACf,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;gCACH,IAAI,EAAE,~~wBAAwB~~;~~6BACjC~~,GACH,IACF,IACJ,KACF,CACT,CAAC;AACF,kBAAe,IAAI,CAAC","sourcesContent":["// Generated from ../done.svg. Edit the SVG source instead.\nimport type {SVGProps} from 'react';\nconst Done = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-12 -26 145 100\"\n ~~role=\"img\"\n~~ className=\"g-aikit-zk-done\"\n ~~aria-label=\"Gravity mascot: done\"\n~~ {...props}\n >\n <defs>\n <radialGradient\n id={`${props.id}-zk-done`}\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)\"\n >\n <stop\n offset={0.0287184}\n stopColor=\"#FFFF00\"\n style={{\n stopColor: 'var(--zk-b1, #ffff00)',\n }}\n />\n <stop\n offset={1}\n stopColor=\"#FF3377\"\n style={{\n stopColor: 'var(--zk-b2, #ff3377)',\n }}\n />\n </radialGradient>\n </defs>\n <style>\n {\n '\\n .g-aikit-zk-done-pb {\\n transform-box: fill-box;\\n transform-origin: 50% 100%;\\n animation: g-aikit-zk-done-popBody 600ms both;\\n }\\n .g-aikit-zk-done-pe {\\n animation: g-aikit-zk-done-popEyes 600ms cubic-bezier(0.35, 0.1, 0.25, 1) both;\\n }\\n @keyframes g-aikit-zk-done-popBody {\\n 0% {\\n transform: translateY(0) scale(1, 1);\\n animation-timing-function: cubic-bezier(0.3, 0.6, 0.2, 1);\\n }\\n 18% {\\n transform: translateY(-16px) scale(0.98, 1.05);\\n animation-timing-function: cubic-bezier(0.4, 0, 0.5, 1);\\n }\\n 40% {\\n transform: translateY(0) scale(1.07, 0.9);\\n animation-timing-function: cubic-bezier(0.3, 0.7, 0.3, 1);\\n }\\n 58% {\\n transform: translateY(-5.1px) scale(0.99, 1.02);\\n animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);\\n }\\n 76% {\\n transform: translateY(0) scale(1.02, 0.99);\\n }\\n 100% {\\n transform: translateY(0) scale(1, 1);\\n }\\n }\\n @keyframes g-aikit-zk-done-popEyes {\\n 0% {\\n transform: translateY(0);\\n }\\n 18% {\\n transform: translateY(5.72px);\\n }\\n 40% {\\n transform: translateY(-4.4px);\\n }\\n 55% {\\n transform: translateY(6.6px);\\n }\\n 70% {\\n transform: translateY(-3.74px);\\n }\\n 83% {\\n transform: translateY(1.98px);\\n }\\n 92% {\\n transform: translateY(-0.77px);\\n }\\n 100% {\\n transform: translateY(0);\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-zk-done-pb,\\n .g-aikit-zk-done-pe {\\n animation: none;\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-zk-done * {\\n animation: none;\\n }\\n }\\n '\n }\n </style>\n <g className=\"g-aikit-zk-done-pb\">\n <rect width={120.691} height={59.588} rx={29.794} fill={`url(#${props.id}-zk-done)`} />\n <rect\n x={75.748}\n y={14.6445}\n width={30.299}\n height={30.299}\n rx={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--zk-eye, #ffffff)',\n }}\n />\n <rect\n x={15.1484}\n y={14.6445}\n width={30.299}\n height={30.299}\n rx={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--zk-eye, #ffffff)',\n }}\n />\n <g className=\"g-aikit-zk-done-pe\">\n <rect\n x={22.7227}\n y={22.2188}\n width={15.1504}\n height={15.1504}\n rx={7.57519}\n fill=\"#000000\"\n style={{\n fill: 'var(--zk-~~pup~~, #000000)',\n }}\n />\n <rect\n x={83.3223}\n y={22.2188}\n width={15.1504}\n height={15.1504}\n rx={7.57519}\n fill=\"#000000\"\n style={{\n fill: 'var(--zk-~~pup~~, #000000)',\n }}\n />\n </g>\n </g>\n </svg>\n);\nexport default Done;\n"]}
1	+ {"version":3,"file":"done.js","sourceRoot":"../../../../../../../src","sources":["components/pages/ChatContainer/assets/generated/done.tsx"],"names":[],"mappings":";;;AAEA,MAAM,IAAI,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC7C,+CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAC,qBAAqB,IAC3B,KAAK,eAET,2CACI,4CACI,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,UAAU,EACzB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,8DAA8D,aAEhF,iCACI,MAAM,EAAE,SAAS,EACjB,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,kDAAkD;yBAChE,GACH,EACF,iCACI,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,gDAAgD;yBAC9D,GACH,IACW,GACd,EACP,4CAEQ,wwEAAwwE,GAExwE,EACR,+BAAG,SAAS,EAAC,wBAAwB,aACjC,iCAAM,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,CAAC,EAAE,WAAW,GAAI,EACvF,iCACI,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,0CAA0C;qBACnD,GACH,EACF,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,0CAA0C;qBACnD,GACH,EACF,+BAAG,SAAS,EAAC,wBAAwB,aACjC,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,OAAO,EACf,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;gCACH,IAAI,EAAE,4CAA4C;6BACrD,GACH,EACF,iCACI,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,EACV,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,OAAO,EACf,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;gCACH,IAAI,EAAE,4CAA4C;6BACrD,GACH,IACF,IACJ,KACF,CACT,CAAC;AACF,kBAAe,IAAI,CAAC","sourcesContent":["// Generated from ../done.svg. Edit the SVG source instead.\nimport type {SVGProps} from 'react';\nconst Done = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-12 -26 145 100\"\n className=\"g-aikit-mascot-done\"\n {...props}\n >\n <defs>\n <radialGradient\n id={`${props.id}-zk-done`}\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)\"\n >\n <stop\n offset={0.0287184}\n stopColor=\"#FFFF00\"\n style={{\n stopColor: 'var(--g-aikit-mascot-body-center-color, #ffff00)',\n }}\n />\n <stop\n offset={1}\n stopColor=\"#FF3377\"\n style={{\n stopColor: 'var(--g-aikit-mascot-body-edge-color, #ff3377)',\n }}\n />\n </radialGradient>\n </defs>\n <style>\n {\n '\\n .g-aikit-mascot-done-pb {\\n transform-box: fill-box;\\n transform-origin: 50% 100%;\\n animation: g-aikit-mascot-done-popBody 600ms both;\\n }\\n .g-aikit-mascot-done-pe {\\n animation: g-aikit-mascot-done-popEyes 600ms cubic-bezier(0.35, 0.1, 0.25, 1) both;\\n }\\n @keyframes g-aikit-mascot-done-popBody {\\n 0% {\\n transform: translateY(0) scale(1, 1);\\n animation-timing-function: cubic-bezier(0.3, 0.6, 0.2, 1);\\n }\\n 18% {\\n transform: translateY(-16px) scale(0.98, 1.05);\\n animation-timing-function: cubic-bezier(0.4, 0, 0.5, 1);\\n }\\n 40% {\\n transform: translateY(0) scale(1.07, 0.9);\\n animation-timing-function: cubic-bezier(0.3, 0.7, 0.3, 1);\\n }\\n 58% {\\n transform: translateY(-5.1px) scale(0.99, 1.02);\\n animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);\\n }\\n 76% {\\n transform: translateY(0) scale(1.02, 0.99);\\n }\\n 100% {\\n transform: translateY(0) scale(1, 1);\\n }\\n }\\n @keyframes g-aikit-mascot-done-popEyes {\\n 0% {\\n transform: translateY(0);\\n }\\n 18% {\\n transform: translateY(5.72px);\\n }\\n 40% {\\n transform: translateY(-4.4px);\\n }\\n 55% {\\n transform: translateY(6.6px);\\n }\\n 70% {\\n transform: translateY(-3.74px);\\n }\\n 83% {\\n transform: translateY(1.98px);\\n }\\n 92% {\\n transform: translateY(-0.77px);\\n }\\n 100% {\\n transform: translateY(0);\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-mascot-done-pb,\\n .g-aikit-mascot-done-pe {\\n animation: none;\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-mascot-done * {\\n animation: none;\\n }\\n }\\n '\n }\n </style>\n <g className=\"g-aikit-mascot-done-pb\">\n <rect width={120.691} height={59.588} rx={29.794} fill={`url(#${props.id}-zk-done)`} />\n <rect\n x={75.748}\n y={14.6445}\n width={30.299}\n height={30.299}\n rx={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',\n }}\n />\n <rect\n x={15.1484}\n y={14.6445}\n width={30.299}\n height={30.299}\n rx={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',\n }}\n />\n <g className=\"g-aikit-mascot-done-pe\">\n <rect\n x={22.7227}\n y={22.2188}\n width={15.1504}\n height={15.1504}\n rx={7.57519}\n fill=\"#000000\"\n style={{\n fill: 'var(--g-aikit-mascot-pupil-color, #000000)',\n }}\n />\n <rect\n x={83.3223}\n y={22.2188}\n width={15.1504}\n height={15.1504}\n rx={7.57519}\n fill=\"#000000\"\n style={{\n fill: 'var(--g-aikit-mascot-pupil-color, #000000)',\n }}\n />\n </g>\n </g>\n </svg>\n);\nexport default Done;\n"]}

package/build/cjs/components/pages/ChatContainer/assets/generated/error.js CHANGED Viewed

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Error = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "-12 -16 145 92", role: "img", className: "g-aikit-zk-error", "aria-label": "Gravity mascot: error" }, props, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", { id: `${props.id}-zk-error`, cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: 0.0287184, stopColor: "#FFFF00", style: {
-                            stopColor: 'var(--zk-b1, #ffff00)',
+const Error = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "-12 -16 145 92", className: "g-aikit-mascot-error" }, props, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", { id: `${props.id}-zk-error`, cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: 0.0287184, stopColor: "#FFFF00", style: {
+                            stopColor: 'var(--g-aikit-mascot-body-center-color, #ffff00)',
                         } }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#FF3377", style: {
-                            stopColor: 'var(--zk-b2, #ff3377)',
-                        } })] }) }), (0, jsx_runtime_1.jsx)("style", { children: '\n        .g-aikit-zk-error-eL {\n            animation: g-aikit-zk-error-errL 800ms cubic-bezier(0.15, 0.6, 0.3, 1) both;\n        }\n        .g-aikit-zk-error-eR {\n            animation: g-aikit-zk-error-errR 800ms cubic-bezier(0.15, 0.6, 0.3, 1) both;\n        }\n        @keyframes g-aikit-zk-error-errL {\n            0.0% {\n                transform: translate(0px, 0px);\n            }\n            2.5% {\n                transform: translate(0.32px, 0.23px);\n            }\n            5.0% {\n                transform: translate(0.24px, 0.74px);\n            }\n            7.5% {\n                transform: translate(-0.36px, 1.11px);\n            }\n            10.0% {\n                transform: translate(-1.25px, 0.91px);\n            }\n            12.5% {\n                transform: translate(-1.91px, 0px);\n            }\n            15.0% {\n                transform: translate(-1.84px, -1.33px);\n            }\n            17.5% {\n                transform: translate(-0.81px, -2.48px);\n            }\n            20.0% {\n                transform: translate(0.91px, -2.8px);\n            }\n            22.5% {\n                transform: translate(2.63px, -1.91px);\n            }\n            25.0% {\n                transform: translate(3.54px, -0px);\n            }\n            27.5% {\n                transform: translate(3.08px, 2.23px);\n            }\n            30.0% {\n                transform: translate(1.25px, 3.85px);\n            }\n            32.5% {\n                transform: translate(-1.32px, 4.05px);\n            }\n            35.0% {\n                transform: translate(-3.6px, 2.62px);\n            }\n            37.5% {\n                transform: translate(-4.62px, 0px);\n            }\n            40.0% {\n                transform: translate(-3.85px, -2.8px);\n            }\n            42.5% {\n                transform: translate(-1.5px, -4.62px);\n            }\n            45.0% {\n                transform: translate(1.53px, -4.7px);\n            }\n            47.5% {\n                transform: translate(4.03px, -2.93px);\n            }\n            50.0% {\n                transform: translate(5px, -0px);\n            }\n            52.5% {\n                transform: translate(4.03px, 2.93px);\n            }\n            55.0% {\n                transform: translate(1.53px, 4.7px);\n            }\n            57.5% {\n                transform: translate(-1.5px, 4.62px);\n            }\n            60.0% {\n                transform: translate(-3.85px, 2.8px);\n            }\n            62.5% {\n                transform: translate(-4.62px, 0px);\n            }\n            65.0% {\n                transform: translate(-3.6px, -2.62px);\n            }\n            67.5% {\n                transform: translate(-1.32px, -4.05px);\n            }\n            70.0% {\n                transform: translate(1.25px, -3.85px);\n            }\n            72.5% {\n                transform: translate(3.08px, -2.23px);\n            }\n            75.0% {\n                transform: translate(3.54px, -0px);\n            }\n            77.5% {\n                transform: translate(2.63px, 1.91px);\n            }\n            80.0% {\n                transform: translate(0.91px, 2.8px);\n            }\n            82.5% {\n                transform: translate(-0.81px, 2.48px);\n            }\n            85.0% {\n                transform: translate(-1.84px, 1.33px);\n            }\n            87.5% {\n                transform: translate(-1.91px, 0px);\n            }\n            90.0% {\n                transform: translate(-1.25px, -0.91px);\n            }\n            92.5% {\n                transform: translate(-0.36px, -1.11px);\n            }\n            95.0% {\n                transform: translate(0.24px, -0.74px);\n            }\n            97.5% {\n                transform: translate(0.32px, -0.23px);\n            }\n            100.0% {\n                transform: translate(0px, -0px);\n            }\n        }\n        @keyframes g-aikit-zk-error-errR {\n            0.0% {\n                transform: translate(0px, 0px);\n            }\n            1.9% {\n                transform: translate(0.24px, -0.17px);\n            }\n            3.7% {\n                transform: translate(0.18px, -0.55px);\n            }\n            5.6% {\n                transform: translate(-0.27px, -0.83px);\n            }\n            7.4% {\n                transform: translate(-0.93px, -0.68px);\n            }\n            9.3% {\n                transform: translate(-1.43px, -0px);\n            }\n            11.1% {\n                transform: translate(-1.38px, 1.01px);\n            }\n            13.0% {\n                transform: translate(-0.61px, 1.88px);\n            }\n            14.8% {\n                transform: translate(0.69px, 2.13px);\n            }\n            16.7% {\n                transform: translate(2.02px, 1.47px);\n            }\n            18.5% {\n                transform: translate(2.75px, 0px);\n            }\n            20.4% {\n                transform: translate(2.42px, -1.76px);\n            }\n            22.2% {\n                transform: translate(0.99px, -3.06px);\n            }\n            24.1% {\n                transform: translate(-1.06px, -3.26px);\n            }\n            25.9% {\n                transform: translate(-2.94px, -2.14px);\n            }\n            27.8% {\n                transform: translate(-3.83px, 0px);\n            }\n            29.6% {\n                transform: translate(-3.24px, 2.36px);\n            }\n            31.5% {\n                transform: translate(-1.29px, 3.97px);\n            }\n            33.3% {\n                transform: translate(1.34px, 4.12px);\n            }\n            35.2% {\n                transform: translate(3.61px, 2.63px);\n            }\n            37.0% {\n                transform: translate(4.59px, 0px);\n            }\n            38.9% {\n                transform: translate(3.8px, -2.76px);\n            }\n            40.7% {\n                transform: translate(1.48px, -4.56px);\n            }\n            42.6% {\n                transform: translate(-1.5px, -4.63px);\n            }\n            44.4% {\n                transform: translate(-3.98px, -2.89px);\n            }\n            46.3% {\n                transform: translate(-4.97px, -0px);\n            }\n            48.1% {\n                transform: translate(-4.04px, 2.93px);\n            }\n            50.0% {\n                transform: translate(-1.55px, 4.76px);\n            }\n            51.9% {\n                transform: translate(1.54px, 4.75px);\n            }\n            53.7% {\n                transform: translate(4.02px, 2.92px);\n            }\n            55.6% {\n                transform: translate(4.92px, -0px);\n            }\n            57.4% {\n                transform: translate(3.94px, -2.86px);\n            }\n            59.3% {\n                transform: translate(1.48px, -4.56px);\n            }\n            61.1% {\n                transform: translate(-1.45px, -4.47px);\n            }\n            63.0% {\n                transform: translate(-3.71px, -2.7px);\n            }\n            64.8% {\n                transform: translate(-4.47px, -0px);\n            }\n            66.7% {\n                transform: translate(-3.5px, 2.55px);\n            }\n            68.5% {\n                transform: translate(-1.29px, 3.97px);\n            }\n            70.4% {\n                transform: translate(1.24px, 3.81px);\n            }\n            72.2% {\n                transform: translate(3.1px, 2.25px);\n            }\n            74.1% {\n                transform: translate(3.64px, 0px);\n            }\n            75.9% {\n                transform: translate(2.78px, -2.02px);\n            }\n            77.8% {\n                transform: translate(0.99px, -3.06px);\n            }\n            79.6% {\n                transform: translate(-0.92px, -2.84px);\n            }\n            81.5% {\n                transform: translate(-2.22px, -1.61px);\n            }\n            83.3% {\n                transform: translate(-2.5px, 0px);\n            }\n            85.2% {\n                transform: translate(-1.82px, 1.32px);\n            }\n            87.0% {\n                transform: translate(-0.61px, 1.88px);\n            }\n            88.9% {\n                transform: translate(0.53px, 1.63px);\n            }\n            90.7% {\n                transform: translate(1.16px, 0.84px);\n            }\n            92.6% {\n                transform: translate(1.15px, 0px);\n            }\n            94.4% {\n                transform: translate(0.7px, -0.51px);\n            }\n            96.3% {\n                transform: translate(0.18px, -0.55px);\n            }\n            98.1% {\n                transform: translate(-0.09px, -0.28px);\n            }\n            100.0% {\n                transform: translate(-0px, -0px);\n            }\n        }\n        .g-aikit-zk-error-et {\n            animation: g-aikit-zk-error-errTr 800ms linear both;\n        }\n        @keyframes g-aikit-zk-error-errTr {\n            0% {\n                transform: translate(0, 0);\n            }\n            8% {\n                transform: translate(5px, -4px);\n            }\n            20% {\n                transform: translate(-5px, 3px);\n            }\n            32% {\n                transform: translate(4px, 5px);\n            }\n            46% {\n                transform: translate(-3px, -5px);\n            }\n            62% {\n                transform: translate(2px, 2px);\n            }\n            80% {\n                transform: translate(-1px, 1px);\n            }\n            100% {\n                transform: translate(0, 0);\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-zk-error * {\n                animation: none;\n            }\n        }\n    ' }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-zk-error-et", children: [(0, jsx_runtime_1.jsx)("rect", { width: 120.691, height: 59.588, rx: 29.794, fill: `url(#${props.id}-zk-error)` }), (0, jsx_runtime_1.jsx)("circle", { cx: 30.298, cy: 29.794, r: 15.1495, fill: "#FFFFFF", style: {
-                        fill: 'var(--zk-eye, #ffffff)',
+                            stopColor: 'var(--g-aikit-mascot-body-edge-color, #ff3377)',
+                        } })] }) }), (0, jsx_runtime_1.jsx)("style", { children: '\n        .g-aikit-mascot-error-eL {\n            animation: g-aikit-mascot-error-errL 800ms cubic-bezier(0.15, 0.6, 0.3, 1) both;\n        }\n        .g-aikit-mascot-error-eR {\n            animation: g-aikit-mascot-error-errR 800ms cubic-bezier(0.15, 0.6, 0.3, 1) both;\n        }\n        @keyframes g-aikit-mascot-error-errL {\n            0.0% {\n                transform: translate(0px, 0px);\n            }\n            2.5% {\n                transform: translate(0.32px, 0.23px);\n            }\n            5.0% {\n                transform: translate(0.24px, 0.74px);\n            }\n            7.5% {\n                transform: translate(-0.36px, 1.11px);\n            }\n            10.0% {\n                transform: translate(-1.25px, 0.91px);\n            }\n            12.5% {\n                transform: translate(-1.91px, 0px);\n            }\n            15.0% {\n                transform: translate(-1.84px, -1.33px);\n            }\n            17.5% {\n                transform: translate(-0.81px, -2.48px);\n            }\n            20.0% {\n                transform: translate(0.91px, -2.8px);\n            }\n            22.5% {\n                transform: translate(2.63px, -1.91px);\n            }\n            25.0% {\n                transform: translate(3.54px, -0px);\n            }\n            27.5% {\n                transform: translate(3.08px, 2.23px);\n            }\n            30.0% {\n                transform: translate(1.25px, 3.85px);\n            }\n            32.5% {\n                transform: translate(-1.32px, 4.05px);\n            }\n            35.0% {\n                transform: translate(-3.6px, 2.62px);\n            }\n            37.5% {\n                transform: translate(-4.62px, 0px);\n            }\n            40.0% {\n                transform: translate(-3.85px, -2.8px);\n            }\n            42.5% {\n                transform: translate(-1.5px, -4.62px);\n            }\n            45.0% {\n                transform: translate(1.53px, -4.7px);\n            }\n            47.5% {\n                transform: translate(4.03px, -2.93px);\n            }\n            50.0% {\n                transform: translate(5px, -0px);\n            }\n            52.5% {\n                transform: translate(4.03px, 2.93px);\n            }\n            55.0% {\n                transform: translate(1.53px, 4.7px);\n            }\n            57.5% {\n                transform: translate(-1.5px, 4.62px);\n            }\n            60.0% {\n                transform: translate(-3.85px, 2.8px);\n            }\n            62.5% {\n                transform: translate(-4.62px, 0px);\n            }\n            65.0% {\n                transform: translate(-3.6px, -2.62px);\n            }\n            67.5% {\n                transform: translate(-1.32px, -4.05px);\n            }\n            70.0% {\n                transform: translate(1.25px, -3.85px);\n            }\n            72.5% {\n                transform: translate(3.08px, -2.23px);\n            }\n            75.0% {\n                transform: translate(3.54px, -0px);\n            }\n            77.5% {\n                transform: translate(2.63px, 1.91px);\n            }\n            80.0% {\n                transform: translate(0.91px, 2.8px);\n            }\n            82.5% {\n                transform: translate(-0.81px, 2.48px);\n            }\n            85.0% {\n                transform: translate(-1.84px, 1.33px);\n            }\n            87.5% {\n                transform: translate(-1.91px, 0px);\n            }\n            90.0% {\n                transform: translate(-1.25px, -0.91px);\n            }\n            92.5% {\n                transform: translate(-0.36px, -1.11px);\n            }\n            95.0% {\n                transform: translate(0.24px, -0.74px);\n            }\n            97.5% {\n                transform: translate(0.32px, -0.23px);\n            }\n            100.0% {\n                transform: translate(0px, -0px);\n            }\n        }\n        @keyframes g-aikit-mascot-error-errR {\n            0.0% {\n                transform: translate(0px, 0px);\n            }\n            1.9% {\n                transform: translate(0.24px, -0.17px);\n            }\n            3.7% {\n                transform: translate(0.18px, -0.55px);\n            }\n            5.6% {\n                transform: translate(-0.27px, -0.83px);\n            }\n            7.4% {\n                transform: translate(-0.93px, -0.68px);\n            }\n            9.3% {\n                transform: translate(-1.43px, -0px);\n            }\n            11.1% {\n                transform: translate(-1.38px, 1.01px);\n            }\n            13.0% {\n                transform: translate(-0.61px, 1.88px);\n            }\n            14.8% {\n                transform: translate(0.69px, 2.13px);\n            }\n            16.7% {\n                transform: translate(2.02px, 1.47px);\n            }\n            18.5% {\n                transform: translate(2.75px, 0px);\n            }\n            20.4% {\n                transform: translate(2.42px, -1.76px);\n            }\n            22.2% {\n                transform: translate(0.99px, -3.06px);\n            }\n            24.1% {\n                transform: translate(-1.06px, -3.26px);\n            }\n            25.9% {\n                transform: translate(-2.94px, -2.14px);\n            }\n            27.8% {\n                transform: translate(-3.83px, 0px);\n            }\n            29.6% {\n                transform: translate(-3.24px, 2.36px);\n            }\n            31.5% {\n                transform: translate(-1.29px, 3.97px);\n            }\n            33.3% {\n                transform: translate(1.34px, 4.12px);\n            }\n            35.2% {\n                transform: translate(3.61px, 2.63px);\n            }\n            37.0% {\n                transform: translate(4.59px, 0px);\n            }\n            38.9% {\n                transform: translate(3.8px, -2.76px);\n            }\n            40.7% {\n                transform: translate(1.48px, -4.56px);\n            }\n            42.6% {\n                transform: translate(-1.5px, -4.63px);\n            }\n            44.4% {\n                transform: translate(-3.98px, -2.89px);\n            }\n            46.3% {\n                transform: translate(-4.97px, -0px);\n            }\n            48.1% {\n                transform: translate(-4.04px, 2.93px);\n            }\n            50.0% {\n                transform: translate(-1.55px, 4.76px);\n            }\n            51.9% {\n                transform: translate(1.54px, 4.75px);\n            }\n            53.7% {\n                transform: translate(4.02px, 2.92px);\n            }\n            55.6% {\n                transform: translate(4.92px, -0px);\n            }\n            57.4% {\n                transform: translate(3.94px, -2.86px);\n            }\n            59.3% {\n                transform: translate(1.48px, -4.56px);\n            }\n            61.1% {\n                transform: translate(-1.45px, -4.47px);\n            }\n            63.0% {\n                transform: translate(-3.71px, -2.7px);\n            }\n            64.8% {\n                transform: translate(-4.47px, -0px);\n            }\n            66.7% {\n                transform: translate(-3.5px, 2.55px);\n            }\n            68.5% {\n                transform: translate(-1.29px, 3.97px);\n            }\n            70.4% {\n                transform: translate(1.24px, 3.81px);\n            }\n            72.2% {\n                transform: translate(3.1px, 2.25px);\n            }\n            74.1% {\n                transform: translate(3.64px, 0px);\n            }\n            75.9% {\n                transform: translate(2.78px, -2.02px);\n            }\n            77.8% {\n                transform: translate(0.99px, -3.06px);\n            }\n            79.6% {\n                transform: translate(-0.92px, -2.84px);\n            }\n            81.5% {\n                transform: translate(-2.22px, -1.61px);\n            }\n            83.3% {\n                transform: translate(-2.5px, 0px);\n            }\n            85.2% {\n                transform: translate(-1.82px, 1.32px);\n            }\n            87.0% {\n                transform: translate(-0.61px, 1.88px);\n            }\n            88.9% {\n                transform: translate(0.53px, 1.63px);\n            }\n            90.7% {\n                transform: translate(1.16px, 0.84px);\n            }\n            92.6% {\n                transform: translate(1.15px, 0px);\n            }\n            94.4% {\n                transform: translate(0.7px, -0.51px);\n            }\n            96.3% {\n                transform: translate(0.18px, -0.55px);\n            }\n            98.1% {\n                transform: translate(-0.09px, -0.28px);\n            }\n            100.0% {\n                transform: translate(-0px, -0px);\n            }\n        }\n        .g-aikit-mascot-error-et {\n            animation: g-aikit-mascot-error-errTr 800ms linear both;\n        }\n        @keyframes g-aikit-mascot-error-errTr {\n            0% {\n                transform: translate(0, 0);\n            }\n            8% {\n                transform: translate(5px, -4px);\n            }\n            20% {\n                transform: translate(-5px, 3px);\n            }\n            32% {\n                transform: translate(4px, 5px);\n            }\n            46% {\n                transform: translate(-3px, -5px);\n            }\n            62% {\n                transform: translate(2px, 2px);\n            }\n            80% {\n                transform: translate(-1px, 1px);\n            }\n            100% {\n                transform: translate(0, 0);\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-mascot-error * {\n                animation: none;\n            }\n        }\n    ' }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-mascot-error-et", children: [(0, jsx_runtime_1.jsx)("rect", { width: 120.691, height: 59.588, rx: 29.794, fill: `url(#${props.id}-zk-error)` }), (0, jsx_runtime_1.jsx)("circle", { cx: 30.298, cy: 29.794, r: 15.1495, fill: "#FFFFFF", style: {
+                        fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',
                     } }), (0, jsx_runtime_1.jsx)("circle", { cx: 90.897, cy: 29.794, r: 15.1495, fill: "#FFFFFF", style: {
-                        fill: 'var(--zk-eye, #ffffff)',
-                    } }), (0, jsx_runtime_1.jsx)("g", { className: "g-aikit-zk-error-eL", children: (0, jsx_runtime_1.jsx)("circle", { cx: 30.298, cy: 29.794, r: 7.5752, fill: "#000000", style: {
-                            fill: 'var(--zk-pup, #000000)',
-                        } }) }), (0, jsx_runtime_1.jsx)("g", { className: "g-aikit-zk-error-eR", children: (0, jsx_runtime_1.jsx)("circle", { cx: 90.897, cy: 29.794, r: 7.5752, fill: "#000000", style: {
-                            fill: 'var(--zk-pup, #000000)',
+                        fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',
+                    } }), (0, jsx_runtime_1.jsx)("g", { className: "g-aikit-mascot-error-eL", children: (0, jsx_runtime_1.jsx)("circle", { cx: 30.298, cy: 29.794, r: 7.5752, fill: "#000000", style: {
+                            fill: 'var(--g-aikit-mascot-pupil-color, #000000)',
+                        } }) }), (0, jsx_runtime_1.jsx)("g", { className: "g-aikit-mascot-error-eR", children: (0, jsx_runtime_1.jsx)("circle", { cx: 90.897, cy: 29.794, r: 7.5752, fill: "#000000", style: {
+                            fill: 'var(--g-aikit-mascot-pupil-color, #000000)',
                         } }) })] })] })));
 exports.default = Error;
 //# sourceMappingURL=error.js.map

package/build/cjs/components/pages/ChatContainer/assets/generated/error.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"error.js","sourceRoot":"../../../../../../../src","sources":["components/pages/ChatContainer/assets/generated/error.tsx"],"names":[],"mappings":";;;AAEA,MAAM,KAAK,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC9C,+CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,kBAAkB,gBACjB,uBAAuB,IAC9B,KAAK,eAET,2CACI,4CACI,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,WAAW,EAC1B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,8DAA8D,aAEhF,iCACI,MAAM,EAAE,SAAS,EACjB,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,uBAAuB;yBACrC,GACH,EACF,iCACI,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,uBAAuB;yBACrC,GACH,IACW,GACd,EACP,4CAEQ,m2TAAm2T,GAEn2T,EACR,+BAAG,SAAS,EAAC,qBAAqB,aAC9B,iCAAM,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,CAAC,EAAE,YAAY,GAAI,EACxF,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,OAAO,EACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,wBAAwB;qBACjC,GACH,EACF,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,OAAO,EACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,wBAAwB;qBACjC,GACH,EACF,8BAAG,SAAS,EAAC,qBAAqB,YAC9B,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;4BACH,IAAI,EAAE,wBAAwB;yBACjC,GACH,GACF,EACJ,8BAAG,SAAS,EAAC,qBAAqB,YAC9B,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;4BACH,IAAI,EAAE,wBAAwB;yBACjC,GACH,GACF,IACJ,KACF,CACT,CAAC;AACF,kBAAe,KAAK,CAAC","sourcesContent":["// Generated from ../error.svg. Edit the SVG source instead.\nimport type {SVGProps} from 'react';\nconst Error = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-12 -16 145 92\"\n role=\"img\"\n className=\"g-aikit-zk-error\"\n aria-label=\"Gravity mascot: error\"\n {...props}\n >\n <defs>\n <radialGradient\n id={`${props.id}-zk-error`}\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)\"\n >\n <stop\n offset={0.0287184}\n stopColor=\"#FFFF00\"\n style={{\n stopColor: 'var(--zk-b1, #ffff00)',\n }}\n />\n <stop\n offset={1}\n stopColor=\"#FF3377\"\n style={{\n stopColor: 'var(--zk-b2, #ff3377)',\n }}\n />\n </radialGradient>\n </defs>\n <style>\n {\n '\\n .g-aikit-zk-error-eL {\\n animation: g-aikit-zk-error-errL 800ms cubic-bezier(0.15, 0.6, 0.3, 1) both;\\n }\\n .g-aikit-zk-error-eR {\\n animation: g-aikit-zk-error-errR 800ms cubic-bezier(0.15, 0.6, 0.3, 1) both;\\n }\\n @keyframes g-aikit-zk-error-errL {\\n 0.0% {\\n transform: translate(0px, 0px);\\n }\\n 2.5% {\\n transform: translate(0.32px, 0.23px);\\n }\\n 5.0% {\\n transform: translate(0.24px, 0.74px);\\n }\\n 7.5% {\\n transform: translate(-0.36px, 1.11px);\\n }\\n 10.0% {\\n transform: translate(-1.25px, 0.91px);\\n }\\n 12.5% {\\n transform: translate(-1.91px, 0px);\\n }\\n 15.0% {\\n transform: translate(-1.84px, -1.33px);\\n }\\n 17.5% {\\n transform: translate(-0.81px, -2.48px);\\n }\\n 20.0% {\\n transform: translate(0.91px, -2.8px);\\n }\\n 22.5% {\\n transform: translate(2.63px, -1.91px);\\n }\\n 25.0% {\\n transform: translate(3.54px, -0px);\\n }\\n 27.5% {\\n transform: translate(3.08px, 2.23px);\\n }\\n 30.0% {\\n transform: translate(1.25px, 3.85px);\\n }\\n 32.5% {\\n transform: translate(-1.32px, 4.05px);\\n }\\n 35.0% {\\n transform: translate(-3.6px, 2.62px);\\n }\\n 37.5% {\\n transform: translate(-4.62px, 0px);\\n }\\n 40.0% {\\n transform: translate(-3.85px, -2.8px);\\n }\\n 42.5% {\\n transform: translate(-1.5px, -4.62px);\\n }\\n 45.0% {\\n transform: translate(1.53px, -4.7px);\\n }\\n 47.5% {\\n transform: translate(4.03px, -2.93px);\\n }\\n 50.0% {\\n transform: translate(5px, -0px);\\n }\\n 52.5% {\\n transform: translate(4.03px, 2.93px);\\n }\\n 55.0% {\\n transform: translate(1.53px, 4.7px);\\n }\\n 57.5% {\\n transform: translate(-1.5px, 4.62px);\\n }\\n 60.0% {\\n transform: translate(-3.85px, 2.8px);\\n }\\n 62.5% {\\n transform: translate(-4.62px, 0px);\\n }\\n 65.0% {\\n transform: translate(-3.6px, -2.62px);\\n }\\n 67.5% {\\n transform: translate(-1.32px, -4.05px);\\n }\\n 70.0% {\\n transform: translate(1.25px, -3.85px);\\n }\\n 72.5% {\\n transform: translate(3.08px, -2.23px);\\n }\\n 75.0% {\\n transform: translate(3.54px, -0px);\\n }\\n 77.5% {\\n transform: translate(2.63px, 1.91px);\\n }\\n 80.0% {\\n transform: translate(0.91px, 2.8px);\\n }\\n 82.5% {\\n transform: translate(-0.81px, 2.48px);\\n }\\n 85.0% {\\n transform: translate(-1.84px, 1.33px);\\n }\\n 87.5% {\\n transform: translate(-1.91px, 0px);\\n }\\n 90.0% {\\n transform: translate(-1.25px, -0.91px);\\n }\\n 92.5% {\\n transform: translate(-0.36px, -1.11px);\\n }\\n 95.0% {\\n transform: translate(0.24px, -0.74px);\\n }\\n 97.5% {\\n transform: translate(0.32px, -0.23px);\\n }\\n 100.0% {\\n transform: translate(0px, -0px);\\n }\\n }\\n @keyframes g-aikit-zk-error-errR {\\n 0.0% {\\n transform: translate(0px, 0px);\\n }\\n 1.9% {\\n transform: translate(0.24px, -0.17px);\\n }\\n 3.7% {\\n transform: translate(0.18px, -0.55px);\\n }\\n 5.6% {\\n transform: translate(-0.27px, -0.83px);\\n }\\n 7.4% {\\n transform: translate(-0.93px, -0.68px);\\n }\\n 9.3% {\\n transform: translate(-1.43px, -0px);\\n }\\n 11.1% {\\n transform: translate(-1.38px, 1.01px);\\n }\\n 13.0% {\\n transform: translate(-0.61px, 1.88px);\\n }\\n 14.8% {\\n transform: translate(0.69px, 2.13px);\\n }\\n 16.7% {\\n transform: translate(2.02px, 1.47px);\\n }\\n 18.5% {\\n transform: translate(2.75px, 0px);\\n }\\n 20.4% {\\n transform: translate(2.42px, -1.76px);\\n }\\n 22.2% {\\n transform: translate(0.99px, -3.06px);\\n }\\n 24.1% {\\n transform: translate(-1.06px, -3.26px);\\n }\\n 25.9% {\\n transform: translate(-2.94px, -2.14px);\\n }\\n 27.8% {\\n transform: translate(-3.83px, 0px);\\n }\\n 29.6% {\\n transform: translate(-3.24px, 2.36px);\\n }\\n 31.5% {\\n transform: translate(-1.29px, 3.97px);\\n }\\n 33.3% {\\n transform: translate(1.34px, 4.12px);\\n }\\n 35.2% {\\n transform: translate(3.61px, 2.63px);\\n }\\n 37.0% {\\n transform: translate(4.59px, 0px);\\n }\\n 38.9% {\\n transform: translate(3.8px, -2.76px);\\n }\\n 40.7% {\\n transform: translate(1.48px, -4.56px);\\n }\\n 42.6% {\\n transform: translate(-1.5px, -4.63px);\\n }\\n 44.4% {\\n transform: translate(-3.98px, -2.89px);\\n }\\n 46.3% {\\n transform: translate(-4.97px, -0px);\\n }\\n 48.1% {\\n transform: translate(-4.04px, 2.93px);\\n }\\n 50.0% {\\n transform: translate(-1.55px, 4.76px);\\n }\\n 51.9% {\\n transform: translate(1.54px, 4.75px);\\n }\\n 53.7% {\\n transform: translate(4.02px, 2.92px);\\n }\\n 55.6% {\\n transform: translate(4.92px, -0px);\\n }\\n 57.4% {\\n transform: translate(3.94px, -2.86px);\\n }\\n 59.3% {\\n transform: translate(1.48px, -4.56px);\\n }\\n 61.1% {\\n transform: translate(-1.45px, -4.47px);\\n }\\n 63.0% {\\n transform: translate(-3.71px, -2.7px);\\n }\\n 64.8% {\\n transform: translate(-4.47px, -0px);\\n }\\n 66.7% {\\n transform: translate(-3.5px, 2.55px);\\n }\\n 68.5% {\\n transform: translate(-1.29px, 3.97px);\\n }\\n 70.4% {\\n transform: translate(1.24px, 3.81px);\\n }\\n 72.2% {\\n transform: translate(3.1px, 2.25px);\\n }\\n 74.1% {\\n transform: translate(3.64px, 0px);\\n }\\n 75.9% {\\n transform: translate(2.78px, -2.02px);\\n }\\n 77.8% {\\n transform: translate(0.99px, -3.06px);\\n }\\n 79.6% {\\n transform: translate(-0.92px, -2.84px);\\n }\\n 81.5% {\\n transform: translate(-2.22px, -1.61px);\\n }\\n 83.3% {\\n transform: translate(-2.5px, 0px);\\n }\\n 85.2% {\\n transform: translate(-1.82px, 1.32px);\\n }\\n 87.0% {\\n transform: translate(-0.61px, 1.88px);\\n }\\n 88.9% {\\n transform: translate(0.53px, 1.63px);\\n }\\n 90.7% {\\n transform: translate(1.16px, 0.84px);\\n }\\n 92.6% {\\n transform: translate(1.15px, 0px);\\n }\\n 94.4% {\\n transform: translate(0.7px, -0.51px);\\n }\\n 96.3% {\\n transform: translate(0.18px, -0.55px);\\n }\\n 98.1% {\\n transform: translate(-0.09px, -0.28px);\\n }\\n 100.0% {\\n transform: translate(-0px, -0px);\\n }\\n }\\n .g-aikit-zk-error-et {\\n animation: g-aikit-zk-error-errTr 800ms linear both;\\n }\\n @keyframes g-aikit-zk-error-errTr {\\n 0% {\\n transform: translate(0, 0);\\n }\\n 8% {\\n transform: translate(5px, -4px);\\n }\\n 20% {\\n transform: translate(-5px, 3px);\\n }\\n 32% {\\n transform: translate(4px, 5px);\\n }\\n 46% {\\n transform: translate(-3px, -5px);\\n }\\n 62% {\\n transform: translate(2px, 2px);\\n }\\n 80% {\\n transform: translate(-1px, 1px);\\n }\\n 100% {\\n transform: translate(0, 0);\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-zk-error * {\\n animation: none;\\n }\\n }\\n '\n }\n </style>\n <g className=\"g-aikit-zk-error-et\">\n <rect width={120.691} height={59.588} rx={29.794} fill={`url(#${props.id}-zk-error)`} />\n <circle\n cx={30.298}\n cy={29.794}\n r={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--zk-eye, #ffffff)',\n }}\n />\n <circle\n cx={90.897}\n cy={29.794}\n r={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--zk-eye, #ffffff)',\n }}\n />\n <g className=\"g-aikit-zk-error-eL\">\n <circle\n cx={30.298}\n cy={29.794}\n r={7.5752}\n fill=\"#000000\"\n style={{\n fill: 'var(--zk-pup, #000000)',\n }}\n />\n </g>\n <g className=\"g-aikit-zk-error-eR\">\n <circle\n cx={90.897}\n cy={29.794}\n r={7.5752}\n fill=\"#000000\"\n style={{\n fill: 'var(--zk-pup, #000000)',\n }}\n />\n </g>\n </g>\n </svg>\n);\nexport default Error;\n"]}
1	+ {"version":3,"file":"error.js","sourceRoot":"../../../../../../../src","sources":["components/pages/ChatContainer/assets/generated/error.tsx"],"names":[],"mappings":";;;AAEA,MAAM,KAAK,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC9C,+CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,gBAAgB,EACxB,SAAS,EAAC,sBAAsB,IAC5B,KAAK,eAET,2CACI,4CACI,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,WAAW,EAC1B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,8DAA8D,aAEhF,iCACI,MAAM,EAAE,SAAS,EACjB,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,kDAAkD;yBAChE,GACH,EACF,iCACI,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;4BACH,SAAS,EAAE,gDAAgD;yBAC9D,GACH,IACW,GACd,EACP,4CAEQ,24TAA24T,GAE34T,EACR,+BAAG,SAAS,EAAC,yBAAyB,aAClC,iCAAM,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,CAAC,EAAE,YAAY,GAAI,EACxF,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,OAAO,EACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,0CAA0C;qBACnD,GACH,EACF,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,OAAO,EACV,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACH,IAAI,EAAE,0CAA0C;qBACnD,GACH,EACF,8BAAG,SAAS,EAAC,yBAAyB,YAClC,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;4BACH,IAAI,EAAE,4CAA4C;yBACrD,GACH,GACF,EACJ,8BAAG,SAAS,EAAC,yBAAyB,YAClC,mCACI,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;4BACH,IAAI,EAAE,4CAA4C;yBACrD,GACH,GACF,IACJ,KACF,CACT,CAAC;AACF,kBAAe,KAAK,CAAC","sourcesContent":["// Generated from ../error.svg. Edit the SVG source instead.\nimport type {SVGProps} from 'react';\nconst Error = (props: SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-12 -16 145 92\"\n className=\"g-aikit-mascot-error\"\n {...props}\n >\n <defs>\n <radialGradient\n id={`${props.id}-zk-error`}\n cx={0}\n cy={0}\n r={1}\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)\"\n >\n <stop\n offset={0.0287184}\n stopColor=\"#FFFF00\"\n style={{\n stopColor: 'var(--g-aikit-mascot-body-center-color, #ffff00)',\n }}\n />\n <stop\n offset={1}\n stopColor=\"#FF3377\"\n style={{\n stopColor: 'var(--g-aikit-mascot-body-edge-color, #ff3377)',\n }}\n />\n </radialGradient>\n </defs>\n <style>\n {\n '\\n .g-aikit-mascot-error-eL {\\n animation: g-aikit-mascot-error-errL 800ms cubic-bezier(0.15, 0.6, 0.3, 1) both;\\n }\\n .g-aikit-mascot-error-eR {\\n animation: g-aikit-mascot-error-errR 800ms cubic-bezier(0.15, 0.6, 0.3, 1) both;\\n }\\n @keyframes g-aikit-mascot-error-errL {\\n 0.0% {\\n transform: translate(0px, 0px);\\n }\\n 2.5% {\\n transform: translate(0.32px, 0.23px);\\n }\\n 5.0% {\\n transform: translate(0.24px, 0.74px);\\n }\\n 7.5% {\\n transform: translate(-0.36px, 1.11px);\\n }\\n 10.0% {\\n transform: translate(-1.25px, 0.91px);\\n }\\n 12.5% {\\n transform: translate(-1.91px, 0px);\\n }\\n 15.0% {\\n transform: translate(-1.84px, -1.33px);\\n }\\n 17.5% {\\n transform: translate(-0.81px, -2.48px);\\n }\\n 20.0% {\\n transform: translate(0.91px, -2.8px);\\n }\\n 22.5% {\\n transform: translate(2.63px, -1.91px);\\n }\\n 25.0% {\\n transform: translate(3.54px, -0px);\\n }\\n 27.5% {\\n transform: translate(3.08px, 2.23px);\\n }\\n 30.0% {\\n transform: translate(1.25px, 3.85px);\\n }\\n 32.5% {\\n transform: translate(-1.32px, 4.05px);\\n }\\n 35.0% {\\n transform: translate(-3.6px, 2.62px);\\n }\\n 37.5% {\\n transform: translate(-4.62px, 0px);\\n }\\n 40.0% {\\n transform: translate(-3.85px, -2.8px);\\n }\\n 42.5% {\\n transform: translate(-1.5px, -4.62px);\\n }\\n 45.0% {\\n transform: translate(1.53px, -4.7px);\\n }\\n 47.5% {\\n transform: translate(4.03px, -2.93px);\\n }\\n 50.0% {\\n transform: translate(5px, -0px);\\n }\\n 52.5% {\\n transform: translate(4.03px, 2.93px);\\n }\\n 55.0% {\\n transform: translate(1.53px, 4.7px);\\n }\\n 57.5% {\\n transform: translate(-1.5px, 4.62px);\\n }\\n 60.0% {\\n transform: translate(-3.85px, 2.8px);\\n }\\n 62.5% {\\n transform: translate(-4.62px, 0px);\\n }\\n 65.0% {\\n transform: translate(-3.6px, -2.62px);\\n }\\n 67.5% {\\n transform: translate(-1.32px, -4.05px);\\n }\\n 70.0% {\\n transform: translate(1.25px, -3.85px);\\n }\\n 72.5% {\\n transform: translate(3.08px, -2.23px);\\n }\\n 75.0% {\\n transform: translate(3.54px, -0px);\\n }\\n 77.5% {\\n transform: translate(2.63px, 1.91px);\\n }\\n 80.0% {\\n transform: translate(0.91px, 2.8px);\\n }\\n 82.5% {\\n transform: translate(-0.81px, 2.48px);\\n }\\n 85.0% {\\n transform: translate(-1.84px, 1.33px);\\n }\\n 87.5% {\\n transform: translate(-1.91px, 0px);\\n }\\n 90.0% {\\n transform: translate(-1.25px, -0.91px);\\n }\\n 92.5% {\\n transform: translate(-0.36px, -1.11px);\\n }\\n 95.0% {\\n transform: translate(0.24px, -0.74px);\\n }\\n 97.5% {\\n transform: translate(0.32px, -0.23px);\\n }\\n 100.0% {\\n transform: translate(0px, -0px);\\n }\\n }\\n @keyframes g-aikit-mascot-error-errR {\\n 0.0% {\\n transform: translate(0px, 0px);\\n }\\n 1.9% {\\n transform: translate(0.24px, -0.17px);\\n }\\n 3.7% {\\n transform: translate(0.18px, -0.55px);\\n }\\n 5.6% {\\n transform: translate(-0.27px, -0.83px);\\n }\\n 7.4% {\\n transform: translate(-0.93px, -0.68px);\\n }\\n 9.3% {\\n transform: translate(-1.43px, -0px);\\n }\\n 11.1% {\\n transform: translate(-1.38px, 1.01px);\\n }\\n 13.0% {\\n transform: translate(-0.61px, 1.88px);\\n }\\n 14.8% {\\n transform: translate(0.69px, 2.13px);\\n }\\n 16.7% {\\n transform: translate(2.02px, 1.47px);\\n }\\n 18.5% {\\n transform: translate(2.75px, 0px);\\n }\\n 20.4% {\\n transform: translate(2.42px, -1.76px);\\n }\\n 22.2% {\\n transform: translate(0.99px, -3.06px);\\n }\\n 24.1% {\\n transform: translate(-1.06px, -3.26px);\\n }\\n 25.9% {\\n transform: translate(-2.94px, -2.14px);\\n }\\n 27.8% {\\n transform: translate(-3.83px, 0px);\\n }\\n 29.6% {\\n transform: translate(-3.24px, 2.36px);\\n }\\n 31.5% {\\n transform: translate(-1.29px, 3.97px);\\n }\\n 33.3% {\\n transform: translate(1.34px, 4.12px);\\n }\\n 35.2% {\\n transform: translate(3.61px, 2.63px);\\n }\\n 37.0% {\\n transform: translate(4.59px, 0px);\\n }\\n 38.9% {\\n transform: translate(3.8px, -2.76px);\\n }\\n 40.7% {\\n transform: translate(1.48px, -4.56px);\\n }\\n 42.6% {\\n transform: translate(-1.5px, -4.63px);\\n }\\n 44.4% {\\n transform: translate(-3.98px, -2.89px);\\n }\\n 46.3% {\\n transform: translate(-4.97px, -0px);\\n }\\n 48.1% {\\n transform: translate(-4.04px, 2.93px);\\n }\\n 50.0% {\\n transform: translate(-1.55px, 4.76px);\\n }\\n 51.9% {\\n transform: translate(1.54px, 4.75px);\\n }\\n 53.7% {\\n transform: translate(4.02px, 2.92px);\\n }\\n 55.6% {\\n transform: translate(4.92px, -0px);\\n }\\n 57.4% {\\n transform: translate(3.94px, -2.86px);\\n }\\n 59.3% {\\n transform: translate(1.48px, -4.56px);\\n }\\n 61.1% {\\n transform: translate(-1.45px, -4.47px);\\n }\\n 63.0% {\\n transform: translate(-3.71px, -2.7px);\\n }\\n 64.8% {\\n transform: translate(-4.47px, -0px);\\n }\\n 66.7% {\\n transform: translate(-3.5px, 2.55px);\\n }\\n 68.5% {\\n transform: translate(-1.29px, 3.97px);\\n }\\n 70.4% {\\n transform: translate(1.24px, 3.81px);\\n }\\n 72.2% {\\n transform: translate(3.1px, 2.25px);\\n }\\n 74.1% {\\n transform: translate(3.64px, 0px);\\n }\\n 75.9% {\\n transform: translate(2.78px, -2.02px);\\n }\\n 77.8% {\\n transform: translate(0.99px, -3.06px);\\n }\\n 79.6% {\\n transform: translate(-0.92px, -2.84px);\\n }\\n 81.5% {\\n transform: translate(-2.22px, -1.61px);\\n }\\n 83.3% {\\n transform: translate(-2.5px, 0px);\\n }\\n 85.2% {\\n transform: translate(-1.82px, 1.32px);\\n }\\n 87.0% {\\n transform: translate(-0.61px, 1.88px);\\n }\\n 88.9% {\\n transform: translate(0.53px, 1.63px);\\n }\\n 90.7% {\\n transform: translate(1.16px, 0.84px);\\n }\\n 92.6% {\\n transform: translate(1.15px, 0px);\\n }\\n 94.4% {\\n transform: translate(0.7px, -0.51px);\\n }\\n 96.3% {\\n transform: translate(0.18px, -0.55px);\\n }\\n 98.1% {\\n transform: translate(-0.09px, -0.28px);\\n }\\n 100.0% {\\n transform: translate(-0px, -0px);\\n }\\n }\\n .g-aikit-mascot-error-et {\\n animation: g-aikit-mascot-error-errTr 800ms linear both;\\n }\\n @keyframes g-aikit-mascot-error-errTr {\\n 0% {\\n transform: translate(0, 0);\\n }\\n 8% {\\n transform: translate(5px, -4px);\\n }\\n 20% {\\n transform: translate(-5px, 3px);\\n }\\n 32% {\\n transform: translate(4px, 5px);\\n }\\n 46% {\\n transform: translate(-3px, -5px);\\n }\\n 62% {\\n transform: translate(2px, 2px);\\n }\\n 80% {\\n transform: translate(-1px, 1px);\\n }\\n 100% {\\n transform: translate(0, 0);\\n }\\n }\\n @media (prefers-reduced-motion: reduce) {\\n .g-aikit-mascot-error * {\\n animation: none;\\n }\\n }\\n '\n }\n </style>\n <g className=\"g-aikit-mascot-error-et\">\n <rect width={120.691} height={59.588} rx={29.794} fill={`url(#${props.id}-zk-error)`} />\n <circle\n cx={30.298}\n cy={29.794}\n r={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',\n }}\n />\n <circle\n cx={90.897}\n cy={29.794}\n r={15.1495}\n fill=\"#FFFFFF\"\n style={{\n fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',\n }}\n />\n <g className=\"g-aikit-mascot-error-eL\">\n <circle\n cx={30.298}\n cy={29.794}\n r={7.5752}\n fill=\"#000000\"\n style={{\n fill: 'var(--g-aikit-mascot-pupil-color, #000000)',\n }}\n />\n </g>\n <g className=\"g-aikit-mascot-error-eR\">\n <circle\n cx={90.897}\n cy={29.794}\n r={7.5752}\n fill=\"#000000\"\n style={{\n fill: 'var(--g-aikit-mascot-pupil-color, #000000)',\n }}\n />\n </g>\n </g>\n </svg>\n);\nexport default Error;\n"]}

package/build/cjs/components/pages/ChatContainer/assets/generated/hero-idle.js CHANGED Viewed

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const HeroIdle = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "-10 -10 141 80", role: "img", className: "g-aikit-zk-heroIdle", "aria-label": "Gravity mascot: hero idle" }, props, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", { id: `${props.id}-zk-heroIdle`, cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: 0.0287184, stopColor: "#FFFF00", style: {
-                            stopColor: 'var(--zk-b1, #ffff00)',
+const HeroIdle = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "-10 -10 141 80", className: "g-aikit-mascot-heroIdle" }, props, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", { id: `${props.id}-zk-heroIdle`, cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26.726 5.134) rotate(33.6363) scale(86.555 72.625)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: 0.0287184, stopColor: "#FFFF00", style: {
+                            stopColor: 'var(--g-aikit-mascot-body-center-color, #ffff00)',
                         }, children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "offset", values: "0.0287;0.14;0.0287", dur: "7s", repeatCount: "indefinite" }) }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#FF3377", style: {
-                            stopColor: 'var(--zk-b2, #ff3377)',
-                        } })] }) }), (0, jsx_runtime_1.jsx)("style", { children: '\n        .g-aikit-zk-heroIdle-bob {\n            transform-box: fill-box;\n            transform-origin: 50% 70%;\n            animation: g-aikit-zk-heroIdle-heroBob 4.6s ease-in-out infinite;\n        }\n        @keyframes g-aikit-zk-heroIdle-heroBob {\n            0%,\n            100% {\n                transform: translateY(0) rotate(-1.4deg);\n            }\n            50% {\n                transform: translateY(-3px) rotate(1.4deg);\n            }\n        }\n        .g-aikit-zk-heroIdle-zk-eyes-x {\n            animation: g-aikit-zk-heroIdle-zk-eyesX 8.5s infinite;\n        }\n        .g-aikit-zk-heroIdle-zk-eyes-y {\n            animation: g-aikit-zk-heroIdle-zk-eyesY 11.56s infinite;\n        }\n        @keyframes g-aikit-zk-heroIdle-zk-eyesX {\n            0.0% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            12.2% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            14.3% {\n                transform: translateX(3.74px);\n                animation-timing-function: linear;\n            }\n            26.5% {\n                transform: translateX(3.74px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            28.6% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            40.7% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            42.9% {\n                transform: translateX(-3.28px);\n                animation-timing-function: linear;\n            }\n            55.0% {\n                transform: translateX(-3.28px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            57.1% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            69.3% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            71.4% {\n                transform: translateX(2.34px);\n                animation-timing-function: linear;\n            }\n            83.6% {\n                transform: translateX(2.34px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            85.7% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            97.9% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            100% {\n                transform: translateX(0px);\n            }\n        }\n        @keyframes g-aikit-zk-heroIdle-zk-eyesY {\n            0.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            17.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            20.0% {\n                transform: translateY(-1.54px);\n                animation-timing-function: linear;\n            }\n            37.0% {\n                transform: translateY(-1.54px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            40.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            57.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            60.0% {\n                transform: translateY(1.29px);\n                animation-timing-function: linear;\n            }\n            77.0% {\n                transform: translateY(1.29px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            80.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            97.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n        .g-aikit-zk-heroIdle-blink {\n            transform-box: fill-box;\n            transform-origin: 50% 50%;\n            animation: g-aikit-zk-heroIdle-blink 9s infinite;\n        }\n        @keyframes g-aikit-zk-heroIdle-blink {\n            0%,\n            12% {\n                transform: scaleY(1);\n            }\n            13.5% {\n                transform: scaleY(0.08);\n            }\n            15% {\n                transform: scaleY(1);\n            }\n            40% {\n                transform: scaleY(1);\n            }\n            41.5% {\n                transform: scaleY(0.08);\n            }\n            43% {\n                transform: scaleY(1);\n            }\n            43.7% {\n                transform: scaleY(1);\n            }\n            45.2% {\n                transform: scaleY(0.08);\n            }\n            46.7% {\n                transform: scaleY(1);\n            }\n            72% {\n                transform: scaleY(1);\n            }\n            73.5% {\n                transform: scaleY(0.08);\n            }\n            75% {\n                transform: scaleY(1);\n            }\n            100% {\n                transform: scaleY(1);\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-zk-heroIdle-bob,\n            .g-aikit-zk-heroIdle-zk-eyes-x,\n            .g-aikit-zk-heroIdle-zk-eyes-y,\n            .g-aikit-zk-heroIdle-blink {\n                animation: none;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-zk-heroIdle * {\n                animation: none;\n            }\n        }\n    ' }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-zk-heroIdle-bob", children: [(0, jsx_runtime_1.jsx)("rect", { width: 120.691, height: 59.588, rx: 29.794, fill: `url(#${props.id}-zk-heroIdle)` }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-zk-heroIdle-blink", children: [(0, jsx_runtime_1.jsx)("rect", { x: 75.748, y: 14.6445, width: 30.299, height: 30.299, rx: 15.1495, fill: "#FFFFFF", style: {
-                                fill: 'var(--zk-eye, #ffffff)',
+                            stopColor: 'var(--g-aikit-mascot-body-edge-color, #ff3377)',
+                        } })] }) }), (0, jsx_runtime_1.jsx)("style", { children: '\n        .g-aikit-mascot-heroIdle-bob {\n            transform-box: fill-box;\n            transform-origin: 50% 70%;\n            animation: g-aikit-mascot-heroIdle-heroBob 4.6s ease-in-out infinite;\n        }\n        @keyframes g-aikit-mascot-heroIdle-heroBob {\n            0%,\n            100% {\n                transform: translateY(0) rotate(-1.4deg);\n            }\n            50% {\n                transform: translateY(-3px) rotate(1.4deg);\n            }\n        }\n        .g-aikit-mascot-heroIdle-zk-eyes-x {\n            animation: g-aikit-mascot-heroIdle-zk-eyesX 8.5s infinite;\n        }\n        .g-aikit-mascot-heroIdle-zk-eyes-y {\n            animation: g-aikit-mascot-heroIdle-zk-eyesY 11.56s infinite;\n        }\n        @keyframes g-aikit-mascot-heroIdle-zk-eyesX {\n            0.0% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            12.2% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            14.3% {\n                transform: translateX(3.74px);\n                animation-timing-function: linear;\n            }\n            26.5% {\n                transform: translateX(3.74px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            28.6% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            40.7% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            42.9% {\n                transform: translateX(-3.28px);\n                animation-timing-function: linear;\n            }\n            55.0% {\n                transform: translateX(-3.28px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            57.1% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            69.3% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            71.4% {\n                transform: translateX(2.34px);\n                animation-timing-function: linear;\n            }\n            83.6% {\n                transform: translateX(2.34px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            85.7% {\n                transform: translateX(0px);\n                animation-timing-function: linear;\n            }\n            97.9% {\n                transform: translateX(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            100% {\n                transform: translateX(0px);\n            }\n        }\n        @keyframes g-aikit-mascot-heroIdle-zk-eyesY {\n            0.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            17.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            20.0% {\n                transform: translateY(-1.54px);\n                animation-timing-function: linear;\n            }\n            37.0% {\n                transform: translateY(-1.54px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            40.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            57.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            60.0% {\n                transform: translateY(1.29px);\n                animation-timing-function: linear;\n            }\n            77.0% {\n                transform: translateY(1.29px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            80.0% {\n                transform: translateY(0px);\n                animation-timing-function: linear;\n            }\n            97.0% {\n                transform: translateY(0px);\n                animation-timing-function: cubic-bezier(0.34, 0.7, 0.32, 1);\n            }\n            100% {\n                transform: translateY(0px);\n            }\n        }\n        .g-aikit-mascot-heroIdle-blink {\n            transform-box: fill-box;\n            transform-origin: 50% 50%;\n            animation: g-aikit-mascot-heroIdle-blink 9s infinite;\n        }\n        @keyframes g-aikit-mascot-heroIdle-blink {\n            0%,\n            12% {\n                transform: scaleY(1);\n            }\n            13.5% {\n                transform: scaleY(0.08);\n            }\n            15% {\n                transform: scaleY(1);\n            }\n            40% {\n                transform: scaleY(1);\n            }\n            41.5% {\n                transform: scaleY(0.08);\n            }\n            43% {\n                transform: scaleY(1);\n            }\n            43.7% {\n                transform: scaleY(1);\n            }\n            45.2% {\n                transform: scaleY(0.08);\n            }\n            46.7% {\n                transform: scaleY(1);\n            }\n            72% {\n                transform: scaleY(1);\n            }\n            73.5% {\n                transform: scaleY(0.08);\n            }\n            75% {\n                transform: scaleY(1);\n            }\n            100% {\n                transform: scaleY(1);\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-mascot-heroIdle-bob,\n            .g-aikit-mascot-heroIdle-zk-eyes-x,\n            .g-aikit-mascot-heroIdle-zk-eyes-y,\n            .g-aikit-mascot-heroIdle-blink {\n                animation: none;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .g-aikit-mascot-heroIdle * {\n                animation: none;\n            }\n        }\n    ' }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-mascot-heroIdle-bob", children: [(0, jsx_runtime_1.jsx)("rect", { width: 120.691, height: 59.588, rx: 29.794, fill: `url(#${props.id}-zk-heroIdle)` }), (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-mascot-heroIdle-blink", children: [(0, jsx_runtime_1.jsx)("rect", { x: 75.748, y: 14.6445, width: 30.299, height: 30.299, rx: 15.1495, fill: "#FFFFFF", style: {
+                                fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',
                             } }), (0, jsx_runtime_1.jsx)("rect", { x: 15.1484, y: 14.6445, width: 30.299, height: 30.299, rx: 15.1495, fill: "#FFFFFF", style: {
-                                fill: 'var(--zk-eye, #ffffff)',
-                            } }), (0, jsx_runtime_1.jsx)("g", { className: "g-aikit-zk-heroIdle-zk-eyes-x", children: (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-zk-heroIdle-zk-eyes-y", children: [(0, jsx_runtime_1.jsx)("rect", { x: 22.7227, y: 22.2188, width: 15.1504, height: 15.1504, rx: 7.57519, fill: "#000000", style: {
-                                            fill: 'var(--zk-pup, #000000)',
+                                fill: 'var(--g-aikit-mascot-eye-color, #ffffff)',
+                            } }), (0, jsx_runtime_1.jsx)("g", { className: "g-aikit-mascot-heroIdle-zk-eyes-x", children: (0, jsx_runtime_1.jsxs)("g", { className: "g-aikit-mascot-heroIdle-zk-eyes-y", children: [(0, jsx_runtime_1.jsx)("rect", { x: 22.7227, y: 22.2188, width: 15.1504, height: 15.1504, rx: 7.57519, fill: "#000000", style: {
+                                            fill: 'var(--g-aikit-mascot-pupil-color, #000000)',
                                         } }), (0, jsx_runtime_1.jsx)("rect", { x: 83.3223, y: 22.2188, width: 15.1504, height: 15.1504, rx: 7.57519, fill: "#000000", style: {
-                                            fill: 'var(--zk-pup, #000000)',
+                                            fill: 'var(--g-aikit-mascot-pupil-color, #000000)',
                                         } })] }) })] })] })] })));
 exports.default = HeroIdle;
 //# sourceMappingURL=hero-idle.js.map