@mirohq/design-system-dropdown-menu 4.0.0 → 4.0.1
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.map +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +1568 -64
- package/package.json +4 -4
package/dist/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { AnchorHTMLAttributes } from 'react';
|
|
2
|
+
import react__default, { AnchorHTMLAttributes, ComponentPropsWithRef } from 'react';
|
|
3
3
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
4
4
|
import { StrictComponentProps } from '@mirohq/design-system-stitches';
|
|
5
5
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
@@ -9,8 +9,8 @@ import { DropdownMenuPortalProps } from '@radix-ui/react-dropdown-menu';
|
|
|
9
9
|
import { CSSProperties } from '@stitches/react';
|
|
10
10
|
import { ExtractValidKeys } from '@mirohq/design-system-types';
|
|
11
11
|
import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
|
|
12
|
-
import { HotkeyProps as HotkeyProps$1 } from '@mirohq/design-system-base-hotkey';
|
|
13
12
|
import * as _mirohq_design_system_components_primitive from '@mirohq/design-system-components/primitive';
|
|
13
|
+
import { HotkeyProps as HotkeyProps$1 } from '@mirohq/design-system-base-hotkey';
|
|
14
14
|
|
|
15
15
|
declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
16
16
|
'border-widths': {
|
|
@@ -522,11 +522,14 @@ interface CheckboxItemProps extends Omit<StyledCheckboxItemProps, 'onChange'> {
|
|
|
522
522
|
onSelect?: (event: Event) => void;
|
|
523
523
|
/**
|
|
524
524
|
* Closes the dropdown when the user selects an item.
|
|
525
|
+
* @default false
|
|
525
526
|
*/
|
|
526
527
|
closeOnSelect?: boolean;
|
|
527
528
|
/**
|
|
528
|
-
* Optional text used for typeahead purposes. By default the typeahead
|
|
529
|
-
*
|
|
529
|
+
* Optional text used for typeahead purposes. By default the typeahead
|
|
530
|
+
* behavior will use the .textContent of the item.
|
|
531
|
+
* Use this when the content is complex, or you have non-textual content
|
|
532
|
+
* inside.
|
|
530
533
|
*/
|
|
531
534
|
textValue?: string;
|
|
532
535
|
}
|
|
@@ -1060,7 +1063,8 @@ declare namespace types {
|
|
|
1060
1063
|
|
|
1061
1064
|
interface ContentProps extends StyledContentProps {
|
|
1062
1065
|
/**
|
|
1063
|
-
* Whether keyboard navigation should loop around
|
|
1066
|
+
* Whether keyboard navigation should loop around.
|
|
1067
|
+
* @default false
|
|
1064
1068
|
*/
|
|
1065
1069
|
loop?: boolean;
|
|
1066
1070
|
/**
|
|
@@ -1094,35 +1098,42 @@ interface ContentProps extends StyledContentProps {
|
|
|
1094
1098
|
* The preferred side of the trigger to render against when open. Will be
|
|
1095
1099
|
* reversed when collisions occur and avoidCollisions is enabled. This prop is
|
|
1096
1100
|
* ignored within submenus.
|
|
1101
|
+
* @default 'bottom'
|
|
1097
1102
|
*/
|
|
1098
1103
|
side?: Side;
|
|
1099
1104
|
/**
|
|
1100
|
-
* The distance in pixels from the trigger
|
|
1105
|
+
* The distance in pixels from the trigger.
|
|
1106
|
+
* @default CONTENT_OFFSET
|
|
1101
1107
|
*/
|
|
1102
1108
|
sideOffset?: number;
|
|
1103
1109
|
/**
|
|
1104
1110
|
* The preferred alignment against the trigger. May change when collisions
|
|
1105
1111
|
* occur. This prop is ignored within submenus.
|
|
1112
|
+
* @default 'center'
|
|
1106
1113
|
*/
|
|
1107
1114
|
align?: Align;
|
|
1108
1115
|
/**
|
|
1109
|
-
* An offset in pixels from the "start" or "end" alignment options
|
|
1116
|
+
* An offset in pixels from the "start" or "end" alignment options.
|
|
1117
|
+
* @default 0
|
|
1110
1118
|
*/
|
|
1111
1119
|
alignOffset?: number;
|
|
1112
1120
|
/**
|
|
1113
1121
|
* When true, overrides the side and align preferences to prevent collisions
|
|
1114
1122
|
* with window edges.
|
|
1123
|
+
* @default true
|
|
1115
1124
|
*/
|
|
1116
1125
|
avoidCollisions?: boolean;
|
|
1117
1126
|
/**
|
|
1118
1127
|
* The distance in pixels from window edges where collision detection should
|
|
1119
1128
|
* occur.
|
|
1129
|
+
* @default 0
|
|
1120
1130
|
*/
|
|
1121
1131
|
collisionPadding?: number;
|
|
1122
1132
|
/**
|
|
1123
1133
|
* The sticky behavior on the align axis. "partial" will keep the content in
|
|
1124
1134
|
* the boundary as long as the trigger is at least partially in the boundary
|
|
1125
1135
|
* whilst "always" will keep the content in the boundary regardless.
|
|
1136
|
+
* @default 'partial'
|
|
1126
1137
|
*/
|
|
1127
1138
|
sticky?: StickyBehavior;
|
|
1128
1139
|
/**
|
|
@@ -1139,10 +1150,12 @@ interface ContentProps extends StyledContentProps {
|
|
|
1139
1150
|
collisionBoundary?: Element | null;
|
|
1140
1151
|
/**
|
|
1141
1152
|
* Whether to hide the content when the trigger becomes fully occluded.
|
|
1153
|
+
* @default false
|
|
1142
1154
|
*/
|
|
1143
1155
|
hideWhenDetached?: boolean;
|
|
1144
1156
|
/**
|
|
1145
|
-
* The spacing around container
|
|
1157
|
+
* The spacing around container.
|
|
1158
|
+
* @default 'medium'
|
|
1146
1159
|
*/
|
|
1147
1160
|
containerSpacing?: ContainerSpacing;
|
|
1148
1161
|
/**
|
|
@@ -1156,6 +1169,7 @@ interface ContentProps extends StyledContentProps {
|
|
|
1156
1169
|
* When set to "auto," a scrollbar is added if the content exceeds its
|
|
1157
1170
|
* boundaries. If no maxHeight is defined, it will be automatically adjusted
|
|
1158
1171
|
* to fit the remaining space between the trigger and the boundary edge.
|
|
1172
|
+
* @default 'visible'
|
|
1159
1173
|
*/
|
|
1160
1174
|
overflow?: Overflow;
|
|
1161
1175
|
}
|
|
@@ -1658,15 +1672,20 @@ declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
|
|
|
1658
1672
|
|
|
1659
1673
|
interface ItemProps extends StyledItemProps {
|
|
1660
1674
|
/**
|
|
1661
|
-
* When true, prevents the user from interacting with the item
|
|
1675
|
+
* When true, prevents the user from interacting with the item.
|
|
1676
|
+
* @default false
|
|
1662
1677
|
*/
|
|
1663
1678
|
disabled?: boolean;
|
|
1664
1679
|
/**
|
|
1665
|
-
* Event handler called when the user selects an item (via mouse of keyboard).
|
|
1680
|
+
* Event handler called when the user selects an item (via mouse of keyboard).
|
|
1681
|
+
* Calling event.preventDefault in this handler will prevent the dropdown menu
|
|
1682
|
+
* from closing when selecting that item.
|
|
1666
1683
|
*/
|
|
1667
1684
|
onSelect?: (event: Event) => void;
|
|
1668
1685
|
/**
|
|
1669
|
-
* Optional text used for typeahead purposes. By default the typeahead
|
|
1686
|
+
* Optional text used for typeahead purposes. By default the typeahead
|
|
1687
|
+
* behavior will use the .textContent of the item. Use this when the content
|
|
1688
|
+
* is complex, or you have non-textual content inside.
|
|
1670
1689
|
*/
|
|
1671
1690
|
textValue?: string;
|
|
1672
1691
|
}
|
|
@@ -2678,19 +2697,23 @@ interface RadioItemProps extends StyledRadioItemProps {
|
|
|
2678
2697
|
value: string;
|
|
2679
2698
|
/**
|
|
2680
2699
|
* When true, prevents the user from interacting with the item.
|
|
2700
|
+
* @default false
|
|
2681
2701
|
*/
|
|
2682
2702
|
disabled?: boolean;
|
|
2683
2703
|
/**
|
|
2684
|
-
* Event handler called when the user selects an item (via mouse
|
|
2704
|
+
* Event handler called when the user selects an item (via mouse or keyboard).
|
|
2685
2705
|
*/
|
|
2686
2706
|
onSelect?: (event: Event) => void;
|
|
2687
2707
|
/**
|
|
2688
2708
|
* Closes the dropdown when the user selects an item.
|
|
2709
|
+
* @default false
|
|
2689
2710
|
*/
|
|
2690
2711
|
closeOnSelect?: boolean;
|
|
2691
2712
|
/**
|
|
2692
|
-
* Optional text used for typeahead purposes. By default the typeahead
|
|
2693
|
-
*
|
|
2713
|
+
* Optional text used for typeahead purposes. By default the typeahead
|
|
2714
|
+
* behavior will use the .textContent of the item.
|
|
2715
|
+
* Use this when the content is complex, or you have non-textual content
|
|
2716
|
+
* inside.
|
|
2694
2717
|
*/
|
|
2695
2718
|
textValue?: string;
|
|
2696
2719
|
}
|
|
@@ -3701,11 +3724,14 @@ interface SwitchItemProps extends Omit<StyledSwitchItemProps, 'onChange'> {
|
|
|
3701
3724
|
onSelect?: (event: Event) => void;
|
|
3702
3725
|
/**
|
|
3703
3726
|
* Closes the dropdown when the user selects an item.
|
|
3727
|
+
* @default false
|
|
3704
3728
|
*/
|
|
3705
3729
|
closeOnSelect?: boolean;
|
|
3706
3730
|
/**
|
|
3707
|
-
* Optional text used for typeahead purposes. By default the typeahead
|
|
3708
|
-
*
|
|
3731
|
+
* Optional text used for typeahead purposes. By default the typeahead
|
|
3732
|
+
* behavior will use the .textContent of the item.
|
|
3733
|
+
* Use this when the content is complex, or you have non-textual content
|
|
3734
|
+
* inside.
|
|
3709
3735
|
*/
|
|
3710
3736
|
textValue?: string;
|
|
3711
3737
|
}
|
|
@@ -4703,7 +4729,8 @@ declare type StyledSubTriggerProps = StrictComponentProps<typeof StyledSubTrigge
|
|
|
4703
4729
|
|
|
4704
4730
|
interface SubTriggerProps extends StyledSubTriggerProps {
|
|
4705
4731
|
/**
|
|
4706
|
-
* Prevents the user from interacting with the switch
|
|
4732
|
+
* Prevents the user from interacting with the switch.
|
|
4733
|
+
* @default false
|
|
4707
4734
|
*/
|
|
4708
4735
|
disabled?: boolean;
|
|
4709
4736
|
/**
|
|
@@ -5246,10 +5273,12 @@ interface SubContentProps extends StyledSubContentProps {
|
|
|
5246
5273
|
forceMount?: true;
|
|
5247
5274
|
/**
|
|
5248
5275
|
* The distance in pixels from the trigger.
|
|
5276
|
+
* @default SIDE_OFFSET
|
|
5249
5277
|
*/
|
|
5250
5278
|
sideOffset?: number;
|
|
5251
5279
|
/**
|
|
5252
5280
|
* An offset in pixels from the "start" or "end" alignment options.
|
|
5281
|
+
* @default -CONTENT_GUTTER
|
|
5253
5282
|
*/
|
|
5254
5283
|
alignOffset?: number;
|
|
5255
5284
|
/**
|
|
@@ -5261,6 +5290,7 @@ interface SubContentProps extends StyledSubContentProps {
|
|
|
5261
5290
|
/**
|
|
5262
5291
|
*The distance in pixels from the boundary edges where collision detection
|
|
5263
5292
|
*should occur. Accepts a number (same for all sides).
|
|
5293
|
+
* @default 0
|
|
5264
5294
|
*/
|
|
5265
5295
|
collisionPadding?: number;
|
|
5266
5296
|
/**
|
|
@@ -5273,12 +5303,12 @@ interface SubContentProps extends StyledSubContentProps {
|
|
|
5273
5303
|
* The sticky behavior on the align axis. "partial" will keep the content in
|
|
5274
5304
|
* the boundary as long as the trigger is at least partially in the boundary
|
|
5275
5305
|
* whilst "always" will keep the content in the boundary regardless.
|
|
5276
|
-
* @default partial
|
|
5306
|
+
* @default 'partial'
|
|
5277
5307
|
*/
|
|
5278
5308
|
sticky?: StickyBehavior;
|
|
5279
5309
|
/**
|
|
5280
5310
|
* Whether to hide the content when the trigger becomes fully occluded.
|
|
5281
|
-
* @default
|
|
5311
|
+
* @default true
|
|
5282
5312
|
*/
|
|
5283
5313
|
hideWhenDetached?: boolean;
|
|
5284
5314
|
/**
|
|
@@ -5292,6 +5322,7 @@ interface SubContentProps extends StyledSubContentProps {
|
|
|
5292
5322
|
* When set to "auto," a scrollbar is added if the content exceeds its
|
|
5293
5323
|
* boundaries. If no maxHeight is defined, it will be automatically adjusted
|
|
5294
5324
|
* to fit the remaining space between the trigger and the boundary edge.
|
|
5325
|
+
* @default 'visible'
|
|
5295
5326
|
*/
|
|
5296
5327
|
overflow?: Overflow;
|
|
5297
5328
|
}
|
|
@@ -6314,7 +6345,7 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
6314
6345
|
};
|
|
6315
6346
|
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
|
|
6316
6347
|
|
|
6317
|
-
declare const
|
|
6348
|
+
declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
6318
6349
|
'border-widths': {
|
|
6319
6350
|
readonly none: 0;
|
|
6320
6351
|
readonly sm: "1px";
|
|
@@ -6802,7 +6833,7 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
|
|
|
6802
6833
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
6803
6834
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
6804
6835
|
};
|
|
6805
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
6836
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
6806
6837
|
'border-widths': {
|
|
6807
6838
|
readonly none: 0;
|
|
6808
6839
|
readonly sm: "1px";
|
|
@@ -7290,17 +7321,7 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
|
|
|
7290
7321
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
7291
7322
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
7292
7323
|
};
|
|
7293
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
7294
|
-
|
|
7295
|
-
declare type HotkeyProps = Omit<HotkeyProps$1, 'variant'> & {
|
|
7296
|
-
/**
|
|
7297
|
-
* The content.
|
|
7298
|
-
*/
|
|
7299
|
-
children: string;
|
|
7300
|
-
};
|
|
7301
|
-
declare const Hotkey: react__default.ForwardRefExoticComponent<Omit<HotkeyProps, "ref"> & react__default.RefAttributes<HTMLSpanElement>>;
|
|
7302
|
-
|
|
7303
|
-
declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
7324
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
7304
7325
|
'border-widths': {
|
|
7305
7326
|
readonly none: 0;
|
|
7306
7327
|
readonly sm: "1px";
|
|
@@ -7788,7 +7809,13 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
7788
7809
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
7789
7810
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
7790
7811
|
};
|
|
7791
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}>, {}, {}
|
|
7812
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}>, {}, {}>;
|
|
7813
|
+
declare type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>;
|
|
7814
|
+
|
|
7815
|
+
declare type IconSlotProps = {
|
|
7816
|
+
children: react__default.ReactNode;
|
|
7817
|
+
} & StyledIconSlotProps;
|
|
7818
|
+
declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
7792
7819
|
'border-widths': {
|
|
7793
7820
|
readonly none: 0;
|
|
7794
7821
|
readonly sm: "1px";
|
|
@@ -8276,7 +8303,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
8276
8303
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
8277
8304
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
8278
8305
|
};
|
|
8279
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
8306
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react__default.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
8280
8307
|
'border-widths': {
|
|
8281
8308
|
readonly none: 0;
|
|
8282
8309
|
readonly sm: "1px";
|
|
@@ -8764,38 +8791,1515 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
8764
8791
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
8765
8792
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
8766
8793
|
};
|
|
8767
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
8768
|
-
declare type StyledIllustrationSlotProps = StrictComponentProps<typeof StyledIllustrationSlot>;
|
|
8769
|
-
|
|
8770
|
-
declare const IllustrationSlot: react__default.ForwardRefExoticComponent<Omit<StyledIllustrationSlotProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
8794
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react__default.RefAttributes<HTMLDivElement>, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
8771
8795
|
|
|
8772
|
-
|
|
8773
|
-
/**
|
|
8774
|
-
* The open state of the dropdown menu when it is initially rendered. Use when
|
|
8775
|
-
* you do not need to control its open state.
|
|
8776
|
-
*/
|
|
8777
|
-
defaultOpen?: boolean;
|
|
8778
|
-
/**
|
|
8779
|
-
* The reading direction of submenus when applicable. If omitted, assumes LTR
|
|
8780
|
-
* (left-to-right) reading mode.
|
|
8781
|
-
*/
|
|
8782
|
-
direction?: 'ltr' | 'rtl';
|
|
8783
|
-
/**
|
|
8784
|
-
* The current dropdown open state.
|
|
8785
|
-
*/
|
|
8786
|
-
open?: boolean;
|
|
8787
|
-
/**
|
|
8788
|
-
* Event handler called when the dropdown opens.
|
|
8789
|
-
*/
|
|
8790
|
-
onOpen?: () => void;
|
|
8796
|
+
declare type HotkeyProps = Omit<HotkeyProps$1, 'variant'> & {
|
|
8791
8797
|
/**
|
|
8792
|
-
*
|
|
8798
|
+
* The content.
|
|
8793
8799
|
*/
|
|
8794
|
-
|
|
8795
|
-
|
|
8796
|
-
|
|
8797
|
-
|
|
8798
|
-
|
|
8800
|
+
children: string;
|
|
8801
|
+
};
|
|
8802
|
+
declare const Hotkey: react__default.ForwardRefExoticComponent<Omit<HotkeyProps, "ref"> & react__default.RefAttributes<HTMLSpanElement>>;
|
|
8803
|
+
|
|
8804
|
+
declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
8805
|
+
'border-widths': {
|
|
8806
|
+
readonly none: 0;
|
|
8807
|
+
readonly sm: "1px";
|
|
8808
|
+
readonly md: "2px";
|
|
8809
|
+
readonly lg: "4px";
|
|
8810
|
+
};
|
|
8811
|
+
colors: {
|
|
8812
|
+
readonly black: any;
|
|
8813
|
+
readonly 'blue-100': any;
|
|
8814
|
+
readonly 'blue-200': any;
|
|
8815
|
+
readonly 'blue-300': any;
|
|
8816
|
+
readonly 'blue-400': any;
|
|
8817
|
+
readonly 'blue-500': any;
|
|
8818
|
+
readonly 'blue-600': any;
|
|
8819
|
+
readonly 'blue-700': any;
|
|
8820
|
+
readonly 'blue-800': any;
|
|
8821
|
+
readonly 'blue-900': any;
|
|
8822
|
+
readonly 'blue-1000': any;
|
|
8823
|
+
readonly 'gray-100': any;
|
|
8824
|
+
readonly 'gray-200': any;
|
|
8825
|
+
readonly 'gray-300': any;
|
|
8826
|
+
readonly 'gray-400': any;
|
|
8827
|
+
readonly 'gray-500': any;
|
|
8828
|
+
readonly 'gray-600': any;
|
|
8829
|
+
readonly 'gray-700': any;
|
|
8830
|
+
readonly 'gray-800': any;
|
|
8831
|
+
readonly 'gray-900': any;
|
|
8832
|
+
readonly 'green-100': any;
|
|
8833
|
+
readonly 'green-200': any;
|
|
8834
|
+
readonly 'green-300': any;
|
|
8835
|
+
readonly 'green-400': any;
|
|
8836
|
+
readonly 'green-500': any;
|
|
8837
|
+
readonly 'green-600': any;
|
|
8838
|
+
readonly 'green-700': any;
|
|
8839
|
+
readonly 'green-800': any;
|
|
8840
|
+
readonly 'green-900': any;
|
|
8841
|
+
readonly 'indigo-100': any;
|
|
8842
|
+
readonly 'indigo-200': any;
|
|
8843
|
+
readonly 'indigo-300': any;
|
|
8844
|
+
readonly 'indigo-400': any;
|
|
8845
|
+
readonly 'indigo-500': any;
|
|
8846
|
+
readonly 'indigo-600': any;
|
|
8847
|
+
readonly 'indigo-700': any;
|
|
8848
|
+
readonly 'indigo-800': any;
|
|
8849
|
+
readonly 'indigo-900': any;
|
|
8850
|
+
readonly 'red-100': any;
|
|
8851
|
+
readonly 'red-200': any;
|
|
8852
|
+
readonly 'red-300': any;
|
|
8853
|
+
readonly 'red-400': any;
|
|
8854
|
+
readonly 'red-500': any;
|
|
8855
|
+
readonly 'red-600': any;
|
|
8856
|
+
readonly 'red-700': any;
|
|
8857
|
+
readonly 'red-800': any;
|
|
8858
|
+
readonly 'red-900': any;
|
|
8859
|
+
readonly transparent: any;
|
|
8860
|
+
readonly white: any;
|
|
8861
|
+
readonly 'yellow-100': any;
|
|
8862
|
+
readonly 'yellow-200': any;
|
|
8863
|
+
readonly 'yellow-300': any;
|
|
8864
|
+
readonly 'yellow-400': any;
|
|
8865
|
+
readonly 'yellow-500': any;
|
|
8866
|
+
readonly 'yellow-600': any;
|
|
8867
|
+
readonly 'yellow-700': any;
|
|
8868
|
+
readonly 'yellow-800': any;
|
|
8869
|
+
readonly 'yellow-900': any;
|
|
8870
|
+
"background-alpha-active"?: any;
|
|
8871
|
+
"background-alpha-hover"?: any;
|
|
8872
|
+
"background-danger-prominent"?: any;
|
|
8873
|
+
"background-danger-prominent-active"?: any;
|
|
8874
|
+
"background-danger-prominent-hover"?: any;
|
|
8875
|
+
"background-danger-subtle"?: any;
|
|
8876
|
+
"background-danger-subtle-active"?: any;
|
|
8877
|
+
"background-danger-subtle-hover"?: any;
|
|
8878
|
+
"background-neutrals"?: any;
|
|
8879
|
+
"background-neutrals-active"?: any;
|
|
8880
|
+
"background-neutrals-container"?: any;
|
|
8881
|
+
"background-neutrals-controls-disabled"?: any;
|
|
8882
|
+
"background-neutrals-disabled"?: any;
|
|
8883
|
+
"background-neutrals-hover"?: any;
|
|
8884
|
+
"background-neutrals-inactive"?: any;
|
|
8885
|
+
"background-neutrals-inactive-hover"?: any;
|
|
8886
|
+
"background-neutrals-inverted"?: any;
|
|
8887
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
8888
|
+
"background-neutrals-page"?: any;
|
|
8889
|
+
"background-neutrals-page-subtle"?: any;
|
|
8890
|
+
"background-neutrals-scrolls"?: any;
|
|
8891
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
8892
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
8893
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
8894
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
8895
|
+
"background-neutrals-subtle"?: any;
|
|
8896
|
+
"background-neutrals-subtle-active"?: any;
|
|
8897
|
+
"background-neutrals-subtle-hover"?: any;
|
|
8898
|
+
"background-primary-prominent"?: any;
|
|
8899
|
+
"background-primary-prominent-active"?: any;
|
|
8900
|
+
"background-primary-prominent-expanded"?: any;
|
|
8901
|
+
"background-primary-prominent-hover"?: any;
|
|
8902
|
+
"background-primary-prominent-pressed"?: any;
|
|
8903
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
8904
|
+
"background-primary-prominent-selected"?: any;
|
|
8905
|
+
"background-primary-subtle"?: any;
|
|
8906
|
+
"background-primary-subtle-active"?: any;
|
|
8907
|
+
"background-primary-subtle-expanded"?: any;
|
|
8908
|
+
"background-primary-subtle-hover"?: any;
|
|
8909
|
+
"background-primary-subtle-pressed"?: any;
|
|
8910
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
8911
|
+
"background-primary-subtle-selected"?: any;
|
|
8912
|
+
"background-success"?: any;
|
|
8913
|
+
"background-success-prominent"?: any;
|
|
8914
|
+
"background-success-prominent-active"?: any;
|
|
8915
|
+
"background-success-prominent-hover"?: any;
|
|
8916
|
+
"background-warning-prominent"?: any;
|
|
8917
|
+
"background-warning-subtle"?: any;
|
|
8918
|
+
"border-danger"?: any;
|
|
8919
|
+
"border-danger-active"?: any;
|
|
8920
|
+
"border-danger-hover"?: any;
|
|
8921
|
+
"border-focus-inner"?: any;
|
|
8922
|
+
"border-focus-middle"?: any;
|
|
8923
|
+
"border-focus-outer"?: any;
|
|
8924
|
+
"border-neutrals"?: any;
|
|
8925
|
+
"border-neutrals-active"?: any;
|
|
8926
|
+
"border-neutrals-controls"?: any;
|
|
8927
|
+
"border-neutrals-controls-disabled"?: any;
|
|
8928
|
+
"border-neutrals-disabled"?: any;
|
|
8929
|
+
"border-neutrals-hover"?: any;
|
|
8930
|
+
"border-neutrals-inverted"?: any;
|
|
8931
|
+
"border-neutrals-subtle"?: any;
|
|
8932
|
+
"border-neutrals-text"?: any;
|
|
8933
|
+
"border-neutrals-text-active"?: any;
|
|
8934
|
+
"border-neutrals-text-hover"?: any;
|
|
8935
|
+
"border-neutrals-text-subtle"?: any;
|
|
8936
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
8937
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
8938
|
+
"border-neutrals-transparent"?: any;
|
|
8939
|
+
"border-primary"?: any;
|
|
8940
|
+
"border-primary-active"?: any;
|
|
8941
|
+
"border-primary-hover"?: any;
|
|
8942
|
+
"border-primary-inverted"?: any;
|
|
8943
|
+
"border-success"?: any;
|
|
8944
|
+
"border-success-active"?: any;
|
|
8945
|
+
"border-success-hover"?: any;
|
|
8946
|
+
"border-warning"?: any;
|
|
8947
|
+
"icon-danger"?: any;
|
|
8948
|
+
"icon-danger-active"?: any;
|
|
8949
|
+
"icon-danger-hover"?: any;
|
|
8950
|
+
"icon-danger-inverted"?: any;
|
|
8951
|
+
"icon-neutrals"?: any;
|
|
8952
|
+
"icon-neutrals-disabled"?: any;
|
|
8953
|
+
"icon-neutrals-inactive"?: any;
|
|
8954
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
8955
|
+
"icon-neutrals-inverted"?: any;
|
|
8956
|
+
"icon-neutrals-search"?: any;
|
|
8957
|
+
"icon-neutrals-subtle"?: any;
|
|
8958
|
+
"icon-neutrals-text"?: any;
|
|
8959
|
+
"icon-primary"?: any;
|
|
8960
|
+
"icon-primary-active"?: any;
|
|
8961
|
+
"icon-primary-hover"?: any;
|
|
8962
|
+
"icon-primary-inverted"?: any;
|
|
8963
|
+
"icon-primary-selected"?: any;
|
|
8964
|
+
"icon-success"?: any;
|
|
8965
|
+
"icon-success-active"?: any;
|
|
8966
|
+
"icon-success-hover"?: any;
|
|
8967
|
+
"icon-success-inverted"?: any;
|
|
8968
|
+
"icon-warning"?: any;
|
|
8969
|
+
"icon-warning-prominent"?: any;
|
|
8970
|
+
"icon-warning-subtle"?: any;
|
|
8971
|
+
"text-danger"?: any;
|
|
8972
|
+
"text-danger-active"?: any;
|
|
8973
|
+
"text-danger-hover"?: any;
|
|
8974
|
+
"text-danger-inverted"?: any;
|
|
8975
|
+
"text-neutrals"?: any;
|
|
8976
|
+
"text-neutrals-active"?: any;
|
|
8977
|
+
"text-neutrals-disabled"?: any;
|
|
8978
|
+
"text-neutrals-hover"?: any;
|
|
8979
|
+
"text-neutrals-inverted"?: any;
|
|
8980
|
+
"text-neutrals-placeholder"?: any;
|
|
8981
|
+
"text-neutrals-placeholder-only"?: any;
|
|
8982
|
+
"text-neutrals-subtle"?: any;
|
|
8983
|
+
"text-neutrals-subtle-active"?: any;
|
|
8984
|
+
"text-neutrals-subtle-hover"?: any;
|
|
8985
|
+
"text-primary"?: any;
|
|
8986
|
+
"text-primary-active"?: any;
|
|
8987
|
+
"text-primary-hover"?: any;
|
|
8988
|
+
"text-primary-inverted"?: any;
|
|
8989
|
+
"text-primary-inverted-subtle"?: any;
|
|
8990
|
+
"text-primary-selected"?: any;
|
|
8991
|
+
"text-success"?: any;
|
|
8992
|
+
"text-success-active"?: any;
|
|
8993
|
+
"text-success-hover"?: any;
|
|
8994
|
+
"text-success-inverted"?: any;
|
|
8995
|
+
"text-warning"?: any;
|
|
8996
|
+
"text-warning-subtle"?: any;
|
|
8997
|
+
};
|
|
8998
|
+
'font-sizes': {
|
|
8999
|
+
readonly 150: "0.75rem";
|
|
9000
|
+
readonly 175: "0.875rem";
|
|
9001
|
+
readonly 200: "1rem";
|
|
9002
|
+
readonly 225: "1.125rem";
|
|
9003
|
+
readonly 250: "1.25rem";
|
|
9004
|
+
readonly 300: "1.5rem";
|
|
9005
|
+
readonly 400: "2rem";
|
|
9006
|
+
readonly 500: "2.5rem";
|
|
9007
|
+
readonly 600: "3rem";
|
|
9008
|
+
readonly 800: "4rem";
|
|
9009
|
+
readonly 900: "4.5rem";
|
|
9010
|
+
};
|
|
9011
|
+
fonts: {
|
|
9012
|
+
readonly heading: "Roobert, sans-serif";
|
|
9013
|
+
readonly body: "Open Sans, sans-serif";
|
|
9014
|
+
};
|
|
9015
|
+
radii: {
|
|
9016
|
+
readonly none: 0;
|
|
9017
|
+
readonly half: "999em";
|
|
9018
|
+
readonly 25: "2px";
|
|
9019
|
+
readonly 50: "4px";
|
|
9020
|
+
readonly 75: "6px";
|
|
9021
|
+
readonly 100: "8px";
|
|
9022
|
+
readonly 200: "16px";
|
|
9023
|
+
};
|
|
9024
|
+
shadows: {
|
|
9025
|
+
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";
|
|
9026
|
+
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";
|
|
9027
|
+
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";
|
|
9028
|
+
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";
|
|
9029
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
9030
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
9031
|
+
};
|
|
9032
|
+
sizes: {
|
|
9033
|
+
readonly number: string;
|
|
9034
|
+
readonly 'icon-200': "16px";
|
|
9035
|
+
readonly 'icon-300': "24px";
|
|
9036
|
+
readonly 'icon-400': "32px";
|
|
9037
|
+
};
|
|
9038
|
+
space: {
|
|
9039
|
+
readonly 0: "0px";
|
|
9040
|
+
readonly 25: "2px";
|
|
9041
|
+
readonly 50: "4px";
|
|
9042
|
+
readonly 100: "8px";
|
|
9043
|
+
readonly 150: "12px";
|
|
9044
|
+
readonly 200: "16px";
|
|
9045
|
+
readonly 300: "24px";
|
|
9046
|
+
readonly 400: "32px";
|
|
9047
|
+
readonly 500: "40px";
|
|
9048
|
+
readonly 600: "48px";
|
|
9049
|
+
readonly 700: "56px";
|
|
9050
|
+
readonly 800: "64px";
|
|
9051
|
+
readonly 1200: "96px";
|
|
9052
|
+
readonly 1600: "128px";
|
|
9053
|
+
};
|
|
9054
|
+
'space-gap': {
|
|
9055
|
+
readonly 0: any;
|
|
9056
|
+
readonly 50: any;
|
|
9057
|
+
readonly 100: any;
|
|
9058
|
+
readonly 200: any;
|
|
9059
|
+
readonly 300: any;
|
|
9060
|
+
};
|
|
9061
|
+
'space-inset': {
|
|
9062
|
+
readonly 0: any;
|
|
9063
|
+
readonly 50: any;
|
|
9064
|
+
readonly 100: any;
|
|
9065
|
+
readonly 150: any;
|
|
9066
|
+
readonly 200: any;
|
|
9067
|
+
readonly 300: any;
|
|
9068
|
+
readonly 400: any;
|
|
9069
|
+
readonly 500: any;
|
|
9070
|
+
readonly 600: any;
|
|
9071
|
+
readonly 700: any;
|
|
9072
|
+
readonly 800: any;
|
|
9073
|
+
readonly 1200: any;
|
|
9074
|
+
readonly 1600: any;
|
|
9075
|
+
};
|
|
9076
|
+
'space-offset': {
|
|
9077
|
+
readonly 0: any;
|
|
9078
|
+
readonly 50: any;
|
|
9079
|
+
readonly 100: any;
|
|
9080
|
+
readonly 150: any;
|
|
9081
|
+
readonly 200: any;
|
|
9082
|
+
readonly 300: any;
|
|
9083
|
+
readonly 400: any;
|
|
9084
|
+
readonly 600: any;
|
|
9085
|
+
readonly 800: any;
|
|
9086
|
+
readonly 1200: any;
|
|
9087
|
+
readonly 1600: any;
|
|
9088
|
+
readonly 'stacking-0': any;
|
|
9089
|
+
readonly 'stacking-100': any;
|
|
9090
|
+
readonly 'stacking-200': any;
|
|
9091
|
+
readonly 'stacking-300': any;
|
|
9092
|
+
readonly 'stacking-400': any;
|
|
9093
|
+
readonly 'stacking-500': any;
|
|
9094
|
+
readonly 'stacking-800': any;
|
|
9095
|
+
};
|
|
9096
|
+
'stroke-width': {
|
|
9097
|
+
readonly thin: "1.5px";
|
|
9098
|
+
readonly normal: "2px";
|
|
9099
|
+
readonly bold: "4px";
|
|
9100
|
+
};
|
|
9101
|
+
'z-indices': {
|
|
9102
|
+
readonly dropdownMenu: 100;
|
|
9103
|
+
readonly select: 200;
|
|
9104
|
+
readonly popover: 300;
|
|
9105
|
+
readonly tooltip: 400;
|
|
9106
|
+
};
|
|
9107
|
+
}, {
|
|
9108
|
+
readonly background: "colors";
|
|
9109
|
+
readonly backgroundColor: "colors";
|
|
9110
|
+
readonly backgroundImage: "colors";
|
|
9111
|
+
readonly blockSize: "sizes";
|
|
9112
|
+
readonly border: "colors";
|
|
9113
|
+
readonly borderBlock: "colors";
|
|
9114
|
+
readonly borderBlockEnd: "colors";
|
|
9115
|
+
readonly borderBlockStart: "colors";
|
|
9116
|
+
readonly borderBottom: "colors";
|
|
9117
|
+
readonly borderBottomColor: "colors";
|
|
9118
|
+
readonly borderBottomLeftRadius: "radii";
|
|
9119
|
+
readonly borderBottomRightRadius: "radii";
|
|
9120
|
+
readonly borderBottomStyle: "border-styles";
|
|
9121
|
+
readonly borderBottomWidth: "border-widths";
|
|
9122
|
+
readonly borderColor: "colors";
|
|
9123
|
+
readonly borderImage: "colors";
|
|
9124
|
+
readonly borderInline: "colors";
|
|
9125
|
+
readonly borderInlineEnd: "colors";
|
|
9126
|
+
readonly borderInlineStart: "colors";
|
|
9127
|
+
readonly borderLeft: "colors";
|
|
9128
|
+
readonly borderLeftColor: "colors";
|
|
9129
|
+
readonly borderLeftStyle: "border-styles";
|
|
9130
|
+
readonly borderLeftWidth: "border-widths";
|
|
9131
|
+
readonly borderRadius: "radii";
|
|
9132
|
+
readonly borderRight: "colors";
|
|
9133
|
+
readonly borderRightColor: "colors";
|
|
9134
|
+
readonly borderRightStyle: "border-styles";
|
|
9135
|
+
readonly borderRightWidth: "border-widths";
|
|
9136
|
+
readonly borderSpacing: "space-offset";
|
|
9137
|
+
readonly borderStyle: "border-styles";
|
|
9138
|
+
readonly borderTop: "colors";
|
|
9139
|
+
readonly borderTopColor: "colors";
|
|
9140
|
+
readonly borderTopLeftRadius: "radii";
|
|
9141
|
+
readonly borderTopRightRadius: "radii";
|
|
9142
|
+
readonly borderTopStyle: "border-styles";
|
|
9143
|
+
readonly borderTopWidth: "border-widths";
|
|
9144
|
+
readonly borderWidth: "border-widths";
|
|
9145
|
+
readonly bottom: "space";
|
|
9146
|
+
readonly boxShadow: "shadows";
|
|
9147
|
+
readonly caretColor: "colors";
|
|
9148
|
+
readonly color: "colors";
|
|
9149
|
+
readonly columnGap: "space-gap";
|
|
9150
|
+
readonly columnRuleColor: "colors";
|
|
9151
|
+
readonly fill: "colors";
|
|
9152
|
+
readonly flexBasis: "sizes";
|
|
9153
|
+
readonly fontFamily: "fonts";
|
|
9154
|
+
readonly fontSize: "font-sizes";
|
|
9155
|
+
readonly fontWeight: "font-weights";
|
|
9156
|
+
readonly gap: "space-gap";
|
|
9157
|
+
readonly gridColumnGap: "space-gap";
|
|
9158
|
+
readonly gridGap: "space-gap";
|
|
9159
|
+
readonly gridRowGap: "space-gap";
|
|
9160
|
+
readonly gridTemplateColumns: "sizes";
|
|
9161
|
+
readonly gridTemplateRows: "sizes";
|
|
9162
|
+
readonly height: "sizes";
|
|
9163
|
+
readonly inlineSize: "sizes";
|
|
9164
|
+
readonly inset: "space-inset";
|
|
9165
|
+
readonly insetBlock: "space-inset";
|
|
9166
|
+
readonly insetBlockEnd: "space-inset";
|
|
9167
|
+
readonly insetBlockStart: "space-inset";
|
|
9168
|
+
readonly insetInline: "space-inset";
|
|
9169
|
+
readonly insetInlineEnd: "space-inset";
|
|
9170
|
+
readonly insetInlineStart: "space-inset";
|
|
9171
|
+
readonly left: "space";
|
|
9172
|
+
readonly letterSpacing: "letter-spacings";
|
|
9173
|
+
readonly lineHeight: "line-heights";
|
|
9174
|
+
readonly margin: "space-offset";
|
|
9175
|
+
readonly marginBlock: "space-offset";
|
|
9176
|
+
readonly marginBlockEnd: "space-offset";
|
|
9177
|
+
readonly marginBlockStart: "space-offset";
|
|
9178
|
+
readonly marginBottom: "space-offset";
|
|
9179
|
+
readonly marginInline: "space-offset";
|
|
9180
|
+
readonly marginInlineEnd: "space-offset";
|
|
9181
|
+
readonly marginInlineStart: "space-offset";
|
|
9182
|
+
readonly marginLeft: "space-offset";
|
|
9183
|
+
readonly marginRight: "space-offset";
|
|
9184
|
+
readonly marginTop: "space-offset";
|
|
9185
|
+
readonly maxBlockSize: "sizes";
|
|
9186
|
+
readonly maxHeight: "sizes";
|
|
9187
|
+
readonly maxInlineSize: "sizes";
|
|
9188
|
+
readonly maxWidth: "sizes";
|
|
9189
|
+
readonly minBlockSize: "sizes";
|
|
9190
|
+
readonly minHeight: "sizes";
|
|
9191
|
+
readonly minInlineSize: "sizes";
|
|
9192
|
+
readonly minWidth: "sizes";
|
|
9193
|
+
readonly outline: "colors";
|
|
9194
|
+
readonly outlineColor: "colors";
|
|
9195
|
+
readonly padding: "space-inset";
|
|
9196
|
+
readonly paddingBlock: "space-inset";
|
|
9197
|
+
readonly paddingBlockEnd: "space-inset";
|
|
9198
|
+
readonly paddingBlockStart: "space-inset";
|
|
9199
|
+
readonly paddingBottom: "space-inset";
|
|
9200
|
+
readonly paddingInline: "space-inset";
|
|
9201
|
+
readonly paddingInlineEnd: "space-inset";
|
|
9202
|
+
readonly paddingInlineStart: "space-inset";
|
|
9203
|
+
readonly paddingLeft: "space-inset";
|
|
9204
|
+
readonly paddingRight: "space-inset";
|
|
9205
|
+
readonly paddingTop: "space-inset";
|
|
9206
|
+
readonly right: "space";
|
|
9207
|
+
readonly rowGap: "space-gap";
|
|
9208
|
+
readonly scrollMargin: "space-offset";
|
|
9209
|
+
readonly scrollMarginBlock: "space-offset";
|
|
9210
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
9211
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
9212
|
+
readonly scrollMarginBottom: "space-offset";
|
|
9213
|
+
readonly scrollMarginInline: "space-offset";
|
|
9214
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
9215
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
9216
|
+
readonly scrollMarginLeft: "space-offset";
|
|
9217
|
+
readonly scrollMarginRight: "space-offset";
|
|
9218
|
+
readonly scrollMarginTop: "space-offset";
|
|
9219
|
+
readonly scrollPadding: "space-inset";
|
|
9220
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
9221
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
9222
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
9223
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
9224
|
+
readonly scrollPaddingInline: "space-inset";
|
|
9225
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
9226
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
9227
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
9228
|
+
readonly scrollPaddingRight: "space-inset";
|
|
9229
|
+
readonly scrollPaddingTop: "space-inset";
|
|
9230
|
+
readonly stroke: "colors";
|
|
9231
|
+
readonly strokeWidth: "stroke-width";
|
|
9232
|
+
readonly textDecorationColor: "colors";
|
|
9233
|
+
readonly textShadow: "shadows";
|
|
9234
|
+
readonly top: "space";
|
|
9235
|
+
readonly transition: "transitions";
|
|
9236
|
+
readonly width: "sizes";
|
|
9237
|
+
readonly zIndex: "z-indices";
|
|
9238
|
+
}, {
|
|
9239
|
+
paddingX: (value: {
|
|
9240
|
+
readonly [$$PropertyValue]: "padding";
|
|
9241
|
+
}) => {
|
|
9242
|
+
paddingLeft: {
|
|
9243
|
+
readonly [$$PropertyValue]: "padding";
|
|
9244
|
+
};
|
|
9245
|
+
paddingRight: {
|
|
9246
|
+
readonly [$$PropertyValue]: "padding";
|
|
9247
|
+
};
|
|
9248
|
+
};
|
|
9249
|
+
paddingY: (value: {
|
|
9250
|
+
readonly [$$PropertyValue]: "padding";
|
|
9251
|
+
}) => {
|
|
9252
|
+
paddingTop: {
|
|
9253
|
+
readonly [$$PropertyValue]: "padding";
|
|
9254
|
+
};
|
|
9255
|
+
paddingBottom: {
|
|
9256
|
+
readonly [$$PropertyValue]: "padding";
|
|
9257
|
+
};
|
|
9258
|
+
};
|
|
9259
|
+
marginX: (value: {
|
|
9260
|
+
readonly [$$PropertyValue]: "margin";
|
|
9261
|
+
}) => {
|
|
9262
|
+
marginLeft: {
|
|
9263
|
+
readonly [$$PropertyValue]: "margin";
|
|
9264
|
+
};
|
|
9265
|
+
marginRight: {
|
|
9266
|
+
readonly [$$PropertyValue]: "margin";
|
|
9267
|
+
};
|
|
9268
|
+
};
|
|
9269
|
+
marginY: (value: {
|
|
9270
|
+
readonly [$$PropertyValue]: "margin";
|
|
9271
|
+
}) => {
|
|
9272
|
+
marginTop: {
|
|
9273
|
+
readonly [$$PropertyValue]: "margin";
|
|
9274
|
+
};
|
|
9275
|
+
marginBottom: {
|
|
9276
|
+
readonly [$$PropertyValue]: "margin";
|
|
9277
|
+
};
|
|
9278
|
+
};
|
|
9279
|
+
square: (value: {
|
|
9280
|
+
readonly [$$PropertyValue]: "width";
|
|
9281
|
+
}) => {
|
|
9282
|
+
width: {
|
|
9283
|
+
readonly [$$PropertyValue]: "width";
|
|
9284
|
+
};
|
|
9285
|
+
height: {
|
|
9286
|
+
readonly [$$PropertyValue]: "width";
|
|
9287
|
+
};
|
|
9288
|
+
};
|
|
9289
|
+
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
9290
|
+
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
9291
|
+
};
|
|
9292
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
9293
|
+
'border-widths': {
|
|
9294
|
+
readonly none: 0;
|
|
9295
|
+
readonly sm: "1px";
|
|
9296
|
+
readonly md: "2px";
|
|
9297
|
+
readonly lg: "4px";
|
|
9298
|
+
};
|
|
9299
|
+
colors: {
|
|
9300
|
+
readonly black: any;
|
|
9301
|
+
readonly 'blue-100': any;
|
|
9302
|
+
readonly 'blue-200': any;
|
|
9303
|
+
readonly 'blue-300': any;
|
|
9304
|
+
readonly 'blue-400': any;
|
|
9305
|
+
readonly 'blue-500': any;
|
|
9306
|
+
readonly 'blue-600': any;
|
|
9307
|
+
readonly 'blue-700': any;
|
|
9308
|
+
readonly 'blue-800': any;
|
|
9309
|
+
readonly 'blue-900': any;
|
|
9310
|
+
readonly 'blue-1000': any;
|
|
9311
|
+
readonly 'gray-100': any;
|
|
9312
|
+
readonly 'gray-200': any;
|
|
9313
|
+
readonly 'gray-300': any;
|
|
9314
|
+
readonly 'gray-400': any;
|
|
9315
|
+
readonly 'gray-500': any;
|
|
9316
|
+
readonly 'gray-600': any;
|
|
9317
|
+
readonly 'gray-700': any;
|
|
9318
|
+
readonly 'gray-800': any;
|
|
9319
|
+
readonly 'gray-900': any;
|
|
9320
|
+
readonly 'green-100': any;
|
|
9321
|
+
readonly 'green-200': any;
|
|
9322
|
+
readonly 'green-300': any;
|
|
9323
|
+
readonly 'green-400': any;
|
|
9324
|
+
readonly 'green-500': any;
|
|
9325
|
+
readonly 'green-600': any;
|
|
9326
|
+
readonly 'green-700': any;
|
|
9327
|
+
readonly 'green-800': any;
|
|
9328
|
+
readonly 'green-900': any;
|
|
9329
|
+
readonly 'indigo-100': any;
|
|
9330
|
+
readonly 'indigo-200': any;
|
|
9331
|
+
readonly 'indigo-300': any;
|
|
9332
|
+
readonly 'indigo-400': any;
|
|
9333
|
+
readonly 'indigo-500': any;
|
|
9334
|
+
readonly 'indigo-600': any;
|
|
9335
|
+
readonly 'indigo-700': any;
|
|
9336
|
+
readonly 'indigo-800': any;
|
|
9337
|
+
readonly 'indigo-900': any;
|
|
9338
|
+
readonly 'red-100': any;
|
|
9339
|
+
readonly 'red-200': any;
|
|
9340
|
+
readonly 'red-300': any;
|
|
9341
|
+
readonly 'red-400': any;
|
|
9342
|
+
readonly 'red-500': any;
|
|
9343
|
+
readonly 'red-600': any;
|
|
9344
|
+
readonly 'red-700': any;
|
|
9345
|
+
readonly 'red-800': any;
|
|
9346
|
+
readonly 'red-900': any;
|
|
9347
|
+
readonly transparent: any;
|
|
9348
|
+
readonly white: any;
|
|
9349
|
+
readonly 'yellow-100': any;
|
|
9350
|
+
readonly 'yellow-200': any;
|
|
9351
|
+
readonly 'yellow-300': any;
|
|
9352
|
+
readonly 'yellow-400': any;
|
|
9353
|
+
readonly 'yellow-500': any;
|
|
9354
|
+
readonly 'yellow-600': any;
|
|
9355
|
+
readonly 'yellow-700': any;
|
|
9356
|
+
readonly 'yellow-800': any;
|
|
9357
|
+
readonly 'yellow-900': any;
|
|
9358
|
+
"background-alpha-active"?: any;
|
|
9359
|
+
"background-alpha-hover"?: any;
|
|
9360
|
+
"background-danger-prominent"?: any;
|
|
9361
|
+
"background-danger-prominent-active"?: any;
|
|
9362
|
+
"background-danger-prominent-hover"?: any;
|
|
9363
|
+
"background-danger-subtle"?: any;
|
|
9364
|
+
"background-danger-subtle-active"?: any;
|
|
9365
|
+
"background-danger-subtle-hover"?: any;
|
|
9366
|
+
"background-neutrals"?: any;
|
|
9367
|
+
"background-neutrals-active"?: any;
|
|
9368
|
+
"background-neutrals-container"?: any;
|
|
9369
|
+
"background-neutrals-controls-disabled"?: any;
|
|
9370
|
+
"background-neutrals-disabled"?: any;
|
|
9371
|
+
"background-neutrals-hover"?: any;
|
|
9372
|
+
"background-neutrals-inactive"?: any;
|
|
9373
|
+
"background-neutrals-inactive-hover"?: any;
|
|
9374
|
+
"background-neutrals-inverted"?: any;
|
|
9375
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
9376
|
+
"background-neutrals-page"?: any;
|
|
9377
|
+
"background-neutrals-page-subtle"?: any;
|
|
9378
|
+
"background-neutrals-scrolls"?: any;
|
|
9379
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
9380
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
9381
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
9382
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
9383
|
+
"background-neutrals-subtle"?: any;
|
|
9384
|
+
"background-neutrals-subtle-active"?: any;
|
|
9385
|
+
"background-neutrals-subtle-hover"?: any;
|
|
9386
|
+
"background-primary-prominent"?: any;
|
|
9387
|
+
"background-primary-prominent-active"?: any;
|
|
9388
|
+
"background-primary-prominent-expanded"?: any;
|
|
9389
|
+
"background-primary-prominent-hover"?: any;
|
|
9390
|
+
"background-primary-prominent-pressed"?: any;
|
|
9391
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
9392
|
+
"background-primary-prominent-selected"?: any;
|
|
9393
|
+
"background-primary-subtle"?: any;
|
|
9394
|
+
"background-primary-subtle-active"?: any;
|
|
9395
|
+
"background-primary-subtle-expanded"?: any;
|
|
9396
|
+
"background-primary-subtle-hover"?: any;
|
|
9397
|
+
"background-primary-subtle-pressed"?: any;
|
|
9398
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
9399
|
+
"background-primary-subtle-selected"?: any;
|
|
9400
|
+
"background-success"?: any;
|
|
9401
|
+
"background-success-prominent"?: any;
|
|
9402
|
+
"background-success-prominent-active"?: any;
|
|
9403
|
+
"background-success-prominent-hover"?: any;
|
|
9404
|
+
"background-warning-prominent"?: any;
|
|
9405
|
+
"background-warning-subtle"?: any;
|
|
9406
|
+
"border-danger"?: any;
|
|
9407
|
+
"border-danger-active"?: any;
|
|
9408
|
+
"border-danger-hover"?: any;
|
|
9409
|
+
"border-focus-inner"?: any;
|
|
9410
|
+
"border-focus-middle"?: any;
|
|
9411
|
+
"border-focus-outer"?: any;
|
|
9412
|
+
"border-neutrals"?: any;
|
|
9413
|
+
"border-neutrals-active"?: any;
|
|
9414
|
+
"border-neutrals-controls"?: any;
|
|
9415
|
+
"border-neutrals-controls-disabled"?: any;
|
|
9416
|
+
"border-neutrals-disabled"?: any;
|
|
9417
|
+
"border-neutrals-hover"?: any;
|
|
9418
|
+
"border-neutrals-inverted"?: any;
|
|
9419
|
+
"border-neutrals-subtle"?: any;
|
|
9420
|
+
"border-neutrals-text"?: any;
|
|
9421
|
+
"border-neutrals-text-active"?: any;
|
|
9422
|
+
"border-neutrals-text-hover"?: any;
|
|
9423
|
+
"border-neutrals-text-subtle"?: any;
|
|
9424
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
9425
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
9426
|
+
"border-neutrals-transparent"?: any;
|
|
9427
|
+
"border-primary"?: any;
|
|
9428
|
+
"border-primary-active"?: any;
|
|
9429
|
+
"border-primary-hover"?: any;
|
|
9430
|
+
"border-primary-inverted"?: any;
|
|
9431
|
+
"border-success"?: any;
|
|
9432
|
+
"border-success-active"?: any;
|
|
9433
|
+
"border-success-hover"?: any;
|
|
9434
|
+
"border-warning"?: any;
|
|
9435
|
+
"icon-danger"?: any;
|
|
9436
|
+
"icon-danger-active"?: any;
|
|
9437
|
+
"icon-danger-hover"?: any;
|
|
9438
|
+
"icon-danger-inverted"?: any;
|
|
9439
|
+
"icon-neutrals"?: any;
|
|
9440
|
+
"icon-neutrals-disabled"?: any;
|
|
9441
|
+
"icon-neutrals-inactive"?: any;
|
|
9442
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
9443
|
+
"icon-neutrals-inverted"?: any;
|
|
9444
|
+
"icon-neutrals-search"?: any;
|
|
9445
|
+
"icon-neutrals-subtle"?: any;
|
|
9446
|
+
"icon-neutrals-text"?: any;
|
|
9447
|
+
"icon-primary"?: any;
|
|
9448
|
+
"icon-primary-active"?: any;
|
|
9449
|
+
"icon-primary-hover"?: any;
|
|
9450
|
+
"icon-primary-inverted"?: any;
|
|
9451
|
+
"icon-primary-selected"?: any;
|
|
9452
|
+
"icon-success"?: any;
|
|
9453
|
+
"icon-success-active"?: any;
|
|
9454
|
+
"icon-success-hover"?: any;
|
|
9455
|
+
"icon-success-inverted"?: any;
|
|
9456
|
+
"icon-warning"?: any;
|
|
9457
|
+
"icon-warning-prominent"?: any;
|
|
9458
|
+
"icon-warning-subtle"?: any;
|
|
9459
|
+
"text-danger"?: any;
|
|
9460
|
+
"text-danger-active"?: any;
|
|
9461
|
+
"text-danger-hover"?: any;
|
|
9462
|
+
"text-danger-inverted"?: any;
|
|
9463
|
+
"text-neutrals"?: any;
|
|
9464
|
+
"text-neutrals-active"?: any;
|
|
9465
|
+
"text-neutrals-disabled"?: any;
|
|
9466
|
+
"text-neutrals-hover"?: any;
|
|
9467
|
+
"text-neutrals-inverted"?: any;
|
|
9468
|
+
"text-neutrals-placeholder"?: any;
|
|
9469
|
+
"text-neutrals-placeholder-only"?: any;
|
|
9470
|
+
"text-neutrals-subtle"?: any;
|
|
9471
|
+
"text-neutrals-subtle-active"?: any;
|
|
9472
|
+
"text-neutrals-subtle-hover"?: any;
|
|
9473
|
+
"text-primary"?: any;
|
|
9474
|
+
"text-primary-active"?: any;
|
|
9475
|
+
"text-primary-hover"?: any;
|
|
9476
|
+
"text-primary-inverted"?: any;
|
|
9477
|
+
"text-primary-inverted-subtle"?: any;
|
|
9478
|
+
"text-primary-selected"?: any;
|
|
9479
|
+
"text-success"?: any;
|
|
9480
|
+
"text-success-active"?: any;
|
|
9481
|
+
"text-success-hover"?: any;
|
|
9482
|
+
"text-success-inverted"?: any;
|
|
9483
|
+
"text-warning"?: any;
|
|
9484
|
+
"text-warning-subtle"?: any;
|
|
9485
|
+
};
|
|
9486
|
+
'font-sizes': {
|
|
9487
|
+
readonly 150: "0.75rem";
|
|
9488
|
+
readonly 175: "0.875rem";
|
|
9489
|
+
readonly 200: "1rem";
|
|
9490
|
+
readonly 225: "1.125rem";
|
|
9491
|
+
readonly 250: "1.25rem";
|
|
9492
|
+
readonly 300: "1.5rem";
|
|
9493
|
+
readonly 400: "2rem";
|
|
9494
|
+
readonly 500: "2.5rem";
|
|
9495
|
+
readonly 600: "3rem";
|
|
9496
|
+
readonly 800: "4rem";
|
|
9497
|
+
readonly 900: "4.5rem";
|
|
9498
|
+
};
|
|
9499
|
+
fonts: {
|
|
9500
|
+
readonly heading: "Roobert, sans-serif";
|
|
9501
|
+
readonly body: "Open Sans, sans-serif";
|
|
9502
|
+
};
|
|
9503
|
+
radii: {
|
|
9504
|
+
readonly none: 0;
|
|
9505
|
+
readonly half: "999em";
|
|
9506
|
+
readonly 25: "2px";
|
|
9507
|
+
readonly 50: "4px";
|
|
9508
|
+
readonly 75: "6px";
|
|
9509
|
+
readonly 100: "8px";
|
|
9510
|
+
readonly 200: "16px";
|
|
9511
|
+
};
|
|
9512
|
+
shadows: {
|
|
9513
|
+
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";
|
|
9514
|
+
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";
|
|
9515
|
+
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";
|
|
9516
|
+
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";
|
|
9517
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
9518
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
9519
|
+
};
|
|
9520
|
+
sizes: {
|
|
9521
|
+
readonly number: string;
|
|
9522
|
+
readonly 'icon-200': "16px";
|
|
9523
|
+
readonly 'icon-300': "24px";
|
|
9524
|
+
readonly 'icon-400': "32px";
|
|
9525
|
+
};
|
|
9526
|
+
space: {
|
|
9527
|
+
readonly 0: "0px";
|
|
9528
|
+
readonly 25: "2px";
|
|
9529
|
+
readonly 50: "4px";
|
|
9530
|
+
readonly 100: "8px";
|
|
9531
|
+
readonly 150: "12px";
|
|
9532
|
+
readonly 200: "16px";
|
|
9533
|
+
readonly 300: "24px";
|
|
9534
|
+
readonly 400: "32px";
|
|
9535
|
+
readonly 500: "40px";
|
|
9536
|
+
readonly 600: "48px";
|
|
9537
|
+
readonly 700: "56px";
|
|
9538
|
+
readonly 800: "64px";
|
|
9539
|
+
readonly 1200: "96px";
|
|
9540
|
+
readonly 1600: "128px";
|
|
9541
|
+
};
|
|
9542
|
+
'space-gap': {
|
|
9543
|
+
readonly 0: any;
|
|
9544
|
+
readonly 50: any;
|
|
9545
|
+
readonly 100: any;
|
|
9546
|
+
readonly 200: any;
|
|
9547
|
+
readonly 300: any;
|
|
9548
|
+
};
|
|
9549
|
+
'space-inset': {
|
|
9550
|
+
readonly 0: any;
|
|
9551
|
+
readonly 50: any;
|
|
9552
|
+
readonly 100: any;
|
|
9553
|
+
readonly 150: any;
|
|
9554
|
+
readonly 200: any;
|
|
9555
|
+
readonly 300: any;
|
|
9556
|
+
readonly 400: any;
|
|
9557
|
+
readonly 500: any;
|
|
9558
|
+
readonly 600: any;
|
|
9559
|
+
readonly 700: any;
|
|
9560
|
+
readonly 800: any;
|
|
9561
|
+
readonly 1200: any;
|
|
9562
|
+
readonly 1600: any;
|
|
9563
|
+
};
|
|
9564
|
+
'space-offset': {
|
|
9565
|
+
readonly 0: any;
|
|
9566
|
+
readonly 50: any;
|
|
9567
|
+
readonly 100: any;
|
|
9568
|
+
readonly 150: any;
|
|
9569
|
+
readonly 200: any;
|
|
9570
|
+
readonly 300: any;
|
|
9571
|
+
readonly 400: any;
|
|
9572
|
+
readonly 600: any;
|
|
9573
|
+
readonly 800: any;
|
|
9574
|
+
readonly 1200: any;
|
|
9575
|
+
readonly 1600: any;
|
|
9576
|
+
readonly 'stacking-0': any;
|
|
9577
|
+
readonly 'stacking-100': any;
|
|
9578
|
+
readonly 'stacking-200': any;
|
|
9579
|
+
readonly 'stacking-300': any;
|
|
9580
|
+
readonly 'stacking-400': any;
|
|
9581
|
+
readonly 'stacking-500': any;
|
|
9582
|
+
readonly 'stacking-800': any;
|
|
9583
|
+
};
|
|
9584
|
+
'stroke-width': {
|
|
9585
|
+
readonly thin: "1.5px";
|
|
9586
|
+
readonly normal: "2px";
|
|
9587
|
+
readonly bold: "4px";
|
|
9588
|
+
};
|
|
9589
|
+
'z-indices': {
|
|
9590
|
+
readonly dropdownMenu: 100;
|
|
9591
|
+
readonly select: 200;
|
|
9592
|
+
readonly popover: 300;
|
|
9593
|
+
readonly tooltip: 400;
|
|
9594
|
+
};
|
|
9595
|
+
}, {
|
|
9596
|
+
readonly background: "colors";
|
|
9597
|
+
readonly backgroundColor: "colors";
|
|
9598
|
+
readonly backgroundImage: "colors";
|
|
9599
|
+
readonly blockSize: "sizes";
|
|
9600
|
+
readonly border: "colors";
|
|
9601
|
+
readonly borderBlock: "colors";
|
|
9602
|
+
readonly borderBlockEnd: "colors";
|
|
9603
|
+
readonly borderBlockStart: "colors";
|
|
9604
|
+
readonly borderBottom: "colors";
|
|
9605
|
+
readonly borderBottomColor: "colors";
|
|
9606
|
+
readonly borderBottomLeftRadius: "radii";
|
|
9607
|
+
readonly borderBottomRightRadius: "radii";
|
|
9608
|
+
readonly borderBottomStyle: "border-styles";
|
|
9609
|
+
readonly borderBottomWidth: "border-widths";
|
|
9610
|
+
readonly borderColor: "colors";
|
|
9611
|
+
readonly borderImage: "colors";
|
|
9612
|
+
readonly borderInline: "colors";
|
|
9613
|
+
readonly borderInlineEnd: "colors";
|
|
9614
|
+
readonly borderInlineStart: "colors";
|
|
9615
|
+
readonly borderLeft: "colors";
|
|
9616
|
+
readonly borderLeftColor: "colors";
|
|
9617
|
+
readonly borderLeftStyle: "border-styles";
|
|
9618
|
+
readonly borderLeftWidth: "border-widths";
|
|
9619
|
+
readonly borderRadius: "radii";
|
|
9620
|
+
readonly borderRight: "colors";
|
|
9621
|
+
readonly borderRightColor: "colors";
|
|
9622
|
+
readonly borderRightStyle: "border-styles";
|
|
9623
|
+
readonly borderRightWidth: "border-widths";
|
|
9624
|
+
readonly borderSpacing: "space-offset";
|
|
9625
|
+
readonly borderStyle: "border-styles";
|
|
9626
|
+
readonly borderTop: "colors";
|
|
9627
|
+
readonly borderTopColor: "colors";
|
|
9628
|
+
readonly borderTopLeftRadius: "radii";
|
|
9629
|
+
readonly borderTopRightRadius: "radii";
|
|
9630
|
+
readonly borderTopStyle: "border-styles";
|
|
9631
|
+
readonly borderTopWidth: "border-widths";
|
|
9632
|
+
readonly borderWidth: "border-widths";
|
|
9633
|
+
readonly bottom: "space";
|
|
9634
|
+
readonly boxShadow: "shadows";
|
|
9635
|
+
readonly caretColor: "colors";
|
|
9636
|
+
readonly color: "colors";
|
|
9637
|
+
readonly columnGap: "space-gap";
|
|
9638
|
+
readonly columnRuleColor: "colors";
|
|
9639
|
+
readonly fill: "colors";
|
|
9640
|
+
readonly flexBasis: "sizes";
|
|
9641
|
+
readonly fontFamily: "fonts";
|
|
9642
|
+
readonly fontSize: "font-sizes";
|
|
9643
|
+
readonly fontWeight: "font-weights";
|
|
9644
|
+
readonly gap: "space-gap";
|
|
9645
|
+
readonly gridColumnGap: "space-gap";
|
|
9646
|
+
readonly gridGap: "space-gap";
|
|
9647
|
+
readonly gridRowGap: "space-gap";
|
|
9648
|
+
readonly gridTemplateColumns: "sizes";
|
|
9649
|
+
readonly gridTemplateRows: "sizes";
|
|
9650
|
+
readonly height: "sizes";
|
|
9651
|
+
readonly inlineSize: "sizes";
|
|
9652
|
+
readonly inset: "space-inset";
|
|
9653
|
+
readonly insetBlock: "space-inset";
|
|
9654
|
+
readonly insetBlockEnd: "space-inset";
|
|
9655
|
+
readonly insetBlockStart: "space-inset";
|
|
9656
|
+
readonly insetInline: "space-inset";
|
|
9657
|
+
readonly insetInlineEnd: "space-inset";
|
|
9658
|
+
readonly insetInlineStart: "space-inset";
|
|
9659
|
+
readonly left: "space";
|
|
9660
|
+
readonly letterSpacing: "letter-spacings";
|
|
9661
|
+
readonly lineHeight: "line-heights";
|
|
9662
|
+
readonly margin: "space-offset";
|
|
9663
|
+
readonly marginBlock: "space-offset";
|
|
9664
|
+
readonly marginBlockEnd: "space-offset";
|
|
9665
|
+
readonly marginBlockStart: "space-offset";
|
|
9666
|
+
readonly marginBottom: "space-offset";
|
|
9667
|
+
readonly marginInline: "space-offset";
|
|
9668
|
+
readonly marginInlineEnd: "space-offset";
|
|
9669
|
+
readonly marginInlineStart: "space-offset";
|
|
9670
|
+
readonly marginLeft: "space-offset";
|
|
9671
|
+
readonly marginRight: "space-offset";
|
|
9672
|
+
readonly marginTop: "space-offset";
|
|
9673
|
+
readonly maxBlockSize: "sizes";
|
|
9674
|
+
readonly maxHeight: "sizes";
|
|
9675
|
+
readonly maxInlineSize: "sizes";
|
|
9676
|
+
readonly maxWidth: "sizes";
|
|
9677
|
+
readonly minBlockSize: "sizes";
|
|
9678
|
+
readonly minHeight: "sizes";
|
|
9679
|
+
readonly minInlineSize: "sizes";
|
|
9680
|
+
readonly minWidth: "sizes";
|
|
9681
|
+
readonly outline: "colors";
|
|
9682
|
+
readonly outlineColor: "colors";
|
|
9683
|
+
readonly padding: "space-inset";
|
|
9684
|
+
readonly paddingBlock: "space-inset";
|
|
9685
|
+
readonly paddingBlockEnd: "space-inset";
|
|
9686
|
+
readonly paddingBlockStart: "space-inset";
|
|
9687
|
+
readonly paddingBottom: "space-inset";
|
|
9688
|
+
readonly paddingInline: "space-inset";
|
|
9689
|
+
readonly paddingInlineEnd: "space-inset";
|
|
9690
|
+
readonly paddingInlineStart: "space-inset";
|
|
9691
|
+
readonly paddingLeft: "space-inset";
|
|
9692
|
+
readonly paddingRight: "space-inset";
|
|
9693
|
+
readonly paddingTop: "space-inset";
|
|
9694
|
+
readonly right: "space";
|
|
9695
|
+
readonly rowGap: "space-gap";
|
|
9696
|
+
readonly scrollMargin: "space-offset";
|
|
9697
|
+
readonly scrollMarginBlock: "space-offset";
|
|
9698
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
9699
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
9700
|
+
readonly scrollMarginBottom: "space-offset";
|
|
9701
|
+
readonly scrollMarginInline: "space-offset";
|
|
9702
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
9703
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
9704
|
+
readonly scrollMarginLeft: "space-offset";
|
|
9705
|
+
readonly scrollMarginRight: "space-offset";
|
|
9706
|
+
readonly scrollMarginTop: "space-offset";
|
|
9707
|
+
readonly scrollPadding: "space-inset";
|
|
9708
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
9709
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
9710
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
9711
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
9712
|
+
readonly scrollPaddingInline: "space-inset";
|
|
9713
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
9714
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
9715
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
9716
|
+
readonly scrollPaddingRight: "space-inset";
|
|
9717
|
+
readonly scrollPaddingTop: "space-inset";
|
|
9718
|
+
readonly stroke: "colors";
|
|
9719
|
+
readonly strokeWidth: "stroke-width";
|
|
9720
|
+
readonly textDecorationColor: "colors";
|
|
9721
|
+
readonly textShadow: "shadows";
|
|
9722
|
+
readonly top: "space";
|
|
9723
|
+
readonly transition: "transitions";
|
|
9724
|
+
readonly width: "sizes";
|
|
9725
|
+
readonly zIndex: "z-indices";
|
|
9726
|
+
}, {
|
|
9727
|
+
paddingX: (value: {
|
|
9728
|
+
readonly [$$PropertyValue]: "padding";
|
|
9729
|
+
}) => {
|
|
9730
|
+
paddingLeft: {
|
|
9731
|
+
readonly [$$PropertyValue]: "padding";
|
|
9732
|
+
};
|
|
9733
|
+
paddingRight: {
|
|
9734
|
+
readonly [$$PropertyValue]: "padding";
|
|
9735
|
+
};
|
|
9736
|
+
};
|
|
9737
|
+
paddingY: (value: {
|
|
9738
|
+
readonly [$$PropertyValue]: "padding";
|
|
9739
|
+
}) => {
|
|
9740
|
+
paddingTop: {
|
|
9741
|
+
readonly [$$PropertyValue]: "padding";
|
|
9742
|
+
};
|
|
9743
|
+
paddingBottom: {
|
|
9744
|
+
readonly [$$PropertyValue]: "padding";
|
|
9745
|
+
};
|
|
9746
|
+
};
|
|
9747
|
+
marginX: (value: {
|
|
9748
|
+
readonly [$$PropertyValue]: "margin";
|
|
9749
|
+
}) => {
|
|
9750
|
+
marginLeft: {
|
|
9751
|
+
readonly [$$PropertyValue]: "margin";
|
|
9752
|
+
};
|
|
9753
|
+
marginRight: {
|
|
9754
|
+
readonly [$$PropertyValue]: "margin";
|
|
9755
|
+
};
|
|
9756
|
+
};
|
|
9757
|
+
marginY: (value: {
|
|
9758
|
+
readonly [$$PropertyValue]: "margin";
|
|
9759
|
+
}) => {
|
|
9760
|
+
marginTop: {
|
|
9761
|
+
readonly [$$PropertyValue]: "margin";
|
|
9762
|
+
};
|
|
9763
|
+
marginBottom: {
|
|
9764
|
+
readonly [$$PropertyValue]: "margin";
|
|
9765
|
+
};
|
|
9766
|
+
};
|
|
9767
|
+
square: (value: {
|
|
9768
|
+
readonly [$$PropertyValue]: "width";
|
|
9769
|
+
}) => {
|
|
9770
|
+
width: {
|
|
9771
|
+
readonly [$$PropertyValue]: "width";
|
|
9772
|
+
};
|
|
9773
|
+
height: {
|
|
9774
|
+
readonly [$$PropertyValue]: "width";
|
|
9775
|
+
};
|
|
9776
|
+
};
|
|
9777
|
+
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
9778
|
+
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
9779
|
+
};
|
|
9780
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
9781
|
+
'border-widths': {
|
|
9782
|
+
readonly none: 0;
|
|
9783
|
+
readonly sm: "1px";
|
|
9784
|
+
readonly md: "2px";
|
|
9785
|
+
readonly lg: "4px";
|
|
9786
|
+
};
|
|
9787
|
+
colors: {
|
|
9788
|
+
readonly black: any;
|
|
9789
|
+
readonly 'blue-100': any;
|
|
9790
|
+
readonly 'blue-200': any;
|
|
9791
|
+
readonly 'blue-300': any;
|
|
9792
|
+
readonly 'blue-400': any;
|
|
9793
|
+
readonly 'blue-500': any;
|
|
9794
|
+
readonly 'blue-600': any;
|
|
9795
|
+
readonly 'blue-700': any;
|
|
9796
|
+
readonly 'blue-800': any;
|
|
9797
|
+
readonly 'blue-900': any;
|
|
9798
|
+
readonly 'blue-1000': any;
|
|
9799
|
+
readonly 'gray-100': any;
|
|
9800
|
+
readonly 'gray-200': any;
|
|
9801
|
+
readonly 'gray-300': any;
|
|
9802
|
+
readonly 'gray-400': any;
|
|
9803
|
+
readonly 'gray-500': any;
|
|
9804
|
+
readonly 'gray-600': any;
|
|
9805
|
+
readonly 'gray-700': any;
|
|
9806
|
+
readonly 'gray-800': any;
|
|
9807
|
+
readonly 'gray-900': any;
|
|
9808
|
+
readonly 'green-100': any;
|
|
9809
|
+
readonly 'green-200': any;
|
|
9810
|
+
readonly 'green-300': any;
|
|
9811
|
+
readonly 'green-400': any;
|
|
9812
|
+
readonly 'green-500': any;
|
|
9813
|
+
readonly 'green-600': any;
|
|
9814
|
+
readonly 'green-700': any;
|
|
9815
|
+
readonly 'green-800': any;
|
|
9816
|
+
readonly 'green-900': any;
|
|
9817
|
+
readonly 'indigo-100': any;
|
|
9818
|
+
readonly 'indigo-200': any;
|
|
9819
|
+
readonly 'indigo-300': any;
|
|
9820
|
+
readonly 'indigo-400': any;
|
|
9821
|
+
readonly 'indigo-500': any;
|
|
9822
|
+
readonly 'indigo-600': any;
|
|
9823
|
+
readonly 'indigo-700': any;
|
|
9824
|
+
readonly 'indigo-800': any;
|
|
9825
|
+
readonly 'indigo-900': any;
|
|
9826
|
+
readonly 'red-100': any;
|
|
9827
|
+
readonly 'red-200': any;
|
|
9828
|
+
readonly 'red-300': any;
|
|
9829
|
+
readonly 'red-400': any;
|
|
9830
|
+
readonly 'red-500': any;
|
|
9831
|
+
readonly 'red-600': any;
|
|
9832
|
+
readonly 'red-700': any;
|
|
9833
|
+
readonly 'red-800': any;
|
|
9834
|
+
readonly 'red-900': any;
|
|
9835
|
+
readonly transparent: any;
|
|
9836
|
+
readonly white: any;
|
|
9837
|
+
readonly 'yellow-100': any;
|
|
9838
|
+
readonly 'yellow-200': any;
|
|
9839
|
+
readonly 'yellow-300': any;
|
|
9840
|
+
readonly 'yellow-400': any;
|
|
9841
|
+
readonly 'yellow-500': any;
|
|
9842
|
+
readonly 'yellow-600': any;
|
|
9843
|
+
readonly 'yellow-700': any;
|
|
9844
|
+
readonly 'yellow-800': any;
|
|
9845
|
+
readonly 'yellow-900': any;
|
|
9846
|
+
"background-alpha-active"?: any;
|
|
9847
|
+
"background-alpha-hover"?: any;
|
|
9848
|
+
"background-danger-prominent"?: any;
|
|
9849
|
+
"background-danger-prominent-active"?: any;
|
|
9850
|
+
"background-danger-prominent-hover"?: any;
|
|
9851
|
+
"background-danger-subtle"?: any;
|
|
9852
|
+
"background-danger-subtle-active"?: any;
|
|
9853
|
+
"background-danger-subtle-hover"?: any;
|
|
9854
|
+
"background-neutrals"?: any;
|
|
9855
|
+
"background-neutrals-active"?: any;
|
|
9856
|
+
"background-neutrals-container"?: any;
|
|
9857
|
+
"background-neutrals-controls-disabled"?: any;
|
|
9858
|
+
"background-neutrals-disabled"?: any;
|
|
9859
|
+
"background-neutrals-hover"?: any;
|
|
9860
|
+
"background-neutrals-inactive"?: any;
|
|
9861
|
+
"background-neutrals-inactive-hover"?: any;
|
|
9862
|
+
"background-neutrals-inverted"?: any;
|
|
9863
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
9864
|
+
"background-neutrals-page"?: any;
|
|
9865
|
+
"background-neutrals-page-subtle"?: any;
|
|
9866
|
+
"background-neutrals-scrolls"?: any;
|
|
9867
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
9868
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
9869
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
9870
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
9871
|
+
"background-neutrals-subtle"?: any;
|
|
9872
|
+
"background-neutrals-subtle-active"?: any;
|
|
9873
|
+
"background-neutrals-subtle-hover"?: any;
|
|
9874
|
+
"background-primary-prominent"?: any;
|
|
9875
|
+
"background-primary-prominent-active"?: any;
|
|
9876
|
+
"background-primary-prominent-expanded"?: any;
|
|
9877
|
+
"background-primary-prominent-hover"?: any;
|
|
9878
|
+
"background-primary-prominent-pressed"?: any;
|
|
9879
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
9880
|
+
"background-primary-prominent-selected"?: any;
|
|
9881
|
+
"background-primary-subtle"?: any;
|
|
9882
|
+
"background-primary-subtle-active"?: any;
|
|
9883
|
+
"background-primary-subtle-expanded"?: any;
|
|
9884
|
+
"background-primary-subtle-hover"?: any;
|
|
9885
|
+
"background-primary-subtle-pressed"?: any;
|
|
9886
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
9887
|
+
"background-primary-subtle-selected"?: any;
|
|
9888
|
+
"background-success"?: any;
|
|
9889
|
+
"background-success-prominent"?: any;
|
|
9890
|
+
"background-success-prominent-active"?: any;
|
|
9891
|
+
"background-success-prominent-hover"?: any;
|
|
9892
|
+
"background-warning-prominent"?: any;
|
|
9893
|
+
"background-warning-subtle"?: any;
|
|
9894
|
+
"border-danger"?: any;
|
|
9895
|
+
"border-danger-active"?: any;
|
|
9896
|
+
"border-danger-hover"?: any;
|
|
9897
|
+
"border-focus-inner"?: any;
|
|
9898
|
+
"border-focus-middle"?: any;
|
|
9899
|
+
"border-focus-outer"?: any;
|
|
9900
|
+
"border-neutrals"?: any;
|
|
9901
|
+
"border-neutrals-active"?: any;
|
|
9902
|
+
"border-neutrals-controls"?: any;
|
|
9903
|
+
"border-neutrals-controls-disabled"?: any;
|
|
9904
|
+
"border-neutrals-disabled"?: any;
|
|
9905
|
+
"border-neutrals-hover"?: any;
|
|
9906
|
+
"border-neutrals-inverted"?: any;
|
|
9907
|
+
"border-neutrals-subtle"?: any;
|
|
9908
|
+
"border-neutrals-text"?: any;
|
|
9909
|
+
"border-neutrals-text-active"?: any;
|
|
9910
|
+
"border-neutrals-text-hover"?: any;
|
|
9911
|
+
"border-neutrals-text-subtle"?: any;
|
|
9912
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
9913
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
9914
|
+
"border-neutrals-transparent"?: any;
|
|
9915
|
+
"border-primary"?: any;
|
|
9916
|
+
"border-primary-active"?: any;
|
|
9917
|
+
"border-primary-hover"?: any;
|
|
9918
|
+
"border-primary-inverted"?: any;
|
|
9919
|
+
"border-success"?: any;
|
|
9920
|
+
"border-success-active"?: any;
|
|
9921
|
+
"border-success-hover"?: any;
|
|
9922
|
+
"border-warning"?: any;
|
|
9923
|
+
"icon-danger"?: any;
|
|
9924
|
+
"icon-danger-active"?: any;
|
|
9925
|
+
"icon-danger-hover"?: any;
|
|
9926
|
+
"icon-danger-inverted"?: any;
|
|
9927
|
+
"icon-neutrals"?: any;
|
|
9928
|
+
"icon-neutrals-disabled"?: any;
|
|
9929
|
+
"icon-neutrals-inactive"?: any;
|
|
9930
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
9931
|
+
"icon-neutrals-inverted"?: any;
|
|
9932
|
+
"icon-neutrals-search"?: any;
|
|
9933
|
+
"icon-neutrals-subtle"?: any;
|
|
9934
|
+
"icon-neutrals-text"?: any;
|
|
9935
|
+
"icon-primary"?: any;
|
|
9936
|
+
"icon-primary-active"?: any;
|
|
9937
|
+
"icon-primary-hover"?: any;
|
|
9938
|
+
"icon-primary-inverted"?: any;
|
|
9939
|
+
"icon-primary-selected"?: any;
|
|
9940
|
+
"icon-success"?: any;
|
|
9941
|
+
"icon-success-active"?: any;
|
|
9942
|
+
"icon-success-hover"?: any;
|
|
9943
|
+
"icon-success-inverted"?: any;
|
|
9944
|
+
"icon-warning"?: any;
|
|
9945
|
+
"icon-warning-prominent"?: any;
|
|
9946
|
+
"icon-warning-subtle"?: any;
|
|
9947
|
+
"text-danger"?: any;
|
|
9948
|
+
"text-danger-active"?: any;
|
|
9949
|
+
"text-danger-hover"?: any;
|
|
9950
|
+
"text-danger-inverted"?: any;
|
|
9951
|
+
"text-neutrals"?: any;
|
|
9952
|
+
"text-neutrals-active"?: any;
|
|
9953
|
+
"text-neutrals-disabled"?: any;
|
|
9954
|
+
"text-neutrals-hover"?: any;
|
|
9955
|
+
"text-neutrals-inverted"?: any;
|
|
9956
|
+
"text-neutrals-placeholder"?: any;
|
|
9957
|
+
"text-neutrals-placeholder-only"?: any;
|
|
9958
|
+
"text-neutrals-subtle"?: any;
|
|
9959
|
+
"text-neutrals-subtle-active"?: any;
|
|
9960
|
+
"text-neutrals-subtle-hover"?: any;
|
|
9961
|
+
"text-primary"?: any;
|
|
9962
|
+
"text-primary-active"?: any;
|
|
9963
|
+
"text-primary-hover"?: any;
|
|
9964
|
+
"text-primary-inverted"?: any;
|
|
9965
|
+
"text-primary-inverted-subtle"?: any;
|
|
9966
|
+
"text-primary-selected"?: any;
|
|
9967
|
+
"text-success"?: any;
|
|
9968
|
+
"text-success-active"?: any;
|
|
9969
|
+
"text-success-hover"?: any;
|
|
9970
|
+
"text-success-inverted"?: any;
|
|
9971
|
+
"text-warning"?: any;
|
|
9972
|
+
"text-warning-subtle"?: any;
|
|
9973
|
+
};
|
|
9974
|
+
'font-sizes': {
|
|
9975
|
+
readonly 150: "0.75rem";
|
|
9976
|
+
readonly 175: "0.875rem";
|
|
9977
|
+
readonly 200: "1rem";
|
|
9978
|
+
readonly 225: "1.125rem";
|
|
9979
|
+
readonly 250: "1.25rem";
|
|
9980
|
+
readonly 300: "1.5rem";
|
|
9981
|
+
readonly 400: "2rem";
|
|
9982
|
+
readonly 500: "2.5rem";
|
|
9983
|
+
readonly 600: "3rem";
|
|
9984
|
+
readonly 800: "4rem";
|
|
9985
|
+
readonly 900: "4.5rem";
|
|
9986
|
+
};
|
|
9987
|
+
fonts: {
|
|
9988
|
+
readonly heading: "Roobert, sans-serif";
|
|
9989
|
+
readonly body: "Open Sans, sans-serif";
|
|
9990
|
+
};
|
|
9991
|
+
radii: {
|
|
9992
|
+
readonly none: 0;
|
|
9993
|
+
readonly half: "999em";
|
|
9994
|
+
readonly 25: "2px";
|
|
9995
|
+
readonly 50: "4px";
|
|
9996
|
+
readonly 75: "6px";
|
|
9997
|
+
readonly 100: "8px";
|
|
9998
|
+
readonly 200: "16px";
|
|
9999
|
+
};
|
|
10000
|
+
shadows: {
|
|
10001
|
+
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";
|
|
10002
|
+
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";
|
|
10003
|
+
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";
|
|
10004
|
+
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";
|
|
10005
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
10006
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
10007
|
+
};
|
|
10008
|
+
sizes: {
|
|
10009
|
+
readonly number: string;
|
|
10010
|
+
readonly 'icon-200': "16px";
|
|
10011
|
+
readonly 'icon-300': "24px";
|
|
10012
|
+
readonly 'icon-400': "32px";
|
|
10013
|
+
};
|
|
10014
|
+
space: {
|
|
10015
|
+
readonly 0: "0px";
|
|
10016
|
+
readonly 25: "2px";
|
|
10017
|
+
readonly 50: "4px";
|
|
10018
|
+
readonly 100: "8px";
|
|
10019
|
+
readonly 150: "12px";
|
|
10020
|
+
readonly 200: "16px";
|
|
10021
|
+
readonly 300: "24px";
|
|
10022
|
+
readonly 400: "32px";
|
|
10023
|
+
readonly 500: "40px";
|
|
10024
|
+
readonly 600: "48px";
|
|
10025
|
+
readonly 700: "56px";
|
|
10026
|
+
readonly 800: "64px";
|
|
10027
|
+
readonly 1200: "96px";
|
|
10028
|
+
readonly 1600: "128px";
|
|
10029
|
+
};
|
|
10030
|
+
'space-gap': {
|
|
10031
|
+
readonly 0: any;
|
|
10032
|
+
readonly 50: any;
|
|
10033
|
+
readonly 100: any;
|
|
10034
|
+
readonly 200: any;
|
|
10035
|
+
readonly 300: any;
|
|
10036
|
+
};
|
|
10037
|
+
'space-inset': {
|
|
10038
|
+
readonly 0: any;
|
|
10039
|
+
readonly 50: any;
|
|
10040
|
+
readonly 100: any;
|
|
10041
|
+
readonly 150: any;
|
|
10042
|
+
readonly 200: any;
|
|
10043
|
+
readonly 300: any;
|
|
10044
|
+
readonly 400: any;
|
|
10045
|
+
readonly 500: any;
|
|
10046
|
+
readonly 600: any;
|
|
10047
|
+
readonly 700: any;
|
|
10048
|
+
readonly 800: any;
|
|
10049
|
+
readonly 1200: any;
|
|
10050
|
+
readonly 1600: any;
|
|
10051
|
+
};
|
|
10052
|
+
'space-offset': {
|
|
10053
|
+
readonly 0: any;
|
|
10054
|
+
readonly 50: any;
|
|
10055
|
+
readonly 100: any;
|
|
10056
|
+
readonly 150: any;
|
|
10057
|
+
readonly 200: any;
|
|
10058
|
+
readonly 300: any;
|
|
10059
|
+
readonly 400: any;
|
|
10060
|
+
readonly 600: any;
|
|
10061
|
+
readonly 800: any;
|
|
10062
|
+
readonly 1200: any;
|
|
10063
|
+
readonly 1600: any;
|
|
10064
|
+
readonly 'stacking-0': any;
|
|
10065
|
+
readonly 'stacking-100': any;
|
|
10066
|
+
readonly 'stacking-200': any;
|
|
10067
|
+
readonly 'stacking-300': any;
|
|
10068
|
+
readonly 'stacking-400': any;
|
|
10069
|
+
readonly 'stacking-500': any;
|
|
10070
|
+
readonly 'stacking-800': any;
|
|
10071
|
+
};
|
|
10072
|
+
'stroke-width': {
|
|
10073
|
+
readonly thin: "1.5px";
|
|
10074
|
+
readonly normal: "2px";
|
|
10075
|
+
readonly bold: "4px";
|
|
10076
|
+
};
|
|
10077
|
+
'z-indices': {
|
|
10078
|
+
readonly dropdownMenu: 100;
|
|
10079
|
+
readonly select: 200;
|
|
10080
|
+
readonly popover: 300;
|
|
10081
|
+
readonly tooltip: 400;
|
|
10082
|
+
};
|
|
10083
|
+
}, {
|
|
10084
|
+
readonly background: "colors";
|
|
10085
|
+
readonly backgroundColor: "colors";
|
|
10086
|
+
readonly backgroundImage: "colors";
|
|
10087
|
+
readonly blockSize: "sizes";
|
|
10088
|
+
readonly border: "colors";
|
|
10089
|
+
readonly borderBlock: "colors";
|
|
10090
|
+
readonly borderBlockEnd: "colors";
|
|
10091
|
+
readonly borderBlockStart: "colors";
|
|
10092
|
+
readonly borderBottom: "colors";
|
|
10093
|
+
readonly borderBottomColor: "colors";
|
|
10094
|
+
readonly borderBottomLeftRadius: "radii";
|
|
10095
|
+
readonly borderBottomRightRadius: "radii";
|
|
10096
|
+
readonly borderBottomStyle: "border-styles";
|
|
10097
|
+
readonly borderBottomWidth: "border-widths";
|
|
10098
|
+
readonly borderColor: "colors";
|
|
10099
|
+
readonly borderImage: "colors";
|
|
10100
|
+
readonly borderInline: "colors";
|
|
10101
|
+
readonly borderInlineEnd: "colors";
|
|
10102
|
+
readonly borderInlineStart: "colors";
|
|
10103
|
+
readonly borderLeft: "colors";
|
|
10104
|
+
readonly borderLeftColor: "colors";
|
|
10105
|
+
readonly borderLeftStyle: "border-styles";
|
|
10106
|
+
readonly borderLeftWidth: "border-widths";
|
|
10107
|
+
readonly borderRadius: "radii";
|
|
10108
|
+
readonly borderRight: "colors";
|
|
10109
|
+
readonly borderRightColor: "colors";
|
|
10110
|
+
readonly borderRightStyle: "border-styles";
|
|
10111
|
+
readonly borderRightWidth: "border-widths";
|
|
10112
|
+
readonly borderSpacing: "space-offset";
|
|
10113
|
+
readonly borderStyle: "border-styles";
|
|
10114
|
+
readonly borderTop: "colors";
|
|
10115
|
+
readonly borderTopColor: "colors";
|
|
10116
|
+
readonly borderTopLeftRadius: "radii";
|
|
10117
|
+
readonly borderTopRightRadius: "radii";
|
|
10118
|
+
readonly borderTopStyle: "border-styles";
|
|
10119
|
+
readonly borderTopWidth: "border-widths";
|
|
10120
|
+
readonly borderWidth: "border-widths";
|
|
10121
|
+
readonly bottom: "space";
|
|
10122
|
+
readonly boxShadow: "shadows";
|
|
10123
|
+
readonly caretColor: "colors";
|
|
10124
|
+
readonly color: "colors";
|
|
10125
|
+
readonly columnGap: "space-gap";
|
|
10126
|
+
readonly columnRuleColor: "colors";
|
|
10127
|
+
readonly fill: "colors";
|
|
10128
|
+
readonly flexBasis: "sizes";
|
|
10129
|
+
readonly fontFamily: "fonts";
|
|
10130
|
+
readonly fontSize: "font-sizes";
|
|
10131
|
+
readonly fontWeight: "font-weights";
|
|
10132
|
+
readonly gap: "space-gap";
|
|
10133
|
+
readonly gridColumnGap: "space-gap";
|
|
10134
|
+
readonly gridGap: "space-gap";
|
|
10135
|
+
readonly gridRowGap: "space-gap";
|
|
10136
|
+
readonly gridTemplateColumns: "sizes";
|
|
10137
|
+
readonly gridTemplateRows: "sizes";
|
|
10138
|
+
readonly height: "sizes";
|
|
10139
|
+
readonly inlineSize: "sizes";
|
|
10140
|
+
readonly inset: "space-inset";
|
|
10141
|
+
readonly insetBlock: "space-inset";
|
|
10142
|
+
readonly insetBlockEnd: "space-inset";
|
|
10143
|
+
readonly insetBlockStart: "space-inset";
|
|
10144
|
+
readonly insetInline: "space-inset";
|
|
10145
|
+
readonly insetInlineEnd: "space-inset";
|
|
10146
|
+
readonly insetInlineStart: "space-inset";
|
|
10147
|
+
readonly left: "space";
|
|
10148
|
+
readonly letterSpacing: "letter-spacings";
|
|
10149
|
+
readonly lineHeight: "line-heights";
|
|
10150
|
+
readonly margin: "space-offset";
|
|
10151
|
+
readonly marginBlock: "space-offset";
|
|
10152
|
+
readonly marginBlockEnd: "space-offset";
|
|
10153
|
+
readonly marginBlockStart: "space-offset";
|
|
10154
|
+
readonly marginBottom: "space-offset";
|
|
10155
|
+
readonly marginInline: "space-offset";
|
|
10156
|
+
readonly marginInlineEnd: "space-offset";
|
|
10157
|
+
readonly marginInlineStart: "space-offset";
|
|
10158
|
+
readonly marginLeft: "space-offset";
|
|
10159
|
+
readonly marginRight: "space-offset";
|
|
10160
|
+
readonly marginTop: "space-offset";
|
|
10161
|
+
readonly maxBlockSize: "sizes";
|
|
10162
|
+
readonly maxHeight: "sizes";
|
|
10163
|
+
readonly maxInlineSize: "sizes";
|
|
10164
|
+
readonly maxWidth: "sizes";
|
|
10165
|
+
readonly minBlockSize: "sizes";
|
|
10166
|
+
readonly minHeight: "sizes";
|
|
10167
|
+
readonly minInlineSize: "sizes";
|
|
10168
|
+
readonly minWidth: "sizes";
|
|
10169
|
+
readonly outline: "colors";
|
|
10170
|
+
readonly outlineColor: "colors";
|
|
10171
|
+
readonly padding: "space-inset";
|
|
10172
|
+
readonly paddingBlock: "space-inset";
|
|
10173
|
+
readonly paddingBlockEnd: "space-inset";
|
|
10174
|
+
readonly paddingBlockStart: "space-inset";
|
|
10175
|
+
readonly paddingBottom: "space-inset";
|
|
10176
|
+
readonly paddingInline: "space-inset";
|
|
10177
|
+
readonly paddingInlineEnd: "space-inset";
|
|
10178
|
+
readonly paddingInlineStart: "space-inset";
|
|
10179
|
+
readonly paddingLeft: "space-inset";
|
|
10180
|
+
readonly paddingRight: "space-inset";
|
|
10181
|
+
readonly paddingTop: "space-inset";
|
|
10182
|
+
readonly right: "space";
|
|
10183
|
+
readonly rowGap: "space-gap";
|
|
10184
|
+
readonly scrollMargin: "space-offset";
|
|
10185
|
+
readonly scrollMarginBlock: "space-offset";
|
|
10186
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
10187
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
10188
|
+
readonly scrollMarginBottom: "space-offset";
|
|
10189
|
+
readonly scrollMarginInline: "space-offset";
|
|
10190
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
10191
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
10192
|
+
readonly scrollMarginLeft: "space-offset";
|
|
10193
|
+
readonly scrollMarginRight: "space-offset";
|
|
10194
|
+
readonly scrollMarginTop: "space-offset";
|
|
10195
|
+
readonly scrollPadding: "space-inset";
|
|
10196
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
10197
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
10198
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
10199
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
10200
|
+
readonly scrollPaddingInline: "space-inset";
|
|
10201
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
10202
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
10203
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
10204
|
+
readonly scrollPaddingRight: "space-inset";
|
|
10205
|
+
readonly scrollPaddingTop: "space-inset";
|
|
10206
|
+
readonly stroke: "colors";
|
|
10207
|
+
readonly strokeWidth: "stroke-width";
|
|
10208
|
+
readonly textDecorationColor: "colors";
|
|
10209
|
+
readonly textShadow: "shadows";
|
|
10210
|
+
readonly top: "space";
|
|
10211
|
+
readonly transition: "transitions";
|
|
10212
|
+
readonly width: "sizes";
|
|
10213
|
+
readonly zIndex: "z-indices";
|
|
10214
|
+
}, {
|
|
10215
|
+
paddingX: (value: {
|
|
10216
|
+
readonly [$$PropertyValue]: "padding";
|
|
10217
|
+
}) => {
|
|
10218
|
+
paddingLeft: {
|
|
10219
|
+
readonly [$$PropertyValue]: "padding";
|
|
10220
|
+
};
|
|
10221
|
+
paddingRight: {
|
|
10222
|
+
readonly [$$PropertyValue]: "padding";
|
|
10223
|
+
};
|
|
10224
|
+
};
|
|
10225
|
+
paddingY: (value: {
|
|
10226
|
+
readonly [$$PropertyValue]: "padding";
|
|
10227
|
+
}) => {
|
|
10228
|
+
paddingTop: {
|
|
10229
|
+
readonly [$$PropertyValue]: "padding";
|
|
10230
|
+
};
|
|
10231
|
+
paddingBottom: {
|
|
10232
|
+
readonly [$$PropertyValue]: "padding";
|
|
10233
|
+
};
|
|
10234
|
+
};
|
|
10235
|
+
marginX: (value: {
|
|
10236
|
+
readonly [$$PropertyValue]: "margin";
|
|
10237
|
+
}) => {
|
|
10238
|
+
marginLeft: {
|
|
10239
|
+
readonly [$$PropertyValue]: "margin";
|
|
10240
|
+
};
|
|
10241
|
+
marginRight: {
|
|
10242
|
+
readonly [$$PropertyValue]: "margin";
|
|
10243
|
+
};
|
|
10244
|
+
};
|
|
10245
|
+
marginY: (value: {
|
|
10246
|
+
readonly [$$PropertyValue]: "margin";
|
|
10247
|
+
}) => {
|
|
10248
|
+
marginTop: {
|
|
10249
|
+
readonly [$$PropertyValue]: "margin";
|
|
10250
|
+
};
|
|
10251
|
+
marginBottom: {
|
|
10252
|
+
readonly [$$PropertyValue]: "margin";
|
|
10253
|
+
};
|
|
10254
|
+
};
|
|
10255
|
+
square: (value: {
|
|
10256
|
+
readonly [$$PropertyValue]: "width";
|
|
10257
|
+
}) => {
|
|
10258
|
+
width: {
|
|
10259
|
+
readonly [$$PropertyValue]: "width";
|
|
10260
|
+
};
|
|
10261
|
+
height: {
|
|
10262
|
+
readonly [$$PropertyValue]: "width";
|
|
10263
|
+
};
|
|
10264
|
+
};
|
|
10265
|
+
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
10266
|
+
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
10267
|
+
};
|
|
10268
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>, {}, {}>, {}, {}>;
|
|
10269
|
+
declare type StyledIllustrationSlotProps = StrictComponentProps<typeof StyledIllustrationSlot>;
|
|
10270
|
+
|
|
10271
|
+
declare const IllustrationSlot: react__default.ForwardRefExoticComponent<Omit<StyledIllustrationSlotProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
10272
|
+
|
|
10273
|
+
interface DropdownMenuProps {
|
|
10274
|
+
/**
|
|
10275
|
+
* The open state of the dropdown menu when it is initially rendered. Use when
|
|
10276
|
+
* you do not need to control its open state.
|
|
10277
|
+
* @default false
|
|
10278
|
+
*/
|
|
10279
|
+
defaultOpen?: boolean;
|
|
10280
|
+
/**
|
|
10281
|
+
* The reading direction of submenus when applicable. If omitted, assumes LTR
|
|
10282
|
+
* (left-to-right) reading mode.
|
|
10283
|
+
* @default 'ltr'
|
|
10284
|
+
*/
|
|
10285
|
+
direction?: 'ltr' | 'rtl';
|
|
10286
|
+
/**
|
|
10287
|
+
* The current dropdown open state.
|
|
10288
|
+
*/
|
|
10289
|
+
open?: boolean;
|
|
10290
|
+
/**
|
|
10291
|
+
* Event handler called when the dropdown opens.
|
|
10292
|
+
*/
|
|
10293
|
+
onOpen?: () => void;
|
|
10294
|
+
/**
|
|
10295
|
+
* Event handler called when the dropdown closes.
|
|
10296
|
+
*/
|
|
10297
|
+
onClose?: () => void;
|
|
10298
|
+
/**
|
|
10299
|
+
* Defines whether the interaction with outside elements will be disabled and
|
|
10300
|
+
* only menu content will be visible to screen readers. This prop is ignored
|
|
10301
|
+
* within submenus.
|
|
10302
|
+
* @default false
|
|
8799
10303
|
*/
|
|
8800
10304
|
interactOutside?: boolean;
|
|
8801
10305
|
/**
|
|
@@ -8824,4 +10328,4 @@ interface Partials {
|
|
|
8824
10328
|
Trigger: typeof Trigger;
|
|
8825
10329
|
}
|
|
8826
10330
|
|
|
8827
|
-
export { DropdownMenu, CheckboxItemProps as DropdownMenuCheckboxItemProps, ContentProps as DropdownMenuContentProps, ItemProps as DropdownMenuItemProps, LinkItemProps as DropdownMenuLinkItemProps, PortalProps as DropdownMenuPortalProps, DropdownMenuProps, RadioGroupProps as DropdownMenuRadioGroupProps, RadioItemProps as DropdownMenuRadioItemProps, SeparatorProps as DropdownMenuSeparatorProps, SubContentProps as DropdownMenuSubContentProps, SubProps as DropdownMenuSubProps, SubTriggerProps as DropdownMenuSubTriggerProps, SwitchItemProps as DropdownMenuSwitchItemProps, TriggerProps as DropdownMenuTriggerProps, types as DropdownMenuTypes };
|
|
10331
|
+
export { DropdownMenu, CheckboxItemProps as DropdownMenuCheckboxItemProps, ContentProps as DropdownMenuContentProps, IconSlotProps as DropdownMenuIconSlotProps, ItemProps as DropdownMenuItemProps, LinkItemProps as DropdownMenuLinkItemProps, PortalProps as DropdownMenuPortalProps, DropdownMenuProps, RadioGroupProps as DropdownMenuRadioGroupProps, RadioItemProps as DropdownMenuRadioItemProps, SeparatorProps as DropdownMenuSeparatorProps, SubContentProps as DropdownMenuSubContentProps, SubProps as DropdownMenuSubProps, SubTriggerProps as DropdownMenuSubTriggerProps, SwitchItemProps as DropdownMenuSwitchItemProps, TriggerProps as DropdownMenuTriggerProps, types as DropdownMenuTypes };
|