@shopify/polaris/esnext/utilities/breakpoints.js

Shopify’s product component library

const Breakpoints = {
    navigationBarCollapsed: '768px',
    stackedContent: '1043px',
};
const noWindowMatches = {
    media: '',
    addListener: noop,
    removeListener: noop,
    matches: false,
    onchange: noop,
    addEventListener: noop,
    removeEventListener: noop,
    dispatchEvent: (_) => true,
};
function noop() { }
export function navigationBarCollapsed() {
    return typeof window === 'undefined'
        ? noWindowMatches
        : window.matchMedia(`(max-width: ${Breakpoints.navigationBarCollapsed})`);
}
export function stackedContent() {
    return typeof window === 'undefined'
        ? noWindowMatches
        : window.matchMedia(`(max-width: ${Breakpoints.stackedContent})`);
}