@dnanpm/styleguide 3.10.0 → 3.11.0

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

@@ -1,11 +1,144 @@
 import * as styledComponents from 'styled-components';
-import type { ThemeInterface } from '../themes/theme';
-declare const createStyled: <T extends ThemeInterface>() => {
-    styled: styledComponents.ThemedStyledInterface<T>;
-    css: styledComponents.ThemedCssFunction<T>;
-    createGlobalStyle: <P extends object = {}>(first: TemplateStringsArray | styledComponents.CSSObject | styledComponents.InterpolationFunction<styledComponents.ThemedStyledProps<P, T>>, ...interpolations: styledComponents.Interpolation<styledComponents.ThemedStyledProps<P, T>>[]) => styledComponents.GlobalStyleComponent<P, T>;
-    keyframes: (strings: TemplateStringsArray | styledComponents.CSSKeyframes, ...interpolations: styledComponents.SimpleInterpolation[]) => styledComponents.Keyframes;
-    ThemeProvider: styledComponents.BaseThemeProviderComponent<T, T>;
+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>;
+    };
+    css: typeof styledComponents.css;
+    createGlobalStyle: typeof styledComponents.createGlobalStyle;
+    keyframes: typeof styledComponents.keyframes;
+    ThemeProvider: typeof styledComponents.ThemeProvider;
     ServerStyleSheet: typeof styledComponents.ServerStyleSheet;
 };
 export default createStyled;

package/build/es/utils/createStyled.js

@@ -1,8 +1,8 @@
-import * as styled from 'styled-components';
+import * as styledComponents from 'styled-components';
 
 const createStyled = () => {
-    const { default: styled$1, css, createGlobalStyle, keyframes, ThemeProvider, ServerStyleSheet, } = styled;
-    return { styled: styled$1, 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

@@ -1,4 +1,4 @@
-import { css } from '../themes/styled.js';
+import { css } from 'styled-components';
 import breakpoints from '../themes/themeComponents/breakpoints.js';
 
 const getMultipliedSize = (base, multiply) => `${multiply * base.value}${base.unit}`;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@dnanpm/styleguide",
     "sideEffects": false,
-    "version": "v3.10.0",
+    "version": "v3.11.0",
     "main": "build/cjs/index.js",
     "module": "build/es/index.js",
     "jsnext:main": "build/es/index.js",
@@ -60,7 +60,6 @@
         "@types/react-dom": "^18.3.1",
         "@types/react-modal": "^3.13.1",
         "@types/resize-observer-browser": "^0.1.8",
-        "@types/styled-components": "^5.1.7",
         "@typescript-eslint/eslint-plugin": "^5.62.0",
         "@typescript-eslint/parser": "^5.62.0",
         "babel-loader": "^9.2.1",
@@ -69,7 +68,7 @@
         "eslint": "^8.57.1",
         "eslint-config-airbnb": "^19.0.4",
         "eslint-config-airbnb-typescript": "^17.1.0",
-        "eslint-config-prettier": "^8.10.0",
+        "eslint-config-prettier": "^10.1.7",
         "eslint-plugin-import": "2.32.0",
         "eslint-plugin-jsdoc": "^39.9.1",
         "eslint-plugin-jsx-a11y": "^6.10.2",
@@ -89,7 +88,7 @@
         "rollup": "^3.29.4",
         "rollup-plugin-import-css": "^3.5.8",
         "style-loader": "^3.3.3",
-        "styled-components": "^5.3.11",
+        "styled-components": "^6.1.19",
         "ts-jest": "^29.3.2",
         "ts-node": "^10.9.2",
         "tslib": "^2.8.1",
@@ -108,6 +107,6 @@
         "@dnanpm/icons": "^2.x",
         "react": ">=17.x <=18.x",
         "react-dom": ">=17.x <=18.x",
-        "styled-components": "5.x"
+        "styled-components": "6.x"
     }
 }

package/build/cjs/themes/styled.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var createStyled = require('../utils/createStyled.js');
-
-const { styled, css, createGlobalStyle, keyframes, ThemeProvider, ServerStyleSheet } = createStyled.default();
-
-exports.ServerStyleSheet = ServerStyleSheet;
-exports.ThemeProvider = ThemeProvider;
-exports.createGlobalStyle = createGlobalStyle;
-exports.css = css;
-exports.default = styled;
-exports.keyframes = keyframes;

package/build/es/themes/styled.js

@@ -1,5 +0,0 @@
-import createStyled from '../utils/createStyled.js';
-
-const { styled, css, createGlobalStyle, keyframes, ThemeProvider, ServerStyleSheet } = createStyled();
-
-export { ServerStyleSheet, ThemeProvider, createGlobalStyle, css, styled as default, keyframes };