@reapit/elements 2.1.2 → 2.3.0-beta.1

package/v3/components/persistant-notification/__tests__/persistent-notification.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/v3/components/persistant-notification/index.d.ts

@@ -1,2 +1,2 @@
-export * from './__styles__';
-export * from './persistent-notification';
+export * from './__styles__';
+export * from './persistent-notification';

package/v3/components/persistant-notification/persistent-notification.d.ts

@@ -1,13 +1,14 @@
-import { FC, HTMLAttributes } from 'react';
-import { IconNames } from '../icon';
-import { Intent } from '../../helpers/intent';
-export interface IPersistantNotification extends HTMLAttributes<HTMLDivElement> {
-    icon?: IconNames;
-    intent?: Intent;
-    className?: string;
-    isExpanded?: boolean;
-    isFullWidth?: boolean;
-    isFixed?: boolean;
-    onExpansionToggle?: (newState: boolean) => void;
-}
-export declare const PersistantNotification: FC<IPersistantNotification>;
+import { FC, HTMLAttributes } from 'react';
+import { IconNames } from '../icon';
+import { Intent } from '../../helpers/intent';
+export interface IPersistantNotification extends HTMLAttributes<HTMLDivElement> {
+    icon?: IconNames;
+    intent?: Intent;
+    className?: string;
+    isExpanded?: boolean;
+    isFullWidth?: boolean;
+    isFixed?: boolean;
+    isInline?: boolean;
+    onExpansionToggle?: (newState: boolean) => void;
+}
+export declare const PersistantNotification: FC<IPersistantNotification>;

package/v3/components/progress-bar/__styles__/index.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-export declare const elProgressBarItemDarkBlue: string;
-export declare const elProgressBarItemMediumBlue: string;
-export declare const elProgressBarItemLightBlue: string;
-export declare const elProgressBarItemLightestBlue: string;
-export declare const elProgressBarItemOrange: string;
-export declare const ElProgressBarContainer: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
-export declare const ElProgressBarLabel: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
-export declare const ElProgressBarInner: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
-export declare const ElProgressBarItem: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
-export declare const elProgressBarLabelRight: string;
-export declare const elProgressBarLabelLeft: string;
+/// <reference types="react" />
+export declare const elProgressBarItemDarkBlue: string;
+export declare const elProgressBarItemMediumBlue: string;
+export declare const elProgressBarItemLightBlue: string;
+export declare const elProgressBarItemLightestBlue: string;
+export declare const elProgressBarItemOrange: string;
+export declare const ElProgressBarContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElProgressBarLabel: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElProgressBarInner: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElProgressBarItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const elProgressBarLabelRight: string;
+export declare const elProgressBarLabelLeft: string;

package/v3/components/progress-bar/__tests__/progress-bar.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/v3/components/progress-bar/index.d.ts

@@ -1,2 +1,2 @@
-export * from './__styles__';
-export * from './progress-bar';
+export * from './__styles__';
+export * from './progress-bar';

package/v3/components/progress-bar/progress-bar.d.ts

@@ -1,18 +1,18 @@
-import { Dispatch, FC, HTMLAttributes, SetStateAction } from 'react';
-export interface ProgressBarPercentageProps extends HTMLAttributes<HTMLDivElement> {
-    duration: number;
-}
-export interface ProgressBarStepProps extends HTMLAttributes<HTMLDivElement> {
-    numberSteps: number;
-    currentStep: number;
-}
-export interface ProgressBarBaseProps extends HTMLAttributes<HTMLDivElement> {
-}
-export declare const ProgressBarContainer: FC<ProgressBarBaseProps>;
-export declare const ProgressBarInner: FC<ProgressBarBaseProps>;
-export declare const ProgressBarItem: FC<ProgressBarBaseProps>;
-export declare const ProgressBarLabel: FC<ProgressBarBaseProps>;
-export declare const handleSetPercentageComplete: (setPercentageComplete: Dispatch<SetStateAction<number>>, intervalTime: number) => () => () => void;
-export declare const ProgressBarPercentage: FC<ProgressBarPercentageProps>;
-export declare const handleSetPercentageCompleteSteps: (setPercentageComplete: Dispatch<SetStateAction<number>>, currentStep: number, numberSteps: number) => () => void;
-export declare const ProgressBarSteps: FC<ProgressBarStepProps>;
+import { Dispatch, FC, HTMLAttributes, SetStateAction } from 'react';
+export interface ProgressBarPercentageProps extends HTMLAttributes<HTMLDivElement> {
+    duration: number;
+}
+export interface ProgressBarStepProps extends HTMLAttributes<HTMLDivElement> {
+    numberSteps: number;
+    currentStep: number;
+}
+export interface ProgressBarBaseProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare const ProgressBarContainer: FC<ProgressBarBaseProps>;
+export declare const ProgressBarInner: FC<ProgressBarBaseProps>;
+export declare const ProgressBarItem: FC<ProgressBarBaseProps>;
+export declare const ProgressBarLabel: FC<ProgressBarBaseProps>;
+export declare const handleSetPercentageComplete: (setPercentageComplete: Dispatch<SetStateAction<number>>, intervalTime: number) => () => () => void;
+export declare const ProgressBarPercentage: FC<ProgressBarPercentageProps>;
+export declare const handleSetPercentageCompleteSteps: (setPercentageComplete: Dispatch<SetStateAction<number>>, currentStep: number, numberSteps: number) => () => void;
+export declare const ProgressBarSteps: FC<ProgressBarStepProps>;

package/v3/components/searchable-dropdown/__styles__/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const ElSearchableDropdownContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElSearchableDropdownResult: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElSearchableDropdownResultsContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElSearchableDropdownSearchInputAddOn: import("@linaria/core").StyledMeta & import("react").FC<import("../../input-add-on").InputAddOnProps>;
+export declare const ElSearchableDropdownCloseButton: import("@linaria/core").StyledMeta & import("react").FC<import("../../icon").IconProps>;
+export declare const ElSearchableDropdownSearchInput: import("@linaria/core").StyledMeta & import("../../input").InputWrapped;
+export declare const ElSearchableDropdownSearchLabel: import("@linaria/core").StyledMeta & import("react").FC<import("../../label").LabelProps>;
+export declare const ElSearchableDropdownSearchLoader: import("@linaria/core").StyledMeta & import("react").FC<import("../../loader").LoaderProps>;

package/v3/components/searchable-dropdown/__tests__/searchable-dropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/v3/components/searchable-dropdown/index.d.ts

@@ -0,0 +1,5 @@
+export * from './__styles__';
+export { SearchableDropdown, ControlledSearchableDropdown, SearchableDropdownSearchLabel } from './searchable-dropdown';
+import { SearchableDropdownProps as T_SearchableDropdownProps, ControlledSearchableDropdownProps as T_ControlledSearchableDropdownProps } from './searchable-dropdown';
+export declare type ControlledSearchableDropdownProps<T> = T_ControlledSearchableDropdownProps<T>;
+export declare type SearchableDropdownProps<T> = T_SearchableDropdownProps<T>;

package/v3/components/searchable-dropdown/searchable-dropdown.d.ts

@@ -0,0 +1,33 @@
+import React, { FC, HTMLAttributes } from 'react';
+import { IconNames } from '../icon';
+export interface SearchableDropdownProps<T> extends React.InputHTMLAttributes<HTMLInputElement> {
+    getResults: (query: string) => Promise<T[]>;
+    getResultValue: (result: T) => string;
+    getResultLabel: (result: T) => string;
+    icon?: IconNames;
+}
+export interface ControlledSearchableDropdownProps<T> extends React.InputHTMLAttributes<HTMLInputElement> {
+    isResultsListVisible: boolean;
+    isClearVisible: boolean;
+    loading: boolean;
+    selectedValue: string;
+    resultsList: {
+        label: string;
+        result: T;
+    }[];
+    onResultClick: (result: {
+        label: string;
+        result: T;
+    }) => void;
+    onClear: () => void;
+    icon?: IconNames;
+}
+export declare const SearchableDropdownControlledInner: <T extends unknown>({ isResultsListVisible, icon, loading, resultsList, onResultClick, onClear, isClearVisible, value, selectedValue, ...inputProps }: ControlledSearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
+export declare const ControlledSearchableDropdown: <T>(props: ControlledSearchableDropdownProps<T> & {
+    ref?: React.ForwardedRef<HTMLInputElement> | undefined;
+}) => ReturnType<typeof SearchableDropdownControlledInner>;
+export declare const SearchableDropdownInner: <T extends unknown>({ getResults, icon, getResultValue, getResultLabel, onChange, ...inputProps }: SearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
+export declare const SearchableDropdown: <T>(props: SearchableDropdownProps<T> & {
+    ref?: React.ForwardedRef<HTMLInputElement> | undefined;
+}) => ReturnType<typeof SearchableDropdownInner>;
+export declare const SearchableDropdownSearchLabel: FC<HTMLAttributes<HTMLLabelElement>>;

package/v3/components/secondary-nav/__styles__/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare const ElSecondaryNav: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
-export declare const ElSecondaryNavItem: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
+/// <reference types="react" />
+export declare const ElSecondaryNav: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElSecondaryNavItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/secondary-nav/__tests__/secondary-nav.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/v3/components/secondary-nav/index.d.ts

@@ -1,2 +1,2 @@
-export * from './__styles__';
-export * from './secondary-nav';
+export * from './__styles__';
+export * from './secondary-nav';

package/v3/components/secondary-nav/secondary-nav.d.ts

@@ -1,9 +1,9 @@
-import { FC, HTMLAttributes } from 'react';
-export interface SecondaryNavProps extends HTMLAttributes<HTMLDivElement> {
-}
-export declare const SecondaryNav: FC<SecondaryNavProps>;
-export interface SecondaryNavItemProps extends HTMLAttributes<HTMLDivElement> {
-    active?: boolean;
-    className?: string;
-}
-export declare const SecondaryNavItem: FC<SecondaryNavItemProps>;
+import { FC, HTMLAttributes } from 'react';
+export interface SecondaryNavProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare const SecondaryNav: FC<SecondaryNavProps>;
+export interface SecondaryNavItemProps extends HTMLAttributes<HTMLDivElement> {
+    active?: boolean;
+    className?: string;
+}
+export declare const SecondaryNavItem: FC<SecondaryNavItemProps>;

package/v3/components/select/__styles__/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const ElSelect: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
+/// <reference types="react" />
+export declare const ElSelect: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/select/__tests__/select.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/v3/components/select/index.d.ts

@@ -1,2 +1,2 @@
-export * from './__styles__';
-export * from './select';
+export * from './__styles__';
+export * from './select';

package/v3/components/select/select.d.ts

@@ -1,4 +1,5 @@
-import { FC, SelectHTMLAttributes } from 'react';
-export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
-}
-export declare const Select: FC<SelectProps>;
+import React from 'react';
+export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+}
+export declare type SelectWrapped = React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<React.SelectHTMLAttributes<HTMLSelectElement>>>;
+export declare const Select: SelectWrapped;

package/v3/components/snack/__styles__/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export declare const ElSnack: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
-export declare const elSnackIcon: string;
-export declare const elSnackCloseIcon: string;
+/// <reference types="react" />
+export declare const ElSnack: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const elSnackIcon: string;
+export declare const elSnackCloseIcon: string;

package/v3/components/snack/__styles__/snack-holder.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const ElSnackHolder: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
+/// <reference types="react" />
+export declare const ElSnackHolder: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/snack/__tests__/snack.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/v3/components/snack/index.d.ts

@@ -1,3 +1,3 @@
-export * from './__styles__/snack-holder';
-export * from './__styles__';
-export * from './snack';
+export * from './__styles__/snack-holder';
+export * from './__styles__';
+export * from './snack';

package/v3/components/snack/snack.d.ts

@@ -1,17 +1,17 @@
-import { FC, HTMLAttributes } from 'react';
-import { IconNames } from '../icon';
-import { Intent } from '../../helpers/intent';
-export interface SnackProps extends HTMLAttributes<HTMLDivElement> {
-    icon?: IconNames;
-    intent?: Intent;
-    className?: string;
-    onRemove?: () => void;
-    text?: string;
-    _id?: string;
-}
-export interface SnackHolderProps extends HTMLAttributes<HTMLDivElement> {
-    snacks: SnackProps[];
-    removeSnackById?: (id: string) => void;
-}
-export declare const SnackHolder: FC<SnackHolderProps>;
-export declare const Snack: FC<SnackProps>;
+import { FC, HTMLAttributes } from 'react';
+import { IconNames } from '../icon';
+import { Intent } from '../../helpers/intent';
+export interface SnackProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: IconNames;
+    intent?: Intent;
+    className?: string;
+    onRemove?: () => void;
+    text?: string;
+    _id?: string;
+}
+export interface SnackHolderProps extends HTMLAttributes<HTMLDivElement> {
+    snacks: SnackProps[];
+    removeSnackById?: (id: string) => void;
+}
+export declare const SnackHolder: FC<SnackHolderProps>;
+export declare const Snack: FC<SnackProps>;

package/v3/components/snack/use-snack-hook.stories.d.ts

@@ -1 +1,2 @@
-export declare const UseSnackHookStory: () => JSX.Element;
+/// <reference types="react" />
+export declare const UseSnackHookStory: () => JSX.Element;

package/v3/components/status-indicator/__styles__/index.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-export declare const ElStatusIndicator: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
+/// <reference types="react" />
+export declare const elShapeTag: string;
+export declare const ElStatusIndicator: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/status-indicator/__tests__/status-indicator.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/v3/components/status-indicator/index.d.ts

@@ -1,2 +1,2 @@
-export * from './__styles__';
-export * from './status-indicator';
+export * from './__styles__';
+export * from './status-indicator';

package/v3/components/status-indicator/status-indicator.d.ts

@@ -1,6 +1,7 @@
-import { FC, HTMLAttributes } from 'react';
-import { Intent } from '../../helpers/intent';
-export interface StatusIndicatorProps extends HTMLAttributes<HTMLSpanElement> {
-    intent?: Intent;
-}
-export declare const StatusIndicator: FC<StatusIndicatorProps>;
+import { FC, HTMLAttributes } from 'react';
+import { Intent } from '../../helpers/intent';
+export interface StatusIndicatorProps extends HTMLAttributes<HTMLSpanElement> {
+    intent?: Intent;
+    shape?: 'circle' | 'tag';
+}
+export declare const StatusIndicator: FC<StatusIndicatorProps>;

package/v3/components/steps/__styles__/index.d.ts

@@ -1,7 +1,19 @@
-/// <reference types="react" />
-export declare const ElSteps: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
-export declare const ElStep: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
+/// <reference types="react" />
+export declare const ElSteps: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElStep: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElStepsVertical: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElStepVertical: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElStepVerticalItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElStepVerticalContent: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/steps/__tests__/steps.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/v3/components/steps/index.d.ts

@@ -1,2 +1,2 @@
-export * from './__styles__';
-export * from './steps';
+export * from './__styles__';
+export * from './steps';

package/v3/components/steps/steps.d.ts

@@ -1,8 +1,19 @@
-import { FC, HTMLAttributes } from 'react';
-export interface StepsProps extends HTMLAttributes<HTMLDivElement> {
-    steps: string[];
-    selectedStep?: string;
-    onStepClick?: (step: string) => void;
-    className?: string;
-}
-export declare const Steps: FC<StepsProps>;
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export interface StepsProps extends HTMLAttributes<HTMLDivElement> {
+    steps: string[];
+    selectedStep?: string;
+    onStepClick?: (step: string) => void;
+    className?: string;
+}
+export interface StepsVerticalStep {
+    item: string;
+    content?: ReactNode;
+}
+export interface StepsVerticalProps extends HTMLAttributes<HTMLDivElement> {
+    steps: StepsVerticalStep[];
+    selectedStep?: string;
+    onStepClick?: (step: string) => void;
+    className?: string;
+}
+export declare const Steps: FC<StepsProps>;
+export declare const StepsVertical: FC<StepsVerticalProps>;