@mirohq/design-system-dropdown-menu 3.3.0-dropdown.0 → 3.3.0-dropdown.2
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 +78 -54
- package/dist/main.js.map +1 -1
- package/dist/module.js +78 -54
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +3279 -143
- package/package.json +7 -7
package/dist/types.d.ts
CHANGED
|
@@ -2866,15 +2866,7 @@ interface SeparatorProps extends StyledSeparatorProps {
|
|
|
2866
2866
|
}
|
|
2867
2867
|
declare const Separator: react__default.ForwardRefExoticComponent<Pick<SeparatorProps, "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "children" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
2868
2868
|
|
|
2869
|
-
|
|
2870
|
-
}
|
|
2871
|
-
declare const SwitchItem: react__default.ForwardRefExoticComponent<Pick<SwitchItemProps, "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "children" | "slot" | "title" | "checked" | "disabled" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "textValue"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
2872
|
-
|
|
2873
|
-
declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
2874
|
-
unstyled?: boolean | "true" | "false" | undefined;
|
|
2875
|
-
}, "unstyled"> & _stitches_react_types_styled_component.TransformProps<{
|
|
2876
|
-
unstyled?: boolean | "true" | "false" | undefined;
|
|
2877
|
-
}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<RadixDropdownMenu.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
2869
|
+
declare const StyledSwitchItem: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<RadixDropdownMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
2878
2870
|
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
2879
2871
|
'border-widths': {
|
|
2880
2872
|
readonly none: 0;
|
|
@@ -3315,20 +3307,39 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
3315
3307
|
}> | undefined;
|
|
3316
3308
|
}> & {
|
|
3317
3309
|
children?: react.ReactNode;
|
|
3318
|
-
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "
|
|
3319
|
-
|
|
3320
|
-
}, {}>;
|
|
3321
|
-
declare type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>;
|
|
3310
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "checked" | "disabled" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps | "textValue" | "onCheckedChange"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
|
|
3311
|
+
declare type StyledSwitchItemProps = StrictComponentProps<typeof StyledSwitchItem>;
|
|
3322
3312
|
|
|
3323
|
-
interface
|
|
3313
|
+
interface SwitchItemProps extends Omit<StyledSwitchItemProps, 'onChange'> {
|
|
3324
3314
|
/**
|
|
3325
|
-
*
|
|
3315
|
+
* The checked state of the item.
|
|
3326
3316
|
*/
|
|
3327
|
-
|
|
3317
|
+
checked: boolean;
|
|
3318
|
+
/**
|
|
3319
|
+
* Event handler called when the checked state changes.
|
|
3320
|
+
*/
|
|
3321
|
+
onChange: (checked: boolean) => void;
|
|
3322
|
+
/**
|
|
3323
|
+
* When true, prevents the user from interacting with the item.
|
|
3324
|
+
*/
|
|
3325
|
+
disabled?: boolean;
|
|
3326
|
+
/**
|
|
3327
|
+
* Event handler called when the user selects an item (via mouse of keyboard).
|
|
3328
|
+
*/
|
|
3329
|
+
onSelect?: (event: Event) => void;
|
|
3330
|
+
/**
|
|
3331
|
+
* Optional text used for typeahead purposes. By default the typeahead behavior will use the .textContent of the item.
|
|
3332
|
+
* Use this when the content is complex, or you have non-textual content inside.
|
|
3333
|
+
*/
|
|
3334
|
+
textValue?: string;
|
|
3328
3335
|
}
|
|
3329
|
-
declare const
|
|
3336
|
+
declare const SwitchItem: react__default.ForwardRefExoticComponent<Pick<SwitchItemProps, "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "children" | "slot" | "title" | "checked" | "disabled" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "textValue"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
3330
3337
|
|
|
3331
|
-
declare const
|
|
3338
|
+
declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
3339
|
+
unstyled?: boolean | "true" | "false" | undefined;
|
|
3340
|
+
}, "unstyled"> & _stitches_react_types_styled_component.TransformProps<{
|
|
3341
|
+
unstyled?: boolean | "true" | "false" | undefined;
|
|
3342
|
+
}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<RadixDropdownMenu.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
3332
3343
|
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
3333
3344
|
'border-widths': {
|
|
3334
3345
|
readonly none: 0;
|
|
@@ -3769,24 +3780,20 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
3769
3780
|
}> | undefined;
|
|
3770
3781
|
}> & {
|
|
3771
3782
|
children?: react.ReactNode;
|
|
3772
|
-
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "disabled" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps | "
|
|
3773
|
-
|
|
3783
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps | "unstyled"> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>, {
|
|
3784
|
+
unstyled?: boolean | "true" | "false" | undefined;
|
|
3785
|
+
}, {}>;
|
|
3786
|
+
declare type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>;
|
|
3774
3787
|
|
|
3775
|
-
interface
|
|
3776
|
-
/**
|
|
3777
|
-
* Prevents the user from interacting with the switch
|
|
3778
|
-
*/
|
|
3779
|
-
disabled?: boolean;
|
|
3788
|
+
interface TriggerProps extends StyledTriggerProps {
|
|
3780
3789
|
/**
|
|
3781
|
-
*
|
|
3782
|
-
* behavior will use the .textContent of the item. Use this when the content
|
|
3783
|
-
* is complex, or you have.
|
|
3790
|
+
* temporary the same as onClick, later will be added touch events support
|
|
3784
3791
|
*/
|
|
3785
|
-
|
|
3792
|
+
onPress?: DOMAttributes<HTMLElement>['onClick'];
|
|
3786
3793
|
}
|
|
3787
|
-
declare const
|
|
3794
|
+
declare const Trigger: react__default.ForwardRefExoticComponent<Pick<TriggerProps, "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "children" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "unstyled" | "onPress"> & react__default.RefAttributes<HTMLButtonElement>>;
|
|
3788
3795
|
|
|
3789
|
-
declare const
|
|
3796
|
+
declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<RadixDropdownMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
3790
3797
|
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
3791
3798
|
'border-widths': {
|
|
3792
3799
|
readonly none: 0;
|
|
@@ -4227,84 +4234,24 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
4227
4234
|
}> | undefined;
|
|
4228
4235
|
}> & {
|
|
4229
4236
|
children?: react.ReactNode;
|
|
4230
|
-
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "
|
|
4231
|
-
declare type
|
|
4237
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "disabled" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps | "textValue"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
|
|
4238
|
+
declare type StyledSubTriggerProps = StrictComponentProps<typeof StyledSubTrigger>;
|
|
4232
4239
|
|
|
4233
|
-
interface
|
|
4234
|
-
/**
|
|
4235
|
-
* Whether keyboard navigation should loop around
|
|
4236
|
-
* @default false
|
|
4237
|
-
*/
|
|
4238
|
-
loop?: boolean;
|
|
4239
|
-
/**
|
|
4240
|
-
* Event handler called when focus moves to the trigger after closing. It can
|
|
4241
|
-
* be prevented by calling event.preventDefault. This prop is ignored within
|
|
4242
|
-
* submenus.
|
|
4243
|
-
*/
|
|
4244
|
-
onCloseAutoFocus?: (event: Event) => void;
|
|
4245
|
-
/**
|
|
4246
|
-
* Event handler called when the escape key is down. It can be prevented by
|
|
4247
|
-
* calling event.preventDefault.
|
|
4248
|
-
*/
|
|
4249
|
-
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
4250
|
-
/**
|
|
4251
|
-
* Event handler called when a pointer event occurs outside the bounds of the
|
|
4252
|
-
* component. It can be prevented by calling event.preventDefault.
|
|
4253
|
-
*/
|
|
4254
|
-
onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
|
|
4255
|
-
/**
|
|
4256
|
-
* Event handler called when focus moves outside the bounds of the component.
|
|
4257
|
-
* It can be prevented by calling event.preventDefault.
|
|
4258
|
-
*/
|
|
4259
|
-
onFocusOutside?: (event: FocusOutsideEvent) => void;
|
|
4260
|
-
/**
|
|
4261
|
-
* Event handler called when an interaction (pointer or focus event) happens
|
|
4262
|
-
* outside the bounds of the component. It can be prevented by calling
|
|
4263
|
-
* event.preventDefault.
|
|
4264
|
-
*/
|
|
4265
|
-
onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
|
|
4266
|
-
/**
|
|
4267
|
-
* Used to force mounting when more control is needed. Useful when controlling
|
|
4268
|
-
* animation with React animation libraries.
|
|
4269
|
-
*/
|
|
4270
|
-
forceMount?: true;
|
|
4271
|
-
/**
|
|
4272
|
-
* The distance in pixels from the trigger.
|
|
4273
|
-
*/
|
|
4274
|
-
sideOffset?: number;
|
|
4275
|
-
/**
|
|
4276
|
-
* An offset in pixels from the "start" or "end" alignment options.
|
|
4277
|
-
*/
|
|
4278
|
-
alignOffset?: number;
|
|
4279
|
-
/**
|
|
4280
|
-
* When true, overrides the side andalign preferences to prevent collisions
|
|
4281
|
-
* with window edges.
|
|
4282
|
-
* @default true
|
|
4283
|
-
*/
|
|
4284
|
-
avoidCollisions?: boolean;
|
|
4285
|
-
/**
|
|
4286
|
-
*The distance in pixels from the boundary edges where collision detection
|
|
4287
|
-
*should occur. Accepts a number (same for all sides).
|
|
4288
|
-
*/
|
|
4289
|
-
collisionPadding?: number;
|
|
4240
|
+
interface SubTriggerProps extends StyledSubTriggerProps {
|
|
4290
4241
|
/**
|
|
4291
|
-
*
|
|
4292
|
-
* the boundary as long as the trigger is at least partially in the boundary
|
|
4293
|
-
* whilst "always" will keep the content in the boundary regardless.
|
|
4294
|
-
* @default partial
|
|
4242
|
+
* Prevents the user from interacting with the switch
|
|
4295
4243
|
*/
|
|
4296
|
-
|
|
4244
|
+
disabled?: boolean;
|
|
4297
4245
|
/**
|
|
4298
|
-
*
|
|
4299
|
-
*
|
|
4246
|
+
* Optional text used for type ahead purposes. By default the type ahead
|
|
4247
|
+
* behavior will use the .textContent of the item. Use this when the content
|
|
4248
|
+
* is complex, or you have.
|
|
4300
4249
|
*/
|
|
4301
|
-
|
|
4250
|
+
textValue?: string;
|
|
4302
4251
|
}
|
|
4303
|
-
declare const
|
|
4252
|
+
declare const SubTrigger: react__default.ForwardRefExoticComponent<Pick<StyledSubTriggerProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "disabled" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react__default.RefAttributes<HTMLDivElement>>;
|
|
4304
4253
|
|
|
4305
|
-
declare const
|
|
4306
|
-
children?: react.ReactNode;
|
|
4307
|
-
}, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
4254
|
+
declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<RadixDropdownMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
4308
4255
|
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
4309
4256
|
'border-widths': {
|
|
4310
4257
|
readonly none: 0;
|
|
@@ -4745,49 +4692,83 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
|
|
|
4745
4692
|
}> | undefined;
|
|
4746
4693
|
}> & {
|
|
4747
4694
|
children?: react.ReactNode;
|
|
4748
|
-
} & _mirohq_design_system_stitches.CustomStylesProps & react.RefAttributes<
|
|
4749
|
-
declare type
|
|
4695
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "loop" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "sticky" | keyof _mirohq_design_system_stitches.CustomStylesProps | "sideOffset" | "alignOffset" | "arrowPadding" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "forceMount"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
|
|
4696
|
+
declare type StyledSubContentProps = StrictComponentProps<typeof StyledSubContent>;
|
|
4750
4697
|
|
|
4751
|
-
interface
|
|
4698
|
+
interface SubContentProps extends StyledSubContentProps {
|
|
4752
4699
|
/**
|
|
4753
|
-
*
|
|
4754
|
-
*
|
|
4700
|
+
* Whether keyboard navigation should loop around
|
|
4701
|
+
* @default false
|
|
4755
4702
|
*/
|
|
4756
|
-
|
|
4703
|
+
loop?: boolean;
|
|
4757
4704
|
/**
|
|
4758
|
-
*
|
|
4759
|
-
*
|
|
4705
|
+
* Event handler called when focus moves to the trigger after closing. It can
|
|
4706
|
+
* be prevented by calling event.preventDefault. This prop is ignored within
|
|
4707
|
+
* submenus.
|
|
4760
4708
|
*/
|
|
4761
|
-
|
|
4709
|
+
onCloseAutoFocus?: (event: Event) => void;
|
|
4762
4710
|
/**
|
|
4763
|
-
* Event handler called when the
|
|
4711
|
+
* Event handler called when the escape key is down. It can be prevented by
|
|
4712
|
+
* calling event.preventDefault.
|
|
4764
4713
|
*/
|
|
4765
|
-
|
|
4714
|
+
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
4766
4715
|
/**
|
|
4767
|
-
* Event handler called when the
|
|
4716
|
+
* Event handler called when a pointer event occurs outside the bounds of the
|
|
4717
|
+
* component. It can be prevented by calling event.preventDefault.
|
|
4768
4718
|
*/
|
|
4769
|
-
|
|
4770
|
-
|
|
4771
|
-
|
|
4772
|
-
|
|
4773
|
-
|
|
4719
|
+
onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
|
|
4720
|
+
/**
|
|
4721
|
+
* Event handler called when focus moves outside the bounds of the component.
|
|
4722
|
+
* It can be prevented by calling event.preventDefault.
|
|
4723
|
+
*/
|
|
4724
|
+
onFocusOutside?: (event: FocusOutsideEvent) => void;
|
|
4725
|
+
/**
|
|
4726
|
+
* Event handler called when an interaction (pointer or focus event) happens
|
|
4727
|
+
* outside the bounds of the component. It can be prevented by calling
|
|
4728
|
+
* event.preventDefault.
|
|
4729
|
+
*/
|
|
4730
|
+
onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
|
|
4774
4731
|
/**
|
|
4775
4732
|
* Used to force mounting when more control is needed. Useful when controlling
|
|
4776
|
-
* animation with React animation libraries.
|
|
4777
|
-
* inherited by DropdownMenu.Content and DropdownMenu.SubContent respectively.
|
|
4733
|
+
* animation with React animation libraries.
|
|
4778
4734
|
*/
|
|
4779
4735
|
forceMount?: true;
|
|
4780
4736
|
/**
|
|
4781
|
-
*
|
|
4737
|
+
* The distance in pixels from the trigger.
|
|
4782
4738
|
*/
|
|
4783
|
-
|
|
4739
|
+
sideOffset?: number;
|
|
4740
|
+
/**
|
|
4741
|
+
* An offset in pixels from the "start" or "end" alignment options.
|
|
4742
|
+
*/
|
|
4743
|
+
alignOffset?: number;
|
|
4744
|
+
/**
|
|
4745
|
+
* When true, overrides the side andalign preferences to prevent collisions
|
|
4746
|
+
* with window edges.
|
|
4747
|
+
* @default true
|
|
4748
|
+
*/
|
|
4749
|
+
avoidCollisions?: boolean;
|
|
4750
|
+
/**
|
|
4751
|
+
*The distance in pixels from the boundary edges where collision detection
|
|
4752
|
+
*should occur. Accepts a number (same for all sides).
|
|
4753
|
+
*/
|
|
4754
|
+
collisionPadding?: number;
|
|
4755
|
+
/**
|
|
4756
|
+
* The sticky behavior on the align axis. "partial" will keep the content in
|
|
4757
|
+
* the boundary as long as the trigger is at least partially in the boundary
|
|
4758
|
+
* whilst "always" will keep the content in the boundary regardless.
|
|
4759
|
+
* @default partial
|
|
4760
|
+
*/
|
|
4761
|
+
sticky?: 'partial' | 'always';
|
|
4762
|
+
/**
|
|
4763
|
+
* Whether to hide the content when the trigger becomes fully occluded.
|
|
4764
|
+
* @default false
|
|
4765
|
+
*/
|
|
4766
|
+
hideWhenDetached?: boolean;
|
|
4784
4767
|
}
|
|
4785
|
-
declare const
|
|
4768
|
+
declare const SubContent: react__default.ForwardRefExoticComponent<Pick<SubContentProps, "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "children" | "slot" | "title" | "loop" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "sticky" | "sideOffset" | "alignOffset" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions" | "onCloseAutoFocus" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "forceMount"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
4786
4769
|
|
|
4787
|
-
declare const
|
|
4788
|
-
|
|
4789
|
-
} & {
|
|
4790
|
-
asChild?: boolean | undefined;
|
|
4770
|
+
declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<RadixDropdownMenu.DropdownMenuSubProps & {
|
|
4771
|
+
children?: react.ReactNode;
|
|
4791
4772
|
}, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
4792
4773
|
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
4793
4774
|
'border-widths': {
|
|
@@ -5229,44 +5210,3199 @@ declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _
|
|
|
5229
5210
|
}> | undefined;
|
|
5230
5211
|
}> & {
|
|
5231
5212
|
children?: react.ReactNode;
|
|
5232
|
-
} & _mirohq_design_system_stitches.CustomStylesProps
|
|
5213
|
+
} & _mirohq_design_system_stitches.CustomStylesProps & react.RefAttributes<never>> & _mirohq_design_system_stitches.StitchesInternals<react.FC<RadixDropdownMenu.DropdownMenuSubProps>, {}, {}>;
|
|
5214
|
+
declare type StyledSubProps = StrictComponentProps<typeof StyledSub>;
|
|
5233
5215
|
|
|
5234
|
-
interface
|
|
5216
|
+
interface SubProps extends StyledSubProps {
|
|
5235
5217
|
/**
|
|
5236
|
-
* The open state of the
|
|
5237
|
-
*
|
|
5218
|
+
* The open state of the submenu when it is initially rendered. Use when you
|
|
5219
|
+
* do not need to control its open state.
|
|
5238
5220
|
*/
|
|
5239
5221
|
defaultOpen?: boolean;
|
|
5240
5222
|
/**
|
|
5241
|
-
* The
|
|
5242
|
-
*
|
|
5243
|
-
*/
|
|
5244
|
-
direction?: 'ltr' | 'rtl';
|
|
5245
|
-
/**
|
|
5246
|
-
* The current dropdown open state.
|
|
5223
|
+
* The controlled open state of the submenu. Must be used in conjunction with
|
|
5224
|
+
* onOpenChange.
|
|
5247
5225
|
*/
|
|
5248
5226
|
open?: boolean;
|
|
5249
5227
|
/**
|
|
5250
|
-
* Event handler called when the
|
|
5228
|
+
* Event handler called when the submenu opens.
|
|
5251
5229
|
*/
|
|
5252
5230
|
onOpen?: () => void;
|
|
5253
5231
|
/**
|
|
5254
|
-
* Event handler called when the
|
|
5232
|
+
* Event handler called when the submenu closes.
|
|
5255
5233
|
*/
|
|
5256
5234
|
onClose?: () => void;
|
|
5257
|
-
|
|
5258
|
-
|
|
5259
|
-
|
|
5235
|
+
}
|
|
5236
|
+
declare const Sub: react__default.ForwardRefExoticComponent<Pick<SubProps, "css" | "UNSAFE_style" | "children" | "open" | "key" | "onClose" | "defaultOpen" | "onOpen"> & react__default.RefAttributes<never>>;
|
|
5237
|
+
|
|
5238
|
+
interface PortalProps extends DropdownMenuPortalProps {
|
|
5239
|
+
/**
|
|
5240
|
+
* Used to force mounting when more control is needed. Useful when controlling
|
|
5241
|
+
* animation with React animation libraries. If used on this part, it will be
|
|
5242
|
+
* inherited by DropdownMenu.Content and DropdownMenu.SubContent respectively.
|
|
5243
|
+
*/
|
|
5244
|
+
forceMount?: true;
|
|
5245
|
+
/**
|
|
5246
|
+
* Specify a container element to portal the content into.
|
|
5247
|
+
*/
|
|
5248
|
+
container?: HTMLElement | null;
|
|
5249
|
+
}
|
|
5250
|
+
declare const Portal: react__default.FC<PortalProps>;
|
|
5251
|
+
|
|
5252
|
+
declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
|
|
5253
|
+
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
5254
|
+
} & {
|
|
5255
|
+
asChild?: boolean | undefined;
|
|
5256
|
+
}, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
5257
|
+
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
5258
|
+
'border-widths': {
|
|
5259
|
+
readonly none: 0;
|
|
5260
|
+
readonly sm: "1px";
|
|
5261
|
+
readonly md: "2px";
|
|
5262
|
+
readonly lg: "4px";
|
|
5263
|
+
};
|
|
5264
|
+
colors: {
|
|
5265
|
+
readonly 'blue-100': any;
|
|
5266
|
+
readonly 'blue-200': any;
|
|
5267
|
+
readonly 'blue-300': any;
|
|
5268
|
+
readonly 'blue-400': any;
|
|
5269
|
+
readonly 'blue-500': any;
|
|
5270
|
+
readonly 'blue-600': any;
|
|
5271
|
+
readonly 'blue-700': any;
|
|
5272
|
+
readonly 'blue-800': any;
|
|
5273
|
+
readonly 'blue-900': any;
|
|
5274
|
+
readonly 'blue-1000': any;
|
|
5275
|
+
readonly 'gray-100': any;
|
|
5276
|
+
readonly 'gray-200': any;
|
|
5277
|
+
readonly 'gray-300': any;
|
|
5278
|
+
readonly 'gray-400': any;
|
|
5279
|
+
readonly 'gray-500': any;
|
|
5280
|
+
readonly 'gray-600': any;
|
|
5281
|
+
readonly 'gray-700': any;
|
|
5282
|
+
readonly 'gray-800': any;
|
|
5283
|
+
readonly 'gray-900': any;
|
|
5284
|
+
readonly 'indigo-100': any;
|
|
5285
|
+
readonly 'indigo-200': any;
|
|
5286
|
+
readonly 'indigo-300': any;
|
|
5287
|
+
readonly 'indigo-400': any;
|
|
5288
|
+
readonly 'indigo-500': any;
|
|
5289
|
+
readonly 'indigo-600': any;
|
|
5290
|
+
readonly 'indigo-700': any;
|
|
5291
|
+
readonly 'indigo-800': any;
|
|
5292
|
+
readonly 'indigo-900': any;
|
|
5293
|
+
readonly 'red-100': any;
|
|
5294
|
+
readonly 'red-200': any;
|
|
5295
|
+
readonly 'red-300': any;
|
|
5296
|
+
readonly 'red-400': any;
|
|
5297
|
+
readonly 'red-500': any;
|
|
5298
|
+
readonly 'red-600': any;
|
|
5299
|
+
readonly 'red-700': any;
|
|
5300
|
+
readonly 'red-800': any;
|
|
5301
|
+
readonly 'red-900': any;
|
|
5302
|
+
readonly 'yellow-100': any;
|
|
5303
|
+
readonly 'yellow-200': any;
|
|
5304
|
+
readonly 'yellow-300': any;
|
|
5305
|
+
readonly 'yellow-400': any;
|
|
5306
|
+
readonly 'yellow-500': any;
|
|
5307
|
+
readonly 'yellow-600': any;
|
|
5308
|
+
readonly 'yellow-700': any;
|
|
5309
|
+
readonly 'yellow-800': any;
|
|
5310
|
+
readonly 'yellow-900': any;
|
|
5311
|
+
readonly 'green-100': any;
|
|
5312
|
+
readonly 'green-200': any;
|
|
5313
|
+
readonly 'green-300': any;
|
|
5314
|
+
readonly 'green-400': any;
|
|
5315
|
+
readonly 'green-500': any;
|
|
5316
|
+
readonly 'green-600': any;
|
|
5317
|
+
readonly 'green-700': any;
|
|
5318
|
+
readonly 'green-800': any;
|
|
5319
|
+
readonly 'green-900': any;
|
|
5320
|
+
readonly black: any;
|
|
5321
|
+
readonly white: any;
|
|
5322
|
+
readonly transparent: any;
|
|
5323
|
+
readonly 'background-danger'?: any;
|
|
5324
|
+
readonly 'background-danger-hover'?: any;
|
|
5325
|
+
readonly 'background-danger-prominent'?: any;
|
|
5326
|
+
readonly 'background-danger-prominent-active'?: any;
|
|
5327
|
+
readonly 'background-danger-prominent-hover'?: any;
|
|
5328
|
+
readonly 'background-neutrals'?: any;
|
|
5329
|
+
readonly 'background-neutrals-body'?: any;
|
|
5330
|
+
readonly 'background-neutrals-container'?: any;
|
|
5331
|
+
readonly 'background-neutrals-controls-disabled'?: any;
|
|
5332
|
+
readonly 'background-neutrals-disabled'?: any;
|
|
5333
|
+
readonly 'background-neutrals-inactive'?: any;
|
|
5334
|
+
readonly 'background-neutrals-inactive-hover'?: any;
|
|
5335
|
+
readonly 'background-neutrals-inverted'?: any;
|
|
5336
|
+
readonly 'background-neutrals-inverted-subtle'?: any;
|
|
5337
|
+
readonly 'background-neutrals-scrolls'?: any;
|
|
5338
|
+
readonly 'background-neutrals-scrolls-hover'?: any;
|
|
5339
|
+
readonly 'background-neutrals-subtle'?: any;
|
|
5340
|
+
readonly 'background-neutrals-subtle-active'?: any;
|
|
5341
|
+
readonly 'background-neutrals-subtle-hover'?: any;
|
|
5342
|
+
readonly 'background-primary-prominent'?: any;
|
|
5343
|
+
readonly 'background-primary-prominent-active'?: any;
|
|
5344
|
+
readonly 'background-primary-prominent-hover'?: any;
|
|
5345
|
+
readonly 'background-primary-prominent-selected'?: any;
|
|
5346
|
+
readonly 'background-primary-subtle'?: any;
|
|
5347
|
+
readonly 'background-primary-subtle-active'?: any;
|
|
5348
|
+
readonly 'background-primary-subtle-hover'?: any;
|
|
5349
|
+
readonly 'background-primary-subtle-selected'?: any;
|
|
5350
|
+
readonly 'background-success'?: any;
|
|
5351
|
+
readonly 'background-warning-prominent'?: any;
|
|
5352
|
+
readonly 'background-warning-subtle'?: any;
|
|
5353
|
+
readonly 'text-danger'?: any;
|
|
5354
|
+
readonly 'text-danger-active'?: any;
|
|
5355
|
+
readonly 'text-danger-hover'?: any;
|
|
5356
|
+
readonly 'text-danger-inverted'?: any;
|
|
5357
|
+
readonly 'text-neutrals'?: any;
|
|
5358
|
+
readonly 'text-neutrals-disabled'?: any;
|
|
5359
|
+
readonly 'text-neutrals-inverted'?: any;
|
|
5360
|
+
readonly 'text-neutrals-link'?: any;
|
|
5361
|
+
readonly 'text-neutrals-link-active'?: any;
|
|
5362
|
+
readonly 'text-neutrals-link-hover'?: any;
|
|
5363
|
+
readonly 'text-neutrals-placeholder'?: any;
|
|
5364
|
+
readonly 'text-neutrals-placeholder-only'?: any;
|
|
5365
|
+
readonly 'text-neutrals-subtle'?: any;
|
|
5366
|
+
readonly 'text-primary'?: any;
|
|
5367
|
+
readonly 'text-primary-active'?: any;
|
|
5368
|
+
readonly 'text-primary-hover'?: any;
|
|
5369
|
+
readonly 'text-primary-inverted'?: any;
|
|
5370
|
+
readonly 'text-primary-inverted-subtle'?: any;
|
|
5371
|
+
readonly 'text-primary-selected'?: any;
|
|
5372
|
+
readonly 'text-success'?: any;
|
|
5373
|
+
readonly 'text-warning'?: any;
|
|
5374
|
+
readonly 'icon-danger'?: any;
|
|
5375
|
+
readonly 'icon-danger-active'?: any;
|
|
5376
|
+
readonly 'icon-danger-hover'?: any;
|
|
5377
|
+
readonly 'icon-danger-inverted'?: any;
|
|
5378
|
+
readonly 'icon-neutrals'?: any;
|
|
5379
|
+
readonly 'icon-neutrals-disabled'?: any;
|
|
5380
|
+
readonly 'icon-neutrals-inactive'?: any;
|
|
5381
|
+
readonly 'icon-neutrals-inactive-hover'?: any;
|
|
5382
|
+
readonly 'icon-neutrals-inverted'?: any;
|
|
5383
|
+
readonly 'icon-neutrals-search'?: any;
|
|
5384
|
+
readonly 'icon-neutrals-subtle'?: any;
|
|
5385
|
+
readonly 'icon-neutrals-with-text'?: any;
|
|
5386
|
+
readonly 'icon-primary'?: any;
|
|
5387
|
+
readonly 'icon-primary-active'?: any;
|
|
5388
|
+
readonly 'icon-primary-hover'?: any;
|
|
5389
|
+
readonly 'icon-primary-inverted'?: any;
|
|
5390
|
+
readonly 'icon-primary-selected'?: any;
|
|
5391
|
+
readonly 'icon-success'?: any;
|
|
5392
|
+
readonly 'icon-success-inverted'?: any;
|
|
5393
|
+
readonly 'icon-warning'?: any;
|
|
5394
|
+
readonly 'border-danger'?: any;
|
|
5395
|
+
readonly 'border-focus-inner'?: any;
|
|
5396
|
+
readonly 'border-focus-middle'?: any;
|
|
5397
|
+
readonly 'border-focus-outer'?: any;
|
|
5398
|
+
readonly 'border-neutrals'?: any;
|
|
5399
|
+
readonly 'border-neutrals-active'?: any;
|
|
5400
|
+
readonly 'border-neutrals-controls'?: any;
|
|
5401
|
+
readonly 'border-neutrals-controls-disabled'?: any;
|
|
5402
|
+
readonly 'border-neutrals-disabled'?: any;
|
|
5403
|
+
readonly 'border-neutrals-hover'?: any;
|
|
5404
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
5405
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
5406
|
+
readonly 'border-primary'?: any;
|
|
5407
|
+
readonly 'border-primary-active'?: any;
|
|
5408
|
+
readonly 'border-primary-hover'?: any;
|
|
5409
|
+
readonly 'border-primary-inverted'?: any;
|
|
5410
|
+
readonly 'border-success'?: any;
|
|
5411
|
+
readonly 'border-warning'?: any;
|
|
5412
|
+
};
|
|
5413
|
+
'font-sizes': {
|
|
5414
|
+
readonly 150: "0.75rem";
|
|
5415
|
+
readonly 175: "0.875rem";
|
|
5416
|
+
readonly 200: "1rem";
|
|
5417
|
+
readonly 225: "1.125rem";
|
|
5418
|
+
readonly 250: "1.25rem";
|
|
5419
|
+
readonly 300: "1.5rem";
|
|
5420
|
+
readonly 400: "2rem";
|
|
5421
|
+
readonly 500: "2.5rem";
|
|
5422
|
+
readonly 600: "3rem";
|
|
5423
|
+
readonly 800: "4rem";
|
|
5424
|
+
readonly 900: "4.5rem";
|
|
5425
|
+
};
|
|
5426
|
+
radii: {
|
|
5427
|
+
readonly none: 0;
|
|
5428
|
+
readonly half: "999em";
|
|
5429
|
+
readonly 25: "2px";
|
|
5430
|
+
readonly 50: "4px";
|
|
5431
|
+
readonly 75: "6px";
|
|
5432
|
+
readonly 100: "8px";
|
|
5433
|
+
readonly 200: "16px";
|
|
5434
|
+
};
|
|
5435
|
+
shadows: {
|
|
5436
|
+
readonly 50: "0 4px 16px #05003812";
|
|
5437
|
+
readonly 100: "0 8px 32px #05003808";
|
|
5438
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
5439
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
5440
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
5441
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
5442
|
+
};
|
|
5443
|
+
sizes: {
|
|
5444
|
+
readonly number: string;
|
|
5445
|
+
readonly 'icon-200': "16px";
|
|
5446
|
+
readonly 'icon-300': "24px";
|
|
5447
|
+
readonly 'icon-400': "32px";
|
|
5448
|
+
};
|
|
5449
|
+
space: {
|
|
5450
|
+
readonly none: 0;
|
|
5451
|
+
readonly 50: "4px";
|
|
5452
|
+
readonly 100: "8px";
|
|
5453
|
+
readonly 150: "12px";
|
|
5454
|
+
readonly 200: "16px";
|
|
5455
|
+
readonly 300: "24px";
|
|
5456
|
+
readonly 400: "32px";
|
|
5457
|
+
readonly 500: "64px";
|
|
5458
|
+
readonly 600: "48px";
|
|
5459
|
+
readonly 800: "64px";
|
|
5460
|
+
readonly 1200: "96px";
|
|
5461
|
+
readonly 1600: "128px";
|
|
5462
|
+
};
|
|
5463
|
+
'space-gap': {
|
|
5464
|
+
readonly none: any;
|
|
5465
|
+
readonly 50: any;
|
|
5466
|
+
readonly 100: any;
|
|
5467
|
+
readonly 200: any;
|
|
5468
|
+
readonly 300: any;
|
|
5469
|
+
};
|
|
5470
|
+
'space-inset': {
|
|
5471
|
+
readonly none: any;
|
|
5472
|
+
readonly 50: any;
|
|
5473
|
+
readonly 100: any;
|
|
5474
|
+
readonly 150: any;
|
|
5475
|
+
readonly 200: any;
|
|
5476
|
+
readonly 300: any;
|
|
5477
|
+
readonly 400: any;
|
|
5478
|
+
readonly 600: any;
|
|
5479
|
+
readonly 800: any;
|
|
5480
|
+
readonly 1200: any;
|
|
5481
|
+
readonly 1600: any;
|
|
5482
|
+
};
|
|
5483
|
+
'space-offset': {
|
|
5484
|
+
readonly none: any;
|
|
5485
|
+
readonly 50: any;
|
|
5486
|
+
readonly 100: any;
|
|
5487
|
+
readonly 150: any;
|
|
5488
|
+
readonly 200: any;
|
|
5489
|
+
readonly 300: any;
|
|
5490
|
+
readonly 400: any;
|
|
5491
|
+
readonly 600: any;
|
|
5492
|
+
readonly 800: any;
|
|
5493
|
+
readonly 1200: any;
|
|
5494
|
+
readonly 1600: any;
|
|
5495
|
+
readonly 'stacking-none': any;
|
|
5496
|
+
readonly 'stacking-100': any;
|
|
5497
|
+
readonly 'stacking-200': any;
|
|
5498
|
+
readonly 'stacking-300': any;
|
|
5499
|
+
readonly 'stacking-400': any;
|
|
5500
|
+
readonly 'stacking-500': any;
|
|
5501
|
+
readonly 'stacking-800': any;
|
|
5502
|
+
};
|
|
5503
|
+
'stroke-width': {
|
|
5504
|
+
readonly thin: "1.5px";
|
|
5505
|
+
readonly normal: "2px";
|
|
5506
|
+
readonly bold: "4px";
|
|
5507
|
+
};
|
|
5508
|
+
'z-indices': {
|
|
5509
|
+
readonly dropdownMenu: 100;
|
|
5510
|
+
readonly popover: 200;
|
|
5511
|
+
readonly tooltip: 300;
|
|
5512
|
+
};
|
|
5513
|
+
}, {
|
|
5514
|
+
readonly background: "colors";
|
|
5515
|
+
readonly backgroundColor: "colors";
|
|
5516
|
+
readonly backgroundImage: "colors";
|
|
5517
|
+
readonly blockSize: "sizes";
|
|
5518
|
+
readonly border: "colors";
|
|
5519
|
+
readonly borderBlock: "colors";
|
|
5520
|
+
readonly borderBlockEnd: "colors";
|
|
5521
|
+
readonly borderBlockStart: "colors";
|
|
5522
|
+
readonly borderBottom: "colors";
|
|
5523
|
+
readonly borderBottomColor: "colors";
|
|
5524
|
+
readonly borderBottomLeftRadius: "radii";
|
|
5525
|
+
readonly borderBottomRightRadius: "radii";
|
|
5526
|
+
readonly borderBottomStyle: "border-styles";
|
|
5527
|
+
readonly borderBottomWidth: "border-widths";
|
|
5528
|
+
readonly borderColor: "colors";
|
|
5529
|
+
readonly borderImage: "colors";
|
|
5530
|
+
readonly borderInline: "colors";
|
|
5531
|
+
readonly borderInlineEnd: "colors";
|
|
5532
|
+
readonly borderInlineStart: "colors";
|
|
5533
|
+
readonly borderLeft: "colors";
|
|
5534
|
+
readonly borderLeftColor: "colors";
|
|
5535
|
+
readonly borderLeftStyle: "border-styles";
|
|
5536
|
+
readonly borderLeftWidth: "border-widths";
|
|
5537
|
+
readonly borderRadius: "radii";
|
|
5538
|
+
readonly borderRight: "colors";
|
|
5539
|
+
readonly borderRightColor: "colors";
|
|
5540
|
+
readonly borderRightStyle: "border-styles";
|
|
5541
|
+
readonly borderRightWidth: "border-widths";
|
|
5542
|
+
readonly borderStyle: "border-styles";
|
|
5543
|
+
readonly borderTop: "colors";
|
|
5544
|
+
readonly borderTopColor: "colors";
|
|
5545
|
+
readonly borderTopLeftRadius: "radii";
|
|
5546
|
+
readonly borderTopRightRadius: "radii";
|
|
5547
|
+
readonly borderTopStyle: "border-styles";
|
|
5548
|
+
readonly borderTopWidth: "border-widths";
|
|
5549
|
+
readonly borderWidth: "border-widths";
|
|
5550
|
+
readonly bottom: "space";
|
|
5551
|
+
readonly boxShadow: "shadows";
|
|
5552
|
+
readonly caretColor: "colors";
|
|
5553
|
+
readonly color: "colors";
|
|
5554
|
+
readonly columnGap: "space-gap";
|
|
5555
|
+
readonly columnRuleColor: "colors";
|
|
5556
|
+
readonly fill: "colors";
|
|
5557
|
+
readonly flexBasis: "sizes";
|
|
5558
|
+
readonly fontFamily: "fonts";
|
|
5559
|
+
readonly fontSize: "font-sizes";
|
|
5560
|
+
readonly fontWeight: "font-weights";
|
|
5561
|
+
readonly gap: "space-gap";
|
|
5562
|
+
readonly gridColumnGap: "space-gap";
|
|
5563
|
+
readonly gridGap: "space-gap";
|
|
5564
|
+
readonly gridRowGap: "space-gap";
|
|
5565
|
+
readonly gridTemplateColumns: "sizes";
|
|
5566
|
+
readonly gridTemplateRows: "sizes";
|
|
5567
|
+
readonly height: "sizes";
|
|
5568
|
+
readonly inlineSize: "sizes";
|
|
5569
|
+
readonly inset: "space-inset";
|
|
5570
|
+
readonly insetBlock: "space-inset";
|
|
5571
|
+
readonly insetBlockEnd: "space-inset";
|
|
5572
|
+
readonly insetBlockStart: "space-inset";
|
|
5573
|
+
readonly insetInline: "space-inset";
|
|
5574
|
+
readonly insetInlineEnd: "space-inset";
|
|
5575
|
+
readonly insetInlineStart: "space-inset";
|
|
5576
|
+
readonly left: "space";
|
|
5577
|
+
readonly letterSpacing: "letter-spacings";
|
|
5578
|
+
readonly lineHeight: "line-heights";
|
|
5579
|
+
readonly margin: "space-offset";
|
|
5580
|
+
readonly marginBlock: "space-offset";
|
|
5581
|
+
readonly marginBlockEnd: "space-offset";
|
|
5582
|
+
readonly marginBlockStart: "space-offset";
|
|
5583
|
+
readonly marginBottom: "space-offset";
|
|
5584
|
+
readonly marginInline: "space-offset";
|
|
5585
|
+
readonly marginInlineEnd: "space-offset";
|
|
5586
|
+
readonly marginInlineStart: "space-offset";
|
|
5587
|
+
readonly marginLeft: "space-offset";
|
|
5588
|
+
readonly marginRight: "space-offset";
|
|
5589
|
+
readonly marginTop: "space-offset";
|
|
5590
|
+
readonly maxBlockSize: "sizes";
|
|
5591
|
+
readonly maxHeight: "sizes";
|
|
5592
|
+
readonly maxInlineSize: "sizes";
|
|
5593
|
+
readonly maxWidth: "sizes";
|
|
5594
|
+
readonly minBlockSize: "sizes";
|
|
5595
|
+
readonly minHeight: "sizes";
|
|
5596
|
+
readonly minInlineSize: "sizes";
|
|
5597
|
+
readonly minWidth: "sizes";
|
|
5598
|
+
readonly outline: "colors";
|
|
5599
|
+
readonly outlineColor: "colors";
|
|
5600
|
+
readonly padding: "space-inset";
|
|
5601
|
+
readonly paddingBlock: "space-inset";
|
|
5602
|
+
readonly paddingBlockEnd: "space-inset";
|
|
5603
|
+
readonly paddingBlockStart: "space-inset";
|
|
5604
|
+
readonly paddingBottom: "space-inset";
|
|
5605
|
+
readonly paddingInline: "space-inset";
|
|
5606
|
+
readonly paddingInlineEnd: "space-inset";
|
|
5607
|
+
readonly paddingInlineStart: "space-inset";
|
|
5608
|
+
readonly paddingLeft: "space-inset";
|
|
5609
|
+
readonly paddingRight: "space-inset";
|
|
5610
|
+
readonly paddingTop: "space-inset";
|
|
5611
|
+
readonly right: "space";
|
|
5612
|
+
readonly rowGap: "space-gap";
|
|
5613
|
+
readonly scrollMargin: "space-offset";
|
|
5614
|
+
readonly scrollMarginBlock: "space-offset";
|
|
5615
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
5616
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
5617
|
+
readonly scrollMarginBottom: "space-offset";
|
|
5618
|
+
readonly scrollMarginInline: "space-offset";
|
|
5619
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
5620
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
5621
|
+
readonly scrollMarginLeft: "space-offset";
|
|
5622
|
+
readonly scrollMarginRight: "space-offset";
|
|
5623
|
+
readonly scrollMarginTop: "space-offset";
|
|
5624
|
+
readonly scrollPadding: "space-inset";
|
|
5625
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
5626
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
5627
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
5628
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
5629
|
+
readonly scrollPaddingInline: "space-inset";
|
|
5630
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
5631
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
5632
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
5633
|
+
readonly scrollPaddingRight: "space-inset";
|
|
5634
|
+
readonly scrollPaddingTop: "space-inset";
|
|
5635
|
+
readonly stroke: "colors";
|
|
5636
|
+
readonly strokeWidth: "stroke-width";
|
|
5637
|
+
readonly textDecorationColor: "colors";
|
|
5638
|
+
readonly textShadow: "shadows";
|
|
5639
|
+
readonly top: "space";
|
|
5640
|
+
readonly transition: "transitions";
|
|
5641
|
+
readonly width: "sizes";
|
|
5642
|
+
readonly zIndex: "z-indices";
|
|
5643
|
+
}, {
|
|
5644
|
+
paddingX: (value: {
|
|
5645
|
+
readonly [$$PropertyValue]: "padding";
|
|
5646
|
+
}) => {
|
|
5647
|
+
paddingLeft: {
|
|
5648
|
+
readonly [$$PropertyValue]: "padding";
|
|
5649
|
+
};
|
|
5650
|
+
paddingRight: {
|
|
5651
|
+
readonly [$$PropertyValue]: "padding";
|
|
5652
|
+
};
|
|
5653
|
+
};
|
|
5654
|
+
paddingY: (value: {
|
|
5655
|
+
readonly [$$PropertyValue]: "padding";
|
|
5656
|
+
}) => {
|
|
5657
|
+
paddingTop: {
|
|
5658
|
+
readonly [$$PropertyValue]: "padding";
|
|
5659
|
+
};
|
|
5660
|
+
paddingBottom: {
|
|
5661
|
+
readonly [$$PropertyValue]: "padding";
|
|
5662
|
+
};
|
|
5663
|
+
};
|
|
5664
|
+
marginX: (value: {
|
|
5665
|
+
readonly [$$PropertyValue]: "margin";
|
|
5666
|
+
}) => {
|
|
5667
|
+
marginLeft: {
|
|
5668
|
+
readonly [$$PropertyValue]: "margin";
|
|
5669
|
+
};
|
|
5670
|
+
marginRight: {
|
|
5671
|
+
readonly [$$PropertyValue]: "margin";
|
|
5672
|
+
};
|
|
5673
|
+
};
|
|
5674
|
+
marginY: (value: {
|
|
5675
|
+
readonly [$$PropertyValue]: "margin";
|
|
5676
|
+
}) => {
|
|
5677
|
+
marginTop: {
|
|
5678
|
+
readonly [$$PropertyValue]: "margin";
|
|
5679
|
+
};
|
|
5680
|
+
marginBottom: {
|
|
5681
|
+
readonly [$$PropertyValue]: "margin";
|
|
5682
|
+
};
|
|
5683
|
+
};
|
|
5684
|
+
square: (value: {
|
|
5685
|
+
readonly [$$PropertyValue]: "width";
|
|
5686
|
+
}) => {
|
|
5687
|
+
width: {
|
|
5688
|
+
readonly [$$PropertyValue]: "width";
|
|
5689
|
+
};
|
|
5690
|
+
height: {
|
|
5691
|
+
readonly [$$PropertyValue]: "width";
|
|
5692
|
+
};
|
|
5693
|
+
};
|
|
5694
|
+
}> | undefined;
|
|
5695
|
+
}> & {
|
|
5696
|
+
children?: react.ReactNode;
|
|
5697
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
5698
|
+
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
5699
|
+
'border-widths': {
|
|
5700
|
+
readonly none: 0;
|
|
5701
|
+
readonly sm: "1px";
|
|
5702
|
+
readonly md: "2px";
|
|
5703
|
+
readonly lg: "4px";
|
|
5704
|
+
};
|
|
5705
|
+
colors: {
|
|
5706
|
+
readonly 'blue-100': any;
|
|
5707
|
+
readonly 'blue-200': any;
|
|
5708
|
+
readonly 'blue-300': any;
|
|
5709
|
+
readonly 'blue-400': any;
|
|
5710
|
+
readonly 'blue-500': any;
|
|
5711
|
+
readonly 'blue-600': any;
|
|
5712
|
+
readonly 'blue-700': any;
|
|
5713
|
+
readonly 'blue-800': any;
|
|
5714
|
+
readonly 'blue-900': any;
|
|
5715
|
+
readonly 'blue-1000': any;
|
|
5716
|
+
readonly 'gray-100': any;
|
|
5717
|
+
readonly 'gray-200': any;
|
|
5718
|
+
readonly 'gray-300': any;
|
|
5719
|
+
readonly 'gray-400': any;
|
|
5720
|
+
readonly 'gray-500': any;
|
|
5721
|
+
readonly 'gray-600': any;
|
|
5722
|
+
readonly 'gray-700': any;
|
|
5723
|
+
readonly 'gray-800': any;
|
|
5724
|
+
readonly 'gray-900': any;
|
|
5725
|
+
readonly 'indigo-100': any;
|
|
5726
|
+
readonly 'indigo-200': any;
|
|
5727
|
+
readonly 'indigo-300': any;
|
|
5728
|
+
readonly 'indigo-400': any;
|
|
5729
|
+
readonly 'indigo-500': any;
|
|
5730
|
+
readonly 'indigo-600': any;
|
|
5731
|
+
readonly 'indigo-700': any;
|
|
5732
|
+
readonly 'indigo-800': any;
|
|
5733
|
+
readonly 'indigo-900': any;
|
|
5734
|
+
readonly 'red-100': any;
|
|
5735
|
+
readonly 'red-200': any;
|
|
5736
|
+
readonly 'red-300': any;
|
|
5737
|
+
readonly 'red-400': any;
|
|
5738
|
+
readonly 'red-500': any;
|
|
5739
|
+
readonly 'red-600': any;
|
|
5740
|
+
readonly 'red-700': any;
|
|
5741
|
+
readonly 'red-800': any;
|
|
5742
|
+
readonly 'red-900': any;
|
|
5743
|
+
readonly 'yellow-100': any;
|
|
5744
|
+
readonly 'yellow-200': any;
|
|
5745
|
+
readonly 'yellow-300': any;
|
|
5746
|
+
readonly 'yellow-400': any;
|
|
5747
|
+
readonly 'yellow-500': any;
|
|
5748
|
+
readonly 'yellow-600': any;
|
|
5749
|
+
readonly 'yellow-700': any;
|
|
5750
|
+
readonly 'yellow-800': any;
|
|
5751
|
+
readonly 'yellow-900': any;
|
|
5752
|
+
readonly 'green-100': any;
|
|
5753
|
+
readonly 'green-200': any;
|
|
5754
|
+
readonly 'green-300': any;
|
|
5755
|
+
readonly 'green-400': any;
|
|
5756
|
+
readonly 'green-500': any;
|
|
5757
|
+
readonly 'green-600': any;
|
|
5758
|
+
readonly 'green-700': any;
|
|
5759
|
+
readonly 'green-800': any;
|
|
5760
|
+
readonly 'green-900': any;
|
|
5761
|
+
readonly black: any;
|
|
5762
|
+
readonly white: any;
|
|
5763
|
+
readonly transparent: any;
|
|
5764
|
+
readonly 'background-danger'?: any;
|
|
5765
|
+
readonly 'background-danger-hover'?: any;
|
|
5766
|
+
readonly 'background-danger-prominent'?: any;
|
|
5767
|
+
readonly 'background-danger-prominent-active'?: any;
|
|
5768
|
+
readonly 'background-danger-prominent-hover'?: any;
|
|
5769
|
+
readonly 'background-neutrals'?: any;
|
|
5770
|
+
readonly 'background-neutrals-body'?: any;
|
|
5771
|
+
readonly 'background-neutrals-container'?: any;
|
|
5772
|
+
readonly 'background-neutrals-controls-disabled'?: any;
|
|
5773
|
+
readonly 'background-neutrals-disabled'?: any;
|
|
5774
|
+
readonly 'background-neutrals-inactive'?: any;
|
|
5775
|
+
readonly 'background-neutrals-inactive-hover'?: any;
|
|
5776
|
+
readonly 'background-neutrals-inverted'?: any;
|
|
5777
|
+
readonly 'background-neutrals-inverted-subtle'?: any;
|
|
5778
|
+
readonly 'background-neutrals-scrolls'?: any;
|
|
5779
|
+
readonly 'background-neutrals-scrolls-hover'?: any;
|
|
5780
|
+
readonly 'background-neutrals-subtle'?: any;
|
|
5781
|
+
readonly 'background-neutrals-subtle-active'?: any;
|
|
5782
|
+
readonly 'background-neutrals-subtle-hover'?: any;
|
|
5783
|
+
readonly 'background-primary-prominent'?: any;
|
|
5784
|
+
readonly 'background-primary-prominent-active'?: any;
|
|
5785
|
+
readonly 'background-primary-prominent-hover'?: any;
|
|
5786
|
+
readonly 'background-primary-prominent-selected'?: any;
|
|
5787
|
+
readonly 'background-primary-subtle'?: any;
|
|
5788
|
+
readonly 'background-primary-subtle-active'?: any;
|
|
5789
|
+
readonly 'background-primary-subtle-hover'?: any;
|
|
5790
|
+
readonly 'background-primary-subtle-selected'?: any;
|
|
5791
|
+
readonly 'background-success'?: any;
|
|
5792
|
+
readonly 'background-warning-prominent'?: any;
|
|
5793
|
+
readonly 'background-warning-subtle'?: any;
|
|
5794
|
+
readonly 'text-danger'?: any;
|
|
5795
|
+
readonly 'text-danger-active'?: any;
|
|
5796
|
+
readonly 'text-danger-hover'?: any;
|
|
5797
|
+
readonly 'text-danger-inverted'?: any;
|
|
5798
|
+
readonly 'text-neutrals'?: any;
|
|
5799
|
+
readonly 'text-neutrals-disabled'?: any;
|
|
5800
|
+
readonly 'text-neutrals-inverted'?: any;
|
|
5801
|
+
readonly 'text-neutrals-link'?: any;
|
|
5802
|
+
readonly 'text-neutrals-link-active'?: any;
|
|
5803
|
+
readonly 'text-neutrals-link-hover'?: any;
|
|
5804
|
+
readonly 'text-neutrals-placeholder'?: any;
|
|
5805
|
+
readonly 'text-neutrals-placeholder-only'?: any;
|
|
5806
|
+
readonly 'text-neutrals-subtle'?: any;
|
|
5807
|
+
readonly 'text-primary'?: any;
|
|
5808
|
+
readonly 'text-primary-active'?: any;
|
|
5809
|
+
readonly 'text-primary-hover'?: any;
|
|
5810
|
+
readonly 'text-primary-inverted'?: any;
|
|
5811
|
+
readonly 'text-primary-inverted-subtle'?: any;
|
|
5812
|
+
readonly 'text-primary-selected'?: any;
|
|
5813
|
+
readonly 'text-success'?: any;
|
|
5814
|
+
readonly 'text-warning'?: any;
|
|
5815
|
+
readonly 'icon-danger'?: any;
|
|
5816
|
+
readonly 'icon-danger-active'?: any;
|
|
5817
|
+
readonly 'icon-danger-hover'?: any;
|
|
5818
|
+
readonly 'icon-danger-inverted'?: any;
|
|
5819
|
+
readonly 'icon-neutrals'?: any;
|
|
5820
|
+
readonly 'icon-neutrals-disabled'?: any;
|
|
5821
|
+
readonly 'icon-neutrals-inactive'?: any;
|
|
5822
|
+
readonly 'icon-neutrals-inactive-hover'?: any;
|
|
5823
|
+
readonly 'icon-neutrals-inverted'?: any;
|
|
5824
|
+
readonly 'icon-neutrals-search'?: any;
|
|
5825
|
+
readonly 'icon-neutrals-subtle'?: any;
|
|
5826
|
+
readonly 'icon-neutrals-with-text'?: any;
|
|
5827
|
+
readonly 'icon-primary'?: any;
|
|
5828
|
+
readonly 'icon-primary-active'?: any;
|
|
5829
|
+
readonly 'icon-primary-hover'?: any;
|
|
5830
|
+
readonly 'icon-primary-inverted'?: any;
|
|
5831
|
+
readonly 'icon-primary-selected'?: any;
|
|
5832
|
+
readonly 'icon-success'?: any;
|
|
5833
|
+
readonly 'icon-success-inverted'?: any;
|
|
5834
|
+
readonly 'icon-warning'?: any;
|
|
5835
|
+
readonly 'border-danger'?: any;
|
|
5836
|
+
readonly 'border-focus-inner'?: any;
|
|
5837
|
+
readonly 'border-focus-middle'?: any;
|
|
5838
|
+
readonly 'border-focus-outer'?: any;
|
|
5839
|
+
readonly 'border-neutrals'?: any;
|
|
5840
|
+
readonly 'border-neutrals-active'?: any;
|
|
5841
|
+
readonly 'border-neutrals-controls'?: any;
|
|
5842
|
+
readonly 'border-neutrals-controls-disabled'?: any;
|
|
5843
|
+
readonly 'border-neutrals-disabled'?: any;
|
|
5844
|
+
readonly 'border-neutrals-hover'?: any;
|
|
5845
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
5846
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
5847
|
+
readonly 'border-primary'?: any;
|
|
5848
|
+
readonly 'border-primary-active'?: any;
|
|
5849
|
+
readonly 'border-primary-hover'?: any;
|
|
5850
|
+
readonly 'border-primary-inverted'?: any;
|
|
5851
|
+
readonly 'border-success'?: any;
|
|
5852
|
+
readonly 'border-warning'?: any;
|
|
5853
|
+
};
|
|
5854
|
+
'font-sizes': {
|
|
5855
|
+
readonly 150: "0.75rem";
|
|
5856
|
+
readonly 175: "0.875rem";
|
|
5857
|
+
readonly 200: "1rem";
|
|
5858
|
+
readonly 225: "1.125rem";
|
|
5859
|
+
readonly 250: "1.25rem";
|
|
5860
|
+
readonly 300: "1.5rem";
|
|
5861
|
+
readonly 400: "2rem";
|
|
5862
|
+
readonly 500: "2.5rem";
|
|
5863
|
+
readonly 600: "3rem";
|
|
5864
|
+
readonly 800: "4rem";
|
|
5865
|
+
readonly 900: "4.5rem";
|
|
5866
|
+
};
|
|
5867
|
+
radii: {
|
|
5868
|
+
readonly none: 0;
|
|
5869
|
+
readonly half: "999em";
|
|
5870
|
+
readonly 25: "2px";
|
|
5871
|
+
readonly 50: "4px";
|
|
5872
|
+
readonly 75: "6px";
|
|
5873
|
+
readonly 100: "8px";
|
|
5874
|
+
readonly 200: "16px";
|
|
5875
|
+
};
|
|
5876
|
+
shadows: {
|
|
5877
|
+
readonly 50: "0 4px 16px #05003812";
|
|
5878
|
+
readonly 100: "0 8px 32px #05003808";
|
|
5879
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
5880
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
5881
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
5882
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
5883
|
+
};
|
|
5884
|
+
sizes: {
|
|
5885
|
+
readonly number: string;
|
|
5886
|
+
readonly 'icon-200': "16px";
|
|
5887
|
+
readonly 'icon-300': "24px";
|
|
5888
|
+
readonly 'icon-400': "32px";
|
|
5889
|
+
};
|
|
5890
|
+
space: {
|
|
5891
|
+
readonly none: 0;
|
|
5892
|
+
readonly 50: "4px";
|
|
5893
|
+
readonly 100: "8px";
|
|
5894
|
+
readonly 150: "12px";
|
|
5895
|
+
readonly 200: "16px";
|
|
5896
|
+
readonly 300: "24px";
|
|
5897
|
+
readonly 400: "32px";
|
|
5898
|
+
readonly 500: "64px";
|
|
5899
|
+
readonly 600: "48px";
|
|
5900
|
+
readonly 800: "64px";
|
|
5901
|
+
readonly 1200: "96px";
|
|
5902
|
+
readonly 1600: "128px";
|
|
5903
|
+
};
|
|
5904
|
+
'space-gap': {
|
|
5905
|
+
readonly none: any;
|
|
5906
|
+
readonly 50: any;
|
|
5907
|
+
readonly 100: any;
|
|
5908
|
+
readonly 200: any;
|
|
5909
|
+
readonly 300: any;
|
|
5910
|
+
};
|
|
5911
|
+
'space-inset': {
|
|
5912
|
+
readonly none: any;
|
|
5913
|
+
readonly 50: any;
|
|
5914
|
+
readonly 100: any;
|
|
5915
|
+
readonly 150: any;
|
|
5916
|
+
readonly 200: any;
|
|
5917
|
+
readonly 300: any;
|
|
5918
|
+
readonly 400: any;
|
|
5919
|
+
readonly 600: any;
|
|
5920
|
+
readonly 800: any;
|
|
5921
|
+
readonly 1200: any;
|
|
5922
|
+
readonly 1600: any;
|
|
5923
|
+
};
|
|
5924
|
+
'space-offset': {
|
|
5925
|
+
readonly none: any;
|
|
5926
|
+
readonly 50: any;
|
|
5927
|
+
readonly 100: any;
|
|
5928
|
+
readonly 150: any;
|
|
5929
|
+
readonly 200: any;
|
|
5930
|
+
readonly 300: any;
|
|
5931
|
+
readonly 400: any;
|
|
5932
|
+
readonly 600: any;
|
|
5933
|
+
readonly 800: any;
|
|
5934
|
+
readonly 1200: any;
|
|
5935
|
+
readonly 1600: any;
|
|
5936
|
+
readonly 'stacking-none': any;
|
|
5937
|
+
readonly 'stacking-100': any;
|
|
5938
|
+
readonly 'stacking-200': any;
|
|
5939
|
+
readonly 'stacking-300': any;
|
|
5940
|
+
readonly 'stacking-400': any;
|
|
5941
|
+
readonly 'stacking-500': any;
|
|
5942
|
+
readonly 'stacking-800': any;
|
|
5943
|
+
};
|
|
5944
|
+
'stroke-width': {
|
|
5945
|
+
readonly thin: "1.5px";
|
|
5946
|
+
readonly normal: "2px";
|
|
5947
|
+
readonly bold: "4px";
|
|
5948
|
+
};
|
|
5949
|
+
'z-indices': {
|
|
5950
|
+
readonly dropdownMenu: 100;
|
|
5951
|
+
readonly popover: 200;
|
|
5952
|
+
readonly tooltip: 300;
|
|
5953
|
+
};
|
|
5954
|
+
}, {
|
|
5955
|
+
readonly background: "colors";
|
|
5956
|
+
readonly backgroundColor: "colors";
|
|
5957
|
+
readonly backgroundImage: "colors";
|
|
5958
|
+
readonly blockSize: "sizes";
|
|
5959
|
+
readonly border: "colors";
|
|
5960
|
+
readonly borderBlock: "colors";
|
|
5961
|
+
readonly borderBlockEnd: "colors";
|
|
5962
|
+
readonly borderBlockStart: "colors";
|
|
5963
|
+
readonly borderBottom: "colors";
|
|
5964
|
+
readonly borderBottomColor: "colors";
|
|
5965
|
+
readonly borderBottomLeftRadius: "radii";
|
|
5966
|
+
readonly borderBottomRightRadius: "radii";
|
|
5967
|
+
readonly borderBottomStyle: "border-styles";
|
|
5968
|
+
readonly borderBottomWidth: "border-widths";
|
|
5969
|
+
readonly borderColor: "colors";
|
|
5970
|
+
readonly borderImage: "colors";
|
|
5971
|
+
readonly borderInline: "colors";
|
|
5972
|
+
readonly borderInlineEnd: "colors";
|
|
5973
|
+
readonly borderInlineStart: "colors";
|
|
5974
|
+
readonly borderLeft: "colors";
|
|
5975
|
+
readonly borderLeftColor: "colors";
|
|
5976
|
+
readonly borderLeftStyle: "border-styles";
|
|
5977
|
+
readonly borderLeftWidth: "border-widths";
|
|
5978
|
+
readonly borderRadius: "radii";
|
|
5979
|
+
readonly borderRight: "colors";
|
|
5980
|
+
readonly borderRightColor: "colors";
|
|
5981
|
+
readonly borderRightStyle: "border-styles";
|
|
5982
|
+
readonly borderRightWidth: "border-widths";
|
|
5983
|
+
readonly borderStyle: "border-styles";
|
|
5984
|
+
readonly borderTop: "colors";
|
|
5985
|
+
readonly borderTopColor: "colors";
|
|
5986
|
+
readonly borderTopLeftRadius: "radii";
|
|
5987
|
+
readonly borderTopRightRadius: "radii";
|
|
5988
|
+
readonly borderTopStyle: "border-styles";
|
|
5989
|
+
readonly borderTopWidth: "border-widths";
|
|
5990
|
+
readonly borderWidth: "border-widths";
|
|
5991
|
+
readonly bottom: "space";
|
|
5992
|
+
readonly boxShadow: "shadows";
|
|
5993
|
+
readonly caretColor: "colors";
|
|
5994
|
+
readonly color: "colors";
|
|
5995
|
+
readonly columnGap: "space-gap";
|
|
5996
|
+
readonly columnRuleColor: "colors";
|
|
5997
|
+
readonly fill: "colors";
|
|
5998
|
+
readonly flexBasis: "sizes";
|
|
5999
|
+
readonly fontFamily: "fonts";
|
|
6000
|
+
readonly fontSize: "font-sizes";
|
|
6001
|
+
readonly fontWeight: "font-weights";
|
|
6002
|
+
readonly gap: "space-gap";
|
|
6003
|
+
readonly gridColumnGap: "space-gap";
|
|
6004
|
+
readonly gridGap: "space-gap";
|
|
6005
|
+
readonly gridRowGap: "space-gap";
|
|
6006
|
+
readonly gridTemplateColumns: "sizes";
|
|
6007
|
+
readonly gridTemplateRows: "sizes";
|
|
6008
|
+
readonly height: "sizes";
|
|
6009
|
+
readonly inlineSize: "sizes";
|
|
6010
|
+
readonly inset: "space-inset";
|
|
6011
|
+
readonly insetBlock: "space-inset";
|
|
6012
|
+
readonly insetBlockEnd: "space-inset";
|
|
6013
|
+
readonly insetBlockStart: "space-inset";
|
|
6014
|
+
readonly insetInline: "space-inset";
|
|
6015
|
+
readonly insetInlineEnd: "space-inset";
|
|
6016
|
+
readonly insetInlineStart: "space-inset";
|
|
6017
|
+
readonly left: "space";
|
|
6018
|
+
readonly letterSpacing: "letter-spacings";
|
|
6019
|
+
readonly lineHeight: "line-heights";
|
|
6020
|
+
readonly margin: "space-offset";
|
|
6021
|
+
readonly marginBlock: "space-offset";
|
|
6022
|
+
readonly marginBlockEnd: "space-offset";
|
|
6023
|
+
readonly marginBlockStart: "space-offset";
|
|
6024
|
+
readonly marginBottom: "space-offset";
|
|
6025
|
+
readonly marginInline: "space-offset";
|
|
6026
|
+
readonly marginInlineEnd: "space-offset";
|
|
6027
|
+
readonly marginInlineStart: "space-offset";
|
|
6028
|
+
readonly marginLeft: "space-offset";
|
|
6029
|
+
readonly marginRight: "space-offset";
|
|
6030
|
+
readonly marginTop: "space-offset";
|
|
6031
|
+
readonly maxBlockSize: "sizes";
|
|
6032
|
+
readonly maxHeight: "sizes";
|
|
6033
|
+
readonly maxInlineSize: "sizes";
|
|
6034
|
+
readonly maxWidth: "sizes";
|
|
6035
|
+
readonly minBlockSize: "sizes";
|
|
6036
|
+
readonly minHeight: "sizes";
|
|
6037
|
+
readonly minInlineSize: "sizes";
|
|
6038
|
+
readonly minWidth: "sizes";
|
|
6039
|
+
readonly outline: "colors";
|
|
6040
|
+
readonly outlineColor: "colors";
|
|
6041
|
+
readonly padding: "space-inset";
|
|
6042
|
+
readonly paddingBlock: "space-inset";
|
|
6043
|
+
readonly paddingBlockEnd: "space-inset";
|
|
6044
|
+
readonly paddingBlockStart: "space-inset";
|
|
6045
|
+
readonly paddingBottom: "space-inset";
|
|
6046
|
+
readonly paddingInline: "space-inset";
|
|
6047
|
+
readonly paddingInlineEnd: "space-inset";
|
|
6048
|
+
readonly paddingInlineStart: "space-inset";
|
|
6049
|
+
readonly paddingLeft: "space-inset";
|
|
6050
|
+
readonly paddingRight: "space-inset";
|
|
6051
|
+
readonly paddingTop: "space-inset";
|
|
6052
|
+
readonly right: "space";
|
|
6053
|
+
readonly rowGap: "space-gap";
|
|
6054
|
+
readonly scrollMargin: "space-offset";
|
|
6055
|
+
readonly scrollMarginBlock: "space-offset";
|
|
6056
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
6057
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
6058
|
+
readonly scrollMarginBottom: "space-offset";
|
|
6059
|
+
readonly scrollMarginInline: "space-offset";
|
|
6060
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
6061
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
6062
|
+
readonly scrollMarginLeft: "space-offset";
|
|
6063
|
+
readonly scrollMarginRight: "space-offset";
|
|
6064
|
+
readonly scrollMarginTop: "space-offset";
|
|
6065
|
+
readonly scrollPadding: "space-inset";
|
|
6066
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
6067
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
6068
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
6069
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
6070
|
+
readonly scrollPaddingInline: "space-inset";
|
|
6071
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
6072
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
6073
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
6074
|
+
readonly scrollPaddingRight: "space-inset";
|
|
6075
|
+
readonly scrollPaddingTop: "space-inset";
|
|
6076
|
+
readonly stroke: "colors";
|
|
6077
|
+
readonly strokeWidth: "stroke-width";
|
|
6078
|
+
readonly textDecorationColor: "colors";
|
|
6079
|
+
readonly textShadow: "shadows";
|
|
6080
|
+
readonly top: "space";
|
|
6081
|
+
readonly transition: "transitions";
|
|
6082
|
+
readonly width: "sizes";
|
|
6083
|
+
readonly zIndex: "z-indices";
|
|
6084
|
+
}, {
|
|
6085
|
+
paddingX: (value: {
|
|
6086
|
+
readonly [$$PropertyValue]: "padding";
|
|
6087
|
+
}) => {
|
|
6088
|
+
paddingLeft: {
|
|
6089
|
+
readonly [$$PropertyValue]: "padding";
|
|
6090
|
+
};
|
|
6091
|
+
paddingRight: {
|
|
6092
|
+
readonly [$$PropertyValue]: "padding";
|
|
6093
|
+
};
|
|
6094
|
+
};
|
|
6095
|
+
paddingY: (value: {
|
|
6096
|
+
readonly [$$PropertyValue]: "padding";
|
|
6097
|
+
}) => {
|
|
6098
|
+
paddingTop: {
|
|
6099
|
+
readonly [$$PropertyValue]: "padding";
|
|
6100
|
+
};
|
|
6101
|
+
paddingBottom: {
|
|
6102
|
+
readonly [$$PropertyValue]: "padding";
|
|
6103
|
+
};
|
|
6104
|
+
};
|
|
6105
|
+
marginX: (value: {
|
|
6106
|
+
readonly [$$PropertyValue]: "margin";
|
|
6107
|
+
}) => {
|
|
6108
|
+
marginLeft: {
|
|
6109
|
+
readonly [$$PropertyValue]: "margin";
|
|
6110
|
+
};
|
|
6111
|
+
marginRight: {
|
|
6112
|
+
readonly [$$PropertyValue]: "margin";
|
|
6113
|
+
};
|
|
6114
|
+
};
|
|
6115
|
+
marginY: (value: {
|
|
6116
|
+
readonly [$$PropertyValue]: "margin";
|
|
6117
|
+
}) => {
|
|
6118
|
+
marginTop: {
|
|
6119
|
+
readonly [$$PropertyValue]: "margin";
|
|
6120
|
+
};
|
|
6121
|
+
marginBottom: {
|
|
6122
|
+
readonly [$$PropertyValue]: "margin";
|
|
6123
|
+
};
|
|
6124
|
+
};
|
|
6125
|
+
square: (value: {
|
|
6126
|
+
readonly [$$PropertyValue]: "width";
|
|
6127
|
+
}) => {
|
|
6128
|
+
width: {
|
|
6129
|
+
readonly [$$PropertyValue]: "width";
|
|
6130
|
+
};
|
|
6131
|
+
height: {
|
|
6132
|
+
readonly [$$PropertyValue]: "width";
|
|
6133
|
+
};
|
|
6134
|
+
};
|
|
6135
|
+
}> | undefined;
|
|
6136
|
+
}> & {
|
|
6137
|
+
children?: react.ReactNode;
|
|
6138
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
|
|
6139
|
+
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
6140
|
+
} & {
|
|
6141
|
+
asChild?: boolean | undefined;
|
|
6142
|
+
}, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
6143
|
+
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
6144
|
+
'border-widths': {
|
|
6145
|
+
readonly none: 0;
|
|
6146
|
+
readonly sm: "1px";
|
|
6147
|
+
readonly md: "2px";
|
|
6148
|
+
readonly lg: "4px";
|
|
6149
|
+
};
|
|
6150
|
+
colors: {
|
|
6151
|
+
readonly 'blue-100': any;
|
|
6152
|
+
readonly 'blue-200': any;
|
|
6153
|
+
readonly 'blue-300': any;
|
|
6154
|
+
readonly 'blue-400': any;
|
|
6155
|
+
readonly 'blue-500': any;
|
|
6156
|
+
readonly 'blue-600': any;
|
|
6157
|
+
readonly 'blue-700': any;
|
|
6158
|
+
readonly 'blue-800': any;
|
|
6159
|
+
readonly 'blue-900': any;
|
|
6160
|
+
readonly 'blue-1000': any;
|
|
6161
|
+
readonly 'gray-100': any;
|
|
6162
|
+
readonly 'gray-200': any;
|
|
6163
|
+
readonly 'gray-300': any;
|
|
6164
|
+
readonly 'gray-400': any;
|
|
6165
|
+
readonly 'gray-500': any;
|
|
6166
|
+
readonly 'gray-600': any;
|
|
6167
|
+
readonly 'gray-700': any;
|
|
6168
|
+
readonly 'gray-800': any;
|
|
6169
|
+
readonly 'gray-900': any;
|
|
6170
|
+
readonly 'indigo-100': any;
|
|
6171
|
+
readonly 'indigo-200': any;
|
|
6172
|
+
readonly 'indigo-300': any;
|
|
6173
|
+
readonly 'indigo-400': any;
|
|
6174
|
+
readonly 'indigo-500': any;
|
|
6175
|
+
readonly 'indigo-600': any;
|
|
6176
|
+
readonly 'indigo-700': any;
|
|
6177
|
+
readonly 'indigo-800': any;
|
|
6178
|
+
readonly 'indigo-900': any;
|
|
6179
|
+
readonly 'red-100': any;
|
|
6180
|
+
readonly 'red-200': any;
|
|
6181
|
+
readonly 'red-300': any;
|
|
6182
|
+
readonly 'red-400': any;
|
|
6183
|
+
readonly 'red-500': any;
|
|
6184
|
+
readonly 'red-600': any;
|
|
6185
|
+
readonly 'red-700': any;
|
|
6186
|
+
readonly 'red-800': any;
|
|
6187
|
+
readonly 'red-900': any;
|
|
6188
|
+
readonly 'yellow-100': any;
|
|
6189
|
+
readonly 'yellow-200': any;
|
|
6190
|
+
readonly 'yellow-300': any;
|
|
6191
|
+
readonly 'yellow-400': any;
|
|
6192
|
+
readonly 'yellow-500': any;
|
|
6193
|
+
readonly 'yellow-600': any;
|
|
6194
|
+
readonly 'yellow-700': any;
|
|
6195
|
+
readonly 'yellow-800': any;
|
|
6196
|
+
readonly 'yellow-900': any;
|
|
6197
|
+
readonly 'green-100': any;
|
|
6198
|
+
readonly 'green-200': any;
|
|
6199
|
+
readonly 'green-300': any;
|
|
6200
|
+
readonly 'green-400': any;
|
|
6201
|
+
readonly 'green-500': any;
|
|
6202
|
+
readonly 'green-600': any;
|
|
6203
|
+
readonly 'green-700': any;
|
|
6204
|
+
readonly 'green-800': any;
|
|
6205
|
+
readonly 'green-900': any;
|
|
6206
|
+
readonly black: any;
|
|
6207
|
+
readonly white: any;
|
|
6208
|
+
readonly transparent: any;
|
|
6209
|
+
readonly 'background-danger'?: any;
|
|
6210
|
+
readonly 'background-danger-hover'?: any;
|
|
6211
|
+
readonly 'background-danger-prominent'?: any;
|
|
6212
|
+
readonly 'background-danger-prominent-active'?: any;
|
|
6213
|
+
readonly 'background-danger-prominent-hover'?: any;
|
|
6214
|
+
readonly 'background-neutrals'?: any;
|
|
6215
|
+
readonly 'background-neutrals-body'?: any;
|
|
6216
|
+
readonly 'background-neutrals-container'?: any;
|
|
6217
|
+
readonly 'background-neutrals-controls-disabled'?: any;
|
|
6218
|
+
readonly 'background-neutrals-disabled'?: any;
|
|
6219
|
+
readonly 'background-neutrals-inactive'?: any;
|
|
6220
|
+
readonly 'background-neutrals-inactive-hover'?: any;
|
|
6221
|
+
readonly 'background-neutrals-inverted'?: any;
|
|
6222
|
+
readonly 'background-neutrals-inverted-subtle'?: any;
|
|
6223
|
+
readonly 'background-neutrals-scrolls'?: any;
|
|
6224
|
+
readonly 'background-neutrals-scrolls-hover'?: any;
|
|
6225
|
+
readonly 'background-neutrals-subtle'?: any;
|
|
6226
|
+
readonly 'background-neutrals-subtle-active'?: any;
|
|
6227
|
+
readonly 'background-neutrals-subtle-hover'?: any;
|
|
6228
|
+
readonly 'background-primary-prominent'?: any;
|
|
6229
|
+
readonly 'background-primary-prominent-active'?: any;
|
|
6230
|
+
readonly 'background-primary-prominent-hover'?: any;
|
|
6231
|
+
readonly 'background-primary-prominent-selected'?: any;
|
|
6232
|
+
readonly 'background-primary-subtle'?: any;
|
|
6233
|
+
readonly 'background-primary-subtle-active'?: any;
|
|
6234
|
+
readonly 'background-primary-subtle-hover'?: any;
|
|
6235
|
+
readonly 'background-primary-subtle-selected'?: any;
|
|
6236
|
+
readonly 'background-success'?: any;
|
|
6237
|
+
readonly 'background-warning-prominent'?: any;
|
|
6238
|
+
readonly 'background-warning-subtle'?: any;
|
|
6239
|
+
readonly 'text-danger'?: any;
|
|
6240
|
+
readonly 'text-danger-active'?: any;
|
|
6241
|
+
readonly 'text-danger-hover'?: any;
|
|
6242
|
+
readonly 'text-danger-inverted'?: any;
|
|
6243
|
+
readonly 'text-neutrals'?: any;
|
|
6244
|
+
readonly 'text-neutrals-disabled'?: any;
|
|
6245
|
+
readonly 'text-neutrals-inverted'?: any;
|
|
6246
|
+
readonly 'text-neutrals-link'?: any;
|
|
6247
|
+
readonly 'text-neutrals-link-active'?: any;
|
|
6248
|
+
readonly 'text-neutrals-link-hover'?: any;
|
|
6249
|
+
readonly 'text-neutrals-placeholder'?: any;
|
|
6250
|
+
readonly 'text-neutrals-placeholder-only'?: any;
|
|
6251
|
+
readonly 'text-neutrals-subtle'?: any;
|
|
6252
|
+
readonly 'text-primary'?: any;
|
|
6253
|
+
readonly 'text-primary-active'?: any;
|
|
6254
|
+
readonly 'text-primary-hover'?: any;
|
|
6255
|
+
readonly 'text-primary-inverted'?: any;
|
|
6256
|
+
readonly 'text-primary-inverted-subtle'?: any;
|
|
6257
|
+
readonly 'text-primary-selected'?: any;
|
|
6258
|
+
readonly 'text-success'?: any;
|
|
6259
|
+
readonly 'text-warning'?: any;
|
|
6260
|
+
readonly 'icon-danger'?: any;
|
|
6261
|
+
readonly 'icon-danger-active'?: any;
|
|
6262
|
+
readonly 'icon-danger-hover'?: any;
|
|
6263
|
+
readonly 'icon-danger-inverted'?: any;
|
|
6264
|
+
readonly 'icon-neutrals'?: any;
|
|
6265
|
+
readonly 'icon-neutrals-disabled'?: any;
|
|
6266
|
+
readonly 'icon-neutrals-inactive'?: any;
|
|
6267
|
+
readonly 'icon-neutrals-inactive-hover'?: any;
|
|
6268
|
+
readonly 'icon-neutrals-inverted'?: any;
|
|
6269
|
+
readonly 'icon-neutrals-search'?: any;
|
|
6270
|
+
readonly 'icon-neutrals-subtle'?: any;
|
|
6271
|
+
readonly 'icon-neutrals-with-text'?: any;
|
|
6272
|
+
readonly 'icon-primary'?: any;
|
|
6273
|
+
readonly 'icon-primary-active'?: any;
|
|
6274
|
+
readonly 'icon-primary-hover'?: any;
|
|
6275
|
+
readonly 'icon-primary-inverted'?: any;
|
|
6276
|
+
readonly 'icon-primary-selected'?: any;
|
|
6277
|
+
readonly 'icon-success'?: any;
|
|
6278
|
+
readonly 'icon-success-inverted'?: any;
|
|
6279
|
+
readonly 'icon-warning'?: any;
|
|
6280
|
+
readonly 'border-danger'?: any;
|
|
6281
|
+
readonly 'border-focus-inner'?: any;
|
|
6282
|
+
readonly 'border-focus-middle'?: any;
|
|
6283
|
+
readonly 'border-focus-outer'?: any;
|
|
6284
|
+
readonly 'border-neutrals'?: any;
|
|
6285
|
+
readonly 'border-neutrals-active'?: any;
|
|
6286
|
+
readonly 'border-neutrals-controls'?: any;
|
|
6287
|
+
readonly 'border-neutrals-controls-disabled'?: any;
|
|
6288
|
+
readonly 'border-neutrals-disabled'?: any;
|
|
6289
|
+
readonly 'border-neutrals-hover'?: any;
|
|
6290
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
6291
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
6292
|
+
readonly 'border-primary'?: any;
|
|
6293
|
+
readonly 'border-primary-active'?: any;
|
|
6294
|
+
readonly 'border-primary-hover'?: any;
|
|
6295
|
+
readonly 'border-primary-inverted'?: any;
|
|
6296
|
+
readonly 'border-success'?: any;
|
|
6297
|
+
readonly 'border-warning'?: any;
|
|
6298
|
+
};
|
|
6299
|
+
'font-sizes': {
|
|
6300
|
+
readonly 150: "0.75rem";
|
|
6301
|
+
readonly 175: "0.875rem";
|
|
6302
|
+
readonly 200: "1rem";
|
|
6303
|
+
readonly 225: "1.125rem";
|
|
6304
|
+
readonly 250: "1.25rem";
|
|
6305
|
+
readonly 300: "1.5rem";
|
|
6306
|
+
readonly 400: "2rem";
|
|
6307
|
+
readonly 500: "2.5rem";
|
|
6308
|
+
readonly 600: "3rem";
|
|
6309
|
+
readonly 800: "4rem";
|
|
6310
|
+
readonly 900: "4.5rem";
|
|
6311
|
+
};
|
|
6312
|
+
radii: {
|
|
6313
|
+
readonly none: 0;
|
|
6314
|
+
readonly half: "999em";
|
|
6315
|
+
readonly 25: "2px";
|
|
6316
|
+
readonly 50: "4px";
|
|
6317
|
+
readonly 75: "6px";
|
|
6318
|
+
readonly 100: "8px";
|
|
6319
|
+
readonly 200: "16px";
|
|
6320
|
+
};
|
|
6321
|
+
shadows: {
|
|
6322
|
+
readonly 50: "0 4px 16px #05003812";
|
|
6323
|
+
readonly 100: "0 8px 32px #05003808";
|
|
6324
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
6325
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
6326
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
6327
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
6328
|
+
};
|
|
6329
|
+
sizes: {
|
|
6330
|
+
readonly number: string;
|
|
6331
|
+
readonly 'icon-200': "16px";
|
|
6332
|
+
readonly 'icon-300': "24px";
|
|
6333
|
+
readonly 'icon-400': "32px";
|
|
6334
|
+
};
|
|
6335
|
+
space: {
|
|
6336
|
+
readonly none: 0;
|
|
6337
|
+
readonly 50: "4px";
|
|
6338
|
+
readonly 100: "8px";
|
|
6339
|
+
readonly 150: "12px";
|
|
6340
|
+
readonly 200: "16px";
|
|
6341
|
+
readonly 300: "24px";
|
|
6342
|
+
readonly 400: "32px";
|
|
6343
|
+
readonly 500: "64px";
|
|
6344
|
+
readonly 600: "48px";
|
|
6345
|
+
readonly 800: "64px";
|
|
6346
|
+
readonly 1200: "96px";
|
|
6347
|
+
readonly 1600: "128px";
|
|
6348
|
+
};
|
|
6349
|
+
'space-gap': {
|
|
6350
|
+
readonly none: any;
|
|
6351
|
+
readonly 50: any;
|
|
6352
|
+
readonly 100: any;
|
|
6353
|
+
readonly 200: any;
|
|
6354
|
+
readonly 300: any;
|
|
6355
|
+
};
|
|
6356
|
+
'space-inset': {
|
|
6357
|
+
readonly none: any;
|
|
6358
|
+
readonly 50: any;
|
|
6359
|
+
readonly 100: any;
|
|
6360
|
+
readonly 150: any;
|
|
6361
|
+
readonly 200: any;
|
|
6362
|
+
readonly 300: any;
|
|
6363
|
+
readonly 400: any;
|
|
6364
|
+
readonly 600: any;
|
|
6365
|
+
readonly 800: any;
|
|
6366
|
+
readonly 1200: any;
|
|
6367
|
+
readonly 1600: any;
|
|
6368
|
+
};
|
|
6369
|
+
'space-offset': {
|
|
6370
|
+
readonly none: any;
|
|
6371
|
+
readonly 50: any;
|
|
6372
|
+
readonly 100: any;
|
|
6373
|
+
readonly 150: any;
|
|
6374
|
+
readonly 200: any;
|
|
6375
|
+
readonly 300: any;
|
|
6376
|
+
readonly 400: any;
|
|
6377
|
+
readonly 600: any;
|
|
6378
|
+
readonly 800: any;
|
|
6379
|
+
readonly 1200: any;
|
|
6380
|
+
readonly 1600: any;
|
|
6381
|
+
readonly 'stacking-none': any;
|
|
6382
|
+
readonly 'stacking-100': any;
|
|
6383
|
+
readonly 'stacking-200': any;
|
|
6384
|
+
readonly 'stacking-300': any;
|
|
6385
|
+
readonly 'stacking-400': any;
|
|
6386
|
+
readonly 'stacking-500': any;
|
|
6387
|
+
readonly 'stacking-800': any;
|
|
6388
|
+
};
|
|
6389
|
+
'stroke-width': {
|
|
6390
|
+
readonly thin: "1.5px";
|
|
6391
|
+
readonly normal: "2px";
|
|
6392
|
+
readonly bold: "4px";
|
|
6393
|
+
};
|
|
6394
|
+
'z-indices': {
|
|
6395
|
+
readonly dropdownMenu: 100;
|
|
6396
|
+
readonly popover: 200;
|
|
6397
|
+
readonly tooltip: 300;
|
|
6398
|
+
};
|
|
6399
|
+
}, {
|
|
6400
|
+
readonly background: "colors";
|
|
6401
|
+
readonly backgroundColor: "colors";
|
|
6402
|
+
readonly backgroundImage: "colors";
|
|
6403
|
+
readonly blockSize: "sizes";
|
|
6404
|
+
readonly border: "colors";
|
|
6405
|
+
readonly borderBlock: "colors";
|
|
6406
|
+
readonly borderBlockEnd: "colors";
|
|
6407
|
+
readonly borderBlockStart: "colors";
|
|
6408
|
+
readonly borderBottom: "colors";
|
|
6409
|
+
readonly borderBottomColor: "colors";
|
|
6410
|
+
readonly borderBottomLeftRadius: "radii";
|
|
6411
|
+
readonly borderBottomRightRadius: "radii";
|
|
6412
|
+
readonly borderBottomStyle: "border-styles";
|
|
6413
|
+
readonly borderBottomWidth: "border-widths";
|
|
6414
|
+
readonly borderColor: "colors";
|
|
6415
|
+
readonly borderImage: "colors";
|
|
6416
|
+
readonly borderInline: "colors";
|
|
6417
|
+
readonly borderInlineEnd: "colors";
|
|
6418
|
+
readonly borderInlineStart: "colors";
|
|
6419
|
+
readonly borderLeft: "colors";
|
|
6420
|
+
readonly borderLeftColor: "colors";
|
|
6421
|
+
readonly borderLeftStyle: "border-styles";
|
|
6422
|
+
readonly borderLeftWidth: "border-widths";
|
|
6423
|
+
readonly borderRadius: "radii";
|
|
6424
|
+
readonly borderRight: "colors";
|
|
6425
|
+
readonly borderRightColor: "colors";
|
|
6426
|
+
readonly borderRightStyle: "border-styles";
|
|
6427
|
+
readonly borderRightWidth: "border-widths";
|
|
6428
|
+
readonly borderStyle: "border-styles";
|
|
6429
|
+
readonly borderTop: "colors";
|
|
6430
|
+
readonly borderTopColor: "colors";
|
|
6431
|
+
readonly borderTopLeftRadius: "radii";
|
|
6432
|
+
readonly borderTopRightRadius: "radii";
|
|
6433
|
+
readonly borderTopStyle: "border-styles";
|
|
6434
|
+
readonly borderTopWidth: "border-widths";
|
|
6435
|
+
readonly borderWidth: "border-widths";
|
|
6436
|
+
readonly bottom: "space";
|
|
6437
|
+
readonly boxShadow: "shadows";
|
|
6438
|
+
readonly caretColor: "colors";
|
|
6439
|
+
readonly color: "colors";
|
|
6440
|
+
readonly columnGap: "space-gap";
|
|
6441
|
+
readonly columnRuleColor: "colors";
|
|
6442
|
+
readonly fill: "colors";
|
|
6443
|
+
readonly flexBasis: "sizes";
|
|
6444
|
+
readonly fontFamily: "fonts";
|
|
6445
|
+
readonly fontSize: "font-sizes";
|
|
6446
|
+
readonly fontWeight: "font-weights";
|
|
6447
|
+
readonly gap: "space-gap";
|
|
6448
|
+
readonly gridColumnGap: "space-gap";
|
|
6449
|
+
readonly gridGap: "space-gap";
|
|
6450
|
+
readonly gridRowGap: "space-gap";
|
|
6451
|
+
readonly gridTemplateColumns: "sizes";
|
|
6452
|
+
readonly gridTemplateRows: "sizes";
|
|
6453
|
+
readonly height: "sizes";
|
|
6454
|
+
readonly inlineSize: "sizes";
|
|
6455
|
+
readonly inset: "space-inset";
|
|
6456
|
+
readonly insetBlock: "space-inset";
|
|
6457
|
+
readonly insetBlockEnd: "space-inset";
|
|
6458
|
+
readonly insetBlockStart: "space-inset";
|
|
6459
|
+
readonly insetInline: "space-inset";
|
|
6460
|
+
readonly insetInlineEnd: "space-inset";
|
|
6461
|
+
readonly insetInlineStart: "space-inset";
|
|
6462
|
+
readonly left: "space";
|
|
6463
|
+
readonly letterSpacing: "letter-spacings";
|
|
6464
|
+
readonly lineHeight: "line-heights";
|
|
6465
|
+
readonly margin: "space-offset";
|
|
6466
|
+
readonly marginBlock: "space-offset";
|
|
6467
|
+
readonly marginBlockEnd: "space-offset";
|
|
6468
|
+
readonly marginBlockStart: "space-offset";
|
|
6469
|
+
readonly marginBottom: "space-offset";
|
|
6470
|
+
readonly marginInline: "space-offset";
|
|
6471
|
+
readonly marginInlineEnd: "space-offset";
|
|
6472
|
+
readonly marginInlineStart: "space-offset";
|
|
6473
|
+
readonly marginLeft: "space-offset";
|
|
6474
|
+
readonly marginRight: "space-offset";
|
|
6475
|
+
readonly marginTop: "space-offset";
|
|
6476
|
+
readonly maxBlockSize: "sizes";
|
|
6477
|
+
readonly maxHeight: "sizes";
|
|
6478
|
+
readonly maxInlineSize: "sizes";
|
|
6479
|
+
readonly maxWidth: "sizes";
|
|
6480
|
+
readonly minBlockSize: "sizes";
|
|
6481
|
+
readonly minHeight: "sizes";
|
|
6482
|
+
readonly minInlineSize: "sizes";
|
|
6483
|
+
readonly minWidth: "sizes";
|
|
6484
|
+
readonly outline: "colors";
|
|
6485
|
+
readonly outlineColor: "colors";
|
|
6486
|
+
readonly padding: "space-inset";
|
|
6487
|
+
readonly paddingBlock: "space-inset";
|
|
6488
|
+
readonly paddingBlockEnd: "space-inset";
|
|
6489
|
+
readonly paddingBlockStart: "space-inset";
|
|
6490
|
+
readonly paddingBottom: "space-inset";
|
|
6491
|
+
readonly paddingInline: "space-inset";
|
|
6492
|
+
readonly paddingInlineEnd: "space-inset";
|
|
6493
|
+
readonly paddingInlineStart: "space-inset";
|
|
6494
|
+
readonly paddingLeft: "space-inset";
|
|
6495
|
+
readonly paddingRight: "space-inset";
|
|
6496
|
+
readonly paddingTop: "space-inset";
|
|
6497
|
+
readonly right: "space";
|
|
6498
|
+
readonly rowGap: "space-gap";
|
|
6499
|
+
readonly scrollMargin: "space-offset";
|
|
6500
|
+
readonly scrollMarginBlock: "space-offset";
|
|
6501
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
6502
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
6503
|
+
readonly scrollMarginBottom: "space-offset";
|
|
6504
|
+
readonly scrollMarginInline: "space-offset";
|
|
6505
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
6506
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
6507
|
+
readonly scrollMarginLeft: "space-offset";
|
|
6508
|
+
readonly scrollMarginRight: "space-offset";
|
|
6509
|
+
readonly scrollMarginTop: "space-offset";
|
|
6510
|
+
readonly scrollPadding: "space-inset";
|
|
6511
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
6512
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
6513
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
6514
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
6515
|
+
readonly scrollPaddingInline: "space-inset";
|
|
6516
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
6517
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
6518
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
6519
|
+
readonly scrollPaddingRight: "space-inset";
|
|
6520
|
+
readonly scrollPaddingTop: "space-inset";
|
|
6521
|
+
readonly stroke: "colors";
|
|
6522
|
+
readonly strokeWidth: "stroke-width";
|
|
6523
|
+
readonly textDecorationColor: "colors";
|
|
6524
|
+
readonly textShadow: "shadows";
|
|
6525
|
+
readonly top: "space";
|
|
6526
|
+
readonly transition: "transitions";
|
|
6527
|
+
readonly width: "sizes";
|
|
6528
|
+
readonly zIndex: "z-indices";
|
|
6529
|
+
}, {
|
|
6530
|
+
paddingX: (value: {
|
|
6531
|
+
readonly [$$PropertyValue]: "padding";
|
|
6532
|
+
}) => {
|
|
6533
|
+
paddingLeft: {
|
|
6534
|
+
readonly [$$PropertyValue]: "padding";
|
|
6535
|
+
};
|
|
6536
|
+
paddingRight: {
|
|
6537
|
+
readonly [$$PropertyValue]: "padding";
|
|
6538
|
+
};
|
|
6539
|
+
};
|
|
6540
|
+
paddingY: (value: {
|
|
6541
|
+
readonly [$$PropertyValue]: "padding";
|
|
6542
|
+
}) => {
|
|
6543
|
+
paddingTop: {
|
|
6544
|
+
readonly [$$PropertyValue]: "padding";
|
|
6545
|
+
};
|
|
6546
|
+
paddingBottom: {
|
|
6547
|
+
readonly [$$PropertyValue]: "padding";
|
|
6548
|
+
};
|
|
6549
|
+
};
|
|
6550
|
+
marginX: (value: {
|
|
6551
|
+
readonly [$$PropertyValue]: "margin";
|
|
6552
|
+
}) => {
|
|
6553
|
+
marginLeft: {
|
|
6554
|
+
readonly [$$PropertyValue]: "margin";
|
|
6555
|
+
};
|
|
6556
|
+
marginRight: {
|
|
6557
|
+
readonly [$$PropertyValue]: "margin";
|
|
6558
|
+
};
|
|
6559
|
+
};
|
|
6560
|
+
marginY: (value: {
|
|
6561
|
+
readonly [$$PropertyValue]: "margin";
|
|
6562
|
+
}) => {
|
|
6563
|
+
marginTop: {
|
|
6564
|
+
readonly [$$PropertyValue]: "margin";
|
|
6565
|
+
};
|
|
6566
|
+
marginBottom: {
|
|
6567
|
+
readonly [$$PropertyValue]: "margin";
|
|
6568
|
+
};
|
|
6569
|
+
};
|
|
6570
|
+
square: (value: {
|
|
6571
|
+
readonly [$$PropertyValue]: "width";
|
|
6572
|
+
}) => {
|
|
6573
|
+
width: {
|
|
6574
|
+
readonly [$$PropertyValue]: "width";
|
|
6575
|
+
};
|
|
6576
|
+
height: {
|
|
6577
|
+
readonly [$$PropertyValue]: "width";
|
|
6578
|
+
};
|
|
6579
|
+
};
|
|
6580
|
+
}> | undefined;
|
|
6581
|
+
}> & {
|
|
6582
|
+
children?: react.ReactNode;
|
|
6583
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>, {}, {}>;
|
|
6584
|
+
declare const IllustrationSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
|
|
6585
|
+
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
6586
|
+
} & {
|
|
6587
|
+
asChild?: boolean | undefined;
|
|
6588
|
+
}, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
6589
|
+
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
6590
|
+
'border-widths': {
|
|
6591
|
+
readonly none: 0;
|
|
6592
|
+
readonly sm: "1px";
|
|
6593
|
+
readonly md: "2px";
|
|
6594
|
+
readonly lg: "4px";
|
|
6595
|
+
};
|
|
6596
|
+
colors: {
|
|
6597
|
+
readonly 'blue-100': any;
|
|
6598
|
+
readonly 'blue-200': any;
|
|
6599
|
+
readonly 'blue-300': any;
|
|
6600
|
+
readonly 'blue-400': any;
|
|
6601
|
+
readonly 'blue-500': any;
|
|
6602
|
+
readonly 'blue-600': any;
|
|
6603
|
+
readonly 'blue-700': any;
|
|
6604
|
+
readonly 'blue-800': any;
|
|
6605
|
+
readonly 'blue-900': any;
|
|
6606
|
+
readonly 'blue-1000': any;
|
|
6607
|
+
readonly 'gray-100': any;
|
|
6608
|
+
readonly 'gray-200': any;
|
|
6609
|
+
readonly 'gray-300': any;
|
|
6610
|
+
readonly 'gray-400': any;
|
|
6611
|
+
readonly 'gray-500': any;
|
|
6612
|
+
readonly 'gray-600': any;
|
|
6613
|
+
readonly 'gray-700': any;
|
|
6614
|
+
readonly 'gray-800': any;
|
|
6615
|
+
readonly 'gray-900': any;
|
|
6616
|
+
readonly 'indigo-100': any;
|
|
6617
|
+
readonly 'indigo-200': any;
|
|
6618
|
+
readonly 'indigo-300': any;
|
|
6619
|
+
readonly 'indigo-400': any;
|
|
6620
|
+
readonly 'indigo-500': any;
|
|
6621
|
+
readonly 'indigo-600': any;
|
|
6622
|
+
readonly 'indigo-700': any;
|
|
6623
|
+
readonly 'indigo-800': any;
|
|
6624
|
+
readonly 'indigo-900': any;
|
|
6625
|
+
readonly 'red-100': any;
|
|
6626
|
+
readonly 'red-200': any;
|
|
6627
|
+
readonly 'red-300': any;
|
|
6628
|
+
readonly 'red-400': any;
|
|
6629
|
+
readonly 'red-500': any;
|
|
6630
|
+
readonly 'red-600': any;
|
|
6631
|
+
readonly 'red-700': any;
|
|
6632
|
+
readonly 'red-800': any;
|
|
6633
|
+
readonly 'red-900': any;
|
|
6634
|
+
readonly 'yellow-100': any;
|
|
6635
|
+
readonly 'yellow-200': any;
|
|
6636
|
+
readonly 'yellow-300': any;
|
|
6637
|
+
readonly 'yellow-400': any;
|
|
6638
|
+
readonly 'yellow-500': any;
|
|
6639
|
+
readonly 'yellow-600': any;
|
|
6640
|
+
readonly 'yellow-700': any;
|
|
6641
|
+
readonly 'yellow-800': any;
|
|
6642
|
+
readonly 'yellow-900': any;
|
|
6643
|
+
readonly 'green-100': any;
|
|
6644
|
+
readonly 'green-200': any;
|
|
6645
|
+
readonly 'green-300': any;
|
|
6646
|
+
readonly 'green-400': any;
|
|
6647
|
+
readonly 'green-500': any;
|
|
6648
|
+
readonly 'green-600': any;
|
|
6649
|
+
readonly 'green-700': any;
|
|
6650
|
+
readonly 'green-800': any;
|
|
6651
|
+
readonly 'green-900': any;
|
|
6652
|
+
readonly black: any;
|
|
6653
|
+
readonly white: any;
|
|
6654
|
+
readonly transparent: any;
|
|
6655
|
+
readonly 'background-danger'?: any;
|
|
6656
|
+
readonly 'background-danger-hover'?: any;
|
|
6657
|
+
readonly 'background-danger-prominent'?: any;
|
|
6658
|
+
readonly 'background-danger-prominent-active'?: any;
|
|
6659
|
+
readonly 'background-danger-prominent-hover'?: any;
|
|
6660
|
+
readonly 'background-neutrals'?: any;
|
|
6661
|
+
readonly 'background-neutrals-body'?: any;
|
|
6662
|
+
readonly 'background-neutrals-container'?: any;
|
|
6663
|
+
readonly 'background-neutrals-controls-disabled'?: any;
|
|
6664
|
+
readonly 'background-neutrals-disabled'?: any;
|
|
6665
|
+
readonly 'background-neutrals-inactive'?: any;
|
|
6666
|
+
readonly 'background-neutrals-inactive-hover'?: any;
|
|
6667
|
+
readonly 'background-neutrals-inverted'?: any;
|
|
6668
|
+
readonly 'background-neutrals-inverted-subtle'?: any;
|
|
6669
|
+
readonly 'background-neutrals-scrolls'?: any;
|
|
6670
|
+
readonly 'background-neutrals-scrolls-hover'?: any;
|
|
6671
|
+
readonly 'background-neutrals-subtle'?: any;
|
|
6672
|
+
readonly 'background-neutrals-subtle-active'?: any;
|
|
6673
|
+
readonly 'background-neutrals-subtle-hover'?: any;
|
|
6674
|
+
readonly 'background-primary-prominent'?: any;
|
|
6675
|
+
readonly 'background-primary-prominent-active'?: any;
|
|
6676
|
+
readonly 'background-primary-prominent-hover'?: any;
|
|
6677
|
+
readonly 'background-primary-prominent-selected'?: any;
|
|
6678
|
+
readonly 'background-primary-subtle'?: any;
|
|
6679
|
+
readonly 'background-primary-subtle-active'?: any;
|
|
6680
|
+
readonly 'background-primary-subtle-hover'?: any;
|
|
6681
|
+
readonly 'background-primary-subtle-selected'?: any;
|
|
6682
|
+
readonly 'background-success'?: any;
|
|
6683
|
+
readonly 'background-warning-prominent'?: any;
|
|
6684
|
+
readonly 'background-warning-subtle'?: any;
|
|
6685
|
+
readonly 'text-danger'?: any;
|
|
6686
|
+
readonly 'text-danger-active'?: any;
|
|
6687
|
+
readonly 'text-danger-hover'?: any;
|
|
6688
|
+
readonly 'text-danger-inverted'?: any;
|
|
6689
|
+
readonly 'text-neutrals'?: any;
|
|
6690
|
+
readonly 'text-neutrals-disabled'?: any;
|
|
6691
|
+
readonly 'text-neutrals-inverted'?: any;
|
|
6692
|
+
readonly 'text-neutrals-link'?: any;
|
|
6693
|
+
readonly 'text-neutrals-link-active'?: any;
|
|
6694
|
+
readonly 'text-neutrals-link-hover'?: any;
|
|
6695
|
+
readonly 'text-neutrals-placeholder'?: any;
|
|
6696
|
+
readonly 'text-neutrals-placeholder-only'?: any;
|
|
6697
|
+
readonly 'text-neutrals-subtle'?: any;
|
|
6698
|
+
readonly 'text-primary'?: any;
|
|
6699
|
+
readonly 'text-primary-active'?: any;
|
|
6700
|
+
readonly 'text-primary-hover'?: any;
|
|
6701
|
+
readonly 'text-primary-inverted'?: any;
|
|
6702
|
+
readonly 'text-primary-inverted-subtle'?: any;
|
|
6703
|
+
readonly 'text-primary-selected'?: any;
|
|
6704
|
+
readonly 'text-success'?: any;
|
|
6705
|
+
readonly 'text-warning'?: any;
|
|
6706
|
+
readonly 'icon-danger'?: any;
|
|
6707
|
+
readonly 'icon-danger-active'?: any;
|
|
6708
|
+
readonly 'icon-danger-hover'?: any;
|
|
6709
|
+
readonly 'icon-danger-inverted'?: any;
|
|
6710
|
+
readonly 'icon-neutrals'?: any;
|
|
6711
|
+
readonly 'icon-neutrals-disabled'?: any;
|
|
6712
|
+
readonly 'icon-neutrals-inactive'?: any;
|
|
6713
|
+
readonly 'icon-neutrals-inactive-hover'?: any;
|
|
6714
|
+
readonly 'icon-neutrals-inverted'?: any;
|
|
6715
|
+
readonly 'icon-neutrals-search'?: any;
|
|
6716
|
+
readonly 'icon-neutrals-subtle'?: any;
|
|
6717
|
+
readonly 'icon-neutrals-with-text'?: any;
|
|
6718
|
+
readonly 'icon-primary'?: any;
|
|
6719
|
+
readonly 'icon-primary-active'?: any;
|
|
6720
|
+
readonly 'icon-primary-hover'?: any;
|
|
6721
|
+
readonly 'icon-primary-inverted'?: any;
|
|
6722
|
+
readonly 'icon-primary-selected'?: any;
|
|
6723
|
+
readonly 'icon-success'?: any;
|
|
6724
|
+
readonly 'icon-success-inverted'?: any;
|
|
6725
|
+
readonly 'icon-warning'?: any;
|
|
6726
|
+
readonly 'border-danger'?: any;
|
|
6727
|
+
readonly 'border-focus-inner'?: any;
|
|
6728
|
+
readonly 'border-focus-middle'?: any;
|
|
6729
|
+
readonly 'border-focus-outer'?: any;
|
|
6730
|
+
readonly 'border-neutrals'?: any;
|
|
6731
|
+
readonly 'border-neutrals-active'?: any;
|
|
6732
|
+
readonly 'border-neutrals-controls'?: any;
|
|
6733
|
+
readonly 'border-neutrals-controls-disabled'?: any;
|
|
6734
|
+
readonly 'border-neutrals-disabled'?: any;
|
|
6735
|
+
readonly 'border-neutrals-hover'?: any;
|
|
6736
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
6737
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
6738
|
+
readonly 'border-primary'?: any;
|
|
6739
|
+
readonly 'border-primary-active'?: any;
|
|
6740
|
+
readonly 'border-primary-hover'?: any;
|
|
6741
|
+
readonly 'border-primary-inverted'?: any;
|
|
6742
|
+
readonly 'border-success'?: any;
|
|
6743
|
+
readonly 'border-warning'?: any;
|
|
6744
|
+
};
|
|
6745
|
+
'font-sizes': {
|
|
6746
|
+
readonly 150: "0.75rem";
|
|
6747
|
+
readonly 175: "0.875rem";
|
|
6748
|
+
readonly 200: "1rem";
|
|
6749
|
+
readonly 225: "1.125rem";
|
|
6750
|
+
readonly 250: "1.25rem";
|
|
6751
|
+
readonly 300: "1.5rem";
|
|
6752
|
+
readonly 400: "2rem";
|
|
6753
|
+
readonly 500: "2.5rem";
|
|
6754
|
+
readonly 600: "3rem";
|
|
6755
|
+
readonly 800: "4rem";
|
|
6756
|
+
readonly 900: "4.5rem";
|
|
6757
|
+
};
|
|
6758
|
+
radii: {
|
|
6759
|
+
readonly none: 0;
|
|
6760
|
+
readonly half: "999em";
|
|
6761
|
+
readonly 25: "2px";
|
|
6762
|
+
readonly 50: "4px";
|
|
6763
|
+
readonly 75: "6px";
|
|
6764
|
+
readonly 100: "8px";
|
|
6765
|
+
readonly 200: "16px";
|
|
6766
|
+
};
|
|
6767
|
+
shadows: {
|
|
6768
|
+
readonly 50: "0 4px 16px #05003812";
|
|
6769
|
+
readonly 100: "0 8px 32px #05003808";
|
|
6770
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
6771
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
6772
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
6773
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
6774
|
+
};
|
|
6775
|
+
sizes: {
|
|
6776
|
+
readonly number: string;
|
|
6777
|
+
readonly 'icon-200': "16px";
|
|
6778
|
+
readonly 'icon-300': "24px";
|
|
6779
|
+
readonly 'icon-400': "32px";
|
|
6780
|
+
};
|
|
6781
|
+
space: {
|
|
6782
|
+
readonly none: 0;
|
|
6783
|
+
readonly 50: "4px";
|
|
6784
|
+
readonly 100: "8px";
|
|
6785
|
+
readonly 150: "12px";
|
|
6786
|
+
readonly 200: "16px";
|
|
6787
|
+
readonly 300: "24px";
|
|
6788
|
+
readonly 400: "32px";
|
|
6789
|
+
readonly 500: "64px";
|
|
6790
|
+
readonly 600: "48px";
|
|
6791
|
+
readonly 800: "64px";
|
|
6792
|
+
readonly 1200: "96px";
|
|
6793
|
+
readonly 1600: "128px";
|
|
6794
|
+
};
|
|
6795
|
+
'space-gap': {
|
|
6796
|
+
readonly none: any;
|
|
6797
|
+
readonly 50: any;
|
|
6798
|
+
readonly 100: any;
|
|
6799
|
+
readonly 200: any;
|
|
6800
|
+
readonly 300: any;
|
|
6801
|
+
};
|
|
6802
|
+
'space-inset': {
|
|
6803
|
+
readonly none: any;
|
|
6804
|
+
readonly 50: any;
|
|
6805
|
+
readonly 100: any;
|
|
6806
|
+
readonly 150: any;
|
|
6807
|
+
readonly 200: any;
|
|
6808
|
+
readonly 300: any;
|
|
6809
|
+
readonly 400: any;
|
|
6810
|
+
readonly 600: any;
|
|
6811
|
+
readonly 800: any;
|
|
6812
|
+
readonly 1200: any;
|
|
6813
|
+
readonly 1600: any;
|
|
6814
|
+
};
|
|
6815
|
+
'space-offset': {
|
|
6816
|
+
readonly none: any;
|
|
6817
|
+
readonly 50: any;
|
|
6818
|
+
readonly 100: any;
|
|
6819
|
+
readonly 150: any;
|
|
6820
|
+
readonly 200: any;
|
|
6821
|
+
readonly 300: any;
|
|
6822
|
+
readonly 400: any;
|
|
6823
|
+
readonly 600: any;
|
|
6824
|
+
readonly 800: any;
|
|
6825
|
+
readonly 1200: any;
|
|
6826
|
+
readonly 1600: any;
|
|
6827
|
+
readonly 'stacking-none': any;
|
|
6828
|
+
readonly 'stacking-100': any;
|
|
6829
|
+
readonly 'stacking-200': any;
|
|
6830
|
+
readonly 'stacking-300': any;
|
|
6831
|
+
readonly 'stacking-400': any;
|
|
6832
|
+
readonly 'stacking-500': any;
|
|
6833
|
+
readonly 'stacking-800': any;
|
|
6834
|
+
};
|
|
6835
|
+
'stroke-width': {
|
|
6836
|
+
readonly thin: "1.5px";
|
|
6837
|
+
readonly normal: "2px";
|
|
6838
|
+
readonly bold: "4px";
|
|
6839
|
+
};
|
|
6840
|
+
'z-indices': {
|
|
6841
|
+
readonly dropdownMenu: 100;
|
|
6842
|
+
readonly popover: 200;
|
|
6843
|
+
readonly tooltip: 300;
|
|
6844
|
+
};
|
|
6845
|
+
}, {
|
|
6846
|
+
readonly background: "colors";
|
|
6847
|
+
readonly backgroundColor: "colors";
|
|
6848
|
+
readonly backgroundImage: "colors";
|
|
6849
|
+
readonly blockSize: "sizes";
|
|
6850
|
+
readonly border: "colors";
|
|
6851
|
+
readonly borderBlock: "colors";
|
|
6852
|
+
readonly borderBlockEnd: "colors";
|
|
6853
|
+
readonly borderBlockStart: "colors";
|
|
6854
|
+
readonly borderBottom: "colors";
|
|
6855
|
+
readonly borderBottomColor: "colors";
|
|
6856
|
+
readonly borderBottomLeftRadius: "radii";
|
|
6857
|
+
readonly borderBottomRightRadius: "radii";
|
|
6858
|
+
readonly borderBottomStyle: "border-styles";
|
|
6859
|
+
readonly borderBottomWidth: "border-widths";
|
|
6860
|
+
readonly borderColor: "colors";
|
|
6861
|
+
readonly borderImage: "colors";
|
|
6862
|
+
readonly borderInline: "colors";
|
|
6863
|
+
readonly borderInlineEnd: "colors";
|
|
6864
|
+
readonly borderInlineStart: "colors";
|
|
6865
|
+
readonly borderLeft: "colors";
|
|
6866
|
+
readonly borderLeftColor: "colors";
|
|
6867
|
+
readonly borderLeftStyle: "border-styles";
|
|
6868
|
+
readonly borderLeftWidth: "border-widths";
|
|
6869
|
+
readonly borderRadius: "radii";
|
|
6870
|
+
readonly borderRight: "colors";
|
|
6871
|
+
readonly borderRightColor: "colors";
|
|
6872
|
+
readonly borderRightStyle: "border-styles";
|
|
6873
|
+
readonly borderRightWidth: "border-widths";
|
|
6874
|
+
readonly borderStyle: "border-styles";
|
|
6875
|
+
readonly borderTop: "colors";
|
|
6876
|
+
readonly borderTopColor: "colors";
|
|
6877
|
+
readonly borderTopLeftRadius: "radii";
|
|
6878
|
+
readonly borderTopRightRadius: "radii";
|
|
6879
|
+
readonly borderTopStyle: "border-styles";
|
|
6880
|
+
readonly borderTopWidth: "border-widths";
|
|
6881
|
+
readonly borderWidth: "border-widths";
|
|
6882
|
+
readonly bottom: "space";
|
|
6883
|
+
readonly boxShadow: "shadows";
|
|
6884
|
+
readonly caretColor: "colors";
|
|
6885
|
+
readonly color: "colors";
|
|
6886
|
+
readonly columnGap: "space-gap";
|
|
6887
|
+
readonly columnRuleColor: "colors";
|
|
6888
|
+
readonly fill: "colors";
|
|
6889
|
+
readonly flexBasis: "sizes";
|
|
6890
|
+
readonly fontFamily: "fonts";
|
|
6891
|
+
readonly fontSize: "font-sizes";
|
|
6892
|
+
readonly fontWeight: "font-weights";
|
|
6893
|
+
readonly gap: "space-gap";
|
|
6894
|
+
readonly gridColumnGap: "space-gap";
|
|
6895
|
+
readonly gridGap: "space-gap";
|
|
6896
|
+
readonly gridRowGap: "space-gap";
|
|
6897
|
+
readonly gridTemplateColumns: "sizes";
|
|
6898
|
+
readonly gridTemplateRows: "sizes";
|
|
6899
|
+
readonly height: "sizes";
|
|
6900
|
+
readonly inlineSize: "sizes";
|
|
6901
|
+
readonly inset: "space-inset";
|
|
6902
|
+
readonly insetBlock: "space-inset";
|
|
6903
|
+
readonly insetBlockEnd: "space-inset";
|
|
6904
|
+
readonly insetBlockStart: "space-inset";
|
|
6905
|
+
readonly insetInline: "space-inset";
|
|
6906
|
+
readonly insetInlineEnd: "space-inset";
|
|
6907
|
+
readonly insetInlineStart: "space-inset";
|
|
6908
|
+
readonly left: "space";
|
|
6909
|
+
readonly letterSpacing: "letter-spacings";
|
|
6910
|
+
readonly lineHeight: "line-heights";
|
|
6911
|
+
readonly margin: "space-offset";
|
|
6912
|
+
readonly marginBlock: "space-offset";
|
|
6913
|
+
readonly marginBlockEnd: "space-offset";
|
|
6914
|
+
readonly marginBlockStart: "space-offset";
|
|
6915
|
+
readonly marginBottom: "space-offset";
|
|
6916
|
+
readonly marginInline: "space-offset";
|
|
6917
|
+
readonly marginInlineEnd: "space-offset";
|
|
6918
|
+
readonly marginInlineStart: "space-offset";
|
|
6919
|
+
readonly marginLeft: "space-offset";
|
|
6920
|
+
readonly marginRight: "space-offset";
|
|
6921
|
+
readonly marginTop: "space-offset";
|
|
6922
|
+
readonly maxBlockSize: "sizes";
|
|
6923
|
+
readonly maxHeight: "sizes";
|
|
6924
|
+
readonly maxInlineSize: "sizes";
|
|
6925
|
+
readonly maxWidth: "sizes";
|
|
6926
|
+
readonly minBlockSize: "sizes";
|
|
6927
|
+
readonly minHeight: "sizes";
|
|
6928
|
+
readonly minInlineSize: "sizes";
|
|
6929
|
+
readonly minWidth: "sizes";
|
|
6930
|
+
readonly outline: "colors";
|
|
6931
|
+
readonly outlineColor: "colors";
|
|
6932
|
+
readonly padding: "space-inset";
|
|
6933
|
+
readonly paddingBlock: "space-inset";
|
|
6934
|
+
readonly paddingBlockEnd: "space-inset";
|
|
6935
|
+
readonly paddingBlockStart: "space-inset";
|
|
6936
|
+
readonly paddingBottom: "space-inset";
|
|
6937
|
+
readonly paddingInline: "space-inset";
|
|
6938
|
+
readonly paddingInlineEnd: "space-inset";
|
|
6939
|
+
readonly paddingInlineStart: "space-inset";
|
|
6940
|
+
readonly paddingLeft: "space-inset";
|
|
6941
|
+
readonly paddingRight: "space-inset";
|
|
6942
|
+
readonly paddingTop: "space-inset";
|
|
6943
|
+
readonly right: "space";
|
|
6944
|
+
readonly rowGap: "space-gap";
|
|
6945
|
+
readonly scrollMargin: "space-offset";
|
|
6946
|
+
readonly scrollMarginBlock: "space-offset";
|
|
6947
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
6948
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
6949
|
+
readonly scrollMarginBottom: "space-offset";
|
|
6950
|
+
readonly scrollMarginInline: "space-offset";
|
|
6951
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
6952
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
6953
|
+
readonly scrollMarginLeft: "space-offset";
|
|
6954
|
+
readonly scrollMarginRight: "space-offset";
|
|
6955
|
+
readonly scrollMarginTop: "space-offset";
|
|
6956
|
+
readonly scrollPadding: "space-inset";
|
|
6957
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
6958
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
6959
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
6960
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
6961
|
+
readonly scrollPaddingInline: "space-inset";
|
|
6962
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
6963
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
6964
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
6965
|
+
readonly scrollPaddingRight: "space-inset";
|
|
6966
|
+
readonly scrollPaddingTop: "space-inset";
|
|
6967
|
+
readonly stroke: "colors";
|
|
6968
|
+
readonly strokeWidth: "stroke-width";
|
|
6969
|
+
readonly textDecorationColor: "colors";
|
|
6970
|
+
readonly textShadow: "shadows";
|
|
6971
|
+
readonly top: "space";
|
|
6972
|
+
readonly transition: "transitions";
|
|
6973
|
+
readonly width: "sizes";
|
|
6974
|
+
readonly zIndex: "z-indices";
|
|
6975
|
+
}, {
|
|
6976
|
+
paddingX: (value: {
|
|
6977
|
+
readonly [$$PropertyValue]: "padding";
|
|
6978
|
+
}) => {
|
|
6979
|
+
paddingLeft: {
|
|
6980
|
+
readonly [$$PropertyValue]: "padding";
|
|
6981
|
+
};
|
|
6982
|
+
paddingRight: {
|
|
6983
|
+
readonly [$$PropertyValue]: "padding";
|
|
6984
|
+
};
|
|
6985
|
+
};
|
|
6986
|
+
paddingY: (value: {
|
|
6987
|
+
readonly [$$PropertyValue]: "padding";
|
|
6988
|
+
}) => {
|
|
6989
|
+
paddingTop: {
|
|
6990
|
+
readonly [$$PropertyValue]: "padding";
|
|
6991
|
+
};
|
|
6992
|
+
paddingBottom: {
|
|
6993
|
+
readonly [$$PropertyValue]: "padding";
|
|
6994
|
+
};
|
|
6995
|
+
};
|
|
6996
|
+
marginX: (value: {
|
|
6997
|
+
readonly [$$PropertyValue]: "margin";
|
|
6998
|
+
}) => {
|
|
6999
|
+
marginLeft: {
|
|
7000
|
+
readonly [$$PropertyValue]: "margin";
|
|
7001
|
+
};
|
|
7002
|
+
marginRight: {
|
|
7003
|
+
readonly [$$PropertyValue]: "margin";
|
|
7004
|
+
};
|
|
7005
|
+
};
|
|
7006
|
+
marginY: (value: {
|
|
7007
|
+
readonly [$$PropertyValue]: "margin";
|
|
7008
|
+
}) => {
|
|
7009
|
+
marginTop: {
|
|
7010
|
+
readonly [$$PropertyValue]: "margin";
|
|
7011
|
+
};
|
|
7012
|
+
marginBottom: {
|
|
7013
|
+
readonly [$$PropertyValue]: "margin";
|
|
7014
|
+
};
|
|
7015
|
+
};
|
|
7016
|
+
square: (value: {
|
|
7017
|
+
readonly [$$PropertyValue]: "width";
|
|
7018
|
+
}) => {
|
|
7019
|
+
width: {
|
|
7020
|
+
readonly [$$PropertyValue]: "width";
|
|
7021
|
+
};
|
|
7022
|
+
height: {
|
|
7023
|
+
readonly [$$PropertyValue]: "width";
|
|
7024
|
+
};
|
|
7025
|
+
};
|
|
7026
|
+
}> | undefined;
|
|
7027
|
+
}> & {
|
|
7028
|
+
children?: react.ReactNode;
|
|
7029
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLDivElement>, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
7030
|
+
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
7031
|
+
'border-widths': {
|
|
7032
|
+
readonly none: 0;
|
|
7033
|
+
readonly sm: "1px";
|
|
7034
|
+
readonly md: "2px";
|
|
7035
|
+
readonly lg: "4px";
|
|
7036
|
+
};
|
|
7037
|
+
colors: {
|
|
7038
|
+
readonly 'blue-100': any;
|
|
7039
|
+
readonly 'blue-200': any;
|
|
7040
|
+
readonly 'blue-300': any;
|
|
7041
|
+
readonly 'blue-400': any;
|
|
7042
|
+
readonly 'blue-500': any;
|
|
7043
|
+
readonly 'blue-600': any;
|
|
7044
|
+
readonly 'blue-700': any;
|
|
7045
|
+
readonly 'blue-800': any;
|
|
7046
|
+
readonly 'blue-900': any;
|
|
7047
|
+
readonly 'blue-1000': any;
|
|
7048
|
+
readonly 'gray-100': any;
|
|
7049
|
+
readonly 'gray-200': any;
|
|
7050
|
+
readonly 'gray-300': any;
|
|
7051
|
+
readonly 'gray-400': any;
|
|
7052
|
+
readonly 'gray-500': any;
|
|
7053
|
+
readonly 'gray-600': any;
|
|
7054
|
+
readonly 'gray-700': any;
|
|
7055
|
+
readonly 'gray-800': any;
|
|
7056
|
+
readonly 'gray-900': any;
|
|
7057
|
+
readonly 'indigo-100': any;
|
|
7058
|
+
readonly 'indigo-200': any;
|
|
7059
|
+
readonly 'indigo-300': any;
|
|
7060
|
+
readonly 'indigo-400': any;
|
|
7061
|
+
readonly 'indigo-500': any;
|
|
7062
|
+
readonly 'indigo-600': any;
|
|
7063
|
+
readonly 'indigo-700': any;
|
|
7064
|
+
readonly 'indigo-800': any;
|
|
7065
|
+
readonly 'indigo-900': any;
|
|
7066
|
+
readonly 'red-100': any;
|
|
7067
|
+
readonly 'red-200': any;
|
|
7068
|
+
readonly 'red-300': any;
|
|
7069
|
+
readonly 'red-400': any;
|
|
7070
|
+
readonly 'red-500': any;
|
|
7071
|
+
readonly 'red-600': any;
|
|
7072
|
+
readonly 'red-700': any;
|
|
7073
|
+
readonly 'red-800': any;
|
|
7074
|
+
readonly 'red-900': any;
|
|
7075
|
+
readonly 'yellow-100': any;
|
|
7076
|
+
readonly 'yellow-200': any;
|
|
7077
|
+
readonly 'yellow-300': any;
|
|
7078
|
+
readonly 'yellow-400': any;
|
|
7079
|
+
readonly 'yellow-500': any;
|
|
7080
|
+
readonly 'yellow-600': any;
|
|
7081
|
+
readonly 'yellow-700': any;
|
|
7082
|
+
readonly 'yellow-800': any;
|
|
7083
|
+
readonly 'yellow-900': any;
|
|
7084
|
+
readonly 'green-100': any;
|
|
7085
|
+
readonly 'green-200': any;
|
|
7086
|
+
readonly 'green-300': any;
|
|
7087
|
+
readonly 'green-400': any;
|
|
7088
|
+
readonly 'green-500': any;
|
|
7089
|
+
readonly 'green-600': any;
|
|
7090
|
+
readonly 'green-700': any;
|
|
7091
|
+
readonly 'green-800': any;
|
|
7092
|
+
readonly 'green-900': any;
|
|
7093
|
+
readonly black: any;
|
|
7094
|
+
readonly white: any;
|
|
7095
|
+
readonly transparent: any;
|
|
7096
|
+
readonly 'background-danger'?: any;
|
|
7097
|
+
readonly 'background-danger-hover'?: any;
|
|
7098
|
+
readonly 'background-danger-prominent'?: any;
|
|
7099
|
+
readonly 'background-danger-prominent-active'?: any;
|
|
7100
|
+
readonly 'background-danger-prominent-hover'?: any;
|
|
7101
|
+
readonly 'background-neutrals'?: any;
|
|
7102
|
+
readonly 'background-neutrals-body'?: any;
|
|
7103
|
+
readonly 'background-neutrals-container'?: any;
|
|
7104
|
+
readonly 'background-neutrals-controls-disabled'?: any;
|
|
7105
|
+
readonly 'background-neutrals-disabled'?: any;
|
|
7106
|
+
readonly 'background-neutrals-inactive'?: any;
|
|
7107
|
+
readonly 'background-neutrals-inactive-hover'?: any;
|
|
7108
|
+
readonly 'background-neutrals-inverted'?: any;
|
|
7109
|
+
readonly 'background-neutrals-inverted-subtle'?: any;
|
|
7110
|
+
readonly 'background-neutrals-scrolls'?: any;
|
|
7111
|
+
readonly 'background-neutrals-scrolls-hover'?: any;
|
|
7112
|
+
readonly 'background-neutrals-subtle'?: any;
|
|
7113
|
+
readonly 'background-neutrals-subtle-active'?: any;
|
|
7114
|
+
readonly 'background-neutrals-subtle-hover'?: any;
|
|
7115
|
+
readonly 'background-primary-prominent'?: any;
|
|
7116
|
+
readonly 'background-primary-prominent-active'?: any;
|
|
7117
|
+
readonly 'background-primary-prominent-hover'?: any;
|
|
7118
|
+
readonly 'background-primary-prominent-selected'?: any;
|
|
7119
|
+
readonly 'background-primary-subtle'?: any;
|
|
7120
|
+
readonly 'background-primary-subtle-active'?: any;
|
|
7121
|
+
readonly 'background-primary-subtle-hover'?: any;
|
|
7122
|
+
readonly 'background-primary-subtle-selected'?: any;
|
|
7123
|
+
readonly 'background-success'?: any;
|
|
7124
|
+
readonly 'background-warning-prominent'?: any;
|
|
7125
|
+
readonly 'background-warning-subtle'?: any;
|
|
7126
|
+
readonly 'text-danger'?: any;
|
|
7127
|
+
readonly 'text-danger-active'?: any;
|
|
7128
|
+
readonly 'text-danger-hover'?: any;
|
|
7129
|
+
readonly 'text-danger-inverted'?: any;
|
|
7130
|
+
readonly 'text-neutrals'?: any;
|
|
7131
|
+
readonly 'text-neutrals-disabled'?: any;
|
|
7132
|
+
readonly 'text-neutrals-inverted'?: any;
|
|
7133
|
+
readonly 'text-neutrals-link'?: any;
|
|
7134
|
+
readonly 'text-neutrals-link-active'?: any;
|
|
7135
|
+
readonly 'text-neutrals-link-hover'?: any;
|
|
7136
|
+
readonly 'text-neutrals-placeholder'?: any;
|
|
7137
|
+
readonly 'text-neutrals-placeholder-only'?: any;
|
|
7138
|
+
readonly 'text-neutrals-subtle'?: any;
|
|
7139
|
+
readonly 'text-primary'?: any;
|
|
7140
|
+
readonly 'text-primary-active'?: any;
|
|
7141
|
+
readonly 'text-primary-hover'?: any;
|
|
7142
|
+
readonly 'text-primary-inverted'?: any;
|
|
7143
|
+
readonly 'text-primary-inverted-subtle'?: any;
|
|
7144
|
+
readonly 'text-primary-selected'?: any;
|
|
7145
|
+
readonly 'text-success'?: any;
|
|
7146
|
+
readonly 'text-warning'?: any;
|
|
7147
|
+
readonly 'icon-danger'?: any;
|
|
7148
|
+
readonly 'icon-danger-active'?: any;
|
|
7149
|
+
readonly 'icon-danger-hover'?: any;
|
|
7150
|
+
readonly 'icon-danger-inverted'?: any;
|
|
7151
|
+
readonly 'icon-neutrals'?: any;
|
|
7152
|
+
readonly 'icon-neutrals-disabled'?: any;
|
|
7153
|
+
readonly 'icon-neutrals-inactive'?: any;
|
|
7154
|
+
readonly 'icon-neutrals-inactive-hover'?: any;
|
|
7155
|
+
readonly 'icon-neutrals-inverted'?: any;
|
|
7156
|
+
readonly 'icon-neutrals-search'?: any;
|
|
7157
|
+
readonly 'icon-neutrals-subtle'?: any;
|
|
7158
|
+
readonly 'icon-neutrals-with-text'?: any;
|
|
7159
|
+
readonly 'icon-primary'?: any;
|
|
7160
|
+
readonly 'icon-primary-active'?: any;
|
|
7161
|
+
readonly 'icon-primary-hover'?: any;
|
|
7162
|
+
readonly 'icon-primary-inverted'?: any;
|
|
7163
|
+
readonly 'icon-primary-selected'?: any;
|
|
7164
|
+
readonly 'icon-success'?: any;
|
|
7165
|
+
readonly 'icon-success-inverted'?: any;
|
|
7166
|
+
readonly 'icon-warning'?: any;
|
|
7167
|
+
readonly 'border-danger'?: any;
|
|
7168
|
+
readonly 'border-focus-inner'?: any;
|
|
7169
|
+
readonly 'border-focus-middle'?: any;
|
|
7170
|
+
readonly 'border-focus-outer'?: any;
|
|
7171
|
+
readonly 'border-neutrals'?: any;
|
|
7172
|
+
readonly 'border-neutrals-active'?: any;
|
|
7173
|
+
readonly 'border-neutrals-controls'?: any;
|
|
7174
|
+
readonly 'border-neutrals-controls-disabled'?: any;
|
|
7175
|
+
readonly 'border-neutrals-disabled'?: any;
|
|
7176
|
+
readonly 'border-neutrals-hover'?: any;
|
|
7177
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
7178
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
7179
|
+
readonly 'border-primary'?: any;
|
|
7180
|
+
readonly 'border-primary-active'?: any;
|
|
7181
|
+
readonly 'border-primary-hover'?: any;
|
|
7182
|
+
readonly 'border-primary-inverted'?: any;
|
|
7183
|
+
readonly 'border-success'?: any;
|
|
7184
|
+
readonly 'border-warning'?: any;
|
|
7185
|
+
};
|
|
7186
|
+
'font-sizes': {
|
|
7187
|
+
readonly 150: "0.75rem";
|
|
7188
|
+
readonly 175: "0.875rem";
|
|
7189
|
+
readonly 200: "1rem";
|
|
7190
|
+
readonly 225: "1.125rem";
|
|
7191
|
+
readonly 250: "1.25rem";
|
|
7192
|
+
readonly 300: "1.5rem";
|
|
7193
|
+
readonly 400: "2rem";
|
|
7194
|
+
readonly 500: "2.5rem";
|
|
7195
|
+
readonly 600: "3rem";
|
|
7196
|
+
readonly 800: "4rem";
|
|
7197
|
+
readonly 900: "4.5rem";
|
|
7198
|
+
};
|
|
7199
|
+
radii: {
|
|
7200
|
+
readonly none: 0;
|
|
7201
|
+
readonly half: "999em";
|
|
7202
|
+
readonly 25: "2px";
|
|
7203
|
+
readonly 50: "4px";
|
|
7204
|
+
readonly 75: "6px";
|
|
7205
|
+
readonly 100: "8px";
|
|
7206
|
+
readonly 200: "16px";
|
|
7207
|
+
};
|
|
7208
|
+
shadows: {
|
|
7209
|
+
readonly 50: "0 4px 16px #05003812";
|
|
7210
|
+
readonly 100: "0 8px 32px #05003808";
|
|
7211
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
7212
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
7213
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
7214
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
7215
|
+
};
|
|
7216
|
+
sizes: {
|
|
7217
|
+
readonly number: string;
|
|
7218
|
+
readonly 'icon-200': "16px";
|
|
7219
|
+
readonly 'icon-300': "24px";
|
|
7220
|
+
readonly 'icon-400': "32px";
|
|
7221
|
+
};
|
|
7222
|
+
space: {
|
|
7223
|
+
readonly none: 0;
|
|
7224
|
+
readonly 50: "4px";
|
|
7225
|
+
readonly 100: "8px";
|
|
7226
|
+
readonly 150: "12px";
|
|
7227
|
+
readonly 200: "16px";
|
|
7228
|
+
readonly 300: "24px";
|
|
7229
|
+
readonly 400: "32px";
|
|
7230
|
+
readonly 500: "64px";
|
|
7231
|
+
readonly 600: "48px";
|
|
7232
|
+
readonly 800: "64px";
|
|
7233
|
+
readonly 1200: "96px";
|
|
7234
|
+
readonly 1600: "128px";
|
|
7235
|
+
};
|
|
7236
|
+
'space-gap': {
|
|
7237
|
+
readonly none: any;
|
|
7238
|
+
readonly 50: any;
|
|
7239
|
+
readonly 100: any;
|
|
7240
|
+
readonly 200: any;
|
|
7241
|
+
readonly 300: any;
|
|
7242
|
+
};
|
|
7243
|
+
'space-inset': {
|
|
7244
|
+
readonly none: any;
|
|
7245
|
+
readonly 50: any;
|
|
7246
|
+
readonly 100: any;
|
|
7247
|
+
readonly 150: any;
|
|
7248
|
+
readonly 200: any;
|
|
7249
|
+
readonly 300: any;
|
|
7250
|
+
readonly 400: any;
|
|
7251
|
+
readonly 600: any;
|
|
7252
|
+
readonly 800: any;
|
|
7253
|
+
readonly 1200: any;
|
|
7254
|
+
readonly 1600: any;
|
|
7255
|
+
};
|
|
7256
|
+
'space-offset': {
|
|
7257
|
+
readonly none: any;
|
|
7258
|
+
readonly 50: any;
|
|
7259
|
+
readonly 100: any;
|
|
7260
|
+
readonly 150: any;
|
|
7261
|
+
readonly 200: any;
|
|
7262
|
+
readonly 300: any;
|
|
7263
|
+
readonly 400: any;
|
|
7264
|
+
readonly 600: any;
|
|
7265
|
+
readonly 800: any;
|
|
7266
|
+
readonly 1200: any;
|
|
7267
|
+
readonly 1600: any;
|
|
7268
|
+
readonly 'stacking-none': any;
|
|
7269
|
+
readonly 'stacking-100': any;
|
|
7270
|
+
readonly 'stacking-200': any;
|
|
7271
|
+
readonly 'stacking-300': any;
|
|
7272
|
+
readonly 'stacking-400': any;
|
|
7273
|
+
readonly 'stacking-500': any;
|
|
7274
|
+
readonly 'stacking-800': any;
|
|
7275
|
+
};
|
|
7276
|
+
'stroke-width': {
|
|
7277
|
+
readonly thin: "1.5px";
|
|
7278
|
+
readonly normal: "2px";
|
|
7279
|
+
readonly bold: "4px";
|
|
7280
|
+
};
|
|
7281
|
+
'z-indices': {
|
|
7282
|
+
readonly dropdownMenu: 100;
|
|
7283
|
+
readonly popover: 200;
|
|
7284
|
+
readonly tooltip: 300;
|
|
7285
|
+
};
|
|
7286
|
+
}, {
|
|
7287
|
+
readonly background: "colors";
|
|
7288
|
+
readonly backgroundColor: "colors";
|
|
7289
|
+
readonly backgroundImage: "colors";
|
|
7290
|
+
readonly blockSize: "sizes";
|
|
7291
|
+
readonly border: "colors";
|
|
7292
|
+
readonly borderBlock: "colors";
|
|
7293
|
+
readonly borderBlockEnd: "colors";
|
|
7294
|
+
readonly borderBlockStart: "colors";
|
|
7295
|
+
readonly borderBottom: "colors";
|
|
7296
|
+
readonly borderBottomColor: "colors";
|
|
7297
|
+
readonly borderBottomLeftRadius: "radii";
|
|
7298
|
+
readonly borderBottomRightRadius: "radii";
|
|
7299
|
+
readonly borderBottomStyle: "border-styles";
|
|
7300
|
+
readonly borderBottomWidth: "border-widths";
|
|
7301
|
+
readonly borderColor: "colors";
|
|
7302
|
+
readonly borderImage: "colors";
|
|
7303
|
+
readonly borderInline: "colors";
|
|
7304
|
+
readonly borderInlineEnd: "colors";
|
|
7305
|
+
readonly borderInlineStart: "colors";
|
|
7306
|
+
readonly borderLeft: "colors";
|
|
7307
|
+
readonly borderLeftColor: "colors";
|
|
7308
|
+
readonly borderLeftStyle: "border-styles";
|
|
7309
|
+
readonly borderLeftWidth: "border-widths";
|
|
7310
|
+
readonly borderRadius: "radii";
|
|
7311
|
+
readonly borderRight: "colors";
|
|
7312
|
+
readonly borderRightColor: "colors";
|
|
7313
|
+
readonly borderRightStyle: "border-styles";
|
|
7314
|
+
readonly borderRightWidth: "border-widths";
|
|
7315
|
+
readonly borderStyle: "border-styles";
|
|
7316
|
+
readonly borderTop: "colors";
|
|
7317
|
+
readonly borderTopColor: "colors";
|
|
7318
|
+
readonly borderTopLeftRadius: "radii";
|
|
7319
|
+
readonly borderTopRightRadius: "radii";
|
|
7320
|
+
readonly borderTopStyle: "border-styles";
|
|
7321
|
+
readonly borderTopWidth: "border-widths";
|
|
7322
|
+
readonly borderWidth: "border-widths";
|
|
7323
|
+
readonly bottom: "space";
|
|
7324
|
+
readonly boxShadow: "shadows";
|
|
7325
|
+
readonly caretColor: "colors";
|
|
7326
|
+
readonly color: "colors";
|
|
7327
|
+
readonly columnGap: "space-gap";
|
|
7328
|
+
readonly columnRuleColor: "colors";
|
|
7329
|
+
readonly fill: "colors";
|
|
7330
|
+
readonly flexBasis: "sizes";
|
|
7331
|
+
readonly fontFamily: "fonts";
|
|
7332
|
+
readonly fontSize: "font-sizes";
|
|
7333
|
+
readonly fontWeight: "font-weights";
|
|
7334
|
+
readonly gap: "space-gap";
|
|
7335
|
+
readonly gridColumnGap: "space-gap";
|
|
7336
|
+
readonly gridGap: "space-gap";
|
|
7337
|
+
readonly gridRowGap: "space-gap";
|
|
7338
|
+
readonly gridTemplateColumns: "sizes";
|
|
7339
|
+
readonly gridTemplateRows: "sizes";
|
|
7340
|
+
readonly height: "sizes";
|
|
7341
|
+
readonly inlineSize: "sizes";
|
|
7342
|
+
readonly inset: "space-inset";
|
|
7343
|
+
readonly insetBlock: "space-inset";
|
|
7344
|
+
readonly insetBlockEnd: "space-inset";
|
|
7345
|
+
readonly insetBlockStart: "space-inset";
|
|
7346
|
+
readonly insetInline: "space-inset";
|
|
7347
|
+
readonly insetInlineEnd: "space-inset";
|
|
7348
|
+
readonly insetInlineStart: "space-inset";
|
|
7349
|
+
readonly left: "space";
|
|
7350
|
+
readonly letterSpacing: "letter-spacings";
|
|
7351
|
+
readonly lineHeight: "line-heights";
|
|
7352
|
+
readonly margin: "space-offset";
|
|
7353
|
+
readonly marginBlock: "space-offset";
|
|
7354
|
+
readonly marginBlockEnd: "space-offset";
|
|
7355
|
+
readonly marginBlockStart: "space-offset";
|
|
7356
|
+
readonly marginBottom: "space-offset";
|
|
7357
|
+
readonly marginInline: "space-offset";
|
|
7358
|
+
readonly marginInlineEnd: "space-offset";
|
|
7359
|
+
readonly marginInlineStart: "space-offset";
|
|
7360
|
+
readonly marginLeft: "space-offset";
|
|
7361
|
+
readonly marginRight: "space-offset";
|
|
7362
|
+
readonly marginTop: "space-offset";
|
|
7363
|
+
readonly maxBlockSize: "sizes";
|
|
7364
|
+
readonly maxHeight: "sizes";
|
|
7365
|
+
readonly maxInlineSize: "sizes";
|
|
7366
|
+
readonly maxWidth: "sizes";
|
|
7367
|
+
readonly minBlockSize: "sizes";
|
|
7368
|
+
readonly minHeight: "sizes";
|
|
7369
|
+
readonly minInlineSize: "sizes";
|
|
7370
|
+
readonly minWidth: "sizes";
|
|
7371
|
+
readonly outline: "colors";
|
|
7372
|
+
readonly outlineColor: "colors";
|
|
7373
|
+
readonly padding: "space-inset";
|
|
7374
|
+
readonly paddingBlock: "space-inset";
|
|
7375
|
+
readonly paddingBlockEnd: "space-inset";
|
|
7376
|
+
readonly paddingBlockStart: "space-inset";
|
|
7377
|
+
readonly paddingBottom: "space-inset";
|
|
7378
|
+
readonly paddingInline: "space-inset";
|
|
7379
|
+
readonly paddingInlineEnd: "space-inset";
|
|
7380
|
+
readonly paddingInlineStart: "space-inset";
|
|
7381
|
+
readonly paddingLeft: "space-inset";
|
|
7382
|
+
readonly paddingRight: "space-inset";
|
|
7383
|
+
readonly paddingTop: "space-inset";
|
|
7384
|
+
readonly right: "space";
|
|
7385
|
+
readonly rowGap: "space-gap";
|
|
7386
|
+
readonly scrollMargin: "space-offset";
|
|
7387
|
+
readonly scrollMarginBlock: "space-offset";
|
|
7388
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
7389
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
7390
|
+
readonly scrollMarginBottom: "space-offset";
|
|
7391
|
+
readonly scrollMarginInline: "space-offset";
|
|
7392
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
7393
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
7394
|
+
readonly scrollMarginLeft: "space-offset";
|
|
7395
|
+
readonly scrollMarginRight: "space-offset";
|
|
7396
|
+
readonly scrollMarginTop: "space-offset";
|
|
7397
|
+
readonly scrollPadding: "space-inset";
|
|
7398
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
7399
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
7400
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
7401
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
7402
|
+
readonly scrollPaddingInline: "space-inset";
|
|
7403
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
7404
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
7405
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
7406
|
+
readonly scrollPaddingRight: "space-inset";
|
|
7407
|
+
readonly scrollPaddingTop: "space-inset";
|
|
7408
|
+
readonly stroke: "colors";
|
|
7409
|
+
readonly strokeWidth: "stroke-width";
|
|
7410
|
+
readonly textDecorationColor: "colors";
|
|
7411
|
+
readonly textShadow: "shadows";
|
|
7412
|
+
readonly top: "space";
|
|
7413
|
+
readonly transition: "transitions";
|
|
7414
|
+
readonly width: "sizes";
|
|
7415
|
+
readonly zIndex: "z-indices";
|
|
7416
|
+
}, {
|
|
7417
|
+
paddingX: (value: {
|
|
7418
|
+
readonly [$$PropertyValue]: "padding";
|
|
7419
|
+
}) => {
|
|
7420
|
+
paddingLeft: {
|
|
7421
|
+
readonly [$$PropertyValue]: "padding";
|
|
7422
|
+
};
|
|
7423
|
+
paddingRight: {
|
|
7424
|
+
readonly [$$PropertyValue]: "padding";
|
|
7425
|
+
};
|
|
7426
|
+
};
|
|
7427
|
+
paddingY: (value: {
|
|
7428
|
+
readonly [$$PropertyValue]: "padding";
|
|
7429
|
+
}) => {
|
|
7430
|
+
paddingTop: {
|
|
7431
|
+
readonly [$$PropertyValue]: "padding";
|
|
7432
|
+
};
|
|
7433
|
+
paddingBottom: {
|
|
7434
|
+
readonly [$$PropertyValue]: "padding";
|
|
7435
|
+
};
|
|
7436
|
+
};
|
|
7437
|
+
marginX: (value: {
|
|
7438
|
+
readonly [$$PropertyValue]: "margin";
|
|
7439
|
+
}) => {
|
|
7440
|
+
marginLeft: {
|
|
7441
|
+
readonly [$$PropertyValue]: "margin";
|
|
7442
|
+
};
|
|
7443
|
+
marginRight: {
|
|
7444
|
+
readonly [$$PropertyValue]: "margin";
|
|
7445
|
+
};
|
|
7446
|
+
};
|
|
7447
|
+
marginY: (value: {
|
|
7448
|
+
readonly [$$PropertyValue]: "margin";
|
|
7449
|
+
}) => {
|
|
7450
|
+
marginTop: {
|
|
7451
|
+
readonly [$$PropertyValue]: "margin";
|
|
7452
|
+
};
|
|
7453
|
+
marginBottom: {
|
|
7454
|
+
readonly [$$PropertyValue]: "margin";
|
|
7455
|
+
};
|
|
7456
|
+
};
|
|
7457
|
+
square: (value: {
|
|
7458
|
+
readonly [$$PropertyValue]: "width";
|
|
7459
|
+
}) => {
|
|
7460
|
+
width: {
|
|
7461
|
+
readonly [$$PropertyValue]: "width";
|
|
7462
|
+
};
|
|
7463
|
+
height: {
|
|
7464
|
+
readonly [$$PropertyValue]: "width";
|
|
7465
|
+
};
|
|
7466
|
+
};
|
|
7467
|
+
}> | undefined;
|
|
7468
|
+
}> & {
|
|
7469
|
+
children?: react.ReactNode;
|
|
7470
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
|
|
7471
|
+
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
7472
|
+
} & {
|
|
7473
|
+
asChild?: boolean | undefined;
|
|
7474
|
+
}, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
7475
|
+
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
7476
|
+
'border-widths': {
|
|
7477
|
+
readonly none: 0;
|
|
7478
|
+
readonly sm: "1px";
|
|
7479
|
+
readonly md: "2px";
|
|
7480
|
+
readonly lg: "4px";
|
|
7481
|
+
};
|
|
7482
|
+
colors: {
|
|
7483
|
+
readonly 'blue-100': any;
|
|
7484
|
+
readonly 'blue-200': any;
|
|
7485
|
+
readonly 'blue-300': any;
|
|
7486
|
+
readonly 'blue-400': any;
|
|
7487
|
+
readonly 'blue-500': any;
|
|
7488
|
+
readonly 'blue-600': any;
|
|
7489
|
+
readonly 'blue-700': any;
|
|
7490
|
+
readonly 'blue-800': any;
|
|
7491
|
+
readonly 'blue-900': any;
|
|
7492
|
+
readonly 'blue-1000': any;
|
|
7493
|
+
readonly 'gray-100': any;
|
|
7494
|
+
readonly 'gray-200': any;
|
|
7495
|
+
readonly 'gray-300': any;
|
|
7496
|
+
readonly 'gray-400': any;
|
|
7497
|
+
readonly 'gray-500': any;
|
|
7498
|
+
readonly 'gray-600': any;
|
|
7499
|
+
readonly 'gray-700': any;
|
|
7500
|
+
readonly 'gray-800': any;
|
|
7501
|
+
readonly 'gray-900': any;
|
|
7502
|
+
readonly 'indigo-100': any;
|
|
7503
|
+
readonly 'indigo-200': any;
|
|
7504
|
+
readonly 'indigo-300': any;
|
|
7505
|
+
readonly 'indigo-400': any;
|
|
7506
|
+
readonly 'indigo-500': any;
|
|
7507
|
+
readonly 'indigo-600': any;
|
|
7508
|
+
readonly 'indigo-700': any;
|
|
7509
|
+
readonly 'indigo-800': any;
|
|
7510
|
+
readonly 'indigo-900': any;
|
|
7511
|
+
readonly 'red-100': any;
|
|
7512
|
+
readonly 'red-200': any;
|
|
7513
|
+
readonly 'red-300': any;
|
|
7514
|
+
readonly 'red-400': any;
|
|
7515
|
+
readonly 'red-500': any;
|
|
7516
|
+
readonly 'red-600': any;
|
|
7517
|
+
readonly 'red-700': any;
|
|
7518
|
+
readonly 'red-800': any;
|
|
7519
|
+
readonly 'red-900': any;
|
|
7520
|
+
readonly 'yellow-100': any;
|
|
7521
|
+
readonly 'yellow-200': any;
|
|
7522
|
+
readonly 'yellow-300': any;
|
|
7523
|
+
readonly 'yellow-400': any;
|
|
7524
|
+
readonly 'yellow-500': any;
|
|
7525
|
+
readonly 'yellow-600': any;
|
|
7526
|
+
readonly 'yellow-700': any;
|
|
7527
|
+
readonly 'yellow-800': any;
|
|
7528
|
+
readonly 'yellow-900': any;
|
|
7529
|
+
readonly 'green-100': any;
|
|
7530
|
+
readonly 'green-200': any;
|
|
7531
|
+
readonly 'green-300': any;
|
|
7532
|
+
readonly 'green-400': any;
|
|
7533
|
+
readonly 'green-500': any;
|
|
7534
|
+
readonly 'green-600': any;
|
|
7535
|
+
readonly 'green-700': any;
|
|
7536
|
+
readonly 'green-800': any;
|
|
7537
|
+
readonly 'green-900': any;
|
|
7538
|
+
readonly black: any;
|
|
7539
|
+
readonly white: any;
|
|
7540
|
+
readonly transparent: any;
|
|
7541
|
+
readonly 'background-danger'?: any;
|
|
7542
|
+
readonly 'background-danger-hover'?: any;
|
|
7543
|
+
readonly 'background-danger-prominent'?: any;
|
|
7544
|
+
readonly 'background-danger-prominent-active'?: any;
|
|
7545
|
+
readonly 'background-danger-prominent-hover'?: any;
|
|
7546
|
+
readonly 'background-neutrals'?: any;
|
|
7547
|
+
readonly 'background-neutrals-body'?: any;
|
|
7548
|
+
readonly 'background-neutrals-container'?: any;
|
|
7549
|
+
readonly 'background-neutrals-controls-disabled'?: any;
|
|
7550
|
+
readonly 'background-neutrals-disabled'?: any;
|
|
7551
|
+
readonly 'background-neutrals-inactive'?: any;
|
|
7552
|
+
readonly 'background-neutrals-inactive-hover'?: any;
|
|
7553
|
+
readonly 'background-neutrals-inverted'?: any;
|
|
7554
|
+
readonly 'background-neutrals-inverted-subtle'?: any;
|
|
7555
|
+
readonly 'background-neutrals-scrolls'?: any;
|
|
7556
|
+
readonly 'background-neutrals-scrolls-hover'?: any;
|
|
7557
|
+
readonly 'background-neutrals-subtle'?: any;
|
|
7558
|
+
readonly 'background-neutrals-subtle-active'?: any;
|
|
7559
|
+
readonly 'background-neutrals-subtle-hover'?: any;
|
|
7560
|
+
readonly 'background-primary-prominent'?: any;
|
|
7561
|
+
readonly 'background-primary-prominent-active'?: any;
|
|
7562
|
+
readonly 'background-primary-prominent-hover'?: any;
|
|
7563
|
+
readonly 'background-primary-prominent-selected'?: any;
|
|
7564
|
+
readonly 'background-primary-subtle'?: any;
|
|
7565
|
+
readonly 'background-primary-subtle-active'?: any;
|
|
7566
|
+
readonly 'background-primary-subtle-hover'?: any;
|
|
7567
|
+
readonly 'background-primary-subtle-selected'?: any;
|
|
7568
|
+
readonly 'background-success'?: any;
|
|
7569
|
+
readonly 'background-warning-prominent'?: any;
|
|
7570
|
+
readonly 'background-warning-subtle'?: any;
|
|
7571
|
+
readonly 'text-danger'?: any;
|
|
7572
|
+
readonly 'text-danger-active'?: any;
|
|
7573
|
+
readonly 'text-danger-hover'?: any;
|
|
7574
|
+
readonly 'text-danger-inverted'?: any;
|
|
7575
|
+
readonly 'text-neutrals'?: any;
|
|
7576
|
+
readonly 'text-neutrals-disabled'?: any;
|
|
7577
|
+
readonly 'text-neutrals-inverted'?: any;
|
|
7578
|
+
readonly 'text-neutrals-link'?: any;
|
|
7579
|
+
readonly 'text-neutrals-link-active'?: any;
|
|
7580
|
+
readonly 'text-neutrals-link-hover'?: any;
|
|
7581
|
+
readonly 'text-neutrals-placeholder'?: any;
|
|
7582
|
+
readonly 'text-neutrals-placeholder-only'?: any;
|
|
7583
|
+
readonly 'text-neutrals-subtle'?: any;
|
|
7584
|
+
readonly 'text-primary'?: any;
|
|
7585
|
+
readonly 'text-primary-active'?: any;
|
|
7586
|
+
readonly 'text-primary-hover'?: any;
|
|
7587
|
+
readonly 'text-primary-inverted'?: any;
|
|
7588
|
+
readonly 'text-primary-inverted-subtle'?: any;
|
|
7589
|
+
readonly 'text-primary-selected'?: any;
|
|
7590
|
+
readonly 'text-success'?: any;
|
|
7591
|
+
readonly 'text-warning'?: any;
|
|
7592
|
+
readonly 'icon-danger'?: any;
|
|
7593
|
+
readonly 'icon-danger-active'?: any;
|
|
7594
|
+
readonly 'icon-danger-hover'?: any;
|
|
7595
|
+
readonly 'icon-danger-inverted'?: any;
|
|
7596
|
+
readonly 'icon-neutrals'?: any;
|
|
7597
|
+
readonly 'icon-neutrals-disabled'?: any;
|
|
7598
|
+
readonly 'icon-neutrals-inactive'?: any;
|
|
7599
|
+
readonly 'icon-neutrals-inactive-hover'?: any;
|
|
7600
|
+
readonly 'icon-neutrals-inverted'?: any;
|
|
7601
|
+
readonly 'icon-neutrals-search'?: any;
|
|
7602
|
+
readonly 'icon-neutrals-subtle'?: any;
|
|
7603
|
+
readonly 'icon-neutrals-with-text'?: any;
|
|
7604
|
+
readonly 'icon-primary'?: any;
|
|
7605
|
+
readonly 'icon-primary-active'?: any;
|
|
7606
|
+
readonly 'icon-primary-hover'?: any;
|
|
7607
|
+
readonly 'icon-primary-inverted'?: any;
|
|
7608
|
+
readonly 'icon-primary-selected'?: any;
|
|
7609
|
+
readonly 'icon-success'?: any;
|
|
7610
|
+
readonly 'icon-success-inverted'?: any;
|
|
7611
|
+
readonly 'icon-warning'?: any;
|
|
7612
|
+
readonly 'border-danger'?: any;
|
|
7613
|
+
readonly 'border-focus-inner'?: any;
|
|
7614
|
+
readonly 'border-focus-middle'?: any;
|
|
7615
|
+
readonly 'border-focus-outer'?: any;
|
|
7616
|
+
readonly 'border-neutrals'?: any;
|
|
7617
|
+
readonly 'border-neutrals-active'?: any;
|
|
7618
|
+
readonly 'border-neutrals-controls'?: any;
|
|
7619
|
+
readonly 'border-neutrals-controls-disabled'?: any;
|
|
7620
|
+
readonly 'border-neutrals-disabled'?: any;
|
|
7621
|
+
readonly 'border-neutrals-hover'?: any;
|
|
7622
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
7623
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
7624
|
+
readonly 'border-primary'?: any;
|
|
7625
|
+
readonly 'border-primary-active'?: any;
|
|
7626
|
+
readonly 'border-primary-hover'?: any;
|
|
7627
|
+
readonly 'border-primary-inverted'?: any;
|
|
7628
|
+
readonly 'border-success'?: any;
|
|
7629
|
+
readonly 'border-warning'?: any;
|
|
7630
|
+
};
|
|
7631
|
+
'font-sizes': {
|
|
7632
|
+
readonly 150: "0.75rem";
|
|
7633
|
+
readonly 175: "0.875rem";
|
|
7634
|
+
readonly 200: "1rem";
|
|
7635
|
+
readonly 225: "1.125rem";
|
|
7636
|
+
readonly 250: "1.25rem";
|
|
7637
|
+
readonly 300: "1.5rem";
|
|
7638
|
+
readonly 400: "2rem";
|
|
7639
|
+
readonly 500: "2.5rem";
|
|
7640
|
+
readonly 600: "3rem";
|
|
7641
|
+
readonly 800: "4rem";
|
|
7642
|
+
readonly 900: "4.5rem";
|
|
7643
|
+
};
|
|
7644
|
+
radii: {
|
|
7645
|
+
readonly none: 0;
|
|
7646
|
+
readonly half: "999em";
|
|
7647
|
+
readonly 25: "2px";
|
|
7648
|
+
readonly 50: "4px";
|
|
7649
|
+
readonly 75: "6px";
|
|
7650
|
+
readonly 100: "8px";
|
|
7651
|
+
readonly 200: "16px";
|
|
7652
|
+
};
|
|
7653
|
+
shadows: {
|
|
7654
|
+
readonly 50: "0 4px 16px #05003812";
|
|
7655
|
+
readonly 100: "0 8px 32px #05003808";
|
|
7656
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
7657
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
7658
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
7659
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
7660
|
+
};
|
|
7661
|
+
sizes: {
|
|
7662
|
+
readonly number: string;
|
|
7663
|
+
readonly 'icon-200': "16px";
|
|
7664
|
+
readonly 'icon-300': "24px";
|
|
7665
|
+
readonly 'icon-400': "32px";
|
|
7666
|
+
};
|
|
7667
|
+
space: {
|
|
7668
|
+
readonly none: 0;
|
|
7669
|
+
readonly 50: "4px";
|
|
7670
|
+
readonly 100: "8px";
|
|
7671
|
+
readonly 150: "12px";
|
|
7672
|
+
readonly 200: "16px";
|
|
7673
|
+
readonly 300: "24px";
|
|
7674
|
+
readonly 400: "32px";
|
|
7675
|
+
readonly 500: "64px";
|
|
7676
|
+
readonly 600: "48px";
|
|
7677
|
+
readonly 800: "64px";
|
|
7678
|
+
readonly 1200: "96px";
|
|
7679
|
+
readonly 1600: "128px";
|
|
7680
|
+
};
|
|
7681
|
+
'space-gap': {
|
|
7682
|
+
readonly none: any;
|
|
7683
|
+
readonly 50: any;
|
|
7684
|
+
readonly 100: any;
|
|
7685
|
+
readonly 200: any;
|
|
7686
|
+
readonly 300: any;
|
|
7687
|
+
};
|
|
7688
|
+
'space-inset': {
|
|
7689
|
+
readonly none: any;
|
|
7690
|
+
readonly 50: any;
|
|
7691
|
+
readonly 100: any;
|
|
7692
|
+
readonly 150: any;
|
|
7693
|
+
readonly 200: any;
|
|
7694
|
+
readonly 300: any;
|
|
7695
|
+
readonly 400: any;
|
|
7696
|
+
readonly 600: any;
|
|
7697
|
+
readonly 800: any;
|
|
7698
|
+
readonly 1200: any;
|
|
7699
|
+
readonly 1600: any;
|
|
7700
|
+
};
|
|
7701
|
+
'space-offset': {
|
|
7702
|
+
readonly none: any;
|
|
7703
|
+
readonly 50: any;
|
|
7704
|
+
readonly 100: any;
|
|
7705
|
+
readonly 150: any;
|
|
7706
|
+
readonly 200: any;
|
|
7707
|
+
readonly 300: any;
|
|
7708
|
+
readonly 400: any;
|
|
7709
|
+
readonly 600: any;
|
|
7710
|
+
readonly 800: any;
|
|
7711
|
+
readonly 1200: any;
|
|
7712
|
+
readonly 1600: any;
|
|
7713
|
+
readonly 'stacking-none': any;
|
|
7714
|
+
readonly 'stacking-100': any;
|
|
7715
|
+
readonly 'stacking-200': any;
|
|
7716
|
+
readonly 'stacking-300': any;
|
|
7717
|
+
readonly 'stacking-400': any;
|
|
7718
|
+
readonly 'stacking-500': any;
|
|
7719
|
+
readonly 'stacking-800': any;
|
|
7720
|
+
};
|
|
7721
|
+
'stroke-width': {
|
|
7722
|
+
readonly thin: "1.5px";
|
|
7723
|
+
readonly normal: "2px";
|
|
7724
|
+
readonly bold: "4px";
|
|
7725
|
+
};
|
|
7726
|
+
'z-indices': {
|
|
7727
|
+
readonly dropdownMenu: 100;
|
|
7728
|
+
readonly popover: 200;
|
|
7729
|
+
readonly tooltip: 300;
|
|
7730
|
+
};
|
|
7731
|
+
}, {
|
|
7732
|
+
readonly background: "colors";
|
|
7733
|
+
readonly backgroundColor: "colors";
|
|
7734
|
+
readonly backgroundImage: "colors";
|
|
7735
|
+
readonly blockSize: "sizes";
|
|
7736
|
+
readonly border: "colors";
|
|
7737
|
+
readonly borderBlock: "colors";
|
|
7738
|
+
readonly borderBlockEnd: "colors";
|
|
7739
|
+
readonly borderBlockStart: "colors";
|
|
7740
|
+
readonly borderBottom: "colors";
|
|
7741
|
+
readonly borderBottomColor: "colors";
|
|
7742
|
+
readonly borderBottomLeftRadius: "radii";
|
|
7743
|
+
readonly borderBottomRightRadius: "radii";
|
|
7744
|
+
readonly borderBottomStyle: "border-styles";
|
|
7745
|
+
readonly borderBottomWidth: "border-widths";
|
|
7746
|
+
readonly borderColor: "colors";
|
|
7747
|
+
readonly borderImage: "colors";
|
|
7748
|
+
readonly borderInline: "colors";
|
|
7749
|
+
readonly borderInlineEnd: "colors";
|
|
7750
|
+
readonly borderInlineStart: "colors";
|
|
7751
|
+
readonly borderLeft: "colors";
|
|
7752
|
+
readonly borderLeftColor: "colors";
|
|
7753
|
+
readonly borderLeftStyle: "border-styles";
|
|
7754
|
+
readonly borderLeftWidth: "border-widths";
|
|
7755
|
+
readonly borderRadius: "radii";
|
|
7756
|
+
readonly borderRight: "colors";
|
|
7757
|
+
readonly borderRightColor: "colors";
|
|
7758
|
+
readonly borderRightStyle: "border-styles";
|
|
7759
|
+
readonly borderRightWidth: "border-widths";
|
|
7760
|
+
readonly borderStyle: "border-styles";
|
|
7761
|
+
readonly borderTop: "colors";
|
|
7762
|
+
readonly borderTopColor: "colors";
|
|
7763
|
+
readonly borderTopLeftRadius: "radii";
|
|
7764
|
+
readonly borderTopRightRadius: "radii";
|
|
7765
|
+
readonly borderTopStyle: "border-styles";
|
|
7766
|
+
readonly borderTopWidth: "border-widths";
|
|
7767
|
+
readonly borderWidth: "border-widths";
|
|
7768
|
+
readonly bottom: "space";
|
|
7769
|
+
readonly boxShadow: "shadows";
|
|
7770
|
+
readonly caretColor: "colors";
|
|
7771
|
+
readonly color: "colors";
|
|
7772
|
+
readonly columnGap: "space-gap";
|
|
7773
|
+
readonly columnRuleColor: "colors";
|
|
7774
|
+
readonly fill: "colors";
|
|
7775
|
+
readonly flexBasis: "sizes";
|
|
7776
|
+
readonly fontFamily: "fonts";
|
|
7777
|
+
readonly fontSize: "font-sizes";
|
|
7778
|
+
readonly fontWeight: "font-weights";
|
|
7779
|
+
readonly gap: "space-gap";
|
|
7780
|
+
readonly gridColumnGap: "space-gap";
|
|
7781
|
+
readonly gridGap: "space-gap";
|
|
7782
|
+
readonly gridRowGap: "space-gap";
|
|
7783
|
+
readonly gridTemplateColumns: "sizes";
|
|
7784
|
+
readonly gridTemplateRows: "sizes";
|
|
7785
|
+
readonly height: "sizes";
|
|
7786
|
+
readonly inlineSize: "sizes";
|
|
7787
|
+
readonly inset: "space-inset";
|
|
7788
|
+
readonly insetBlock: "space-inset";
|
|
7789
|
+
readonly insetBlockEnd: "space-inset";
|
|
7790
|
+
readonly insetBlockStart: "space-inset";
|
|
7791
|
+
readonly insetInline: "space-inset";
|
|
7792
|
+
readonly insetInlineEnd: "space-inset";
|
|
7793
|
+
readonly insetInlineStart: "space-inset";
|
|
7794
|
+
readonly left: "space";
|
|
7795
|
+
readonly letterSpacing: "letter-spacings";
|
|
7796
|
+
readonly lineHeight: "line-heights";
|
|
7797
|
+
readonly margin: "space-offset";
|
|
7798
|
+
readonly marginBlock: "space-offset";
|
|
7799
|
+
readonly marginBlockEnd: "space-offset";
|
|
7800
|
+
readonly marginBlockStart: "space-offset";
|
|
7801
|
+
readonly marginBottom: "space-offset";
|
|
7802
|
+
readonly marginInline: "space-offset";
|
|
7803
|
+
readonly marginInlineEnd: "space-offset";
|
|
7804
|
+
readonly marginInlineStart: "space-offset";
|
|
7805
|
+
readonly marginLeft: "space-offset";
|
|
7806
|
+
readonly marginRight: "space-offset";
|
|
7807
|
+
readonly marginTop: "space-offset";
|
|
7808
|
+
readonly maxBlockSize: "sizes";
|
|
7809
|
+
readonly maxHeight: "sizes";
|
|
7810
|
+
readonly maxInlineSize: "sizes";
|
|
7811
|
+
readonly maxWidth: "sizes";
|
|
7812
|
+
readonly minBlockSize: "sizes";
|
|
7813
|
+
readonly minHeight: "sizes";
|
|
7814
|
+
readonly minInlineSize: "sizes";
|
|
7815
|
+
readonly minWidth: "sizes";
|
|
7816
|
+
readonly outline: "colors";
|
|
7817
|
+
readonly outlineColor: "colors";
|
|
7818
|
+
readonly padding: "space-inset";
|
|
7819
|
+
readonly paddingBlock: "space-inset";
|
|
7820
|
+
readonly paddingBlockEnd: "space-inset";
|
|
7821
|
+
readonly paddingBlockStart: "space-inset";
|
|
7822
|
+
readonly paddingBottom: "space-inset";
|
|
7823
|
+
readonly paddingInline: "space-inset";
|
|
7824
|
+
readonly paddingInlineEnd: "space-inset";
|
|
7825
|
+
readonly paddingInlineStart: "space-inset";
|
|
7826
|
+
readonly paddingLeft: "space-inset";
|
|
7827
|
+
readonly paddingRight: "space-inset";
|
|
7828
|
+
readonly paddingTop: "space-inset";
|
|
7829
|
+
readonly right: "space";
|
|
7830
|
+
readonly rowGap: "space-gap";
|
|
7831
|
+
readonly scrollMargin: "space-offset";
|
|
7832
|
+
readonly scrollMarginBlock: "space-offset";
|
|
7833
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
7834
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
7835
|
+
readonly scrollMarginBottom: "space-offset";
|
|
7836
|
+
readonly scrollMarginInline: "space-offset";
|
|
7837
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
7838
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
7839
|
+
readonly scrollMarginLeft: "space-offset";
|
|
7840
|
+
readonly scrollMarginRight: "space-offset";
|
|
7841
|
+
readonly scrollMarginTop: "space-offset";
|
|
7842
|
+
readonly scrollPadding: "space-inset";
|
|
7843
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
7844
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
7845
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
7846
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
7847
|
+
readonly scrollPaddingInline: "space-inset";
|
|
7848
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
7849
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
7850
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
7851
|
+
readonly scrollPaddingRight: "space-inset";
|
|
7852
|
+
readonly scrollPaddingTop: "space-inset";
|
|
7853
|
+
readonly stroke: "colors";
|
|
7854
|
+
readonly strokeWidth: "stroke-width";
|
|
7855
|
+
readonly textDecorationColor: "colors";
|
|
7856
|
+
readonly textShadow: "shadows";
|
|
7857
|
+
readonly top: "space";
|
|
7858
|
+
readonly transition: "transitions";
|
|
7859
|
+
readonly width: "sizes";
|
|
7860
|
+
readonly zIndex: "z-indices";
|
|
7861
|
+
}, {
|
|
7862
|
+
paddingX: (value: {
|
|
7863
|
+
readonly [$$PropertyValue]: "padding";
|
|
7864
|
+
}) => {
|
|
7865
|
+
paddingLeft: {
|
|
7866
|
+
readonly [$$PropertyValue]: "padding";
|
|
7867
|
+
};
|
|
7868
|
+
paddingRight: {
|
|
7869
|
+
readonly [$$PropertyValue]: "padding";
|
|
7870
|
+
};
|
|
7871
|
+
};
|
|
7872
|
+
paddingY: (value: {
|
|
7873
|
+
readonly [$$PropertyValue]: "padding";
|
|
7874
|
+
}) => {
|
|
7875
|
+
paddingTop: {
|
|
7876
|
+
readonly [$$PropertyValue]: "padding";
|
|
7877
|
+
};
|
|
7878
|
+
paddingBottom: {
|
|
7879
|
+
readonly [$$PropertyValue]: "padding";
|
|
7880
|
+
};
|
|
7881
|
+
};
|
|
7882
|
+
marginX: (value: {
|
|
7883
|
+
readonly [$$PropertyValue]: "margin";
|
|
7884
|
+
}) => {
|
|
7885
|
+
marginLeft: {
|
|
7886
|
+
readonly [$$PropertyValue]: "margin";
|
|
7887
|
+
};
|
|
7888
|
+
marginRight: {
|
|
7889
|
+
readonly [$$PropertyValue]: "margin";
|
|
7890
|
+
};
|
|
7891
|
+
};
|
|
7892
|
+
marginY: (value: {
|
|
7893
|
+
readonly [$$PropertyValue]: "margin";
|
|
7894
|
+
}) => {
|
|
7895
|
+
marginTop: {
|
|
7896
|
+
readonly [$$PropertyValue]: "margin";
|
|
7897
|
+
};
|
|
7898
|
+
marginBottom: {
|
|
7899
|
+
readonly [$$PropertyValue]: "margin";
|
|
7900
|
+
};
|
|
7901
|
+
};
|
|
7902
|
+
square: (value: {
|
|
7903
|
+
readonly [$$PropertyValue]: "width";
|
|
7904
|
+
}) => {
|
|
7905
|
+
width: {
|
|
7906
|
+
readonly [$$PropertyValue]: "width";
|
|
7907
|
+
};
|
|
7908
|
+
height: {
|
|
7909
|
+
readonly [$$PropertyValue]: "width";
|
|
7910
|
+
};
|
|
7911
|
+
};
|
|
7912
|
+
}> | undefined;
|
|
7913
|
+
}> & {
|
|
7914
|
+
children?: react.ReactNode;
|
|
7915
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>, {}, {}>;
|
|
7916
|
+
|
|
7917
|
+
declare const ItemDescription: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
|
|
7918
|
+
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
7919
|
+
} & {
|
|
7920
|
+
asChild?: boolean | undefined;
|
|
7921
|
+
}, "css"> & _stitches_react_types_styled_component.TransformProps<{}, {}> & {
|
|
7922
|
+
css?: _stitches_react_types_css_util.CSS<{}, {
|
|
7923
|
+
'border-widths': {
|
|
7924
|
+
readonly none: 0;
|
|
7925
|
+
readonly sm: "1px";
|
|
7926
|
+
readonly md: "2px";
|
|
7927
|
+
readonly lg: "4px";
|
|
7928
|
+
};
|
|
7929
|
+
colors: {
|
|
7930
|
+
readonly 'blue-100': any;
|
|
7931
|
+
readonly 'blue-200': any;
|
|
7932
|
+
readonly 'blue-300': any;
|
|
7933
|
+
readonly 'blue-400': any;
|
|
7934
|
+
readonly 'blue-500': any;
|
|
7935
|
+
readonly 'blue-600': any;
|
|
7936
|
+
readonly 'blue-700': any;
|
|
7937
|
+
readonly 'blue-800': any;
|
|
7938
|
+
readonly 'blue-900': any;
|
|
7939
|
+
readonly 'blue-1000': any;
|
|
7940
|
+
readonly 'gray-100': any;
|
|
7941
|
+
readonly 'gray-200': any;
|
|
7942
|
+
readonly 'gray-300': any;
|
|
7943
|
+
readonly 'gray-400': any;
|
|
7944
|
+
readonly 'gray-500': any;
|
|
7945
|
+
readonly 'gray-600': any;
|
|
7946
|
+
readonly 'gray-700': any;
|
|
7947
|
+
readonly 'gray-800': any;
|
|
7948
|
+
readonly 'gray-900': any;
|
|
7949
|
+
readonly 'indigo-100': any;
|
|
7950
|
+
readonly 'indigo-200': any;
|
|
7951
|
+
readonly 'indigo-300': any;
|
|
7952
|
+
readonly 'indigo-400': any;
|
|
7953
|
+
readonly 'indigo-500': any;
|
|
7954
|
+
readonly 'indigo-600': any;
|
|
7955
|
+
readonly 'indigo-700': any;
|
|
7956
|
+
readonly 'indigo-800': any;
|
|
7957
|
+
readonly 'indigo-900': any;
|
|
7958
|
+
readonly 'red-100': any;
|
|
7959
|
+
readonly 'red-200': any;
|
|
7960
|
+
readonly 'red-300': any;
|
|
7961
|
+
readonly 'red-400': any;
|
|
7962
|
+
readonly 'red-500': any;
|
|
7963
|
+
readonly 'red-600': any;
|
|
7964
|
+
readonly 'red-700': any;
|
|
7965
|
+
readonly 'red-800': any;
|
|
7966
|
+
readonly 'red-900': any;
|
|
7967
|
+
readonly 'yellow-100': any;
|
|
7968
|
+
readonly 'yellow-200': any;
|
|
7969
|
+
readonly 'yellow-300': any;
|
|
7970
|
+
readonly 'yellow-400': any;
|
|
7971
|
+
readonly 'yellow-500': any;
|
|
7972
|
+
readonly 'yellow-600': any;
|
|
7973
|
+
readonly 'yellow-700': any;
|
|
7974
|
+
readonly 'yellow-800': any;
|
|
7975
|
+
readonly 'yellow-900': any;
|
|
7976
|
+
readonly 'green-100': any;
|
|
7977
|
+
readonly 'green-200': any;
|
|
7978
|
+
readonly 'green-300': any;
|
|
7979
|
+
readonly 'green-400': any;
|
|
7980
|
+
readonly 'green-500': any;
|
|
7981
|
+
readonly 'green-600': any;
|
|
7982
|
+
readonly 'green-700': any;
|
|
7983
|
+
readonly 'green-800': any;
|
|
7984
|
+
readonly 'green-900': any;
|
|
7985
|
+
readonly black: any;
|
|
7986
|
+
readonly white: any;
|
|
7987
|
+
readonly transparent: any;
|
|
7988
|
+
readonly 'background-danger'?: any;
|
|
7989
|
+
readonly 'background-danger-hover'?: any;
|
|
7990
|
+
readonly 'background-danger-prominent'?: any;
|
|
7991
|
+
readonly 'background-danger-prominent-active'?: any;
|
|
7992
|
+
readonly 'background-danger-prominent-hover'?: any;
|
|
7993
|
+
readonly 'background-neutrals'?: any;
|
|
7994
|
+
readonly 'background-neutrals-body'?: any;
|
|
7995
|
+
readonly 'background-neutrals-container'?: any;
|
|
7996
|
+
readonly 'background-neutrals-controls-disabled'?: any;
|
|
7997
|
+
readonly 'background-neutrals-disabled'?: any;
|
|
7998
|
+
readonly 'background-neutrals-inactive'?: any;
|
|
7999
|
+
readonly 'background-neutrals-inactive-hover'?: any;
|
|
8000
|
+
readonly 'background-neutrals-inverted'?: any;
|
|
8001
|
+
readonly 'background-neutrals-inverted-subtle'?: any;
|
|
8002
|
+
readonly 'background-neutrals-scrolls'?: any;
|
|
8003
|
+
readonly 'background-neutrals-scrolls-hover'?: any;
|
|
8004
|
+
readonly 'background-neutrals-subtle'?: any;
|
|
8005
|
+
readonly 'background-neutrals-subtle-active'?: any;
|
|
8006
|
+
readonly 'background-neutrals-subtle-hover'?: any;
|
|
8007
|
+
readonly 'background-primary-prominent'?: any;
|
|
8008
|
+
readonly 'background-primary-prominent-active'?: any;
|
|
8009
|
+
readonly 'background-primary-prominent-hover'?: any;
|
|
8010
|
+
readonly 'background-primary-prominent-selected'?: any;
|
|
8011
|
+
readonly 'background-primary-subtle'?: any;
|
|
8012
|
+
readonly 'background-primary-subtle-active'?: any;
|
|
8013
|
+
readonly 'background-primary-subtle-hover'?: any;
|
|
8014
|
+
readonly 'background-primary-subtle-selected'?: any;
|
|
8015
|
+
readonly 'background-success'?: any;
|
|
8016
|
+
readonly 'background-warning-prominent'?: any;
|
|
8017
|
+
readonly 'background-warning-subtle'?: any;
|
|
8018
|
+
readonly 'text-danger'?: any;
|
|
8019
|
+
readonly 'text-danger-active'?: any;
|
|
8020
|
+
readonly 'text-danger-hover'?: any;
|
|
8021
|
+
readonly 'text-danger-inverted'?: any;
|
|
8022
|
+
readonly 'text-neutrals'?: any;
|
|
8023
|
+
readonly 'text-neutrals-disabled'?: any;
|
|
8024
|
+
readonly 'text-neutrals-inverted'?: any;
|
|
8025
|
+
readonly 'text-neutrals-link'?: any;
|
|
8026
|
+
readonly 'text-neutrals-link-active'?: any;
|
|
8027
|
+
readonly 'text-neutrals-link-hover'?: any;
|
|
8028
|
+
readonly 'text-neutrals-placeholder'?: any;
|
|
8029
|
+
readonly 'text-neutrals-placeholder-only'?: any;
|
|
8030
|
+
readonly 'text-neutrals-subtle'?: any;
|
|
8031
|
+
readonly 'text-primary'?: any;
|
|
8032
|
+
readonly 'text-primary-active'?: any;
|
|
8033
|
+
readonly 'text-primary-hover'?: any;
|
|
8034
|
+
readonly 'text-primary-inverted'?: any;
|
|
8035
|
+
readonly 'text-primary-inverted-subtle'?: any;
|
|
8036
|
+
readonly 'text-primary-selected'?: any;
|
|
8037
|
+
readonly 'text-success'?: any;
|
|
8038
|
+
readonly 'text-warning'?: any;
|
|
8039
|
+
readonly 'icon-danger'?: any;
|
|
8040
|
+
readonly 'icon-danger-active'?: any;
|
|
8041
|
+
readonly 'icon-danger-hover'?: any;
|
|
8042
|
+
readonly 'icon-danger-inverted'?: any;
|
|
8043
|
+
readonly 'icon-neutrals'?: any;
|
|
8044
|
+
readonly 'icon-neutrals-disabled'?: any;
|
|
8045
|
+
readonly 'icon-neutrals-inactive'?: any;
|
|
8046
|
+
readonly 'icon-neutrals-inactive-hover'?: any;
|
|
8047
|
+
readonly 'icon-neutrals-inverted'?: any;
|
|
8048
|
+
readonly 'icon-neutrals-search'?: any;
|
|
8049
|
+
readonly 'icon-neutrals-subtle'?: any;
|
|
8050
|
+
readonly 'icon-neutrals-with-text'?: any;
|
|
8051
|
+
readonly 'icon-primary'?: any;
|
|
8052
|
+
readonly 'icon-primary-active'?: any;
|
|
8053
|
+
readonly 'icon-primary-hover'?: any;
|
|
8054
|
+
readonly 'icon-primary-inverted'?: any;
|
|
8055
|
+
readonly 'icon-primary-selected'?: any;
|
|
8056
|
+
readonly 'icon-success'?: any;
|
|
8057
|
+
readonly 'icon-success-inverted'?: any;
|
|
8058
|
+
readonly 'icon-warning'?: any;
|
|
8059
|
+
readonly 'border-danger'?: any;
|
|
8060
|
+
readonly 'border-focus-inner'?: any;
|
|
8061
|
+
readonly 'border-focus-middle'?: any;
|
|
8062
|
+
readonly 'border-focus-outer'?: any;
|
|
8063
|
+
readonly 'border-neutrals'?: any;
|
|
8064
|
+
readonly 'border-neutrals-active'?: any;
|
|
8065
|
+
readonly 'border-neutrals-controls'?: any;
|
|
8066
|
+
readonly 'border-neutrals-controls-disabled'?: any;
|
|
8067
|
+
readonly 'border-neutrals-disabled'?: any;
|
|
8068
|
+
readonly 'border-neutrals-hover'?: any;
|
|
8069
|
+
readonly 'border-neutrals-inverted'?: any;
|
|
8070
|
+
readonly 'border-neutrals-subtle'?: any;
|
|
8071
|
+
readonly 'border-primary'?: any;
|
|
8072
|
+
readonly 'border-primary-active'?: any;
|
|
8073
|
+
readonly 'border-primary-hover'?: any;
|
|
8074
|
+
readonly 'border-primary-inverted'?: any;
|
|
8075
|
+
readonly 'border-success'?: any;
|
|
8076
|
+
readonly 'border-warning'?: any;
|
|
8077
|
+
};
|
|
8078
|
+
'font-sizes': {
|
|
8079
|
+
readonly 150: "0.75rem";
|
|
8080
|
+
readonly 175: "0.875rem";
|
|
8081
|
+
readonly 200: "1rem";
|
|
8082
|
+
readonly 225: "1.125rem";
|
|
8083
|
+
readonly 250: "1.25rem";
|
|
8084
|
+
readonly 300: "1.5rem";
|
|
8085
|
+
readonly 400: "2rem";
|
|
8086
|
+
readonly 500: "2.5rem";
|
|
8087
|
+
readonly 600: "3rem";
|
|
8088
|
+
readonly 800: "4rem";
|
|
8089
|
+
readonly 900: "4.5rem";
|
|
8090
|
+
};
|
|
8091
|
+
radii: {
|
|
8092
|
+
readonly none: 0;
|
|
8093
|
+
readonly half: "999em";
|
|
8094
|
+
readonly 25: "2px";
|
|
8095
|
+
readonly 50: "4px";
|
|
8096
|
+
readonly 75: "6px";
|
|
8097
|
+
readonly 100: "8px";
|
|
8098
|
+
readonly 200: "16px";
|
|
8099
|
+
};
|
|
8100
|
+
shadows: {
|
|
8101
|
+
readonly 50: "0 4px 16px #05003812";
|
|
8102
|
+
readonly 100: "0 8px 32px #05003808";
|
|
8103
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
8104
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
8105
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
8106
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
8107
|
+
};
|
|
8108
|
+
sizes: {
|
|
8109
|
+
readonly number: string;
|
|
8110
|
+
readonly 'icon-200': "16px";
|
|
8111
|
+
readonly 'icon-300': "24px";
|
|
8112
|
+
readonly 'icon-400': "32px";
|
|
8113
|
+
};
|
|
8114
|
+
space: {
|
|
8115
|
+
readonly none: 0;
|
|
8116
|
+
readonly 50: "4px";
|
|
8117
|
+
readonly 100: "8px";
|
|
8118
|
+
readonly 150: "12px";
|
|
8119
|
+
readonly 200: "16px";
|
|
8120
|
+
readonly 300: "24px";
|
|
8121
|
+
readonly 400: "32px";
|
|
8122
|
+
readonly 500: "64px";
|
|
8123
|
+
readonly 600: "48px";
|
|
8124
|
+
readonly 800: "64px";
|
|
8125
|
+
readonly 1200: "96px";
|
|
8126
|
+
readonly 1600: "128px";
|
|
8127
|
+
};
|
|
8128
|
+
'space-gap': {
|
|
8129
|
+
readonly none: any;
|
|
8130
|
+
readonly 50: any;
|
|
8131
|
+
readonly 100: any;
|
|
8132
|
+
readonly 200: any;
|
|
8133
|
+
readonly 300: any;
|
|
8134
|
+
};
|
|
8135
|
+
'space-inset': {
|
|
8136
|
+
readonly none: any;
|
|
8137
|
+
readonly 50: any;
|
|
8138
|
+
readonly 100: any;
|
|
8139
|
+
readonly 150: any;
|
|
8140
|
+
readonly 200: any;
|
|
8141
|
+
readonly 300: any;
|
|
8142
|
+
readonly 400: any;
|
|
8143
|
+
readonly 600: any;
|
|
8144
|
+
readonly 800: any;
|
|
8145
|
+
readonly 1200: any;
|
|
8146
|
+
readonly 1600: any;
|
|
8147
|
+
};
|
|
8148
|
+
'space-offset': {
|
|
8149
|
+
readonly none: any;
|
|
8150
|
+
readonly 50: any;
|
|
8151
|
+
readonly 100: any;
|
|
8152
|
+
readonly 150: any;
|
|
8153
|
+
readonly 200: any;
|
|
8154
|
+
readonly 300: any;
|
|
8155
|
+
readonly 400: any;
|
|
8156
|
+
readonly 600: any;
|
|
8157
|
+
readonly 800: any;
|
|
8158
|
+
readonly 1200: any;
|
|
8159
|
+
readonly 1600: any;
|
|
8160
|
+
readonly 'stacking-none': any;
|
|
8161
|
+
readonly 'stacking-100': any;
|
|
8162
|
+
readonly 'stacking-200': any;
|
|
8163
|
+
readonly 'stacking-300': any;
|
|
8164
|
+
readonly 'stacking-400': any;
|
|
8165
|
+
readonly 'stacking-500': any;
|
|
8166
|
+
readonly 'stacking-800': any;
|
|
8167
|
+
};
|
|
8168
|
+
'stroke-width': {
|
|
8169
|
+
readonly thin: "1.5px";
|
|
8170
|
+
readonly normal: "2px";
|
|
8171
|
+
readonly bold: "4px";
|
|
8172
|
+
};
|
|
8173
|
+
'z-indices': {
|
|
8174
|
+
readonly dropdownMenu: 100;
|
|
8175
|
+
readonly popover: 200;
|
|
8176
|
+
readonly tooltip: 300;
|
|
8177
|
+
};
|
|
8178
|
+
}, {
|
|
8179
|
+
readonly background: "colors";
|
|
8180
|
+
readonly backgroundColor: "colors";
|
|
8181
|
+
readonly backgroundImage: "colors";
|
|
8182
|
+
readonly blockSize: "sizes";
|
|
8183
|
+
readonly border: "colors";
|
|
8184
|
+
readonly borderBlock: "colors";
|
|
8185
|
+
readonly borderBlockEnd: "colors";
|
|
8186
|
+
readonly borderBlockStart: "colors";
|
|
8187
|
+
readonly borderBottom: "colors";
|
|
8188
|
+
readonly borderBottomColor: "colors";
|
|
8189
|
+
readonly borderBottomLeftRadius: "radii";
|
|
8190
|
+
readonly borderBottomRightRadius: "radii";
|
|
8191
|
+
readonly borderBottomStyle: "border-styles";
|
|
8192
|
+
readonly borderBottomWidth: "border-widths";
|
|
8193
|
+
readonly borderColor: "colors";
|
|
8194
|
+
readonly borderImage: "colors";
|
|
8195
|
+
readonly borderInline: "colors";
|
|
8196
|
+
readonly borderInlineEnd: "colors";
|
|
8197
|
+
readonly borderInlineStart: "colors";
|
|
8198
|
+
readonly borderLeft: "colors";
|
|
8199
|
+
readonly borderLeftColor: "colors";
|
|
8200
|
+
readonly borderLeftStyle: "border-styles";
|
|
8201
|
+
readonly borderLeftWidth: "border-widths";
|
|
8202
|
+
readonly borderRadius: "radii";
|
|
8203
|
+
readonly borderRight: "colors";
|
|
8204
|
+
readonly borderRightColor: "colors";
|
|
8205
|
+
readonly borderRightStyle: "border-styles";
|
|
8206
|
+
readonly borderRightWidth: "border-widths";
|
|
8207
|
+
readonly borderStyle: "border-styles";
|
|
8208
|
+
readonly borderTop: "colors";
|
|
8209
|
+
readonly borderTopColor: "colors";
|
|
8210
|
+
readonly borderTopLeftRadius: "radii";
|
|
8211
|
+
readonly borderTopRightRadius: "radii";
|
|
8212
|
+
readonly borderTopStyle: "border-styles";
|
|
8213
|
+
readonly borderTopWidth: "border-widths";
|
|
8214
|
+
readonly borderWidth: "border-widths";
|
|
8215
|
+
readonly bottom: "space";
|
|
8216
|
+
readonly boxShadow: "shadows";
|
|
8217
|
+
readonly caretColor: "colors";
|
|
8218
|
+
readonly color: "colors";
|
|
8219
|
+
readonly columnGap: "space-gap";
|
|
8220
|
+
readonly columnRuleColor: "colors";
|
|
8221
|
+
readonly fill: "colors";
|
|
8222
|
+
readonly flexBasis: "sizes";
|
|
8223
|
+
readonly fontFamily: "fonts";
|
|
8224
|
+
readonly fontSize: "font-sizes";
|
|
8225
|
+
readonly fontWeight: "font-weights";
|
|
8226
|
+
readonly gap: "space-gap";
|
|
8227
|
+
readonly gridColumnGap: "space-gap";
|
|
8228
|
+
readonly gridGap: "space-gap";
|
|
8229
|
+
readonly gridRowGap: "space-gap";
|
|
8230
|
+
readonly gridTemplateColumns: "sizes";
|
|
8231
|
+
readonly gridTemplateRows: "sizes";
|
|
8232
|
+
readonly height: "sizes";
|
|
8233
|
+
readonly inlineSize: "sizes";
|
|
8234
|
+
readonly inset: "space-inset";
|
|
8235
|
+
readonly insetBlock: "space-inset";
|
|
8236
|
+
readonly insetBlockEnd: "space-inset";
|
|
8237
|
+
readonly insetBlockStart: "space-inset";
|
|
8238
|
+
readonly insetInline: "space-inset";
|
|
8239
|
+
readonly insetInlineEnd: "space-inset";
|
|
8240
|
+
readonly insetInlineStart: "space-inset";
|
|
8241
|
+
readonly left: "space";
|
|
8242
|
+
readonly letterSpacing: "letter-spacings";
|
|
8243
|
+
readonly lineHeight: "line-heights";
|
|
8244
|
+
readonly margin: "space-offset";
|
|
8245
|
+
readonly marginBlock: "space-offset";
|
|
8246
|
+
readonly marginBlockEnd: "space-offset";
|
|
8247
|
+
readonly marginBlockStart: "space-offset";
|
|
8248
|
+
readonly marginBottom: "space-offset";
|
|
8249
|
+
readonly marginInline: "space-offset";
|
|
8250
|
+
readonly marginInlineEnd: "space-offset";
|
|
8251
|
+
readonly marginInlineStart: "space-offset";
|
|
8252
|
+
readonly marginLeft: "space-offset";
|
|
8253
|
+
readonly marginRight: "space-offset";
|
|
8254
|
+
readonly marginTop: "space-offset";
|
|
8255
|
+
readonly maxBlockSize: "sizes";
|
|
8256
|
+
readonly maxHeight: "sizes";
|
|
8257
|
+
readonly maxInlineSize: "sizes";
|
|
8258
|
+
readonly maxWidth: "sizes";
|
|
8259
|
+
readonly minBlockSize: "sizes";
|
|
8260
|
+
readonly minHeight: "sizes";
|
|
8261
|
+
readonly minInlineSize: "sizes";
|
|
8262
|
+
readonly minWidth: "sizes";
|
|
8263
|
+
readonly outline: "colors";
|
|
8264
|
+
readonly outlineColor: "colors";
|
|
8265
|
+
readonly padding: "space-inset";
|
|
8266
|
+
readonly paddingBlock: "space-inset";
|
|
8267
|
+
readonly paddingBlockEnd: "space-inset";
|
|
8268
|
+
readonly paddingBlockStart: "space-inset";
|
|
8269
|
+
readonly paddingBottom: "space-inset";
|
|
8270
|
+
readonly paddingInline: "space-inset";
|
|
8271
|
+
readonly paddingInlineEnd: "space-inset";
|
|
8272
|
+
readonly paddingInlineStart: "space-inset";
|
|
8273
|
+
readonly paddingLeft: "space-inset";
|
|
8274
|
+
readonly paddingRight: "space-inset";
|
|
8275
|
+
readonly paddingTop: "space-inset";
|
|
8276
|
+
readonly right: "space";
|
|
8277
|
+
readonly rowGap: "space-gap";
|
|
8278
|
+
readonly scrollMargin: "space-offset";
|
|
8279
|
+
readonly scrollMarginBlock: "space-offset";
|
|
8280
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
8281
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
8282
|
+
readonly scrollMarginBottom: "space-offset";
|
|
8283
|
+
readonly scrollMarginInline: "space-offset";
|
|
8284
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
8285
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
8286
|
+
readonly scrollMarginLeft: "space-offset";
|
|
8287
|
+
readonly scrollMarginRight: "space-offset";
|
|
8288
|
+
readonly scrollMarginTop: "space-offset";
|
|
8289
|
+
readonly scrollPadding: "space-inset";
|
|
8290
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
8291
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
8292
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
8293
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
8294
|
+
readonly scrollPaddingInline: "space-inset";
|
|
8295
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
8296
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
8297
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
8298
|
+
readonly scrollPaddingRight: "space-inset";
|
|
8299
|
+
readonly scrollPaddingTop: "space-inset";
|
|
8300
|
+
readonly stroke: "colors";
|
|
8301
|
+
readonly strokeWidth: "stroke-width";
|
|
8302
|
+
readonly textDecorationColor: "colors";
|
|
8303
|
+
readonly textShadow: "shadows";
|
|
8304
|
+
readonly top: "space";
|
|
8305
|
+
readonly transition: "transitions";
|
|
8306
|
+
readonly width: "sizes";
|
|
8307
|
+
readonly zIndex: "z-indices";
|
|
8308
|
+
}, {
|
|
8309
|
+
paddingX: (value: {
|
|
8310
|
+
readonly [$$PropertyValue]: "padding";
|
|
8311
|
+
}) => {
|
|
8312
|
+
paddingLeft: {
|
|
8313
|
+
readonly [$$PropertyValue]: "padding";
|
|
8314
|
+
};
|
|
8315
|
+
paddingRight: {
|
|
8316
|
+
readonly [$$PropertyValue]: "padding";
|
|
8317
|
+
};
|
|
8318
|
+
};
|
|
8319
|
+
paddingY: (value: {
|
|
8320
|
+
readonly [$$PropertyValue]: "padding";
|
|
8321
|
+
}) => {
|
|
8322
|
+
paddingTop: {
|
|
8323
|
+
readonly [$$PropertyValue]: "padding";
|
|
8324
|
+
};
|
|
8325
|
+
paddingBottom: {
|
|
8326
|
+
readonly [$$PropertyValue]: "padding";
|
|
8327
|
+
};
|
|
8328
|
+
};
|
|
8329
|
+
marginX: (value: {
|
|
8330
|
+
readonly [$$PropertyValue]: "margin";
|
|
8331
|
+
}) => {
|
|
8332
|
+
marginLeft: {
|
|
8333
|
+
readonly [$$PropertyValue]: "margin";
|
|
8334
|
+
};
|
|
8335
|
+
marginRight: {
|
|
8336
|
+
readonly [$$PropertyValue]: "margin";
|
|
8337
|
+
};
|
|
8338
|
+
};
|
|
8339
|
+
marginY: (value: {
|
|
8340
|
+
readonly [$$PropertyValue]: "margin";
|
|
8341
|
+
}) => {
|
|
8342
|
+
marginTop: {
|
|
8343
|
+
readonly [$$PropertyValue]: "margin";
|
|
8344
|
+
};
|
|
8345
|
+
marginBottom: {
|
|
8346
|
+
readonly [$$PropertyValue]: "margin";
|
|
8347
|
+
};
|
|
8348
|
+
};
|
|
8349
|
+
square: (value: {
|
|
8350
|
+
readonly [$$PropertyValue]: "width";
|
|
8351
|
+
}) => {
|
|
8352
|
+
width: {
|
|
8353
|
+
readonly [$$PropertyValue]: "width";
|
|
8354
|
+
};
|
|
8355
|
+
height: {
|
|
8356
|
+
readonly [$$PropertyValue]: "width";
|
|
8357
|
+
};
|
|
8358
|
+
};
|
|
8359
|
+
}> | undefined;
|
|
8360
|
+
}> & {
|
|
8361
|
+
children?: react.ReactNode;
|
|
8362
|
+
} & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "children" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
|
|
8363
|
+
|
|
8364
|
+
interface DropdownMenuProps {
|
|
8365
|
+
/**
|
|
8366
|
+
* The open state of the dropdown menu when it is initially rendered. Use when
|
|
8367
|
+
* you do not need to control its open state.
|
|
8368
|
+
*/
|
|
8369
|
+
defaultOpen?: boolean;
|
|
8370
|
+
/**
|
|
8371
|
+
* The reading direction of submenus when applicable. If omitted, assumes LTR
|
|
8372
|
+
* (left-to-right) reading mode.
|
|
8373
|
+
*/
|
|
8374
|
+
direction?: 'ltr' | 'rtl';
|
|
8375
|
+
/**
|
|
8376
|
+
* The current dropdown open state.
|
|
8377
|
+
*/
|
|
8378
|
+
open?: boolean;
|
|
8379
|
+
/**
|
|
8380
|
+
* Event handler called when the dropdown opens.
|
|
8381
|
+
*/
|
|
8382
|
+
onOpen?: () => void;
|
|
8383
|
+
/**
|
|
8384
|
+
* Event handler called when the dropdown closes.
|
|
8385
|
+
*/
|
|
8386
|
+
onClose?: () => void;
|
|
8387
|
+
/**
|
|
8388
|
+
* Defines whether the interaction with outside elements will be disabled and
|
|
8389
|
+
* only menu content will be visible to screen readers. This prop is ignored
|
|
5260
8390
|
* within submenus.
|
|
5261
8391
|
*/
|
|
5262
8392
|
interactOutside?: boolean;
|
|
8393
|
+
/**
|
|
8394
|
+
* The content
|
|
8395
|
+
*/
|
|
8396
|
+
children: react__default.ReactNode;
|
|
5263
8397
|
}
|
|
5264
8398
|
declare const DropdownMenu: react__default.FC<DropdownMenuProps> & Partials;
|
|
5265
8399
|
interface Partials {
|
|
5266
8400
|
CheckboxItem: typeof CheckboxItem;
|
|
5267
8401
|
Content: typeof Content;
|
|
5268
8402
|
IconSlot: typeof IconSlot;
|
|
8403
|
+
IllustrationSlot: typeof IllustrationSlot;
|
|
5269
8404
|
Item: typeof Item;
|
|
8405
|
+
ItemDescription: typeof ItemDescription;
|
|
5270
8406
|
LinkItem: typeof LinkItem;
|
|
5271
8407
|
Portal: typeof Portal;
|
|
5272
8408
|
RadioGroup: typeof RadioGroup;
|