# Snapshot report for `test/e2e/components/h.js`

The actual snapshot is saved in `h.js.snap`.

Generated by [AVA](https://ava.li).

## basic style

> Snapshot 1

    {
      style: {
        alignContent: 'normal',
        alignItems: 'normal',
        alignSelf: 'normal',
        alignmentBaseline: 'auto',
        all: '',
        animation: 'none 0s ease 0s 1 normal none running',
        animationDelay: '0s',
        animationDirection: 'normal',
        animationDuration: '0s',
        animationFillMode: 'none',
        animationIterationCount: '1',
        animationName: 'none',
        animationPlayState: 'running',
        animationTimingFunction: 'ease',
        backfaceVisibility: 'visible',
        background: 'rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box',
        backgroundAttachment: 'scroll',
        backgroundBlendMode: 'normal',
        backgroundClip: 'border-box',
        backgroundColor: 'rgba(0, 0, 0, 0)',
        backgroundImage: 'none',
        backgroundOrigin: 'padding-box',
        backgroundPosition: '0% 0%',
        backgroundPositionX: '0%',
        backgroundPositionY: '0%',
        backgroundRepeat: 'repeat',
        backgroundRepeatX: '',
        backgroundRepeatY: '',
        backgroundSize: 'auto',
        baselineShift: '0px',
        blockSize: '46px',
        border: '0px none rgb(23, 33, 45)',
        borderBottom: '0px none rgb(23, 33, 45)',
        borderBottomColor: 'rgb(23, 33, 45)',
        borderBottomLeftRadius: '0px',
        borderBottomRightRadius: '0px',
        borderBottomStyle: 'none',
        borderBottomWidth: '0px',
        borderCollapse: 'separate',
        borderColor: 'rgb(23, 33, 45)',
        borderImage: 'none',
        borderImageOutset: '0px',
        borderImageRepeat: 'stretch',
        borderImageSlice: '100%',
        borderImageSource: 'none',
        borderImageWidth: '1',
        borderLeft: '0px none rgb(23, 33, 45)',
        borderLeftColor: 'rgb(23, 33, 45)',
        borderLeftStyle: 'none',
        borderLeftWidth: '0px',
        borderRadius: '0px',
        borderRight: '0px none rgb(23, 33, 45)',
        borderRightColor: 'rgb(23, 33, 45)',
        borderRightStyle: 'none',
        borderRightWidth: '0px',
        borderSpacing: '0px 0px',
        borderStyle: 'none',
        borderTop: '0px none rgb(23, 33, 45)',
        borderTopColor: 'rgb(23, 33, 45)',
        borderTopLeftRadius: '0px',
        borderTopRightRadius: '0px',
        borderTopStyle: 'none',
        borderTopWidth: '0px',
        borderWidth: '0px',
        bottom: 'auto',
        boxShadow: 'none',
        boxSizing: 'border-box',
        breakAfter: 'auto',
        breakBefore: 'auto',
        breakInside: 'auto',
        bufferedRendering: 'auto',
        captionSide: 'top',
        caretColor: 'rgb(23, 33, 45)',
        clear: 'none',
        clip: 'auto',
        clipPath: 'none',
        clipRule: 'nonzero',
        color: 'rgb(23, 33, 45)',
        colorInterpolation: 'sRGB',
        colorInterpolationFilters: 'linearRGB',
        colorRendering: 'auto',
        columnCount: 'auto',
        columnFill: 'balance',
        columnGap: 'normal',
        columnRule: '0px none rgb(23, 33, 45)',
        columnRuleColor: 'rgb(23, 33, 45)',
        columnRuleStyle: 'none',
        columnRuleWidth: '0px',
        columnSpan: 'none',
        columnWidth: 'auto',
        columns: 'auto auto',
        contain: 'none',
        content: '',
        counterIncrement: 'none',
        counterReset: 'none',
        cursor: 'auto',
        cx: '0px',
        cy: '0px',
        d: 'none',
        direction: 'ltr',
        display: 'block',
        dominantBaseline: 'auto',
        emptyCells: 'show',
        fill: 'rgb(0, 0, 0)',
        fillOpacity: '1',
        fillRule: 'nonzero',
        filter: 'none',
        flex: '0 1 auto',
        flexBasis: 'auto',
        flexDirection: 'row',
        flexFlow: 'row nowrap',
        flexGrow: '0',
        flexShrink: '1',
        flexWrap: 'nowrap',
        float: 'none',
        floodColor: 'rgb(0, 0, 0)',
        floodOpacity: '1',
        font: 'normal normal normal normal 28.8px / 46.08px PingFangSC-Thin, sans-serif',
        fontFamily: 'PingFangSC-Thin, sans-serif',
        fontFeatureSettings: 'normal',
        fontKerning: 'auto',
        fontSize: '28.8px',
        fontStretch: 'normal',
        fontStyle: 'normal',
        fontVariant: 'normal',
        fontVariantCaps: 'normal',
        fontVariantLigatures: 'normal',
        fontVariantNumeric: 'normal',
        fontWeight: 'normal',
        grid: 'none / none / none / row / auto / auto / 0px / 0px',
        gridArea: 'auto / auto / auto / auto',
        gridAutoColumns: 'auto',
        gridAutoFlow: 'row',
        gridAutoRows: 'auto',
        gridColumn: 'auto / auto',
        gridColumnEnd: 'auto',
        gridColumnGap: '0px',
        gridColumnStart: 'auto',
        gridGap: '0px 0px',
        gridRow: 'auto / auto',
        gridRowEnd: 'auto',
        gridRowGap: '0px',
        gridRowStart: 'auto',
        gridTemplate: 'none / none / none',
        gridTemplateAreas: 'none',
        gridTemplateColumns: 'none',
        gridTemplateRows: 'none',
        height: '46px',
        hyphens: 'manual',
        imageRendering: 'auto',
        inlineSize: '778px',
        isolation: 'auto',
        justifyContent: 'normal',
        justifyItems: 'normal',
        justifySelf: 'normal',
        left: 'auto',
        letterSpacing: 'normal',
        lightingColor: 'rgb(255, 255, 255)',
        lineHeight: '46.08px',
        listStyle: 'disc outside none',
        listStyleImage: 'none',
        listStylePosition: 'outside',
        listStyleType: 'disc',
        margin: '18.72px 0px',
        marginBottom: '18.72px',
        marginLeft: '0px',
        marginRight: '0px',
        marginTop: '18.72px',
        marker: '',
        markerEnd: 'none',
        markerMid: 'none',
        markerStart: 'none',
        mask: 'none',
        maskType: 'luminance',
        maxBlockSize: 'none',
        maxHeight: 'none',
        maxInlineSize: 'none',
        maxWidth: 'none',
        maxZoom: '',
        minBlockSize: '0px',
        minHeight: '0px',
        minInlineSize: '0px',
        minWidth: '0px',
        minZoom: '',
        mixBlendMode: 'normal',
        motion: 'none 0px auto 0deg',
        objectFit: 'fill',
        objectPosition: '50% 50%',
        offset: 'none 0px auto 0deg',
        offsetDistance: '0px',
        offsetPath: 'none',
        offsetRotate: 'auto 0deg',
        offsetRotation: 'auto 0deg',
        opacity: '1',
        order: '0',
        orientation: '',
        orphans: '2',
        outline: 'rgb(23, 33, 45) none 0px',
        outlineColor: 'rgb(23, 33, 45)',
        outlineOffset: '0px',
        outlineStyle: 'none',
        outlineWidth: '0px',
        overflow: 'visible',
        overflowAnchor: 'auto',
        overflowWrap: 'break-word',
        overflowX: 'visible',
        overflowY: 'visible',
        padding: '0px',
        paddingBottom: '0px',
        paddingLeft: '0px',
        paddingRight: '0px',
        paddingTop: '0px',
        page: '',
        pageBreakAfter: 'auto',
        pageBreakBefore: 'auto',
        pageBreakInside: 'auto',
        paintOrder: 'fill stroke markers',
        perspective: 'none',
        perspectiveOrigin: '389px 23px',
        placeContent: 'normal normal',
        placeItems: 'normal normal',
        placeSelf: 'normal normal',
        pointerEvents: 'auto',
        position: 'static',
        quotes: '',
        r: '0px',
        resize: 'none',
        right: 'auto',
        rx: 'auto',
        ry: 'auto',
        shapeImageThreshold: '0',
        shapeMargin: '0px',
        shapeOutside: 'none',
        shapeRendering: 'auto',
        size: '',
        speak: 'normal',
        src: '',
        stopColor: 'rgb(0, 0, 0)',
        stopOpacity: '1',
        stroke: 'none',
        strokeDasharray: 'none',
        strokeDashoffset: '0px',
        strokeLinecap: 'butt',
        strokeLinejoin: 'miter',
        strokeMiterlimit: '4',
        strokeOpacity: '1',
        strokeWidth: '1px',
        tabSize: '8',
        tableLayout: 'auto',
        textAlign: 'start',
        textAlignLast: 'auto',
        textAnchor: 'start',
        textCombineUpright: 'none',
        textDecoration: 'none solid rgb(23, 33, 45)',
        textDecorationColor: 'rgb(23, 33, 45)',
        textDecorationLine: 'none',
        textDecorationSkip: 'objects',
        textDecorationStyle: 'solid',
        textIndent: '0px',
        textOrientation: 'mixed',
        textOverflow: 'clip',
        textRendering: 'auto',
        textShadow: 'none',
        textSizeAdjust: '100%',
        textTransform: 'none',
        textUnderlinePosition: 'auto',
        top: 'auto',
        touchAction: 'auto',
        transform: 'none',
        transformStyle: 'flat',
        transition: 'all 0s ease 0s',
        transitionDelay: '0s',
        transitionDuration: '0s',
        transitionProperty: 'all',
        transitionTimingFunction: 'ease',
        unicodeBidi: 'normal',
        unicodeRange: '',
        userSelect: 'text',
        userZoom: '',
        vectorEffect: 'none',
        verticalAlign: 'middle',
        visibility: 'visible',
        webkitAppRegion: 'no-drag',
        webkitAppearance: 'none',
        webkitBackgroundClip: 'border-box',
        webkitBackgroundOrigin: 'padding-box',
        webkitBorderAfter: '0px none rgb(23, 33, 45)',
        webkitBorderAfterColor: 'rgb(23, 33, 45)',
        webkitBorderAfterStyle: 'none',
        webkitBorderAfterWidth: '0px',
        webkitBorderBefore: '0px none rgb(23, 33, 45)',
        webkitBorderBeforeColor: 'rgb(23, 33, 45)',
        webkitBorderBeforeStyle: 'none',
        webkitBorderBeforeWidth: '0px',
        webkitBorderEnd: '0px none rgb(23, 33, 45)',
        webkitBorderEndColor: 'rgb(23, 33, 45)',
        webkitBorderEndStyle: 'none',
        webkitBorderEndWidth: '0px',
        webkitBorderHorizontalSpacing: '0px',
        webkitBorderImage: 'none',
        webkitBorderStart: '0px none rgb(23, 33, 45)',
        webkitBorderStartColor: 'rgb(23, 33, 45)',
        webkitBorderStartStyle: 'none',
        webkitBorderStartWidth: '0px',
        webkitBorderVerticalSpacing: '0px',
        webkitBoxAlign: 'stretch',
        webkitBoxDecorationBreak: 'slice',
        webkitBoxDirection: 'normal',
        webkitBoxFlex: '0',
        webkitBoxFlexGroup: '1',
        webkitBoxLines: 'single',
        webkitBoxOrdinalGroup: '1',
        webkitBoxOrient: 'horizontal',
        webkitBoxPack: 'start',
        webkitBoxReflect: 'none',
        webkitColumnBreakAfter: 'auto',
        webkitColumnBreakBefore: 'auto',
        webkitColumnBreakInside: 'auto',
        webkitFontSizeDelta: '',
        webkitFontSmoothing: 'auto',
        webkitHighlight: 'none',
        webkitHyphenateCharacter: 'auto',
        webkitLineBreak: 'auto',
        webkitLineClamp: 'none',
        webkitLogicalHeight: '46px',
        webkitLogicalWidth: '778px',
        webkitMarginAfter: '18.72px',
        webkitMarginAfterCollapse: 'collapse',
        webkitMarginBefore: '18.72px',
        webkitMarginBeforeCollapse: 'collapse',
        webkitMarginBottomCollapse: 'collapse',
        webkitMarginCollapse: '',
        webkitMarginEnd: '0px',
        webkitMarginStart: '0px',
        webkitMarginTopCollapse: 'collapse',
        webkitMask: '',
        webkitMaskBoxImage: 'none',
        webkitMaskBoxImageOutset: '0px',
        webkitMaskBoxImageRepeat: 'stretch',
        webkitMaskBoxImageSlice: '0 fill',
        webkitMaskBoxImageSource: 'none',
        webkitMaskBoxImageWidth: 'auto',
        webkitMaskClip: 'border-box',
        webkitMaskComposite: 'source-over',
        webkitMaskImage: 'none',
        webkitMaskOrigin: 'border-box',
        webkitMaskPosition: '0% 0%',
        webkitMaskPositionX: '0%',
        webkitMaskPositionY: '0%',
        webkitMaskRepeat: 'repeat',
        webkitMaskRepeatX: '',
        webkitMaskRepeatY: '',
        webkitMaskSize: 'auto',
        webkitMaxLogicalHeight: 'none',
        webkitMaxLogicalWidth: 'none',
        webkitMinLogicalHeight: '0px',
        webkitMinLogicalWidth: '0px',
        webkitPaddingAfter: '0px',
        webkitPaddingBefore: '0px',
        webkitPaddingEnd: '0px',
        webkitPaddingStart: '0px',
        webkitPerspectiveOriginX: '',
        webkitPerspectiveOriginY: '',
        webkitPrintColorAdjust: 'economy',
        webkitRtlOrdering: 'logical',
        webkitRubyPosition: 'before',
        webkitTextCombine: 'none',
        webkitTextDecorationsInEffect: 'none',
        webkitTextEmphasis: '',
        webkitTextEmphasisColor: 'rgb(23, 33, 45)',
        webkitTextEmphasisPosition: 'over',
        webkitTextEmphasisStyle: 'none',
        webkitTextFillColor: 'rgb(23, 33, 45)',
        webkitTextOrientation: 'vertical-right',
        webkitTextSecurity: 'none',
        webkitTextStroke: '',
        webkitTextStrokeColor: 'rgb(23, 33, 45)',
        webkitTextStrokeWidth: '0px',
        webkitTransformOriginX: '',
        webkitTransformOriginY: '',
        webkitTransformOriginZ: '',
        webkitUserDrag: 'auto',
        webkitUserModify: 'read-only',
        webkitWritingMode: 'horizontal-tb',
        whiteSpace: 'normal',
        widows: '2',
        width: '778px',
        willChange: 'auto',
        wordBreak: 'normal',
        wordSpacing: '0px',
        wordWrap: 'break-word',
        writingMode: 'horizontal-tb',
        x: '0px',
        y: '0px',
        zIndex: 'auto',
        zoom: '1',
      },
    }

## color

> Snapshot 1

    {
      color: {
        black: {
          color: 'rgb(23, 33, 45)',
        },
        blue: {
          color: 'rgb(124, 139, 160)',
        },
        danger: {
          color: 'rgb(214, 68, 49)',
        },
        'dark-theme': {
          color: 'rgb(210, 35, 67)',
        },
        'extra-light-black': {
          color: 'rgb(69, 80, 92)',
        },
        'extra-light-blue': {
          color: 'rgb(168, 179, 194)',
        },
        'extra-light-silver': {
          color: 'rgb(237, 241, 245)',
        },
        gray: {
          color: 'rgb(230, 230, 230)',
        },
        info: {
          color: 'rgb(3, 166, 185)',
        },
        'light-black': {
          color: 'rgb(48, 60, 75)',
        },
        'light-blue': {
          color: 'rgb(142, 156, 175)',
        },
        'light-gray': {
          color: 'rgb(240, 240, 240)',
        },
        'light-silver': {
          color: 'rgb(226, 232, 238)',
        },
        'light-theme': {
          color: 'rgb(248, 111, 136)',
        },
        minor: {
          color: 'rgb(169, 169, 169)',
        },
        primary: {
          color: 'rgb(33, 133, 208)',
        },
        silver: {
          color: 'rgb(214, 221, 229)',
        },
        success: {
          color: 'rgb(77, 189, 103)',
        },
        theme: {
          color: 'rgb(243, 61, 93)',
        },
        warning: {
          color: 'rgb(240, 173, 78)',
        },
        white: {
          color: 'rgb(255, 255, 255)',
        },
      },
      default: {
        color: 'rgb(23, 33, 45)',
      },
    }

## size

> Snapshot 1

    {
      default: {
        'font-size': '28.8px',
      },
      size: {
        l: {
          'font-size': '34.56px',
        },
        m: {
          'font-size': '28.8px',
        },
        s: {
          'font-size': '23.04px',
        },
        xl: {
          'font-size': '46.08px',
        },
        xs: {
          'font-size': '20.16px',
        },
        xxl: {
          'font-size': '57.6px',
        },
        xxs: {
          'font-size': '16px',
        },
      },
    }

## state

> Snapshot 1

    {
      default: {
        'animation-name': 'none',
      },
      state_na: {
        apparent: {
          'animation-name': 'apparent',
        },
        normal: {
          'animation-name': 'none',
        },
      },
    }
