@dxos/react-ui 0.1.9 → 0.1.10

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

@@ -9,5 +9,5 @@ export interface AvatarProps extends ComponentProps<typeof AvatarPrimitive.Root>
     mediaSrc?: string;
     children?: ReactNode;
 }
-export declare const Avatar: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Avatar: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "onResize" | "onResizeCapture" | "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" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/src/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EAAE,EAEZ,cAAc,EAId,gBAAgB,EAChB,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9E,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAOD,eAAO,MAAM,MAAM,orJA6ClB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EAAE,EAEZ,cAAc,EAId,gBAAgB,EAChB,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9E,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAOD,eAAO,MAAM,MAAM,+tJA6ClB,CAAC"}

package/dist/src/components/Avatar/Avatar.stories.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { AvatarProps } from './Avatar';
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
+    component: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "onResize" | "onResizeCapture" | "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" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
 };
 export default _default;
 export declare const Default: import("@storybook/react").Story<AvatarProps>;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ButtonProps } from './ButtonProps';
-export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "rounding" | "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "rounding" | "spacing" | "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "onResize" | "onResizeCapture" | "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" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,MAAM,wwJAWlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,MAAM,+zJAWlB,CAAC"}

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

@@ -33,5 +33,5 @@ exports.Button = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const buttonStyles_1 = require("./buttonStyles");
-exports.Button = (0, react_1.forwardRef)(({ children, compact, variant, rounding, ...props }, ref) => (react_1.default.createElement("button", { ref: ref, ...props, className: (0, classnames_1.default)((0, buttonStyles_1.buttonStyles)({ compact, variant, rounding, disabled: props.disabled }), props.className), ...(props.disabled && { disabled: true }) }, children)));
+exports.Button = (0, react_1.forwardRef)(({ children, compact, spacing, variant, rounding, ...props }, ref) => (react_1.default.createElement("button", { ref: ref, ...props, className: (0, classnames_1.default)((0, buttonStyles_1.buttonStyles)({ compact, spacing, variant, rounding, disabled: props.disabled }), props.className), ...(props.disabled && { disabled: true }) }, children)));
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,4DAA4B;AAC5B,+CAA0C;AAG1C,iDAA8C;AAEjC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,0CACE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAA,oBAAE,EAAC,IAAA,2BAAY,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAClG,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAEzC,QAAQ,CACF,CACV,CACF,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,4DAA4B;AAC5B,+CAA0C;AAG1C,iDAA8C;AAEjC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,0CACE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAA,oBAAE,EAAC,IAAA,2BAAY,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAC3G,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAEzC,QAAQ,CACF,CACV,CACF,CAAC"}

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

@@ -3,10 +3,11 @@ import React from 'react';
 import { ButtonProps } from './ButtonProps';
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<Pick<ButtonProps, "rounding" | "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact"> & React.RefAttributes<HTMLButtonElement>>;
+    component: React.ForwardRefExoticComponent<Pick<ButtonProps, "rounding" | "spacing" | "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "onResize" | "onResizeCapture" | "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" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact"> & React.RefAttributes<HTMLButtonElement>>;
 };
 export default _default;
 export declare const Default: import("@storybook/react").Story<Omit<ButtonProps, "ref">>;
 export declare const Primary: () => JSX.Element;
 export declare const Outline: () => JSX.Element;
+export declare const Ghost: () => JSX.Element;
 //# sourceMappingURL=Button.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;;;;AAE5C,wBAGE;AAsBF,eAAO,MAAM,OAAO,4DAAqC,CAAC;AAG1D,eAAO,MAAM,OAAO,mBAAoE,CAAC;AAEzF,eAAO,MAAM,OAAO,mBAAoE,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;;;;AAE5C,wBAGE;AAsBF,eAAO,MAAM,OAAO,4DAAqC,CAAC;AAG1D,eAAO,MAAM,OAAO,mBAAoE,CAAC;AAEzF,eAAO,MAAM,OAAO,mBAAoE,CAAC;AAEzF,eAAO,MAAM,KAAK,mBAAkE,CAAC"}

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

@@ -6,7 +6,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Outline = exports.Primary = exports.Default = void 0;
+exports.Ghost = exports.Outline = exports.Primary = exports.Default = void 0;
 require("@dxosTheme");
 const react_1 = __importDefault(require("react"));
 const testing_1 = require("../../testing");
@@ -28,4 +28,6 @@ const Primary = () => react_1.default.createElement(Template, { ...{ variant: 'p
 exports.Primary = Primary;
 const Outline = () => react_1.default.createElement(Template, { ...{ variant: 'outline', children: 'Hello' } });
 exports.Outline = Outline;
+const Ghost = () => react_1.default.createElement(Template, { ...{ variant: 'ghost', children: 'Hello' } });
+exports.Ghost = Ghost;
 //# sourceMappingURL=Button.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAAiD;AAEjD,2CAAqD;AACrD,oCAAiC;AACjC,qCAAkC;AAGlC,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,eAAM;CAClB,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE,CAAC,CACzD;IACE,8BAAC,aAAK,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAC,sBAAsB,IAC7E,QAAQ,CACH;IACR,8BAAC,aAAK,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAC,iBAAiB,IACxE,QAAQ,CACH,CACP,CACJ,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA4B,EAAE,EAAE,CAAC,CACpE,8BAAC,SAAS;IACR,8BAAC,eAAM,OAAK,IAAI,IAAG,QAAQ,CAAU;IACrC,8BAAC,eAAM,OAAK,IAAI,EAAE,QAAQ,qBAEjB,CACC,CACb,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAC1D,eAAO,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AAEnE,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,OAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAI,CAAC;AAA5E,QAAA,OAAO,WAAqE;AAElF,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,OAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAI,CAAC;AAA5E,QAAA,OAAO,WAAqE"}
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAAiD;AAEjD,2CAAqD;AACrD,oCAAiC;AACjC,qCAAkC;AAGlC,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,eAAM;CAClB,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE,CAAC,CACzD;IACE,8BAAC,aAAK,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAC,sBAAsB,IAC7E,QAAQ,CACH;IACR,8BAAC,aAAK,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAC,iBAAiB,IACxE,QAAQ,CACH,CACP,CACJ,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA4B,EAAE,EAAE,CAAC,CACpE,8BAAC,SAAS;IACR,8BAAC,eAAM,OAAK,IAAI,IAAG,QAAQ,CAAU;IACrC,8BAAC,eAAM,OAAK,IAAI,EAAE,QAAQ,qBAEjB,CACC,CACb,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAC1D,eAAO,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AAEnE,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,OAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAI,CAAC;AAA5E,QAAA,OAAO,WAAqE;AAElF,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,OAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAI,CAAC;AAA5E,QAAA,OAAO,WAAqE;AAElF,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,OAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAI,CAAC;AAAxE,QAAA,KAAK,SAAmE"}

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

@@ -1,8 +1,9 @@
 import { ComponentProps } from 'react';
 export interface ButtonProps extends ComponentProps<'button'> {
-    variant?: 'default' | 'primary' | 'outline';
+    variant?: 'default' | 'primary' | 'outline' | 'ghost';
     compact?: boolean;
     rounding?: string;
+    spacing?: string;
     disabled?: boolean;
 }
 //# sourceMappingURL=ButtonProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/ButtonProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"ButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/ButtonProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

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

@@ -1,5 +1,6 @@
 import { ButtonProps } from './ButtonProps';
 export declare const primaryButtonColors = "bg-primary-600 text-white hover:bg-primary-650";
 export declare const defaultButtonColors = "bg-white text-neutral-900 dark:bg-neutral-750 dark:text-neutral-50";
+export declare const ghostButtonColors = "";
 export declare const buttonStyles: (props: ButtonProps) => string;
 //# sourceMappingURL=buttonStyles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,mBAAmB,mDAAmD,CAAC;AACpF,eAAO,MAAM,mBAAmB,uEAAuE,CAAC;AAExG,eAAO,MAAM,YAAY,UAAW,WAAW,WAqB9C,CAAC"}
+{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,mBAAmB,mDAAmD,CAAC;AACpF,eAAO,MAAM,mBAAmB,uEAAuE,CAAC;AACxG,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,UAAW,WAAW,WAwB9C,CAAC"}

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

@@ -6,17 +6,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buttonStyles = exports.defaultButtonColors = exports.primaryButtonColors = void 0;
+exports.buttonStyles = exports.ghostButtonColors = exports.defaultButtonColors = exports.primaryButtonColors = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const styles_1 = require("../../styles");
 exports.primaryButtonColors = 'bg-primary-600 text-white hover:bg-primary-650';
 exports.defaultButtonColors = 'bg-white text-neutral-900 dark:bg-neutral-750 dark:text-neutral-50';
+exports.ghostButtonColors = '';
 const buttonStyles = (props) => {
-    var _a;
+    var _a, _b;
     const resolvedVariant = props.variant || 'default';
-    return (0, classnames_1.default)('inline-flex select-none items-center justify-center text-sm font-medium', (_a = props.rounding) !== null && _a !== void 0 ? _a : 'rounded-md', props.compact ? 'p-1.5' : 'pli-4 plb-2', 'transition-color duration-100', (0, styles_1.defaultHover)(props), resolvedVariant === 'default' &&
-        'border border-neutral-100 dark:border-neutral-650 hover:focus:border-neutral-100 hover:border-transparent', resolvedVariant === 'default' && exports.defaultButtonColors, resolvedVariant === 'primary' && 'border border-primary-550 hover:border-transparent', resolvedVariant === 'primary' && exports.primaryButtonColors, resolvedVariant === 'outline' &&
-        'text-neutral-700 border border-neutral-600 dark:border-neutral-300 dark:text-neutral-150', styles_1.defaultFocus, props.disabled ? styles_1.defaultDisabled : resolvedVariant !== 'outline' && 'button-elevation', 
+    return (0, classnames_1.default)('inline-flex select-none items-center justify-center text-sm font-medium', (_a = props.rounding) !== null && _a !== void 0 ? _a : 'rounded-md', (_b = props.spacing) !== null && _b !== void 0 ? _b : (props.compact ? 'p-1.5' : 'pli-4 plb-2'), 'transition-color duration-100', (0, styles_1.defaultHover)(props), resolvedVariant === 'default' && 'border border-neutral-100 dark:border-neutral-650', resolvedVariant !== 'ghost' && !props.disabled && 'hover:focus:border-neutral-100 hover:border-transparent', resolvedVariant === 'default' && exports.defaultButtonColors, resolvedVariant === 'ghost' && exports.ghostButtonColors, resolvedVariant === 'primary' && 'border border-primary-550 hover:border-transparent', resolvedVariant === 'primary' && exports.primaryButtonColors, resolvedVariant === 'outline' &&
+        'text-neutral-700 border border-neutral-600 dark:border-neutral-300 dark:text-neutral-150', styles_1.defaultFocus, props.disabled
+        ? styles_1.defaultDisabled
+        : resolvedVariant !== 'outline' && resolvedVariant !== 'ghost' && 'button-elevation', 
     // Register all radix states
     'group', styles_1.defaultActive);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"buttonStyles.js","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAE5B,yCAA0F;AAG7E,QAAA,mBAAmB,GAAG,gDAAgD,CAAC;AACvE,QAAA,mBAAmB,GAAG,oEAAoE,CAAC;AAEjG,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE;;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;IACnD,OAAO,IAAA,oBAAE,EACP,yEAAyE,EACzE,MAAA,KAAK,CAAC,QAAQ,mCAAI,YAAY,EAC9B,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,EACvC,+BAA+B,EAC/B,IAAA,qBAAY,EAAC,KAAK,CAAC,EACnB,eAAe,KAAK,SAAS;QAC3B,2GAA2G,EAC7G,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,SAAS,IAAI,oDAAoD,EACrF,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,SAAS;QAC3B,0FAA0F,EAC5F,qBAAY,EACZ,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAe,CAAC,CAAC,CAAC,eAAe,KAAK,SAAS,IAAI,kBAAkB;IACtF,4BAA4B;IAC5B,OAAO,EACP,sBAAa,CACd,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,YAAY,gBAqBvB"}
+{"version":3,"file":"buttonStyles.js","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAE5B,yCAA0F;AAG7E,QAAA,mBAAmB,GAAG,gDAAgD,CAAC;AACvE,QAAA,mBAAmB,GAAG,oEAAoE,CAAC;AAC3F,QAAA,iBAAiB,GAAG,EAAE,CAAC;AAE7B,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE;;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;IACnD,OAAO,IAAA,oBAAE,EACP,yEAAyE,EACzE,MAAA,KAAK,CAAC,QAAQ,mCAAI,YAAY,EAC9B,MAAA,KAAK,CAAC,OAAO,mCAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,EAC1D,+BAA+B,EAC/B,IAAA,qBAAY,EAAC,KAAK,CAAC,EACnB,eAAe,KAAK,SAAS,IAAI,mDAAmD,EACpF,eAAe,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,yDAAyD,EAC3G,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,OAAO,IAAI,yBAAiB,EAChD,eAAe,KAAK,SAAS,IAAI,oDAAoD,EACrF,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,SAAS;QAC3B,0FAA0F,EAC5F,qBAAY,EACZ,KAAK,CAAC,QAAQ;QACZ,CAAC,CAAC,wBAAe;QACjB,CAAC,CAAC,eAAe,KAAK,SAAS,IAAI,eAAe,KAAK,OAAO,IAAI,kBAAkB;IACtF,4BAA4B;IAC5B,OAAO,EACP,sBAAa,CACd,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,YAAY,gBAwBvB"}

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

@@ -20,6 +20,7 @@ export declare const Heading: ({ level, ...props }: PropsWithChildren<HeadingPro
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    nonce?: string | undefined;
     placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
@@ -170,6 +171,8 @@ export declare const Heading: ({ level, ...props }: PropsWithChildren<HeadingPro
     onProgressCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onRateChange?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onRateChangeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onResize?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onResizeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeeked?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeekedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeeking?: React.ReactEventHandler<HTMLHeadingElement> | undefined;

package/dist/src/components/Heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,eAAO,MAAM,OAAO,wBAAyB,kBAAkB,YAAY,CAAC;;eAZ/D,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAkBrB,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,eAAO,MAAM,OAAO,wBAAyB,kBAAkB,YAAY,CAAC;;eAZ/D,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAkBrB,CAAC"}

package/dist/src/components/Heading/Heading.stories.d.ts

@@ -20,6 +20,7 @@ declare const _default: {
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
+        nonce?: string | undefined;
         placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
@@ -170,6 +171,8 @@ declare const _default: {
         onProgressCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
+        onResize?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
+        onResizeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLHeadingElement> | undefined;

package/dist/src/components/Heading/Heading.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElD,wBAGE;AAQF,eAAO,MAAM,OAAO,gDAA+C,CAAC;AAGpE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC"}
+{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElD,wBAGE;AAQF,eAAO,MAAM,OAAO,gDAA+C,CAAC;AAGpE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC"}

package/dist/src/components/Input/BarePinInput.d.ts

@@ -1,7 +1,7 @@
 import { CodeInput } from 'rci';
 import React, { ComponentProps } from 'react';
 import { InputProps } from './InputProps';
-export declare type BarePinInputProps = Omit<InputProps, 'ref' | 'label' | 'onChange'> & Pick<ComponentProps<typeof CodeInput>, 'onChange' | 'value' | 'length'>;
+export type BarePinInputProps = Omit<InputProps, 'ref' | 'label' | 'onChange'> & Pick<ComponentProps<typeof CodeInput>, 'onChange' | 'value' | 'length'>;
 export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputProps, "label" | "ref" | "onChange"> & Pick<{
     disabled?: boolean | undefined;
     form?: string | undefined;
@@ -24,6 +24,7 @@ export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputPro
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    nonce?: string | undefined;
     placeholder?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
@@ -171,6 +172,8 @@ export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputPro
     onProgressCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
     onRateChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
     onRateChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onResize?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onResizeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
     onSeeked?: React.ReactEventHandler<HTMLInputElement> | undefined;
     onSeekedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
     onSeeking?: React.ReactEventHandler<HTMLInputElement> | undefined;

package/dist/src/components/Input/BarePinInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BarePinInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BarePinInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAsB,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,EAA2B,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,oBAAY,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,OAAO,GAAG,UAAU,CAAC,GAC5E,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;AAG1E,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAuCxB,CAAC"}
+{"version":3,"file":"BarePinInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BarePinInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAsB,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,EAA2B,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,OAAO,GAAG,UAAU,CAAC,GAC5E,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;AAG1E,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAuCxB,CAAC"}

package/dist/src/components/Input/BareTextInput.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
 import { InputProps } from './InputProps';
-export declare type BareTextInputProps = Omit<InputProps, 'label' | 'initialValue' | 'onChange'> & Pick<ComponentProps<'input'>, 'onChange'>;
-export declare const BareTextInput: ({ validationValence, validationMessage, size, ...inputProps }: BareTextInputProps) => JSX.Element;
+export type BareTextInputProps = Omit<InputProps, 'label' | 'initialValue' | 'onChange'> & Pick<ComponentProps<'input'>, 'onChange'>;
+export declare const BareTextInput: ({ validationValence, validationMessage, size, borders, typography, rounding, ...inputProps }: BareTextInputProps) => JSX.Element;
 //# sourceMappingURL=BareTextInput.d.ts.map

package/dist/src/components/Input/BareTextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BareTextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BareTextInput.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAa,MAAM,cAAc,CAAC;AASrD,oBAAY,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GACtF,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5C,eAAO,MAAM,aAAa,kEAAmE,kBAAkB,gBAW9G,CAAC"}
+{"version":3,"file":"BareTextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BareTextInput.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAa,MAAM,cAAc,CAAC;AASrD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GACtF,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5C,eAAO,MAAM,aAAa,iGAQvB,kBAAkB,gBAgBpB,CAAC"}

package/dist/src/components/Input/BareTextInput.js

@@ -11,13 +11,19 @@ const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 const input_1 = require("../../styles/input");
 const sizeMap = {
-    md: 'text-sm',
-    lg: 'text-base',
+    md: 'text-base',
+    lg: 'text-lg',
     pin: '',
     textarea: ''
 };
-const BareTextInput = ({ validationValence, validationMessage, size, ...inputProps }) => {
-    return (react_1.default.createElement("input", { ...inputProps, className: (0, classnames_1.default)((0, input_1.defaultInput)({ disabled: inputProps.disabled, ...(validationMessage && { validationValence }) }), 'block w-full px-2.5 py-2', sizeMap[size !== null && size !== void 0 ? size : 'md']) }));
+const BareTextInput = ({ validationValence, validationMessage, size, borders, typography, rounding, ...inputProps }) => {
+    return (react_1.default.createElement("input", { ...inputProps, className: (0, classnames_1.default)((0, input_1.defaultInput)({
+            borders,
+            rounding,
+            typography: typography !== null && typography !== void 0 ? typography : sizeMap[size !== null && size !== void 0 ? size : 'md'],
+            disabled: inputProps.disabled,
+            ...(validationMessage && { validationValence })
+        }), 'block w-full px-2.5 py-2') }));
 };
 exports.BareTextInput = BareTextInput;
 //# sourceMappingURL=BareTextInput.js.map

package/dist/src/components/Input/BareTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BareTextInput.js","sourceRoot":"","sources":["../../../../src/components/Input/BareTextInput.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAA8C;AAE9C,8CAAkD;AAGlD,MAAM,OAAO,GAA8B;IACzC,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,GAAG,EAAE,EAAE;IACP,QAAQ,EAAE,EAAE;CACb,CAAC;AAKK,MAAM,aAAa,GAAG,CAAC,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAsB,EAAE,EAAE;IACjH,OAAO,CACL,4CACM,UAAU,EACd,SAAS,EAAE,IAAA,oBAAE,EACX,IAAA,oBAAY,EAAC,EAAE,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAAE,GAAG,CAAC,iBAAiB,IAAI,EAAE,iBAAiB,EAAE,CAAC,EAAE,CAAC,EAChG,0BAA0B,EAC1B,OAAO,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,CAAC,CACtB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,aAAa,iBAWxB"}
+{"version":3,"file":"BareTextInput.js","sourceRoot":"","sources":["../../../../src/components/Input/BareTextInput.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAA8C;AAE9C,8CAAkD;AAGlD,MAAM,OAAO,GAA8B;IACzC,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,EAAE;IACP,QAAQ,EAAE,EAAE;CACb,CAAC;AAKK,MAAM,aAAa,GAAG,CAAC,EAC5B,iBAAiB,EACjB,iBAAiB,EACjB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,GAAG,UAAU,EACM,EAAE,EAAE;IACvB,OAAO,CACL,4CACM,UAAU,EACd,SAAS,EAAE,IAAA,oBAAE,EACX,IAAA,oBAAY,EAAC;YACX,OAAO;YACP,QAAQ;YACR,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,OAAO,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,CAAC;YAC/C,QAAQ,EAAE,UAAU,CAAC,QAAQ;YAC7B,GAAG,CAAC,iBAAiB,IAAI,EAAE,iBAAiB,EAAE,CAAC;SAChD,CAAC,EACF,0BAA0B,CAC3B,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,aAAa,iBAwBxB"}

package/dist/src/components/Input/BareTextareaInput.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
 import { TextareaProps } from './InputProps';
-export declare type BareTextareaInputProps = Omit<TextareaProps, 'label' | 'initialValue' | 'onChange'> & Pick<ComponentProps<'textarea'>, 'onChange'>;
-export declare const BareTextareaInput: ({ validationValence, validationMessage, size, ...inputProps }: BareTextareaInputProps) => JSX.Element;
+export type BareTextareaInputProps = Omit<TextareaProps, 'label' | 'initialValue' | 'onChange'> & Pick<ComponentProps<'textarea'>, 'onChange'>;
+export declare const BareTextareaInput: ({ validationValence, validationMessage, size, borders, typography, rounding, ...inputProps }: BareTextareaInputProps) => JSX.Element;
 //# sourceMappingURL=BareTextareaInput.d.ts.map

package/dist/src/components/Input/BareTextareaInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BareTextareaInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BareTextareaInput.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,oBAAY,sBAAsB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GAC7F,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC;AAE/C,eAAO,MAAM,iBAAiB,kEAK3B,sBAAsB,gBAUxB,CAAC"}
+{"version":3,"file":"BareTextareaInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BareTextareaInput.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GAC7F,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC;AAE/C,eAAO,MAAM,iBAAiB,iGAQ3B,sBAAsB,gBAgBxB,CAAC"}

package/dist/src/components/Input/BareTextareaInput.js

@@ -10,8 +10,14 @@ exports.BareTextareaInput = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 const input_1 = require("../../styles/input");
-const BareTextareaInput = ({ validationValence, validationMessage, size, ...inputProps }) => {
-    return (react_1.default.createElement("textarea", { ...inputProps, className: (0, classnames_1.default)((0, input_1.defaultInput)({ disabled: inputProps.disabled, ...(validationMessage && { validationValence }) }), 'block w-full px-2.5 py-2') }));
+const BareTextareaInput = ({ validationValence, validationMessage, size, borders, typography, rounding, ...inputProps }) => {
+    return (react_1.default.createElement("textarea", { ...inputProps, className: (0, classnames_1.default)((0, input_1.defaultInput)({
+            borders,
+            typography,
+            rounding,
+            disabled: inputProps.disabled,
+            ...(validationMessage && { validationValence })
+        }), 'block w-full px-2.5 py-2') }));
 };
 exports.BareTextareaInput = BareTextareaInput;
 //# sourceMappingURL=BareTextareaInput.js.map

package/dist/src/components/Input/BareTextareaInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BareTextareaInput.js","sourceRoot":"","sources":["../../../../src/components/Input/BareTextareaInput.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAA8C;AAE9C,8CAAkD;AAM3C,MAAM,iBAAiB,GAAG,CAAC,EAChC,iBAAiB,EACjB,iBAAiB,EACjB,IAAI,EACJ,GAAG,UAAU,EACU,EAAE,EAAE;IAC3B,OAAO,CACL,+CACM,UAAU,EACd,SAAS,EAAE,IAAA,oBAAE,EACX,IAAA,oBAAY,EAAC,EAAE,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAAE,GAAG,CAAC,iBAAiB,IAAI,EAAE,iBAAiB,EAAE,CAAC,EAAE,CAAC,EAChG,0BAA0B,CAC3B,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,iBAAiB,qBAe5B"}
+{"version":3,"file":"BareTextareaInput.js","sourceRoot":"","sources":["../../../../src/components/Input/BareTextareaInput.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAA8C;AAE9C,8CAAkD;AAM3C,MAAM,iBAAiB,GAAG,CAAC,EAChC,iBAAiB,EACjB,iBAAiB,EACjB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,GAAG,UAAU,EACU,EAAE,EAAE;IAC3B,OAAO,CACL,+CACM,UAAU,EACd,SAAS,EAAE,IAAA,oBAAE,EACX,IAAA,oBAAY,EAAC;YACX,OAAO;YACP,UAAU;YACV,QAAQ;YACR,QAAQ,EAAE,UAAU,CAAC,QAAQ;YAC7B,GAAG,CAAC,iBAAiB,IAAI,EAAE,iBAAiB,EAAE,CAAC;SAChD,CAAC,EACF,0BAA0B,CAC3B,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,iBAAiB,qBAwB5B"}

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

@@ -1,4 +1,4 @@
 import { InputProps as NaturalInputProps } from './InputProps';
-export declare type InputProps = NaturalInputProps;
-export declare const Input: ({ label, labelVisuallyHidden, placeholder, description, descriptionVisuallyHidden, required, initialValue, onChange, disabled, className, size, length, validationMessage, validationValence, ...inputProps }: InputProps) => JSX.Element;
+export type InputProps = NaturalInputProps;
+export declare const Input: ({ label, labelVisuallyHidden, placeholder, description, descriptionVisuallyHidden, required, initialValue, onChange, disabled, className, size, length, spacing, borders, typography, rounding, validationMessage, validationValence, ...inputProps }: InputProps) => JSX.Element;
 //# sourceMappingURL=Input.d.ts.map

package/dist/src/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE/D,oBAAY,UAAU,GAAG,iBAAiB,CAAC;AAE3C,eAAO,MAAM,KAAK,kNAgBf,UAAU,gBAiFZ,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAE3C,eAAO,MAAM,KAAK,0PAoBf,UAAU,gBAoFZ,CAAC"}

package/dist/src/components/Input/Input.js

@@ -37,7 +37,7 @@ const styles_1 = require("../../styles");
 const BarePinInput_1 = require("./BarePinInput");
 const BareTextInput_1 = require("./BareTextInput");
 const BareTextareaInput_1 = require("./BareTextareaInput");
-const Input = ({ label, labelVisuallyHidden, placeholder, description, descriptionVisuallyHidden, required, initialValue, onChange, disabled, className, size, length = 6, validationMessage, validationValence, ...inputProps }) => {
+const Input = ({ label, labelVisuallyHidden, placeholder, description, descriptionVisuallyHidden, required, initialValue, onChange, disabled, className, size, length = 6, spacing, borders, typography, rounding, validationMessage, validationValence, ...inputProps }) => {
     var _a;
     const inputId = (_a = inputProps.id) !== null && _a !== void 0 ? _a : (0, hooks_1.useId)('input');
     const descriptionId = (0, hooks_1.useId)('input-description');
@@ -68,10 +68,13 @@ const Input = ({ label, labelVisuallyHidden, placeholder, description, descripti
         value: internalValue,
         onChange: onInternalChange,
         validationMessage,
-        validationValence
+        validationValence,
+        borders,
+        typography,
+        rounding
     };
     const bareInput = size === 'pin' ? (react_1.default.createElement(BarePinInput_1.BarePinInput, { ...bareInputBaseProps, length: length })) : size === 'textarea' ? (react_1.default.createElement(BareTextareaInput_1.BareTextareaInput, { ...bareInputBaseProps })) : (react_1.default.createElement(BareTextInput_1.BareTextInput, { ...bareInputBaseProps, size: size }));
-    return (react_1.default.createElement("div", { role: 'none', className: (0, classnames_1.default)('mlb-4', className) },
+    return (react_1.default.createElement("div", { role: 'none', className: (0, classnames_1.default)(spacing !== null && spacing !== void 0 ? spacing : 'mlb-4', className) },
         react_1.default.createElement("label", { htmlFor: inputId, className: (0, classnames_1.default)('block pbe-1 text-sm font-medium text-neutral-900 dark:text-neutral-100', labelVisuallyHidden && 'sr-only') }, label),
         bareInput,
         (description || validationMessage) && (react_1.default.createElement("p", { ...(!isInvalid && { id: descriptionId }), className: (0, classnames_1.default)(descriptionVisuallyHidden && !isInvalid && 'sr-only') },

package/dist/src/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Input/Input.stories.d.ts

@@ -1,7 +1,7 @@
 import '@dxosTheme';
 declare const _default: {
     title: string;
-    component: ({ label, labelVisuallyHidden, placeholder, description, descriptionVisuallyHidden, required, initialValue, onChange, disabled, className, size, length, validationMessage, validationValence, ...inputProps }: import("./InputProps").InputProps) => JSX.Element;
+    component: ({ label, labelVisuallyHidden, placeholder, description, descriptionVisuallyHidden, required, initialValue, onChange, disabled, className, size, length, spacing, borders, typography, rounding, validationMessage, validationValence, ...inputProps }: import("./InputProps").InputProps) => JSX.Element;
     argTypes: {
         description: {
             control: string;

package/dist/src/components/Input/InputProps.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ReactNode } from 'react';
 import { MessageValence } from '../../props';
-export declare type InputSize = 'md' | 'lg' | 'pin' | 'textarea';
+export type InputSize = 'md' | 'lg' | 'pin' | 'textarea';
 interface InputPropsExtension {
     label: ReactNode;
     labelVisuallyHidden?: boolean;
@@ -13,6 +13,10 @@ interface InputPropsExtension {
     validationMessage?: ReactNode;
     validationValence?: MessageValence;
     length?: number;
+    spacing?: string;
+    borders?: string;
+    typography?: string;
+    rounding?: string;
 }
 export interface InputProps extends Omit<ComponentProps<'input'>, 'value' | 'onChange' | 'size' | 'ref'>, InputPropsExtension {
 }

package/dist/src/components/Input/InputProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,oBAAY,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC;AAEzD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,EAC1E,mBAAmB;CAAG;AAE1B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,EAC7E,mBAAmB;CAAG"}
+{"version":3,"file":"InputProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC;AAEzD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,EAC1E,mBAAmB;CAAG;AAE1B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,EAC7E,mBAAmB;CAAG"}

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

@@ -1,5 +1,5 @@
-export declare type LoadingSize = 'sm' | 'md' | 'lg' | 'xl';
-export declare type LoadingColor = 'primary' | 'neutral';
+export type LoadingSize = 'sm' | 'md' | 'lg' | 'xl';
+export type LoadingColor = 'primary' | 'neutral';
 export interface LoadingProps {
     label: string;
     size?: LoadingSize;

package/dist/src/components/Loading/Loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/Loading.tsx"],"names":[],"mappings":"AASA,oBAAY,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,oBAAY,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,eAAO,MAAM,OAAO;WAA+D,MAAM;iBA+BxF,CAAC"}
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/Loading.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,eAAO,MAAM,OAAO;WAA+D,MAAM;iBA+BxF,CAAC"}

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

@@ -20,7 +20,7 @@ export interface NavMenuInvokerItemProps extends NavMenuItemSharedProps {
 export interface NavMenuSeparatorProps {
     separator: true;
 }
-export declare type NavMenuItem = NavMenuTooltipLinkItemProps | NavMenuLinkItemProps | NavMenuInvokerItemProps | NavMenuSeparatorProps;
+export type NavMenuItem = NavMenuTooltipLinkItemProps | NavMenuLinkItemProps | NavMenuInvokerItemProps | NavMenuSeparatorProps;
 export interface NavMenuProps extends ComponentProps<typeof NavigationMenuPrimitive.Root> {
     items: NavMenuItem[];
 }

package/dist/src/components/NavMenu/NavMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/NavMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAE3E,OAAO,KAAK,EAAE,EAAE,cAAc,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAInF,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAClE,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC;IACxF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,2BAA4B,SAAQ,oBAAoB;IACvE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,uBAAwB,SAAQ,sBAAsB;IACrE,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,IAAI,CAAC;CACjB;AAED,oBAAY,WAAW,GACnB,2BAA2B,GAC3B,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,CAAC;AAE1B,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC;IACvF,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AA6ED,eAAO,MAAM,WAAW,2HAA+B,CAAC;AAExD,eAAO,MAAM,oBAAoB,WAAY,qBAAqB,gBAEjE,CAAC;AAMF,eAAO,MAAM,OAAO,4BAA6B,YAAY,gBAgD5D,CAAC"}
+{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/NavMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAE3E,OAAO,KAAK,EAAE,EAAE,cAAc,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAInF,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAClE,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC;IACxF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,2BAA4B,SAAQ,oBAAoB;IACvE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,uBAAwB,SAAQ,sBAAsB;IACrE,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,IAAI,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GACnB,2BAA2B,GAC3B,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,CAAC;AAE1B,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC;IACvF,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AA6ED,eAAO,MAAM,WAAW,2HAA+B,CAAC;AAExD,eAAO,MAAM,oBAAoB,WAAY,qBAAqB,gBAEjE,CAAC;AAMF,eAAO,MAAM,OAAO,4BAA6B,YAAY,gBAgD5D,CAAC"}

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

@@ -10,7 +10,7 @@ export interface FullQrCodeProps extends SharedQrCodeProps {
     label: string | Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
     size?: Size;
 }
-export declare type QrCodeProps = FullQrCodeProps;
+export type QrCodeProps = FullQrCodeProps;
 export interface CompactQrCodeProps extends SharedQrCodeProps {
     displayQrLabel: string | Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
     copyLabel: string | Omit<ReactHTMLElement<HTMLElement>, 'ref'>;

package/dist/src/components/QrCode/QrCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QrCode.d.ts","sourceRoot":"","sources":["../../../../src/components/QrCode/QrCode.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAe,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAuB,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,UAAU,iBACR,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC,EACtD,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,YAAY,GAAG,kBAAkB,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,oBAAY,WAAW,GAAG,eAAe,CAAC;AAE1C,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IACpE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,UAAU,8FASpB,eAAe,gBAoBjB,CAAC;AAEF,eAAO,MAAM,aAAa,qHAUvB,kBAAkB,gBA2EpB,CAAC;AAEF,eAAO,MAAM,MAAM,8FA7GhB,eAAe,gBA6Gc,CAAC"}
+{"version":3,"file":"QrCode.d.ts","sourceRoot":"","sources":["../../../../src/components/QrCode/QrCode.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAe,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAuB,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,UAAU,iBACR,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC,EACtD,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,YAAY,GAAG,kBAAkB,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IACpE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,UAAU,8FASpB,eAAe,gBAoBjB,CAAC;AAEF,eAAO,MAAM,aAAa,qHAUvB,kBAAkB,gBA2EpB,CAAC;AAEF,eAAO,MAAM,MAAM,8FA7GhB,eAAe,gBA6Gc,CAAC"}

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

@@ -1,7 +1,7 @@
 import { ToastProviderProps, ToastViewportProps } from '@radix-ui/react-toast';
 import { TooltipProviderProps } from '@radix-ui/react-tooltip';
 import { PropsWithChildren } from 'react';
-export declare type UiProviderProps = PropsWithChildren<{
+export type UiProviderProps = PropsWithChildren<{
     tooltipProviderProps?: TooltipProviderProps;
     toastProviderProps?: ToastProviderProps;
     toastViewportProps?: ToastViewportProps;

package/dist/src/components/UiProvider/UiProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/UiProvider/UiProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,kBAAkB,EAElB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAA+B,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE5F,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,oBAAY,eAAe,GAAG,iBAAiB,CAAC;IAC9C,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,+EAKpB,eAAe,gBAgBjB,CAAC"}
+{"version":3,"file":"UiProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/UiProvider/UiProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,kBAAkB,EAElB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAA+B,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE5F,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;IAC9C,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,+EAKpB,eAAe,gBAgBjB,CAAC"}

package/dist/src/props/Elevation.d.ts

@@ -1,2 +1,2 @@
-export declare type Elevation = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type Elevation = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 //# sourceMappingURL=Elevation.d.ts.map

package/dist/src/props/Elevation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Elevation.d.ts","sourceRoot":"","sources":["../../../src/props/Elevation.ts"],"names":[],"mappings":"AAIA,oBAAY,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Elevation.d.ts","sourceRoot":"","sources":["../../../src/props/Elevation.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC"}

package/dist/src/props/MessageValence.d.ts

@@ -1,2 +1,2 @@
-export declare type MessageValence = 'success' | 'info' | 'warning' | 'error' | 'neutral';
+export type MessageValence = 'success' | 'info' | 'warning' | 'error' | 'neutral';
 //# sourceMappingURL=MessageValence.d.ts.map

package/dist/src/props/MessageValence.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageValence.d.ts","sourceRoot":"","sources":["../../../src/props/MessageValence.ts"],"names":[],"mappings":"AAIA,oBAAY,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC"}
+{"version":3,"file":"MessageValence.d.ts","sourceRoot":"","sources":["../../../src/props/MessageValence.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC"}

package/dist/src/props/Size.d.ts

@@ -1,2 +1,2 @@
-export declare type Size = 0 | 'px' | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
+export type Size = 0 | 'px' | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
 //# sourceMappingURL=Size.d.ts.map

package/dist/src/props/Size.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Size.d.ts","sourceRoot":"","sources":["../../../src/props/Size.ts"],"names":[],"mappings":"AAIA,oBAAY,IAAI,GACZ,CAAC,GACD,IAAI,GACJ,GAAG,GACH,CAAC,GACD,GAAG,GACH,CAAC,GACD,GAAG,GACH,CAAC,GACD,GAAG,GACH,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,CAAC"}
+{"version":3,"file":"Size.d.ts","sourceRoot":"","sources":["../../../src/props/Size.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,IAAI,GACZ,CAAC,GACD,IAAI,GACJ,GAAG,GACH,CAAC,GACD,GAAG,GACH,CAAC,GACD,GAAG,GACH,CAAC,GACD,GAAG,GACH,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,CAAC"}

package/dist/src/styles/input.d.ts

@@ -1,9 +1,15 @@
 import { MessageValence } from '../props';
-export declare const defaultInput: ({ disabled, validationValence }: {
+export declare const defaultInput: ({ borders, typography, rounding, disabled, validationValence }: {
+    borders?: string | undefined;
+    typography?: string | undefined;
+    rounding?: string | undefined;
     disabled?: boolean | undefined;
     validationValence?: MessageValence | undefined;
 }) => string;
-export declare const staticInput: ({ disabled, focused, validationValence }: {
+export declare const staticInput: ({ borders, typography, rounding, disabled, focused, validationValence }: {
+    borders?: string | undefined;
+    typography?: string | undefined;
+    rounding?: string | undefined;
     disabled?: boolean | undefined;
     focused?: boolean | undefined;
     validationValence?: MessageValence | undefined;

package/dist/src/styles/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/styles/input.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAO1C,eAAO,MAAM,YAAY;;;YAexB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;YAgBvB,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/styles/input.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAO1C,eAAO,MAAM,YAAY;;;;;;YAwBxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;YAyBvB,CAAC"}

package/dist/src/styles/input.js

@@ -13,12 +13,12 @@ const focus_1 = require("./focus");
 const hover_1 = require("./hover");
 const text_1 = require("./text");
 const valence_1 = require("./valence");
-const defaultInput = ({ disabled, validationValence }) => {
-    return (0, classnames_1.default)(focus_1.defaultFocus, text_1.defaultPlaceholder, (0, hover_1.defaultHover)({ disabled }), 'bg-white/50 border text-neutral-900 text-sm rounded-lg dark:bg-neutral-700/50 dark:text-white', (0, valence_1.valenceInputBorder)(validationValence), disabled && disabled_1.defaultDisabled);
+const defaultInput = ({ borders, typography, rounding, disabled, validationValence }) => {
+    return (0, classnames_1.default)(focus_1.defaultFocus, text_1.defaultPlaceholder, (0, hover_1.defaultHover)({ disabled }), 'bg-white/50 text-neutral-900 dark:bg-neutral-700/50 dark:text-white', typography !== null && typography !== void 0 ? typography : 'text-base', borders !== null && borders !== void 0 ? borders : 'border', borders !== null && borders !== void 0 ? borders : (0, valence_1.valenceInputBorder)(validationValence), rounding !== null && rounding !== void 0 ? rounding : 'rounded', disabled && disabled_1.defaultDisabled);
 };
 exports.defaultInput = defaultInput;
-const staticInput = ({ disabled, focused, validationValence }) => {
-    return (0, classnames_1.default)(text_1.defaultPlaceholder, 'bg-white/50 border text-neutral-900 text-sm rounded-lg dark:bg-neutral-700/50 dark:text-white', (0, valence_1.valenceInputBorder)(validationValence), disabled && disabled_1.defaultDisabled, focused && focus_1.staticFocus);
+const staticInput = ({ borders, typography, rounding, disabled, focused, validationValence }) => {
+    return (0, classnames_1.default)(text_1.defaultPlaceholder, 'bg-white/50 text-neutral-900 dark:bg-neutral-700/50 dark:text-white', typography !== null && typography !== void 0 ? typography : 'text-base', borders !== null && borders !== void 0 ? borders : 'border', borders !== null && borders !== void 0 ? borders : (0, valence_1.valenceInputBorder)(validationValence), rounding !== null && rounding !== void 0 ? rounding : 'rounded', disabled && disabled_1.defaultDisabled, focused && focus_1.staticFocus);
 };
 exports.staticInput = staticInput;
 //# sourceMappingURL=input.js.map

package/dist/src/styles/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/styles/input.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAG5B,yCAA6C;AAC7C,mCAAoD;AACpD,mCAAuC;AACvC,iCAA4C;AAC5C,uCAA+C;AAExC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,iBAAiB,EAIlB,EAAE,EAAE;IACH,OAAO,IAAA,oBAAE,EACP,oBAAY,EACZ,yBAAkB,EAClB,IAAA,oBAAY,EAAC,EAAE,QAAQ,EAAE,CAAC,EAC1B,+FAA+F,EAC/F,IAAA,4BAAkB,EAAC,iBAAiB,CAAC,EACrC,QAAQ,IAAI,0BAAe,CAC5B,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,YAAY,gBAevB;AAEK,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,iBAAiB,EAKlB,EAAE,EAAE;IACH,OAAO,IAAA,oBAAE,EACP,yBAAkB,EAClB,+FAA+F,EAC/F,IAAA,4BAAkB,EAAC,iBAAiB,CAAC,EACrC,QAAQ,IAAI,0BAAe,EAC3B,OAAO,IAAI,mBAAW,CACvB,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,WAAW,eAgBtB"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/styles/input.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAG5B,yCAA6C;AAC7C,mCAAoD;AACpD,mCAAuC;AACvC,iCAA4C;AAC5C,uCAA+C;AAExC,MAAM,YAAY,GAAG,CAAC,EAC3B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,EAOlB,EAAE,EAAE;IACH,OAAO,IAAA,oBAAE,EACP,oBAAY,EACZ,yBAAkB,EAClB,IAAA,oBAAY,EAAC,EAAE,QAAQ,EAAE,CAAC,EAC1B,qEAAqE,EACrE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,WAAW,EACzB,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,EACnB,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,IAAA,4BAAkB,EAAC,iBAAiB,CAAC,EAChD,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,SAAS,EACrB,QAAQ,IAAI,0BAAe,CAC5B,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,YAAY,gBAwBvB;AAEK,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,iBAAiB,EAQlB,EAAE,EAAE;IACH,OAAO,IAAA,oBAAE,EACP,yBAAkB,EAClB,qEAAqE,EACrE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,WAAW,EACzB,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,EACnB,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,IAAA,4BAAkB,EAAC,iBAAiB,CAAC,EAChD,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,SAAS,EACrB,QAAQ,IAAI,0BAAe,EAC3B,OAAO,IAAI,mBAAW,CACvB,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Vite plugin which configures a low-level design system for DXOS.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",

package/src/components/Button/Button.stories.tsx

@@ -41,3 +41,5 @@ Default.args = { children: 'Hello', disabled: false, variant: 'default' };
 export const Primary = () => <Template {...{ variant: 'primary', children: 'Hello' }} />;
 
 export const Outline = () => <Template {...{ variant: 'outline', children: 'Hello' }} />;
+
+export const Ghost = () => <Template {...{ variant: 'ghost', children: 'Hello' }} />;

package/src/components/Button/Button.tsx

@@ -9,11 +9,11 @@ import { ButtonProps } from './ButtonProps';
 import { buttonStyles } from './buttonStyles';
 
 export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ children, compact, variant, rounding, ...props }, ref) => (
+  ({ children, compact, spacing, variant, rounding, ...props }, ref) => (
     <button
       ref={ref}
       {...props}
-      className={cx(buttonStyles({ compact, variant, rounding, disabled: props.disabled }), props.className)}
+      className={cx(buttonStyles({ compact, spacing, variant, rounding, disabled: props.disabled }), props.className)}
       {...(props.disabled && { disabled: true })}
     >
       {children}

package/src/components/Button/ButtonProps.ts

@@ -5,8 +5,9 @@
 import { ComponentProps } from 'react';
 
 export interface ButtonProps extends ComponentProps<'button'> {
-  variant?: 'default' | 'primary' | 'outline';
+  variant?: 'default' | 'primary' | 'outline' | 'ghost';
   compact?: boolean;
   rounding?: string;
+  spacing?: string;
   disabled?: boolean;
 }

package/src/components/Button/buttonStyles.ts

@@ -9,24 +9,28 @@ import { ButtonProps } from './ButtonProps';
 
 export const primaryButtonColors = 'bg-primary-600 text-white hover:bg-primary-650';
 export const defaultButtonColors = 'bg-white text-neutral-900 dark:bg-neutral-750 dark:text-neutral-50';
+export const ghostButtonColors = '';
 
 export const buttonStyles = (props: ButtonProps) => {
   const resolvedVariant = props.variant || 'default';
   return cx(
     'inline-flex select-none items-center justify-center text-sm font-medium',
     props.rounding ?? 'rounded-md',
-    props.compact ? 'p-1.5' : 'pli-4 plb-2',
+    props.spacing ?? (props.compact ? 'p-1.5' : 'pli-4 plb-2'),
     'transition-color duration-100',
     defaultHover(props),
-    resolvedVariant === 'default' &&
-      'border border-neutral-100 dark:border-neutral-650 hover:focus:border-neutral-100 hover:border-transparent',
+    resolvedVariant === 'default' && 'border border-neutral-100 dark:border-neutral-650',
+    resolvedVariant !== 'ghost' && !props.disabled && 'hover:focus:border-neutral-100 hover:border-transparent',
     resolvedVariant === 'default' && defaultButtonColors,
+    resolvedVariant === 'ghost' && ghostButtonColors,
     resolvedVariant === 'primary' && 'border border-primary-550 hover:border-transparent',
     resolvedVariant === 'primary' && primaryButtonColors,
     resolvedVariant === 'outline' &&
       'text-neutral-700 border border-neutral-600 dark:border-neutral-300 dark:text-neutral-150',
     defaultFocus,
-    props.disabled ? defaultDisabled : resolvedVariant !== 'outline' && 'button-elevation',
+    props.disabled
+      ? defaultDisabled
+      : resolvedVariant !== 'outline' && resolvedVariant !== 'ghost' && 'button-elevation',
     // Register all radix states
     'group',
     defaultActive

package/src/components/Input/BareTextInput.tsx

@@ -9,8 +9,8 @@ import { defaultInput } from '../../styles/input';
 import { InputProps, InputSize } from './InputProps';
 
 const sizeMap: Record<InputSize, string> = {
-  md: 'text-sm',
-  lg: 'text-base',
+  md: 'text-base',
+  lg: 'text-lg',
   pin: '',
   textarea: ''
 };
@@ -18,14 +18,27 @@ const sizeMap: Record<InputSize, string> = {
 export type BareTextInputProps = Omit<InputProps, 'label' | 'initialValue' | 'onChange'> &
   Pick<ComponentProps<'input'>, 'onChange'>;
 
-export const BareTextInput = ({ validationValence, validationMessage, size, ...inputProps }: BareTextInputProps) => {
+export const BareTextInput = ({
+  validationValence,
+  validationMessage,
+  size,
+  borders,
+  typography,
+  rounding,
+  ...inputProps
+}: BareTextInputProps) => {
   return (
     <input
       {...inputProps}
       className={cx(
-        defaultInput({ disabled: inputProps.disabled, ...(validationMessage && { validationValence }) }),
-        'block w-full px-2.5 py-2',
-        sizeMap[size ?? 'md']
+        defaultInput({
+          borders,
+          rounding,
+          typography: typography ?? sizeMap[size ?? 'md'],
+          disabled: inputProps.disabled,
+          ...(validationMessage && { validationValence })
+        }),
+        'block w-full px-2.5 py-2'
       )}
     />
   );

package/src/components/Input/BareTextareaInput.tsx

@@ -15,13 +15,22 @@ export const BareTextareaInput = ({
   validationValence,
   validationMessage,
   size,
+  borders,
+  typography,
+  rounding,
   ...inputProps
 }: BareTextareaInputProps) => {
   return (
     <textarea
       {...inputProps}
       className={cx(
-        defaultInput({ disabled: inputProps.disabled, ...(validationMessage && { validationValence }) }),
+        defaultInput({
+          borders,
+          typography,
+          rounding,
+          disabled: inputProps.disabled,
+          ...(validationMessage && { validationValence })
+        }),
         'block w-full px-2.5 py-2'
       )}
     />

package/src/components/Input/Input.tsx

@@ -27,6 +27,10 @@ export const Input = ({
   className,
   size,
   length = 6,
+  spacing,
+  borders,
+  typography,
+  rounding,
   validationMessage,
   validationValence,
   ...inputProps
@@ -67,7 +71,10 @@ export const Input = ({
     value: internalValue,
     onChange: onInternalChange,
     validationMessage,
-    validationValence
+    validationValence,
+    borders,
+    typography,
+    rounding
   };
 
   const bareInput =
@@ -80,7 +87,7 @@ export const Input = ({
     );
 
   return (
-    <div role='none' className={cx('mlb-4', className)}>
+    <div role='none' className={cx(spacing ?? 'mlb-4', className)}>
       <label
         htmlFor={inputId}
         className={cx(

package/src/components/Input/InputProps.ts

@@ -20,6 +20,10 @@ interface InputPropsExtension {
   validationMessage?: ReactNode;
   validationValence?: MessageValence;
   length?: number;
+  spacing?: string;
+  borders?: string;
+  typography?: string;
+  rounding?: string;
 }
 
 export interface InputProps

package/src/styles/input.ts

@@ -12,9 +12,15 @@ import { defaultPlaceholder } from './text';
 import { valenceInputBorder } from './valence';
 
 export const defaultInput = ({
+  borders,
+  typography,
+  rounding,
   disabled,
   validationValence
 }: {
+  borders?: string;
+  typography?: string;
+  rounding?: string;
   disabled?: boolean;
   validationValence?: MessageValence;
 }) => {
@@ -22,25 +28,37 @@ export const defaultInput = ({
     defaultFocus,
     defaultPlaceholder,
     defaultHover({ disabled }),
-    'bg-white/50 border text-neutral-900 text-sm rounded-lg dark:bg-neutral-700/50 dark:text-white',
-    valenceInputBorder(validationValence),
+    'bg-white/50 text-neutral-900 dark:bg-neutral-700/50 dark:text-white',
+    typography ?? 'text-base',
+    borders ?? 'border',
+    borders ?? valenceInputBorder(validationValence),
+    rounding ?? 'rounded',
     disabled && defaultDisabled
   );
 };
 
 export const staticInput = ({
+  borders,
+  typography,
+  rounding,
   disabled,
   focused,
   validationValence
 }: {
+  borders?: string;
+  typography?: string;
+  rounding?: string;
   disabled?: boolean;
   focused?: boolean;
   validationValence?: MessageValence;
 }) => {
   return cx(
     defaultPlaceholder,
-    'bg-white/50 border text-neutral-900 text-sm rounded-lg dark:bg-neutral-700/50 dark:text-white',
-    valenceInputBorder(validationValence),
+    'bg-white/50 text-neutral-900 dark:bg-neutral-700/50 dark:text-white',
+    typography ?? 'text-base',
+    borders ?? 'border',
+    borders ?? valenceInputBorder(validationValence),
+    rounding ?? 'rounded',
     disabled && defaultDisabled,
     focused && staticFocus
   );