@fuzzy-ui/react 0.1.0

package/dist/types/style/defaults/tokens.d.ts

@@ -0,0 +1,202 @@
+declare const tkn: {
+    space: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        19: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+        min: string;
+        max: string;
+        fit: string;
+        screen: string;
+        full: string;
+        px: string;
+    };
+    sizes: {
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        19: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+        min: string;
+        max: string;
+        fit: string;
+        screen: string;
+        full: string;
+        px: string;
+    };
+    fonts: {
+        sans: string;
+        serif: string;
+        mono: string;
+    };
+    fontSizes: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+    };
+    fontWeights: {
+        hairline: string;
+        thin: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        md: string;
+        base: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        squared: string;
+        rounded: string;
+        pill: string;
+    };
+    lineHeights: {
+        xs: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        10: string;
+        max: string;
+    };
+    borderWidths: {
+        light: string;
+        normal: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    transitions: {
+        default: string;
+        button: string;
+        card: string;
+    };
+};
+export default tkn;

package/dist/types/style/defaults/utilities.d.ts

@@ -0,0 +1,242 @@
+import type { PropertyValue as PV } from '../types';
+declare const _default: {
+    p: (value: PV<"padding">) => {
+        padding: import("@stitches/core/types/css-util").WithPropertyValue<"padding">;
+    };
+    pt: (value: PV<"paddingTop">) => {
+        paddingTop: import("@stitches/core/types/css-util").WithPropertyValue<"paddingTop">;
+    };
+    pr: (value: PV<"paddingRight">) => {
+        paddingRight: import("@stitches/core/types/css-util").WithPropertyValue<"paddingRight">;
+    };
+    pb: (value: PV<"paddingBottom">) => {
+        paddingBottom: import("@stitches/core/types/css-util").WithPropertyValue<"paddingBottom">;
+    };
+    pl: (value: PV<"paddingLeft">) => {
+        paddingLeft: import("@stitches/core/types/css-util").WithPropertyValue<"paddingLeft">;
+    };
+    px: (value: PV<"paddingLeft">) => {
+        paddingLeft: import("@stitches/core/types/css-util").WithPropertyValue<"paddingLeft">;
+        paddingRight: import("@stitches/core/types/css-util").WithPropertyValue<"paddingLeft">;
+    };
+    py: (value: PV<"paddingTop">) => {
+        paddingTop: import("@stitches/core/types/css-util").WithPropertyValue<"paddingTop">;
+        paddingBottom: import("@stitches/core/types/css-util").WithPropertyValue<"paddingTop">;
+    };
+    m: (value: PV<"margin">) => {
+        margin: import("@stitches/core/types/css-util").WithPropertyValue<"margin">;
+    };
+    mt: (value: PV<"marginTop">) => {
+        marginTop: import("@stitches/core/types/css-util").WithPropertyValue<"marginTop">;
+    };
+    mr: (value: PV<"marginRight">) => {
+        marginRight: import("@stitches/core/types/css-util").WithPropertyValue<"marginRight">;
+    };
+    mb: (value: PV<"marginBottom">) => {
+        marginBottom: import("@stitches/core/types/css-util").WithPropertyValue<"marginBottom">;
+    };
+    ml: (value: PV<"marginLeft">) => {
+        marginLeft: import("@stitches/core/types/css-util").WithPropertyValue<"marginLeft">;
+    };
+    mx: (value: PV<"marginLeft">) => {
+        marginLeft: import("@stitches/core/types/css-util").WithPropertyValue<"marginLeft">;
+        marginRight: import("@stitches/core/types/css-util").WithPropertyValue<"marginLeft">;
+    };
+    my: (value: PV<"marginTop">) => {
+        marginTop: import("@stitches/core/types/css-util").WithPropertyValue<"marginTop">;
+        marginBottom: import("@stitches/core/types/css-util").WithPropertyValue<"marginTop">;
+    };
+    ta: (value: PV<"textAlign">) => {
+        textAlign: import("@stitches/core/types/css-util").WithPropertyValue<"textAlign">;
+    };
+    tt: (value: PV<"textTransform">) => {
+        textTransform: import("@stitches/core/types/css-util").WithPropertyValue<"textTransform">;
+    };
+    to: (value: PV<"textOverflow">) => {
+        textOverflow: import("@stitches/core/types/css-util").WithPropertyValue<"textOverflow">;
+    };
+    d: (value: PV<"display">) => {
+        display: import("@stitches/core/types/css-util").WithPropertyValue<"display">;
+    };
+    dflex: (value: PV<"alignItems">) => {
+        display: string;
+        alignItems: import("@stitches/core/types/css-util").WithPropertyValue<"alignItems">;
+        justifyContent: import("@stitches/core/types/css-util").WithPropertyValue<"alignItems">;
+    };
+    fd: (value: PV<"flexDirection">) => {
+        flexDirection: import("@stitches/core/types/css-util").WithPropertyValue<"flexDirection">;
+    };
+    fw: (value: PV<"flexWrap">) => {
+        flexWrap: import("@stitches/core/types/css-util").WithPropertyValue<"flexWrap">;
+    };
+    ai: (value: PV<"alignItems">) => {
+        alignItems: import("@stitches/core/types/css-util").WithPropertyValue<"alignItems">;
+    };
+    ac: (value: PV<"alignContent">) => {
+        alignContent: import("@stitches/core/types/css-util").WithPropertyValue<"alignContent">;
+    };
+    jc: (value: PV<"justifyContent">) => {
+        justifyContent: import("@stitches/core/types/css-util").WithPropertyValue<"justifyContent">;
+    };
+    as: (value: PV<"alignSelf">) => {
+        alignSelf: import("@stitches/core/types/css-util").WithPropertyValue<"alignSelf">;
+    };
+    fg: (value: PV<"flexGrow">) => {
+        flexGrow: import("@stitches/core/types/css-util").WithPropertyValue<"flexGrow">;
+    };
+    fs: (value: PV<"fontSize">) => {
+        fontSize: import("@stitches/core/types/css-util").WithPropertyValue<"fontSize">;
+    };
+    fb: (value: PV<"flexBasis">) => {
+        flexBasis: import("@stitches/core/types/css-util").WithPropertyValue<"flexBasis">;
+    };
+    bf: (value: PV<"backdropFilter">) => {
+        backdropFilter: import("@stitches/core/types/css-util").WithPropertyValue<"backdropFilter">;
+    };
+    bg: (value: PV<"backgroundColor">) => {
+        background: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundColor">;
+    };
+    bgBlur: (value: PV<"backgroundColor">) => {
+        bf: string;
+        bg: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundColor">;
+    };
+    bc: (value: PV<"backgroundColor">) => {
+        backgroundColor: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundColor">;
+    };
+    bgColor: (value: PV<"backgroundColor">) => {
+        backgroundColor: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundColor">;
+    };
+    bgClip: (value: PV<"backgroundClip">) => {
+        WebkitBackgroundClip: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundClip">;
+        backgroundClip: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundClip">;
+    };
+    backgroundClip: (value: PV<"backgroundClip">) => {
+        WebkitBackgroundClip: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundClip">;
+        backgroundClip: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundClip">;
+    };
+    bw: (value: PV<"borderWidth">) => {
+        borderWidth: import("@stitches/core/types/css-util").WithPropertyValue<"borderWidth">;
+    };
+    br: (value: PV<"borderRadius">) => {
+        borderRadius: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+    };
+    brtr: (value: PV<"borderTopRightRadius">) => {
+        borderTopRightRadius: import("@stitches/core/types/css-util").WithPropertyValue<"borderTopRightRadius">;
+    };
+    brtl: (value: PV<"borderTopLeftRadius">) => {
+        borderTopLeftRadius: import("@stitches/core/types/css-util").WithPropertyValue<"borderTopLeftRadius">;
+    };
+    brbr: (value: PV<"borderBottomRightRadius">) => {
+        borderBottomRightRadius: import("@stitches/core/types/css-util").WithPropertyValue<"borderBottomRightRadius">;
+    };
+    brbl: (value: PV<"borderBottomLeftRadius">) => {
+        borderBottomLeftRadius: import("@stitches/core/types/css-util").WithPropertyValue<"borderBottomLeftRadius">;
+    };
+    brl: (value: PV<"borderRadius">) => {
+        brtl: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+        brbl: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+    };
+    brr: (value: PV<"borderRadius">) => {
+        brtr: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+        brbr: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+    };
+    brt: (value: PV<"borderRadius">) => {
+        brtr: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+        brtl: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+    };
+    brb: (value: PV<"borderRadius">) => {
+        brbr: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+        brbl: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+    };
+    bs: (value: PV<"boxShadow">) => {
+        boxShadow: import("@stitches/core/types/css-util").WithPropertyValue<"boxShadow">;
+    };
+    normalShadow: (value: PV<"backgroundColor">) => {
+        boxShadow: string;
+    };
+    lh: (value: PV<"lineHeight">) => {
+        lineHeight: import("@stitches/core/types/css-util").WithPropertyValue<"lineHeight">;
+    };
+    ov: (value: PV<"overflow">) => {
+        overflow: import("@stitches/core/types/css-util").WithPropertyValue<"overflow">;
+    };
+    ox: (value: PV<"overflowX">) => {
+        overflowX: import("@stitches/core/types/css-util").WithPropertyValue<"overflowX">;
+    };
+    oy: (value: PV<"overflowY">) => {
+        overflowY: import("@stitches/core/types/css-util").WithPropertyValue<"overflowY">;
+    };
+    pe: (value: PV<"pointerEvents">) => {
+        pointerEvents: import("@stitches/core/types/css-util").WithPropertyValue<"pointerEvents">;
+    };
+    userSelect: (value: PV<"userSelect">) => {
+        WebkitUserSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+        WebkitTouchCallout: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+        KhtmlUserSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+        MozUserSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+        MsUserSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+        userSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+    };
+    us: (value: PV<"userSelect">) => {
+        userSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+    };
+    w: (value: PV<"width">) => {
+        width: import("@stitches/core/types/css-util").WithPropertyValue<"width">;
+    };
+    h: (value: PV<"height">) => {
+        height: import("@stitches/core/types/css-util").WithPropertyValue<"height">;
+    };
+    minW: (value: PV<"minWidth">) => {
+        minWidth: import("@stitches/core/types/css-util").WithPropertyValue<"minWidth">;
+    };
+    maxW: (value: PV<"maxWidth">) => {
+        maxWidth: import("@stitches/core/types/css-util").WithPropertyValue<"maxWidth">;
+    };
+    minH: (value: PV<"minHeight">) => {
+        minHeight: import("@stitches/core/types/css-util").WithPropertyValue<"minHeight">;
+    };
+    maxH: (value: PV<"maxHeight">) => {
+        maxHeight: import("@stitches/core/types/css-util").WithPropertyValue<"maxHeight">;
+    };
+    size: (value: PV<"width">) => {
+        width: import("@stitches/core/types/css-util").WithPropertyValue<"width">;
+        height: import("@stitches/core/types/css-util").WithPropertyValue<"width">;
+    };
+    minSize: (value: PV<"minWidth">) => {
+        minWidth: import("@stitches/core/types/css-util").WithPropertyValue<"minWidth">;
+        minHeight: import("@stitches/core/types/css-util").WithPropertyValue<"minWidth">;
+    };
+    maxSize: (value: PV<"maxWidth">) => {
+        maxWidth: import("@stitches/core/types/css-util").WithPropertyValue<"maxWidth">;
+        maxHeight: import("@stitches/core/types/css-util").WithPropertyValue<"maxWidth">;
+    };
+    appearance: (value: PV<"appearance">) => {
+        appearance: import("@stitches/core/types/css-util").WithPropertyValue<"appearance">;
+        WebkitAppearance: import("@stitches/core/types/css-util").WithPropertyValue<"appearance">;
+        MozAppearance: import("@stitches/core/types/css-util").WithPropertyValue<"appearance">;
+    };
+    scale: (value: PV<"scale">) => {
+        transform: string;
+    };
+    linearGradient: (value: PV<"backgroundImage">) => {
+        backgroundImage: string;
+    };
+    tdl: (value: PV<"textDecorationLine">) => {
+        textDecorationLine: import("@stitches/core/types/css-util").WithPropertyValue<"textDecorationLine">;
+    };
+    truncateText: (value: PV<"maxWidth">) => {
+        maxWidth: import("@stitches/core/types/css-util").WithPropertyValue<"maxWidth">;
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
+    textGradient: (value: PV<"backgroundImage">) => {
+        backgroundImage: string;
+        WebkitBackgroundClip: string;
+        WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
+    };
+};
+export default _default;

package/dist/types/style/index.d.ts

@@ -0,0 +1,6 @@
+export { default as styled } from './styled';
+export { default as BaseCSS } from './defaults/globals';
+export { defaultConfig, createTheme, css, getCssText, globalCss, keyframes, defaultTheme, newTheme, } from './stitches.config';
+export { BPRange } from './defaults/breakpoints';
+export type { CSS, CSSContainer, Config, FontSizes, SemanticKeys, CSSColorKeys, } from './stitches.config';
+export type * from './types';