@zendeskgarden/react-dropdowns.legacy 9.0.0 → 9.1.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/LICENSE.md +176 -0
- package/dist/esm/elements/Menu/Items/AddItem.js +3 -3
- package/dist/esm/elements/Menu/Items/HeaderItem.js +8 -3
- package/dist/esm/elements/Menu/Items/Item.js +16 -15
- package/dist/esm/elements/Menu/Items/ItemMeta.js +2 -2
- package/dist/esm/elements/Menu/Items/MediaBody.js +1 -1
- package/dist/esm/elements/Menu/Items/MediaFigure.js +1 -1
- package/dist/esm/elements/Menu/Items/NextItem.js +4 -4
- package/dist/esm/elements/Menu/Items/PreviousItem.js +4 -4
- package/dist/esm/elements/Menu/Menu.js +54 -55
- package/dist/esm/elements/Multiselect/Multiselect.js +6 -6
- package/dist/esm/styled/items/StyledAddItem.js +1 -1
- package/dist/esm/styled/items/StyledItem.js +4 -4
- package/dist/esm/styled/items/StyledItemIcon.js +2 -2
- package/dist/esm/styled/items/StyledItemMeta.js +3 -3
- package/dist/esm/styled/items/StyledNextIcon.js +2 -2
- package/dist/esm/styled/items/StyledNextItem.js +1 -1
- package/dist/esm/styled/items/StyledPreviousIcon.js +2 -2
- package/dist/esm/styled/items/StyledPreviousItem.js +1 -1
- package/dist/esm/styled/items/header/StyledHeaderIcon.js +1 -1
- package/dist/esm/styled/items/header/StyledHeaderItem.js +2 -2
- package/dist/esm/styled/items/media/StyledMediaBody.js +1 -1
- package/dist/esm/styled/items/media/StyledMediaFigure.js +3 -5
- package/dist/esm/styled/items/media/StyledMediaItem.js +1 -1
- package/dist/esm/styled/menu/StyledMenu.js +4 -4
- package/dist/esm/styled/menu/StyledMenuWrapper.js +7 -7
- package/dist/esm/styled/menu/StyledSeparator.js +1 -1
- package/dist/esm/styled/multiselect/StyledMultiselectInput.js +1 -1
- package/dist/esm/styled/multiselect/StyledMultiselectItemWrapper.js +1 -1
- package/dist/esm/styled/multiselect/StyledMultiselectItemsContainer.js +4 -4
- package/dist/esm/styled/multiselect/StyledMultiselectMoreAnchor.js +4 -4
- package/dist/esm/styled/select/StyledFauxInput.js +1 -1
- package/dist/esm/styled/select/StyledInput.js +1 -1
- package/dist/esm/styled/select/StyledSelect.js +1 -1
- package/dist/index.cjs.js +148 -145
- package/dist/typings/styled/items/StyledItem.d.ts +3 -3
- package/dist/typings/styled/items/StyledItemIcon.d.ts +3 -3
- package/dist/typings/styled/items/StyledItemMeta.d.ts +2 -2
- package/dist/typings/styled/items/StyledNextIcon.d.ts +1 -1
- package/dist/typings/styled/items/StyledPreviousIcon.d.ts +1 -1
- package/dist/typings/styled/items/header/StyledHeaderItem.d.ts +2 -2
- package/dist/typings/styled/items/media/StyledMediaBody.d.ts +1 -1
- package/dist/typings/styled/items/media/StyledMediaFigure.d.ts +4 -3
- package/dist/typings/styled/menu/StyledMenu.d.ts +5 -5
- package/dist/typings/styled/menu/StyledMenuWrapper.d.ts +5 -5
- package/dist/typings/styled/multiselect/StyledMultiselectItemsContainer.d.ts +2 -2
- package/dist/typings/styled/multiselect/StyledMultiselectMoreAnchor.d.ts +2 -2
- package/dist/typings/styled/select/StyledFauxInput.d.ts +2 -2
- package/package.json +6 -5
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
8
|
interface IStyledNextIconProps {
|
|
9
|
-
isDisabled?: boolean;
|
|
9
|
+
$isDisabled?: boolean;
|
|
10
10
|
}
|
|
11
11
|
export declare const StyledNextIcon: import("styled-components").StyledComponent<React.FC<React.HTMLAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, IStyledNextIconProps, never>;
|
|
12
12
|
export {};
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
8
|
interface IStyledPreviousIconProps {
|
|
9
|
-
isDisabled?: boolean;
|
|
9
|
+
$isDisabled?: boolean;
|
|
10
10
|
}
|
|
11
11
|
export declare const StyledPreviousIcon: import("styled-components").StyledComponent<React.FC<React.HTMLAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, IStyledPreviousIconProps, never>;
|
|
12
12
|
export {};
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
export interface IStyledHeaderItemProps {
|
|
9
9
|
/** Applies icon styling */
|
|
10
|
-
hasIcon?: boolean;
|
|
11
|
-
isCompact?: boolean;
|
|
10
|
+
$hasIcon?: boolean;
|
|
11
|
+
$isCompact?: boolean;
|
|
12
12
|
}
|
|
13
13
|
/**
|
|
14
14
|
* Accepts all `<li>` props
|
|
@@ -7,23 +7,25 @@
|
|
|
7
7
|
import React, { HTMLAttributes, PropsWithChildren } from 'react';
|
|
8
8
|
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
9
9
|
interface IStyledMediaFigureProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
|
-
isCompact?: boolean;
|
|
10
|
+
$isCompact?: boolean;
|
|
11
11
|
}
|
|
12
12
|
/**
|
|
13
13
|
* 1. Override default Avatar styling
|
|
14
14
|
*/
|
|
15
|
-
export declare const StyledMediaFigure: import("styled-components").StyledComponent<({ children, isCompact, theme, ...props }: PropsWithChildren<IStyledMediaFigureProps & ThemeProps<DefaultTheme>>) => React.DetailedReactHTMLElement<{
|
|
15
|
+
export declare const StyledMediaFigure: import("styled-components").StyledComponent<({ children, $isCompact, theme, ...props }: PropsWithChildren<IStyledMediaFigureProps & ThemeProps<DefaultTheme>>) => React.DetailedReactHTMLElement<{
|
|
16
16
|
defaultChecked?: boolean | undefined;
|
|
17
17
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
18
18
|
suppressContentEditableWarning?: boolean | undefined;
|
|
19
19
|
suppressHydrationWarning?: boolean | undefined;
|
|
20
20
|
accessKey?: string | undefined;
|
|
21
|
+
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
|
|
21
22
|
autoFocus?: boolean | undefined;
|
|
22
23
|
className?: string | undefined;
|
|
23
24
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
24
25
|
contextMenu?: string | undefined;
|
|
25
26
|
dir?: string | undefined;
|
|
26
27
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
28
|
+
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
27
29
|
hidden?: boolean | undefined;
|
|
28
30
|
id?: string | undefined;
|
|
29
31
|
lang?: string | undefined;
|
|
@@ -47,7 +49,6 @@ export declare const StyledMediaFigure: import("styled-components").StyledCompon
|
|
|
47
49
|
rev?: string | undefined;
|
|
48
50
|
typeof?: string | undefined;
|
|
49
51
|
vocab?: string | undefined;
|
|
50
|
-
autoCapitalize?: string | undefined;
|
|
51
52
|
autoCorrect?: string | undefined;
|
|
52
53
|
autoSave?: string | undefined;
|
|
53
54
|
color?: string | undefined;
|
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { PopperPlacement } from '../../types';
|
|
8
8
|
interface IStyledMenuProps {
|
|
9
|
-
isCompact?: boolean;
|
|
10
|
-
isAnimated?: boolean;
|
|
11
|
-
hasArrow?: boolean;
|
|
12
|
-
placement?: PopperPlacement;
|
|
13
|
-
maxHeight?: string;
|
|
9
|
+
$isCompact?: boolean;
|
|
10
|
+
$isAnimated?: boolean;
|
|
11
|
+
$hasArrow?: boolean;
|
|
12
|
+
$placement?: PopperPlacement;
|
|
13
|
+
$maxHeight?: string;
|
|
14
14
|
}
|
|
15
15
|
/**
|
|
16
16
|
* 1. Override arrow parent positioning to ensure arrow is visible beyond block
|
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { PopperPlacement } from '../../types';
|
|
8
8
|
interface IStyledMenuWrapperProps {
|
|
9
|
-
hasArrow?: boolean;
|
|
10
|
-
placement?: PopperPlacement;
|
|
11
|
-
isHidden?: boolean;
|
|
12
|
-
zIndex?: number;
|
|
13
|
-
isAnimated?: boolean;
|
|
9
|
+
$hasArrow?: boolean;
|
|
10
|
+
$placement?: PopperPlacement;
|
|
11
|
+
$isHidden?: boolean;
|
|
12
|
+
$zIndex?: number;
|
|
13
|
+
$isAnimated?: boolean;
|
|
14
14
|
}
|
|
15
15
|
export declare const StyledMenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledMenuWrapperProps, never>;
|
|
16
16
|
export {};
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
interface IStyledMultiselectItemsContainerProps {
|
|
9
|
-
isCompact?: boolean;
|
|
10
|
-
isBare?: boolean;
|
|
9
|
+
$isCompact?: boolean;
|
|
10
|
+
$isBare?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export declare const StyledMultiselectItemsContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
13
13
|
'data-garden-id': string;
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
interface IStyledMultiselectMoreAnchorProps {
|
|
8
|
-
isCompact?: boolean;
|
|
9
|
-
isDisabled?: boolean;
|
|
8
|
+
$isCompact?: boolean;
|
|
9
|
+
$isDisabled?: boolean;
|
|
10
10
|
}
|
|
11
11
|
export declare const StyledMultiselectMoreAnchor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
12
12
|
'data-garden-id': string;
|
|
@@ -10,6 +10,6 @@ export declare const StyledFauxInput: import("styled-components").StyledComponen
|
|
|
10
10
|
}, import("styled-components").DefaultTheme, {
|
|
11
11
|
'data-garden-id': string;
|
|
12
12
|
'data-garden-version': string;
|
|
13
|
-
mediaLayout:
|
|
13
|
+
mediaLayout: true;
|
|
14
14
|
theme: import("styled-components").DefaultTheme;
|
|
15
|
-
}, "theme" | "data-garden-id" | "data-garden-version"
|
|
15
|
+
}, "theme" | "mediaLayout" | "data-garden-id" | "data-garden-version">;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-dropdowns.legacy",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.1.1",
|
|
4
4
|
"description": "Components relating to dropdowns in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@zendeskgarden/container-selection": "^2.0.0",
|
|
25
25
|
"@zendeskgarden/container-utilities": "^1.0.14",
|
|
26
|
-
"@zendeskgarden/react-forms": "^9.
|
|
26
|
+
"@zendeskgarden/react-forms": "^9.1.1",
|
|
27
27
|
"downshift": "^7.0.0",
|
|
28
28
|
"polished": "^4.3.1",
|
|
29
29
|
"prop-types": "^15.5.7",
|
|
@@ -31,14 +31,14 @@
|
|
|
31
31
|
"react-popper": "^1.3.4"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
|
-
"@zendeskgarden/react-theming": ">=9.0.0
|
|
34
|
+
"@zendeskgarden/react-theming": ">=9.0.0",
|
|
35
35
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
36
36
|
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
37
37
|
"styled-components": "^5.3.1"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@types/lodash.debounce": "4.0.9",
|
|
41
|
-
"@zendeskgarden/react-theming": "^9.
|
|
41
|
+
"@zendeskgarden/react-theming": "^9.1.1",
|
|
42
42
|
"@zendeskgarden/svg-icons": "7.1.1",
|
|
43
43
|
"lodash.debounce": "4.0.8"
|
|
44
44
|
},
|
|
@@ -51,5 +51,6 @@
|
|
|
51
51
|
"publishConfig": {
|
|
52
52
|
"access": "public"
|
|
53
53
|
},
|
|
54
|
-
"zendeskgarden:src": "src/index.ts"
|
|
54
|
+
"zendeskgarden:src": "src/index.ts",
|
|
55
|
+
"gitHead": "21eaf7b57f27f1a846ed332f1b8e655d6bc0a13b"
|
|
55
56
|
}
|