@aveonline/ui-react 1.0.4 → 1.1.0

package/README.md

@@ -2,7 +2,7 @@
   <img height="100" src="https://user-images.githubusercontent.com/38017835/197309416-fd4390a0-cfb6-41f3-ac26-10d067d92a25.png">
   <h1 align="center">ui ecosystem react</h1>
   <p>The home base for Aveonline design system, ui-react provides essential design resources for our developers to use in the Aveonline-branded interfaces that they create.</p>
-  <a href="https://ui-aveonline.vercel.app/">Go Storybook</a>
+  <a href="https://ui-aveonline.netlify.app/">Go Storybook</a>
 </div>
 
 ## Before started

package/dist/components/atoms/Avatar/index.d.ts

@@ -1 +1,2 @@
 export { default as Avatar } from './Avatar';
+export * from './IAvatar';

package/dist/components/atoms/Badge/index.d.ts

@@ -1 +1,2 @@
 export { default as Badge } from './Badge';
+export * from './IBadge';

package/dist/components/atoms/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import type { IButton } from './IButton';
 /**
- * Atoms: Button
- * Buttons are used primarily for actions, such as 'Add', 'Close', 'Cancel', or 'Save'. Plain buttons, which look similar to links, are used for less important or less commonly used actions, such as 'view shipping settings'.
+ * Atom: Button
+ * Are used primarily for actions, such as 'Add', 'Close', 'Cancel', or 'Save'. Plain buttons, which look similar to links, are used for less important or less commonly used actions, such as 'view shipping settings'.
  */
-declare function Button({ variant, size, fullWidth, isLoading, isDisabled, align, onlyOneIcon, children, ...allProps }: IButton): JSX.Element;
+declare function Button({ variant, size, fullWidth, isLoading, isDisabled, align, onlyOneIcon, type, children, ...allProps }: IButton): JSX.Element;
 export default Button;

package/dist/components/atoms/Button/IButton.d.ts

@@ -3,6 +3,10 @@ export declare type Variant = 'primary' | 'basic' | 'destructive' | 'plain' | 'p
 declare type Size = 'md' | 'sm';
 export declare type Align = 'start' | 'center' | 'end';
 interface IButton {
+    /**
+     * Button type - default button
+     */
+    type?: 'button' | 'submit' | 'reset';
     /**
      * Is this the principal call to action on the page?
      */

package/dist/components/atoms/Logo/ILogo.d.ts

@@ -0,0 +1,10 @@
+declare type IKindLogo = 'brand-lg' | 'brand-sm' | 'brand-xs' | 'brand-white-lg' | 'brand-white-sm' | 'brand-white-xs' | 'coordinadora' | 'deprisa' | 'dhl' | 'domina' | 'envia' | 'fedex' | 'interrapidisimo' | 'mu' | 'moova' | 'saferbo' | 'servientrega' | 'tcc' | 'turboboy' | 'maps';
+interface ILogo {
+    /**
+     * Types logos
+     */
+    kind: IKindLogo;
+}
+declare const KIND_LOGO: Record<IKindLogo, IKindLogo>;
+export type { IKindLogo, ILogo };
+export { KIND_LOGO };

package/dist/components/atoms/Logo/Logo.d.ts

@@ -0,0 +1,7 @@
+import { IClassName } from '@/types';
+import { ILogo } from './ILogo';
+/**
+ * Atom: Logo
+ */
+declare function Logo({ kind, className }: ILogo & IClassName): JSX.Element;
+export default Logo;

package/dist/components/atoms/Logo/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Logo } from './Logo';
+export * from './ILogo';

package/dist/components/atoms/Logo/logos/Brand.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Brand({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/BrandSm.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function BrandSm({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/BrandWhite.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function BrandWhite({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/BrandWhiteSm.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function BrandWhiteSm({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/BrandWhiteXs.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function BrandWhiteXs({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/BrandXs.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function BrandXs({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Coordinadora.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Coordinadora({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Deprisa.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Deprisa({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Dhl.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Dhl({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Domina.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Domina({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Envia.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Envia({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Fedex.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Fedex({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Interrapidisimo.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Interrapidisimo({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Maps.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Maps({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Moova.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Moova({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Mu.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Mu({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Saferbo.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Saferbo({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Servientrega.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Servientrega({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/Tcc.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function Tcc({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/TurboBoy.d.ts

@@ -0,0 +1,2 @@
+import { IClassName } from '@/types';
+export default function TurboBoy({ className }: IClassName): JSX.Element;

package/dist/components/atoms/Logo/logos/index.d.ts

@@ -0,0 +1,20 @@
+export { default as Brand } from './Brand';
+export { default as BrandSm } from './BrandSm';
+export { default as BrandXs } from './BrandXs';
+export { default as BrandWhite } from './BrandWhite';
+export { default as BrandWhiteSm } from './BrandWhiteSm';
+export { default as BrandWhiteXs } from './BrandWhiteXs';
+export { default as Coordinadora } from './Coordinadora';
+export { default as Deprisa } from './Deprisa';
+export { default as Dhl } from './Dhl';
+export { default as Domina } from './Domina';
+export { default as Envia } from './Envia';
+export { default as Fedex } from './Fedex';
+export { default as Interrapidisimo } from './Interrapidisimo';
+export { default as Mu } from './Mu';
+export { default as Moova } from './Moova';
+export { default as Saferbo } from './Saferbo';
+export { default as Servientrega } from './Servientrega';
+export { default as Tcc } from './Tcc';
+export { default as TurboBoy } from './TurboBoy';
+export { default as Maps } from './Maps';

package/dist/components/atoms/Logo/useLogo.d.ts

@@ -0,0 +1,3 @@
+import { IClassName } from '@/types';
+import type { IKindLogo } from './ILogo';
+export declare function useLogo({ className }: IClassName): Map<IKindLogo, JSX.Element>;

package/dist/components/atoms/RadioButton/index.d.ts

@@ -1 +1,2 @@
 export { default as RadioButton } from './RadioButton';
+export * from './IRadioButton';

package/dist/components/atoms/Switch/index.d.ts

@@ -1 +1,2 @@
 export { default as Switch } from './Switch';
+export * from './ISwitch';

package/dist/components/atoms/Tooltip/TooltipAnchor.d.ts

@@ -4,5 +4,5 @@ declare type PropsType = React.HTMLProps<HTMLElement> & {
     state: TooltipState;
     asChild?: boolean;
 };
-export declare const TooltipAnchor: React.ForwardRefExoticComponent<Pick<PropsType, "size" | "className" | "color" | "disabled" | "default" | "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "onClick" | "type" | "as" | "kind" | "download" | "id" | "name" | "value" | "defaultChecked" | "onChange" | "target" | "checked" | "hidden" | "htmlFor" | "role" | "tabIndex" | "aria-checked" | "aria-labelledby" | "aria-describedby" | "onKeyUp" | "onKeyPress" | "key" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "open" | "state" | "asChild" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "width" | "wmode" | "wrap"> & React.RefAttributes<HTMLElement>>;
+export declare const TooltipAnchor: React.ForwardRefExoticComponent<Pick<PropsType, "size" | "className" | "color" | "disabled" | "default" | "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "type" | "onClick" | "as" | "kind" | "download" | "id" | "name" | "value" | "defaultChecked" | "onChange" | "target" | "checked" | "hidden" | "htmlFor" | "role" | "tabIndex" | "aria-checked" | "aria-labelledby" | "aria-describedby" | "onKeyUp" | "onKeyPress" | "key" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "open" | "state" | "asChild" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "width" | "wmode" | "wrap"> & React.RefAttributes<HTMLElement>>;
 export {};

package/dist/components/atoms/Tooltip/TooltipFloat.d.ts

@@ -4,5 +4,5 @@ import { TooltipState } from './ITooltip';
 declare type PropsType = React.HTMLProps<HTMLDivElement> & {
     state: TooltipState;
 } & IChildren;
-export declare const TooltipFloat: React.ForwardRefExoticComponent<Pick<PropsType, "size" | "className" | "color" | "disabled" | "default" | "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "onClick" | "type" | "as" | "kind" | "download" | "id" | "name" | "value" | "defaultChecked" | "onChange" | "target" | "checked" | "hidden" | "htmlFor" | "role" | "tabIndex" | "aria-checked" | "aria-labelledby" | "aria-describedby" | "onKeyUp" | "onKeyPress" | "key" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "open" | "state" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "width" | "wmode" | "wrap"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TooltipFloat: React.ForwardRefExoticComponent<Pick<PropsType, "size" | "className" | "color" | "disabled" | "default" | "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "type" | "onClick" | "as" | "kind" | "download" | "id" | "name" | "value" | "defaultChecked" | "onChange" | "target" | "checked" | "hidden" | "htmlFor" | "role" | "tabIndex" | "aria-checked" | "aria-labelledby" | "aria-describedby" | "onKeyUp" | "onKeyPress" | "key" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "open" | "state" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "width" | "wmode" | "wrap"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/atoms/Tracker/index.d.ts

@@ -1 +1,2 @@
 export { default as Tracker } from './Tracker';
+export * from './ITracker';

package/dist/components/index.d.ts

@@ -8,6 +8,7 @@ export * from './atoms/Icon';
 export * from './atoms/Tooltip';
 export * from './atoms/RadioButton';
 export * from './atoms/Tracker';
+export * from './atoms/Logo';
 export * from './molecules/Selectable/Select';
 export * from './molecules/Selectable/AsyncSelect';
 export * from './molecules/Selectable/SelectButton';

package/dist/components/molecules/Card/Select/index.d.ts

@@ -1 +1,2 @@
 export { default as CardSelect } from './Select';
+export * from './ISelect';

package/dist/components/molecules/Dropdown/index.d.ts

@@ -1 +1,2 @@
 export { default as Dropdown } from './Dropdown';
+export * from './IDropdown';

package/dist/components/molecules/EmptyState/index.d.ts

@@ -1 +1,2 @@
 export { default as EmptyState } from './EmptyState';
+export * from './IEmptyState';

package/dist/components/molecules/Field/Container.d.ts

@@ -1,15 +1,14 @@
 import { IChildren } from '../../../types';
-export declare function Container({ children }: IChildren): JSX.Element;
+export declare function Container({ children, renderIconLeft, renderInput }: IChildren & {
+    renderInput?: JSX.Element;
+    renderIconLeft?: JSX.Element;
+}): JSX.Element;
 export declare namespace Container {
-    var Icon: ({ children, position }: IChildren & {
-        position: "right" | "left";
-    }) => JSX.Element;
-    var Special: ({ children, isNumber, isPassword }: IChildren & {
+    var Special: (props: IChildren & {
         isNumber?: boolean | undefined;
         isPassword?: boolean | undefined;
     }) => JSX.Element;
-    var Delete: ({ children, inputValue, hasIconRight }: IChildren & {
+    var Delete: (props: IChildren & {
         inputValue: string | number | undefined;
-        hasIconRight: boolean;
     }) => JSX.Element;
 }

package/dist/components/molecules/Field/Field.d.ts

@@ -3,5 +3,5 @@ import type { IField } from './IField';
  * Molecule: Field
  * A text field is an input field that merchants can type into. It has a range of options and supports several text formats including numbers. The compound fields apply to all the types of field (text, number, password).
  */
-declare function Field({ id, name, isDisabled, isReadOnly, placeholder, autoComplete, type, iconLeft, iconRight, helpText, logo, error, onChange, value, tooltip }: IField): JSX.Element;
+declare function Field({ id, name, isDisabled, isReadOnly, placeholder, autoComplete, type, iconLeft, iconRight, helpText, logo, error, onChange, value, tooltip, showErrorText, isError }: IField): JSX.Element;
 export default Field;

package/dist/components/molecules/Field/Footer.d.ts

@@ -1,2 +1,2 @@
 import { IField } from './IField';
-export declare function Footer({ logo, helpText, error }: IField): JSX.Element;
+export declare function Footer({ logo, helpText, error, showErrorText }: IField): JSX.Element;

package/dist/components/molecules/Field/IField.d.ts

@@ -33,6 +33,14 @@ export interface IField {
      * Message error
      */
     error?: string;
+    /**
+     * Active and desactive description error
+     */
+    showErrorText?: boolean;
+    /**
+     * Validation boolean for error
+     */
+    isError?: boolean;
     /**
      * Name icon for position left
      */

package/dist/components/molecules/Field/index.d.ts

@@ -1 +1,2 @@
 export { default as Field } from './Field';
+export * from './IField';

package/dist/components/molecules/Field/useField.d.ts

@@ -1,6 +1,6 @@
 import type { ChangeEvent } from 'react';
 import { IField } from './IField';
-export declare function useField({ isDisabled, type, iconRight, error, iconLeft, onChange, value }: IField): {
+export declare function useField({ isDisabled, type, iconRight, error, iconLeft, onChange, value, isError }: IField): {
     inputValue: string | number;
     inputRef: import("react").RefObject<HTMLInputElement>;
     handleChange: ({ target: { value } }: ChangeEvent<HTMLInputElement>) => void;
@@ -11,6 +11,5 @@ export declare function useField({ isDisabled, type, iconRight, error, iconLeft,
     showPassword: boolean;
     setShowPassword: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     clearInput: () => void;
-    hasIconRight: boolean;
     getClassInput: string;
 };

package/dist/components/molecules/Header/index.d.ts

@@ -1 +1,2 @@
 export { default as Header } from './Header';
+export * from './IHeader';

package/dist/components/molecules/InlineError/index.d.ts

@@ -1 +1,2 @@
 export { default as InlineError } from './InlineError';
+export * from './IInlineError';

package/dist/components/molecules/Modal/IModal.d.ts

@@ -1,5 +1,5 @@
-import { IChildren } from '../../../types';
-interface IPropsModal extends IChildren {
+import { IChildren, IClassName } from '../../../types';
+interface IPropsModal extends IChildren, IClassName {
     /**
      * Crontol open and close modal
      */

package/dist/components/molecules/Modal/Modal.d.ts

@@ -3,5 +3,5 @@ import type { IPropsModal } from './IModal';
  * Molecule: Modal
  * Modals are overlays that require merchants to take an action before they can continue interacting with the rest of Shopify. They can be disruptive and should be used thoughtfully and sparingly.
  */
-declare function Modal({ title, iconTitle, subtitle, footer, isOpen, hasBorder, showClose, onClose, children }: IPropsModal): JSX.Element;
+declare function Modal({ title, iconTitle, subtitle, footer, isOpen, hasBorder, showClose, onClose, className, children }: IPropsModal): JSX.Element;
 export default Modal;

package/dist/components/molecules/Modal/index.d.ts

@@ -1 +1,2 @@
 export { default as Modal } from './Modal';
+export * from './IModal';

package/dist/components/molecules/Selectable/AsyncSelect/AsyncSelect.d.ts

@@ -3,5 +3,5 @@ import type { IAsyncSelect } from './IAsyncSelect';
  * Molecule: AsyncSelect
  * Async select lets merchants choose one option from an options menu. Consider select when you have 4 or more options, to avoid cluttering the interface. Data from network
  */
-declare function AsyncSelect({ placeholder, id, name, error, helpText, hasLabelPlaceholder, isDisabled, isClearable, defaultValue, onChange, loadOptions, ...props }: IAsyncSelect): JSX.Element;
+declare function AsyncSelect({ placeholder, id, name, error, helpText, hasLabelPlaceholder, isDisabled, isClearable, defaultValue, onChange, isLoading, loadOptions, ...props }: IAsyncSelect): JSX.Element;
 export default AsyncSelect;

package/dist/components/molecules/Selectable/AsyncSelect/IAsyncSelect.d.ts

@@ -3,5 +3,10 @@ export interface IAsyncSelect extends Omit<ISelect, 'options'> {
     /**
      * Handle change search async
      */
-    loadOptions?: (inputValue: string) => Promise<IOption[]> | undefined;
+    loadOptions?: (inputValue: string) => Promise<IOption[]> | undefined | void;
+    /**
+     * Will cause the select to be displayed in the loading state, even if the
+     * Async select is not currently waiting for loadOptions to resolve
+     */
+    isLoading?: boolean;
 }

package/dist/components/molecules/Selectable/AsyncSelect/index.d.ts

@@ -1 +1,2 @@
 export { default as AsyncSelect } from './AsyncSelect';
+export * from './IAsyncSelect';

package/dist/components/molecules/Selectable/SelectButton/ISelectButton.d.ts

@@ -1,19 +1,18 @@
 import type { ISelect, IOption } from '../Select';
 import type { IKind } from '../../../atoms/Icon';
 import type { Align } from '../../../atoms/Button';
-export interface IOptionSelectButton extends IOption {
+export interface IOptionSelectButton {
     notSelect?: boolean;
     icon?: IKind;
-}
-export interface IOptionSelectButtonGroup {
-    label: string;
-    options: IOption[];
+    label?: string | number;
+    value?: string | number;
+    options?: IOption[];
 }
 export interface ISelectButton extends Omit<ISelect, 'options'> {
     /**
-     * Array of options that populate the select menu - two structures optionals
+     * Array of options that populate the select menu
      */
-    options: IOptionSelectButton[] | IOptionSelectButtonGroup[];
+    options: IOptionSelectButton[];
     /**
      * Handle click for first element, options no selectable, only emit click
      */

package/dist/components/molecules/Selectable/SelectButton/index.d.ts

@@ -1 +1,2 @@
 export { default as SelectButton } from './SelectButton';
+export * from './ISelectButton';

package/dist/components/molecules/Tab/ITab.d.ts

@@ -3,7 +3,7 @@ export interface ITab {
     isDisabled?: boolean;
     total?: number;
 }
-export declare type IState = {
+export declare type IStateTab = {
     selected: boolean;
     isDisabled: boolean | undefined;
 };

package/dist/components/molecules/Tab/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Tab } from './Tab';
-export * from './Tab';
+export * from './ITab';

package/dist/components/molecules/TabNav/index.d.ts

@@ -1 +1,2 @@
 export { default as TabNav } from './TabNav';
+export * from './ITabNav';

package/dist/components/organisms/Navigation/index.d.ts

@@ -1 +1,2 @@
 export { default as Navigation } from './Navigation';
+export * from './INavigation';