@dnanpm/styleguide 4.0.9 → 4.0.10

package/build/es/utils/common.js

@@ -1,24 +1,20 @@
 import theme from '../themes/theme.js';
 
-const getElevationShadow = ({ elevation, shadow, }) => {
-    const shadowConfig = {
-        none: [0, 0, 0],
-        low: [0, 2, 16, `${theme.color.default.black}0f`],
-        high: [0, 6, 24, `${theme.color.default.black}14`],
-        extraHigh: [0, 8, 64, `${theme.color.default.black}29`],
-    };
-    const sidesMap = shadow === null || shadow === void 0 ? void 0 : shadow.split(' ').map(Number);
-    const clipSize = sidesMap &&
-        shadowConfig[elevation]
-            .filter((arg) => typeof arg === 'number')
-            .reduce((sum, v) => sum + v);
-    const boxShadow = `box-shadow: ${shadowConfig[elevation].join('px ')};`;
-    const clipPath = sidesMap && clipSize
-        ? `clip-path: inset(${sidesMap
-            .map(val => (val ? `-${clipSize}px` : '0px'))
-            .join(' ')});`
-        : '';
-    return `${boxShadow}${clipPath}`;
+const getElevationShadow = ({
+  elevation,
+  shadow
+}) => {
+  const shadowConfig = {
+    none: [0, 0, 0],
+    low: [0, 2, 16, `${theme.color.default.black}0f`],
+    high: [0, 6, 24, `${theme.color.default.black}14`],
+    extraHigh: [0, 8, 64, `${theme.color.default.black}29`]
+  };
+  const sidesMap = shadow === null || shadow === void 0 ? void 0 : shadow.split(' ').map(Number);
+  const clipSize = sidesMap && shadowConfig[elevation].filter(arg => typeof arg === 'number').reduce((sum, v) => sum + v);
+  const boxShadow = `box-shadow: ${shadowConfig[elevation].join('px ')};`;
+  const clipPath = sidesMap && clipSize ? `clip-path: inset(${sidesMap.map(val => val ? `-${clipSize}px` : '0px').join(' ')});` : '';
+  return `${boxShadow}${clipPath}`;
 };
 
 export { getElevationShadow as default };

package/build/es/utils/createStyled.d.ts

@@ -1,139 +1,159 @@
 import * as styledComponents from 'styled-components';
 declare const createStyled: () => {
-    styled: (<Target extends styledComponents.WebTarget, InjectedProps extends object = import("styled-components/dist/types").BaseObject>(tag: Target) => styledComponents.StyledInstance<"web", Target, Target extends import("styled-components/dist/types").KnownTarget ? React.ComponentPropsWithRef<Target> & InjectedProps : InjectedProps, import("styled-components/dist/types").BaseObject>) & {
-        object: styledComponents.StyledInstance<"web", "object", React.DetailedHTMLProps<React.ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, import("styled-components/dist/types").BaseObject>;
-        g: styledComponents.StyledInstance<"web", "g", React.SVGProps<SVGGElement>, import("styled-components/dist/types").BaseObject>;
-        map: styledComponents.StyledInstance<"web", "map", React.DetailedHTMLProps<React.MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, import("styled-components/dist/types").BaseObject>;
-        big: styledComponents.StyledInstance<"web", "big", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        link: styledComponents.StyledInstance<"web", "link", React.DetailedHTMLProps<React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, import("styled-components/dist/types").BaseObject>;
-        small: styledComponents.StyledInstance<"web", "small", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        sub: styledComponents.StyledInstance<"web", "sub", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        sup: styledComponents.StyledInstance<"web", "sup", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        a: styledComponents.StyledInstance<"web", "a", React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, import("styled-components/dist/types").BaseObject>;
-        abbr: styledComponents.StyledInstance<"web", "abbr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        address: styledComponents.StyledInstance<"web", "address", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        area: styledComponents.StyledInstance<"web", "area", React.DetailedHTMLProps<React.AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, import("styled-components/dist/types").BaseObject>;
-        article: styledComponents.StyledInstance<"web", "article", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        aside: styledComponents.StyledInstance<"web", "aside", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        audio: styledComponents.StyledInstance<"web", "audio", React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, import("styled-components/dist/types").BaseObject>;
-        b: styledComponents.StyledInstance<"web", "b", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        base: styledComponents.StyledInstance<"web", "base", React.DetailedHTMLProps<React.BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, import("styled-components/dist/types").BaseObject>;
-        bdi: styledComponents.StyledInstance<"web", "bdi", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        bdo: styledComponents.StyledInstance<"web", "bdo", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        blockquote: styledComponents.StyledInstance<"web", "blockquote", React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("styled-components/dist/types").BaseObject>;
-        body: styledComponents.StyledInstance<"web", "body", React.DetailedHTMLProps<React.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, import("styled-components/dist/types").BaseObject>;
-        br: styledComponents.StyledInstance<"web", "br", React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>, import("styled-components/dist/types").BaseObject>;
-        button: styledComponents.StyledInstance<"web", "button", React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("styled-components/dist/types").BaseObject>;
-        canvas: styledComponents.StyledInstance<"web", "canvas", React.DetailedHTMLProps<React.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, import("styled-components/dist/types").BaseObject>;
-        caption: styledComponents.StyledInstance<"web", "caption", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        cite: styledComponents.StyledInstance<"web", "cite", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        code: styledComponents.StyledInstance<"web", "code", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        col: styledComponents.StyledInstance<"web", "col", React.DetailedHTMLProps<React.ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("styled-components/dist/types").BaseObject>;
-        colgroup: styledComponents.StyledInstance<"web", "colgroup", React.DetailedHTMLProps<React.ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("styled-components/dist/types").BaseObject>;
-        data: styledComponents.StyledInstance<"web", "data", React.DetailedHTMLProps<React.DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, import("styled-components/dist/types").BaseObject>;
-        datalist: styledComponents.StyledInstance<"web", "datalist", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, import("styled-components/dist/types").BaseObject>;
-        dd: styledComponents.StyledInstance<"web", "dd", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        del: styledComponents.StyledInstance<"web", "del", React.DetailedHTMLProps<React.DelHTMLAttributes<HTMLModElement>, HTMLModElement>, import("styled-components/dist/types").BaseObject>;
-        details: styledComponents.StyledInstance<"web", "details", React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, import("styled-components/dist/types").BaseObject>;
-        dfn: styledComponents.StyledInstance<"web", "dfn", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        dialog: styledComponents.StyledInstance<"web", "dialog", React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, import("styled-components/dist/types").BaseObject>;
-        div: styledComponents.StyledInstance<"web", "div", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("styled-components/dist/types").BaseObject>;
-        dl: styledComponents.StyledInstance<"web", "dl", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, import("styled-components/dist/types").BaseObject>;
-        dt: styledComponents.StyledInstance<"web", "dt", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        em: styledComponents.StyledInstance<"web", "em", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        embed: styledComponents.StyledInstance<"web", "embed", React.DetailedHTMLProps<React.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, import("styled-components/dist/types").BaseObject>;
-        fieldset: styledComponents.StyledInstance<"web", "fieldset", React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, import("styled-components/dist/types").BaseObject>;
-        figcaption: styledComponents.StyledInstance<"web", "figcaption", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        figure: styledComponents.StyledInstance<"web", "figure", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        footer: styledComponents.StyledInstance<"web", "footer", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        form: styledComponents.StyledInstance<"web", "form", React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, import("styled-components/dist/types").BaseObject>;
-        h1: styledComponents.StyledInstance<"web", "h1", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
-        h2: styledComponents.StyledInstance<"web", "h2", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
-        h3: styledComponents.StyledInstance<"web", "h3", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
-        h4: styledComponents.StyledInstance<"web", "h4", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
-        h5: styledComponents.StyledInstance<"web", "h5", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
-        h6: styledComponents.StyledInstance<"web", "h6", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
-        header: styledComponents.StyledInstance<"web", "header", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        hgroup: styledComponents.StyledInstance<"web", "hgroup", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        hr: styledComponents.StyledInstance<"web", "hr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, import("styled-components/dist/types").BaseObject>;
-        html: styledComponents.StyledInstance<"web", "html", React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, import("styled-components/dist/types").BaseObject>;
-        i: styledComponents.StyledInstance<"web", "i", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        iframe: styledComponents.StyledInstance<"web", "iframe", React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, import("styled-components/dist/types").BaseObject>;
-        img: styledComponents.StyledInstance<"web", "img", React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, import("styled-components/dist/types").BaseObject>;
-        input: styledComponents.StyledInstance<"web", "input", React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("styled-components/dist/types").BaseObject>;
-        ins: styledComponents.StyledInstance<"web", "ins", React.DetailedHTMLProps<React.InsHTMLAttributes<HTMLModElement>, HTMLModElement>, import("styled-components/dist/types").BaseObject>;
-        kbd: styledComponents.StyledInstance<"web", "kbd", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        keygen: styledComponents.StyledInstance<"web", "keygen", React.DetailedHTMLProps<React.KeygenHTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        label: styledComponents.StyledInstance<"web", "label", React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("styled-components/dist/types").BaseObject>;
-        legend: styledComponents.StyledInstance<"web", "legend", React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, import("styled-components/dist/types").BaseObject>;
-        li: styledComponents.StyledInstance<"web", "li", React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, import("styled-components/dist/types").BaseObject>;
-        main: styledComponents.StyledInstance<"web", "main", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        mark: styledComponents.StyledInstance<"web", "mark", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        menu: styledComponents.StyledInstance<"web", "menu", React.DetailedHTMLProps<React.MenuHTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        menuitem: styledComponents.StyledInstance<"web", "menuitem", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        meta: styledComponents.StyledInstance<"web", "meta", React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, import("styled-components/dist/types").BaseObject>;
-        meter: styledComponents.StyledInstance<"web", "meter", React.DetailedHTMLProps<React.MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>, import("styled-components/dist/types").BaseObject>;
-        nav: styledComponents.StyledInstance<"web", "nav", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        noscript: styledComponents.StyledInstance<"web", "noscript", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        ol: styledComponents.StyledInstance<"web", "ol", React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, import("styled-components/dist/types").BaseObject>;
-        optgroup: styledComponents.StyledInstance<"web", "optgroup", React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, import("styled-components/dist/types").BaseObject>;
-        option: styledComponents.StyledInstance<"web", "option", React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, import("styled-components/dist/types").BaseObject>;
-        output: styledComponents.StyledInstance<"web", "output", React.DetailedHTMLProps<React.OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, import("styled-components/dist/types").BaseObject>;
-        p: styledComponents.StyledInstance<"web", "p", React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("styled-components/dist/types").BaseObject>;
-        param: styledComponents.StyledInstance<"web", "param", React.DetailedHTMLProps<React.ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, import("styled-components/dist/types").BaseObject>;
-        picture: styledComponents.StyledInstance<"web", "picture", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        pre: styledComponents.StyledInstance<"web", "pre", React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, import("styled-components/dist/types").BaseObject>;
-        progress: styledComponents.StyledInstance<"web", "progress", React.DetailedHTMLProps<React.ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, import("styled-components/dist/types").BaseObject>;
-        q: styledComponents.StyledInstance<"web", "q", React.DetailedHTMLProps<React.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("styled-components/dist/types").BaseObject>;
-        rp: styledComponents.StyledInstance<"web", "rp", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        rt: styledComponents.StyledInstance<"web", "rt", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        ruby: styledComponents.StyledInstance<"web", "ruby", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        s: styledComponents.StyledInstance<"web", "s", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        samp: styledComponents.StyledInstance<"web", "samp", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        script: styledComponents.StyledInstance<"web", "script", React.DetailedHTMLProps<React.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, import("styled-components/dist/types").BaseObject>;
-        section: styledComponents.StyledInstance<"web", "section", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        select: styledComponents.StyledInstance<"web", "select", React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, import("styled-components/dist/types").BaseObject>;
-        source: styledComponents.StyledInstance<"web", "source", React.DetailedHTMLProps<React.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, import("styled-components/dist/types").BaseObject>;
-        span: styledComponents.StyledInstance<"web", "span", React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("styled-components/dist/types").BaseObject>;
-        strong: styledComponents.StyledInstance<"web", "strong", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        style: styledComponents.StyledInstance<"web", "style", React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, import("styled-components/dist/types").BaseObject>;
-        summary: styledComponents.StyledInstance<"web", "summary", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        table: styledComponents.StyledInstance<"web", "table", React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, import("styled-components/dist/types").BaseObject>;
-        tbody: styledComponents.StyledInstance<"web", "tbody", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("styled-components/dist/types").BaseObject>;
-        td: styledComponents.StyledInstance<"web", "td", React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, import("styled-components/dist/types").BaseObject>;
-        textarea: styledComponents.StyledInstance<"web", "textarea", React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, import("styled-components/dist/types").BaseObject>;
-        tfoot: styledComponents.StyledInstance<"web", "tfoot", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("styled-components/dist/types").BaseObject>;
-        th: styledComponents.StyledInstance<"web", "th", React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, import("styled-components/dist/types").BaseObject>;
-        thead: styledComponents.StyledInstance<"web", "thead", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("styled-components/dist/types").BaseObject>;
-        time: styledComponents.StyledInstance<"web", "time", React.DetailedHTMLProps<React.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, import("styled-components/dist/types").BaseObject>;
-        tr: styledComponents.StyledInstance<"web", "tr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, import("styled-components/dist/types").BaseObject>;
-        track: styledComponents.StyledInstance<"web", "track", React.DetailedHTMLProps<React.TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, import("styled-components/dist/types").BaseObject>;
-        u: styledComponents.StyledInstance<"web", "u", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        ul: styledComponents.StyledInstance<"web", "ul", React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, import("styled-components/dist/types").BaseObject>;
-        var: styledComponents.StyledInstance<"web", "var", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        video: styledComponents.StyledInstance<"web", "video", React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, import("styled-components/dist/types").BaseObject>;
-        wbr: styledComponents.StyledInstance<"web", "wbr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
-        svg: styledComponents.StyledInstance<"web", "svg", React.SVGProps<SVGSVGElement>, import("styled-components/dist/types").BaseObject>;
-        circle: styledComponents.StyledInstance<"web", "circle", React.SVGProps<SVGCircleElement>, import("styled-components/dist/types").BaseObject>;
-        clipPath: styledComponents.StyledInstance<"web", "clipPath", React.SVGProps<SVGClipPathElement>, import("styled-components/dist/types").BaseObject>;
-        defs: styledComponents.StyledInstance<"web", "defs", React.SVGProps<SVGDefsElement>, import("styled-components/dist/types").BaseObject>;
-        ellipse: styledComponents.StyledInstance<"web", "ellipse", React.SVGProps<SVGEllipseElement>, import("styled-components/dist/types").BaseObject>;
-        foreignObject: styledComponents.StyledInstance<"web", "foreignObject", React.SVGProps<SVGForeignObjectElement>, import("styled-components/dist/types").BaseObject>;
-        image: styledComponents.StyledInstance<"web", "image", React.SVGProps<SVGImageElement>, import("styled-components/dist/types").BaseObject>;
-        line: styledComponents.StyledInstance<"web", "line", React.SVGLineElementAttributes<SVGLineElement>, import("styled-components/dist/types").BaseObject>;
-        linearGradient: styledComponents.StyledInstance<"web", "linearGradient", React.SVGProps<SVGLinearGradientElement>, import("styled-components/dist/types").BaseObject>;
-        marker: styledComponents.StyledInstance<"web", "marker", React.SVGProps<SVGMarkerElement>, import("styled-components/dist/types").BaseObject>;
-        mask: styledComponents.StyledInstance<"web", "mask", React.SVGProps<SVGMaskElement>, import("styled-components/dist/types").BaseObject>;
-        path: styledComponents.StyledInstance<"web", "path", React.SVGProps<SVGPathElement>, import("styled-components/dist/types").BaseObject>;
-        pattern: styledComponents.StyledInstance<"web", "pattern", React.SVGProps<SVGPatternElement>, import("styled-components/dist/types").BaseObject>;
-        polygon: styledComponents.StyledInstance<"web", "polygon", React.SVGProps<SVGPolygonElement>, import("styled-components/dist/types").BaseObject>;
-        polyline: styledComponents.StyledInstance<"web", "polyline", React.SVGProps<SVGPolylineElement>, import("styled-components/dist/types").BaseObject>;
-        radialGradient: styledComponents.StyledInstance<"web", "radialGradient", React.SVGProps<SVGRadialGradientElement>, import("styled-components/dist/types").BaseObject>;
-        rect: styledComponents.StyledInstance<"web", "rect", React.SVGProps<SVGRectElement>, import("styled-components/dist/types").BaseObject>;
-        stop: styledComponents.StyledInstance<"web", "stop", React.SVGProps<SVGStopElement>, import("styled-components/dist/types").BaseObject>;
-        text: styledComponents.StyledInstance<"web", "text", React.SVGTextElementAttributes<SVGTextElement>, import("styled-components/dist/types").BaseObject>;
-        tspan: styledComponents.StyledInstance<"web", "tspan", React.SVGProps<SVGTSpanElement>, import("styled-components/dist/types").BaseObject>;
-        use: styledComponents.StyledInstance<"web", "use", React.SVGProps<SVGUseElement>, import("styled-components/dist/types").BaseObject>;
+    styled: (<Target extends styledComponents.WebTarget, InjectedProps extends object = import("styled-components/dist/types").BaseObject>(tag: Target) => styledComponents.StyledInstance<"web", Target, Target extends import("styled-components/dist/types").KnownTarget ? React.ComponentPropsWithRef<Target> & InjectedProps : InjectedProps, import("styled-components/dist/types").BaseObject, never>) & {
+        symbol: styledComponents.StyledInstance<"web", "symbol", import("react").SVGProps<SVGSymbolElement>, import("styled-components/dist/types").BaseObject, never>;
+        object: styledComponents.StyledInstance<"web", "object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, import("styled-components/dist/types").BaseObject, never>;
+        map: styledComponents.StyledInstance<"web", "map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, import("styled-components/dist/types").BaseObject, never>;
+        filter: styledComponents.StyledInstance<"web", "filter", import("react").SVGProps<SVGFilterElement>, import("styled-components/dist/types").BaseObject, never>;
+        article: styledComponents.StyledInstance<"web", "article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        button: styledComponents.StyledInstance<"web", "button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("styled-components/dist/types").BaseObject, never>;
+        dialog: styledComponents.StyledInstance<"web", "dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, import("styled-components/dist/types").BaseObject, never>;
+        figure: styledComponents.StyledInstance<"web", "figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        form: styledComponents.StyledInstance<"web", "form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, import("styled-components/dist/types").BaseObject, never>;
+        img: styledComponents.StyledInstance<"web", "img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, import("styled-components/dist/types").BaseObject, never>;
+        main: styledComponents.StyledInstance<"web", "main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        menu: styledComponents.StyledInstance<"web", "menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        option: styledComponents.StyledInstance<"web", "option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, import("styled-components/dist/types").BaseObject, never>;
+        search: styledComponents.StyledInstance<"web", "search", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        switch: styledComponents.StyledInstance<"web", "switch", import("react").SVGProps<SVGSwitchElement>, import("styled-components/dist/types").BaseObject, never>;
+        table: styledComponents.StyledInstance<"web", "table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, import("styled-components/dist/types").BaseObject, never>;
+        a: styledComponents.StyledInstance<"web", "a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, import("styled-components/dist/types").BaseObject, never>;
+        abbr: styledComponents.StyledInstance<"web", "abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        address: styledComponents.StyledInstance<"web", "address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        area: styledComponents.StyledInstance<"web", "area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, import("styled-components/dist/types").BaseObject, never>;
+        aside: styledComponents.StyledInstance<"web", "aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        audio: styledComponents.StyledInstance<"web", "audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, import("styled-components/dist/types").BaseObject, never>;
+        b: styledComponents.StyledInstance<"web", "b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        bdi: styledComponents.StyledInstance<"web", "bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        bdo: styledComponents.StyledInstance<"web", "bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        blockquote: styledComponents.StyledInstance<"web", "blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("styled-components/dist/types").BaseObject, never>;
+        body: styledComponents.StyledInstance<"web", "body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, import("styled-components/dist/types").BaseObject, never>;
+        br: styledComponents.StyledInstance<"web", "br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, import("styled-components/dist/types").BaseObject, never>;
+        canvas: styledComponents.StyledInstance<"web", "canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, import("styled-components/dist/types").BaseObject, never>;
+        caption: styledComponents.StyledInstance<"web", "caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        cite: styledComponents.StyledInstance<"web", "cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        code: styledComponents.StyledInstance<"web", "code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        col: styledComponents.StyledInstance<"web", "col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("styled-components/dist/types").BaseObject, never>;
+        colgroup: styledComponents.StyledInstance<"web", "colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("styled-components/dist/types").BaseObject, never>;
+        data: styledComponents.StyledInstance<"web", "data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, import("styled-components/dist/types").BaseObject, never>;
+        datalist: styledComponents.StyledInstance<"web", "datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, import("styled-components/dist/types").BaseObject, never>;
+        dd: styledComponents.StyledInstance<"web", "dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        del: styledComponents.StyledInstance<"web", "del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLModElement>, HTMLModElement>, import("styled-components/dist/types").BaseObject, never>;
+        details: styledComponents.StyledInstance<"web", "details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, import("styled-components/dist/types").BaseObject, never>;
+        dfn: styledComponents.StyledInstance<"web", "dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        div: styledComponents.StyledInstance<"web", "div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("styled-components/dist/types").BaseObject, never>;
+        dl: styledComponents.StyledInstance<"web", "dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, import("styled-components/dist/types").BaseObject, never>;
+        dt: styledComponents.StyledInstance<"web", "dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        em: styledComponents.StyledInstance<"web", "em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        embed: styledComponents.StyledInstance<"web", "embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, import("styled-components/dist/types").BaseObject, never>;
+        fieldset: styledComponents.StyledInstance<"web", "fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, import("styled-components/dist/types").BaseObject, never>;
+        figcaption: styledComponents.StyledInstance<"web", "figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        footer: styledComponents.StyledInstance<"web", "footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        h1: styledComponents.StyledInstance<"web", "h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject, never>;
+        h2: styledComponents.StyledInstance<"web", "h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject, never>;
+        h3: styledComponents.StyledInstance<"web", "h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject, never>;
+        h4: styledComponents.StyledInstance<"web", "h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject, never>;
+        h5: styledComponents.StyledInstance<"web", "h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject, never>;
+        h6: styledComponents.StyledInstance<"web", "h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject, never>;
+        header: styledComponents.StyledInstance<"web", "header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        hgroup: styledComponents.StyledInstance<"web", "hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        hr: styledComponents.StyledInstance<"web", "hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, import("styled-components/dist/types").BaseObject, never>;
+        html: styledComponents.StyledInstance<"web", "html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, import("styled-components/dist/types").BaseObject, never>;
+        i: styledComponents.StyledInstance<"web", "i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        iframe: styledComponents.StyledInstance<"web", "iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, import("styled-components/dist/types").BaseObject, never>;
+        input: styledComponents.StyledInstance<"web", "input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("styled-components/dist/types").BaseObject, never>;
+        ins: styledComponents.StyledInstance<"web", "ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, import("styled-components/dist/types").BaseObject, never>;
+        kbd: styledComponents.StyledInstance<"web", "kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        label: styledComponents.StyledInstance<"web", "label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("styled-components/dist/types").BaseObject, never>;
+        legend: styledComponents.StyledInstance<"web", "legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, import("styled-components/dist/types").BaseObject, never>;
+        li: styledComponents.StyledInstance<"web", "li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, import("styled-components/dist/types").BaseObject, never>;
+        mark: styledComponents.StyledInstance<"web", "mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        meter: styledComponents.StyledInstance<"web", "meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>, import("styled-components/dist/types").BaseObject, never>;
+        nav: styledComponents.StyledInstance<"web", "nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        ol: styledComponents.StyledInstance<"web", "ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, import("styled-components/dist/types").BaseObject, never>;
+        optgroup: styledComponents.StyledInstance<"web", "optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, import("styled-components/dist/types").BaseObject, never>;
+        output: styledComponents.StyledInstance<"web", "output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, import("styled-components/dist/types").BaseObject, never>;
+        p: styledComponents.StyledInstance<"web", "p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("styled-components/dist/types").BaseObject, never>;
+        picture: styledComponents.StyledInstance<"web", "picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        pre: styledComponents.StyledInstance<"web", "pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, import("styled-components/dist/types").BaseObject, never>;
+        progress: styledComponents.StyledInstance<"web", "progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, import("styled-components/dist/types").BaseObject, never>;
+        q: styledComponents.StyledInstance<"web", "q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("styled-components/dist/types").BaseObject, never>;
+        rp: styledComponents.StyledInstance<"web", "rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        rt: styledComponents.StyledInstance<"web", "rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        ruby: styledComponents.StyledInstance<"web", "ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        s: styledComponents.StyledInstance<"web", "s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        samp: styledComponents.StyledInstance<"web", "samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        section: styledComponents.StyledInstance<"web", "section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        select: styledComponents.StyledInstance<"web", "select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, import("styled-components/dist/types").BaseObject, never>;
+        slot: styledComponents.StyledInstance<"web", "slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, import("styled-components/dist/types").BaseObject, never>;
+        small: styledComponents.StyledInstance<"web", "small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        span: styledComponents.StyledInstance<"web", "span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("styled-components/dist/types").BaseObject, never>;
+        strong: styledComponents.StyledInstance<"web", "strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        sub: styledComponents.StyledInstance<"web", "sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        summary: styledComponents.StyledInstance<"web", "summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        sup: styledComponents.StyledInstance<"web", "sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        tbody: styledComponents.StyledInstance<"web", "tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("styled-components/dist/types").BaseObject, never>;
+        td: styledComponents.StyledInstance<"web", "td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, import("styled-components/dist/types").BaseObject, never>;
+        template: styledComponents.StyledInstance<"web", "template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, import("styled-components/dist/types").BaseObject, never>;
+        textarea: styledComponents.StyledInstance<"web", "textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, import("styled-components/dist/types").BaseObject, never>;
+        tfoot: styledComponents.StyledInstance<"web", "tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("styled-components/dist/types").BaseObject, never>;
+        th: styledComponents.StyledInstance<"web", "th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, import("styled-components/dist/types").BaseObject, never>;
+        thead: styledComponents.StyledInstance<"web", "thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("styled-components/dist/types").BaseObject, never>;
+        time: styledComponents.StyledInstance<"web", "time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, import("styled-components/dist/types").BaseObject, never>;
+        tr: styledComponents.StyledInstance<"web", "tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, import("styled-components/dist/types").BaseObject, never>;
+        u: styledComponents.StyledInstance<"web", "u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        ul: styledComponents.StyledInstance<"web", "ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, import("styled-components/dist/types").BaseObject, never>;
+        var: styledComponents.StyledInstance<"web", "var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        video: styledComponents.StyledInstance<"web", "video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, import("styled-components/dist/types").BaseObject, never>;
+        wbr: styledComponents.StyledInstance<"web", "wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject, never>;
+        circle: styledComponents.StyledInstance<"web", "circle", import("react").SVGProps<SVGCircleElement>, import("styled-components/dist/types").BaseObject, never>;
+        clipPath: styledComponents.StyledInstance<"web", "clipPath", import("react").SVGProps<SVGClipPathElement>, import("styled-components/dist/types").BaseObject, never>;
+        defs: styledComponents.StyledInstance<"web", "defs", import("react").SVGProps<SVGDefsElement>, import("styled-components/dist/types").BaseObject, never>;
+        ellipse: styledComponents.StyledInstance<"web", "ellipse", import("react").SVGProps<SVGEllipseElement>, import("styled-components/dist/types").BaseObject, never>;
+        feBlend: styledComponents.StyledInstance<"web", "feBlend", import("react").SVGProps<SVGFEBlendElement>, import("styled-components/dist/types").BaseObject, never>;
+        feColorMatrix: styledComponents.StyledInstance<"web", "feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, import("styled-components/dist/types").BaseObject, never>;
+        feComponentTransfer: styledComponents.StyledInstance<"web", "feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, import("styled-components/dist/types").BaseObject, never>;
+        feComposite: styledComponents.StyledInstance<"web", "feComposite", import("react").SVGProps<SVGFECompositeElement>, import("styled-components/dist/types").BaseObject, never>;
+        feConvolveMatrix: styledComponents.StyledInstance<"web", "feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, import("styled-components/dist/types").BaseObject, never>;
+        feDiffuseLighting: styledComponents.StyledInstance<"web", "feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, import("styled-components/dist/types").BaseObject, never>;
+        feDisplacementMap: styledComponents.StyledInstance<"web", "feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, import("styled-components/dist/types").BaseObject, never>;
+        feDistantLight: styledComponents.StyledInstance<"web", "feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, import("styled-components/dist/types").BaseObject, never>;
+        feDropShadow: styledComponents.StyledInstance<"web", "feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, import("styled-components/dist/types").BaseObject, never>;
+        feFlood: styledComponents.StyledInstance<"web", "feFlood", import("react").SVGProps<SVGFEFloodElement>, import("styled-components/dist/types").BaseObject, never>;
+        feFuncA: styledComponents.StyledInstance<"web", "feFuncA", import("react").SVGProps<SVGFEFuncAElement>, import("styled-components/dist/types").BaseObject, never>;
+        feFuncB: styledComponents.StyledInstance<"web", "feFuncB", import("react").SVGProps<SVGFEFuncBElement>, import("styled-components/dist/types").BaseObject, never>;
+        feFuncG: styledComponents.StyledInstance<"web", "feFuncG", import("react").SVGProps<SVGFEFuncGElement>, import("styled-components/dist/types").BaseObject, never>;
+        feFuncR: styledComponents.StyledInstance<"web", "feFuncR", import("react").SVGProps<SVGFEFuncRElement>, import("styled-components/dist/types").BaseObject, never>;
+        feGaussianBlur: styledComponents.StyledInstance<"web", "feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, import("styled-components/dist/types").BaseObject, never>;
+        feImage: styledComponents.StyledInstance<"web", "feImage", import("react").SVGProps<SVGFEImageElement>, import("styled-components/dist/types").BaseObject, never>;
+        feMerge: styledComponents.StyledInstance<"web", "feMerge", import("react").SVGProps<SVGFEMergeElement>, import("styled-components/dist/types").BaseObject, never>;
+        feMergeNode: styledComponents.StyledInstance<"web", "feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, import("styled-components/dist/types").BaseObject, never>;
+        feMorphology: styledComponents.StyledInstance<"web", "feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, import("styled-components/dist/types").BaseObject, never>;
+        feOffset: styledComponents.StyledInstance<"web", "feOffset", import("react").SVGProps<SVGFEOffsetElement>, import("styled-components/dist/types").BaseObject, never>;
+        fePointLight: styledComponents.StyledInstance<"web", "fePointLight", import("react").SVGProps<SVGFEPointLightElement>, import("styled-components/dist/types").BaseObject, never>;
+        feSpecularLighting: styledComponents.StyledInstance<"web", "feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, import("styled-components/dist/types").BaseObject, never>;
+        feSpotLight: styledComponents.StyledInstance<"web", "feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, import("styled-components/dist/types").BaseObject, never>;
+        feTile: styledComponents.StyledInstance<"web", "feTile", import("react").SVGProps<SVGFETileElement>, import("styled-components/dist/types").BaseObject, never>;
+        feTurbulence: styledComponents.StyledInstance<"web", "feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, import("styled-components/dist/types").BaseObject, never>;
+        foreignObject: styledComponents.StyledInstance<"web", "foreignObject", import("react").SVGProps<SVGForeignObjectElement>, import("styled-components/dist/types").BaseObject, never>;
+        g: styledComponents.StyledInstance<"web", "g", import("react").SVGProps<SVGGElement>, import("styled-components/dist/types").BaseObject, never>;
+        image: styledComponents.StyledInstance<"web", "image", import("react").SVGProps<SVGImageElement>, import("styled-components/dist/types").BaseObject, never>;
+        line: styledComponents.StyledInstance<"web", "line", import("react").SVGLineElementAttributes<SVGLineElement>, import("styled-components/dist/types").BaseObject, never>;
+        linearGradient: styledComponents.StyledInstance<"web", "linearGradient", import("react").SVGProps<SVGLinearGradientElement>, import("styled-components/dist/types").BaseObject, never>;
+        marker: styledComponents.StyledInstance<"web", "marker", import("react").SVGProps<SVGMarkerElement>, import("styled-components/dist/types").BaseObject, never>;
+        mask: styledComponents.StyledInstance<"web", "mask", import("react").SVGProps<SVGMaskElement>, import("styled-components/dist/types").BaseObject, never>;
+        path: styledComponents.StyledInstance<"web", "path", import("react").SVGProps<SVGPathElement>, import("styled-components/dist/types").BaseObject, never>;
+        pattern: styledComponents.StyledInstance<"web", "pattern", import("react").SVGProps<SVGPatternElement>, import("styled-components/dist/types").BaseObject, never>;
+        polygon: styledComponents.StyledInstance<"web", "polygon", import("react").SVGProps<SVGPolygonElement>, import("styled-components/dist/types").BaseObject, never>;
+        polyline: styledComponents.StyledInstance<"web", "polyline", import("react").SVGProps<SVGPolylineElement>, import("styled-components/dist/types").BaseObject, never>;
+        radialGradient: styledComponents.StyledInstance<"web", "radialGradient", import("react").SVGProps<SVGRadialGradientElement>, import("styled-components/dist/types").BaseObject, never>;
+        rect: styledComponents.StyledInstance<"web", "rect", import("react").SVGProps<SVGRectElement>, import("styled-components/dist/types").BaseObject, never>;
+        stop: styledComponents.StyledInstance<"web", "stop", import("react").SVGProps<SVGStopElement>, import("styled-components/dist/types").BaseObject, never>;
+        svg: styledComponents.StyledInstance<"web", "svg", import("react").SVGProps<SVGSVGElement>, import("styled-components/dist/types").BaseObject, never>;
+        text: styledComponents.StyledInstance<"web", "text", import("react").SVGTextElementAttributes<SVGTextElement>, import("styled-components/dist/types").BaseObject, never>;
+        textPath: styledComponents.StyledInstance<"web", "textPath", import("react").SVGProps<SVGTextPathElement>, import("styled-components/dist/types").BaseObject, never>;
+        tspan: styledComponents.StyledInstance<"web", "tspan", import("react").SVGProps<SVGTSpanElement>, import("styled-components/dist/types").BaseObject, never>;
+        use: styledComponents.StyledInstance<"web", "use", import("react").SVGProps<SVGUseElement>, import("styled-components/dist/types").BaseObject, never>;
     };
     css: typeof styledComponents.css;
     createGlobalStyle: typeof styledComponents.createGlobalStyle;

package/build/es/utils/createStyled.js

@@ -1,8 +1,22 @@
 import * as styledComponents from 'styled-components';
 
 const createStyled = () => {
-    const { styled, css, createGlobalStyle, keyframes, ThemeProvider, ServerStyleSheet } = styledComponents;
-    return { styled, css, createGlobalStyle, keyframes, ThemeProvider, ServerStyleSheet };
+  const {
+    styled,
+    css,
+    createGlobalStyle,
+    keyframes,
+    ThemeProvider,
+    ServerStyleSheet
+  } = styledComponents;
+  return {
+    styled,
+    css,
+    createGlobalStyle,
+    keyframes,
+    ThemeProvider,
+    ServerStyleSheet
+  };
 };
 
 export { createStyled as default };

package/build/es/utils/styledUtils.js

@@ -24,12 +24,8 @@ const getDividedSize = (base, divide) => `${base.value / divide}${base.unit}`;
  * - `xxl`: 1440px
  */
 const media = Object.keys(breakpoints).reduce((acc, key) => {
-    acc[key] = (literals, ...placeholders) => css `
-            @media (min-width: ${breakpoints[key]}px) {
-                ${css(literals, ...placeholders)}
-            }
-        `;
-    return acc;
+  acc[key] = (literals, ...placeholders) => css(["@media (min-width:", "px){", "}"], breakpoints[key], css(literals, ...placeholders));
+  return acc;
 }, {});
 
 export { getDividedSize, getMultipliedSize, media };