@hopper-ui/styled-system 0.1.0 → 0.2.0

package/dist/Breakpoints-9e8a6597.d.ts

@@ -1,10 +0,0 @@
-declare const Breakpoints: {
-    readonly xs: 640;
-    readonly sm: 768;
-    readonly md: 1024;
-    readonly lg: 1280;
-    readonly xl: 1440;
-};
-type Breakpoint = keyof typeof Breakpoints | "base";
-
-export { Breakpoint as B, Breakpoints as a };

package/dist/StyledSystemProvider-27d1981a.d.ts

@@ -1,52 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ReactNode, ComponentProps } from 'react';
-import { B as Breakpoint } from './Breakpoints-9e8a6597.js';
-
-type ColorScheme = "light" | "dark";
-type ColorSchemeOrSystem = ColorScheme | "system";
-interface ColorSchemeContextType {
-    colorScheme: ColorScheme;
-    setColorScheme: (newColorScheme: ColorScheme) => void;
-}
-declare const ColorSchemeContext: react.Context<ColorSchemeContextType>;
-declare function useColorSchemeContext(): ColorSchemeContextType;
-
-declare const DefaultUnsupportedMatchMediaBreakpoint: Breakpoint;
-interface BreakpointProviderProps {
-    children: ReactNode;
-    unsupportedMatchMediaBreakpoint?: Breakpoint;
-}
-declare function BreakpointProvider({ children, unsupportedMatchMediaBreakpoint }: BreakpointProviderProps): react_jsx_runtime.JSX.Element;
-
-interface StyledSystemProviderProps extends BreakpointProviderProps, ComponentProps<"div"> {
-    /** The children of the component */
-    children: ReactNode;
-    /**
-     * Determines whether the styles should be added to the document's body
-     * By default, it is set to `false`. If set to `true`, it will apply additional styling to the document's body.
-    */
-    withBodyStyle?: boolean;
-    /**
-     * The color scheme to use.
-     */
-    colorScheme: ColorSchemeOrSystem;
-    /**
-     * Default color scheme to use when a user preferred color scheme (system) is not available.
-     */
-    defaultColorScheme?: ColorScheme;
-    /**
-     * Determines whether token CSS variables should be added to the document's head
-     * By default, it is set to `true`, you should not change it unless you want to manage CSS variables via `.css` files
-    */
-    withCssVariables?: boolean;
-}
-/**
- * StyledSystemProvider is required to be rendered at the root of your application. It is responsible for:
- * - Adding CSS variables to the document
- * - Managing color scheme (light, dark, auto)
- * - Optionally adding body styles to the document
- */
-declare function StyledSystemProvider({ children, withBodyStyle, withCssVariables, colorScheme, defaultColorScheme, unsupportedMatchMediaBreakpoint, className, ...rest }: StyledSystemProviderProps): react_jsx_runtime.JSX.Element;
-
-export { BreakpointProviderProps as B, ColorSchemeOrSystem as C, DefaultUnsupportedMatchMediaBreakpoint as D, StyledSystemProviderProps as S, ColorScheme as a, ColorSchemeContextType as b, ColorSchemeContext as c, BreakpointProvider as d, StyledSystemProvider as e, useColorSchemeContext as u };