kaleido-ui 0.1.39 → 0.1.41

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 (3) hide show
  1. package/dist/web/index.cjs +36 -28
  2. package/dist/web/index.js +36 -28
  3. package/package.json +1 -1
package/dist/web/index.cjs CHANGED
@@ -5365,8 +5365,8 @@ var MobileHeroAnimation = ({
5365
5365
  const dy = Math.sin(angle);
5366
5366
  const x1 = C + dx * 28;
5367
5367
  const y1 = C + dy * 28;
5368
- const x2 = C + dx * ORBIT_R;
5369
- const y2 = C + dy * ORBIT_R;
5368
+ const x2 = C + dx * (ORBIT_R - BADGE_HALF);
5369
+ const y2 = C + dy * (ORBIT_R - BADGE_HALF);
5370
5370
  const color = PROTOCOL_COLORS[protocol.network] ?? "#ffffff";
5371
5371
  const dur = `${2 + i * 0.3}s`;
5372
5372
  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { children: [
@@ -5402,32 +5402,39 @@ var MobileHeroAnimation = ({
5402
5402
  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "r", values: "27;36", dur: "3s", repeatCount: "indefinite", begin: "1.5s" }),
5403
5403
  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "opacity", values: "0.3;0", dur: "3s", repeatCount: "indefinite", begin: "1.5s" })
5404
5404
  ] }) }),
5405
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5406
- "path",
5407
- {
5408
- d: hexPath(28),
5409
- transform: `translate(${C},${C})`,
5410
- fill: "none",
5411
- stroke: "url(#mh-gp)",
5412
- strokeWidth: "1.5",
5413
- opacity: "0.4",
5414
- filter: "url(#mh-glow)",
5415
- children: anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
5416
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
5417
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
5418
- ] })
5419
- }
5420
- ),
5421
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5422
- "path",
5423
- {
5424
- d: hexPath(26),
5425
- transform: `translate(${C},${C})`,
5426
- fill: "rgba(10,15,30,0.75)",
5427
- stroke: "rgba(255,255,255,0.08)",
5428
- strokeWidth: "0.5"
5429
- }
5430
- ),
5405
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { children: [
5406
+ anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5407
+ "animateTransform",
5408
+ {
5409
+ attributeName: "transform",
5410
+ type: "rotate",
5411
+ from: "0",
5412
+ to: "360",
5413
+ dur: "40s",
5414
+ repeatCount: "indefinite",
5415
+ additive: "sum"
5416
+ }
5417
+ ),
5418
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: hexPath(34), fill: "none", stroke: "url(#mh-gp)", strokeWidth: "1.5", opacity: "0.4", filter: "url(#mh-glow)", children: anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
5419
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
5420
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
5421
+ ] }) })
5422
+ ] }) }),
5423
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { children: [
5424
+ anim && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
5425
+ "animateTransform",
5426
+ {
5427
+ attributeName: "transform",
5428
+ type: "rotate",
5429
+ from: "0",
5430
+ to: "-360",
5431
+ dur: "40s",
5432
+ repeatCount: "indefinite",
5433
+ additive: "sum"
5434
+ }
5435
+ ),
5436
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: hexPath(32), fill: "rgba(10,15,30,0.75)", stroke: "rgba(255,255,255,0.08)", strokeWidth: "0.5" })
5437
+ ] }) }),
5431
5438
  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { transform: `translate(${C - 19},${C - 19}) scale(0.182)`, children: [
5432
5439
  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M69.7141 207.3H0.908203L35.3243 172.936L69.7141 207.3Z", fill: "#6F32FF" }),
5433
5440
  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M138.441 0.96106V69.767L104.078 35.3508L138.441 0.96106Z", fill: "#17B581" }),
@@ -5473,6 +5480,7 @@ var MobileHeroAnimation = ({
5473
5480
  width: "100%",
5474
5481
  height: "100%",
5475
5482
  borderRadius: "50%",
5483
+ overflow: "hidden",
5476
5484
  background: "rgba(255,255,255,0.05)",
5477
5485
  backdropFilter: "blur(4px)",
5478
5486
  border: `1px solid ${color}55`,
package/dist/web/index.js CHANGED
@@ -5205,8 +5205,8 @@ var MobileHeroAnimation = ({
5205
5205
  const dy = Math.sin(angle);
5206
5206
  const x1 = C + dx * 28;
5207
5207
  const y1 = C + dy * 28;
5208
- const x2 = C + dx * ORBIT_R;
5209
- const y2 = C + dy * ORBIT_R;
5208
+ const x2 = C + dx * (ORBIT_R - BADGE_HALF);
5209
+ const y2 = C + dy * (ORBIT_R - BADGE_HALF);
5210
5210
  const color = PROTOCOL_COLORS[protocol.network] ?? "#ffffff";
5211
5211
  const dur = `${2 + i * 0.3}s`;
5212
5212
  return /* @__PURE__ */ jsxs43("g", { children: [
@@ -5242,32 +5242,39 @@ var MobileHeroAnimation = ({
5242
5242
  /* @__PURE__ */ jsx57("animate", { attributeName: "r", values: "27;36", dur: "3s", repeatCount: "indefinite", begin: "1.5s" }),
5243
5243
  /* @__PURE__ */ jsx57("animate", { attributeName: "opacity", values: "0.3;0", dur: "3s", repeatCount: "indefinite", begin: "1.5s" })
5244
5244
  ] }) }),
5245
- /* @__PURE__ */ jsx57(
5246
- "path",
5247
- {
5248
- d: hexPath(28),
5249
- transform: `translate(${C},${C})`,
5250
- fill: "none",
5251
- stroke: "url(#mh-gp)",
5252
- strokeWidth: "1.5",
5253
- opacity: "0.4",
5254
- filter: "url(#mh-glow)",
5255
- children: anim && /* @__PURE__ */ jsxs43(Fragment12, { children: [
5256
- /* @__PURE__ */ jsx57("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
5257
- /* @__PURE__ */ jsx57("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
5258
- ] })
5259
- }
5260
- ),
5261
- /* @__PURE__ */ jsx57(
5262
- "path",
5263
- {
5264
- d: hexPath(26),
5265
- transform: `translate(${C},${C})`,
5266
- fill: "rgba(10,15,30,0.75)",
5267
- stroke: "rgba(255,255,255,0.08)",
5268
- strokeWidth: "0.5"
5269
- }
5270
- ),
5245
+ /* @__PURE__ */ jsx57("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ jsxs43("g", { children: [
5246
+ anim && /* @__PURE__ */ jsx57(
5247
+ "animateTransform",
5248
+ {
5249
+ attributeName: "transform",
5250
+ type: "rotate",
5251
+ from: "0",
5252
+ to: "360",
5253
+ dur: "40s",
5254
+ repeatCount: "indefinite",
5255
+ additive: "sum"
5256
+ }
5257
+ ),
5258
+ /* @__PURE__ */ jsx57("path", { d: hexPath(34), fill: "none", stroke: "url(#mh-gp)", strokeWidth: "1.5", opacity: "0.4", filter: "url(#mh-glow)", children: anim && /* @__PURE__ */ jsxs43(Fragment12, { children: [
5259
+ /* @__PURE__ */ jsx57("animate", { attributeName: "opacity", values: "0.3;0.65;0.3", dur: "3s", repeatCount: "indefinite" }),
5260
+ /* @__PURE__ */ jsx57("animate", { attributeName: "stroke-width", values: "1.5;2.5;1.5", dur: "3s", repeatCount: "indefinite" })
5261
+ ] }) })
5262
+ ] }) }),
5263
+ /* @__PURE__ */ jsx57("g", { transform: `translate(${C},${C})`, children: /* @__PURE__ */ jsxs43("g", { children: [
5264
+ anim && /* @__PURE__ */ jsx57(
5265
+ "animateTransform",
5266
+ {
5267
+ attributeName: "transform",
5268
+ type: "rotate",
5269
+ from: "0",
5270
+ to: "-360",
5271
+ dur: "40s",
5272
+ repeatCount: "indefinite",
5273
+ additive: "sum"
5274
+ }
5275
+ ),
5276
+ /* @__PURE__ */ jsx57("path", { d: hexPath(32), fill: "rgba(10,15,30,0.75)", stroke: "rgba(255,255,255,0.08)", strokeWidth: "0.5" })
5277
+ ] }) }),
5271
5278
  /* @__PURE__ */ jsxs43("g", { transform: `translate(${C - 19},${C - 19}) scale(0.182)`, children: [
5272
5279
  /* @__PURE__ */ jsx57("path", { d: "M69.7141 207.3H0.908203L35.3243 172.936L69.7141 207.3Z", fill: "#6F32FF" }),
5273
5280
  /* @__PURE__ */ jsx57("path", { d: "M138.441 0.96106V69.767L104.078 35.3508L138.441 0.96106Z", fill: "#17B581" }),
@@ -5313,6 +5320,7 @@ var MobileHeroAnimation = ({
5313
5320
  width: "100%",
5314
5321
  height: "100%",
5315
5322
  borderRadius: "50%",
5323
+ overflow: "hidden",
5316
5324
  background: "rgba(255,255,255,0.05)",
5317
5325
  backdropFilter: "blur(4px)",
5318
5326
  border: `1px solid ${color}55`,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kaleido-ui",
3
- "version": "0.1.39",
3
+ "version": "0.1.41",
4
4
  "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
5
5
  "license": "MIT",
6
6
  "type": "module",