@aivenio/aquarium 0.0.1

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

@@ -0,0 +1,134 @@
+import React from 'react';
+import type { BaseActionType } from '../../../types/ActionType';
+export declare type ButtonKind = 'primary' | 'secondary' | 'ghost' | 'secondary-ghost';
+export declare type DefaultButtonProps = BaseActionType & {
+    'kind'?: ButtonKind;
+    'fullWidth'?: boolean;
+    'dense'?: boolean;
+    'loading'?: boolean;
+    /**
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
+     */
+    'UNSAFE_className'?: string;
+    'aria-label'?: string;
+};
+declare type ButtonComponentProps<ElementType extends React.ElementType = 'button', Props = unknown> = Props & DefaultButtonProps & Omit<React.ComponentPropsWithoutRef<ElementType>, keyof (Props & DefaultButtonProps)>;
+export declare const asButton: <ElementType extends React.ElementType<any> = "button", Props = unknown, T extends HTMLElement = HTMLButtonElement>(Component: React.ElementType<any>, isDropdownButton?: boolean) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonComponentProps<ElementType, Props>> & React.RefAttributes<T>>;
+export declare const Button: React.ForwardRefExoticComponent<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
+    kind?: ButtonKind | undefined;
+    fullWidth?: boolean | undefined;
+    dense?: boolean | undefined;
+    loading?: boolean | undefined;
+    /**
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
+     */
+    UNSAFE_className?: string | undefined;
+    'aria-label'?: string | undefined;
+} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
+export declare type ButtonProps = React.ComponentProps<typeof Button>;
+export declare const PrimaryButton: React.ForwardRefExoticComponent<Pick<Omit<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
+    kind?: ButtonKind | undefined;
+    fullWidth?: boolean | undefined;
+    dense?: boolean | undefined;
+    loading?: boolean | undefined;
+    /**
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
+     */
+    UNSAFE_className?: string | undefined;
+    'aria-label'?: string | undefined;
+} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>, "kind">, "hidden" | "color" | "style" | "dense" | "translate" | "prefix" | "form" | "slot" | "title" | "children" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-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" | "type" | "value" | "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" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SecondaryButton: React.ForwardRefExoticComponent<Pick<Omit<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
+    kind?: ButtonKind | undefined;
+    fullWidth?: boolean | undefined;
+    dense?: boolean | undefined;
+    loading?: boolean | undefined;
+    /**
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
+     */
+    UNSAFE_className?: string | undefined;
+    'aria-label'?: string | undefined;
+} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>, "kind">, "hidden" | "color" | "style" | "dense" | "translate" | "prefix" | "form" | "slot" | "title" | "children" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-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" | "type" | "value" | "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" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const GhostButton: React.ForwardRefExoticComponent<Pick<Omit<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
+    kind?: ButtonKind | undefined;
+    fullWidth?: boolean | undefined;
+    dense?: boolean | undefined;
+    loading?: boolean | undefined;
+    /**
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
+     */
+    UNSAFE_className?: string | undefined;
+    'aria-label'?: string | undefined;
+} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>, "kind">, "hidden" | "color" | "style" | "dense" | "translate" | "prefix" | "form" | "slot" | "title" | "children" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-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" | "type" | "value" | "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" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SecondaryGhostButton: React.ForwardRefExoticComponent<Pick<Omit<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
+    kind?: ButtonKind | undefined;
+    fullWidth?: boolean | undefined;
+    dense?: boolean | undefined;
+    loading?: boolean | undefined;
+    /**
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
+     */
+    UNSAFE_className?: string | undefined;
+    'aria-label'?: string | undefined;
+} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>, "kind">, "hidden" | "color" | "style" | "dense" | "translate" | "prefix" | "form" | "slot" | "title" | "children" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-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" | "type" | "value" | "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" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: React.ForwardRefExoticComponent<Pick<Omit<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
+    kind?: ButtonKind | undefined;
+    fullWidth?: boolean | undefined;
+    dense?: boolean | undefined;
+    loading?: boolean | undefined;
+    /**
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
+     */
+    UNSAFE_className?: string | undefined;
+    'aria-label'?: string | undefined;
+} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>, "kind" | "loading" | "iconPlacement" | "fullWidth">, "hidden" | "color" | "style" | "dense" | "icon" | "translate" | "tooltip" | "disabled" | "prefix" | "form" | "slot" | "title" | "children" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-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" | "type" | "value" | "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" | "UNSAFE_className" | "tooltipPlacement"> & React.RefAttributes<HTMLButtonElement>>;
+export declare type ExternalLinkButtonProps = ButtonComponentProps<'a', Partial<React.AnchorHTMLAttributes<HTMLAnchorElement>>>;
+export declare const ExternalLinkButton: React.ForwardRefExoticComponent<Partial<React.AnchorHTMLAttributes<HTMLAnchorElement>> & BaseActionType & {
+    kind?: ButtonKind | undefined;
+    fullWidth?: boolean | undefined;
+    dense?: boolean | undefined;
+    loading?: boolean | undefined;
+    /**
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
+     */
+    UNSAFE_className?: string | undefined;
+    'aria-label'?: string | undefined;
+} & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>>, "dense" | "kind" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & React.RefAttributes<HTMLAnchorElement>>;
+export declare type IconExternalLinkButtonProps = Omit<ExternalLinkButtonProps, 'kind' | 'loading' | 'fullWidth'>;
+export declare const IconExternalLinkButton: React.ForwardRefExoticComponent<IconExternalLinkButtonProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare type DropdownButtonProps = ButtonComponentProps<'button', Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus'>>;
+export declare const DropdownButton: React.ForwardRefExoticComponent<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
+    kind?: ButtonKind | undefined;
+    fullWidth?: boolean | undefined;
+    dense?: boolean | undefined;
+    loading?: boolean | undefined;
+    /**
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
+     */
+    UNSAFE_className?: string | undefined;
+    'aria-label'?: string | undefined;
+} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
+export declare type PrimaryDropdownButtonProps = Omit<React.ComponentProps<typeof DropdownButton>, 'kind' | 'icon'>;
+export declare const PrimaryDropdownButton: React.ForwardRefExoticComponent<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
+    kind?: ButtonKind | undefined;
+    fullWidth?: boolean | undefined;
+    dense?: boolean | undefined;
+    loading?: boolean | undefined;
+    /**
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
+     */
+    UNSAFE_className?: string | undefined;
+    'aria-label'?: string | undefined;
+} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
+export declare type SecondaryDropdownButtonProps = PrimaryDropdownButtonProps;
+export declare const SecondaryDropdownButton: React.ForwardRefExoticComponent<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
+    kind?: ButtonKind | undefined;
+    fullWidth?: boolean | undefined;
+    dense?: boolean | undefined;
+    loading?: boolean | undefined;
+    /**
+     * @deprecated Please consider if there is an actual need to provide custom classes, since all <Button/> should follow the same design.
+     */
+    UNSAFE_className?: string | undefined;
+    'aria-label'?: string | undefined;
+} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/src/components/Button/Button.js

@@ -0,0 +1,104 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { tw, classNames } from '../../../src/utils/tailwind';
+import { InlineIcon } from '../../../src/components/Icon/Icon';
+import { Flexbox } from '../../../src/components/Flexbox/Flexbox';
+import { Tooltip } from '../../../src/components/Tooltip/Tooltip';
+import chevronDown from '../../../src/icons/chevronDown';
+import loading from '../../../src/icons/loading';
+const COLOR_CLASSNAMES = {
+    'primary': tw('text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-inset hover:bg-primary-70 disabled:bg-primary-5'),
+    'secondary': tw('text-grey-60 bg-white ring-1 ring-grey-30 ring-inset active:bg-grey-5 active:ring-grey-50 active:text-grey-80', 'focus-visible:ring-2 focus-visible:ring-grey-50 focus-visible:text-grey-80', 'hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20'),
+    'ghost': tw('text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40'),
+    'secondary-ghost': tw('text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30'),
+};
+const LoadingSpinner = ({ size = '20px', kind = 'primary', }) => {
+    return (React.createElement(InlineIcon, { icon: loading, width: size, height: size, color: kind === 'primary' ? 'primary-60' : 'grey-60', "data-testid": 'loading-button' }));
+};
+export const asButton = (Component, isDropdownButton) => {
+    return React.forwardRef((_a, ref) => {
+        var { kind = 'primary', icon, iconPlacement = 'left', tooltip, tooltipPlacement, disabled, loading = false, fullWidth = false, dense = false, UNSAFE_className, 'aria-label': ariaLabel, children } = _a, props = __rest(_a, ["kind", "icon", "iconPlacement", "tooltip", "tooltipPlacement", "disabled", "loading", "fullWidth", "dense", "UNSAFE_className", 'aria-label', "children"]);
+        const hasChildren = React.Children.count(children) > 0;
+        const isIconOnlyButton = !hasChildren && !!icon;
+        const isGhost = !isIconOnlyButton && (kind === 'ghost' || kind === 'secondary-ghost');
+        const isButton = !isIconOnlyButton && (kind === 'primary' || kind === 'secondary');
+        const iconSize = !dense ? '20px' : '16px';
+        if (isIconOnlyButton && !(tooltip || ariaLabel)) {
+            // "kind" and "dense" props don't affect any style when it is used as icon only button.
+            throw new Error('Please provide an accessible name as a string only for an icon only button via "aria-label" or "tooltip" prop.');
+        }
+        if (!!isDropdownButton && kind !== 'primary' && kind !== 'secondary') {
+            throw new Error('Dropdown button is available only for "primary" and "secondary" kinds.');
+        }
+        if (!!isDropdownButton && !!icon) {
+            throw new Error("Dropdown button doesn't support any icon prop.");
+        }
+        if (!!loading && kind !== 'primary' && kind !== 'secondary') {
+            throw new Error('Loading button is only supported for "primary" and "secondary" kinds.');
+        }
+        const buttonContent = () => {
+            if (!!isDropdownButton && (kind === 'primary' || kind === 'secondary')) {
+                return (React.createElement(Flexbox, { gap: '4', alignItems: 'center', justifyContent: 'center' },
+                    hasChildren && React.createElement("div", null, children),
+                    React.createElement(InlineIcon, { icon: chevronDown, width: iconSize, height: iconSize })));
+            }
+            else if (icon) {
+                return (React.createElement(Flexbox, { gap: '3', alignItems: 'center', justifyContent: 'center', direction: iconPlacement === 'right' ? 'row-reverse' : 'row' },
+                    React.createElement(InlineIcon, { icon: icon, width: iconSize, height: iconSize }),
+                    hasChildren && React.createElement("div", null, children)));
+            }
+            else {
+                return children;
+            }
+        };
+        const buttonComponent = (React.createElement(Component, Object.assign({ ref: ref }, props, { className: classNames(UNSAFE_className, !isIconOnlyButton && COLOR_CLASSNAMES[kind], 
+            // adding inline-block here for the case of using it with anchor tag
+            tw('inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative', {
+                'text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent': isIconOnlyButton,
+                'typography-body-default': !dense && !isIconOnlyButton,
+                'typography-body-small': dense && !isIconOnlyButton,
+                'py-3 px-4': !dense && isButton,
+                'py-2 px-3': dense && isButton,
+                'py-3': !dense && isGhost,
+                'py-2': dense && isGhost,
+                'block w-full': fullWidth && !isIconOnlyButton,
+                'cursor-not-allowed': !!disabled || !!loading,
+            })), "aria-label": isIconOnlyButton ? ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : tooltip : ariaLabel, disabled: disabled || loading }), loading && !isGhost ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: tw('absolute left-1/2 top-0 bottom-0 flex'), style: { transform: 'translate(-50%)' } },
+                React.createElement(LoadingSpinner, { size: iconSize, kind: kind === 'primary' ? 'primary' : 'secondary' })),
+            React.createElement("div", { className: tw({ invisible: loading }) }, buttonContent()))) : (buttonContent())));
+        return tooltip ? (React.createElement(Tooltip, { content: tooltip, placement: tooltipPlacement }, buttonComponent)) : (buttonComponent);
+    });
+};
+export const Button = asButton('button');
+Button.displayName = 'Button';
+export const PrimaryButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "primary" }))));
+PrimaryButton.displayName = 'PrimaryButton';
+export const SecondaryButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
+SecondaryButton.displayName = 'SecondaryButton';
+export const GhostButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "ghost" }))));
+GhostButton.displayName = 'GhostButton';
+export const SecondaryGhostButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "secondary-ghost" }))));
+SecondaryGhostButton.displayName = 'SecondaryGhostButton';
+// TODO: would be nice to freeze children prop for <IconButton>
+export const IconButton = React.forwardRef((props, ref) => React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "ghost", loading: false, fullWidth: false })));
+IconButton.displayName = 'IconButton';
+export const ExternalLinkButton = asButton('a');
+export const IconExternalLinkButton = React.forwardRef((props, ref) => (React.createElement(ExternalLinkButton, Object.assign({ ref: ref }, props, { kind: "ghost", loading: false, fullWidth: false }))));
+IconExternalLinkButton.displayName = 'IconExternalLink';
+export const DropdownButton = asButton('button', true);
+export const PrimaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "primary" }))));
+PrimaryDropdownButton.displayName = 'PrimaryDropdownButton';
+export const SecondaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
+SecondaryDropdownButton.displayName = 'SecondaryDropdownButton';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN6RCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWlCeEMsTUFBTSxnQkFBZ0IsR0FBb0M7SUFDeEQsU0FBUyxFQUFFLEVBQUUsQ0FDWCxvTEFBb0wsQ0FDckw7SUFDRCxXQUFXLEVBQUUsRUFBRSxDQUNiLCtHQUErRyxFQUMvRyw0RUFBNEUsRUFDNUUsc0dBQXNHLENBQ3ZHO0lBQ0QsT0FBTyxFQUFFLEVBQUUsQ0FDVCxrSEFBa0gsQ0FDbkg7SUFDRCxpQkFBaUIsRUFBRSxFQUFFLENBQ25CLHNHQUFzRyxDQUN2RztDQUNGLENBQUM7QUFFRixNQUFNLGNBQWMsR0FBeUUsQ0FBQyxFQUM1RixJQUFJLEdBQUcsTUFBTSxFQUNiLElBQUksR0FBRyxTQUFTLEdBQ2pCLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCxvQkFBQyxVQUFVLElBQ1QsSUFBSSxFQUFFLE9BQU8sRUFDYixLQUFLLEVBQUUsSUFBSSxFQUNYLE1BQU0sRUFBRSxJQUFJLEVBQ1osS0FBSyxFQUFFLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsU0FBUyxpQkFDdkMsZ0JBQWdCLEdBQzdCLENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQU1GLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUt0QixTQUE0QixFQUM1QixnQkFBMEIsRUFHMUIsRUFBRTtJQUNGLE9BQU8sS0FBSyxDQUFDLFVBQVUsQ0FDckIsQ0FDRSxFQWNDLEVBQ0QsR0FBRyxFQUNILEVBQUU7WUFoQkYsRUFDRSxJQUFJLEdBQUcsU0FBUyxFQUNoQixJQUFJLEVBQ0osYUFBYSxHQUFHLE1BQU0sRUFDdEIsT0FBTyxFQUNQLGdCQUFnQixFQUNoQixRQUFRLEVBQ1IsT0FBTyxHQUFHLEtBQUssRUFDZixTQUFTLEdBQUcsS0FBSyxFQUNqQixLQUFLLEdBQUcsS0FBSyxFQUNiLGdCQUFnQixFQUNoQixZQUFZLEVBQUUsU0FBUyxFQUN2QixRQUFRLE9BRVQsRUFESSxLQUFLLGNBYlYsMkpBY0MsQ0FEUztRQUlWLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUN2RCxNQUFNLGdCQUFnQixHQUFHLENBQUMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDaEQsTUFBTSxPQUFPLEdBQUcsQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLElBQUksS0FBSyxPQUFPLElBQUksSUFBSSxLQUFLLGlCQUFpQixDQUFDLENBQUM7UUFDdEYsTUFBTSxRQUFRLEdBQUcsQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLFdBQVcsQ0FBQyxDQUFDO1FBRW5GLE1BQU0sUUFBUSxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztRQUUxQyxJQUFJLGdCQUFnQixJQUFJLENBQUMsQ0FBQyxPQUFPLElBQUksU0FBUyxDQUFDLEVBQUU7WUFDL0MsdUZBQXVGO1lBQ3ZGLE1BQU0sSUFBSSxLQUFLLENBQ2IsZ0hBQWdILENBQ2pILENBQUM7U0FDSDtRQUVELElBQUksQ0FBQyxDQUFDLGdCQUFnQixJQUFJLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLFdBQVcsRUFBRTtZQUNwRSxNQUFNLElBQUksS0FBSyxDQUFDLHdFQUF3RSxDQUFDLENBQUM7U0FDM0Y7UUFFRCxJQUFJLENBQUMsQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFO1lBQ2hDLE1BQU0sSUFBSSxLQUFLLENBQUMsZ0RBQWdELENBQUMsQ0FBQztTQUNuRTtRQUVELElBQUksQ0FBQyxDQUFDLE9BQU8sSUFBSSxJQUFJLEtBQUssU0FBUyxJQUFJLElBQUksS0FBSyxXQUFXLEVBQUU7WUFDM0QsTUFBTSxJQUFJLEtBQUssQ0FBQyx1RUFBdUUsQ0FBQyxDQUFDO1NBQzFGO1FBRUQsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO1lBQ3pCLElBQUksQ0FBQyxDQUFDLGdCQUFnQixJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsSUFBSSxJQUFJLEtBQUssV0FBVyxDQUFDLEVBQUU7Z0JBQ3RFLE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxRQUFRO29CQUM5RCxXQUFXLElBQUksaUNBQU0sUUFBUSxDQUFPO29CQUNyQyxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxRQUFRLEdBQUksQ0FDNUQsQ0FDWCxDQUFDO2FBQ0g7aUJBQU0sSUFBSSxJQUFJLEVBQUU7Z0JBQ2YsT0FBTyxDQUNMLG9CQUFDLE9BQU8sSUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLFVBQVUsRUFBRSxRQUFRLEVBQ3BCLGNBQWMsRUFBRSxRQUFRLEVBQ3hCLFNBQVMsRUFBRSxhQUFhLEtBQUssT0FBTyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEtBQUs7b0JBRTVELG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLFFBQVEsR0FBSTtvQkFDNUQsV0FBVyxJQUFJLGlDQUFNLFFBQVEsQ0FBTyxDQUM3QixDQUNYLENBQUM7YUFDSDtpQkFBTTtnQkFDTCxPQUFPLFFBQVEsQ0FBQzthQUNqQjtRQUNILENBQUMsQ0FBQztRQUVGLE1BQU0sZUFBZSxHQUFHLENBQ3RCLG9CQUFDLFNBQVMsa0JBQ1IsR0FBRyxFQUFFLEdBQUcsSUFDSixLQUFLLElBQ1QsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsZ0JBQWdCLEVBQ2hCLENBQUMsZ0JBQWdCLElBQUksZ0JBQWdCLENBQUMsSUFBSSxDQUFDO1lBQzNDLG9FQUFvRTtZQUNwRSxFQUFFLENBQUMsMkZBQTJGLEVBQUU7Z0JBQzlGLGdNQUFnTSxFQUM5TCxnQkFBZ0I7Z0JBQ2xCLHlCQUF5QixFQUFFLENBQUMsS0FBSyxJQUFJLENBQUMsZ0JBQWdCO2dCQUN0RCx1QkFBdUIsRUFBRSxLQUFLLElBQUksQ0FBQyxnQkFBZ0I7Z0JBQ25ELFdBQVcsRUFBRSxDQUFDLEtBQUssSUFBSSxRQUFRO2dCQUMvQixXQUFXLEVBQUUsS0FBSyxJQUFJLFFBQVE7Z0JBQzlCLE1BQU0sRUFBRSxDQUFDLEtBQUssSUFBSSxPQUFPO2dCQUN6QixNQUFNLEVBQUUsS0FBSyxJQUFJLE9BQU87Z0JBQ3hCLGNBQWMsRUFBRSxTQUFTLElBQUksQ0FBQyxnQkFBZ0I7Z0JBQzlDLG9CQUFvQixFQUFFLENBQUMsQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDLE9BQU87YUFDOUMsQ0FBQyxDQUNILGdCQUNXLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxTQUFTLGFBQVQsU0FBUyxjQUFULFNBQVMsR0FBSSxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDL0QsUUFBUSxFQUFFLFFBQVEsSUFBSSxPQUFPLEtBRTVCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDckI7WUFDRSw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLHVDQUF1QyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFO2dCQUNsRyxvQkFBQyxjQUFjLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsSUFBSSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxXQUFXLEdBQUksQ0FDbEY7WUFDTiw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxDQUFDLElBQUcsYUFBYSxFQUFFLENBQU8sQ0FDbEUsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLGFBQWEsRUFBRSxDQUNoQixDQUNTLENBQ2IsQ0FBQztRQUVGLE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLE9BQU8sSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsSUFDbkQsZUFBZSxDQUNSLENBQ1gsQ0FBQyxDQUFDLENBQUMsQ0FDRixlQUFlLENBQ2hCLENBQUM7SUFDSixDQUFDLENBQ0YsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxRQUFRLENBSTVCLFFBQVEsQ0FBQyxDQUFDO0FBQ1osTUFBTSxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUM7QUFJOUIsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQStDLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDMUcsb0JBQUMsTUFBTSxrQkFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLEtBQUssSUFBRSxJQUFJLEVBQUMsU0FBUyxJQUFHLENBQy9DLENBQUMsQ0FBQztBQUNILGFBQWEsQ0FBQyxXQUFXLEdBQUcsZUFBZSxDQUFDO0FBRTVDLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQyxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQzVHLG9CQUFDLE1BQU0sa0JBQUMsR0FBRyxFQUFFLEdBQUcsSUFBTSxLQUFLLElBQUUsSUFBSSxFQUFDLFdBQVcsSUFBRyxDQUNqRCxDQUFDLENBQUM7QUFDSCxlQUFlLENBQUMsV0FBVyxHQUFHLGlCQUFpQixDQUFDO0FBRWhELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQyxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ3hHLG9CQUFDLE1BQU0sa0JBQUMsR0FBRyxFQUFFLEdBQUcsSUFBTSxLQUFLLElBQUUsSUFBSSxFQUFDLE9BQU8sSUFBRyxDQUM3QyxDQUFDLENBQUM7QUFDSCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQztBQUV4QyxNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQyxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ2pILG9CQUFDLE1BQU0sa0JBQUMsR0FBRyxFQUFFLEdBQUcsSUFBTSxLQUFLLElBQUUsSUFBSSxFQUFDLGlCQUFpQixJQUFHLENBQ3ZELENBQUMsQ0FBQztBQUNILG9CQUFvQixDQUFDLFdBQVcsR0FBRyxzQkFBc0IsQ0FBQztBQUUxRCwrREFBK0Q7QUFDL0QsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBR3hDLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsb0JBQUMsTUFBTSxrQkFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLEtBQUssSUFBRSxJQUFJLEVBQUMsT0FBTyxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssSUFBSSxDQUFDLENBQUM7QUFDbEcsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFJdEMsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsUUFBUSxDQUl4QyxHQUFHLENBQUMsQ0FBQztBQUlQLE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWlELENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDckgsb0JBQUMsa0JBQWtCLGtCQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sS0FBSyxJQUFFLElBQUksRUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLENBQzNGLENBQUMsQ0FBQztBQUNILHNCQUFzQixDQUFDLFdBQVcsR0FBRyxrQkFBa0IsQ0FBQztBQU94RCxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsUUFBUSxDQUlwQyxRQUFRLEVBQUUsSUFBSSxDQUFDLENBQUM7QUFJbEIsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBeUMsQ0FBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUM1RyxvQkFBQyxjQUFjLGtCQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sS0FBSyxJQUFFLElBQUksRUFBQyxTQUFTLElBQUcsQ0FDdkQsQ0FBQyxDQUFDO0FBQ0gscUJBQXFCLENBQUMsV0FBVyxHQUFHLHVCQUF1QixDQUFDO0FBSTVELE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXlDLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDOUcsb0JBQUMsY0FBYyxrQkFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLEtBQUssSUFBRSxJQUFJLEVBQUMsV0FBVyxJQUFHLENBQ3pELENBQUMsQ0FBQztBQUNILHVCQUF1QixDQUFDLFdBQVcsR0FBRyx5QkFBeUIsQ0FBQyJ9

package/dist/src/components/Card/Card.d.ts

@@ -0,0 +1,68 @@
+import React from 'react';
+import type { AsyncActionType, LinkActionType } from '../../../types/ActionType';
+import type { Either } from '../../../types/utils';
+import { ColorName } from '../../../types/designTokens';
+declare type ClickableCard = {
+    /**
+     * Optional onClick callback for entire card
+     */
+    onClick?: () => void;
+    /**
+     * Optional disabled state. Indicates whether the onClick is disabled or not.
+     */
+    disabled?: boolean;
+};
+declare type ActionableCard = {
+    /**
+     * Optional secondary action.
+     */
+    action?: AsyncActionType;
+    /**
+     * Optional link action
+     */
+    link?: LinkActionType;
+};
+declare type ImageCard = {
+    /**
+     * Optional image src that will be displayed before card title.
+     * If the value is "null", it will show as skeleton.
+     */
+    image?: string | null;
+    /**
+     * Optional `alt` attribute to image.
+     */
+    imageAlt?: string;
+};
+declare type IconCard = {
+    /**
+     * Optional icon src of icons that will be displayed before card title.
+     * Image size will be set to 32px x 32px and stacked if multiple are provided.
+     */
+    icons?: Array<string | null>;
+    /**
+     * Optional top border color that should reflect the color of icons.
+     */
+    color?: ColorName;
+};
+export declare type CardProps = {
+    /** Short and concise card title. */
+    title: string;
+    /** Card description body text. */
+    description: string;
+    /**
+     * Optional list of tags, which will be rendered as chips underneath the page title.
+     */
+    chips?: string[];
+} & Either<ClickableCard, ActionableCard> & Either<ImageCard, IconCard>;
+declare type CardSkeletonProps = {
+    chips?: boolean;
+    actions?: boolean;
+} & Either<{
+    icons?: boolean;
+}, {
+    image?: boolean;
+}>;
+export declare const Card: React.FC<CardProps> & {
+    Skeleton: React.FC<CardSkeletonProps>;
+};
+export {};

package/dist/src/components/Card/Card.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Box } from '../../../src/components/Box/Box';
+import { Chip, ChipContainer } from '../../../src/components/Chip/Chip';
+import { tw, classNames } from '../../../src/utils/tailwind';
+import { Typography } from '../../../src/components/Typography/Typography';
+import { AvatarStack } from '../../../src/components/Avatar/Avatar';
+import { SecondaryButton, ExternalLinkButton } from '../../../src/components/Button/Button';
+import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
+import omit from 'lodash/omit';
+export const Card = ({ title, description, chips = [], icons = [], image, imageAlt, color, action, link, onClick, disabled, }) => (React.createElement(CardContainer, { onClick: onClick, color: color, disabled: disabled },
+    chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
+    icons.length > 0 && React.createElement(AvatarStack, { images: icons }),
+    image !== undefined && React.createElement(CardImage, { image: image, imageAlt: imageAlt, fullSize: chips.length === 0 }),
+    React.createElement(CardContent, null,
+        React.createElement(CardTitle, null, title),
+        React.createElement(CardBody, null, description)),
+    (action || link) && (React.createElement(CardActions, null,
+        action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
+        link && (React.createElement(ExternalLinkButton, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
+const CardSkeleton = ({ chips = true, icons = false, image = !icons, actions = true }) => (React.createElement(CardContainer, null,
+    chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
+    icons && React.createElement(AvatarStack, { images: [null] }),
+    image && React.createElement(CardImage, { image: null, fullSize: !chips }),
+    React.createElement(CardContent, null,
+        React.createElement(Skeleton, { width: 145, height: 25 }),
+        React.createElement(Skeleton, { width: 145, height: 16 })),
+    actions && (React.createElement(CardActions, null,
+        React.createElement(Skeleton, { width: 115, height: 25 }),
+        React.createElement(Skeleton, { width: 60, height: 25 })))));
+Card.Skeleton = CardSkeleton;
+const CardContainer = ({ children, onClick, color, disabled, }) => (React.createElement(Box, { borderWidth: 1, borderRadius: 2, className: classNames(tw('w-[280px] border-grey-5 focus:border-info-70', {
+        'active:bg-grey-5 cursor-pointer hover:border-grey-50': Boolean(onClick && !disabled),
+        'bg-grey-0 cursor-not-allowed focus:border-transparent': Boolean(disabled),
+    })), onClick: disabled ? undefined : onClick, tabIndex: onClick ? 0 : -1, disabled: disabled },
+    color && React.createElement(Box, { backgroundColor: color, height: "1", width: "full" }),
+    React.createElement(Box, { padding: "5", display: "flex", flexDirection: "column", gap: "5" }, children)));
+const CardImage = ({ image, imageAlt, fullSize }) => (React.createElement(Box, { marginX: "-4", marginTop: fullSize ? '-4' : undefined }, image ? (React.createElement("img", { src: image, alt: imageAlt, className: tw('w-full bg-cover object-cover h-[174px]', {
+        'h-[225px]': fullSize,
+    }) })) : (React.createElement(CardImage.Skeleton, { fullSize: fullSize }))));
+const CardImageSkeleton = ({ fullSize }) => (React.createElement(Skeleton, { height: fullSize ? 225 : 174, className: tw('w-full') }));
+CardImage.Skeleton = CardImageSkeleton;
+const CardContent = ({ children }) => (React.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, children));
+const CardBody = ({ children }) => (React.createElement(Typography, { variant: "caption-default", color: "grey-70" }, children));
+const CardTitle = ({ children }) => (React.createElement(Typography, { variant: "body-default-medium", fontWeight: 500 }, children));
+const CardActions = ({ children }) => (React.createElement(Box, { paddingTop: "3", display: "flex", gap: "3", alignItems: "center" }, children));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRzFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFbkYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVELE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQXFFL0IsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFvRSxDQUFDLEVBQ3BGLEtBQUssRUFDTCxXQUFXLEVBQ1gsS0FBSyxHQUFHLEVBQUUsRUFDVixLQUFLLEdBQUcsRUFBRSxFQUNWLEtBQUssRUFDTCxRQUFRLEVBQ1IsS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsR0FDVCxFQUFFLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLGFBQWEsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVE7SUFDOUQsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FDbkIsb0JBQUMsYUFBYSxJQUFDLEtBQUssVUFDakIsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FD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

package/dist/src/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CheckboxProps as BaseCheckboxProps } from '../../../src/common/Checkbox/Checkbox';
+export declare type CheckboxProps = BaseCheckboxProps & {
+    caption?: React.ReactNode;
+};
+declare type CheckboxComponent = React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
+    Skeleton: React.FC;
+};
+export declare const Checkbox: CheckboxComponent;
+export {};

package/dist/src/components/Checkbox/Checkbox.js

@@ -0,0 +1,33 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { tw } from '../../../src/utils/tailwind';
+import { ControlLabel } from '../../../src/components/ControlLabel/ControlLabel';
+import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
+import { Checkbox as BaseCheckbox } from '../../../src/common/Checkbox/Checkbox';
+export const Checkbox = React.forwardRef((_a, ref) => {
+    var _b;
+    var { id, name, caption, 'checked': _checked, defaultChecked, onChange, readOnly = false, disabled = false, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["id", "name", "caption", 'checked', "defaultChecked", "onChange", "readOnly", "disabled", "children", 'aria-label']);
+    const [checked, setChecked] = React.useState((_b = _checked !== null && _checked !== void 0 ? _checked : defaultChecked) !== null && _b !== void 0 ? _b : false);
+    if (_checked !== undefined && checked !== _checked) {
+        setChecked(_checked);
+    }
+    return !readOnly || checked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' } }, !readOnly && (React.createElement(BaseCheckbox, Object.assign({ id: id, ref: ref, name: name }, props, { checked: checked, readOnly: readOnly, disabled: disabled, onChange: (e) => {
+            setChecked(e.target.checked);
+            onChange === null || onChange === void 0 ? void 0 : onChange(e);
+        } }))))) : null;
+});
+const CheckboxSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
+    React.createElement(Skeleton, { height: 20, width: 20 }),
+    React.createElement(Skeleton, { height: 20, width: 150 })));
+Checkbox.Skeleton = CheckboxSkeleton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DaGVja2JveC9DaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUQsT0FBTyxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQXNDLE1BQU0sOEJBQThCLENBQUM7QUFVNUcsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFzQixLQUFLLENBQUMsVUFBVSxDQUN6RCxDQUNFLEVBWUMsRUFDRCxHQUFHLEVBQ0gsRUFBRTs7UUFkRixFQUNFLEVBQUUsRUFDRixJQUFJLEVBQ0osT0FBTyxFQUNQLFNBQVMsRUFBRSxRQUFRLEVBQ25CLGNBQWMsRUFDZCxRQUFRLEVBQ1IsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxFQUNSLFlBQVksRUFBRSxTQUFTLE9BRXhCLEVBREksS0FBSyxjQVhWLG9IQVlDLENBRFM7SUFJVixNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQVUsTUFBQSxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxjQUFjLG1DQUFJLEtBQUssQ0FBQyxDQUFDO0lBQzNGLElBQUksUUFBUSxLQUFLLFNBQVMsSUFBSSxPQUFPLEtBQUssUUFBUSxFQUFFO1FBQ2xELFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztLQUN0QjtJQUVELE9BQU8sQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUM1QixvQkFBQyxZQUFZLElBQ1gsT0FBTyxFQUFFLEVBQUUsRUFDWCxLQUFLLEVBQUUsUUFBUSxnQkFDSCxTQUFTLEVBQ3JCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsSUFFdEIsQ0FBQyxRQUFRLElBQUksQ0FDWixvQkFBQyxZQUFZLGtCQUNYLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNkLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzdCLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxDQUFDLENBQUMsQ0FBQztRQUNoQixDQUFDLElBQ0QsQ0FDSCxDQUNZLENBQ2hCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNYLENBQUMsQ0FDbUIsQ0FBQztBQUV2QixNQUFNLGdCQUFnQixHQUFhLEdBQUcsRUFBRSxDQUFDLENBQ3ZDLDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDO0lBQzlCLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEdBQUk7SUFDbkMsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsR0FBSSxDQUNoQyxDQUNQLENBQUM7QUFFRixRQUFRLENBQUMsUUFBUSxHQUFHLGdCQUFnQixDQUFDIn0=

package/dist/src/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { LabelControlProps } from '../../../src/utils/form/Label/Label';
+import { CheckboxProps } from '../../../src/components/Checkbox/Checkbox';
+import { ColumnCount } from '../../../src/common/InputGroup/InputGroup';
+import { EmptyOrOneOrMore } from '../../../types/utils';
+export declare type CheckboxGroupProps = Omit<LabelControlProps, 'length' | 'maxLength'> & {
+    /**
+     * Values for the checkbox group. If not provided, value will be stored
+     * in group's own state.
+     */
+    value?: string[];
+    /**
+     * Default values for the checkbox group.
+     */
+    defaultValue?: string[];
+    /**
+     * onChange() callback is called whenever checkbox group value is updated.
+     */
+    onChange?: (val: string[] | undefined) => void;
+    /**
+     * If false, checkbox group will be marked as non-valid.
+     */
+    valid?: boolean;
+    /**
+     * If true, checkbox group will be rendered in read-only mode.
+     */
+    readOnly?: boolean;
+    /**
+     * Number of columns for children.
+     * @default '1'
+     */
+    cols?: ColumnCount;
+    /**
+     * Only <Checkbox> components are allowed as children.
+     */
+    children: EmptyOrOneOrMore<CheckboxProps>;
+};
+export declare const CheckboxGroup: React.FC<CheckboxGroupProps> & {
+    Skeleton: typeof CheckboxGroupSkeleton;
+};
+declare type SkeletonProps = {
+    options?: number;
+};
+declare const CheckboxGroupSkeleton: React.FC<SkeletonProps>;
+export {};