@mirohq/design-system-button 2.1.2-button.0 → 2.1.2-changelog-1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +316 -268
- package/dist/main.js.map +1 -1
- package/dist/module.js +317 -269
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +53 -451
- package/package.json +5 -7
package/dist/types.d.ts
CHANGED
|
@@ -1,22 +1,27 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import react__default, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
3
|
+
import { AriaButtonProps } from '@react-types/button';
|
|
4
|
+
import { ScaleProp } from '@mirohq/design-system-types';
|
|
3
5
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
4
6
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
|
5
|
-
import * as _mirohq_design_system_base_button from '@mirohq/design-system-base-button';
|
|
6
|
-
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
7
7
|
import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
|
|
8
|
+
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
8
9
|
|
|
9
10
|
declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
10
|
-
variant?: "
|
|
11
|
-
|
|
11
|
+
variant?: "primary" | "secondary" | "danger" | undefined;
|
|
12
|
+
appearance?: "filled" | "flat" | "outlined" | undefined;
|
|
13
|
+
size?: "small" | "medium" | "large" | "x-small" | "xx-small" | undefined;
|
|
12
14
|
rounded?: boolean | "true" | undefined;
|
|
15
|
+
loading?: boolean | "true" | undefined;
|
|
13
16
|
fluid?: boolean | "true" | undefined;
|
|
14
|
-
}, "size" | "variant" | "rounded" | "fluid"> & _stitches_react_types_styled_component.TransformProps<{
|
|
15
|
-
variant?: "
|
|
16
|
-
|
|
17
|
+
}, "size" | "loading" | "appearance" | "variant" | "rounded" | "fluid"> & _stitches_react_types_styled_component.TransformProps<{
|
|
18
|
+
variant?: "primary" | "secondary" | "danger" | undefined;
|
|
19
|
+
appearance?: "filled" | "flat" | "outlined" | undefined;
|
|
20
|
+
size?: "small" | "medium" | "large" | "x-small" | "xx-small" | undefined;
|
|
17
21
|
rounded?: boolean | "true" | undefined;
|
|
22
|
+
loading?: boolean | "true" | undefined;
|
|
18
23
|
fluid?: boolean | "true" | undefined;
|
|
19
|
-
}, {}> & _mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<
|
|
24
|
+
}, {}> & _mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"button">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
20
25
|
'border-widths': {
|
|
21
26
|
readonly none: 0;
|
|
22
27
|
readonly sm: "1px";
|
|
@@ -109,8 +114,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
109
114
|
readonly 'background-danger'?: any;
|
|
110
115
|
readonly 'background-danger-hover'?: any;
|
|
111
116
|
readonly 'background-success'?: any;
|
|
112
|
-
readonly 'background-warning-subtle'?: any;
|
|
113
|
-
readonly 'background-warning-prominent'?: any;
|
|
114
117
|
readonly 'text-neutrals-inverted'?: any;
|
|
115
118
|
readonly 'text-neutrals'?: any;
|
|
116
119
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -155,8 +158,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
155
158
|
readonly 'border-neutrals-disabled'?: any;
|
|
156
159
|
readonly 'border-neutrals-controls'?: any;
|
|
157
160
|
readonly 'border-neutrals-controls-disabled'?: any;
|
|
158
|
-
readonly 'border-neutrals-subtle'?: any;
|
|
159
|
-
readonly 'border-neutrals-inverted'?: any;
|
|
160
161
|
readonly 'border-primary'?: any;
|
|
161
162
|
readonly 'border-primary-hover'?: any;
|
|
162
163
|
readonly 'border-primary-active'?: any;
|
|
@@ -191,7 +192,6 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
191
192
|
readonly 50: "0 4px 16px #05003812";
|
|
192
193
|
readonly 100: "0 8px 32px #05003808";
|
|
193
194
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
194
|
-
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
195
195
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
196
196
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
197
197
|
};
|
|
@@ -430,465 +430,67 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
430
430
|
readonly [$$PropertyValue]: "margin";
|
|
431
431
|
};
|
|
432
432
|
};
|
|
433
|
-
}>>> & _mirohq_design_system_stitches.CustomStylesProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "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" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "size" | "target" | "href" | "rel" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onFocusChange" | "excludeFromTabOrder" | "onHoverStart" | "onHoverEnd" | "onHoverChange" | "variant" | "rounded" | "fluid"> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<Pick<_mirohq_design_system_base_button.BaseButtonProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "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" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "target" | "href" | "rel" | "asChild" | "css" | "UNSAFE_style" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onFocusChange" | "excludeFromTabOrder" | "onHoverStart" | "onHoverEnd" | "onHoverChange"> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>, {
|
|
434
|
-
variant?: "
|
|
435
|
-
|
|
433
|
+
}>>> & _mirohq_design_system_stitches.CustomStylesProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "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" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "size" | "loading" | "asChild" | "appearance" | keyof _mirohq_design_system_stitches.CustomStylesProps | "variant" | "rounded" | "fluid"> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"button">>, {
|
|
434
|
+
variant?: "primary" | "secondary" | "danger" | undefined;
|
|
435
|
+
appearance?: "filled" | "flat" | "outlined" | undefined;
|
|
436
|
+
size?: "small" | "medium" | "large" | "x-small" | "xx-small" | undefined;
|
|
436
437
|
rounded?: boolean | "true" | undefined;
|
|
438
|
+
loading?: boolean | "true" | undefined;
|
|
437
439
|
fluid?: boolean | "true" | undefined;
|
|
438
440
|
}, {}>;
|
|
439
441
|
declare type StyledButtonProps = ComponentPropsWithRef<typeof StyledButton>;
|
|
440
442
|
|
|
441
|
-
declare
|
|
442
|
-
|
|
443
|
-
readonly none: 0;
|
|
444
|
-
readonly sm: "1px";
|
|
445
|
-
readonly md: "2px";
|
|
446
|
-
readonly lg: "4px";
|
|
447
|
-
};
|
|
448
|
-
colors: {
|
|
449
|
-
readonly 'blue-100': any;
|
|
450
|
-
readonly 'blue-200': any;
|
|
451
|
-
readonly 'blue-300': any;
|
|
452
|
-
readonly 'blue-400': any;
|
|
453
|
-
readonly 'blue-500': any;
|
|
454
|
-
readonly 'blue-600': any;
|
|
455
|
-
readonly 'blue-700': any;
|
|
456
|
-
readonly 'blue-800': any;
|
|
457
|
-
readonly 'blue-900': any;
|
|
458
|
-
readonly 'blue-1000': any;
|
|
459
|
-
readonly 'gray-100': any;
|
|
460
|
-
readonly 'gray-200': any;
|
|
461
|
-
readonly 'gray-300': any;
|
|
462
|
-
readonly 'gray-400': any;
|
|
463
|
-
readonly 'gray-500': any;
|
|
464
|
-
readonly 'gray-600': any;
|
|
465
|
-
readonly 'gray-700': any;
|
|
466
|
-
readonly 'gray-800': any;
|
|
467
|
-
readonly 'gray-900': any;
|
|
468
|
-
readonly 'indigo-100': any;
|
|
469
|
-
readonly 'indigo-200': any;
|
|
470
|
-
readonly 'indigo-300': any;
|
|
471
|
-
readonly 'indigo-400': any;
|
|
472
|
-
readonly 'indigo-500': any;
|
|
473
|
-
readonly 'indigo-600': any;
|
|
474
|
-
readonly 'indigo-700': any;
|
|
475
|
-
readonly 'indigo-800': any;
|
|
476
|
-
readonly 'indigo-900': any;
|
|
477
|
-
readonly 'red-100': any;
|
|
478
|
-
readonly 'red-200': any;
|
|
479
|
-
readonly 'red-300': any;
|
|
480
|
-
readonly 'red-400': any;
|
|
481
|
-
readonly 'red-500': any;
|
|
482
|
-
readonly 'red-600': any;
|
|
483
|
-
readonly 'red-700': any;
|
|
484
|
-
readonly 'red-800': any;
|
|
485
|
-
readonly 'red-900': any;
|
|
486
|
-
readonly 'yellow-100': any;
|
|
487
|
-
readonly 'yellow-200': any;
|
|
488
|
-
readonly 'yellow-300': any;
|
|
489
|
-
readonly 'yellow-400': any;
|
|
490
|
-
readonly 'yellow-500': any;
|
|
491
|
-
readonly 'yellow-600': any;
|
|
492
|
-
readonly 'yellow-700': any;
|
|
493
|
-
readonly 'yellow-800': any;
|
|
494
|
-
readonly 'yellow-900': any;
|
|
495
|
-
readonly 'green-100': any;
|
|
496
|
-
readonly 'green-200': any;
|
|
497
|
-
readonly 'green-300': any;
|
|
498
|
-
readonly 'green-400': any;
|
|
499
|
-
readonly 'green-500': any;
|
|
500
|
-
readonly 'green-600': any;
|
|
501
|
-
readonly 'green-700': any;
|
|
502
|
-
readonly 'green-800': any;
|
|
503
|
-
readonly 'green-900': any;
|
|
504
|
-
readonly black: any;
|
|
505
|
-
readonly white: any;
|
|
506
|
-
readonly transparent: any;
|
|
507
|
-
readonly 'background-neutrals'?: any;
|
|
508
|
-
readonly 'background-neutrals-body'?: any;
|
|
509
|
-
readonly 'background-neutrals-container'?: any;
|
|
510
|
-
readonly 'background-neutrals-inverted'?: any;
|
|
511
|
-
readonly 'background-neutrals-inverted-subtle'?: any;
|
|
512
|
-
readonly 'background-neutrals-subtle'?: any;
|
|
513
|
-
readonly 'background-neutrals-subtle-hover'?: any;
|
|
514
|
-
readonly 'background-neutrals-subtle-active'?: any;
|
|
515
|
-
readonly 'background-neutrals-disabled'?: any;
|
|
516
|
-
readonly 'background-neutrals-controls-disabled'?: any;
|
|
517
|
-
readonly 'background-neutrals-scrolls'?: any;
|
|
518
|
-
readonly 'background-neutrals-inactive'?: any;
|
|
519
|
-
readonly 'background-neutrals-inactive-hover'?: any;
|
|
520
|
-
readonly 'background-primary-prominent'?: any;
|
|
521
|
-
readonly 'background-primary-prominent-hover'?: any;
|
|
522
|
-
readonly 'background-primary-prominent-active'?: any;
|
|
523
|
-
readonly 'background-primary-prominent-selected'?: any;
|
|
524
|
-
readonly 'background-primary-subtle'?: any;
|
|
525
|
-
readonly 'background-primary-subtle-hover'?: any;
|
|
526
|
-
readonly 'background-primary-subtle-active'?: any;
|
|
527
|
-
readonly 'background-primary-subtle-selected'?: any;
|
|
528
|
-
readonly 'background-danger-prominent'?: any;
|
|
529
|
-
readonly 'background-danger-prominent-hover'?: any;
|
|
530
|
-
readonly 'background-danger-prominent-active'?: any;
|
|
531
|
-
readonly 'background-danger'?: any;
|
|
532
|
-
readonly 'background-danger-hover'?: any;
|
|
533
|
-
readonly 'background-success'?: any;
|
|
534
|
-
readonly 'background-warning-subtle'?: any;
|
|
535
|
-
readonly 'background-warning-prominent'?: any;
|
|
536
|
-
readonly 'text-neutrals-inverted'?: any;
|
|
537
|
-
readonly 'text-neutrals'?: any;
|
|
538
|
-
readonly 'text-neutrals-subtle'?: any;
|
|
539
|
-
readonly 'text-neutrals-placeholder-only'?: any;
|
|
540
|
-
readonly 'text-neutrals-placeholder'?: any;
|
|
541
|
-
readonly 'text-neutrals-disabled'?: any;
|
|
542
|
-
readonly 'text-primary-inverted'?: any;
|
|
543
|
-
readonly 'text-primary'?: any;
|
|
544
|
-
readonly 'text-primary-hover'?: any;
|
|
545
|
-
readonly 'text-primary-active'?: any;
|
|
546
|
-
readonly 'text-primary-selected'?: any;
|
|
547
|
-
readonly 'text-primary-inverted-subtle'?: any;
|
|
548
|
-
readonly 'text-danger-inverted'?: any;
|
|
549
|
-
readonly 'text-danger'?: any;
|
|
550
|
-
readonly 'text-danger-hover'?: any;
|
|
551
|
-
readonly 'text-danger-active'?: any;
|
|
552
|
-
readonly 'text-success'?: any;
|
|
553
|
-
readonly 'text-warning'?: any;
|
|
554
|
-
readonly 'icon-neutrals-inverted'?: any;
|
|
555
|
-
readonly 'icon-neutrals'?: any;
|
|
556
|
-
readonly 'icon-neutrals-with-text'?: any;
|
|
557
|
-
readonly 'icon-neutrals-subtle'?: any;
|
|
558
|
-
readonly 'icon-neutrals-disabled'?: any;
|
|
559
|
-
readonly 'icon-neutrals-search'?: any;
|
|
560
|
-
readonly 'icon-neutrals-inactive'?: any;
|
|
561
|
-
readonly 'icon-neutrals-inactive-hover'?: any;
|
|
562
|
-
readonly 'icon-primary-inverted'?: any;
|
|
563
|
-
readonly 'icon-primary'?: any;
|
|
564
|
-
readonly 'icon-primary-hover'?: any;
|
|
565
|
-
readonly 'icon-primary-active'?: any;
|
|
566
|
-
readonly 'icon-primary-selected'?: any;
|
|
567
|
-
readonly 'icon-danger-inverted'?: any;
|
|
568
|
-
readonly 'icon-danger'?: any;
|
|
569
|
-
readonly 'icon-danger-hover'?: any;
|
|
570
|
-
readonly 'icon-danger-active'?: any;
|
|
571
|
-
readonly 'icon-success-inverted'?: any;
|
|
572
|
-
readonly 'icon-success'?: any;
|
|
573
|
-
readonly 'icon-warning'?: any;
|
|
574
|
-
readonly 'border-neutrals'?: any;
|
|
575
|
-
readonly 'border-neutrals-hover'?: any;
|
|
576
|
-
readonly 'border-neutrals-active'?: any;
|
|
577
|
-
readonly 'border-neutrals-disabled'?: any;
|
|
578
|
-
readonly 'border-neutrals-controls'?: any;
|
|
579
|
-
readonly 'border-neutrals-controls-disabled'?: any;
|
|
580
|
-
readonly 'border-neutrals-subtle'?: any;
|
|
581
|
-
readonly 'border-neutrals-inverted'?: any;
|
|
582
|
-
readonly 'border-primary'?: any;
|
|
583
|
-
readonly 'border-primary-hover'?: any;
|
|
584
|
-
readonly 'border-primary-active'?: any;
|
|
585
|
-
readonly 'border-primary-inverted'?: any;
|
|
586
|
-
readonly 'border-danger'?: any;
|
|
587
|
-
readonly 'border-success'?: any;
|
|
588
|
-
readonly 'border-warning'?: any;
|
|
589
|
-
};
|
|
590
|
-
'font-sizes': {
|
|
591
|
-
readonly 150: "0.75rem";
|
|
592
|
-
readonly 175: "0.875rem";
|
|
593
|
-
readonly 200: "1rem";
|
|
594
|
-
readonly 225: "1.125rem";
|
|
595
|
-
readonly 250: "1.25rem";
|
|
596
|
-
readonly 300: "1.5rem";
|
|
597
|
-
readonly 400: "2rem";
|
|
598
|
-
readonly 500: "2.5rem";
|
|
599
|
-
readonly 600: "3rem";
|
|
600
|
-
readonly 800: "4rem";
|
|
601
|
-
readonly 900: "4.5rem";
|
|
602
|
-
};
|
|
603
|
-
radii: {
|
|
604
|
-
readonly none: 0;
|
|
605
|
-
readonly half: "999em";
|
|
606
|
-
readonly 25: "2px";
|
|
607
|
-
readonly 50: "4px";
|
|
608
|
-
readonly 75: "6px";
|
|
609
|
-
readonly 100: "8px";
|
|
610
|
-
readonly 200: "16px";
|
|
611
|
-
};
|
|
612
|
-
shadows: {
|
|
613
|
-
readonly 50: "0 4px 16px #05003812";
|
|
614
|
-
readonly 100: "0 8px 32px #05003808";
|
|
615
|
-
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
616
|
-
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
617
|
-
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
618
|
-
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
619
|
-
};
|
|
620
|
-
sizes: {
|
|
621
|
-
readonly number: string;
|
|
622
|
-
readonly 'icon-200': "16px";
|
|
623
|
-
readonly 'icon-300': "24px";
|
|
624
|
-
readonly 'icon-400': "32px";
|
|
625
|
-
};
|
|
626
|
-
space: {
|
|
627
|
-
readonly none: 0;
|
|
628
|
-
readonly 50: "4px";
|
|
629
|
-
readonly 100: "8px";
|
|
630
|
-
readonly 150: "12px";
|
|
631
|
-
readonly 200: "16px";
|
|
632
|
-
readonly 300: "24px";
|
|
633
|
-
readonly 400: "32px";
|
|
634
|
-
readonly 500: "64px";
|
|
635
|
-
readonly 600: "48px";
|
|
636
|
-
readonly 800: "64px";
|
|
637
|
-
readonly 1200: "96px";
|
|
638
|
-
readonly 1600: "128px";
|
|
639
|
-
};
|
|
640
|
-
'space-gap': {
|
|
641
|
-
readonly none: any;
|
|
642
|
-
readonly 50: any;
|
|
643
|
-
readonly 100: any;
|
|
644
|
-
readonly 200: any;
|
|
645
|
-
readonly 300: any;
|
|
646
|
-
};
|
|
647
|
-
'space-inset': {
|
|
648
|
-
readonly none: any;
|
|
649
|
-
readonly 50: any;
|
|
650
|
-
readonly 100: any;
|
|
651
|
-
readonly 150: any;
|
|
652
|
-
readonly 200: any;
|
|
653
|
-
readonly 300: any;
|
|
654
|
-
readonly 400: any;
|
|
655
|
-
readonly 600: any;
|
|
656
|
-
readonly 800: any;
|
|
657
|
-
readonly 1200: any;
|
|
658
|
-
readonly 1600: any;
|
|
659
|
-
};
|
|
660
|
-
'space-offset': {
|
|
661
|
-
readonly none: any;
|
|
662
|
-
readonly 50: any;
|
|
663
|
-
readonly 100: any;
|
|
664
|
-
readonly 150: any;
|
|
665
|
-
readonly 200: any;
|
|
666
|
-
readonly 300: any;
|
|
667
|
-
readonly 400: any;
|
|
668
|
-
readonly 600: any;
|
|
669
|
-
readonly 800: any;
|
|
670
|
-
readonly 1200: any;
|
|
671
|
-
readonly 1600: any;
|
|
672
|
-
readonly 'stacking-none': any;
|
|
673
|
-
readonly 'stacking-100': any;
|
|
674
|
-
readonly 'stacking-200': any;
|
|
675
|
-
readonly 'stacking-300': any;
|
|
676
|
-
readonly 'stacking-400': any;
|
|
677
|
-
readonly 'stacking-500': any;
|
|
678
|
-
readonly 'stacking-800': any;
|
|
679
|
-
};
|
|
680
|
-
'z-indices': {
|
|
681
|
-
readonly dropdownMenu: 100;
|
|
682
|
-
readonly popover: 200;
|
|
683
|
-
readonly tooltip: 300;
|
|
684
|
-
};
|
|
685
|
-
}, {
|
|
686
|
-
readonly background: "colors";
|
|
687
|
-
readonly backgroundColor: "colors";
|
|
688
|
-
readonly backgroundImage: "colors";
|
|
689
|
-
readonly blockSize: "sizes";
|
|
690
|
-
readonly border: "colors";
|
|
691
|
-
readonly borderBlock: "colors";
|
|
692
|
-
readonly borderBlockEnd: "colors";
|
|
693
|
-
readonly borderBlockStart: "colors";
|
|
694
|
-
readonly borderBottom: "colors";
|
|
695
|
-
readonly borderBottomColor: "colors";
|
|
696
|
-
readonly borderBottomLeftRadius: "radii";
|
|
697
|
-
readonly borderBottomRightRadius: "radii";
|
|
698
|
-
readonly borderBottomStyle: "border-styles";
|
|
699
|
-
readonly borderBottomWidth: "border-widths";
|
|
700
|
-
readonly borderColor: "colors";
|
|
701
|
-
readonly borderImage: "colors";
|
|
702
|
-
readonly borderInline: "colors";
|
|
703
|
-
readonly borderInlineEnd: "colors";
|
|
704
|
-
readonly borderInlineStart: "colors";
|
|
705
|
-
readonly borderLeft: "colors";
|
|
706
|
-
readonly borderLeftColor: "colors";
|
|
707
|
-
readonly borderLeftStyle: "border-styles";
|
|
708
|
-
readonly borderLeftWidth: "border-widths";
|
|
709
|
-
readonly borderRadius: "radii";
|
|
710
|
-
readonly borderRight: "colors";
|
|
711
|
-
readonly borderRightColor: "colors";
|
|
712
|
-
readonly borderRightStyle: "border-styles";
|
|
713
|
-
readonly borderRightWidth: "border-widths";
|
|
714
|
-
readonly borderStyle: "border-styles";
|
|
715
|
-
readonly borderTop: "colors";
|
|
716
|
-
readonly borderTopColor: "colors";
|
|
717
|
-
readonly borderTopLeftRadius: "radii";
|
|
718
|
-
readonly borderTopRightRadius: "radii";
|
|
719
|
-
readonly borderTopStyle: "border-styles";
|
|
720
|
-
readonly borderTopWidth: "border-widths";
|
|
721
|
-
readonly borderWidth: "border-widths";
|
|
722
|
-
readonly bottom: "space";
|
|
723
|
-
readonly boxShadow: "shadows";
|
|
724
|
-
readonly caretColor: "colors";
|
|
725
|
-
readonly color: "colors";
|
|
726
|
-
readonly columnGap: "space-gap";
|
|
727
|
-
readonly columnRuleColor: "colors";
|
|
728
|
-
readonly fill: "colors";
|
|
729
|
-
readonly flexBasis: "sizes";
|
|
730
|
-
readonly fontFamily: "fonts";
|
|
731
|
-
readonly fontSize: "font-sizes";
|
|
732
|
-
readonly fontWeight: "font-weights";
|
|
733
|
-
readonly gap: "space-gap";
|
|
734
|
-
readonly gridColumnGap: "space-gap";
|
|
735
|
-
readonly gridGap: "space-gap";
|
|
736
|
-
readonly gridRowGap: "space-gap";
|
|
737
|
-
readonly gridTemplateColumns: "sizes";
|
|
738
|
-
readonly gridTemplateRows: "sizes";
|
|
739
|
-
readonly height: "sizes";
|
|
740
|
-
readonly inlineSize: "sizes";
|
|
741
|
-
readonly inset: "space-inset";
|
|
742
|
-
readonly insetBlock: "space-inset";
|
|
743
|
-
readonly insetBlockEnd: "space-inset";
|
|
744
|
-
readonly insetBlockStart: "space-inset";
|
|
745
|
-
readonly insetInline: "space-inset";
|
|
746
|
-
readonly insetInlineEnd: "space-inset";
|
|
747
|
-
readonly insetInlineStart: "space-inset";
|
|
748
|
-
readonly left: "space";
|
|
749
|
-
readonly letterSpacing: "letter-spacings";
|
|
750
|
-
readonly lineHeight: "line-heights";
|
|
751
|
-
readonly margin: "space-offset";
|
|
752
|
-
readonly marginBlock: "space-offset";
|
|
753
|
-
readonly marginBlockEnd: "space-offset";
|
|
754
|
-
readonly marginBlockStart: "space-offset";
|
|
755
|
-
readonly marginBottom: "space-offset";
|
|
756
|
-
readonly marginInline: "space-offset";
|
|
757
|
-
readonly marginInlineEnd: "space-offset";
|
|
758
|
-
readonly marginInlineStart: "space-offset";
|
|
759
|
-
readonly marginLeft: "space-offset";
|
|
760
|
-
readonly marginRight: "space-offset";
|
|
761
|
-
readonly marginTop: "space-offset";
|
|
762
|
-
readonly maxBlockSize: "sizes";
|
|
763
|
-
readonly maxHeight: "sizes";
|
|
764
|
-
readonly maxInlineSize: "sizes";
|
|
765
|
-
readonly maxWidth: "sizes";
|
|
766
|
-
readonly minBlockSize: "sizes";
|
|
767
|
-
readonly minHeight: "sizes";
|
|
768
|
-
readonly minInlineSize: "sizes";
|
|
769
|
-
readonly minWidth: "sizes";
|
|
770
|
-
readonly outline: "colors";
|
|
771
|
-
readonly outlineColor: "colors";
|
|
772
|
-
readonly padding: "space-inset";
|
|
773
|
-
readonly paddingBlock: "space-inset";
|
|
774
|
-
readonly paddingBlockEnd: "space-inset";
|
|
775
|
-
readonly paddingBlockStart: "space-inset";
|
|
776
|
-
readonly paddingBottom: "space-inset";
|
|
777
|
-
readonly paddingInline: "space-inset";
|
|
778
|
-
readonly paddingInlineEnd: "space-inset";
|
|
779
|
-
readonly paddingInlineStart: "space-inset";
|
|
780
|
-
readonly paddingLeft: "space-inset";
|
|
781
|
-
readonly paddingRight: "space-inset";
|
|
782
|
-
readonly paddingTop: "space-inset";
|
|
783
|
-
readonly right: "space";
|
|
784
|
-
readonly rowGap: "space-gap";
|
|
785
|
-
readonly scrollMargin: "space-offset";
|
|
786
|
-
readonly scrollMarginBlock: "space-offset";
|
|
787
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
788
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
789
|
-
readonly scrollMarginBottom: "space-offset";
|
|
790
|
-
readonly scrollMarginInline: "space-offset";
|
|
791
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
792
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
793
|
-
readonly scrollMarginLeft: "space-offset";
|
|
794
|
-
readonly scrollMarginRight: "space-offset";
|
|
795
|
-
readonly scrollMarginTop: "space-offset";
|
|
796
|
-
readonly scrollPadding: "space-inset";
|
|
797
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
798
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
799
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
800
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
801
|
-
readonly scrollPaddingInline: "space-inset";
|
|
802
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
803
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
804
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
805
|
-
readonly scrollPaddingRight: "space-inset";
|
|
806
|
-
readonly scrollPaddingTop: "space-inset";
|
|
807
|
-
readonly stroke: "colors";
|
|
808
|
-
readonly textDecorationColor: "colors";
|
|
809
|
-
readonly textShadow: "shadows";
|
|
810
|
-
readonly top: "space";
|
|
811
|
-
readonly transition: "transitions";
|
|
812
|
-
readonly width: "sizes";
|
|
813
|
-
readonly zIndex: "z-indices";
|
|
814
|
-
}, {
|
|
815
|
-
paddingX: (value: {
|
|
816
|
-
readonly [$$PropertyValue]: "padding";
|
|
817
|
-
}) => {
|
|
818
|
-
paddingLeft: {
|
|
819
|
-
readonly [$$PropertyValue]: "padding";
|
|
820
|
-
};
|
|
821
|
-
paddingRight: {
|
|
822
|
-
readonly [$$PropertyValue]: "padding";
|
|
823
|
-
};
|
|
824
|
-
};
|
|
825
|
-
paddingY: (value: {
|
|
826
|
-
readonly [$$PropertyValue]: "padding";
|
|
827
|
-
}) => {
|
|
828
|
-
paddingTop: {
|
|
829
|
-
readonly [$$PropertyValue]: "padding";
|
|
830
|
-
};
|
|
831
|
-
paddingBottom: {
|
|
832
|
-
readonly [$$PropertyValue]: "padding";
|
|
833
|
-
};
|
|
834
|
-
};
|
|
835
|
-
marginX: (value: {
|
|
836
|
-
readonly [$$PropertyValue]: "margin";
|
|
837
|
-
}) => {
|
|
838
|
-
marginLeft: {
|
|
839
|
-
readonly [$$PropertyValue]: "margin";
|
|
840
|
-
};
|
|
841
|
-
marginRight: {
|
|
842
|
-
readonly [$$PropertyValue]: "margin";
|
|
843
|
-
};
|
|
844
|
-
};
|
|
845
|
-
marginY: (value: {
|
|
846
|
-
readonly [$$PropertyValue]: "margin";
|
|
847
|
-
}) => {
|
|
848
|
-
marginTop: {
|
|
849
|
-
readonly [$$PropertyValue]: "margin";
|
|
850
|
-
};
|
|
851
|
-
marginBottom: {
|
|
852
|
-
readonly [$$PropertyValue]: "margin";
|
|
853
|
-
};
|
|
854
|
-
};
|
|
855
|
-
}>>> & _mirohq_design_system_stitches.CustomStylesProps, "string" | "clipPath" | "filter" | "mask" | "path" | "key" | "crossOrigin" | "id" | "lang" | "tabIndex" | "role" | "color" | "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" | "height" | "width" | "name" | "type" | "max" | "min" | "origin" | "media" | "method" | "target" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "asChild" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react__default.RefAttributes<SVGSVGElement>> & _mirohq_design_system_stitches.StitchesInternals<react__default.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"svg">>, {}, {}>;
|
|
856
|
-
declare type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>;
|
|
857
|
-
interface IconSlotProps extends StyledIconSlotProps {
|
|
443
|
+
declare type ButtonPropsA11y = StyledButtonProps & AriaButtonProps;
|
|
444
|
+
interface ButtonProps extends Omit<ButtonPropsA11y, 'onClick' | 'isDisabled' | 'elementType'> {
|
|
858
445
|
/**
|
|
859
|
-
* The
|
|
446
|
+
* The content
|
|
860
447
|
*/
|
|
861
|
-
children:
|
|
862
|
-
}
|
|
863
|
-
declare const IconSlot: react__default.ForwardRefExoticComponent<Pick<IconSlotProps, "string" | "clipPath" | "filter" | "mask" | "path" | "key" | "crossOrigin" | "id" | "lang" | "tabIndex" | "role" | "color" | "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" | "height" | "width" | "name" | "type" | "max" | "min" | "origin" | "media" | "method" | "target" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "asChild" | "css" | "UNSAFE_style"> & react__default.RefAttributes<SVGSVGElement>>;
|
|
864
|
-
|
|
865
|
-
interface ButtonProps extends StyledButtonProps {
|
|
448
|
+
children: ReactNode;
|
|
866
449
|
/**
|
|
867
|
-
* Change the button
|
|
868
|
-
* @default solid-prominent
|
|
450
|
+
* Change the button color
|
|
869
451
|
*/
|
|
870
452
|
variant?: StyledButtonProps['variant'];
|
|
871
453
|
/**
|
|
872
|
-
* Change the button
|
|
873
|
-
|
|
454
|
+
* Change the button style
|
|
455
|
+
*/
|
|
456
|
+
appearance?: StyledButtonProps['appearance'];
|
|
457
|
+
/**
|
|
458
|
+
* Change the button height and font-size
|
|
874
459
|
*/
|
|
875
|
-
size?: StyledButtonProps['size']
|
|
460
|
+
size?: ScaleProp<StyledButtonProps['size']>;
|
|
876
461
|
/**
|
|
877
|
-
* Make
|
|
462
|
+
* Make border-radius circle
|
|
878
463
|
*/
|
|
879
464
|
rounded?: StyledButtonProps['rounded'];
|
|
880
465
|
/**
|
|
881
466
|
* Add spinner and disable
|
|
882
467
|
*/
|
|
883
|
-
loading?:
|
|
468
|
+
loading?: StyledButtonProps['loading'];
|
|
884
469
|
/**
|
|
885
470
|
* Make width 100%
|
|
886
471
|
*/
|
|
887
472
|
fluid?: StyledButtonProps['fluid'];
|
|
473
|
+
/**
|
|
474
|
+
* Prevent pointer events
|
|
475
|
+
*/
|
|
476
|
+
disabled?: boolean;
|
|
477
|
+
/**
|
|
478
|
+
* A URL to link when using the button as a link
|
|
479
|
+
*/
|
|
480
|
+
href?: string;
|
|
481
|
+
/**
|
|
482
|
+
* The target window using the button as a link
|
|
483
|
+
*/
|
|
484
|
+
target?: string;
|
|
485
|
+
/**
|
|
486
|
+
* The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
|
|
487
|
+
*/
|
|
488
|
+
rel?: string;
|
|
489
|
+
/**
|
|
490
|
+
* Alias for onPress
|
|
491
|
+
*/
|
|
492
|
+
onClick?: AriaButtonProps['onPress'];
|
|
888
493
|
}
|
|
889
|
-
declare const Button: react__default.ForwardRefExoticComponent<ButtonProps> &
|
|
890
|
-
interface Partials {
|
|
891
|
-
IconSlot: typeof IconSlot;
|
|
892
|
-
}
|
|
494
|
+
declare const Button: react__default.ForwardRefExoticComponent<Pick<ButtonProps, "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "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" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "size" | "loading" | "target" | "href" | "rel" | "asChild" | "appearance" | "css" | "UNSAFE_style" | "variant" | "rounded" | "fluid" | "onPress" | "onPressStart" | "onPressEnd" | "onPressChange" | "onPressUp" | "onFocusChange" | "excludeFromTabOrder"> & react__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
|
|
893
495
|
|
|
894
496
|
export { Button, ButtonProps };
|