@commonsku/styles 1.13.4 → 1.13.7

package/dist/styles/Artwork.d.ts

@@ -9,7 +9,7 @@ export declare type ArtworkProps = {
     date?: string;
     edit?: boolean;
     noTruncate?: boolean;
-    onClick?: Function | VoidFunction;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
     onEdit?: Function | VoidFunction;
     onDelete?: Function | VoidFunction;
     onSave?: Function | VoidFunction;

package/dist/styles/Artwork.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Artwork.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Artwork.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAA;AAGzC,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAkFhE,oBAAY,YAAY,GAAG;IACzB,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,IAAI,EAAC,MAAM,CAAC;IACZ,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,IAAI,CAAC,EAAC,OAAO,CAAC;IACd,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,OAAO,CAAC,EAAC,QAAQ,GAAC,YAAY,CAAC;IAC/B,MAAM,CAAC,EAAC,QAAQ,GAAC,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAC,QAAQ,GAAC,YAAY,CAAC;IAChC,MAAM,CAAC,EAAC,QAAQ,GAAC,YAAY,CAAC;IAC9B,UAAU,CAAC,EAAC,QAAQ,GAAC,YAAY,CAAC;IAClC,UAAU,CAAC,EAAC,UAAU,CAAC;IACvB,OAAO,CAAC,EAAC,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO,6BAGf,YAAY,GAAG,gBAAgB,gBAgCnC,CAAA"}
+{"version":3,"file":"Artwork.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Artwork.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAA;AAGzC,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAkFhE,oBAAY,YAAY,GAAG;IACzB,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,IAAI,EAAC,MAAM,CAAC;IACZ,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,IAAI,CAAC,EAAC,OAAO,CAAC;IACd,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,OAAO,CAAC,EAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,MAAM,CAAC,EAAC,QAAQ,GAAC,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAC,QAAQ,GAAC,YAAY,CAAC;IAChC,MAAM,CAAC,EAAC,QAAQ,GAAC,YAAY,CAAC;IAC9B,UAAU,CAAC,EAAC,QAAQ,GAAC,YAAY,CAAC;IAClC,UAAU,CAAC,EAAC,UAAU,CAAC;IACvB,OAAO,CAAC,EAAC,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO,6BAGf,YAAY,GAAG,gBAAgB,gBAiCnC,CAAA"}

package/dist/styles/Box.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { SharedStyleTypes } from './SharedStyles';
-declare const Box: (props: React.PropsWithChildren<{
+declare type BoxProps = React.PropsWithChildren<{
     borderless?: boolean;
     padded?: boolean;
     title?: string | React.ReactNode;
     controls?: React.ReactNode;
-} & SharedStyleTypes>) => JSX.Element;
+} & SharedStyleTypes>;
+declare const Box: ({ title, controls, children, ...props }: BoxProps) => JSX.Element;
 export { Box };
 //# sourceMappingURL=Box.d.ts.map

package/dist/styles/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAWhE,QAAA,MAAM,GAAG,UAAW,KAAK,CAAC,iBAAiB,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAM,OAAO,CAAC;IACrB,KAAK,CAAC,EAAO,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAI,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,gBAAgB,CAAC,gBAgB9F,CAAA;AAED,OAAO,EAAE,GAAG,EAAE,CAAA"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAUhE,aAAK,QAAQ,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,gBAAgB,CAAC,CAAC;AACtB,QAAA,MAAM,GAAG,4CAKN,QAAQ,gBAgBV,CAAA;AAED,OAAO,EAAE,GAAG,EAAE,CAAA"}

package/dist/styles/Button.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { SharedStyleTypes } from './SharedStyles';
 import { SizerTypes } from './Sizer';
-declare const sizes: {
+export declare const sizes: {
     tiny: {
         'font-size': string;
         'font-family': string;
@@ -10,6 +11,9 @@ declare const sizes: {
         'font-family': string;
         padding: string;
     };
+    medium: {
+        padding: string;
+    };
     large: {
         padding: string;
     };
@@ -17,12 +21,25 @@ declare const sizes: {
         padding: string;
     };
 };
+export declare type TSize = keyof typeof sizes;
+export declare type ButtonVariant = 'primary' | 'secondary' | 'cta' | 'error' | 'disabled' | 'text' | 'primary-outline' | 'primary-light' | 'cta-outline' | 'error-outline' | 'disabled-outline';
 declare type ButtonProps = {
     secondary?: boolean;
     cta?: boolean;
-    size?: keyof typeof sizes;
+    size?: TSize;
+    variant?: ButtonVariant;
 } & SharedStyleTypes & SizerTypes;
 declare const Button: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
 export declare const ButtonsGroup: import("styled-components").StyledComponent<"div", any, SharedStyleTypes & SizerTypes, never>;
+declare type IconFuncProps = {
+    fill: string;
+    [key: string]: any;
+};
+export declare type TButtonIcon = React.ReactNode | ((props: IconFuncProps) => React.ReactElement);
+export declare type IconButtonProps = React.PropsWithChildren<ButtonProps & {
+    Icon: TButtonIcon;
+    iconPosition?: 'left' | 'right';
+}>;
+export declare function IconButton({ Icon, children, iconPosition, ...props }: IconButtonProps): JSX.Element;
 export { Button };
 //# sourceMappingURL=Button.d.ts.map

package/dist/styles/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAY,UAAU,EAAE,MAAM,SAAS,CAAC;AAsB/C,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;CAgBV,CAAC;AAEF,aAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;CAC9D,GAAG,gBAAgB,GAAG,UAAU,CAAC;AAWlC,QAAA,MAAM,MAAM,gFAiCX,CAAC;AAEF,eAAO,MAAM,YAAY,+FAUxB,CAAC;AAEF,OAAO,EAAC,MAAM,EAAC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAY,UAAU,EAAE,MAAM,SAAS,CAAC;AAuB/C,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;CAmBjB,CAAC;AACF,oBAAY,KAAK,GAAG,MAAM,OAAO,KAAK,CAAC;AAEvC,oBAAY,aAAa,GAAG,SAAS,GACjC,WAAW,GACX,KAAK,GACL,OAAO,GACP,UAAU,GACV,MAAM,GACN,iBAAiB,GACjB,eAAe,GACf,aAAa,GACb,eAAe,GACf,kBAAkB,CAAC;AAEvB,aAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB,GAAG,gBAAgB,GAAG,UAAU,CAAC;AA2KlC,QAAA,MAAM,MAAM,gFAoCX,CAAC;AAEF,eAAO,MAAM,YAAY,+FAUxB,CAAC;AAEF,aAAK,aAAa,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC;AAC1D,oBAAY,WAAW,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;AAC3F,oBAAY,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC,WAAW,GAAG;IAClE,IAAI,EAAE,WAAW,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACjC,CAAC,CAAC;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,YAAmB,EACnB,GAAG,KAAK,EACT,EAAE,eAAe,eA4BjB;AAED,OAAO,EAAC,MAAM,EAAC,CAAC"}

package/dist/styles/Datepicker.d.ts

@@ -2,20 +2,12 @@ import React from 'react';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { InputProps } from './Input';
 import "react-datepicker/dist/react-datepicker.css";
-export declare const CustomDateInput: ({ error, noMargin, onClick, isClearable, ...props }: Pick<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
-}, "ref" | "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step"> & Partial<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
-}, never>>, "ref" | "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step"> & {
-    theme?: any;
-} & {
-    noMargin?: boolean | undefined;
-    error?: boolean | undefined;
-    isPercent?: boolean | undefined;
-} & {
-    isClearable?: boolean | undefined;
-}) => JSX.Element;
-export declare function Datepicker({ error, value, customInput, locale, todayButton, placeholder, dateFormat, isClearable, peekNextMonth, showMonthDropdown, showYearDropdown, dropdownMode, nextMonthButtonLabel, nextYearButtonLabel, previousMonthButtonLabel, previousYearButtonLabel, ...props }: ReactDatePickerProps & InputProps & {
+declare type CustomInputProps = InputProps & {
+    isClearable?: boolean;
+};
+export declare const CustomDateInput: React.ForwardRefExoticComponent<Pick<CustomInputProps, "theme" | "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "noMargin" | "error" | "isPercent" | "hasIcon" | "pr" | "pl" | "pt" | "pb" | "px" | "py" | "mr" | "ml" | "mt" | "mb" | "mx" | "my" | "block" | "inline_block" | "flex" | "inline_flex" | "grid" | "custom" | "bg" | "float" | "isClearable"> & React.RefAttributes<HTMLInputElement>>;
+export declare function Datepicker({ error, value, customInput, locale, todayButton, placeholder, dateFormat, isClearable, peekNextMonth, showMonthDropdown, showYearDropdown, dropdownMode, nextMonthButtonLabel, nextYearButtonLabel, previousMonthButtonLabel, previousYearButtonLabel, ...props }: Omit<ReactDatePickerProps, 'value'> & Omit<InputProps, 'value'> & {
     value?: Date | null;
 }): JSX.Element;
+export {};
 //# sourceMappingURL=Datepicker.d.ts.map

package/dist/styles/Datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Datepicker.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,4CAA4C,CAAC;AAGpD,eAAO,MAAM,eAAe;;;;;;;;;;;;iBAiB3B,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,WAAW,EACX,MAAW,EACX,WAAmB,EACnB,WAAwB,EACxB,UAAuB,EACvB,WAAiB,EACjB,aAAkB,EAClB,iBAAsB,EACtB,gBAAqB,EACrB,YAAqB,EACrB,oBAAuB,EACvB,mBAAsB,EACtB,wBAA2B,EAC3B,uBAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,eAsB7D"}
+{"version":3,"file":"Datepicker.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,4CAA4C,CAAC;AAGpD,aAAK,gBAAgB,GAAG,UAAU,GAAG;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAC,CAAC;AAC7D,eAAO,MAAM,eAAe,ksKAyB1B,CAAA;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,WAAW,EACX,MAAW,EACX,WAAmB,EACnB,WAAwB,EACxB,UAAuB,EACvB,WAAiB,EACjB,aAAkB,EAClB,iBAAsB,EACtB,gBAAqB,EACrB,YAAqB,EACrB,oBAAuB,EACvB,mBAAsB,EACtB,wBAA2B,EAC3B,uBAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,eAsB3F"}

package/dist/styles/DropArea.d.ts

@@ -6,9 +6,10 @@ export declare const StyledDropArea: import("styled-components").StyledComponent
     isDragReject?: boolean | undefined;
     isDragActive?: boolean | undefined;
 } & SharedStyleTypes, never>;
-export declare const DropArea: (props: React.PropsWithChildren<{
+export declare type DropAreaProps = React.PropsWithChildren<{
     placeholder?: string | React.ReactNode;
-} & SharedStyleTypes>) => JSX.Element;
+} & SharedStyleTypes>;
+export declare const DropArea: ({ children, placeholder, ...props }: DropAreaProps) => JSX.Element;
 export declare type DropzoneTypes = {
     placeholder?: string | React.ReactNode;
     showDroppedFiles?: boolean;

package/dist/styles/DropArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropArea.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/DropArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAe,eAAe,EAAa,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,eAAO,MAAM,cAAc;;;;4BAe1B,CAAC;AAkDF,eAAO,MAAM,QAAQ,UAAW,KAAK,CAAC,iBAAiB,CAAC;IAAE,WAAW,CAAC,EAAC,MAAM,GAAC,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,gBAAgB,CAAC,gBAIjH,CAAA;AAgBD,oBAAY,aAAa,GAAG;IAC1B,WAAY,CAAC,EAAE,MAAM,GAAC,KAAK,CAAC,SAAS,CAAC;IACtC,gBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,eAAe,CAAA;AAEnB,wBAAgB,SAAS,CAAC,EACxB,WAAuB,EACvB,MAAM,EACN,gBAAsB,EACtB,GAAG,KAAK,EACT,EAAE,aAAa,eA4Bf;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAuB,EACvB,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,aAAa,eA4Cf"}
+{"version":3,"file":"DropArea.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/DropArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAe,eAAe,EAAa,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,eAAO,MAAM,cAAc;;;;4BAe1B,CAAC;AAiDF,oBAAY,aAAa,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACxC,GAAG,gBAAgB,CAAC,CAAA;AACrB,eAAO,MAAM,QAAQ,wCAIlB,aAAa,gBAIf,CAAA;AAgBD,oBAAY,aAAa,GAAG;IAC1B,WAAY,CAAC,EAAE,MAAM,GAAC,KAAK,CAAC,SAAS,CAAC;IACtC,gBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,eAAe,CAAA;AAEnB,wBAAgB,SAAS,CAAC,EACxB,WAAuB,EACvB,MAAM,EACN,gBAAsB,EACtB,GAAG,KAAK,EACT,EAAE,aAAa,eA4Bf;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAuB,EACvB,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,aAAa,eA4Cf"}

package/dist/styles/Dropdown.d.ts

@@ -1,4 +1,6 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
+import { CSSObject } from 'styled-components';
+import { TSize } from './Button';
 export declare const StyledDropdown: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type DropdownContentProps = {
     primary?: boolean;
@@ -7,19 +9,22 @@ declare type DropdownContentProps = {
 };
 export declare const DropdownItem: import("styled-components").StyledComponent<"div", any, DropdownContentProps, never>;
 export declare const DropDownContent: import("styled-components").StyledComponent<"div", any, DropdownContentProps, never>;
-export declare const Dropdown: ({ items, children, underlined, primary, text, icon, openMenu, mouseLeaveCallback, ...props }: {
-    items?: {
-        onClick?: Function | VoidFunction | null | undefined;
-        props?: {
-            [key: string]: any;
-            underlined?: boolean | undefined;
-        } | undefined;
-        content: ReactNode | string | any;
-    }[] | undefined;
-    children?: any;
+export declare type TDropdownItem = {
+    onClick?: Function | VoidFunction | null;
+    props?: {
+        [key: string]: any;
+        underlined?: boolean;
+    };
+    content: ReactNode | string | any;
+};
+export declare type DropdownProps = {
+    items?: Array<TDropdownItem>;
     icon?: ReactNode;
-    openMenu?: boolean | undefined;
+    openMenu?: boolean;
     mouseLeaveCallback?: any;
-} & DropdownContentProps) => JSX.Element;
+    size?: TSize;
+    style?: CSSObject;
+};
+export declare const Dropdown: ({ items, children, underlined, primary, text, icon, openMenu, mouseLeaveCallback, size, style, ...props }: React.PropsWithChildren<DropdownProps & DropdownContentProps>) => JSX.Element;
 export {};
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/styles/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAOtE,eAAO,MAAM,cAAc,oEAG1B,CAAC;AAEF,aAAK,oBAAoB,GAAG;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAA;AAED,eAAO,MAAM,YAAY,sFAiBxB,CAAC;AAEF,eAAO,MAAM,eAAe,sFAgC3B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;iBAC+F,SAAS,GAAC,MAAM,GAAC,GAAG;;eACzH,GAAG;WACP,SAAS;;yBAEK,GAAG;wCAgE3B,CAAA"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AACtE,OAAe,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAU,KAAK,EAAE,MAAM,UAAU,CAAC;AAIzC,eAAO,MAAM,cAAc,oEAK1B,CAAC;AAEF,aAAK,oBAAoB,GAAG;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAA;AAED,eAAO,MAAM,YAAY,sFAmBxB,CAAC;AAEF,eAAO,MAAM,eAAe,sFAkC3B,CAAC;AAEF,oBAAY,aAAa,GAAG;IACxB,OAAO,CAAC,EAAE,QAAQ,GAAC,YAAY,GAAC,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE;QACJ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;QACnB,UAAU,CAAC,EAAC,OAAO,CAAC;KACvB,CAAC;IACF,OAAO,EAAE,SAAS,GAAC,MAAM,GAAC,GAAG,CAAC;CACjC,CAAC;AACF,oBAAY,aAAa,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,QAAQ,8GAYlB,KAAK,CAAC,iBAAiB,CAAC,aAAa,GAAG,oBAAoB,CAAC,gBA+D/D,CAAA"}