braid-design-system 32.14.4 → 32.15.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # braid-design-system
 
+## 32.15.1
+
+### Patch Changes
+
+- Update `react-focus-lock` to avoid build warnings in Rollup and Vite ([#1433](https://github.com/seek-oss/braid-design-system/pull/1433))
+
+## 32.15.0
+
+### Minor Changes
+
+- **Rating:** Add `weight` support ([#1430](https://github.com/seek-oss/braid-design-system/pull/1430))
+
+  Provide a `weight` prop to customise the weight of the text rating alongside the stars.
+
+  **EXAMPLE USAGE:**
+
+  ```jsx
+  <Rating rating={3} weight="strong" />
+  ```
+
 ## 32.14.4
 
 ### Patch Changes

package/dist/styles/lib/components/Rating/Rating.cjs

@@ -59,6 +59,7 @@ const ratingArr = [...Array(5)];
 const Rating = ({
   rating,
   size = "standard",
+  weight,
   showTextRating,
   variant: variantProp,
   "aria-label": ariaLabel,
@@ -68,6 +69,8 @@ const Rating = ({
     !rating || rating >= 0 && rating <= 5,
     "Rating must be between 0 and 5"
   );
+  const variant = variantProp || "full";
+  const resolvedVariant = showTextRating === false && !variantProp ? "starsOnly" : variant;
   if (process.env.NODE_ENV !== "production") {
     if (typeof showTextRating !== "undefined") {
       console.warn(
@@ -83,10 +86,21 @@ const Rating = ({
         "color: inherit"
       );
     }
+    if (typeof weight !== "undefined" && resolvedVariant === "starsOnly") {
+      console.warn(
+        dedent__default.default`
+          The "weight" prop is not valid with the "starsOnly" variant as there is no visible text. Either remove the \`weight\` prop or choose an alternative \`variant\`.
+             <Rating
+            %c-  weight="strong"
+            %c   variant="starsOnly"
+             />
+        `,
+        "color: red",
+        "color: inherit"
+      );
+    }
   }
-  const variant = variantProp || "full";
-  const resolvedVariant = showTextRating === false && !variantProp ? "starsOnly" : variant;
-  return /* @__PURE__ */ jsxRuntime.jsxs(styles_lib_components_Accordion_AccordionItem_cjs.Text, { size, data, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(styles_lib_components_Accordion_AccordionItem_cjs.Text, { size, data, weight, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       styles_lib_components_Box_Box_cjs.Box,
       {

package/dist/styles/lib/components/Rating/Rating.mjs

@@ -55,6 +55,7 @@ const ratingArr = [...Array(5)];
 const Rating = ({
   rating,
   size = "standard",
+  weight,
   showTextRating,
   variant: variantProp,
   "aria-label": ariaLabel,
@@ -64,6 +65,8 @@ const Rating = ({
     !rating || rating >= 0 && rating <= 5,
     "Rating must be between 0 and 5"
   );
+  const variant = variantProp || "full";
+  const resolvedVariant = showTextRating === false && !variantProp ? "starsOnly" : variant;
   if (process.env.NODE_ENV !== "production") {
     if (typeof showTextRating !== "undefined") {
       console.warn(
@@ -79,10 +82,21 @@ const Rating = ({
         "color: inherit"
       );
     }
+    if (typeof weight !== "undefined" && resolvedVariant === "starsOnly") {
+      console.warn(
+        dedent`
+          The "weight" prop is not valid with the "starsOnly" variant as there is no visible text. Either remove the \`weight\` prop or choose an alternative \`variant\`.
+             <Rating
+            %c-  weight="strong"
+            %c   variant="starsOnly"
+             />
+        `,
+        "color: red",
+        "color: inherit"
+      );
+    }
   }
-  const variant = variantProp || "full";
-  const resolvedVariant = showTextRating === false && !variantProp ? "starsOnly" : variant;
-  return /* @__PURE__ */ jsxs(Text, { size, data, children: [
+  return /* @__PURE__ */ jsxs(Text, { size, data, weight, children: [
     /* @__PURE__ */ jsx(
       Box,
       {

package/dist/wireframe.chunk.d.ts

@@ -3574,16 +3574,23 @@ declare const RadioGroup$1: {
     displayName: string;
 };
 
-interface RatingProps {
+interface RatingBaseProps {
     rating: number;
     size?: TextProps['size'];
     /** @deprecated Use `variant="starsOnly"` instead */
     showTextRating?: boolean;
-    variant?: 'full' | 'starsOnly' | 'minimal';
     'aria-label'?: string;
     data?: TextProps['data'];
 }
-declare const Rating$1: ({ rating, size, showTextRating, variant: variantProp, "aria-label": ariaLabel, data, }: RatingProps) => JSX.Element;
+type RatingVariants = 'full' | 'starsOnly' | 'minimal';
+type RatingProps = RatingBaseProps & ({
+    weight?: never;
+    variant?: RatingVariants;
+} | {
+    weight: TextProps['weight'];
+    variant?: Exclude<RatingVariants, 'starsOnly'>;
+});
+declare const Rating$1: ({ rating, size, weight, showTextRating, variant: variantProp, "aria-label": ariaLabel, data, }: RatingProps) => JSX.Element;
 
 interface SecondaryProps {
     children: ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "braid-design-system",
-  "version": "32.14.4",
+  "version": "32.15.1",
   "description": "Themeable design system for the SEEK Group",
   "homepage": "https://seek-oss.github.io/braid-design-system/",
   "bugs": {
@@ -183,7 +183,7 @@
     "is-mobile": "^2.2.2",
     "lodash": "^4.17.21",
     "polished": "^4.1.0",
-    "react-focus-lock": "^2.9.1",
+    "react-focus-lock": "^2.9.7",
     "react-is": "^18.2.0",
     "react-popper-tooltip": "^4.3.1",
     "react-remove-scroll": "^2.5.3",
@@ -226,7 +226,7 @@
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.3.0",
     "sanitize-html": "^2.7.0",
-    "sku": "12.4.7",
+    "sku": "12.4.9",
     "svgo": "^2.8.0",
     "title-case": "^3.0.3"
   },