@zendeskgarden/react-dropdowns 9.0.0-next.10 → 9.0.0-next.12
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/esm/elements/combobox/Combobox.js +0 -1
- package/dist/esm/elements/combobox/Field.js +0 -1
- package/dist/esm/elements/combobox/Hint.js +0 -1
- package/dist/esm/elements/combobox/Label.js +0 -1
- package/dist/esm/elements/combobox/Listbox.js +0 -1
- package/dist/esm/elements/combobox/Message.js +0 -1
- package/dist/esm/elements/combobox/OptGroup.js +0 -1
- package/dist/esm/elements/combobox/Option.js +0 -1
- package/dist/esm/elements/combobox/OptionMeta.js +0 -1
- package/dist/esm/elements/combobox/Tag.js +0 -1
- package/dist/esm/elements/menu/Item.js +0 -1
- package/dist/esm/elements/menu/ItemGroup.js +0 -1
- package/dist/esm/elements/menu/ItemMeta.js +0 -1
- package/dist/esm/elements/menu/Menu.js +2 -33
- package/dist/esm/elements/menu/MenuList.js +0 -1
- package/dist/esm/elements/menu/Separator.js +0 -1
- package/dist/esm/views/combobox/StyledCombobox.js +1 -1
- package/dist/esm/views/combobox/StyledContainer.js +1 -1
- package/dist/esm/views/combobox/StyledField.js +1 -1
- package/dist/esm/views/combobox/StyledFloatingListbox.js +1 -1
- package/dist/esm/views/combobox/StyledHint.js +1 -1
- package/dist/esm/views/combobox/StyledInput.js +1 -1
- package/dist/esm/views/combobox/StyledInputGroup.js +1 -1
- package/dist/esm/views/combobox/StyledInputIcon.js +1 -1
- package/dist/esm/views/combobox/StyledLabel.js +1 -1
- package/dist/esm/views/combobox/StyledListbox.js +1 -1
- package/dist/esm/views/combobox/StyledListboxSeparator.js +1 -1
- package/dist/esm/views/combobox/StyledMessage.js +1 -1
- package/dist/esm/views/combobox/StyledOptGroup.js +1 -1
- package/dist/esm/views/combobox/StyledOption.js +1 -1
- package/dist/esm/views/combobox/StyledOptionContent.js +1 -1
- package/dist/esm/views/combobox/StyledOptionIcon.js +1 -1
- package/dist/esm/views/combobox/StyledOptionMeta.js +1 -1
- package/dist/esm/views/combobox/StyledOptionTypeIcon.js +1 -1
- package/dist/esm/views/combobox/StyledTag.js +1 -1
- package/dist/esm/views/combobox/StyledTagsButton.js +1 -1
- package/dist/esm/views/combobox/StyledTrigger.js +1 -1
- package/dist/esm/views/combobox/StyledValue.js +1 -1
- package/dist/esm/views/menu/StyledFloatingMenu.js +1 -1
- package/dist/esm/views/menu/StyledItem.js +1 -1
- package/dist/esm/views/menu/StyledItemContent.js +1 -1
- package/dist/esm/views/menu/StyledItemGroup.js +1 -1
- package/dist/esm/views/menu/StyledItemIcon.js +1 -1
- package/dist/esm/views/menu/StyledItemMeta.js +1 -1
- package/dist/esm/views/menu/StyledItemTypeIcon.js +1 -1
- package/dist/esm/views/menu/StyledMenu.js +1 -1
- package/dist/esm/views/menu/StyledSeparator.js +1 -1
- package/dist/index.cjs.js +122 -134
- package/dist/typings/views/index.d.ts +0 -1
- package/package.json +7 -7
- package/dist/esm/views/menu/StyledButton.js +0 -23
- package/dist/typings/views/menu/StyledButton.d.ts +0 -20
|
@@ -43,7 +43,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
43
43
|
import '../../views/menu/StyledItemIcon.js';
|
|
44
44
|
import '../../views/menu/StyledItemMeta.js';
|
|
45
45
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
46
|
-
import '../../views/menu/StyledButton.js';
|
|
47
46
|
import '../../views/menu/StyledSeparator.js';
|
|
48
47
|
import { Listbox } from './Listbox.js';
|
|
49
48
|
import { TagGroup } from './TagGroup.js';
|
|
@@ -36,7 +36,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
36
36
|
import '../../views/menu/StyledItemIcon.js';
|
|
37
37
|
import '../../views/menu/StyledItemMeta.js';
|
|
38
38
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
39
|
-
import '../../views/menu/StyledButton.js';
|
|
40
39
|
import '../../views/menu/StyledSeparator.js';
|
|
41
40
|
import { Hint } from './Hint.js';
|
|
42
41
|
import { Label } from './Label.js';
|
|
@@ -36,7 +36,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
36
36
|
import '../../views/menu/StyledItemIcon.js';
|
|
37
37
|
import '../../views/menu/StyledItemMeta.js';
|
|
38
38
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
39
|
-
import '../../views/menu/StyledButton.js';
|
|
40
39
|
import '../../views/menu/StyledSeparator.js';
|
|
41
40
|
|
|
42
41
|
const Hint = forwardRef((props, ref) => {
|
|
@@ -38,7 +38,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
38
38
|
import '../../views/menu/StyledItemIcon.js';
|
|
39
39
|
import '../../views/menu/StyledItemMeta.js';
|
|
40
40
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
41
|
-
import '../../views/menu/StyledButton.js';
|
|
42
41
|
import '../../views/menu/StyledSeparator.js';
|
|
43
42
|
|
|
44
43
|
const Label = forwardRef((_ref, ref) => {
|
|
@@ -38,7 +38,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
38
38
|
import '../../views/menu/StyledItemIcon.js';
|
|
39
39
|
import '../../views/menu/StyledItemMeta.js';
|
|
40
40
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
41
|
-
import '../../views/menu/StyledButton.js';
|
|
42
41
|
import '../../views/menu/StyledSeparator.js';
|
|
43
42
|
import { ThemeContext } from 'styled-components';
|
|
44
43
|
import { DEFAULT_THEME } from '@zendeskgarden/react-theming';
|
|
@@ -38,7 +38,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
38
38
|
import '../../views/menu/StyledItemIcon.js';
|
|
39
39
|
import '../../views/menu/StyledItemMeta.js';
|
|
40
40
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
41
|
-
import '../../views/menu/StyledButton.js';
|
|
42
41
|
import '../../views/menu/StyledSeparator.js';
|
|
43
42
|
|
|
44
43
|
const Message = forwardRef((props, ref) => {
|
|
@@ -39,7 +39,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
39
39
|
import '../../views/menu/StyledItemIcon.js';
|
|
40
40
|
import '../../views/menu/StyledItemMeta.js';
|
|
41
41
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
42
|
-
import '../../views/menu/StyledButton.js';
|
|
43
42
|
import '../../views/menu/StyledSeparator.js';
|
|
44
43
|
|
|
45
44
|
const OptGroup = forwardRef((_ref, ref) => {
|
|
@@ -44,7 +44,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
44
44
|
import '../../views/menu/StyledItemIcon.js';
|
|
45
45
|
import '../../views/menu/StyledItemMeta.js';
|
|
46
46
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
47
|
-
import '../../views/menu/StyledButton.js';
|
|
48
47
|
import '../../views/menu/StyledSeparator.js';
|
|
49
48
|
import { OptionMeta } from './OptionMeta.js';
|
|
50
49
|
import { toOption } from './utils.js';
|
|
@@ -36,7 +36,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
36
36
|
import '../../views/menu/StyledItemIcon.js';
|
|
37
37
|
import '../../views/menu/StyledItemMeta.js';
|
|
38
38
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
39
|
-
import '../../views/menu/StyledButton.js';
|
|
40
39
|
import '../../views/menu/StyledSeparator.js';
|
|
41
40
|
|
|
42
41
|
const OptionMetaComponent = forwardRef((props, ref) => {
|
|
@@ -40,7 +40,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
40
40
|
import '../../views/menu/StyledItemIcon.js';
|
|
41
41
|
import '../../views/menu/StyledItemMeta.js';
|
|
42
42
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
43
|
-
import '../../views/menu/StyledButton.js';
|
|
44
43
|
import '../../views/menu/StyledSeparator.js';
|
|
45
44
|
import { TagAvatar } from './TagAvatar.js';
|
|
46
45
|
|
|
@@ -42,7 +42,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
42
42
|
import { StyledItemIcon } from '../../views/menu/StyledItemIcon.js';
|
|
43
43
|
import '../../views/menu/StyledItemMeta.js';
|
|
44
44
|
import { StyledItemTypeIcon } from '../../views/menu/StyledItemTypeIcon.js';
|
|
45
|
-
import '../../views/menu/StyledButton.js';
|
|
46
45
|
import '../../views/menu/StyledSeparator.js';
|
|
47
46
|
import { ItemMeta } from './ItemMeta.js';
|
|
48
47
|
import useMenuContext from '../../context/useMenuContext.js';
|
|
@@ -38,7 +38,6 @@ import { StyledItemGroup } from '../../views/menu/StyledItemGroup.js';
|
|
|
38
38
|
import '../../views/menu/StyledItemIcon.js';
|
|
39
39
|
import '../../views/menu/StyledItemMeta.js';
|
|
40
40
|
import { StyledItemTypeIcon } from '../../views/menu/StyledItemTypeIcon.js';
|
|
41
|
-
import '../../views/menu/StyledButton.js';
|
|
42
41
|
import { StyledSeparator } from '../../views/menu/StyledSeparator.js';
|
|
43
42
|
import { ItemGroupContext } from '../../context/useItemGroupContext.js';
|
|
44
43
|
|
|
@@ -36,7 +36,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
36
36
|
import '../../views/menu/StyledItemIcon.js';
|
|
37
37
|
import { StyledItemMeta } from '../../views/menu/StyledItemMeta.js';
|
|
38
38
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
39
|
-
import '../../views/menu/StyledButton.js';
|
|
40
39
|
import '../../views/menu/StyledSeparator.js';
|
|
41
40
|
|
|
42
41
|
const ItemMetaComponent = forwardRef((props, ref) => {
|
|
@@ -10,42 +10,11 @@ import { mergeRefs } from 'react-merge-refs';
|
|
|
10
10
|
import { ThemeContext } from 'styled-components';
|
|
11
11
|
import { useMenu } from '@zendeskgarden/container-menu';
|
|
12
12
|
import { DEFAULT_THEME, useWindow } from '@zendeskgarden/react-theming';
|
|
13
|
+
import { Button } from '@zendeskgarden/react-buttons';
|
|
13
14
|
import { PLACEMENT } from '../../types/index.js';
|
|
14
15
|
import { MenuContext } from '../../context/useMenuContext.js';
|
|
15
16
|
import { toItems } from './utils.js';
|
|
16
17
|
import { MenuList } from './MenuList.js';
|
|
17
|
-
import '../../views/combobox/StyledCombobox.js';
|
|
18
|
-
import '../../views/combobox/StyledContainer.js';
|
|
19
|
-
import '../../views/combobox/StyledField.js';
|
|
20
|
-
import '../../views/combobox/StyledFloatingListbox.js';
|
|
21
|
-
import '../../views/combobox/StyledHint.js';
|
|
22
|
-
import '../../views/combobox/StyledInput.js';
|
|
23
|
-
import '../../views/combobox/StyledInputGroup.js';
|
|
24
|
-
import '../../views/combobox/StyledInputIcon.js';
|
|
25
|
-
import '../../views/combobox/StyledLabel.js';
|
|
26
|
-
import '../../views/combobox/StyledListbox.js';
|
|
27
|
-
import '../../views/combobox/StyledListboxSeparator.js';
|
|
28
|
-
import '../../views/combobox/StyledMessage.js';
|
|
29
|
-
import '../../views/combobox/StyledOptGroup.js';
|
|
30
|
-
import '../../views/combobox/StyledOption.js';
|
|
31
|
-
import '../../views/combobox/StyledOptionContent.js';
|
|
32
|
-
import '../../views/combobox/StyledOptionIcon.js';
|
|
33
|
-
import '../../views/combobox/StyledOptionMeta.js';
|
|
34
|
-
import '../../views/combobox/StyledOptionTypeIcon.js';
|
|
35
|
-
import '../../views/combobox/StyledTag.js';
|
|
36
|
-
import '../../views/combobox/StyledTagsButton.js';
|
|
37
|
-
import '../../views/combobox/StyledTrigger.js';
|
|
38
|
-
import '../../views/combobox/StyledValue.js';
|
|
39
|
-
import '../../views/menu/StyledMenu.js';
|
|
40
|
-
import '../../views/menu/StyledFloatingMenu.js';
|
|
41
|
-
import '../../views/menu/StyledItem.js';
|
|
42
|
-
import '../../views/menu/StyledItemContent.js';
|
|
43
|
-
import '../../views/menu/StyledItemGroup.js';
|
|
44
|
-
import '../../views/menu/StyledItemIcon.js';
|
|
45
|
-
import '../../views/menu/StyledItemMeta.js';
|
|
46
|
-
import '../../views/menu/StyledItemTypeIcon.js';
|
|
47
|
-
import { StyledButton } from '../../views/menu/StyledButton.js';
|
|
48
|
-
import '../../views/menu/StyledSeparator.js';
|
|
49
18
|
import SvgChevronDownStroke from '../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js';
|
|
50
19
|
|
|
51
20
|
const Menu = forwardRef((_ref, ref) => {
|
|
@@ -108,7 +77,7 @@ const Menu = forwardRef((_ref, ref) => {
|
|
|
108
77
|
}),
|
|
109
78
|
ref: mergeRefs([triggerRef, ref])
|
|
110
79
|
};
|
|
111
|
-
const trigger = typeof button === 'function' ? button(triggerProps) : React__default.createElement(
|
|
80
|
+
const trigger = typeof button === 'function' ? button(triggerProps) : React__default.createElement(Button, triggerProps, button, React__default.createElement(Button.EndIcon, {
|
|
112
81
|
isRotated: isExpanded
|
|
113
82
|
}, React__default.createElement(SvgChevronDownStroke, null)));
|
|
114
83
|
const contextValue = useMemo(() => ({
|
|
@@ -40,7 +40,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
40
40
|
import '../../views/menu/StyledItemIcon.js';
|
|
41
41
|
import '../../views/menu/StyledItemMeta.js';
|
|
42
42
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
43
|
-
import '../../views/menu/StyledButton.js';
|
|
44
43
|
import '../../views/menu/StyledSeparator.js';
|
|
45
44
|
import { createPortal } from 'react-dom';
|
|
46
45
|
|
|
@@ -35,7 +35,6 @@ import '../../views/menu/StyledItemGroup.js';
|
|
|
35
35
|
import '../../views/menu/StyledItemIcon.js';
|
|
36
36
|
import '../../views/menu/StyledItemMeta.js';
|
|
37
37
|
import '../../views/menu/StyledItemTypeIcon.js';
|
|
38
|
-
import '../../views/menu/StyledButton.js';
|
|
39
38
|
import { StyledSeparator } from '../../views/menu/StyledSeparator.js';
|
|
40
39
|
import useMenuContext from '../../context/useMenuContext.js';
|
|
41
40
|
|
|
@@ -18,7 +18,7 @@ const sizeStyles = props => {
|
|
|
18
18
|
};
|
|
19
19
|
const StyledCombobox = styled.div.attrs({
|
|
20
20
|
'data-garden-id': COMPONENT_ID,
|
|
21
|
-
'data-garden-version': '9.0.0-next.
|
|
21
|
+
'data-garden-version': '9.0.0-next.12'
|
|
22
22
|
}).withConfig({
|
|
23
23
|
displayName: "StyledCombobox",
|
|
24
24
|
componentId: "sc-13eybg8-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.combobox.container';
|
|
11
11
|
const StyledContainer = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.12'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledContainer",
|
|
16
16
|
componentId: "sc-14i9jid-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.combobox.field';
|
|
11
11
|
const StyledField = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.12'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledField",
|
|
16
16
|
componentId: "sc-zc57xl-0"
|
|
@@ -10,7 +10,7 @@ import { menuStyles, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.combobox.floating';
|
|
11
11
|
const StyledFloatingListbox = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.12'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledFloatingListbox",
|
|
16
16
|
componentId: "sc-1cp6spf-0"
|
|
@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.combobox.hint';
|
|
12
12
|
const StyledHint = styled(Field.Hint).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.12'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledHint",
|
|
17
17
|
componentId: "sc-106qvqx-0"
|
|
@@ -29,7 +29,7 @@ const sizeStyles = props => {
|
|
|
29
29
|
};
|
|
30
30
|
const StyledInput = styled.input.attrs({
|
|
31
31
|
'data-garden-id': COMPONENT_ID,
|
|
32
|
-
'data-garden-version': '9.0.0-next.
|
|
32
|
+
'data-garden-version': '9.0.0-next.12'
|
|
33
33
|
}).withConfig({
|
|
34
34
|
displayName: "StyledInput",
|
|
35
35
|
componentId: "sc-1lkqdg-0"
|
|
@@ -14,7 +14,7 @@ const sizeStyles = props => {
|
|
|
14
14
|
};
|
|
15
15
|
const StyledInputGroup = styled.div.attrs({
|
|
16
16
|
'data-garden-id': COMPONENT_ID,
|
|
17
|
-
'data-garden-version': '9.0.0-next.
|
|
17
|
+
'data-garden-version': '9.0.0-next.12'
|
|
18
18
|
}).withConfig({
|
|
19
19
|
displayName: "StyledInputGroup",
|
|
20
20
|
componentId: "sc-yx3q7u-0"
|
|
@@ -31,7 +31,7 @@ const sizeStyles = props => {
|
|
|
31
31
|
};
|
|
32
32
|
const StyledInputIcon = styled(StyledBaseIcon).attrs({
|
|
33
33
|
'data-garden-id': COMPONENT_ID,
|
|
34
|
-
'data-garden-version': '9.0.0-next.
|
|
34
|
+
'data-garden-version': '9.0.0-next.12'
|
|
35
35
|
}).withConfig({
|
|
36
36
|
displayName: "StyledInputIcon",
|
|
37
37
|
componentId: "sc-gqbs1s-0"
|
|
@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.combobox.label';
|
|
12
12
|
const StyledLabel = styled(Field.Label).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.12'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledLabel",
|
|
17
17
|
componentId: "sc-az6now-0"
|
|
@@ -19,7 +19,7 @@ const sizeStyles = props => {
|
|
|
19
19
|
};
|
|
20
20
|
const StyledListbox = styled.ul.attrs({
|
|
21
21
|
'data-garden-id': COMPONENT_ID,
|
|
22
|
-
'data-garden-version': '9.0.0-next.
|
|
22
|
+
'data-garden-version': '9.0.0-next.12'
|
|
23
23
|
}).withConfig({
|
|
24
24
|
displayName: "StyledListbox",
|
|
25
25
|
componentId: "sc-1k13ba7-0"
|
|
@@ -19,7 +19,7 @@ const sizeStyles = props => {
|
|
|
19
19
|
};
|
|
20
20
|
const StyledListboxSeparator = styled.li.attrs({
|
|
21
21
|
'data-garden-id': COMPONENT_ID,
|
|
22
|
-
'data-garden-version': '9.0.0-next.
|
|
22
|
+
'data-garden-version': '9.0.0-next.12'
|
|
23
23
|
}).withConfig({
|
|
24
24
|
displayName: "StyledListboxSeparator",
|
|
25
25
|
componentId: "sc-1p6toh2-0"
|
|
@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.combobox.message';
|
|
12
12
|
const StyledMessage = styled(Field.Message).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.12'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledMessage",
|
|
17
17
|
componentId: "sc-jux8m5-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.combobox.optgroup';
|
|
11
11
|
const StyledOptGroup = styled.ul.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.12'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledOptGroup",
|
|
16
16
|
componentId: "sc-1kavqsx-0"
|
|
@@ -36,7 +36,7 @@ const sizeStyles = props => {
|
|
|
36
36
|
};
|
|
37
37
|
const StyledOption = styled.li.attrs({
|
|
38
38
|
'data-garden-id': COMPONENT_ID,
|
|
39
|
-
'data-garden-version': '9.0.0-next.
|
|
39
|
+
'data-garden-version': '9.0.0-next.12'
|
|
40
40
|
}).withConfig({
|
|
41
41
|
displayName: "StyledOption",
|
|
42
42
|
componentId: "sc-jl4wn6-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'dropdowns.combobox.option.content';
|
|
11
11
|
const StyledOptionContent = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.12'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledOptionContent",
|
|
16
16
|
componentId: "sc-121ujpu-0"
|
|
@@ -17,7 +17,7 @@ const sizeStyles = props => {
|
|
|
17
17
|
};
|
|
18
18
|
const StyledOptionIcon = styled(StyledBaseIcon).attrs({
|
|
19
19
|
'data-garden-id': COMPONENT_ID,
|
|
20
|
-
'data-garden-version': '9.0.0-next.
|
|
20
|
+
'data-garden-version': '9.0.0-next.12'
|
|
21
21
|
}).withConfig({
|
|
22
22
|
displayName: "StyledOptionIcon",
|
|
23
23
|
componentId: "sc-qsab3y-0"
|
|
@@ -19,7 +19,7 @@ const sizeStyles = props => {
|
|
|
19
19
|
};
|
|
20
20
|
const StyledOptionMeta = styled.div.attrs({
|
|
21
21
|
'data-garden-id': COMPONENT_ID,
|
|
22
|
-
'data-garden-version': '9.0.0-next.
|
|
22
|
+
'data-garden-version': '9.0.0-next.12'
|
|
23
23
|
}).withConfig({
|
|
24
24
|
displayName: "StyledOptionMeta",
|
|
25
25
|
componentId: "sc-j6pu10-0"
|
|
@@ -36,7 +36,7 @@ const sizeStyles = props => {
|
|
|
36
36
|
};
|
|
37
37
|
const StyledOptionTypeIcon = styled(StyledBaseIcon).attrs({
|
|
38
38
|
'data-garden-id': COMPONENT_ID,
|
|
39
|
-
'data-garden-version': '9.0.0-next.
|
|
39
|
+
'data-garden-version': '9.0.0-next.12'
|
|
40
40
|
}).withConfig({
|
|
41
41
|
displayName: "StyledOptionTypeIcon",
|
|
42
42
|
componentId: "sc-xpink2-0"
|
|
@@ -12,7 +12,7 @@ import { Tag } from '@zendeskgarden/react-tags';
|
|
|
12
12
|
const COMPONENT_ID = 'dropdowns.combobox.tag';
|
|
13
13
|
const StyledTag = styled(Tag).attrs({
|
|
14
14
|
'data-garden-id': COMPONENT_ID,
|
|
15
|
-
'data-garden-version': '9.0.0-next.
|
|
15
|
+
'data-garden-version': '9.0.0-next.12'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledTag",
|
|
18
18
|
componentId: "sc-1alam0r-0"
|
|
@@ -16,7 +16,7 @@ const colorStyles = props => {
|
|
|
16
16
|
const StyledTagsButton = styled(StyledValue).attrs({
|
|
17
17
|
as: 'button',
|
|
18
18
|
'data-garden-id': COMPONENT_ID,
|
|
19
|
-
'data-garden-version': '9.0.0-next.
|
|
19
|
+
'data-garden-version': '9.0.0-next.12'
|
|
20
20
|
}).withConfig({
|
|
21
21
|
displayName: "StyledTagsButton",
|
|
22
22
|
componentId: "sc-6q5w33-0"
|
|
@@ -82,7 +82,7 @@ const sizeStyles = props => {
|
|
|
82
82
|
};
|
|
83
83
|
const StyledTrigger = styled.div.attrs({
|
|
84
84
|
'data-garden-id': COMPONENT_ID,
|
|
85
|
-
'data-garden-version': '9.0.0-next.
|
|
85
|
+
'data-garden-version': '9.0.0-next.12'
|
|
86
86
|
}).withConfig({
|
|
87
87
|
displayName: "StyledTrigger",
|
|
88
88
|
componentId: "sc-116nftk-0"
|
|
@@ -15,7 +15,7 @@ const colorStyles = props => {
|
|
|
15
15
|
};
|
|
16
16
|
const StyledValue = styled.div.attrs({
|
|
17
17
|
'data-garden-id': COMPONENT_ID,
|
|
18
|
-
'data-garden-version': '9.0.0-next.
|
|
18
|
+
'data-garden-version': '9.0.0-next.12'
|
|
19
19
|
}).withConfig({
|
|
20
20
|
displayName: "StyledValue",
|
|
21
21
|
componentId: "sc-t719sx-0"
|
|
@@ -11,7 +11,7 @@ import { StyledFloatingListbox } from '../combobox/StyledFloatingListbox.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.menu.floating';
|
|
12
12
|
const StyledFloatingMenu = styled(StyledFloatingListbox).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.12'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledFloatingMenu",
|
|
17
17
|
componentId: "sc-1rc7ahb-0"
|
|
@@ -11,7 +11,7 @@ import { StyledOption } from '../combobox/StyledOption.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.menu.item';
|
|
12
12
|
const StyledItem = styled(StyledOption).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.12'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledItem",
|
|
17
17
|
componentId: "sc-1jp99dq-0"
|
|
@@ -11,7 +11,7 @@ import { StyledOptionContent } from '../combobox/StyledOptionContent.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.menu.item.content';
|
|
12
12
|
const StyledItemContent = styled(StyledOptionContent).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.12'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledItemContent",
|
|
17
17
|
componentId: "sc-1opglsb-0"
|
|
@@ -11,7 +11,7 @@ import { StyledOptGroup } from '../combobox/StyledOptGroup.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.menu.item_group';
|
|
12
12
|
const StyledItemGroup = styled(StyledOptGroup).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.12'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledItemGroup",
|
|
17
17
|
componentId: "sc-1umk3cg-0"
|
|
@@ -11,7 +11,7 @@ import { StyledOptionIcon } from '../combobox/StyledOptionIcon.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.menu.item.icon';
|
|
12
12
|
const StyledItemIcon = styled(StyledOptionIcon).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.12'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledItemIcon",
|
|
17
17
|
componentId: "sc-w9orqb-0"
|
|
@@ -11,7 +11,7 @@ import { StyledOptionMeta } from '../combobox/StyledOptionMeta.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.menu.item.meta';
|
|
12
12
|
const StyledItemMeta = styled(StyledOptionMeta).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.12'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledItemMeta",
|
|
17
17
|
componentId: "sc-1unw3x1-0"
|
|
@@ -12,7 +12,7 @@ import { StyledItem } from './StyledItem.js';
|
|
|
12
12
|
const COMPONENT_ID = 'dropdowns.menu.item.type_icon';
|
|
13
13
|
const StyledItemTypeIcon = styled(StyledOptionTypeIcon).attrs({
|
|
14
14
|
'data-garden-id': COMPONENT_ID,
|
|
15
|
-
'data-garden-version': '9.0.0-next.
|
|
15
|
+
'data-garden-version': '9.0.0-next.12'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledItemTypeIcon",
|
|
18
18
|
componentId: "sc-1pll3nu-0"
|
|
@@ -11,7 +11,7 @@ import { StyledListbox } from '../combobox/StyledListbox.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.menu';
|
|
12
12
|
const StyledMenu = styled(StyledListbox).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.12'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledMenu",
|
|
17
17
|
componentId: "sc-f77ntu-0"
|
|
@@ -11,7 +11,7 @@ import { StyledListboxSeparator } from '../combobox/StyledListboxSeparator.js';
|
|
|
11
11
|
const COMPONENT_ID = 'dropdowns.menu.separator';
|
|
12
12
|
const StyledSeparator = styled(StyledListboxSeparator).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.12'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledSeparator",
|
|
17
17
|
componentId: "sc-8kqwen-0"
|