@mirohq/design-system-combobox 0.1.0-combobox.0 → 0.1.0-combobox.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 +229 -41
- package/dist/main.js.map +1 -1
- package/dist/module.js +231 -43
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +146 -1044
- package/package.json +9 -7
package/dist/types.d.ts
CHANGED
|
@@ -1,17 +1,51 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import React__default, { ReactNode } from 'react';
|
|
3
|
+
import * as packages_components_input_src_types from 'packages/components/input/src/types';
|
|
4
|
+
import { InputProps } from '@mirohq/design-system-input';
|
|
4
5
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
5
6
|
import { StrictComponentProps } from '@mirohq/design-system-stitches';
|
|
6
7
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
7
8
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
|
8
|
-
import * as
|
|
9
|
-
import * as packages_components_input_src_types from 'packages/components/input/src/types';
|
|
10
|
-
import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
|
|
9
|
+
import * as RadixPopover from '@radix-ui/react-popover';
|
|
11
10
|
import { PopoverPortalProps } from '@radix-ui/react-popover';
|
|
12
11
|
import * as _ariakit_react from '@ariakit/react';
|
|
12
|
+
import { FormElementProps } from '@mirohq/design-system-base-form';
|
|
13
|
+
|
|
14
|
+
declare const Trigger: React__default.ForwardRefExoticComponent<(Omit<packages_components_input_src_types.InputSharedProps & packages_components_input_src_types.ClearProps & {
|
|
15
|
+
/**
|
|
16
|
+
* The content.
|
|
17
|
+
*/
|
|
18
|
+
children?: React__default.ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* The size of the trigger.
|
|
21
|
+
* @default 'large'
|
|
22
|
+
*/
|
|
23
|
+
size?: InputProps['size'];
|
|
24
|
+
/**
|
|
25
|
+
* The content that will be rendered inside the Combobox.Trigger when no value or
|
|
26
|
+
* defaultValue is set.
|
|
27
|
+
*/
|
|
28
|
+
placeholder?: string | undefined;
|
|
29
|
+
}, "ref"> | Omit<packages_components_input_src_types.InputSharedProps & {
|
|
30
|
+
clearable?: undefined;
|
|
31
|
+
} & {
|
|
32
|
+
/**
|
|
33
|
+
* The content.
|
|
34
|
+
*/
|
|
35
|
+
children?: React__default.ReactNode;
|
|
36
|
+
/**
|
|
37
|
+
* The size of the trigger.
|
|
38
|
+
* @default 'large'
|
|
39
|
+
*/
|
|
40
|
+
size?: InputProps['size'];
|
|
41
|
+
/**
|
|
42
|
+
* The content that will be rendered inside the Combobox.Trigger when no value or
|
|
43
|
+
* defaultValue is set.
|
|
44
|
+
*/
|
|
45
|
+
placeholder?: string | undefined;
|
|
46
|
+
}, "ref">) & React__default.RefAttributes<HTMLInputElement>>;
|
|
13
47
|
|
|
14
|
-
declare const
|
|
48
|
+
declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<React.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & React.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
15
49
|
'border-widths': {
|
|
16
50
|
readonly none: 0;
|
|
17
51
|
readonly sm: "1px";
|
|
@@ -499,23 +533,18 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
499
533
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
500
534
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
501
535
|
};
|
|
502
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
503
|
-
declare type
|
|
536
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<React.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & React.RefAttributes<HTMLDivElement>>, {}, {}>;
|
|
537
|
+
declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
|
|
504
538
|
|
|
505
|
-
interface
|
|
506
|
-
/**
|
|
507
|
-
* The content.
|
|
508
|
-
*/
|
|
509
|
-
children?: react__default.ReactNode;
|
|
539
|
+
interface ContentProps extends StyledContentProps {
|
|
510
540
|
/**
|
|
511
|
-
*
|
|
512
|
-
* @default 'large'
|
|
541
|
+
* Combobox's content.
|
|
513
542
|
*/
|
|
514
|
-
|
|
543
|
+
children?: ReactNode;
|
|
515
544
|
}
|
|
516
|
-
declare const
|
|
545
|
+
declare const Content: React__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
517
546
|
|
|
518
|
-
declare const
|
|
547
|
+
declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.ComboboxItemProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
519
548
|
'border-widths': {
|
|
520
549
|
readonly none: 0;
|
|
521
550
|
readonly sm: "1px";
|
|
@@ -1003,18 +1032,41 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
1003
1032
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
1004
1033
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
1005
1034
|
};
|
|
1006
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
1007
|
-
declare type
|
|
1035
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.ComboboxItemProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}>;
|
|
1036
|
+
declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
|
|
1008
1037
|
|
|
1009
|
-
interface
|
|
1038
|
+
interface ItemProps extends StyledItemProps {
|
|
1010
1039
|
/**
|
|
1011
|
-
*
|
|
1040
|
+
* The value given as data when submitted with a name.
|
|
1041
|
+
*/
|
|
1042
|
+
value: string;
|
|
1043
|
+
/**
|
|
1044
|
+
* When true, prevents the user from interacting with the item.
|
|
1045
|
+
* @default false
|
|
1046
|
+
*/
|
|
1047
|
+
disabled?: boolean;
|
|
1048
|
+
/**
|
|
1049
|
+
* Optional text used for typeahead purposes. By default the typeahead
|
|
1050
|
+
* behavior will use the Combobox's item text. Use this when the content is
|
|
1051
|
+
* complex, or you have non-textual content inside.
|
|
1052
|
+
*/
|
|
1053
|
+
textValue?: string;
|
|
1054
|
+
/**
|
|
1055
|
+
* Item's content.
|
|
1012
1056
|
*/
|
|
1013
1057
|
children?: ReactNode;
|
|
1014
1058
|
}
|
|
1015
|
-
declare const
|
|
1059
|
+
declare const Item: React__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
1060
|
+
|
|
1061
|
+
interface PortalProps extends PopoverPortalProps {
|
|
1062
|
+
/**
|
|
1063
|
+
* Specify a container element to portal the content into.
|
|
1064
|
+
*/
|
|
1065
|
+
container?: HTMLElement | null;
|
|
1066
|
+
}
|
|
1067
|
+
declare const Portal: React__default.FC<PortalProps>;
|
|
1016
1068
|
|
|
1017
|
-
declare const
|
|
1069
|
+
declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.GroupProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
1018
1070
|
'border-widths': {
|
|
1019
1071
|
readonly none: 0;
|
|
1020
1072
|
readonly sm: "1px";
|
|
@@ -1502,37 +1554,14 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
1502
1554
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
1503
1555
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
1504
1556
|
};
|
|
1505
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
1506
|
-
declare type
|
|
1507
|
-
|
|
1508
|
-
interface ItemProps extends StyledItemProps {
|
|
1509
|
-
/**
|
|
1510
|
-
* The value given as data when submitted with a name.
|
|
1511
|
-
*/
|
|
1512
|
-
value: string;
|
|
1513
|
-
/**
|
|
1514
|
-
* When true, prevents the user from interacting with the item.
|
|
1515
|
-
* @default false
|
|
1516
|
-
*/
|
|
1517
|
-
disabled?: boolean;
|
|
1518
|
-
/**
|
|
1519
|
-
* Optional text used for typeahead purposes. By default the typeahead
|
|
1520
|
-
* behavior will use the Combobox's item text. Use this when the content is
|
|
1521
|
-
* complex, or you have non-textual content inside.
|
|
1522
|
-
*/
|
|
1523
|
-
textValue?: string;
|
|
1524
|
-
}
|
|
1525
|
-
declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
1557
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.GroupProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}>;
|
|
1558
|
+
declare type StyledGroupProps = StrictComponentProps<typeof StyledGroup>;
|
|
1526
1559
|
|
|
1527
|
-
interface
|
|
1528
|
-
/**
|
|
1529
|
-
* Specify a container element to portal the content into.
|
|
1530
|
-
*/
|
|
1531
|
-
container?: HTMLElement | null;
|
|
1560
|
+
interface GroupProps extends StyledGroupProps {
|
|
1532
1561
|
}
|
|
1533
|
-
declare const
|
|
1562
|
+
declare const Group: React__default.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
1534
1563
|
|
|
1535
|
-
declare const
|
|
1564
|
+
declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.GroupLabelProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
1536
1565
|
'border-widths': {
|
|
1537
1566
|
readonly none: 0;
|
|
1538
1567
|
readonly sm: "1px";
|
|
@@ -2020,1002 +2049,74 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
2020
2049
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
2021
2050
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
2022
2051
|
};
|
|
2023
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
2024
|
-
declare type
|
|
2052
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.GroupLabelProps<"div">) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, {}, {}>;
|
|
2053
|
+
declare type StyledGroupLabelProps = StrictComponentProps<typeof StyledGroupLabel>;
|
|
2025
2054
|
|
|
2026
|
-
interface
|
|
2055
|
+
interface GroupLabelProps extends StyledGroupLabelProps {
|
|
2027
2056
|
}
|
|
2028
|
-
declare const
|
|
2057
|
+
declare const GroupLabel: React__default.ForwardRefExoticComponent<Omit<GroupLabelProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
2029
2058
|
|
|
2030
|
-
declare const
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
readonly 'blue-500': any;
|
|
2044
|
-
readonly 'blue-600': any;
|
|
2045
|
-
readonly 'blue-700': any;
|
|
2046
|
-
readonly 'blue-800': any;
|
|
2047
|
-
readonly 'blue-900': any;
|
|
2048
|
-
readonly 'blue-1000': any;
|
|
2049
|
-
readonly 'gray-100': any;
|
|
2050
|
-
readonly 'gray-200': any;
|
|
2051
|
-
readonly 'gray-300': any;
|
|
2052
|
-
readonly 'gray-400': any;
|
|
2053
|
-
readonly 'gray-500': any;
|
|
2054
|
-
readonly 'gray-600': any;
|
|
2055
|
-
readonly 'gray-700': any;
|
|
2056
|
-
readonly 'gray-800': any;
|
|
2057
|
-
readonly 'gray-900': any;
|
|
2058
|
-
readonly 'green-100': any;
|
|
2059
|
-
readonly 'green-200': any;
|
|
2060
|
-
readonly 'green-300': any;
|
|
2061
|
-
readonly 'green-400': any;
|
|
2062
|
-
readonly 'green-500': any;
|
|
2063
|
-
readonly 'green-600': any;
|
|
2064
|
-
readonly 'green-700': any;
|
|
2065
|
-
readonly 'green-800': any;
|
|
2066
|
-
readonly 'green-900': any;
|
|
2067
|
-
readonly 'indigo-100': any;
|
|
2068
|
-
readonly 'indigo-200': any;
|
|
2069
|
-
readonly 'indigo-300': any;
|
|
2070
|
-
readonly 'indigo-400': any;
|
|
2071
|
-
readonly 'indigo-500': any;
|
|
2072
|
-
readonly 'indigo-600': any;
|
|
2073
|
-
readonly 'indigo-700': any;
|
|
2074
|
-
readonly 'indigo-800': any;
|
|
2075
|
-
readonly 'indigo-900': any;
|
|
2076
|
-
readonly 'red-100': any;
|
|
2077
|
-
readonly 'red-200': any;
|
|
2078
|
-
readonly 'red-300': any;
|
|
2079
|
-
readonly 'red-400': any;
|
|
2080
|
-
readonly 'red-500': any;
|
|
2081
|
-
readonly 'red-600': any;
|
|
2082
|
-
readonly 'red-700': any;
|
|
2083
|
-
readonly 'red-800': any;
|
|
2084
|
-
readonly 'red-900': any;
|
|
2085
|
-
readonly transparent: any;
|
|
2086
|
-
readonly white: any;
|
|
2087
|
-
readonly 'yellow-100': any;
|
|
2088
|
-
readonly 'yellow-200': any;
|
|
2089
|
-
readonly 'yellow-300': any;
|
|
2090
|
-
readonly 'yellow-400': any;
|
|
2091
|
-
readonly 'yellow-500': any;
|
|
2092
|
-
readonly 'yellow-600': any;
|
|
2093
|
-
readonly 'yellow-700': any;
|
|
2094
|
-
readonly 'yellow-800': any;
|
|
2095
|
-
readonly 'yellow-900': any;
|
|
2096
|
-
"background-alpha-active"?: any;
|
|
2097
|
-
"background-alpha-hover"?: any;
|
|
2098
|
-
"background-danger-prominent"?: any;
|
|
2099
|
-
"background-danger-prominent-active"?: any;
|
|
2100
|
-
"background-danger-prominent-hover"?: any;
|
|
2101
|
-
"background-danger-subtle"?: any;
|
|
2102
|
-
"background-danger-subtle-active"?: any;
|
|
2103
|
-
"background-danger-subtle-hover"?: any;
|
|
2104
|
-
"background-neutrals"?: any;
|
|
2105
|
-
"background-neutrals-active"?: any;
|
|
2106
|
-
"background-neutrals-container"?: any;
|
|
2107
|
-
"background-neutrals-controls-disabled"?: any;
|
|
2108
|
-
"background-neutrals-disabled"?: any;
|
|
2109
|
-
"background-neutrals-hover"?: any;
|
|
2110
|
-
"background-neutrals-inactive"?: any;
|
|
2111
|
-
"background-neutrals-inactive-hover"?: any;
|
|
2112
|
-
"background-neutrals-inverted"?: any;
|
|
2113
|
-
"background-neutrals-inverted-subtle"?: any;
|
|
2114
|
-
"background-neutrals-page"?: any;
|
|
2115
|
-
"background-neutrals-page-subtle"?: any;
|
|
2116
|
-
"background-neutrals-scrolls"?: any;
|
|
2117
|
-
"background-neutrals-scrolls-expanded"?: any;
|
|
2118
|
-
"background-neutrals-scrolls-hover"?: any;
|
|
2119
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
2120
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
2121
|
-
"background-neutrals-subtle"?: any;
|
|
2122
|
-
"background-neutrals-subtle-active"?: any;
|
|
2123
|
-
"background-neutrals-subtle-hover"?: any;
|
|
2124
|
-
"background-primary-prominent"?: any;
|
|
2125
|
-
"background-primary-prominent-active"?: any;
|
|
2126
|
-
"background-primary-prominent-expanded"?: any;
|
|
2127
|
-
"background-primary-prominent-hover"?: any;
|
|
2128
|
-
"background-primary-prominent-pressed"?: any;
|
|
2129
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
2130
|
-
"background-primary-prominent-selected"?: any;
|
|
2131
|
-
"background-primary-subtle"?: any;
|
|
2132
|
-
"background-primary-subtle-active"?: any;
|
|
2133
|
-
"background-primary-subtle-expanded"?: any;
|
|
2134
|
-
"background-primary-subtle-hover"?: any;
|
|
2135
|
-
"background-primary-subtle-pressed"?: any;
|
|
2136
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
2137
|
-
"background-primary-subtle-selected"?: any;
|
|
2138
|
-
"background-success"?: any;
|
|
2139
|
-
"background-success-prominent"?: any;
|
|
2140
|
-
"background-success-prominent-active"?: any;
|
|
2141
|
-
"background-success-prominent-hover"?: any;
|
|
2142
|
-
"background-warning-prominent"?: any;
|
|
2143
|
-
"background-warning-subtle"?: any;
|
|
2144
|
-
"border-danger"?: any;
|
|
2145
|
-
"border-danger-active"?: any;
|
|
2146
|
-
"border-danger-hover"?: any;
|
|
2147
|
-
"border-focus-inner"?: any;
|
|
2148
|
-
"border-focus-middle"?: any;
|
|
2149
|
-
"border-focus-outer"?: any;
|
|
2150
|
-
"border-neutrals"?: any;
|
|
2151
|
-
"border-neutrals-active"?: any;
|
|
2152
|
-
"border-neutrals-controls"?: any;
|
|
2153
|
-
"border-neutrals-controls-disabled"?: any;
|
|
2154
|
-
"border-neutrals-disabled"?: any;
|
|
2155
|
-
"border-neutrals-hover"?: any;
|
|
2156
|
-
"border-neutrals-inverted"?: any;
|
|
2157
|
-
"border-neutrals-subtle"?: any;
|
|
2158
|
-
"border-neutrals-text"?: any;
|
|
2159
|
-
"border-neutrals-text-active"?: any;
|
|
2160
|
-
"border-neutrals-text-hover"?: any;
|
|
2161
|
-
"border-neutrals-text-subtle"?: any;
|
|
2162
|
-
"border-neutrals-text-subtle-active"?: any;
|
|
2163
|
-
"border-neutrals-text-subtle-hover"?: any;
|
|
2164
|
-
"border-neutrals-transparent"?: any;
|
|
2165
|
-
"border-primary"?: any;
|
|
2166
|
-
"border-primary-active"?: any;
|
|
2167
|
-
"border-primary-hover"?: any;
|
|
2168
|
-
"border-primary-inverted"?: any;
|
|
2169
|
-
"border-success"?: any;
|
|
2170
|
-
"border-success-active"?: any;
|
|
2171
|
-
"border-success-hover"?: any;
|
|
2172
|
-
"border-warning"?: any;
|
|
2173
|
-
"icon-danger"?: any;
|
|
2174
|
-
"icon-danger-active"?: any;
|
|
2175
|
-
"icon-danger-hover"?: any;
|
|
2176
|
-
"icon-danger-inverted"?: any;
|
|
2177
|
-
"icon-neutrals"?: any;
|
|
2178
|
-
"icon-neutrals-disabled"?: any;
|
|
2179
|
-
"icon-neutrals-inactive"?: any;
|
|
2180
|
-
"icon-neutrals-inactive-hover"?: any;
|
|
2181
|
-
"icon-neutrals-inverted"?: any;
|
|
2182
|
-
"icon-neutrals-search"?: any;
|
|
2183
|
-
"icon-neutrals-subtle"?: any;
|
|
2184
|
-
"icon-neutrals-text"?: any;
|
|
2185
|
-
"icon-primary"?: any;
|
|
2186
|
-
"icon-primary-active"?: any;
|
|
2187
|
-
"icon-primary-hover"?: any;
|
|
2188
|
-
"icon-primary-inverted"?: any;
|
|
2189
|
-
"icon-primary-selected"?: any;
|
|
2190
|
-
"icon-success"?: any;
|
|
2191
|
-
"icon-success-active"?: any;
|
|
2192
|
-
"icon-success-hover"?: any;
|
|
2193
|
-
"icon-success-inverted"?: any;
|
|
2194
|
-
"icon-warning"?: any;
|
|
2195
|
-
"icon-warning-prominent"?: any;
|
|
2196
|
-
"icon-warning-subtle"?: any;
|
|
2197
|
-
"text-danger"?: any;
|
|
2198
|
-
"text-danger-active"?: any;
|
|
2199
|
-
"text-danger-hover"?: any;
|
|
2200
|
-
"text-danger-inverted"?: any;
|
|
2201
|
-
"text-neutrals"?: any;
|
|
2202
|
-
"text-neutrals-active"?: any;
|
|
2203
|
-
"text-neutrals-disabled"?: any;
|
|
2204
|
-
"text-neutrals-hover"?: any;
|
|
2205
|
-
"text-neutrals-inverted"?: any;
|
|
2206
|
-
"text-neutrals-placeholder"?: any;
|
|
2207
|
-
"text-neutrals-placeholder-only"?: any;
|
|
2208
|
-
"text-neutrals-subtle"?: any;
|
|
2209
|
-
"text-neutrals-subtle-active"?: any;
|
|
2210
|
-
"text-neutrals-subtle-hover"?: any;
|
|
2211
|
-
"text-primary"?: any;
|
|
2212
|
-
"text-primary-active"?: any;
|
|
2213
|
-
"text-primary-hover"?: any;
|
|
2214
|
-
"text-primary-inverted"?: any;
|
|
2215
|
-
"text-primary-inverted-subtle"?: any;
|
|
2216
|
-
"text-primary-selected"?: any;
|
|
2217
|
-
"text-success"?: any;
|
|
2218
|
-
"text-success-active"?: any;
|
|
2219
|
-
"text-success-hover"?: any;
|
|
2220
|
-
"text-success-inverted"?: any;
|
|
2221
|
-
"text-warning"?: any;
|
|
2222
|
-
"text-warning-subtle"?: any;
|
|
2223
|
-
};
|
|
2224
|
-
'font-sizes': {
|
|
2225
|
-
readonly 150: "0.75rem";
|
|
2226
|
-
readonly 175: "0.875rem";
|
|
2227
|
-
readonly 200: "1rem";
|
|
2228
|
-
readonly 225: "1.125rem";
|
|
2229
|
-
readonly 250: "1.25rem";
|
|
2230
|
-
readonly 300: "1.5rem";
|
|
2231
|
-
readonly 400: "2rem";
|
|
2232
|
-
readonly 500: "2.5rem";
|
|
2233
|
-
readonly 600: "3rem";
|
|
2234
|
-
readonly 800: "4rem";
|
|
2235
|
-
readonly 900: "4.5rem";
|
|
2236
|
-
};
|
|
2237
|
-
fonts: {
|
|
2238
|
-
readonly heading: "Roobert, sans-serif";
|
|
2239
|
-
readonly body: "Open Sans, sans-serif";
|
|
2240
|
-
};
|
|
2241
|
-
radii: {
|
|
2242
|
-
readonly none: 0;
|
|
2243
|
-
readonly half: "999em";
|
|
2244
|
-
readonly 25: "2px";
|
|
2245
|
-
readonly 50: "4px";
|
|
2246
|
-
readonly 75: "6px";
|
|
2247
|
-
readonly 100: "8px";
|
|
2248
|
-
readonly 200: "16px";
|
|
2249
|
-
};
|
|
2250
|
-
shadows: {
|
|
2251
|
-
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";
|
|
2252
|
-
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";
|
|
2253
|
-
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";
|
|
2254
|
-
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";
|
|
2255
|
-
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";
|
|
2256
|
-
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";
|
|
2257
|
-
};
|
|
2258
|
-
sizes: {
|
|
2259
|
-
readonly number: string;
|
|
2260
|
-
readonly 'icon-200': "16px";
|
|
2261
|
-
readonly 'icon-300': "24px";
|
|
2262
|
-
readonly 'icon-400': "32px";
|
|
2263
|
-
};
|
|
2264
|
-
space: {
|
|
2265
|
-
readonly 0: "0px";
|
|
2266
|
-
readonly 25: "2px";
|
|
2267
|
-
readonly 50: "4px";
|
|
2268
|
-
readonly 100: "8px";
|
|
2269
|
-
readonly 150: "12px";
|
|
2270
|
-
readonly 200: "16px";
|
|
2271
|
-
readonly 300: "24px";
|
|
2272
|
-
readonly 400: "32px";
|
|
2273
|
-
readonly 500: "40px";
|
|
2274
|
-
readonly 600: "48px";
|
|
2275
|
-
readonly 700: "56px";
|
|
2276
|
-
readonly 800: "64px";
|
|
2277
|
-
readonly 1200: "96px";
|
|
2278
|
-
readonly 1600: "128px";
|
|
2279
|
-
};
|
|
2280
|
-
'space-gap': {
|
|
2281
|
-
readonly 0: any;
|
|
2282
|
-
readonly 50: any;
|
|
2283
|
-
readonly 100: any;
|
|
2284
|
-
readonly 200: any;
|
|
2285
|
-
readonly 300: any;
|
|
2286
|
-
};
|
|
2287
|
-
'space-inset': {
|
|
2288
|
-
readonly 0: any;
|
|
2289
|
-
readonly 50: any;
|
|
2290
|
-
readonly 100: any;
|
|
2291
|
-
readonly 150: any;
|
|
2292
|
-
readonly 200: any;
|
|
2293
|
-
readonly 300: any;
|
|
2294
|
-
readonly 400: any;
|
|
2295
|
-
readonly 500: any;
|
|
2296
|
-
readonly 600: any;
|
|
2297
|
-
readonly 700: any;
|
|
2298
|
-
readonly 800: any;
|
|
2299
|
-
readonly 1200: any;
|
|
2300
|
-
readonly 1600: any;
|
|
2301
|
-
};
|
|
2302
|
-
'space-offset': {
|
|
2303
|
-
readonly 0: any;
|
|
2304
|
-
readonly 50: any;
|
|
2305
|
-
readonly 100: any;
|
|
2306
|
-
readonly 150: any;
|
|
2307
|
-
readonly 200: any;
|
|
2308
|
-
readonly 300: any;
|
|
2309
|
-
readonly 400: any;
|
|
2310
|
-
readonly 600: any;
|
|
2311
|
-
readonly 800: any;
|
|
2312
|
-
readonly 1200: any;
|
|
2313
|
-
readonly 1600: any;
|
|
2314
|
-
readonly 'stacking-0': any;
|
|
2315
|
-
readonly 'stacking-100': any;
|
|
2316
|
-
readonly 'stacking-200': any;
|
|
2317
|
-
readonly 'stacking-300': any;
|
|
2318
|
-
readonly 'stacking-400': any;
|
|
2319
|
-
readonly 'stacking-500': any;
|
|
2320
|
-
readonly 'stacking-800': any;
|
|
2321
|
-
};
|
|
2322
|
-
'stroke-width': {
|
|
2323
|
-
readonly thin: "1.5px";
|
|
2324
|
-
readonly normal: "2px";
|
|
2325
|
-
readonly bold: "4px";
|
|
2326
|
-
};
|
|
2327
|
-
'z-indices': {
|
|
2328
|
-
readonly dropdownMenu: 100;
|
|
2329
|
-
readonly select: 200;
|
|
2330
|
-
readonly popover: 300;
|
|
2331
|
-
readonly tooltip: 400;
|
|
2332
|
-
};
|
|
2333
|
-
}, {
|
|
2334
|
-
readonly background: "colors";
|
|
2335
|
-
readonly backgroundColor: "colors";
|
|
2336
|
-
readonly backgroundImage: "colors";
|
|
2337
|
-
readonly blockSize: "sizes";
|
|
2338
|
-
readonly border: "colors";
|
|
2339
|
-
readonly borderBlock: "colors";
|
|
2340
|
-
readonly borderBlockEnd: "colors";
|
|
2341
|
-
readonly borderBlockStart: "colors";
|
|
2342
|
-
readonly borderBottom: "colors";
|
|
2343
|
-
readonly borderBottomColor: "colors";
|
|
2344
|
-
readonly borderBottomLeftRadius: "radii";
|
|
2345
|
-
readonly borderBottomRightRadius: "radii";
|
|
2346
|
-
readonly borderBottomStyle: "border-styles";
|
|
2347
|
-
readonly borderBottomWidth: "border-widths";
|
|
2348
|
-
readonly borderColor: "colors";
|
|
2349
|
-
readonly borderImage: "colors";
|
|
2350
|
-
readonly borderInline: "colors";
|
|
2351
|
-
readonly borderInlineEnd: "colors";
|
|
2352
|
-
readonly borderInlineStart: "colors";
|
|
2353
|
-
readonly borderLeft: "colors";
|
|
2354
|
-
readonly borderLeftColor: "colors";
|
|
2355
|
-
readonly borderLeftStyle: "border-styles";
|
|
2356
|
-
readonly borderLeftWidth: "border-widths";
|
|
2357
|
-
readonly borderRadius: "radii";
|
|
2358
|
-
readonly borderRight: "colors";
|
|
2359
|
-
readonly borderRightColor: "colors";
|
|
2360
|
-
readonly borderRightStyle: "border-styles";
|
|
2361
|
-
readonly borderRightWidth: "border-widths";
|
|
2362
|
-
readonly borderSpacing: "space-offset";
|
|
2363
|
-
readonly borderStyle: "border-styles";
|
|
2364
|
-
readonly borderTop: "colors";
|
|
2365
|
-
readonly borderTopColor: "colors";
|
|
2366
|
-
readonly borderTopLeftRadius: "radii";
|
|
2367
|
-
readonly borderTopRightRadius: "radii";
|
|
2368
|
-
readonly borderTopStyle: "border-styles";
|
|
2369
|
-
readonly borderTopWidth: "border-widths";
|
|
2370
|
-
readonly borderWidth: "border-widths";
|
|
2371
|
-
readonly bottom: "space";
|
|
2372
|
-
readonly boxShadow: "shadows";
|
|
2373
|
-
readonly caretColor: "colors";
|
|
2374
|
-
readonly color: "colors";
|
|
2375
|
-
readonly columnGap: "space-gap";
|
|
2376
|
-
readonly columnRuleColor: "colors";
|
|
2377
|
-
readonly fill: "colors";
|
|
2378
|
-
readonly flexBasis: "sizes";
|
|
2379
|
-
readonly fontFamily: "fonts";
|
|
2380
|
-
readonly fontSize: "font-sizes";
|
|
2381
|
-
readonly fontWeight: "font-weights";
|
|
2382
|
-
readonly gap: "space-gap";
|
|
2383
|
-
readonly gridColumnGap: "space-gap";
|
|
2384
|
-
readonly gridGap: "space-gap";
|
|
2385
|
-
readonly gridRowGap: "space-gap";
|
|
2386
|
-
readonly gridTemplateColumns: "sizes";
|
|
2387
|
-
readonly gridTemplateRows: "sizes";
|
|
2388
|
-
readonly height: "sizes";
|
|
2389
|
-
readonly inlineSize: "sizes";
|
|
2390
|
-
readonly inset: "space-inset";
|
|
2391
|
-
readonly insetBlock: "space-inset";
|
|
2392
|
-
readonly insetBlockEnd: "space-inset";
|
|
2393
|
-
readonly insetBlockStart: "space-inset";
|
|
2394
|
-
readonly insetInline: "space-inset";
|
|
2395
|
-
readonly insetInlineEnd: "space-inset";
|
|
2396
|
-
readonly insetInlineStart: "space-inset";
|
|
2397
|
-
readonly left: "space";
|
|
2398
|
-
readonly letterSpacing: "letter-spacings";
|
|
2399
|
-
readonly lineHeight: "line-heights";
|
|
2400
|
-
readonly margin: "space-offset";
|
|
2401
|
-
readonly marginBlock: "space-offset";
|
|
2402
|
-
readonly marginBlockEnd: "space-offset";
|
|
2403
|
-
readonly marginBlockStart: "space-offset";
|
|
2404
|
-
readonly marginBottom: "space-offset";
|
|
2405
|
-
readonly marginInline: "space-offset";
|
|
2406
|
-
readonly marginInlineEnd: "space-offset";
|
|
2407
|
-
readonly marginInlineStart: "space-offset";
|
|
2408
|
-
readonly marginLeft: "space-offset";
|
|
2409
|
-
readonly marginRight: "space-offset";
|
|
2410
|
-
readonly marginTop: "space-offset";
|
|
2411
|
-
readonly maxBlockSize: "sizes";
|
|
2412
|
-
readonly maxHeight: "sizes";
|
|
2413
|
-
readonly maxInlineSize: "sizes";
|
|
2414
|
-
readonly maxWidth: "sizes";
|
|
2415
|
-
readonly minBlockSize: "sizes";
|
|
2416
|
-
readonly minHeight: "sizes";
|
|
2417
|
-
readonly minInlineSize: "sizes";
|
|
2418
|
-
readonly minWidth: "sizes";
|
|
2419
|
-
readonly outline: "colors";
|
|
2420
|
-
readonly outlineColor: "colors";
|
|
2421
|
-
readonly padding: "space-inset";
|
|
2422
|
-
readonly paddingBlock: "space-inset";
|
|
2423
|
-
readonly paddingBlockEnd: "space-inset";
|
|
2424
|
-
readonly paddingBlockStart: "space-inset";
|
|
2425
|
-
readonly paddingBottom: "space-inset";
|
|
2426
|
-
readonly paddingInline: "space-inset";
|
|
2427
|
-
readonly paddingInlineEnd: "space-inset";
|
|
2428
|
-
readonly paddingInlineStart: "space-inset";
|
|
2429
|
-
readonly paddingLeft: "space-inset";
|
|
2430
|
-
readonly paddingRight: "space-inset";
|
|
2431
|
-
readonly paddingTop: "space-inset";
|
|
2432
|
-
readonly right: "space";
|
|
2433
|
-
readonly rowGap: "space-gap";
|
|
2434
|
-
readonly scrollMargin: "space-offset";
|
|
2435
|
-
readonly scrollMarginBlock: "space-offset";
|
|
2436
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
2437
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
2438
|
-
readonly scrollMarginBottom: "space-offset";
|
|
2439
|
-
readonly scrollMarginInline: "space-offset";
|
|
2440
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
2441
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
2442
|
-
readonly scrollMarginLeft: "space-offset";
|
|
2443
|
-
readonly scrollMarginRight: "space-offset";
|
|
2444
|
-
readonly scrollMarginTop: "space-offset";
|
|
2445
|
-
readonly scrollPadding: "space-inset";
|
|
2446
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
2447
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
2448
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
2449
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
2450
|
-
readonly scrollPaddingInline: "space-inset";
|
|
2451
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
2452
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
2453
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
2454
|
-
readonly scrollPaddingRight: "space-inset";
|
|
2455
|
-
readonly scrollPaddingTop: "space-inset";
|
|
2456
|
-
readonly stroke: "colors";
|
|
2457
|
-
readonly strokeWidth: "stroke-width";
|
|
2458
|
-
readonly textDecorationColor: "colors";
|
|
2459
|
-
readonly textShadow: "shadows";
|
|
2460
|
-
readonly top: "space";
|
|
2461
|
-
readonly transition: "transitions";
|
|
2462
|
-
readonly width: "sizes";
|
|
2463
|
-
readonly zIndex: "z-indices";
|
|
2464
|
-
}, {
|
|
2465
|
-
paddingX: (value: {
|
|
2466
|
-
readonly [$$PropertyValue]: "padding";
|
|
2467
|
-
}) => {
|
|
2468
|
-
paddingLeft: {
|
|
2469
|
-
readonly [$$PropertyValue]: "padding";
|
|
2470
|
-
};
|
|
2471
|
-
paddingRight: {
|
|
2472
|
-
readonly [$$PropertyValue]: "padding";
|
|
2473
|
-
};
|
|
2474
|
-
};
|
|
2475
|
-
paddingY: (value: {
|
|
2476
|
-
readonly [$$PropertyValue]: "padding";
|
|
2477
|
-
}) => {
|
|
2478
|
-
paddingTop: {
|
|
2479
|
-
readonly [$$PropertyValue]: "padding";
|
|
2480
|
-
};
|
|
2481
|
-
paddingBottom: {
|
|
2482
|
-
readonly [$$PropertyValue]: "padding";
|
|
2483
|
-
};
|
|
2484
|
-
};
|
|
2485
|
-
marginX: (value: {
|
|
2486
|
-
readonly [$$PropertyValue]: "margin";
|
|
2487
|
-
}) => {
|
|
2488
|
-
marginLeft: {
|
|
2489
|
-
readonly [$$PropertyValue]: "margin";
|
|
2490
|
-
};
|
|
2491
|
-
marginRight: {
|
|
2492
|
-
readonly [$$PropertyValue]: "margin";
|
|
2493
|
-
};
|
|
2494
|
-
};
|
|
2495
|
-
marginY: (value: {
|
|
2496
|
-
readonly [$$PropertyValue]: "margin";
|
|
2497
|
-
}) => {
|
|
2498
|
-
marginTop: {
|
|
2499
|
-
readonly [$$PropertyValue]: "margin";
|
|
2500
|
-
};
|
|
2501
|
-
marginBottom: {
|
|
2502
|
-
readonly [$$PropertyValue]: "margin";
|
|
2503
|
-
};
|
|
2504
|
-
};
|
|
2505
|
-
square: (value: {
|
|
2506
|
-
readonly [$$PropertyValue]: "width";
|
|
2507
|
-
}) => {
|
|
2508
|
-
width: {
|
|
2509
|
-
readonly [$$PropertyValue]: "width";
|
|
2510
|
-
};
|
|
2511
|
-
height: {
|
|
2512
|
-
readonly [$$PropertyValue]: "width";
|
|
2513
|
-
};
|
|
2514
|
-
};
|
|
2515
|
-
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
2516
|
-
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
2517
|
-
};
|
|
2518
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.GroupLabelProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}>;
|
|
2519
|
-
declare type StyledGroupLabelProps = StrictComponentProps<typeof StyledGroupLabel>;
|
|
2520
|
-
|
|
2521
|
-
interface GroupLabelProps extends StyledGroupLabelProps {
|
|
2522
|
-
}
|
|
2523
|
-
declare const GroupLabel: react__default.ForwardRefExoticComponent<Omit<GroupLabelProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
2524
|
-
|
|
2525
|
-
declare const StyledCombobox: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
2526
|
-
'border-widths': {
|
|
2527
|
-
readonly none: 0;
|
|
2528
|
-
readonly sm: "1px";
|
|
2529
|
-
readonly md: "2px";
|
|
2530
|
-
readonly lg: "4px";
|
|
2531
|
-
};
|
|
2532
|
-
colors: {
|
|
2533
|
-
readonly black: any;
|
|
2534
|
-
readonly 'blue-100': any;
|
|
2535
|
-
readonly 'blue-200': any;
|
|
2536
|
-
readonly 'blue-300': any;
|
|
2537
|
-
readonly 'blue-400': any;
|
|
2538
|
-
readonly 'blue-500': any;
|
|
2539
|
-
readonly 'blue-600': any;
|
|
2540
|
-
readonly 'blue-700': any;
|
|
2541
|
-
readonly 'blue-800': any;
|
|
2542
|
-
readonly 'blue-900': any;
|
|
2543
|
-
readonly 'blue-1000': any;
|
|
2544
|
-
readonly 'gray-100': any;
|
|
2545
|
-
readonly 'gray-200': any;
|
|
2546
|
-
readonly 'gray-300': any;
|
|
2547
|
-
readonly 'gray-400': any;
|
|
2548
|
-
readonly 'gray-500': any;
|
|
2549
|
-
readonly 'gray-600': any;
|
|
2550
|
-
readonly 'gray-700': any;
|
|
2551
|
-
readonly 'gray-800': any;
|
|
2552
|
-
readonly 'gray-900': any;
|
|
2553
|
-
readonly 'green-100': any;
|
|
2554
|
-
readonly 'green-200': any;
|
|
2555
|
-
readonly 'green-300': any;
|
|
2556
|
-
readonly 'green-400': any;
|
|
2557
|
-
readonly 'green-500': any;
|
|
2558
|
-
readonly 'green-600': any;
|
|
2559
|
-
readonly 'green-700': any;
|
|
2560
|
-
readonly 'green-800': any;
|
|
2561
|
-
readonly 'green-900': any;
|
|
2562
|
-
readonly 'indigo-100': any;
|
|
2563
|
-
readonly 'indigo-200': any;
|
|
2564
|
-
readonly 'indigo-300': any;
|
|
2565
|
-
readonly 'indigo-400': any;
|
|
2566
|
-
readonly 'indigo-500': any;
|
|
2567
|
-
readonly 'indigo-600': any;
|
|
2568
|
-
readonly 'indigo-700': any;
|
|
2569
|
-
readonly 'indigo-800': any;
|
|
2570
|
-
readonly 'indigo-900': any;
|
|
2571
|
-
readonly 'red-100': any;
|
|
2572
|
-
readonly 'red-200': any;
|
|
2573
|
-
readonly 'red-300': any;
|
|
2574
|
-
readonly 'red-400': any;
|
|
2575
|
-
readonly 'red-500': any;
|
|
2576
|
-
readonly 'red-600': any;
|
|
2577
|
-
readonly 'red-700': any;
|
|
2578
|
-
readonly 'red-800': any;
|
|
2579
|
-
readonly 'red-900': any;
|
|
2580
|
-
readonly transparent: any;
|
|
2581
|
-
readonly white: any;
|
|
2582
|
-
readonly 'yellow-100': any;
|
|
2583
|
-
readonly 'yellow-200': any;
|
|
2584
|
-
readonly 'yellow-300': any;
|
|
2585
|
-
readonly 'yellow-400': any;
|
|
2586
|
-
readonly 'yellow-500': any;
|
|
2587
|
-
readonly 'yellow-600': any;
|
|
2588
|
-
readonly 'yellow-700': any;
|
|
2589
|
-
readonly 'yellow-800': any;
|
|
2590
|
-
readonly 'yellow-900': any;
|
|
2591
|
-
"background-alpha-active"?: any;
|
|
2592
|
-
"background-alpha-hover"?: any;
|
|
2593
|
-
"background-danger-prominent"?: any;
|
|
2594
|
-
"background-danger-prominent-active"?: any;
|
|
2595
|
-
"background-danger-prominent-hover"?: any;
|
|
2596
|
-
"background-danger-subtle"?: any;
|
|
2597
|
-
"background-danger-subtle-active"?: any;
|
|
2598
|
-
"background-danger-subtle-hover"?: any;
|
|
2599
|
-
"background-neutrals"?: any;
|
|
2600
|
-
"background-neutrals-active"?: any;
|
|
2601
|
-
"background-neutrals-container"?: any;
|
|
2602
|
-
"background-neutrals-controls-disabled"?: any;
|
|
2603
|
-
"background-neutrals-disabled"?: any;
|
|
2604
|
-
"background-neutrals-hover"?: any;
|
|
2605
|
-
"background-neutrals-inactive"?: any;
|
|
2606
|
-
"background-neutrals-inactive-hover"?: any;
|
|
2607
|
-
"background-neutrals-inverted"?: any;
|
|
2608
|
-
"background-neutrals-inverted-subtle"?: any;
|
|
2609
|
-
"background-neutrals-page"?: any;
|
|
2610
|
-
"background-neutrals-page-subtle"?: any;
|
|
2611
|
-
"background-neutrals-scrolls"?: any;
|
|
2612
|
-
"background-neutrals-scrolls-expanded"?: any;
|
|
2613
|
-
"background-neutrals-scrolls-hover"?: any;
|
|
2614
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
2615
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
2616
|
-
"background-neutrals-subtle"?: any;
|
|
2617
|
-
"background-neutrals-subtle-active"?: any;
|
|
2618
|
-
"background-neutrals-subtle-hover"?: any;
|
|
2619
|
-
"background-primary-prominent"?: any;
|
|
2620
|
-
"background-primary-prominent-active"?: any;
|
|
2621
|
-
"background-primary-prominent-expanded"?: any;
|
|
2622
|
-
"background-primary-prominent-hover"?: any;
|
|
2623
|
-
"background-primary-prominent-pressed"?: any;
|
|
2624
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
2625
|
-
"background-primary-prominent-selected"?: any;
|
|
2626
|
-
"background-primary-subtle"?: any;
|
|
2627
|
-
"background-primary-subtle-active"?: any;
|
|
2628
|
-
"background-primary-subtle-expanded"?: any;
|
|
2629
|
-
"background-primary-subtle-hover"?: any;
|
|
2630
|
-
"background-primary-subtle-pressed"?: any;
|
|
2631
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
2632
|
-
"background-primary-subtle-selected"?: any;
|
|
2633
|
-
"background-success"?: any;
|
|
2634
|
-
"background-success-prominent"?: any;
|
|
2635
|
-
"background-success-prominent-active"?: any;
|
|
2636
|
-
"background-success-prominent-hover"?: any;
|
|
2637
|
-
"background-warning-prominent"?: any;
|
|
2638
|
-
"background-warning-subtle"?: any;
|
|
2639
|
-
"border-danger"?: any;
|
|
2640
|
-
"border-danger-active"?: any;
|
|
2641
|
-
"border-danger-hover"?: any;
|
|
2642
|
-
"border-focus-inner"?: any;
|
|
2643
|
-
"border-focus-middle"?: any;
|
|
2644
|
-
"border-focus-outer"?: any;
|
|
2645
|
-
"border-neutrals"?: any;
|
|
2646
|
-
"border-neutrals-active"?: any;
|
|
2647
|
-
"border-neutrals-controls"?: any;
|
|
2648
|
-
"border-neutrals-controls-disabled"?: any;
|
|
2649
|
-
"border-neutrals-disabled"?: any;
|
|
2650
|
-
"border-neutrals-hover"?: any;
|
|
2651
|
-
"border-neutrals-inverted"?: any;
|
|
2652
|
-
"border-neutrals-subtle"?: any;
|
|
2653
|
-
"border-neutrals-text"?: any;
|
|
2654
|
-
"border-neutrals-text-active"?: any;
|
|
2655
|
-
"border-neutrals-text-hover"?: any;
|
|
2656
|
-
"border-neutrals-text-subtle"?: any;
|
|
2657
|
-
"border-neutrals-text-subtle-active"?: any;
|
|
2658
|
-
"border-neutrals-text-subtle-hover"?: any;
|
|
2659
|
-
"border-neutrals-transparent"?: any;
|
|
2660
|
-
"border-primary"?: any;
|
|
2661
|
-
"border-primary-active"?: any;
|
|
2662
|
-
"border-primary-hover"?: any;
|
|
2663
|
-
"border-primary-inverted"?: any;
|
|
2664
|
-
"border-success"?: any;
|
|
2665
|
-
"border-success-active"?: any;
|
|
2666
|
-
"border-success-hover"?: any;
|
|
2667
|
-
"border-warning"?: any;
|
|
2668
|
-
"icon-danger"?: any;
|
|
2669
|
-
"icon-danger-active"?: any;
|
|
2670
|
-
"icon-danger-hover"?: any;
|
|
2671
|
-
"icon-danger-inverted"?: any;
|
|
2672
|
-
"icon-neutrals"?: any;
|
|
2673
|
-
"icon-neutrals-disabled"?: any;
|
|
2674
|
-
"icon-neutrals-inactive"?: any;
|
|
2675
|
-
"icon-neutrals-inactive-hover"?: any;
|
|
2676
|
-
"icon-neutrals-inverted"?: any;
|
|
2677
|
-
"icon-neutrals-search"?: any;
|
|
2678
|
-
"icon-neutrals-subtle"?: any;
|
|
2679
|
-
"icon-neutrals-text"?: any;
|
|
2680
|
-
"icon-primary"?: any;
|
|
2681
|
-
"icon-primary-active"?: any;
|
|
2682
|
-
"icon-primary-hover"?: any;
|
|
2683
|
-
"icon-primary-inverted"?: any;
|
|
2684
|
-
"icon-primary-selected"?: any;
|
|
2685
|
-
"icon-success"?: any;
|
|
2686
|
-
"icon-success-active"?: any;
|
|
2687
|
-
"icon-success-hover"?: any;
|
|
2688
|
-
"icon-success-inverted"?: any;
|
|
2689
|
-
"icon-warning"?: any;
|
|
2690
|
-
"icon-warning-prominent"?: any;
|
|
2691
|
-
"icon-warning-subtle"?: any;
|
|
2692
|
-
"text-danger"?: any;
|
|
2693
|
-
"text-danger-active"?: any;
|
|
2694
|
-
"text-danger-hover"?: any;
|
|
2695
|
-
"text-danger-inverted"?: any;
|
|
2696
|
-
"text-neutrals"?: any;
|
|
2697
|
-
"text-neutrals-active"?: any;
|
|
2698
|
-
"text-neutrals-disabled"?: any;
|
|
2699
|
-
"text-neutrals-hover"?: any;
|
|
2700
|
-
"text-neutrals-inverted"?: any;
|
|
2701
|
-
"text-neutrals-placeholder"?: any;
|
|
2702
|
-
"text-neutrals-placeholder-only"?: any;
|
|
2703
|
-
"text-neutrals-subtle"?: any;
|
|
2704
|
-
"text-neutrals-subtle-active"?: any;
|
|
2705
|
-
"text-neutrals-subtle-hover"?: any;
|
|
2706
|
-
"text-primary"?: any;
|
|
2707
|
-
"text-primary-active"?: any;
|
|
2708
|
-
"text-primary-hover"?: any;
|
|
2709
|
-
"text-primary-inverted"?: any;
|
|
2710
|
-
"text-primary-inverted-subtle"?: any;
|
|
2711
|
-
"text-primary-selected"?: any;
|
|
2712
|
-
"text-success"?: any;
|
|
2713
|
-
"text-success-active"?: any;
|
|
2714
|
-
"text-success-hover"?: any;
|
|
2715
|
-
"text-success-inverted"?: any;
|
|
2716
|
-
"text-warning"?: any;
|
|
2717
|
-
"text-warning-subtle"?: any;
|
|
2718
|
-
};
|
|
2719
|
-
'font-sizes': {
|
|
2720
|
-
readonly 150: "0.75rem";
|
|
2721
|
-
readonly 175: "0.875rem";
|
|
2722
|
-
readonly 200: "1rem";
|
|
2723
|
-
readonly 225: "1.125rem";
|
|
2724
|
-
readonly 250: "1.25rem";
|
|
2725
|
-
readonly 300: "1.5rem";
|
|
2726
|
-
readonly 400: "2rem";
|
|
2727
|
-
readonly 500: "2.5rem";
|
|
2728
|
-
readonly 600: "3rem";
|
|
2729
|
-
readonly 800: "4rem";
|
|
2730
|
-
readonly 900: "4.5rem";
|
|
2731
|
-
};
|
|
2732
|
-
fonts: {
|
|
2733
|
-
readonly heading: "Roobert, sans-serif";
|
|
2734
|
-
readonly body: "Open Sans, sans-serif";
|
|
2735
|
-
};
|
|
2736
|
-
radii: {
|
|
2737
|
-
readonly none: 0;
|
|
2738
|
-
readonly half: "999em";
|
|
2739
|
-
readonly 25: "2px";
|
|
2740
|
-
readonly 50: "4px";
|
|
2741
|
-
readonly 75: "6px";
|
|
2742
|
-
readonly 100: "8px";
|
|
2743
|
-
readonly 200: "16px";
|
|
2744
|
-
};
|
|
2745
|
-
shadows: {
|
|
2746
|
-
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";
|
|
2747
|
-
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";
|
|
2748
|
-
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";
|
|
2749
|
-
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";
|
|
2750
|
-
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";
|
|
2751
|
-
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";
|
|
2752
|
-
};
|
|
2753
|
-
sizes: {
|
|
2754
|
-
readonly number: string;
|
|
2755
|
-
readonly 'icon-200': "16px";
|
|
2756
|
-
readonly 'icon-300': "24px";
|
|
2757
|
-
readonly 'icon-400': "32px";
|
|
2758
|
-
};
|
|
2759
|
-
space: {
|
|
2760
|
-
readonly 0: "0px";
|
|
2761
|
-
readonly 25: "2px";
|
|
2762
|
-
readonly 50: "4px";
|
|
2763
|
-
readonly 100: "8px";
|
|
2764
|
-
readonly 150: "12px";
|
|
2765
|
-
readonly 200: "16px";
|
|
2766
|
-
readonly 300: "24px";
|
|
2767
|
-
readonly 400: "32px";
|
|
2768
|
-
readonly 500: "40px";
|
|
2769
|
-
readonly 600: "48px";
|
|
2770
|
-
readonly 700: "56px";
|
|
2771
|
-
readonly 800: "64px";
|
|
2772
|
-
readonly 1200: "96px";
|
|
2773
|
-
readonly 1600: "128px";
|
|
2774
|
-
};
|
|
2775
|
-
'space-gap': {
|
|
2776
|
-
readonly 0: any;
|
|
2777
|
-
readonly 50: any;
|
|
2778
|
-
readonly 100: any;
|
|
2779
|
-
readonly 200: any;
|
|
2780
|
-
readonly 300: any;
|
|
2781
|
-
};
|
|
2782
|
-
'space-inset': {
|
|
2783
|
-
readonly 0: any;
|
|
2784
|
-
readonly 50: any;
|
|
2785
|
-
readonly 100: any;
|
|
2786
|
-
readonly 150: any;
|
|
2787
|
-
readonly 200: any;
|
|
2788
|
-
readonly 300: any;
|
|
2789
|
-
readonly 400: any;
|
|
2790
|
-
readonly 500: any;
|
|
2791
|
-
readonly 600: any;
|
|
2792
|
-
readonly 700: any;
|
|
2793
|
-
readonly 800: any;
|
|
2794
|
-
readonly 1200: any;
|
|
2795
|
-
readonly 1600: any;
|
|
2796
|
-
};
|
|
2797
|
-
'space-offset': {
|
|
2798
|
-
readonly 0: any;
|
|
2799
|
-
readonly 50: any;
|
|
2800
|
-
readonly 100: any;
|
|
2801
|
-
readonly 150: any;
|
|
2802
|
-
readonly 200: any;
|
|
2803
|
-
readonly 300: any;
|
|
2804
|
-
readonly 400: any;
|
|
2805
|
-
readonly 600: any;
|
|
2806
|
-
readonly 800: any;
|
|
2807
|
-
readonly 1200: any;
|
|
2808
|
-
readonly 1600: any;
|
|
2809
|
-
readonly 'stacking-0': any;
|
|
2810
|
-
readonly 'stacking-100': any;
|
|
2811
|
-
readonly 'stacking-200': any;
|
|
2812
|
-
readonly 'stacking-300': any;
|
|
2813
|
-
readonly 'stacking-400': any;
|
|
2814
|
-
readonly 'stacking-500': any;
|
|
2815
|
-
readonly 'stacking-800': any;
|
|
2816
|
-
};
|
|
2817
|
-
'stroke-width': {
|
|
2818
|
-
readonly thin: "1.5px";
|
|
2819
|
-
readonly normal: "2px";
|
|
2820
|
-
readonly bold: "4px";
|
|
2821
|
-
};
|
|
2822
|
-
'z-indices': {
|
|
2823
|
-
readonly dropdownMenu: 100;
|
|
2824
|
-
readonly select: 200;
|
|
2825
|
-
readonly popover: 300;
|
|
2826
|
-
readonly tooltip: 400;
|
|
2827
|
-
};
|
|
2828
|
-
}, {
|
|
2829
|
-
readonly background: "colors";
|
|
2830
|
-
readonly backgroundColor: "colors";
|
|
2831
|
-
readonly backgroundImage: "colors";
|
|
2832
|
-
readonly blockSize: "sizes";
|
|
2833
|
-
readonly border: "colors";
|
|
2834
|
-
readonly borderBlock: "colors";
|
|
2835
|
-
readonly borderBlockEnd: "colors";
|
|
2836
|
-
readonly borderBlockStart: "colors";
|
|
2837
|
-
readonly borderBottom: "colors";
|
|
2838
|
-
readonly borderBottomColor: "colors";
|
|
2839
|
-
readonly borderBottomLeftRadius: "radii";
|
|
2840
|
-
readonly borderBottomRightRadius: "radii";
|
|
2841
|
-
readonly borderBottomStyle: "border-styles";
|
|
2842
|
-
readonly borderBottomWidth: "border-widths";
|
|
2843
|
-
readonly borderColor: "colors";
|
|
2844
|
-
readonly borderImage: "colors";
|
|
2845
|
-
readonly borderInline: "colors";
|
|
2846
|
-
readonly borderInlineEnd: "colors";
|
|
2847
|
-
readonly borderInlineStart: "colors";
|
|
2848
|
-
readonly borderLeft: "colors";
|
|
2849
|
-
readonly borderLeftColor: "colors";
|
|
2850
|
-
readonly borderLeftStyle: "border-styles";
|
|
2851
|
-
readonly borderLeftWidth: "border-widths";
|
|
2852
|
-
readonly borderRadius: "radii";
|
|
2853
|
-
readonly borderRight: "colors";
|
|
2854
|
-
readonly borderRightColor: "colors";
|
|
2855
|
-
readonly borderRightStyle: "border-styles";
|
|
2856
|
-
readonly borderRightWidth: "border-widths";
|
|
2857
|
-
readonly borderSpacing: "space-offset";
|
|
2858
|
-
readonly borderStyle: "border-styles";
|
|
2859
|
-
readonly borderTop: "colors";
|
|
2860
|
-
readonly borderTopColor: "colors";
|
|
2861
|
-
readonly borderTopLeftRadius: "radii";
|
|
2862
|
-
readonly borderTopRightRadius: "radii";
|
|
2863
|
-
readonly borderTopStyle: "border-styles";
|
|
2864
|
-
readonly borderTopWidth: "border-widths";
|
|
2865
|
-
readonly borderWidth: "border-widths";
|
|
2866
|
-
readonly bottom: "space";
|
|
2867
|
-
readonly boxShadow: "shadows";
|
|
2868
|
-
readonly caretColor: "colors";
|
|
2869
|
-
readonly color: "colors";
|
|
2870
|
-
readonly columnGap: "space-gap";
|
|
2871
|
-
readonly columnRuleColor: "colors";
|
|
2872
|
-
readonly fill: "colors";
|
|
2873
|
-
readonly flexBasis: "sizes";
|
|
2874
|
-
readonly fontFamily: "fonts";
|
|
2875
|
-
readonly fontSize: "font-sizes";
|
|
2876
|
-
readonly fontWeight: "font-weights";
|
|
2877
|
-
readonly gap: "space-gap";
|
|
2878
|
-
readonly gridColumnGap: "space-gap";
|
|
2879
|
-
readonly gridGap: "space-gap";
|
|
2880
|
-
readonly gridRowGap: "space-gap";
|
|
2881
|
-
readonly gridTemplateColumns: "sizes";
|
|
2882
|
-
readonly gridTemplateRows: "sizes";
|
|
2883
|
-
readonly height: "sizes";
|
|
2884
|
-
readonly inlineSize: "sizes";
|
|
2885
|
-
readonly inset: "space-inset";
|
|
2886
|
-
readonly insetBlock: "space-inset";
|
|
2887
|
-
readonly insetBlockEnd: "space-inset";
|
|
2888
|
-
readonly insetBlockStart: "space-inset";
|
|
2889
|
-
readonly insetInline: "space-inset";
|
|
2890
|
-
readonly insetInlineEnd: "space-inset";
|
|
2891
|
-
readonly insetInlineStart: "space-inset";
|
|
2892
|
-
readonly left: "space";
|
|
2893
|
-
readonly letterSpacing: "letter-spacings";
|
|
2894
|
-
readonly lineHeight: "line-heights";
|
|
2895
|
-
readonly margin: "space-offset";
|
|
2896
|
-
readonly marginBlock: "space-offset";
|
|
2897
|
-
readonly marginBlockEnd: "space-offset";
|
|
2898
|
-
readonly marginBlockStart: "space-offset";
|
|
2899
|
-
readonly marginBottom: "space-offset";
|
|
2900
|
-
readonly marginInline: "space-offset";
|
|
2901
|
-
readonly marginInlineEnd: "space-offset";
|
|
2902
|
-
readonly marginInlineStart: "space-offset";
|
|
2903
|
-
readonly marginLeft: "space-offset";
|
|
2904
|
-
readonly marginRight: "space-offset";
|
|
2905
|
-
readonly marginTop: "space-offset";
|
|
2906
|
-
readonly maxBlockSize: "sizes";
|
|
2907
|
-
readonly maxHeight: "sizes";
|
|
2908
|
-
readonly maxInlineSize: "sizes";
|
|
2909
|
-
readonly maxWidth: "sizes";
|
|
2910
|
-
readonly minBlockSize: "sizes";
|
|
2911
|
-
readonly minHeight: "sizes";
|
|
2912
|
-
readonly minInlineSize: "sizes";
|
|
2913
|
-
readonly minWidth: "sizes";
|
|
2914
|
-
readonly outline: "colors";
|
|
2915
|
-
readonly outlineColor: "colors";
|
|
2916
|
-
readonly padding: "space-inset";
|
|
2917
|
-
readonly paddingBlock: "space-inset";
|
|
2918
|
-
readonly paddingBlockEnd: "space-inset";
|
|
2919
|
-
readonly paddingBlockStart: "space-inset";
|
|
2920
|
-
readonly paddingBottom: "space-inset";
|
|
2921
|
-
readonly paddingInline: "space-inset";
|
|
2922
|
-
readonly paddingInlineEnd: "space-inset";
|
|
2923
|
-
readonly paddingInlineStart: "space-inset";
|
|
2924
|
-
readonly paddingLeft: "space-inset";
|
|
2925
|
-
readonly paddingRight: "space-inset";
|
|
2926
|
-
readonly paddingTop: "space-inset";
|
|
2927
|
-
readonly right: "space";
|
|
2928
|
-
readonly rowGap: "space-gap";
|
|
2929
|
-
readonly scrollMargin: "space-offset";
|
|
2930
|
-
readonly scrollMarginBlock: "space-offset";
|
|
2931
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
2932
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
2933
|
-
readonly scrollMarginBottom: "space-offset";
|
|
2934
|
-
readonly scrollMarginInline: "space-offset";
|
|
2935
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
2936
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
2937
|
-
readonly scrollMarginLeft: "space-offset";
|
|
2938
|
-
readonly scrollMarginRight: "space-offset";
|
|
2939
|
-
readonly scrollMarginTop: "space-offset";
|
|
2940
|
-
readonly scrollPadding: "space-inset";
|
|
2941
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
2942
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
2943
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
2944
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
2945
|
-
readonly scrollPaddingInline: "space-inset";
|
|
2946
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
2947
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
2948
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
2949
|
-
readonly scrollPaddingRight: "space-inset";
|
|
2950
|
-
readonly scrollPaddingTop: "space-inset";
|
|
2951
|
-
readonly stroke: "colors";
|
|
2952
|
-
readonly strokeWidth: "stroke-width";
|
|
2953
|
-
readonly textDecorationColor: "colors";
|
|
2954
|
-
readonly textShadow: "shadows";
|
|
2955
|
-
readonly top: "space";
|
|
2956
|
-
readonly transition: "transitions";
|
|
2957
|
-
readonly width: "sizes";
|
|
2958
|
-
readonly zIndex: "z-indices";
|
|
2959
|
-
}, {
|
|
2960
|
-
paddingX: (value: {
|
|
2961
|
-
readonly [$$PropertyValue]: "padding";
|
|
2962
|
-
}) => {
|
|
2963
|
-
paddingLeft: {
|
|
2964
|
-
readonly [$$PropertyValue]: "padding";
|
|
2965
|
-
};
|
|
2966
|
-
paddingRight: {
|
|
2967
|
-
readonly [$$PropertyValue]: "padding";
|
|
2968
|
-
};
|
|
2969
|
-
};
|
|
2970
|
-
paddingY: (value: {
|
|
2971
|
-
readonly [$$PropertyValue]: "padding";
|
|
2972
|
-
}) => {
|
|
2973
|
-
paddingTop: {
|
|
2974
|
-
readonly [$$PropertyValue]: "padding";
|
|
2975
|
-
};
|
|
2976
|
-
paddingBottom: {
|
|
2977
|
-
readonly [$$PropertyValue]: "padding";
|
|
2978
|
-
};
|
|
2979
|
-
};
|
|
2980
|
-
marginX: (value: {
|
|
2981
|
-
readonly [$$PropertyValue]: "margin";
|
|
2982
|
-
}) => {
|
|
2983
|
-
marginLeft: {
|
|
2984
|
-
readonly [$$PropertyValue]: "margin";
|
|
2985
|
-
};
|
|
2986
|
-
marginRight: {
|
|
2987
|
-
readonly [$$PropertyValue]: "margin";
|
|
2988
|
-
};
|
|
2989
|
-
};
|
|
2990
|
-
marginY: (value: {
|
|
2991
|
-
readonly [$$PropertyValue]: "margin";
|
|
2992
|
-
}) => {
|
|
2993
|
-
marginTop: {
|
|
2994
|
-
readonly [$$PropertyValue]: "margin";
|
|
2995
|
-
};
|
|
2996
|
-
marginBottom: {
|
|
2997
|
-
readonly [$$PropertyValue]: "margin";
|
|
2998
|
-
};
|
|
2999
|
-
};
|
|
3000
|
-
square: (value: {
|
|
3001
|
-
readonly [$$PropertyValue]: "width";
|
|
3002
|
-
}) => {
|
|
3003
|
-
width: {
|
|
3004
|
-
readonly [$$PropertyValue]: "width";
|
|
3005
|
-
};
|
|
3006
|
-
height: {
|
|
3007
|
-
readonly [$$PropertyValue]: "width";
|
|
3008
|
-
};
|
|
3009
|
-
};
|
|
3010
|
-
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
3011
|
-
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
3012
|
-
};
|
|
3013
|
-
}>>>, 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">>, {}, {}>;
|
|
3014
|
-
declare type StyledComboboxProps = ComponentPropsWithRef<typeof StyledCombobox>;
|
|
2059
|
+
declare const Value: React__default.ForwardRefExoticComponent<React__default.RefAttributes<HTMLSpanElement>>;
|
|
2060
|
+
|
|
2061
|
+
declare type Direction = 'ltr' | 'rtl';
|
|
2062
|
+
|
|
2063
|
+
interface ComboboxProps$1 extends FormElementProps {
|
|
2064
|
+
open?: boolean;
|
|
2065
|
+
defaultOpen?: boolean;
|
|
2066
|
+
value?: string[];
|
|
2067
|
+
defaultValue?: string[];
|
|
2068
|
+
searchValue?: string;
|
|
2069
|
+
direction?: Direction;
|
|
2070
|
+
}
|
|
2071
|
+
declare type ComboboxProviderProps = ComboboxProps$1;
|
|
3015
2072
|
|
|
3016
|
-
interface ComboboxProps extends
|
|
2073
|
+
interface ComboboxProps extends ComboboxProviderProps {
|
|
2074
|
+
/**
|
|
2075
|
+
* The value of the combobox when initially rendered. Use when you do not need
|
|
2076
|
+
* to control the state of the combobox.
|
|
2077
|
+
*/
|
|
2078
|
+
defaultValue?: string[];
|
|
2079
|
+
/**
|
|
2080
|
+
* The controlled value of the combobox. Should be used in conjunction with
|
|
2081
|
+
* onValueChange.
|
|
2082
|
+
*/
|
|
2083
|
+
value?: string[];
|
|
2084
|
+
/**
|
|
2085
|
+
* Event handler called when the value changes.
|
|
2086
|
+
*/
|
|
2087
|
+
onValueChange?: (value: string[]) => void;
|
|
2088
|
+
/**
|
|
2089
|
+
* The open state of the combobox when it is initially rendered. Use when you do
|
|
2090
|
+
* not need to control its open state.
|
|
2091
|
+
* @default false
|
|
2092
|
+
*/
|
|
2093
|
+
defaultOpen?: boolean;
|
|
2094
|
+
/**
|
|
2095
|
+
* The controlled open state of the combobox. Must be used in conjunction with
|
|
2096
|
+
* onOpen and onClose.
|
|
2097
|
+
*/
|
|
2098
|
+
open?: boolean;
|
|
2099
|
+
/**
|
|
2100
|
+
* Event handler called when the combobox opens.
|
|
2101
|
+
*/
|
|
2102
|
+
onOpen?: () => void;
|
|
2103
|
+
/**
|
|
2104
|
+
* Event handler called when the combobox closes.
|
|
2105
|
+
*/
|
|
2106
|
+
onClose?: () => void;
|
|
2107
|
+
/**
|
|
2108
|
+
* The reading direction of the combobox when applicable. If omitted, inherits
|
|
2109
|
+
* globally from DirectionProvider or assumes LTR (left-to-right) reading
|
|
2110
|
+
* mode.
|
|
2111
|
+
* @default 'ltr'
|
|
2112
|
+
*/
|
|
2113
|
+
direction?: Direction;
|
|
2114
|
+
/**
|
|
2115
|
+
* The content of the combobox
|
|
2116
|
+
*/
|
|
2117
|
+
children?: React__default.ReactNode;
|
|
3017
2118
|
}
|
|
3018
|
-
declare const Combobox:
|
|
2119
|
+
declare const Combobox: React__default.ForwardRefExoticComponent<ComboboxProps> & Partials;
|
|
3019
2120
|
interface Partials {
|
|
3020
2121
|
Portal: typeof Portal;
|
|
3021
2122
|
Trigger: typeof Trigger;
|
|
@@ -3023,6 +2124,7 @@ interface Partials {
|
|
|
3023
2124
|
Item: typeof Item;
|
|
3024
2125
|
Group: typeof Group;
|
|
3025
2126
|
GroupLabel: typeof GroupLabel;
|
|
2127
|
+
Value: typeof Value;
|
|
3026
2128
|
}
|
|
3027
2129
|
|
|
3028
2130
|
export { Combobox, ComboboxProps };
|