From 9ae518f4aa5103fa37914fd7547e89efc920755b Mon Sep 17 00:00:00 2001 From: Banks Nussman Date: Mon, 19 May 2025 14:36:43 -0400 Subject: [PATCH 1/2] use mui create breakpoints function --- packages/ui/src/foundations/breakpoints.ts | 23 +++++++++------------- 1 file changed, 9 insertions(+), 14 deletions(-) diff --git a/packages/ui/src/foundations/breakpoints.ts b/packages/ui/src/foundations/breakpoints.ts index 2c93d86802e..a8f267e1080 100644 --- a/packages/ui/src/foundations/breakpoints.ts +++ b/packages/ui/src/foundations/breakpoints.ts @@ -1,16 +1,11 @@ -import { createTheme } from '@mui/material'; +import { unstable_createBreakpoints } from '@mui/material'; -// This is a hack to create breakpoints outside of the theme itself. -// This will likely have to change at some point 😖 -export const breakpoints = createTheme({ - breakpoints: { - values: { - lg: 1280, - md: 960, - sm: 600, - xl: 1920, - xs: 0, - }, +export const breakpoints = unstable_createBreakpoints({ + values: { + lg: 1280, + md: 960, + sm: 600, + xl: 1920, + xs: 0, }, - name: 'light', -}).breakpoints; +}); From b3c0efd72c30a35dc1000cd0ecd48bfa399ac6c8 Mon Sep 17 00:00:00 2001 From: Banks Nussman Date: Mon, 19 May 2025 14:48:04 -0400 Subject: [PATCH 2/2] Added changeset: Use `unstable_createBreakpoints` to define our MUI breakpoints --- .../.changeset/pr-12244-tech-stories-1747680484622.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 packages/manager/.changeset/pr-12244-tech-stories-1747680484622.md diff --git a/packages/manager/.changeset/pr-12244-tech-stories-1747680484622.md b/packages/manager/.changeset/pr-12244-tech-stories-1747680484622.md new file mode 100644 index 00000000000..7258b006d94 --- /dev/null +++ b/packages/manager/.changeset/pr-12244-tech-stories-1747680484622.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Tech Stories +--- + +Use `unstable_createBreakpoints` to define our MUI breakpoints ([#12244](https://github.com/linode/manager/pull/12244))