@stoker-platform/web-app 0.5.185 → 0.5.186

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/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @stoker-platform/web-app
2
2
 
3
+ ## 0.5.186
4
+
5
+ ### Patch Changes
6
+
7
+ - feat: improve light mode metric colours
8
+
3
9
  ## 0.5.185
4
10
 
5
11
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stoker-platform/web-app",
3
- "version": "0.5.185",
3
+ "version": "0.5.186",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "scripts": {
@@ -176,7 +176,7 @@ export const DashboardMetric = ({ metric, title, collection }: DashboardMetricPr
176
176
 
177
177
  return (
178
178
  <div className="grid gap-3 h-full items-center bg-background rounded-xl">
179
- <Card className="p-4 pt-6 pb-6 h-full flex flex-col justify-center items-center bg-blue-500 dark:bg-blue-500/50 text-primary-foreground dark:text-primary border-transparent dark:border-background">
179
+ <Card className="p-4 pt-6 pb-6 h-full flex flex-col justify-center items-center text-blue-500 dark:bg-blue-500/50 dark:text-primary border-transparent dark:border-background">
180
180
  <div className="text-[16px] font-[600] line-clamp-1 text-center">{metricTitle}</div>
181
181
  {connectionStatus === "online" || isPreloadCacheEnabled ? (
182
182
  isLoading || (isPreloadCacheEnabled && isCacheLoading) ? (
@@ -196,6 +196,8 @@ export const DashboardMetric = ({ metric, title, collection }: DashboardMetricPr
196
196
  "leading-none",
197
197
  "overflow-hidden",
198
198
  "break-words",
199
+ "text-primary/80",
200
+ "dark:text-primary",
199
201
  metric.textSize || "text-3xl",
200
202
  )}
201
203
  >
package/src/List.tsx CHANGED
@@ -1556,7 +1556,7 @@ export function List({
1556
1556
  key={`metric-${index}`}
1557
1557
  className={cn("grid gap-3 place-content-center", hideThirdMetric)}
1558
1558
  >
1559
- <Card className="p-4 pt-6 pb-6 h-[175px] min-w-[175px] flex flex-col place-content-center items-center bg-blue-500 dark:bg-blue-500/50 text-primary-foreground dark:text-primary">
1559
+ <Card className="p-4 pt-6 pb-6 h-[175px] min-w-[175px] flex flex-col place-content-center items-center text-blue-500 dark:bg-blue-500/50 dark:text-primary">
1560
1560
  <div className="relative bottom-2">
1561
1561
  <div className="font-semibold line-clamp-1 text-center">
1562
1562
  {metricTitle}
@@ -1573,6 +1573,8 @@ export function List({
1573
1573
  "leading-none",
1574
1574
  "overflow-hidden",
1575
1575
  "break-words",
1576
+ "text-primary/80",
1577
+ "dark:text-primary",
1576
1578
  metric.textSize || "text-3xl",
1577
1579
  )}
1578
1580
  >