@andreagiugni/tailwind-dashboard-ui 1.0.23 → 1.0.24

package/README.md

@@ -182,7 +182,7 @@ Legend: **(+native)** = also extends the element's native HTML attributes.
 | `Code` | `color` (primary/success/error/warning/info/default), `size` (sm/md), (+native code) (+override) |
 | `Snippet` | `code` (string \| string[]), `symbol?`, `hideCopyButton?`, `hideSymbol?`, `size`, (+override) |
 | `Progress` | `value`, `maxValue?`, `color`, `size` (sm/md/lg), `label?`, `showValueLabel?`, `isIndeterminate?` |
-| `PollResults` | `options` (`{ label, value?, series? }[]`), `maxValue?`, `size` (sm/md/lg), `color`, `trackColor?`, `showValueLabel?`, `showSeriesLabels?`, `valueFormatter?`, (+native div) (+override) |
+| `PollResults` | `options` (`{ label, value?, series? }[]`), `maxValue?`, `size` (sm/md/lg), `color`, `trackColor?`, `showValueLabel?`, `showSeriesLabels?`, `valueFormatter?`, `labelTextSize?`/`labelTextColor?`/`labelTextWeight?`, `valueTextSize?`/`valueTextColor?`/`valueTextWeight?`, `seriesLabelTextSize?`/`seriesLabelTextColor?`/`seriesLabelTextWeight?`, `seriesValueTextSize?`/`seriesValueTextColor?`/`seriesValueTextWeight?`, (+native div) (+override) |
 | `Spinner` | `size` (sm/md/lg), `color`, `label?` |
 | `Skeleton` | `isLoaded`, `width?`, `height?`, `className`, `children?` |
 | `Toast` | `variant` (success/danger/warning/info), `title`, `message?`, `icon?`, `hideIcon?`, `showCloseButton?`, `onClose?`, `hideAccentBar?`, (+native div) (+override) |

package/dist/index.cjs

@@ -1914,6 +1914,15 @@ var nodeToLabel = (node) => {
   return void 0;
 };
 var defaultValueFormatter = (_value, percent) => `${percent}%`;
+var textStyle = ({
+  size,
+  color,
+  weight
+}) => ({
+  ...size ? { fontSize: size } : {},
+  ...color ? { color } : {},
+  ...weight ? { fontWeight: weight } : {}
+});
 var PollResults = ({
   options,
   maxValue = 100,
@@ -1923,6 +1932,18 @@ var PollResults = ({
   showValueLabel = true,
   showSeriesLabels = true,
   valueFormatter = defaultValueFormatter,
+  labelTextSize,
+  labelTextColor,
+  labelTextWeight,
+  valueTextSize,
+  valueTextColor,
+  valueTextWeight,
+  seriesLabelTextSize,
+  seriesLabelTextColor,
+  seriesLabelTextWeight,
+  seriesValueTextSize,
+  seriesValueTextColor,
+  seriesValueTextWeight,
   className,
   bgColor,
   textColor,
@@ -1931,6 +1952,26 @@ var PollResults = ({
   ...rest
 }) => {
   const safeMax = maxValue <= 0 ? 100 : maxValue;
+  const optionLabelStyle = textStyle({
+    size: labelTextSize,
+    color: labelTextColor,
+    weight: labelTextWeight
+  });
+  const optionValueStyle = textStyle({
+    size: valueTextSize,
+    color: valueTextColor,
+    weight: valueTextWeight
+  });
+  const groupedLabelStyle = textStyle({
+    size: seriesLabelTextSize,
+    color: seriesLabelTextColor,
+    weight: seriesLabelTextWeight
+  });
+  const groupedValueStyle = textStyle({
+    size: seriesValueTextSize ?? valueTextSize,
+    color: seriesValueTextColor ?? valueTextColor,
+    weight: seriesValueTextWeight ?? valueTextWeight
+  });
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1951,8 +1992,22 @@ var PollResults = ({
         const singlePercent = toPercent(series[0]?.value ?? 0, safeMax);
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 break-words text-xl font-semibold leading-snug text-gray-800 dark:text-white/90", children: option.label }),
-            !isGrouped && showValueLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xl font-semibold leading-snug text-gray-600 dark:text-gray-300", children: valueFormatter(series[0]?.value ?? 0, singlePercent) })
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "min-w-0 break-words text-xl font-semibold leading-snug text-gray-800 dark:text-white/90",
+                style: optionLabelStyle,
+                children: option.label
+              }
+            ),
+            !isGrouped && showValueLabel && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "shrink-0 text-xl font-semibold leading-snug text-gray-600 dark:text-gray-300",
+                style: optionValueStyle,
+                children: valueFormatter(series[0]?.value ?? 0, singlePercent)
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYERNSNT4_cjs.cn("flex flex-col", isGrouped ? "gap-3" : "gap-0"), children: series.map((entry, seriesIndex) => {
             const percent = toPercent(entry.value, safeMax);
@@ -1962,8 +2017,22 @@ var PollResults = ({
             const ariaLabel = entry.ariaLabel ?? [optionText, isGrouped ? entryLabel : void 0].filter(Boolean).join(" ");
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               isGrouped && (showSeriesLabels || showValueLabel) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1.5 flex items-center justify-between gap-3", children: [
-                showSeriesLabels ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 break-words text-xs font-medium text-gray-500 dark:text-gray-400", children: entry.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
-                showValueLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs font-semibold text-gray-600 dark:text-gray-300", children: valueFormatter(entry.value, percent) })
+                showSeriesLabels ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: "min-w-0 break-words text-xs font-medium text-gray-500 dark:text-gray-400",
+                    style: groupedLabelStyle,
+                    children: entry.label
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+                showValueLabel && /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: "shrink-0 text-xs font-semibold text-gray-600 dark:text-gray-300",
+                    style: groupedValueStyle,
+                    children: valueFormatter(entry.value, percent)
+                  }
+                )
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",