@uoguelph/react-components 1.6.0-rc.6 → 1.6.0-rc.8

package/dist/components/card/card-image.d.ts

@@ -13,9 +13,9 @@ export type CardImageProps<T extends CardImageElementType = typeof defaultCardIm
     /** An accessible description of the image, used primarily for screen readers */
     alt: string;
     /** The width of the image in pixels */
-    width?: string;
+    width?: `${number}` | number;
     /** The height of the image in pixels */
-    height?: string;
+    height?: `${number}` | number;
     /** Additional classes to apply to the image */
     className?: string;
 } & ComponentPropsWithoutRef<T>;

package/dist/components/hero/hero.d.ts

@@ -24,9 +24,9 @@ export type HeroProps<T extends HeroElementType = typeof defaultElement> = Props
     /** The alt text for the image */
     alt: string;
     /** The width of the image in pixels */
-    width?: number;
+    width?: `${number}` | number;
     /** The height of the image in pixels */
-    height?: number;
+    height?: `${number}` | number;
     /**
      * The alignment of the hero content, only applies to the spotlight variant
      *

package/dist/components/image-overlay/image-overlay.d.ts

@@ -12,10 +12,10 @@ export type ImageOverlayProps<T extends ImageOverlayElementType = typeof default
     src: string;
     /** The image alt text. */
     alt: string;
-    /** The image width in pixels. */
-    width?: number;
-    /** The image height in pixels. */
-    height?: number;
+    /** The width of the image in pixels */
+    width?: `${number}` | number;
+    /** The height of the image in pixels */
+    height?: `${number}` | number;
     /** Additional classes to apply to the image. */
     className?: string;
     /**

package/dist/components/statistics/statistics-item-image.d.ts

@@ -13,9 +13,9 @@ export type StatisticsItemImageProps<T extends StatisticsItemImageElementType =
     /** An accessible description of the image, used primarily for screen readers */
     alt: string;
     /** The width of the image in pixels */
-    width?: string;
+    width?: `${number}` | number;
     /** The height of the image in pixels */
-    height?: string;
+    height?: `${number}` | number;
     /** Additional classes to apply to the image */
     className?: string;
 } & ComponentPropsWithoutRef<T>;

package/dist/components/statistics/statistics.d.ts

@@ -1,12 +1,13 @@
 import { PropsWithChildren } from 'react';
 export type StatisticsProps = PropsWithChildren<{
+    id: string;
     /** The variant of the statistics */
     variant: 'solid-colors-full' | 'solid-colors-no-gap' | 'solid-colors' | 'light-grey' | 'left-border';
     /** Additional classes to apply to the statistics */
     className?: string;
 }>;
 /** The Statistic component is used to display a list of statistics in a grid layout. */
-export declare function Statistics({ children, variant, className }: StatisticsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Statistics({ id, children, variant, className }: StatisticsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Statistics {
     var displayName: string;
 }

package/dist/components/story/story-background-image.d.ts

@@ -13,9 +13,9 @@ export type StoryBackgroundImageProps<T extends StoryBackgroundImageElementType
     /** An accessible description of the image, used primarily for screen readers */
     alt: string;
     /** The width of the image in pixels */
-    width?: string;
+    width?: `${number}` | number;
     /** The height of the image in pixels */
-    height?: string;
+    height?: `${number}` | number;
     /** Additional classes to apply to the component. */
     className?: string;
 } & ComponentPropsWithoutRef<T>;

package/dist/components/story/story-foreground-image.d.ts

@@ -13,9 +13,9 @@ export type StoryForegroundImageProps<T extends StoryForegroundImageElementType
     /** An accessible description of the image, used primarily for screen readers */
     alt: string;
     /** The width of the image in pixels */
-    width?: string;
+    width?: `${number}` | number;
     /** The height of the image in pixels */
-    height?: string;
+    height?: `${number}` | number;
     /** Additional classes to apply to the component. */
     className?: string;
 } & ComponentPropsWithoutRef<T>;

package/dist/statistics.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { twMerge as f } from "tailwind-merge";
-import { tv as g } from "tailwind-variants";
-import { u as n } from "./use-resize-observer-DmddO4OQ.js";
-import { StatisticsContext as p } from "./statistics-context.js";
-import { StatisticsItem as I } from "./statistics-item.js";
-import { StatisticsItemImage as F } from "./statistics-item-image.js";
-import { StatisticsItemRepresents as N } from "./statistics-item-represents.js";
-import { StatisticsItemValue as j } from "./statistics-item-value.js";
-function v({ children: o, variant: s, className: r }) {
-  const [i, l] = u(0), [c, e] = n(), d = g({
+import { useState as f } from "react";
+import { twMerge as g } from "tailwind-merge";
+import { tv as n } from "tailwind-variants";
+import { u as p } from "./use-resize-observer-DmddO4OQ.js";
+import { StatisticsContext as v } from "./statistics-context.js";
+import { StatisticsItem as C } from "./statistics-item.js";
+import { StatisticsItemImage as R } from "./statistics-item-image.js";
+import { StatisticsItemRepresents as V } from "./statistics-item-represents.js";
+import { StatisticsItemValue as z } from "./statistics-item-value.js";
+function b({ id: o, children: r, variant: s, className: l }) {
+  const [i, c] = f(0), [d, e] = p(), a = n({
     base: "mx-auto my-0 flex flex-col flex-wrap sm:flex-row",
     variants: {
       divisibleByTwo: {
@@ -47,42 +47,43 @@ function v({ children: o, variant: s, className: r }) {
         class: "grid grid-cols-1 sm:grid-cols-3"
       }
     ]
-  }), a = f(
-    d({
+  }), m = g(
+    a({
       variant: s,
       divisibleByTwo: i % 2 === 0,
       divisibleByThree: i % 3 === 0,
       divisibleByFour: i % 4 === 0
     }),
-    r
+    l
   );
   return /* @__PURE__ */ t(
-    p.Provider,
+    v.Provider,
     {
       value: {
         variant: s,
-        incrementCount: () => l((m) => m + 1)
+        incrementCount: () => c((u) => u + 1)
       },
       children: /* @__PURE__ */ t(
         "dl",
         {
-          className: `uofg-statistics ${a}`,
+          id: o,
+          className: `uofg-statistics ${m}`,
           style: (
             /* @ts-expect-error TypeScript doesn't like CSS Variables */
             s === "solid-colors-full" ? { "--statistic-bg-width": (e == null ? void 0 : e.contentRect.width) + "px" } : void 0
           ),
-          ref: c,
-          children: o
+          ref: d,
+          children: r
         }
       )
     }
   );
 }
-v.displayName = "Statistics";
+b.displayName = "Statistics";
 export {
-  v as Statistics,
-  I as StatisticsItem,
-  F as StatisticsItemImage,
-  N as StatisticsItemRepresents,
-  j as StatisticsItemValue
+  b as Statistics,
+  C as StatisticsItem,
+  R as StatisticsItemImage,
+  V as StatisticsItemRepresents,
+  z as StatisticsItemValue
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.6.0-rc.6",
+  "version": "1.6.0-rc.8",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {
@@ -78,5 +78,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "c2ab871bf9ac3a1133a8e0111e5a50d25dc43f9e"
+  "gitHead": "b9fa3bb5ce330c529ac073bf6683226de313be6a"
 }