<commit_before>// Example uses styled-components, but styled-system works with most other css-in-js libraries as well
import * as React from "react";
import {
    themeGet,
    space,
    width,
    fontSize,
    color,
    fontFamily,
    display,
    SpaceProps,
    WidthProps,
    ColorProps,
    DisplayProps,
    FontSizeProps,
    FontFamilyProps,
    textAlign,
    TextAlignProps,
    background,
    BackgroundProps,
    maxWidth,
    MaxWidthProps,
    lineHeight,
    LineHeightProps,
    FontWeightProps,
    fontWeight,
    letterSpacing,
    LetterSpacingProps,
    minWidth,
    MinWidthProps,
    HeightProps,
    height,
    MaxHeightProps,
    maxHeight,
    minHeight,
    MinHeightProps,
    size,
    SizeProps,
    RatioProps,
    ratio,
    alignItems,
    AlignItemsProps,
    AlignContentProps,
    alignContent,
    justifyContent,
    JustifyContentProps,
    FlexWrapProps,
    flexWrap,
    flexBasis,
    FlexBasisProps,
    borderColor,
    BorderColorProps,
    flexDirection,
    FlexDirectionProps,
    flex,
    FlexProps,
    justifySelf,
    JustifySelfProps,
    alignSelf,
    AlignSelfProps,
    borders,
    BordersProps,
    borderRadius,
    BorderRadiusProps,
    position,
    PositionProps,
    zIndex,
    ZIndexProps,
    top,
    bottom,
    left,
    right,
    TopProps,
    BottomProps,
    LeftProps,
    RightProps,
    boxShadow,
    BoxShadowProps,
    backgroundImage,
    backgroundPosition,
    backgroundRepeat,
    backgroundSize,
    BackgroundImageProps,
    BackgroundPositionProps,
    BackgroundRepeatProps,
    BackgroundSizeProps,
    GridGapProps,
    GridRowGapProps,
    GridColumnGapProps,
    GridRowProps,
    GridColumnProps,
    gridGap,
    gridRowGap,
    gridColumnGap,
    gridRow,
    gridColumn,
    GridAutoFlowProps,
    GridAutoColumnsProps,
    GridAutoRowsProps,
    GridTemplatesRowsProps,
    GridTemplatesColumnsProps,
    gridAutoFlow,
    gridAutoRows,
    gridAutoColumns,
    gridTemplateColumns,
    gridTemplateRows,
    bgColor,
    BgColorProps,
    border,
    borderBottom,
    borderLeft,
    borderRight,
    borderTop,
    BorderProps,
    textStyle,
    colorStyle,
    buttonStyle,
    variant,
    mixed,
    ColorStyleProps,
    TextStyleProps,
    VariantArgs,
    ButtonStyleProps,
    MixedProps,
} from "styled-system";

// tslint:disable-next-line:strict-export-declare-modifiers
declare type StyledFunction = (...props: any[]) => React.ComponentType;
// tslint:disable-next-line:strict-export-declare-modifiers
declare const styled: StyledFunction;

const boxStyle = variant({
    prop: 'boxStyle',
    key: 'box',
});

interface BoxProps
    extends SpaceProps,
        WidthProps,
        FontSizeProps,
        ColorProps,
        DisplayProps,
        BackgroundProps,<commit_msg>Remove unnecessary type in test<commit_after>// Example uses styled-components, but styled-system works with most other css-in-js libraries as well
import * as React from "react";
import {
    themeGet,
    space,
    width,
    fontSize,
    color,
    fontFamily,
    display,
    SpaceProps,
    WidthProps,
    ColorProps,
    DisplayProps,
    FontSizeProps,
    FontFamilyProps,
    textAlign,
    TextAlignProps,
    background,
    BackgroundProps,
    maxWidth,
    MaxWidthProps,
    lineHeight,
    LineHeightProps,
    FontWeightProps,
    fontWeight,
    letterSpacing,
    LetterSpacingProps,
    minWidth,
    MinWidthProps,
    HeightProps,
    height,
    MaxHeightProps,
    maxHeight,
    minHeight,
    MinHeightProps,
    size,
    SizeProps,
    RatioProps,
    ratio,
    alignItems,
    AlignItemsProps,
    AlignContentProps,
    alignContent,
    justifyContent,
    JustifyContentProps,
    FlexWrapProps,
    flexWrap,
    flexBasis,
    FlexBasisProps,
    borderColor,
    BorderColorProps,
    flexDirection,
    FlexDirectionProps,
    flex,
    FlexProps,
    justifySelf,
    JustifySelfProps,
    alignSelf,
    AlignSelfProps,
    borders,
    BordersProps,
    borderRadius,
    BorderRadiusProps,
    position,
    PositionProps,
    zIndex,
    ZIndexProps,
    top,
    bottom,
    left,
    right,
    TopProps,
    BottomProps,
    LeftProps,
    RightProps,
    boxShadow,
    BoxShadowProps,
    backgroundImage,
    backgroundPosition,
    backgroundRepeat,
    backgroundSize,
    BackgroundImageProps,
    BackgroundPositionProps,
    BackgroundRepeatProps,
    BackgroundSizeProps,
    GridGapProps,
    GridRowGapProps,
    GridColumnGapProps,
    GridRowProps,
    GridColumnProps,
    gridGap,
    gridRowGap,
    gridColumnGap,
    gridRow,
    gridColumn,
    GridAutoFlowProps,
    GridAutoColumnsProps,
    GridAutoRowsProps,
    GridTemplatesRowsProps,
    GridTemplatesColumnsProps,
    gridAutoFlow,
    gridAutoRows,
    gridAutoColumns,
    gridTemplateColumns,
    gridTemplateRows,
    bgColor,
    BgColorProps,
    border,
    borderBottom,
    borderLeft,
    borderRight,
    borderTop,
    BorderProps,
    textStyle,
    colorStyle,
    buttonStyle,
    variant,
    mixed,
    ColorStyleProps,
    TextStyleProps,
    VariantArgs,
    ButtonStyleProps,
    MixedProps,
} from "styled-system";

// tslint:disable-next-line:strict-export-declare-modifiers
declare const styled: (...props: any[]) => React.ComponentType;

const boxStyle = variant({
    prop: 'boxStyle',
    key: 'box',
});

interface BoxProps
    extends SpaceProps,
        WidthProps,
        FontSizeProps,
        ColorProps,
        DisplayProps,
        BackgroundProps,
{'fraction_non_alphanumeric': 0.06844589687726943, 'fraction_numerical': 0.0, 'mean_word_length': 2.7298578199052135, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7547918', 'n_tokens_mistral': 1688, 'n_tokens_neox': 1665, 'n_words': 340}