npm - @veeqo/ui - Versions diffs - 9.10.3 → 10.0.0-beta.2 - Mend

@veeqo/ui 9.10.3 → 10.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (466) hide show

package/dist/components/DimensionsInput/DimensionsInput.d.ts CHANGED Viewed

@@ -1,3 +1,314 @@
-import { FC } from 'react';
-import { DimensionsProps } from './types';
-export declare const DimensionsInput: FC<DimensionsProps>;
+import React from 'react';
+import { ComponentSize } from '../types';
+export declare const DimensionsInput: React.FC<{
+    form?: string | undefined;
+    slot?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    title?: string | undefined;
+    pattern?: string | undefined;
+    type?: 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?: 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?: React.ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCopyCapture?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCut?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCutCapture?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onPaste?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onPasteCapture?: (React.ClipboardEventHandler<HTMLInputElement> & React.ClipboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionEnd?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionEndCapture?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionStart?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionStartCapture?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionUpdate?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onCompositionUpdateCapture?: (React.CompositionEventHandler<HTMLInputElement> & React.CompositionEventHandler<HTMLTextAreaElement>) | undefined;
+    onFocus?: (React.FocusEventHandler<HTMLInputElement> & React.FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onFocusCapture?: (React.FocusEventHandler<HTMLInputElement> & React.FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onBlur?: (React.FocusEventHandler<HTMLInputElement> & React.FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onBlurCapture?: (React.FocusEventHandler<HTMLInputElement> & React.FocusEventHandler<HTMLTextAreaElement>) | undefined;
+    onChangeCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onBeforeInput?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onBeforeInputCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInput?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInputCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onReset?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onResetCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onSubmit?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onSubmitCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInvalid?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onInvalidCapture?: (React.FormEventHandler<HTMLInputElement> & React.FormEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoad?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onError?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onErrorCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyDown?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyDownCapture?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyPress?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyPressCapture?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyUp?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onKeyUpCapture?: (React.KeyboardEventHandler<HTMLInputElement> & React.KeyboardEventHandler<HTMLTextAreaElement>) | undefined;
+    onAbort?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onAbortCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlay?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlayCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlayThrough?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onCanPlayThroughCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onDurationChange?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onDurationChangeCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEmptied?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEmptiedCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEncrypted?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEncryptedCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEnded?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onEndedCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedData?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedDataCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedMetadata?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadedMetadataCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadStart?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onLoadStartCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPause?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPauseCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlay?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlayCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlaying?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onPlayingCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onProgress?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onProgressCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onRateChange?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onRateChangeCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeeked?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeekedCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeeking?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSeekingCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onStalled?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onStalledCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSuspend?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSuspendCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onTimeUpdate?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onTimeUpdateCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onVolumeChange?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onVolumeChangeCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onWaiting?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onWaitingCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onAuxClick?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onAuxClickCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onClick?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onClickCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onContextMenu?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onContextMenuCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onDoubleClick?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onDoubleClickCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onDrag?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEnd?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEndCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEnter?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragEnterCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragExit?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragExitCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragLeave?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragLeaveCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragOver?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragOverCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragStart?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDragStartCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDrop?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onDropCapture?: (React.DragEventHandler<HTMLInputElement> & React.DragEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseDown?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseDownCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseEnter?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseLeave?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseMove?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseMoveCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOut?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOutCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOver?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseOverCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseUp?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onMouseUpCapture?: (React.MouseEventHandler<HTMLInputElement> & React.MouseEventHandler<HTMLTextAreaElement>) | undefined;
+    onSelect?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onSelectCapture?: (React.ReactEventHandler<HTMLInputElement> & React.ReactEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchCancel?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchCancelCapture?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchEnd?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchEndCapture?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchMove?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchMoveCapture?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchStart?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onTouchStartCapture?: (React.TouchEventHandler<HTMLInputElement> & React.TouchEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerDown?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerDownCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerMove?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerMoveCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerUp?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerUpCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerCancel?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerCancelCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerEnter?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerEnterCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerLeave?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerLeaveCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOver?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOverCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOut?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onPointerOutCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onGotPointerCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onGotPointerCaptureCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onLostPointerCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onLostPointerCaptureCapture?: (React.PointerEventHandler<HTMLInputElement> & React.PointerEventHandler<HTMLTextAreaElement>) | undefined;
+    onScroll?: (React.UIEventHandler<HTMLInputElement> & React.UIEventHandler<HTMLTextAreaElement>) | undefined;
+    onScrollCapture?: (React.UIEventHandler<HTMLInputElement> & React.UIEventHandler<HTMLTextAreaElement>) | undefined;
+    onWheel?: (React.WheelEventHandler<HTMLInputElement> & React.WheelEventHandler<HTMLTextAreaElement>) | undefined;
+    onWheelCapture?: (React.WheelEventHandler<HTMLInputElement> & React.WheelEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationStart?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationStartCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationEnd?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationEndCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationIteration?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onAnimationIterationCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
+    onTransitionEnd?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
+    onTransitionEndCapture?: (React.TransitionEventHandler<HTMLInputElement> & 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/types").TextFieldType | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    hasError?: boolean | undefined;
+    size?: ComponentSize | undefined;
+    multiline?: boolean | undefined;
+} & {
+    handleChangeHeight: (value: string) => void;
+    handleChangeWidth: (value: string) => void;
+    handleChangeLength: (value: string) => void;
+    height: string;
+    width: string;
+    length: string;
+    unit?: string | undefined;
+    className?: string | undefined;
+    hasError?: boolean | undefined;
+} & import("../../hoc/withLabels/withLabels").WithLabelsProps>;

package/dist/components/DimensionsInput/DimensionsInput.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { withLabels } from '../../hoc/withLabels/withLabels.js';
 import { InputGroup } from '../InputGroup/index.js';
 import { ComponentSize } from '../types.js';
 import { Container, Row, TextField as StyledTextField } from './styled.js';
@@ -6,18 +7,21 @@ import { CrossIcon } from '../../tempIcons/CrossIcon.js';
 import { theme } from '../../theme/index.js';
 import { blockInvalidCharacters } from '../../utils/blockInvalidCharacters.js';
 import { invalidCharsList } from '../../utils/invalidCharactersNumeric.js';
-import { InputGroupLabel } from '../InputGroup/components/InputGroupLabel/InputGroupLabel.js';
+import { InputAffix } from '../InputAffix/InputAffix.js';
 const blockInvalidChars = (e) => blockInvalidCharacters(e, invalidCharsList);
-const DimensionsInput = ({ size = ComponentSize.base, handleChangeHeight, handleChangeWidth, handleChangeLength, className, height, width, length, unit = 'cm', ...rest }) => (React__default.createElement(Container, { className: className, role: "group", "aria-label": "Dimensions" },
-    React__default.createElement(Row, null,
-        React__default.createElement(StyledTextField, { name: "length", type: "number", value: length, "aria-label": "Length", "aria-describedby": "dimensions-unit", min: "0", step: "any", onChange: handleChangeLength, onKeyDown: blockInvalidChars, size: size, placeholder: "L", ...rest }),
-        React__default.createElement(CrossIcon, { height: theme.sizes.base, width: theme.sizes.base, role: "presentation" }),
-        React__default.createElement(StyledTextField, { name: "width", type: "number", value: width, "aria-label": "Width", "aria-describedby": "dimensions-unit", min: "0", step: "any", onChange: handleChangeWidth, onKeyDown: blockInvalidChars, size: size, placeholder: "W", ...rest }),
-        React__default.createElement(CrossIcon, { height: theme.sizes.base, width: theme.sizes.base, role: "presentation" }),
-        React__default.createElement(InputGroup, null,
-            React__default.createElement(StyledTextField, { name: "height", type: "number", value: height, "aria-label": "Height", "aria-describedby": "dimensions-unit", min: "0", step: "any", onChange: handleChangeHeight, onKeyDown: blockInvalidChars, size: size, placeholder: "H", ...rest }),
-            React__default.createElement(InputGroupLabel, { size: size, unit: unit, id: "dimensions-unit" })))));
+const DimensionsInput = withLabels(({ size = ComponentSize.base, handleChangeHeight, handleChangeWidth, handleChangeLength, className, height, width, length, unit = 'cm', hasError, ...rest }) => {
+    const compact = size === 'sm';
+    return (React__default.createElement(Container, { className: className, role: "group", "aria-label": "Dimensions" },
+        React__default.createElement(Row, null,
+            React__default.createElement(StyledTextField, { name: "length", type: "number", value: length, "aria-label": "Length", "aria-describedby": "dimensions-unit", min: "0", step: "any", onChange: handleChangeLength, onKeyDown: blockInvalidChars, size: size, placeholder: "L", hasError: hasError, ...rest }),
+            React__default.createElement(CrossIcon, { height: theme.sizes.base, width: theme.sizes.base, role: "presentation" }),
+            React__default.createElement(StyledTextField, { name: "width", type: "number", value: width, "aria-label": "Width", "aria-describedby": "dimensions-unit", min: "0", step: "any", onChange: handleChangeWidth, onKeyDown: blockInvalidChars, size: size, placeholder: "W", hasError: hasError, ...rest }),
+            React__default.createElement(CrossIcon, { height: theme.sizes.base, width: theme.sizes.base, role: "presentation" }),
+            React__default.createElement(InputGroup, { hasError: hasError, compact: compact },
+                React__default.createElement(StyledTextField, { name: "height", type: "number", value: height, "aria-label": "Height", "aria-describedby": "dimensions-unit", min: "0", step: "any", onChange: handleChangeHeight, onKeyDown: blockInvalidChars, size: size, placeholder: "H", hasError: hasError, ...rest }),
+                React__default.createElement(InputAffix, { compact: compact, hasError: hasError, id: "dimensions-unit" }, unit)))));
+});
 DimensionsInput.displayName = 'DimensionsInput';
 export { DimensionsInput };

package/dist/components/DimensionsInput/DimensionsInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DimensionsInput.js","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":["import React, { FC } from '~~react~~';\n\nimport { InputGroup, ~~InputGroupLabel~~ } from '../InputGroup';\nimport { ComponentSize } from '../types';\n\nimport { Container, Row, TextField } from './styled';\n\nimport { DimensionsProps } from './types';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { theme } from '../../theme';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const DimensionsInput: FC<DimensionsProps> = ({\n size = ComponentSize.base,\n handleChangeHeight,\n handleChangeWidth,\n handleChangeLength,\n className,\n height,\n width,\n length,\n unit = 'cm',\n ...rest\n}~~: DimensionsProps~~) => (\n <Container className={className} role=\"group\" aria-label=\"Dimensions\">\n <Row>\n <TextField\n name=\"length\"\n type=\"number\"\n value={length}\n aria-label=\"Length\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeLength}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"L\"\n {...rest}\n />\n <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n <TextField\n name=\"width\"\n type=\"number\"\n value={width}\n aria-label=\"Width\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeWidth}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"W\"\n {...rest}\n />\n <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n <InputGroup>\n <TextField\n name=\"height\"\n type=\"number\"\n value={height}\n aria-label=\"Height\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeHeight}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"H\"\n {...rest}\n />\n <~~InputGroupLabel~~ ~~size~~={~~size~~} ~~unit~~={~~unit~~} id=\"dimensions-unit\" ~~/>\~~n </InputGroup>\n </Row>\n </Container>\n);\n\nDimensionsInput.displayName = 'DimensionsInput';\n"],"names":["React","TextField"],"mappings":"~~;;;;;;;;;;AAaA~~,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAK,sBAAsB,CAAC,CAAC,EAAE,gBAAgB,CAAC;~~MAEpF~~,eAAe,~~GAAwB~~,CAAC,~~EACnD~~,IAAI,GAAG,aAAa,CAAC,IAAI,EACzB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,~~EACS~~,~~MAChBA~~,~~6BAAC~~,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,EAAA,YAAA,EAAY,YAAY,EAAA;AACnE,~~IAAAA~~,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;~~AACF~~,~~QAAAA~~,~~cAAA,~~CAAA,aAAA,~~CAACC~~,eAAS,~~EACR~~,~~EAAA,~~IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,~~EACF~~,~~YAAA~~,EAAA,~~QAAQ~~,~~sBACF~~,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,~~EAAA~~,~~GACX~~,IAAI,EACR,CAAA;~~QACFD~~,cAAC,CAAA,aAAA,CAAA,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;~~AACpF~~,~~QAAAA~~,~~cAAA,~~CAAA,aAAA,~~CAACC~~,eAAS,~~EACR~~,~~EAAA,~~IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,~~EACD~~,~~YAAA~~,EAAA,~~OAAO~~,~~sBACD~~,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,~~EAAA~~,~~GACX~~,IAAI,EACR,CAAA;~~QACFD~~,cAAC,CAAA,aAAA,CAAA,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;~~AACpF~~,~~QAAAA~~,~~cAAA,~~CAAA,aAAA,~~CAAC~~,UAAU,EAAA~~,IAAA~~;~~AACT~~,~~YAAAA~~,~~cAAA,~~CAAA,aAAA,~~CAACC~~,eAAS,~~EACR~~,~~EAAA,~~IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,~~EACF~~,~~YAAA~~,EAAA,~~QAAQ~~,~~sBACF~~,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,~~EAAA~~,~~GACX~~,IAAI,EACR,CAAA;~~AACF~~,~~YAAAD~~,~~cAAA,~~CAAA,aAAA,~~CAAC~~,~~eAAe~~,~~EAAC~~,~~EAAA~~,~~IAAI,~~EAAE,~~IAAI~~,EAAE,~~IAAI~~,EAAE,~~IAAI~~,EAAE,EAAE,EAAC,iBAAiB,~~EAAA~~,~~CAAG~~,~~CACrD~~,CACT,CACI;~~AAGd~~,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
1	+ {"version":3,"file":"DimensionsInput.js","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { InputGroup } from '../InputGroup';\nimport { ComponentSize } from '../types';\n\nimport { Container, Row, TextField } from './styled';\n\nimport { DimensionsProps } from './types';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { theme } from '../../theme';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\nimport { InputAffix } from '../InputAffix';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const DimensionsInput = withLabels<DimensionsProps>(\n ({\n size = ComponentSize.base,\n handleChangeHeight,\n handleChangeWidth,\n handleChangeLength,\n className,\n height,\n width,\n length,\n unit = 'cm',\n hasError,\n ...rest\n }) => {\n const compact = size === 'sm';\n\n return (\n <Container className={className} role=\"group\" aria-label=\"Dimensions\">\n <Row>\n <TextField\n name=\"length\"\n type=\"number\"\n value={length}\n aria-label=\"Length\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeLength}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"L\"\n hasError={hasError}\n {...rest}\n />\n <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n <TextField\n name=\"width\"\n type=\"number\"\n value={width}\n aria-label=\"Width\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeWidth}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"W\"\n hasError={hasError}\n {...rest}\n />\n <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n <InputGroup hasError={hasError} compact={compact}>\n <TextField\n name=\"height\"\n type=\"number\"\n value={height}\n aria-label=\"Height\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeHeight}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"H\"\n hasError={hasError}\n {...rest}\n />\n <InputAffix compact={compact} hasError={hasError} id=\"dimensions-unit\">\n {unit}\n </InputAffix>\n </InputGroup>\n </Row>\n </Container>\n );\n },\n);\n\nDimensionsInput.displayName = 'DimensionsInput';\n"],"names":["React","TextField"],"mappings":";;;;;;;;;;;AAeA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAK,sBAAsB,CAAC,CAAC,EAAE,gBAAgB,CAAC;AAEpF,MAAA,eAAe,GAAG,UAAU,CACvC,CAAC,EACC,IAAI,GAAG,aAAa,CAAC,IAAI,EACzB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;AAE7B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,EAAA,YAAA,EAAY,YAAY,EAAA;AACnE,QAAAA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;YACFA,cAAC,CAAA,aAAA,CAAAC,eAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,gBACF,QAAQ,EAAA,kBAAA,EACF,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;YACFD,cAAC,CAAA,aAAA,CAAA,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;YACpFA,cAAC,CAAA,aAAA,CAAAC,eAAS,IACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,gBACD,OAAO,EAAA,kBAAA,EACD,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;YACFD,cAAC,CAAA,aAAA,CAAA,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;YACpFA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAA;gBAC9CA,cAAC,CAAA,aAAA,CAAAC,eAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,gBACF,QAAQ,EAAA,kBAAA,EACF,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;gBACFD,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAC,iBAAiB,IACnE,IAAI,CACM,CACF,CACT,CACI;AAEhB,CAAC;AAGH,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/components/DimensionsInput/index.d.ts CHANGED Viewed

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const DimensionsInput: import("react").FC<import("./types").DimensionsProps & import("../../hoc/withLabels/withLabels").WithLabelsProps>;
+export * from './DimensionsInput';

package/dist/components/DimensionsInput/styled.cjs CHANGED Viewed

@@ -9,11 +9,11 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--oxhxoy" }) `display:flex;flex-direction:column;position:relative;`;
-const Row = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--w9sg63" }) `display:flex;align-items:center;margin-top:4px;gap:8px;`;
-const StyledTextField = styled__default.default(index.TextField).withConfig({ displayName: "vui--StyledTextField", componentId: "vui--1dp86fg" }) `width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${index$1.theme.colors.neutral.ink.lightest};}`;
-styled__default.default.span.withConfig({ displayName: "vui--Error", componentId: "vui--1isax7l" }) `display:block;font-family:${index$1.theme.text.error.fontFamily};font-size:${index$1.theme.text.error.fontSize};font-weight:${index$1.theme.text.error.fontWeight};line-height:${index$1.theme.text.error.lineHeight};color:${index$1.theme.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${index$1.theme.sizes[2]} * -1);width:2px;background-color:${index$1.theme.colors.secondary.red.base};}`;
-styled__default.default.span.withConfig({ displayName: "vui--Hint", componentId: "vui--gorpke" }) `display:block;font-family:${index$1.theme.fontFamily};font-size:${index$1.theme.sizes[3]};line-height:${index$1.theme.sizes[4]};color:${index$1.theme.colors.neutral.ink.light};`;
+const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--1iyvinq" }) `display:flex;flex-direction:column;position:relative;`;
+const Row = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--jcpqas" }) `display:flex;align-items:center;gap:8px;`;
+const StyledTextField = styled__default.default(index.TextField).withConfig({ displayName: "vui--StyledTextField", componentId: "vui--lm37xj" }) `width:52px;`;
+styled__default.default.span.withConfig({ displayName: "vui--Error", componentId: "vui--1qmlxje" }) `display:block;font-family:${index$1.theme.text.error.fontFamily};font-size:${index$1.theme.text.error.fontSize};font-weight:${index$1.theme.text.error.fontWeight};line-height:${index$1.theme.text.error.lineHeight};color:${index$1.theme.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${index$1.theme.sizes[2]} * -1);width:2px;background-color:${index$1.theme.colors.secondary.red.base};}`;
+styled__default.default.span.withConfig({ displayName: "vui--Hint", componentId: "vui--1xy2ika" }) `display:block;font-family:${index$1.theme.fontFamily};font-size:${index$1.theme.sizes[3]};line-height:${index$1.theme.sizes[4]};color:${index$1.theme.colors.neutral.ink.light};`;
 exports.Container = Container;
 exports.Row = Row;

package/dist/components/DimensionsInput/styled.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.cjs","sources":["../../../src/components/DimensionsInput/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer)`\n display: flex;\n flex-direction: column;\n position: relative;\n`;\n\nconst Row = styled(BaseContainer)`\n display: flex;\n align-items: center;\n ~~margin-top: 4px;\n~~\n gap: 8px;\n`;\n\nconst StyledTextField = styled(TextField)`\n width: 52px;\n ~~margin: 0;\n padding: 0 6px;\n\n &&& {\n text-align: left;\n border-color: ${theme.colors.neutral.ink.lightest};\n }\n~~`;\n\nconst Error = styled.span`\n display: block;\n font-family: ${theme.text.error.fontFamily};\n font-size: ${theme.text.error.fontSize};\n font-weight: ${theme.text.error.fontWeight};\n line-height: ${theme.text.error.lineHeight};\n color: ${theme.text.error.color};\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc(${theme.sizes[2]} * -1);\n width: 2px;\n background-color: ${theme.colors.secondary.red.base};\n }\n`;\n\nconst Hint = styled.span`\n display: block;\n font-family: ${theme.fontFamily};\n font-size: ${theme.sizes[3]};\n line-height: ${theme.sizes[4]};\n color: ${theme.colors.neutral.ink.light};\n`;\n\nexport { Container, Row, Error, Hint, StyledTextField as TextField };\n"],"names":["styled","BaseContainer","TextField","theme"],"mappings":";;;;;;;;;;;AAMA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC;AAMvC,MAAM,GAAG,GAAGD,uBAAM,CAACC,2BAAa,CAAC;~~AAQjC~~,MAAM,eAAe,GAAGD,uBAAM,CAACE,eAAS,CAAC~~,CAOrB,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mEAAA,EAAAC,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ~~;~~AAIvCH~~,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAERG,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,WAAA,EAC7BA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvBA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAAA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CACjC,OAAA,EAAAA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,oEAOhBA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAEP,kCAAA,EAAAA,aAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAI1CH,uBAAM,CAAC,IAAI,CAEP,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,0BAAA,EAAAG,aAAK,CAAC,UAAU,cAClBA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,aAAA,EACZA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpBA,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;;;;;;"}
1	+ {"version":3,"file":"styled.cjs","sources":["../../../src/components/DimensionsInput/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer)`\n display: flex;\n flex-direction: column;\n position: relative;\n`;\n\nconst Row = styled(BaseContainer)`\n display: flex;\n align-items: center;\n\n gap: 8px;\n`;\n\nconst StyledTextField = styled(TextField)`\n width: 52px;\n`;\n\nconst Error = styled.span`\n display: block;\n font-family: ${theme.text.error.fontFamily};\n font-size: ${theme.text.error.fontSize};\n font-weight: ${theme.text.error.fontWeight};\n line-height: ${theme.text.error.lineHeight};\n color: ${theme.text.error.color};\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc(${theme.sizes[2]} * -1);\n width: 2px;\n background-color: ${theme.colors.secondary.red.base};\n }\n`;\n\nconst Hint = styled.span`\n display: block;\n font-family: ${theme.fontFamily};\n font-size: ${theme.sizes[3]};\n line-height: ${theme.sizes[4]};\n color: ${theme.colors.neutral.ink.light};\n`;\n\nexport { Container, Row, Error, Hint, StyledTextField as TextField };\n"],"names":["styled","BaseContainer","TextField","theme"],"mappings":";;;;;;;;;;;AAMA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC;AAMvC,MAAM,GAAG,GAAGD,uBAAM,CAACC,2BAAa,CAAC;AAOjC,MAAM,eAAe,GAAGD,uBAAM,CAACE,eAAS,CAAC;AAI3BF,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAERG,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,WAAA,EAC7BA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvBA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAAA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CACjC,OAAA,EAAAA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,oEAOhBA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAEP,kCAAA,EAAAA,aAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAI1CH,uBAAM,CAAC,IAAI,CAEP,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAAAG,aAAK,CAAC,UAAU,cAClBA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,aAAA,EACZA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpBA,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;;;;;;"}

package/dist/components/DimensionsInput/styled.d.ts CHANGED Viewed

@@ -300,7 +300,7 @@ declare const StyledTextField: import("styled-components").StyledComponent<impor
     type?: import("../TextField/types").TextFieldType | undefined;
     onChange?: ((value: string) => void) | undefined;
     hasError?: boolean | undefined;
-    size?: "base" | "sm" | undefined;
+    size?: import("../types").ComponentSize | undefined;
     multiline?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement> & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
 declare const Error: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/DimensionsInput/styled.js CHANGED Viewed

@@ -3,11 +3,11 @@ import { TextField } from '../TextField/index.js';
 import { BaseContainer } from '../BaseContainer/BaseContainer.js';
 import { theme } from '../../theme/index.js';
-const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--oxhxoy" }) `display:flex;flex-direction:column;position:relative;`;
-const Row = styled(BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--w9sg63" }) `display:flex;align-items:center;margin-top:4px;gap:8px;`;
-const StyledTextField = styled(TextField).withConfig({ displayName: "vui--StyledTextField", componentId: "vui--1dp86fg" }) `width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${theme.colors.neutral.ink.lightest};}`;
-styled.span.withConfig({ displayName: "vui--Error", componentId: "vui--1isax7l" }) `display:block;font-family:${theme.text.error.fontFamily};font-size:${theme.text.error.fontSize};font-weight:${theme.text.error.fontWeight};line-height:${theme.text.error.lineHeight};color:${theme.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${theme.sizes[2]} * -1);width:2px;background-color:${theme.colors.secondary.red.base};}`;
-styled.span.withConfig({ displayName: "vui--Hint", componentId: "vui--gorpke" }) `display:block;font-family:${theme.fontFamily};font-size:${theme.sizes[3]};line-height:${theme.sizes[4]};color:${theme.colors.neutral.ink.light};`;
+const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--1iyvinq" }) `display:flex;flex-direction:column;position:relative;`;
+const Row = styled(BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--jcpqas" }) `display:flex;align-items:center;gap:8px;`;
+const StyledTextField = styled(TextField).withConfig({ displayName: "vui--StyledTextField", componentId: "vui--lm37xj" }) `width:52px;`;
+styled.span.withConfig({ displayName: "vui--Error", componentId: "vui--1qmlxje" }) `display:block;font-family:${theme.text.error.fontFamily};font-size:${theme.text.error.fontSize};font-weight:${theme.text.error.fontWeight};line-height:${theme.text.error.lineHeight};color:${theme.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${theme.sizes[2]} * -1);width:2px;background-color:${theme.colors.secondary.red.base};}`;
+styled.span.withConfig({ displayName: "vui--Hint", componentId: "vui--1xy2ika" }) `display:block;font-family:${theme.fontFamily};font-size:${theme.sizes[3]};line-height:${theme.sizes[4]};color:${theme.colors.neutral.ink.light};`;
 export { Container, Row, StyledTextField as TextField };
 //# sourceMappingURL=styled.js.map

package/dist/components/DimensionsInput/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../src/components/DimensionsInput/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer)`\n display: flex;\n flex-direction: column;\n position: relative;\n`;\n\nconst Row = styled(BaseContainer)`\n display: flex;\n align-items: center;\n ~~margin-top: 4px;\n~~\n gap: 8px;\n`;\n\nconst StyledTextField = styled(TextField)`\n width: 52px;\n ~~margin: 0;\n padding: 0 6px;\n\n &&& {\n text-align: left;\n border-color: ${theme.colors.neutral.ink.lightest};\n }\n~~`;\n\nconst Error = styled.span`\n display: block;\n font-family: ${theme.text.error.fontFamily};\n font-size: ${theme.text.error.fontSize};\n font-weight: ${theme.text.error.fontWeight};\n line-height: ${theme.text.error.lineHeight};\n color: ${theme.text.error.color};\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc(${theme.sizes[2]} * -1);\n width: 2px;\n background-color: ${theme.colors.secondary.red.base};\n }\n`;\n\nconst Hint = styled.span`\n display: block;\n font-family: ${theme.fontFamily};\n font-size: ${theme.sizes[3]};\n line-height: ${theme.sizes[4]};\n color: ${theme.colors.neutral.ink.light};\n`;\n\nexport { Container, Row, Error, Hint, StyledTextField as TextField };\n"],"names":[],"mappings":";;;;;AAMA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC;AAMvC,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;~~AAQjC~~,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC~~,CAOrB,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mEAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ~~;~~AAIvC~~,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAER,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,WAAA,EAC7B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CACjC,OAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,oEAOhB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAEP,kCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAI1C,MAAM,CAAC,IAAI,CAEP,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,0BAAA,EAAA,KAAK,CAAC,UAAU,cAClB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,aAAA,EACZ,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../src/components/DimensionsInput/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { TextField } from '../TextField';\nimport { BaseContainer } from '../BaseContainer';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer)`\n display: flex;\n flex-direction: column;\n position: relative;\n`;\n\nconst Row = styled(BaseContainer)`\n display: flex;\n align-items: center;\n\n gap: 8px;\n`;\n\nconst StyledTextField = styled(TextField)`\n width: 52px;\n`;\n\nconst Error = styled.span`\n display: block;\n font-family: ${theme.text.error.fontFamily};\n font-size: ${theme.text.error.fontSize};\n font-weight: ${theme.text.error.fontWeight};\n line-height: ${theme.text.error.lineHeight};\n color: ${theme.text.error.color};\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc(${theme.sizes[2]} * -1);\n width: 2px;\n background-color: ${theme.colors.secondary.red.base};\n }\n`;\n\nconst Hint = styled.span`\n display: block;\n font-family: ${theme.fontFamily};\n font-size: ${theme.sizes[3]};\n line-height: ${theme.sizes[4]};\n color: ${theme.colors.neutral.ink.light};\n`;\n\nexport { Container, Row, Error, Hint, StyledTextField as TextField };\n"],"names":[],"mappings":";;;;;AAMA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC;AAMvC,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAOjC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC;AAI3B,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAER,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,WAAA,EAC7B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CACjC,OAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,oEAOhB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAEP,kCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAI1C,MAAM,CAAC,IAAI,CAEP,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAAA,KAAK,CAAC,UAAU,cAClB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,aAAA,EACZ,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;;;;"}

package/dist/components/DimensionsInput/types.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import { ComponentSize } from '../types';
-export type DimensionsProps = {
-    size?: ComponentSize;
+import { TextFieldProps } from '../TextField/types';
+export type DimensionsProps = TextFieldProps & {
     handleChangeHeight: (value: string) => void;
     handleChangeWidth: (value: string) => void;
     handleChangeLength: (value: string) => void;
@@ -9,4 +8,5 @@ export type DimensionsProps = {
     length: string;
     unit?: string;
     className?: string;
+    hasError?: boolean;
 };

package/dist/components/Dropdown/Dropdown.cjs CHANGED Viewed

@@ -8,10 +8,21 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-const Dropdown = ({ id, shouldShow, setShouldShow, ctaIconSlot, ctaProps, ...dropdownProps }) => {
+const Dropdown = ({ id, shouldShow, disabled, setShouldShow, ctaIconSlot, ctaProps, renderCta, ...dropdownProps }) => {
+    var _a;
     const anchorRef = React.useRef(null);
+    const buttonProps = {
+        'aria-haspopup': 'dialog',
+        'aria-expanded': shouldShow,
+        'aria-controls': id,
+        onClick: () => setShouldShow === null || setShouldShow === undefined ? undefined : setShouldShow(!shouldShow),
+        disabled,
+    };
+    // If a custom render function is provided, use it to render the button
+    // Otherwise, use the default Button component
+    const ctaButton = (_a = renderCta === null || renderCta === undefined ? undefined : renderCta(buttonProps, anchorRef)) !== null && _a !== undefined ? _a : (React__default.default.createElement(Button.Button, { ref: anchorRef, iconSlot: ctaIconSlot, dropdown: true, ...buttonProps, ...ctaProps }));
     return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement(Button.Button, { ref: anchorRef, "aria-haspopup": "dialog", "aria-expanded": shouldShow, "aria-controls": id, onClick: () => setShouldShow === null || setShouldShow === undefined ? undefined : setShouldShow(!shouldShow), iconSlot: ctaIconSlot, dropdown: true, ...ctaProps }),
+        ctaButton,
         shouldShow && (React__default.default.createElement(DropdownPopover.DropdownPopover, { id: id, anchorElement: anchorRef.current, onShouldClose: () => setShouldShow === null || setShouldShow === undefined ? undefined : setShouldShow(false), ...dropdownProps }))));
 };

package/dist/components/Dropdown/Dropdown.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.cjs","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Button } from '../Button';\nimport { DropdownPopover } from './DropdownPopover';\nimport { DropdownProps } from './types';\n\nexport const Dropdown = ({\n id,\n shouldShow,\n setShouldShow,\n ctaIconSlot,\n ctaProps,\n ...dropdownProps\n}: DropdownProps) => {\n const anchorRef = useRef<HTMLButtonElement \| null>(null);\n\n ~~return~~ ~~(\n <>\n~~ <~~Button\n ref~~={~~anchorRef}~~\n aria-haspopup~~=\"~~dialog~~\"\~~n aria-expanded={shouldShow}\n aria-controls={id}\n onClick={() => setShouldShow?.(!shouldShow)}\n iconSlot={ctaIconSlot}\n dropdown\n {...ctaProps}\n ~~/>\~~n\n {shouldShow && (\n <DropdownPopover\n id={id}\n anchorElement={anchorRef.current}\n onShouldClose={() => setShouldShow?.(false)}\n {...dropdownProps}\n />\n )}\n </>\n );\n};\n"],"names":["useRef","React","Button","DropdownPopover"],"mappings":";;;;;;;;;;~~MAKa~~,QAAQ,GAAG,CAAC,EACvB,EAAE,EACF,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,GAAG,aAAa,EACF,KAAI;AAClB,IAAA,MAAM,SAAS,GAAGA,YAAM,CAA2B,IAAI,CAAC;AAExD,IAAA,~~QACEC~~,~~sBAAA~~,~~CAAA~~,~~aAAA~~,~~CAAAA~~,~~sBAAA~~,~~CAAA~~,QAAA,~~EAAA~~,~~IAAA~~;~~AACE~~,~~QAAAA~~,~~sBAAA~~,~~CAAA~~,~~aAAA~~,~~CAACC~~,~~aAAM~~,~~EAAA~~,~~EACL~~,~~GAAG~~,~~EAAE~~,~~SAAS~~,~~EACA~~,~~eAAA~~,~~EAAA~~,~~QAAQ~~,~~EACP~~,~~eAAA~~,~~EAAA~~,~~UAAU~~,~~mBACV~~,~~EAAE~~,~~EACjB~~,~~OAAO~~,~~EAAE~~,MAAM,~~aAAa~~,~~KAAA~~,~~IAAA~~,~~IAAb~~,~~aAAa~~,KAAA,SAAA,GAAA,SAAA,~~GAAb~~,~~aAAa~~,CAAG,~~CAAC~~,~~UAAU~~,CAAC,~~EAC3C~~,QAAQ,EAAE,WAAW,~~EACrB~~,QAAQ,~~EAAA~~,~~IAAA~~,EAAA,~~GACJ~~,QAAQ,~~EACZ~~,~~CAAA~~;AAED,QAAA,UAAU,~~KACTD~~,sBAAC,CAAA,aAAA,CAAAE,+BAAe,IACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,aAAa,EAAE,MAAM,aAAa,KAAb,IAAA,IAAA,aAAa,6BAAb,aAAa,CAAG,KAAK,CAAC,KACvC,aAAa,EAAA,CACjB,CACH,CACA;AAEP;;;;"}
1	+ {"version":3,"file":"Dropdown.cjs","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Button } from '../Button';\nimport { DropdownPopover } from './DropdownPopover';\nimport { DropdownProps } from './types';\n\nexport const Dropdown = ({\n id,\n shouldShow,\n disabled,\n setShouldShow,\n ctaIconSlot,\n ctaProps,\n renderCta,\n ...dropdownProps\n}: DropdownProps) => {\n const anchorRef = useRef<HTMLButtonElement \| null>(null);\n\n const buttonProps: React.ButtonHTMLAttributes<HTMLButtonElement> = {\n 'aria-haspopup': 'dialog',\n 'aria-expanded': shouldShow,\n 'aria-controls': id,\n onClick: () => setShouldShow?.(!shouldShow),\n disabled,\n };\n\n // If a custom render function is provided, use it to render the button\n // Otherwise, use the default Button component\n const ctaButton = renderCta?.(buttonProps, anchorRef) ?? (\n <Button ref={anchorRef} iconSlot={ctaIconSlot} dropdown {...buttonProps} {...ctaProps} />\n );\n\n return (\n <>\n {ctaButton}\n\n {shouldShow && (\n <DropdownPopover\n id={id}\n anchorElement={anchorRef.current}\n onShouldClose={() => setShouldShow?.(false)}\n {...dropdownProps}\n />\n )}\n </>\n );\n};\n"],"names":["useRef","React","Button","DropdownPopover"],"mappings":";;;;;;;;;;AAKa,MAAA,QAAQ,GAAG,CAAC,EACvB,EAAE,EACF,UAAU,EACV,QAAQ,EACR,aAAa,EACb,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,aAAa,EACF,KAAI;;AAClB,IAAA,MAAM,SAAS,GAAGA,YAAM,CAA2B,IAAI,CAAC;AAExD,IAAA,MAAM,WAAW,GAAkD;AACjE,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,eAAe,EAAE,UAAU;AAC3B,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,OAAO,EAAE,MAAM,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAG,CAAC,UAAU,CAAC;QAC3C,QAAQ;KACT;;;AAID,IAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,SAAS,aAAT,SAAS,KAAA,SAAA,GAAA,SAAA,GAAT,SAAS,CAAG,WAAW,EAAE,SAAS,CAAC,uCACnDC,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,WAAK,WAAW,EAAA,GAAM,QAAQ,EAAA,CAAI,CAC1F;AAED,IAAA,QACED,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;QACG,SAAS;AAET,QAAA,UAAU,KACTA,sBAAC,CAAA,aAAA,CAAAE,+BAAe,IACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,aAAa,EAAE,MAAM,aAAa,KAAb,IAAA,IAAA,aAAa,6BAAb,aAAa,CAAG,KAAK,CAAC,KACvC,aAAa,EAAA,CACjB,CACH,CACA;AAEP;;;;"}

package/dist/components/Dropdown/Dropdown.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from 'react';
 import { DropdownProps } from './types';
-export declare const Dropdown: ({ id, shouldShow, setShouldShow, ctaIconSlot, ctaProps, ...dropdownProps }: DropdownProps) => React.JSX.Element;
+export declare const Dropdown: ({ id, shouldShow, disabled, setShouldShow, ctaIconSlot, ctaProps, renderCta, ...dropdownProps }: DropdownProps) => React.JSX.Element;

package/dist/components/Dropdown/Dropdown.js CHANGED Viewed

@@ -2,10 +2,21 @@ import React__default, { useRef } from 'react';
 import { Button } from '../Button/Button.js';
 import { DropdownPopover } from './DropdownPopover.js';
-const Dropdown = ({ id, shouldShow, setShouldShow, ctaIconSlot, ctaProps, ...dropdownProps }) => {
+const Dropdown = ({ id, shouldShow, disabled, setShouldShow, ctaIconSlot, ctaProps, renderCta, ...dropdownProps }) => {
+    var _a;
     const anchorRef = useRef(null);
+    const buttonProps = {
+        'aria-haspopup': 'dialog',
+        'aria-expanded': shouldShow,
+        'aria-controls': id,
+        onClick: () => setShouldShow === null || setShouldShow === undefined ? undefined : setShouldShow(!shouldShow),
+        disabled,
+    };
+    // If a custom render function is provided, use it to render the button
+    // Otherwise, use the default Button component
+    const ctaButton = (_a = renderCta === null || renderCta === undefined ? undefined : renderCta(buttonProps, anchorRef)) !== null && _a !== undefined ? _a : (React__default.createElement(Button, { ref: anchorRef, iconSlot: ctaIconSlot, dropdown: true, ...buttonProps, ...ctaProps }));
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Button, { ref: anchorRef, "aria-haspopup": "dialog", "aria-expanded": shouldShow, "aria-controls": id, onClick: () => setShouldShow === null || setShouldShow === undefined ? undefined : setShouldShow(!shouldShow), iconSlot: ctaIconSlot, dropdown: true, ...ctaProps }),
+        ctaButton,
         shouldShow && (React__default.createElement(DropdownPopover, { id: id, anchorElement: anchorRef.current, onShouldClose: () => setShouldShow === null || setShouldShow === undefined ? undefined : setShouldShow(false), ...dropdownProps }))));
 };

package/dist/components/Dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Button } from '../Button';\nimport { DropdownPopover } from './DropdownPopover';\nimport { DropdownProps } from './types';\n\nexport const Dropdown = ({\n id,\n shouldShow,\n setShouldShow,\n ctaIconSlot,\n ctaProps,\n ...dropdownProps\n}: DropdownProps) => {\n const anchorRef = useRef<HTMLButtonElement \| null>(null);\n\n ~~return~~ ~~(\n <>\n~~ <~~Button\n ref~~={~~anchorRef}~~\n aria-haspopup~~=\"~~dialog~~\"\~~n aria-expanded={shouldShow}\n aria-controls={id}\n onClick={() => setShouldShow?.(!shouldShow)}\n iconSlot={ctaIconSlot}\n dropdown\n {...ctaProps}\n ~~/>\~~n\n {shouldShow && (\n <DropdownPopover\n id={id}\n anchorElement={anchorRef.current}\n onShouldClose={() => setShouldShow?.(false)}\n {...dropdownProps}\n />\n )}\n </>\n );\n};\n"],"names":["React"],"mappings":";;;;~~MAKa~~,QAAQ,GAAG,CAAC,EACvB,EAAE,EACF,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,GAAG,aAAa,EACF,KAAI;AAClB,IAAA,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC;AAExD,IAAA,~~QACEA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAAA~~,~~cAAA~~,~~CAAA~~,QAAA,~~EAAA~~,~~IAAA~~;~~AACE~~,~~QAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,MAAM,~~EAAA~~,~~EACL~~,~~GAAG~~,~~EAAE~~,~~SAAS~~,~~EACA~~,~~eAAA~~,~~EAAA~~,~~QAAQ~~,~~EACP~~,~~eAAA~~,~~EAAA~~,UAAU,~~mBACV~~,~~EAAE~~,~~EACjB~~,~~OAAO~~,~~EAAE~~,~~MAAM~~,~~aAAa~~,~~KAAA~~,~~IAAA~~,~~IAAb~~,~~aAAa~~,KAAA,SAAA,GAAA,SAAA,~~GAAb~~,~~aAAa~~,CAAG,CAAC,~~UAAU~~,CAAC,~~EAC3C~~,QAAQ,EAAE,WAAW,~~EACrB~~,QAAQ,~~EAAA~~,~~IAAA~~,EAAA,~~GACJ~~,QAAQ,~~EACZ~~,~~CAAA~~;AAED,QAAA,UAAU,KACTA,cAAC,CAAA,aAAA,CAAA,eAAe,IACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,aAAa,EAAE,MAAM,aAAa,KAAb,IAAA,IAAA,aAAa,6BAAb,aAAa,CAAG,KAAK,CAAC,KACvC,aAAa,EAAA,CACjB,CACH,CACA;AAEP;;;;"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Button } from '../Button';\nimport { DropdownPopover } from './DropdownPopover';\nimport { DropdownProps } from './types';\n\nexport const Dropdown = ({\n id,\n shouldShow,\n disabled,\n setShouldShow,\n ctaIconSlot,\n ctaProps,\n renderCta,\n ...dropdownProps\n}: DropdownProps) => {\n const anchorRef = useRef<HTMLButtonElement \| null>(null);\n\n const buttonProps: React.ButtonHTMLAttributes<HTMLButtonElement> = {\n 'aria-haspopup': 'dialog',\n 'aria-expanded': shouldShow,\n 'aria-controls': id,\n onClick: () => setShouldShow?.(!shouldShow),\n disabled,\n };\n\n // If a custom render function is provided, use it to render the button\n // Otherwise, use the default Button component\n const ctaButton = renderCta?.(buttonProps, anchorRef) ?? (\n <Button ref={anchorRef} iconSlot={ctaIconSlot} dropdown {...buttonProps} {...ctaProps} />\n );\n\n return (\n <>\n {ctaButton}\n\n {shouldShow && (\n <DropdownPopover\n id={id}\n anchorElement={anchorRef.current}\n onShouldClose={() => setShouldShow?.(false)}\n {...dropdownProps}\n />\n )}\n </>\n );\n};\n"],"names":["React"],"mappings":";;;;AAKa,MAAA,QAAQ,GAAG,CAAC,EACvB,EAAE,EACF,UAAU,EACV,QAAQ,EACR,aAAa,EACb,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,aAAa,EACF,KAAI;;AAClB,IAAA,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC;AAExD,IAAA,MAAM,WAAW,GAAkD;AACjE,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,eAAe,EAAE,UAAU;AAC3B,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,OAAO,EAAE,MAAM,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAG,CAAC,UAAU,CAAC;QAC3C,QAAQ;KACT;;;AAID,IAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,SAAS,aAAT,SAAS,KAAA,SAAA,GAAA,SAAA,GAAT,SAAS,CAAG,WAAW,EAAE,SAAS,CAAC,uCACnDA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,WAAK,WAAW,EAAA,GAAM,QAAQ,EAAA,CAAI,CAC1F;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACG,SAAS;AAET,QAAA,UAAU,KACTA,cAAC,CAAA,aAAA,CAAA,eAAe,IACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,aAAa,EAAE,MAAM,aAAa,KAAb,IAAA,IAAA,aAAa,6BAAb,aAAa,CAAG,KAAK,CAAC,KACvC,aAAa,EAAA,CACjB,CACH,CACA;AAEP;;;;"}