Fix useResponsiveProp not being inclusive when calculating breakpoints (

#4410)

.changeset/lazy-bugs-obey.md

@@ -0,0 +1,5 @@
+---
+"@salt-ds/core": patch
+---
+
+Fixed useResponsiveProp not being inclusive when calculating breakpoints e.g. not recognising `600px` as `sm`.

packages/core/src/__tests__/__e2e__/dialog/Dialog.cy.tsx

@@ -115,7 +115,7 @@ describe("GIVEN a Dialog", () => {
 
         cy.findByRole("button", { name: "Open dialog" }).realClick();
 
-        cy.findByRole("dialog").should("have.class", "saltDialog-small-xs");
+        cy.findByRole("dialog").should("have.class", "saltDialog-small-sm");
       },
     );
   });

packages/core/src/utils/useResponsiveProp.ts

@@ -21,7 +21,7 @@ export const getCurrentBreakpoint = (
     (acc, val) => {
       const [, accWidth] = acc;
       const [breakpoint, breakpointWidth] = val;
-      if (breakpointWidth < width && breakpointWidth > accWidth) {
+      if (breakpointWidth <= width && breakpointWidth > accWidth) {
         return [breakpoint, breakpointWidth];
       }
       return acc;