@mirohq/design-system-button 2.1.1 → 2.1.2-button.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 +268 -316
- package/dist/main.js.map +1 -1
- package/dist/module.js +269 -317
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +447 -53
- package/package.json +7 -5
package/dist/types.d.ts
CHANGED
|
@@ -1,27 +1,22 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { ComponentPropsWithRef
|
|
3
|
-
import { AriaButtonProps } from '@react-types/button';
|
|
4
|
-
import { ScaleProp } from '@mirohq/design-system-types';
|
|
2
|
+
import react__default, { ComponentPropsWithRef } from 'react';
|
|
5
3
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
6
4
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
|
7
|
-
import * as
|
|
5
|
+
import * as _mirohq_design_system_base_button from '@mirohq/design-system-base-button';
|
|
8
6
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
7
|
+
import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
|
|
9
8
|
|
|
10
9
|
declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
11
|
-
variant?: "
|
|
12
|
-
|
|
13
|
-
size?: "small" | "medium" | "large" | "x-small" | "xx-small" | undefined;
|
|
10
|
+
variant?: "solid-prominent" | "outline-prominent" | "ghost-prominent" | "solid-subtle" | "outline-subtle" | "ghost-subtle" | "solid-danger" | "outline-danger" | "ghost-danger" | undefined;
|
|
11
|
+
size?: "small" | "medium" | "large" | "x-large" | undefined;
|
|
14
12
|
rounded?: boolean | "true" | undefined;
|
|
15
|
-
loading?: boolean | "true" | undefined;
|
|
16
13
|
fluid?: boolean | "true" | undefined;
|
|
17
|
-
}, "size" | "
|
|
18
|
-
variant?: "
|
|
19
|
-
|
|
20
|
-
size?: "small" | "medium" | "large" | "x-small" | "xx-small" | undefined;
|
|
14
|
+
}, "size" | "variant" | "rounded" | "fluid"> & _stitches_react_types_styled_component.TransformProps<{
|
|
15
|
+
variant?: "solid-prominent" | "outline-prominent" | "ghost-prominent" | "solid-subtle" | "outline-subtle" | "ghost-subtle" | "solid-danger" | "outline-danger" | "ghost-danger" | undefined;
|
|
16
|
+
size?: "small" | "medium" | "large" | "x-large" | undefined;
|
|
21
17
|
rounded?: boolean | "true" | undefined;
|
|
22
|
-
loading?: boolean | "true" | undefined;
|
|
23
18
|
fluid?: boolean | "true" | undefined;
|
|
24
|
-
}, {}> & _mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<
|
|
19
|
+
}, {}> & _mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<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>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
25
20
|
'border-widths': {
|
|
26
21
|
readonly none: 0;
|
|
27
22
|
readonly sm: "1px";
|
|
@@ -196,6 +191,7 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
196
191
|
readonly 50: "0 4px 16px #05003812";
|
|
197
192
|
readonly 100: "0 8px 32px #05003808";
|
|
198
193
|
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";
|
|
199
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";
|
|
200
196
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
201
197
|
};
|
|
@@ -434,67 +430,465 @@ declare const StyledButton: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
434
430
|
readonly [$$PropertyValue]: "margin";
|
|
435
431
|
};
|
|
436
432
|
};
|
|
437
|
-
}>>> & _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">>, {
|
|
438
|
-
variant?: "
|
|
439
|
-
|
|
440
|
-
size?: "small" | "medium" | "large" | "x-small" | "xx-small" | undefined;
|
|
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?: "solid-prominent" | "outline-prominent" | "ghost-prominent" | "solid-subtle" | "outline-subtle" | "ghost-subtle" | "solid-danger" | "outline-danger" | "ghost-danger" | undefined;
|
|
435
|
+
size?: "small" | "medium" | "large" | "x-large" | undefined;
|
|
441
436
|
rounded?: boolean | "true" | undefined;
|
|
442
|
-
loading?: boolean | "true" | undefined;
|
|
443
437
|
fluid?: boolean | "true" | undefined;
|
|
444
438
|
}, {}>;
|
|
445
439
|
declare type StyledButtonProps = ComponentPropsWithRef<typeof StyledButton>;
|
|
446
440
|
|
|
447
|
-
declare
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
441
|
+
declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"svg">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
442
|
+
'border-widths': {
|
|
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 {
|
|
453
858
|
/**
|
|
454
|
-
*
|
|
859
|
+
* The icon
|
|
455
860
|
*/
|
|
456
|
-
|
|
861
|
+
children: react__default.ReactNode;
|
|
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 {
|
|
457
866
|
/**
|
|
458
867
|
* Change the button style
|
|
868
|
+
* @default solid-prominent
|
|
459
869
|
*/
|
|
460
|
-
|
|
870
|
+
variant?: StyledButtonProps['variant'];
|
|
461
871
|
/**
|
|
462
|
-
* Change the button
|
|
872
|
+
* Change the button size
|
|
873
|
+
* @default large
|
|
463
874
|
*/
|
|
464
|
-
size?:
|
|
875
|
+
size?: StyledButtonProps['size'];
|
|
465
876
|
/**
|
|
466
|
-
* Make border
|
|
877
|
+
* Make button border rounded
|
|
467
878
|
*/
|
|
468
879
|
rounded?: StyledButtonProps['rounded'];
|
|
469
880
|
/**
|
|
470
881
|
* Add spinner and disable
|
|
471
882
|
*/
|
|
472
|
-
loading?:
|
|
883
|
+
loading?: boolean;
|
|
473
884
|
/**
|
|
474
885
|
* Make width 100%
|
|
475
886
|
*/
|
|
476
887
|
fluid?: StyledButtonProps['fluid'];
|
|
477
|
-
/**
|
|
478
|
-
* Prevent pointer events
|
|
479
|
-
*/
|
|
480
|
-
disabled?: boolean;
|
|
481
|
-
/**
|
|
482
|
-
* A URL to link when using the button as a link
|
|
483
|
-
*/
|
|
484
|
-
href?: string;
|
|
485
|
-
/**
|
|
486
|
-
* The target window using the button as a link
|
|
487
|
-
*/
|
|
488
|
-
target?: string;
|
|
489
|
-
/**
|
|
490
|
-
* The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
|
|
491
|
-
*/
|
|
492
|
-
rel?: string;
|
|
493
|
-
/**
|
|
494
|
-
* Alias for onPress
|
|
495
|
-
*/
|
|
496
|
-
onClick?: AriaButtonProps['onPress'];
|
|
497
888
|
}
|
|
498
|
-
declare const Button: react__default.ForwardRefExoticComponent<
|
|
889
|
+
declare const Button: react__default.ForwardRefExoticComponent<ButtonProps> & Partials;
|
|
890
|
+
interface Partials {
|
|
891
|
+
IconSlot: typeof IconSlot;
|
|
892
|
+
}
|
|
499
893
|
|
|
500
894
|
export { Button, ButtonProps };
|