@veeqo/ui 10.0.0-beta.3 → 10.0.0-beta.5

package/dist/components/SelectDropdown/styled.d.ts

@@ -1,8 +1,314 @@
 /// <reference types="react" />
 export declare const StyledListBox: import("styled-components").StyledComponent<(<T extends object>(props: import("react-aria-components").ListBoxProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;
 export declare const StyledDropdown: import("styled-components").StyledComponent<({ id, shouldShow, disabled, setShouldShow, ctaIconSlot, ctaProps, renderCta, ...dropdownProps }: import("../Dropdown/types").DropdownProps) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledSelectButton: import("styled-components").StyledComponent<"button", any, import("../types").InputProps, never>;
-export declare const StyledSearch: import("styled-components").StyledComponent<({ type, disabled, onClearClick, onChange, onBlur, onFocus, onKeyUp, onKeyDown, onKeyPress, value, error, placeholder, className, name, isLoading, fill, reversed, autoComplete, size, }: import("../Search/types").SearchProps) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledSelectButton: import("styled-components").StyledComponent<"button", any, import("../types").FormComponentProps, never>;
+export declare const StyledSearch: import("styled-components").StyledComponent<import("react").FC<{
+    form?: string | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    title?: string | undefined;
+    pattern?: string | undefined;
+    type?: import("react").HTMLInputTypeAttribute | undefined;
+    placeholder?: string | undefined;
+    name?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
+    translate?: "no" | "yes" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    children?: import("react").ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCopyCapture?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCut?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCutCapture?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onPaste?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onPasteCapture?: (import("react").ClipboardEventHandler<HTMLInputElement> & import("react").ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionEnd?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionEndCapture?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionStart?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionStartCapture?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionUpdate?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionUpdateCapture?: (import("react").CompositionEventHandler<HTMLInputElement> & import("react").CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onFocus?: (import("react").FocusEventHandler<HTMLInputElement> & import("react").FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onFocusCapture?: (import("react").FocusEventHandler<HTMLInputElement> & import("react").FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onBlur?: (import("react").FocusEventHandler<HTMLInputElement> & import("react").FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onBlurCapture?: (import("react").FocusEventHandler<HTMLInputElement> & import("react").FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onChangeCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onBeforeInput?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onBeforeInputCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInput?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInputCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onReset?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onResetCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onSubmit?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onSubmitCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInvalid?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInvalidCapture?: (import("react").FormEventHandler<HTMLInputElement> & import("react").FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoad?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onError?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onErrorCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyDown?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyDownCapture?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyPress?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyPressCapture?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyUp?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyUpCapture?: (import("react").KeyboardEventHandler<HTMLInputElement> & import("react").KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onAbort?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onAbortCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlay?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlayCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlayThrough?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlayThroughCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onDurationChange?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onDurationChangeCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEmptied?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEmptiedCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEncrypted?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEncryptedCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEnded?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEndedCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedData?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedDataCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedMetadata?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedMetadataCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadStart?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadStartCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPause?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPauseCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlay?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlayCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlaying?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlayingCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onProgress?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onProgressCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onRateChange?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onRateChangeCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeeked?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeekedCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeeking?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeekingCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onStalled?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onStalledCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSuspend?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSuspendCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onTimeUpdate?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onTimeUpdateCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onVolumeChange?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onVolumeChangeCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onWaiting?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onWaitingCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onAuxClick?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onAuxClickCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onClick?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onClickCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onContextMenu?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onContextMenuCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onDoubleClick?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onDoubleClickCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onDrag?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEnd?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEndCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEnter?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEnterCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragExit?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragExitCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragLeave?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragLeaveCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragOver?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragOverCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragStart?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragStartCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDrop?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDropCapture?: (import("react").DragEventHandler<HTMLInputElement> & import("react").DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseDown?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseDownCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseEnter?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseLeave?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseMove?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseMoveCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOut?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOutCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOver?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOverCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseUp?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseUpCapture?: (import("react").MouseEventHandler<HTMLInputElement> & import("react").MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onSelect?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSelectCapture?: (import("react").ReactEventHandler<HTMLInputElement> & import("react").ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchCancel?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchCancelCapture?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchEnd?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchEndCapture?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchMove?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchMoveCapture?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchStart?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchStartCapture?: (import("react").TouchEventHandler<HTMLInputElement> & import("react").TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerDown?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerDownCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerMove?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerMoveCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerUp?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerUpCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerCancel?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerCancelCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerEnter?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerEnterCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerLeave?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerLeaveCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOver?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOverCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOut?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOutCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onGotPointerCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onGotPointerCaptureCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onLostPointerCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onLostPointerCaptureCapture?: (import("react").PointerEventHandler<HTMLInputElement> & import("react").PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onScroll?: (import("react").UIEventHandler<HTMLInputElement> & import("react").UIEventHandler<HTMLTextAreaElement>) | undefined;
+    onScrollCapture?: (import("react").UIEventHandler<HTMLInputElement> & import("react").UIEventHandler<HTMLTextAreaElement>) | undefined;
+    onWheel?: (import("react").WheelEventHandler<HTMLInputElement> & import("react").WheelEventHandler<HTMLTextAreaElement>) | undefined;
+    onWheelCapture?: (import("react").WheelEventHandler<HTMLInputElement> & import("react").WheelEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationStart?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationStartCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationEnd?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationEndCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationIteration?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onTransitionEnd?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
+    onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
+    height?: string | number | undefined;
+    max?: string | number | undefined;
+    min?: string | number | undefined;
+    width?: string | number | undefined;
+    alt?: string | undefined;
+    src?: string | undefined;
+    disabled?: boolean | undefined;
+    formAction?: string | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    value?: string | number | readonly string[] | undefined;
+    autoComplete?: string | undefined;
+    accept?: string | undefined;
+    capture?: boolean | "user" | "environment" | undefined;
+    checked?: boolean | undefined;
+    enterKeyHint?: "search" | "previous" | "next" | "enter" | "done" | "go" | "send" | undefined;
+    list?: string | undefined;
+    maxLength?: number | undefined;
+    minLength?: number | undefined;
+    multiple?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    step?: string | number | undefined;
+    cols?: number | undefined;
+    dirName?: string | undefined;
+    rows?: number | undefined;
+    wrap?: string | undefined;
+} & {
+    value?: string | undefined;
+    type?: import("../TextField").TextFieldType | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    hasError?: boolean | undefined;
+    size?: "base" | "sm" | undefined;
+    multiline?: boolean | undefined;
+} & {
+    isLoading?: boolean | undefined;
+    fill?: string | undefined;
+    onClearClick?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    reversed?: boolean | undefined;
+} & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
 export declare const Separator: import("styled-components").StyledComponent<"hr", any, {}, never>;
 export declare const CTAButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     children?: import("react").ReactNode;

package/dist/components/Stack/index.d.ts

@@ -1 +1,2 @@
 export { Stack } from './Stack';
+export * from './types';

package/dist/components/Stack/types.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var SizeAlias;
+(function (SizeAlias) {
+    SizeAlias["none"] = "none";
+    SizeAlias["line"] = "line";
+    SizeAlias["xs"] = "xs";
+    SizeAlias["sm"] = "sm";
+    SizeAlias["base"] = "base";
+    SizeAlias["md"] = "md";
+    SizeAlias["lg"] = "lg";
+    SizeAlias["xl"] = "xl";
+    SizeAlias["xxl"] = "xxl";
+})(SizeAlias || (SizeAlias = {}));
+function buildSizeScale({ increment, unit, count }) {
+    const sizes = {};
+    /* eslint-disable-next-line no-plusplus */
+    for (let i = 0; i <= count; i++) {
+        const value = i * increment;
+        sizes[i] = `${value}${unit}`;
+    }
+    return sizes;
+}
+const sizeScale = buildSizeScale({ increment: 0.25, unit: 'rem', count: 20 });
+({
+    [SizeAlias.none]: '0',
+    [SizeAlias.line]: '1px',
+    [SizeAlias.xs]: sizeScale[1],
+    [SizeAlias.sm]: sizeScale[2],
+    [SizeAlias.base]: sizeScale[4],
+    [SizeAlias.md]: sizeScale[6],
+    [SizeAlias.lg]: sizeScale[8],
+    [SizeAlias.xl]: sizeScale[12],
+    [SizeAlias.xxl]: sizeScale[16],
+});
+
+exports.sizeScale = sizeScale;
+//# sourceMappingURL=types.cjs.map

package/dist/components/Stack/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../../../src/components/Stack/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Alignments } from './Alignments';\n\ntype Alignment = keyof typeof Alignments;\n\nenum SizeAlias {\n  none = 'none',\n  line = 'line',\n  xs = 'xs',\n  sm = 'sm',\n  base = 'base',\n  md = 'md',\n  lg = 'lg',\n  xl = 'xl',\n  xxl = 'xxl',\n}\n\nexport type SizeScaleIndex = number | keyof typeof SizeAlias;\nexport type SizeScale = {\n  [index: number]: string;\n  [index: string]: string;\n};\n\ntype SizeScaleBuilderConfig = {\n  increment: number;\n  unit: string;\n  count: number;\n};\nfunction buildSizeScale({ increment, unit, count }: SizeScaleBuilderConfig): SizeScale {\n  const sizes: SizeScale = {};\n  /* eslint-disable-next-line no-plusplus */\n  for (let i = 0; i <= count; i++) {\n    const value = i * increment;\n    sizes[i] = `${value}${unit}`;\n  }\n  return sizes;\n}\n\nexport const sizeScale = buildSizeScale({ increment: 0.25, unit: 'rem', count: 20 });\n\nexport const sizeAliases: SizeScale = {\n  [SizeAlias.none]: '0',\n  [SizeAlias.line]: '1px',\n  [SizeAlias.xs]: sizeScale[1],\n  [SizeAlias.sm]: sizeScale[2],\n  [SizeAlias.base]: sizeScale[4],\n  [SizeAlias.md]: sizeScale[6],\n  [SizeAlias.lg]: sizeScale[8],\n  [SizeAlias.xl]: sizeScale[12],\n  [SizeAlias.xxl]: sizeScale[16],\n};\n\nconst sizes: SizeScale = {\n  ...sizeAliases,\n  ...sizeScale,\n};\n\nexport type Size = keyof typeof sizes;\n\nexport type StackProps = {\n  children: ReactNode;\n  /**\n   * Classname for description\n   */\n  className?: string;\n  /**\n   * Direction of component\n   */\n  direction?: 'vertical' | 'horizontal';\n  alignX?: Alignment;\n  alignY?: Alignment;\n  spacing?: Size;\n};\n"],"names":[],"mappings":";;AAKA,IAAK,SAUJ;AAVD,CAAA,UAAK,SAAS,EAAA;AACZ,IAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,SAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,SAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,SAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,SAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,SAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,SAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAVI,SAAS,KAAT,SAAS,GAUb,EAAA,CAAA,CAAA;AAaD,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAA0B,EAAA;IACxE,MAAM,KAAK,GAAc,EAAE;;IAE3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,EAAE,EAAE;AAC/B,QAAA,MAAM,KAAK,GAAG,CAAC,GAAG,SAAS;QAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAA,EAAG,IAAI,CAAA,CAAE;AAC7B;AACD,IAAA,OAAO,KAAK;AACd;MAEa,SAAS,GAAG,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;CAE7C;AACpC,IAAA,CAAC,SAAS,CAAC,IAAI,GAAG,GAAG;AACrB,IAAA,CAAC,SAAS,CAAC,IAAI,GAAG,KAAK;IACvB,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;IAC5B,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;IAC5B,CAAC,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;IAC9B,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;IAC5B,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;IAC5B,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE,CAAC;IAC7B,CAAC,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC;;;;;"}

package/dist/components/Stack/types.js

@@ -0,0 +1,36 @@
+var SizeAlias;
+(function (SizeAlias) {
+    SizeAlias["none"] = "none";
+    SizeAlias["line"] = "line";
+    SizeAlias["xs"] = "xs";
+    SizeAlias["sm"] = "sm";
+    SizeAlias["base"] = "base";
+    SizeAlias["md"] = "md";
+    SizeAlias["lg"] = "lg";
+    SizeAlias["xl"] = "xl";
+    SizeAlias["xxl"] = "xxl";
+})(SizeAlias || (SizeAlias = {}));
+function buildSizeScale({ increment, unit, count }) {
+    const sizes = {};
+    /* eslint-disable-next-line no-plusplus */
+    for (let i = 0; i <= count; i++) {
+        const value = i * increment;
+        sizes[i] = `${value}${unit}`;
+    }
+    return sizes;
+}
+const sizeScale = buildSizeScale({ increment: 0.25, unit: 'rem', count: 20 });
+({
+    [SizeAlias.none]: '0',
+    [SizeAlias.line]: '1px',
+    [SizeAlias.xs]: sizeScale[1],
+    [SizeAlias.sm]: sizeScale[2],
+    [SizeAlias.base]: sizeScale[4],
+    [SizeAlias.md]: sizeScale[6],
+    [SizeAlias.lg]: sizeScale[8],
+    [SizeAlias.xl]: sizeScale[12],
+    [SizeAlias.xxl]: sizeScale[16],
+});
+
+export { sizeScale };
+//# sourceMappingURL=types.js.map

package/dist/components/Stack/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/Stack/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Alignments } from './Alignments';\n\ntype Alignment = keyof typeof Alignments;\n\nenum SizeAlias {\n  none = 'none',\n  line = 'line',\n  xs = 'xs',\n  sm = 'sm',\n  base = 'base',\n  md = 'md',\n  lg = 'lg',\n  xl = 'xl',\n  xxl = 'xxl',\n}\n\nexport type SizeScaleIndex = number | keyof typeof SizeAlias;\nexport type SizeScale = {\n  [index: number]: string;\n  [index: string]: string;\n};\n\ntype SizeScaleBuilderConfig = {\n  increment: number;\n  unit: string;\n  count: number;\n};\nfunction buildSizeScale({ increment, unit, count }: SizeScaleBuilderConfig): SizeScale {\n  const sizes: SizeScale = {};\n  /* eslint-disable-next-line no-plusplus */\n  for (let i = 0; i <= count; i++) {\n    const value = i * increment;\n    sizes[i] = `${value}${unit}`;\n  }\n  return sizes;\n}\n\nexport const sizeScale = buildSizeScale({ increment: 0.25, unit: 'rem', count: 20 });\n\nexport const sizeAliases: SizeScale = {\n  [SizeAlias.none]: '0',\n  [SizeAlias.line]: '1px',\n  [SizeAlias.xs]: sizeScale[1],\n  [SizeAlias.sm]: sizeScale[2],\n  [SizeAlias.base]: sizeScale[4],\n  [SizeAlias.md]: sizeScale[6],\n  [SizeAlias.lg]: sizeScale[8],\n  [SizeAlias.xl]: sizeScale[12],\n  [SizeAlias.xxl]: sizeScale[16],\n};\n\nconst sizes: SizeScale = {\n  ...sizeAliases,\n  ...sizeScale,\n};\n\nexport type Size = keyof typeof sizes;\n\nexport type StackProps = {\n  children: ReactNode;\n  /**\n   * Classname for description\n   */\n  className?: string;\n  /**\n   * Direction of component\n   */\n  direction?: 'vertical' | 'horizontal';\n  alignX?: Alignment;\n  alignY?: Alignment;\n  spacing?: Size;\n};\n"],"names":[],"mappings":"AAKA,IAAK,SAUJ;AAVD,CAAA,UAAK,SAAS,EAAA;AACZ,IAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,SAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,SAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,SAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,SAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,SAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,SAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAVI,SAAS,KAAT,SAAS,GAUb,EAAA,CAAA,CAAA;AAaD,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAA0B,EAAA;IACxE,MAAM,KAAK,GAAc,EAAE;;IAE3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,EAAE,EAAE;AAC/B,QAAA,MAAM,KAAK,GAAG,CAAC,GAAG,SAAS;QAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAA,EAAG,IAAI,CAAA,CAAE;AAC7B;AACD,IAAA,OAAO,KAAK;AACd;MAEa,SAAS,GAAG,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;CAE7C;AACpC,IAAA,CAAC,SAAS,CAAC,IAAI,GAAG,GAAG;AACrB,IAAA,CAAC,SAAS,CAAC,IAAI,GAAG,KAAK;IACvB,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;IAC5B,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;IAC5B,CAAC,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;IAC9B,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;IAC5B,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;IAC5B,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE,CAAC;IAC7B,CAAC,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC;;;;;"}

package/dist/components/Stepper/Stepper.cjs

@@ -4,8 +4,8 @@ var React = require('react');
 var index = require('../../theme/index.cjs');
 var styled = require('./styled.cjs');
 require('../../theme/modules/sizes.cjs');
-var MinusIcon = require('../../tempIcons/MinusIcon.cjs');
-var PlusIcon = require('../../tempIcons/PlusIcon.cjs');
+var MinusIcon = require('../../icons/MinusIcon.cjs');
+var PlusIcon = require('../../icons/PlusIcon.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/dist/components/Stepper/Stepper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../theme';\nimport { ComponentSize } from '../types';\n\nimport { ContainerStack, StepButton, StepperDivider } from './styled';\nimport { MinusIcon, PlusIcon } from '../../tempIcons';\n\nexport interface StepperProps {\n  onIncrement: () => void;\n  onDecrement: () => void;\n  disabled?: boolean;\n  hasError?: boolean;\n  size?: ComponentSize;\n}\n\nexport const Stepper = ({ onIncrement, onDecrement, disabled, hasError, size }: StepperProps) => {\n  const compact = size === 'sm';\n\n  return (\n    <ContainerStack\n      hasError={hasError}\n      disabled={disabled}\n      direction=\"horizontal\"\n      alignY=\"center\"\n      spacing=\"none\"\n    >\n      <StepButton\n        type=\"button\"\n        aria-label=\"Decrement\"\n        onClick={onDecrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <MinusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n      <StepperDivider compact={compact} />\n      <StepButton\n        type=\"button\"\n        aria-label=\"Increment\"\n        onClick={onIncrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <PlusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n    </ContainerStack>\n  );\n};\n"],"names":["React","ContainerStack","StepButton","MinusIcon","theme","StepperDivider","PlusIcon"],"mappings":";;;;;;;;;;;;;AAea,MAAA,OAAO,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAgB,KAAI;AAC9F,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;IAE7B,QACEA,qCAACC,qBAAc,EAAA,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,MAAM,EAAA;AAEd,QAAAD,sBAAA,CAAA,aAAA,CAACE,iBAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAF,sBAAA,CAAA,aAAA,CAACG,mBAAS,EAAA,EACR,MAAM,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GACpC,CACS;AACb,QAAAJ,sBAAA,CAAA,aAAA,CAACK,qBAAc,EAAA,EAAC,OAAO,EAAE,OAAO,EAAI,CAAA;AACpC,QAAAL,sBAAA,CAAA,aAAA,CAACE,iBAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAF,sBAAA,CAAA,aAAA,CAACM,iBAAQ,EAAA,EACP,MAAM,EAAEF,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CACpC,CACS,CACE;AAErB;;;;"}
+{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../theme';\nimport { ComponentSizeType } from '../types';\n\nimport { ContainerStack, StepButton, StepperDivider } from './styled';\nimport { MinusIcon, PlusIcon } from '../../icons';\n\nexport interface StepperProps {\n  onIncrement: () => void;\n  onDecrement: () => void;\n  disabled?: boolean;\n  hasError?: boolean;\n  size?: ComponentSizeType;\n}\n\nexport const Stepper = ({ onIncrement, onDecrement, disabled, hasError, size }: StepperProps) => {\n  const compact = size === 'sm';\n\n  return (\n    <ContainerStack\n      hasError={hasError}\n      disabled={disabled}\n      direction=\"horizontal\"\n      alignY=\"center\"\n      spacing=\"none\"\n    >\n      <StepButton\n        type=\"button\"\n        aria-label=\"Decrement\"\n        onClick={onDecrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <MinusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n      <StepperDivider compact={compact} />\n      <StepButton\n        type=\"button\"\n        aria-label=\"Increment\"\n        onClick={onIncrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <PlusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n    </ContainerStack>\n  );\n};\n"],"names":["React","ContainerStack","StepButton","MinusIcon","theme","StepperDivider","PlusIcon"],"mappings":";;;;;;;;;;;;;AAea,MAAA,OAAO,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAgB,KAAI;AAC9F,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;IAE7B,QACEA,qCAACC,qBAAc,EAAA,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,MAAM,EAAA;AAEd,QAAAD,sBAAA,CAAA,aAAA,CAACE,iBAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAF,sBAAA,CAAA,aAAA,CAACG,mBAAS,EAAA,EACR,MAAM,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GACpC,CACS;AACb,QAAAJ,sBAAA,CAAA,aAAA,CAACK,qBAAc,EAAA,EAAC,OAAO,EAAE,OAAO,EAAI,CAAA;AACpC,QAAAL,sBAAA,CAAA,aAAA,CAACE,iBAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAF,sBAAA,CAAA,aAAA,CAACM,iBAAQ,EAAA,EACP,MAAM,EAAEF,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CACpC,CACS,CACE;AAErB;;;;"}

package/dist/components/Stepper/Stepper.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { ComponentSize } from '../types';
+import { ComponentSizeType } from '../types';
 export interface StepperProps {
     onIncrement: () => void;
     onDecrement: () => void;
     disabled?: boolean;
     hasError?: boolean;
-    size?: ComponentSize;
+    size?: ComponentSizeType;
 }
 export declare const Stepper: ({ onIncrement, onDecrement, disabled, hasError, size }: StepperProps) => React.JSX.Element;

package/dist/components/Stepper/Stepper.js

@@ -2,8 +2,8 @@ import React__default from 'react';
 import { theme } from '../../theme/index.js';
 import { ContainerStack, StepButton, StepperDivider } from './styled.js';
 import '../../theme/modules/sizes.js';
-import { MinusIcon } from '../../tempIcons/MinusIcon.js';
-import { PlusIcon } from '../../tempIcons/PlusIcon.js';
+import { MinusIcon } from '../../icons/MinusIcon.js';
+import { PlusIcon } from '../../icons/PlusIcon.js';
 
 const Stepper = ({ onIncrement, onDecrement, disabled, hasError, size }) => {
     const compact = size === 'sm';

package/dist/components/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../theme';\nimport { ComponentSize } from '../types';\n\nimport { ContainerStack, StepButton, StepperDivider } from './styled';\nimport { MinusIcon, PlusIcon } from '../../tempIcons';\n\nexport interface StepperProps {\n  onIncrement: () => void;\n  onDecrement: () => void;\n  disabled?: boolean;\n  hasError?: boolean;\n  size?: ComponentSize;\n}\n\nexport const Stepper = ({ onIncrement, onDecrement, disabled, hasError, size }: StepperProps) => {\n  const compact = size === 'sm';\n\n  return (\n    <ContainerStack\n      hasError={hasError}\n      disabled={disabled}\n      direction=\"horizontal\"\n      alignY=\"center\"\n      spacing=\"none\"\n    >\n      <StepButton\n        type=\"button\"\n        aria-label=\"Decrement\"\n        onClick={onDecrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <MinusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n      <StepperDivider compact={compact} />\n      <StepButton\n        type=\"button\"\n        aria-label=\"Increment\"\n        onClick={onIncrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <PlusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n    </ContainerStack>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AAea,MAAA,OAAO,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAgB,KAAI;AAC9F,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;IAE7B,QACEA,6BAAC,cAAc,EAAA,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,MAAM,EAAA;AAEd,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GACpC,CACS;AACb,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAE,OAAO,EAAI,CAAA;AACpC,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CACpC,CACS,CACE;AAErB;;;;"}
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../theme';\nimport { ComponentSizeType } from '../types';\n\nimport { ContainerStack, StepButton, StepperDivider } from './styled';\nimport { MinusIcon, PlusIcon } from '../../icons';\n\nexport interface StepperProps {\n  onIncrement: () => void;\n  onDecrement: () => void;\n  disabled?: boolean;\n  hasError?: boolean;\n  size?: ComponentSizeType;\n}\n\nexport const Stepper = ({ onIncrement, onDecrement, disabled, hasError, size }: StepperProps) => {\n  const compact = size === 'sm';\n\n  return (\n    <ContainerStack\n      hasError={hasError}\n      disabled={disabled}\n      direction=\"horizontal\"\n      alignY=\"center\"\n      spacing=\"none\"\n    >\n      <StepButton\n        type=\"button\"\n        aria-label=\"Decrement\"\n        onClick={onDecrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <MinusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n      <StepperDivider compact={compact} />\n      <StepButton\n        type=\"button\"\n        aria-label=\"Increment\"\n        onClick={onIncrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <PlusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n    </ContainerStack>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AAea,MAAA,OAAO,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAgB,KAAI;AAC9F,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;IAE7B,QACEA,6BAAC,cAAc,EAAA,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,MAAM,EAAA;AAEd,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GACpC,CACS;AACb,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAE,OAAO,EAAI,CAAA;AACpC,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CACpC,CACS,CACE;AAErB;;;;"}

package/dist/components/Stepper/styled.cjs

@@ -4,15 +4,16 @@ var styled = require('styled-components');
 var index = require('../../theme/index.cjs');
 var inputStyles = require('../../utils/forms/inputStyles.cjs');
 var Stack = require('../Stack/Stack.cjs');
+require('../Stack/types.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
 const { colors: { neutral, secondary }, radius, } = index.theme;
-const ContainerStack = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--ContainerStack", componentId: "vui--1ldy6v3" }) `--background-color:${({ disabled }) => (disabled ? neutral.grey.light : 'white')};--border-color:${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};box-sizing:border-box;display:inline-flex;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:${radius.base};`;
-const StepButton = styled__default.default.button.withConfig({ displayName: "vui--StepButton", componentId: "vui--231424" }) `appearance:none;border:0;background-color:transparent;border-radius:${radius.base};cursor:pointer;height:${({ compact }) => (compact ? index.theme.sizes[8] : index.theme.sizes[10])};width:${({ compact }) => (compact ? index.theme.sizes[8] : index.theme.sizes[10])};&:hover{background-color:${neutral.grey.light};}${inputStyles.inputFocusStyles}`;
-const StepperDivider = styled__default.default.div.withConfig({ displayName: "vui--StepperDivider", componentId: "vui--d6utag" }) `width:1px;background-color:${neutral.ink.lightest};height:${({ compact }) => (compact ? index.theme.sizes[4] : index.theme.sizes[6])};`;
+const ContainerStack = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--ContainerStack", componentId: "vui--1ldy6v3" }) `--background-color:${({ disabled }) => (disabled ? neutral.grey.light : 'white')};--border-color:${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};box-sizing:border-box;display:inline-flex;background-color:var(--background-color);border:${index.theme.sizes.line} solid var(--border-color);border-radius:${radius.base};height:${({ compact }) => (compact ? index.theme.sizes[8] : index.theme.sizes[10])};`;
+const StepButton = styled__default.default.button.withConfig({ displayName: "vui--StepButton", componentId: "vui--231424" }) `appearance:none;border:0;background-color:transparent;border-radius:${radius.base};cursor:pointer;height:100%;aspect-ratio:1;&:hover{background-color:${neutral.grey.light};}${inputStyles.inputFocusStyles}`;
+const StepperDivider = styled__default.default.div.withConfig({ displayName: "vui--StepperDivider", componentId: "vui--d6utag" }) `width:${index.theme.sizes.line};background-color:${neutral.ink.lightest};height:${({ compact }) => (compact ? index.theme.sizes[4] : index.theme.sizes[6])};`;
 
 exports.ContainerStack = ContainerStack;
 exports.StepButton = StepButton;

package/dist/components/Stepper/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { inputFocusStyles } from '../../utils/forms/inputStyles';\nimport { Stack } from '../Stack';\nimport { InputProps } from '../types';\n\nconst {\n  colors: { neutral, secondary },\n  radius,\n} = theme;\n\nexport const ContainerStack = styled(Stack)<InputProps>`\n  --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};\n  --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};\n\n  box-sizing: border-box;\n  display: inline-flex;\n  background-color: var(--background-color);\n  border: 1px solid var(--border-color);\n  border-radius: ${radius.base};\n`;\n\nexport const StepButton = styled.button<Pick<InputProps, 'compact'>>`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  border-radius: ${radius.base};\n  cursor: pointer;\n\n  height: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n  width: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n\n  &:hover {\n    background-color: ${neutral.grey.light};\n  }\n\n  ${inputFocusStyles}\n`;\n\nexport const StepperDivider = styled.div<Pick<InputProps, 'compact'>>`\n  width: 1px;\n  background-color: ${neutral.ink.lightest};\n  height: ${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};\n`;\n"],"names":["theme","styled","Stack","inputFocusStyles"],"mappings":";;;;;;;;;;;AAMA,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAC9B,MAAM,GACP,GAAGA,WAAK;AAEF,MAAM,cAAc,GAAGC,uBAAM,CAACC,WAAK,CAAC,CACnB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mBAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAC/D,gBAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAMzE,uIAAA,EAAA,MAAM,CAAC,IAAI;AAGjB,MAAA,UAAU,GAAGD,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oEAAA,EAIpB,MAAM,CAAC,IAAI,CAGlB,uBAAA,EAAA,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAGD,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAGA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA,OAAA,EAC9D,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAGA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAGhD,0BAAA,EAAA,OAAO,CAAC,IAAI,CAAC,KAAK,CAGtC,EAAA,EAAAG,4BAAgB;AAGP,MAAA,cAAc,GAAGF,uBAAM,CAAC,GAAG,CAElB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAC9B,QAAA,EAAA,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAGD,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { inputFocusStyles } from '../../utils/forms/inputStyles';\nimport { Stack } from '../Stack';\nimport { FormComponentProps } from '../types';\n\nconst {\n  colors: { neutral, secondary },\n  radius,\n} = theme;\n\nexport const ContainerStack = styled(Stack)<FormComponentProps>`\n  --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};\n  --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};\n\n  box-sizing: border-box;\n  display: inline-flex;\n  background-color: var(--background-color);\n  border: ${theme.sizes.line} solid var(--border-color);\n  border-radius: ${radius.base};\n\n  height: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n`;\n\nexport const StepButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  border-radius: ${radius.base};\n  cursor: pointer;\n\n  height: 100%;\n  aspect-ratio: 1;\n\n  &:hover {\n    background-color: ${neutral.grey.light};\n  }\n\n  ${inputFocusStyles}\n`;\n\nexport const StepperDivider = styled.div<Pick<FormComponentProps, 'compact'>>`\n  width: ${theme.sizes.line};\n  background-color: ${neutral.ink.lightest};\n  height: ${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};\n`;\n"],"names":["theme","styled","Stack","inputFocusStyles"],"mappings":";;;;;;;;;;;;AAMA,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAC9B,MAAM,GACP,GAAGA,WAAK;MAEI,cAAc,GAAGC,uBAAM,CAACC,WAAK,CAAC,CACnB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mBAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAAA,gBAAA,EAC/D,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,8FAKhFF,WAAK,CAAC,KAAK,CAAC,IAAI,4CACT,MAAM,CAAC,IAAI,CAElB,QAAA,EAAA,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAGA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA,CAAA;MAG5D,UAAU,GAAGC,uBAAM,CAAC,MAAM,mJAIpB,MAAM,CAAC,IAAI,CAON,oEAAA,EAAA,OAAO,CAAC,IAAI,CAAC,KAAK,CAGtC,EAAA,EAAAE,4BAAgB;MAGP,cAAc,GAAGF,uBAAM,CAAC,GAAG,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAAD,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,kBAAA,EACL,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,QAAA,EAC9B,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA;;;;;;"}

package/dist/components/Stepper/styled.d.ts

@@ -1,4 +1,4 @@
-import { InputProps } from '../types';
-export declare const ContainerStack: import("styled-components").StyledComponent<"div", any, import("../Stack/types").StackProps & InputProps, never>;
-export declare const StepButton: import("styled-components").StyledComponent<"button", any, Pick<InputProps, "compact">, never>;
-export declare const StepperDivider: import("styled-components").StyledComponent<"div", any, Pick<InputProps, "compact">, never>;
+import { FormComponentProps } from '../types';
+export declare const ContainerStack: import("styled-components").StyledComponent<"div", any, import("../Stack").StackProps & FormComponentProps, never>;
+export declare const StepButton: import("styled-components").StyledComponent<"button", any, FormComponentProps, never>;
+export declare const StepperDivider: import("styled-components").StyledComponent<"div", any, Pick<FormComponentProps, "compact">, never>;

package/dist/components/Stepper/styled.js

@@ -2,11 +2,12 @@ import styled from 'styled-components';
 import { theme } from '../../theme/index.js';
 import { inputFocusStyles } from '../../utils/forms/inputStyles.js';
 import { Stack } from '../Stack/Stack.js';
+import '../Stack/types.js';
 
 const { colors: { neutral, secondary }, radius, } = theme;
-const ContainerStack = styled(Stack).withConfig({ displayName: "vui--ContainerStack", componentId: "vui--1ldy6v3" }) `--background-color:${({ disabled }) => (disabled ? neutral.grey.light : 'white')};--border-color:${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};box-sizing:border-box;display:inline-flex;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:${radius.base};`;
-const StepButton = styled.button.withConfig({ displayName: "vui--StepButton", componentId: "vui--231424" }) `appearance:none;border:0;background-color:transparent;border-radius:${radius.base};cursor:pointer;height:${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};width:${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};&:hover{background-color:${neutral.grey.light};}${inputFocusStyles}`;
-const StepperDivider = styled.div.withConfig({ displayName: "vui--StepperDivider", componentId: "vui--d6utag" }) `width:1px;background-color:${neutral.ink.lightest};height:${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};`;
+const ContainerStack = styled(Stack).withConfig({ displayName: "vui--ContainerStack", componentId: "vui--1ldy6v3" }) `--background-color:${({ disabled }) => (disabled ? neutral.grey.light : 'white')};--border-color:${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};box-sizing:border-box;display:inline-flex;background-color:var(--background-color);border:${theme.sizes.line} solid var(--border-color);border-radius:${radius.base};height:${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};`;
+const StepButton = styled.button.withConfig({ displayName: "vui--StepButton", componentId: "vui--231424" }) `appearance:none;border:0;background-color:transparent;border-radius:${radius.base};cursor:pointer;height:100%;aspect-ratio:1;&:hover{background-color:${neutral.grey.light};}${inputFocusStyles}`;
+const StepperDivider = styled.div.withConfig({ displayName: "vui--StepperDivider", componentId: "vui--d6utag" }) `width:${theme.sizes.line};background-color:${neutral.ink.lightest};height:${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};`;
 
 export { ContainerStack, StepButton, StepperDivider };
 //# sourceMappingURL=styled.js.map

package/dist/components/Stepper/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { inputFocusStyles } from '../../utils/forms/inputStyles';\nimport { Stack } from '../Stack';\nimport { InputProps } from '../types';\n\nconst {\n  colors: { neutral, secondary },\n  radius,\n} = theme;\n\nexport const ContainerStack = styled(Stack)<InputProps>`\n  --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};\n  --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};\n\n  box-sizing: border-box;\n  display: inline-flex;\n  background-color: var(--background-color);\n  border: 1px solid var(--border-color);\n  border-radius: ${radius.base};\n`;\n\nexport const StepButton = styled.button<Pick<InputProps, 'compact'>>`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  border-radius: ${radius.base};\n  cursor: pointer;\n\n  height: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n  width: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n\n  &:hover {\n    background-color: ${neutral.grey.light};\n  }\n\n  ${inputFocusStyles}\n`;\n\nexport const StepperDivider = styled.div<Pick<InputProps, 'compact'>>`\n  width: 1px;\n  background-color: ${neutral.ink.lightest};\n  height: ${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};\n`;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAC9B,MAAM,GACP,GAAG,KAAK;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CACnB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mBAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAC/D,gBAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAMzE,uIAAA,EAAA,MAAM,CAAC,IAAI;AAGjB,MAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oEAAA,EAIpB,MAAM,CAAC,IAAI,CAGlB,uBAAA,EAAA,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA,OAAA,EAC9D,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAGhD,0BAAA,EAAA,OAAO,CAAC,IAAI,CAAC,KAAK,CAGtC,EAAA,EAAA,gBAAgB;AAGP,MAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAElB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAC9B,QAAA,EAAA,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { inputFocusStyles } from '../../utils/forms/inputStyles';\nimport { Stack } from '../Stack';\nimport { FormComponentProps } from '../types';\n\nconst {\n  colors: { neutral, secondary },\n  radius,\n} = theme;\n\nexport const ContainerStack = styled(Stack)<FormComponentProps>`\n  --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};\n  --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};\n\n  box-sizing: border-box;\n  display: inline-flex;\n  background-color: var(--background-color);\n  border: ${theme.sizes.line} solid var(--border-color);\n  border-radius: ${radius.base};\n\n  height: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n`;\n\nexport const StepButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  border-radius: ${radius.base};\n  cursor: pointer;\n\n  height: 100%;\n  aspect-ratio: 1;\n\n  &:hover {\n    background-color: ${neutral.grey.light};\n  }\n\n  ${inputFocusStyles}\n`;\n\nexport const StepperDivider = styled.div<Pick<FormComponentProps, 'compact'>>`\n  width: ${theme.sizes.line};\n  background-color: ${neutral.ink.lightest};\n  height: ${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};\n`;\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAC9B,MAAM,GACP,GAAG,KAAK;MAEI,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CACnB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mBAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAAA,gBAAA,EAC/D,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,8FAKhF,KAAK,CAAC,KAAK,CAAC,IAAI,4CACT,MAAM,CAAC,IAAI,CAElB,QAAA,EAAA,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA,CAAA;MAG5D,UAAU,GAAG,MAAM,CAAC,MAAM,mJAIpB,MAAM,CAAC,IAAI,CAON,oEAAA,EAAA,OAAO,CAAC,IAAI,CAAC,KAAK,CAGtC,EAAA,EAAA,gBAAgB;MAGP,cAAc,GAAG,MAAM,CAAC,GAAG,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,kBAAA,EACL,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,QAAA,EAC9B,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA;;;;"}