@cronocode/react-box 1.7.2 → 1.7.3

package/types.d.ts

@@ -1,245 +0,0 @@
-type Hovered<T> = {
-    [K in keyof T as K extends string ? `${K}H` : never]: T[K];
-};
-type Focused<T> = {
-    [K in keyof T as K extends string ? `${K}F` : never]: T[K];
-};
-type Activated<T> = {
-    [K in keyof T as K extends string ? `${K}A` : never]: T[K];
-};
-export declare const styleVariables: {
-    display: readonly ["none", "block", "inline-block", "flex", "inline-flex", "grid", "inline-grid", "contents"];
-    boxSizing: readonly ["border-box", "content-box"];
-    position: readonly ["static", "relative", "absolute", "fixed", "sticky"];
-    sizeSpecialValues: readonly ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"];
-    widthHeightSizes: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76, 80, 88, 96, 100];
-    widthHeightStringSizes: readonly ["1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12"];
-    borderAndOutlineStyles: readonly ["solid", "dashed", "dotted", "double", "groove", "ridge", "inset", "outset", "none", "hidden"];
-    overflows: readonly ["auto", "hidden", "scroll", "visible"];
-    textDecoration: readonly ["none", "underline"];
-    textTransform: readonly ["none", "capitalize", "lowercase", "uppercase"];
-    textAlign: readonly ["left", "right", "center", "justify"];
-    opacity: readonly [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
-    cursors: readonly ["auto", "default", "none", "context-menu", "help", "pointer", "progress", "wait", "cell", "crosshair", "text", "vertical-text", "alias", "copy", "move", "no-drop", "not-allowed", "e-resize", "n-resize", "ne-resize", "nw-resize", "s-resize", "se-resize", "sw-resize", "w-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "col-resize", "row-resize", "all-scroll", "zoom-in", "zoom-out", "grab", "grabbing"];
-    positiveSizes: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 88, 96, 100];
-    negativeSizes: readonly [-1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -20, -24, -28, -32, -36, -40, -44, -48, -52, -56, -60, -68, -76, -84, -92, -100];
-    sizeMultiplier: number;
-    borderSizes: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-    fontSizes: readonly [6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 70, 78, 86, 96];
-    fontStyle: readonly ["italic", "normal", "oblique"];
-    fontWeight: readonly [100, 200, 300, 400, 500, 600, 700, 800, 900];
-    zIndexSizes: readonly [1, 2, 3, 4, 5, 10, 11, 12, 13, 14, 15, 100, 101, 102, 103, 104, 105, 1000, 1001, 1002, 1003, 1004, 1005];
-    justifyContent: readonly ["start", "end", "flex-start", "flex-end", "center", "left", "right", "space-between", "space-around", "space-evenly", "stretch"];
-    alignItems: readonly ["stretch", "flex-start", "flex-end", "center", "baseline", "start", "end", "self-start", "self-end"];
-    alignContent: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly", "stretch", "start", "end", "baseline"];
-    flexDirection: readonly ["row", "row-reverse", "column", "column-reverse"];
-    gap: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-    order: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
-    flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
-    flexGrow: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-    flexShrink: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-    flexSelf: readonly ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
-    outlineOffset: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-    transition: readonly ["none"];
-    background: readonly ["none"];
-    userSelect: readonly ["none", "auto", "text", "all"];
-    appearance: readonly ["none"];
-    pointerEvents: readonly ["none", "auto", "all"];
-    whiteSpace: readonly ["break-spaces", "normal", "nowrap", "pre", "pre-line", "pre-wrap"];
-    textOverflow: readonly ["clip", "ellipsis"];
-    gridColumns: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
-};
-export declare const sizes: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 88, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -20, -24, -28, -32, -36, -40, -44, -48, -52, -56, -60, -68, -76, -84, -92, -100];
-type GapType = (typeof styleVariables.gap)[number];
-type WidthHeightSizeType = (typeof styleVariables.sizeSpecialValues)[number] | (typeof styleVariables.widthHeightSizes)[number] | (typeof styleVariables.widthHeightStringSizes)[number];
-type BorderSizeType = (typeof styleVariables.borderSizes)[number];
-type SizeType = (typeof sizes)[number];
-type CursorType = (typeof styleVariables.cursors)[number];
-type OverflowType = (typeof styleVariables.overflows)[number];
-type FontSizeType = (typeof styleVariables.fontSizes)[number];
-type FontStyleType = (typeof styleVariables.fontStyle)[number];
-type FontWeightType = (typeof styleVariables.fontWeight)[number];
-type ZIndexSizeType = (typeof styleVariables.zIndexSizes)[number];
-type OpacitySizeType = (typeof styleVariables.opacity)[number];
-type TextDecorationType = (typeof styleVariables.textDecoration)[number];
-type TextTransformType = (typeof styleVariables.textTransform)[number];
-type TextAlignType = (typeof styleVariables.textAlign)[number];
-type BorderAndOutlineStyleType = (typeof styleVariables.borderAndOutlineStyles)[number];
-type TransitionType = (typeof styleVariables.transition)[number];
-type UserSelectType = (typeof styleVariables.userSelect)[number];
-type AppearanceType = (typeof styleVariables.appearance)[number];
-type PointerEventsType = (typeof styleVariables.pointerEvents)[number];
-type WhiteSpaceType = (typeof styleVariables.whiteSpace)[number];
-type TextOverflowType = (typeof styleVariables.textOverflow)[number];
-interface BoxPseudoClasses {
-    hover?: boolean;
-    focus?: boolean;
-}
-interface BoxDisplay {
-    display?: (typeof styleVariables.display)[number];
-    inline?: boolean;
-}
-interface BoxSizing {
-    boxSizing?: (typeof styleVariables.boxSizing)[number];
-}
-export interface BoxPosition {
-    position?: (typeof styleVariables.position)[number];
-    inset?: (typeof styleVariables.positiveSizes)[number];
-    top?: SizeType;
-    right?: SizeType;
-    bottom?: SizeType;
-    left?: SizeType;
-}
-export interface BoxSize {
-    width?: WidthHeightSizeType;
-    height?: WidthHeightSizeType;
-    minWidth?: WidthHeightSizeType;
-    minHeight?: WidthHeightSizeType;
-    maxWidth?: WidthHeightSizeType;
-    maxHeight?: WidthHeightSizeType;
-}
-interface BoxMargin {
-    margin?: (typeof styleVariables.positiveSizes)[number] | 'auto';
-    m?: (typeof styleVariables.positiveSizes)[number] | 'auto';
-    marginHorizontal?: (typeof styleVariables.positiveSizes)[number] | 'auto';
-    mx?: (typeof styleVariables.positiveSizes)[number] | 'auto';
-    marginVertical?: (typeof styleVariables.positiveSizes)[number] | 'auto';
-    my?: (typeof styleVariables.positiveSizes)[number] | 'auto';
-    marginTop?: SizeType | 'auto';
-    mt?: SizeType | 'auto';
-    marginRight?: SizeType | 'auto';
-    mr?: SizeType | 'auto';
-    marginBottom?: SizeType | 'auto';
-    mb?: SizeType | 'auto';
-    marginLeft?: SizeType | 'auto';
-    ml?: SizeType | 'auto';
-}
-interface BoxPadding {
-    padding?: (typeof styleVariables.positiveSizes)[number];
-    p?: (typeof styleVariables.positiveSizes)[number];
-    paddingHorizontal?: (typeof styleVariables.positiveSizes)[number];
-    px?: (typeof styleVariables.positiveSizes)[number];
-    paddingVertical?: (typeof styleVariables.positiveSizes)[number];
-    py?: (typeof styleVariables.positiveSizes)[number];
-    paddingTop?: SizeType;
-    pt?: SizeType;
-    paddingRight?: SizeType;
-    pr?: SizeType;
-    paddingBottom?: SizeType;
-    pb?: SizeType;
-    paddingLeft?: SizeType;
-    pl?: SizeType;
-}
-interface BoxOutline {
-    outline?: BorderSizeType;
-    outlineStyle?: BorderAndOutlineStyleType;
-    outlineOffset?: (typeof styleVariables.outlineOffset)[number];
-}
-interface BoxBorder {
-    border?: BorderSizeType;
-    b?: BorderSizeType;
-    borderHorizontal?: BorderSizeType;
-    bx?: BorderSizeType;
-    borderVertical?: BorderSizeType;
-    by?: BorderSizeType;
-    borderTop?: BorderSizeType;
-    bt?: BorderSizeType;
-    borderRight?: BorderSizeType;
-    br?: BorderSizeType;
-    borderBottom?: BorderSizeType;
-    bb?: BorderSizeType;
-    borderLeft?: BorderSizeType;
-    bl?: BorderSizeType;
-    borderStyle?: BorderAndOutlineStyleType;
-    borderRadius?: (typeof styleVariables.positiveSizes)[number];
-    borderRadiusTop?: (typeof styleVariables.positiveSizes)[number];
-    borderRadiusRight?: (typeof styleVariables.positiveSizes)[number];
-    borderRadiusBottom?: (typeof styleVariables.positiveSizes)[number];
-    borderRadiusLeft?: (typeof styleVariables.positiveSizes)[number];
-    borderRadiusTopLeft?: (typeof styleVariables.positiveSizes)[number];
-    borderRadiusTopRight?: (typeof styleVariables.positiveSizes)[number];
-    borderRadiusBottomLeft?: (typeof styleVariables.positiveSizes)[number];
-    borderRadiusBottomRight?: (typeof styleVariables.positiveSizes)[number];
-}
-interface BoxCursor {
-    cursor?: CursorType;
-}
-interface BoxZIndex {
-    zIndex?: ZIndexSizeType;
-}
-interface BoxOverflow {
-    overflow?: OverflowType;
-    overflowX?: OverflowType;
-    overflowY?: OverflowType;
-}
-interface BoxOpacity {
-    opacity?: OpacitySizeType;
-}
-interface BoxFont {
-    fontSize?: FontSizeType;
-    lineHeight?: FontSizeType | 'font-size';
-    fontWeight?: FontWeightType;
-    letterSpacing?: SizeType;
-    fontStyle?: FontStyleType;
-}
-interface BoxText {
-    textDecoration?: TextDecorationType;
-    textTransform?: TextTransformType;
-    textAlign?: TextAlignType;
-    whiteSpace?: WhiteSpaceType;
-    textOverflow?: TextOverflowType;
-}
-interface BoxFlex {
-    flexWrap?: (typeof styleVariables.flexWrap)[number];
-    justifyContent?: (typeof styleVariables.justifyContent)[number];
-    jc?: (typeof styleVariables.justifyContent)[number];
-    alignItems?: (typeof styleVariables.alignItems)[number];
-    ai?: (typeof styleVariables.alignItems)[number];
-    alignContent?: (typeof styleVariables.alignContent)[number];
-    ac?: (typeof styleVariables.alignContent)[number];
-    flex1?: boolean;
-    flexDirection?: (typeof styleVariables.flexDirection)[number];
-    d?: (typeof styleVariables.flexDirection)[number];
-    gap?: GapType;
-    rowGap?: GapType;
-    columnGap?: GapType;
-    order?: (typeof styleVariables.order)[number];
-    flexGrow?: (typeof styleVariables.flexGrow)[number];
-    flexShrink?: (typeof styleVariables.flexShrink)[number];
-    alignSelf?: (typeof styleVariables.flexSelf)[number];
-    justifySelf?: (typeof styleVariables.flexSelf)[number];
-}
-interface BoxGrid {
-    gridColumns?: (typeof styleVariables.gridColumns)[number];
-    colSpan?: (typeof styleVariables.gridColumns)[number] | 'full-row';
-    colStart?: (typeof styleVariables.gridColumns)[number];
-    colEnd?: (typeof styleVariables.gridColumns)[number];
-}
-interface BoxTransition {
-    transition?: TransitionType;
-}
-interface BoxUserSelect {
-    userSelect?: UserSelectType;
-}
-interface BoxAppearance {
-    appearance?: AppearanceType;
-}
-interface BoxPointerEvents {
-    pointerEvents?: PointerEventsType;
-}
-type BoxNormalStyles = BoxPseudoClasses & BoxDisplay & BoxSizing & BoxPosition & BoxSize & BoxMargin & BoxPadding & BoxBorder & BoxCursor & BoxZIndex & BoxOverflow & BoxOpacity & BoxFont & BoxText & BoxFlex & BoxOutline & BoxTransition & BoxUserSelect & BoxAppearance & BoxPointerEvents & BoxGrid;
-export declare namespace Augmented {
-    interface BoxProps {
-    }
-    interface SvgProps {
-    }
-}
-export type BoxStyles = BoxNormalStyles & Hovered<BoxNormalStyles> & Focused<BoxNormalStyles> & Activated<BoxNormalStyles> & Augmented.BoxProps;
-export declare const themeClasses: Partial<Record<string, string>>;
-interface SvgNormalStyles {
-    rotate?: 0 | 90 | 180 | 270 | -90 | -180 | -270;
-    flip?: 'xAxis' | 'yAxis';
-}
-export type SvgStyles = SvgNormalStyles & Hovered<SvgNormalStyles> & Focused<SvgNormalStyles> & Activated<SvgNormalStyles> & Augmented.SvgProps;
-export declare const themeSvgClasses: Partial<Record<string, string>>;
-export {};

package/utils/className/classNameUtils.d.ts

@@ -1,5 +0,0 @@
-declare namespace ClassNameUtils {
-    type ClassNameType = undefined | string | string[] | Record<string, boolean> | ClassNameType[];
-    function classNames(...classNameRules: ClassNameType[]): string[];
-}
-export default ClassNameUtils;