@pollinations/ui 0.1.0-alpha.10 → 0.1.0-alpha.11
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.
- package/dist/index.browser.min.js +1 -1
- package/dist/index.browser.min.js.map +1 -1
- package/dist/index.cjs +28 -25
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +28 -25
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -4271,28 +4271,22 @@ var StatCard = ({
|
|
|
4271
4271
|
labelClassName,
|
|
4272
4272
|
valueClassName,
|
|
4273
4273
|
detailClassName
|
|
4274
|
-
}) => variant === "display" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
4275
|
-
"div",
|
|
4276
|
-
|
|
4277
|
-
|
|
4278
|
-
|
|
4279
|
-
|
|
4280
|
-
|
|
4281
|
-
|
|
4282
|
-
|
|
4283
|
-
|
|
4284
|
-
|
|
4285
|
-
|
|
4286
|
-
|
|
4287
|
-
|
|
4288
|
-
|
|
4289
|
-
|
|
4290
|
-
children: label
|
|
4291
|
-
}
|
|
4292
|
-
)
|
|
4293
|
-
]
|
|
4294
|
-
}
|
|
4295
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("polli:text-sm", className), children: [
|
|
4274
|
+
}) => variant === "display" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("polli:flex polli:flex-col polli:gap-1", className), children: [
|
|
4275
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn(valueVariantClasses.display, valueClassName), children: value }),
|
|
4276
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4277
|
+
Text,
|
|
4278
|
+
{
|
|
4279
|
+
as: "div",
|
|
4280
|
+
size: "sm",
|
|
4281
|
+
tone: "soft",
|
|
4282
|
+
className: cn(
|
|
4283
|
+
"polli:flex polli:items-center polli:gap-2 polli:leading-tight",
|
|
4284
|
+
labelClassName
|
|
4285
|
+
),
|
|
4286
|
+
children: label
|
|
4287
|
+
}
|
|
4288
|
+
)
|
|
4289
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("polli:text-sm", className), children: [
|
|
4296
4290
|
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4297
4291
|
Text,
|
|
4298
4292
|
{
|
|
@@ -4837,16 +4831,25 @@ var toneClasses = {
|
|
|
4837
4831
|
neutral: "polli:bg-theme-bg-subtle polli:text-theme-text-strong",
|
|
4838
4832
|
// The wallet's Paid and Quest Pollen colours, for rows about money.
|
|
4839
4833
|
paid: "polli-wallet-chip-paid",
|
|
4840
|
-
tier: "polli-wallet-chip-tier"
|
|
4834
|
+
tier: "polli-wallet-chip-tier",
|
|
4835
|
+
info: "polli:bg-intent-info-bg-light polli:text-intent-info-text"
|
|
4841
4836
|
};
|
|
4842
|
-
function IconTile({
|
|
4837
|
+
function IconTile({
|
|
4838
|
+
icon: Icon,
|
|
4839
|
+
tone = "neutral",
|
|
4840
|
+
color
|
|
4841
|
+
}) {
|
|
4843
4842
|
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4844
4843
|
"span",
|
|
4845
4844
|
{
|
|
4846
4845
|
className: cn(
|
|
4847
4846
|
"polli:flex polli:size-11 polli:shrink-0 polli:items-center polli:justify-center polli:rounded-xl",
|
|
4848
|
-
toneClasses[tone]
|
|
4847
|
+
!color && toneClasses[tone]
|
|
4849
4848
|
),
|
|
4849
|
+
style: color ? {
|
|
4850
|
+
color,
|
|
4851
|
+
backgroundColor: `color-mix(in oklab, ${color} 14%, transparent)`
|
|
4852
|
+
} : void 0,
|
|
4850
4853
|
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { "aria-hidden": "true", className: "polli:size-6" })
|
|
4851
4854
|
}
|
|
4852
4855
|
);
|