@zendeskgarden/react-forms 9.0.0-next.13 → 9.0.0-next.15
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/Select.js +1 -0
- package/dist/esm/elements/faux-input/components/EndIcon.js +4 -0
- package/dist/esm/elements/faux-input/components/StartIcon.js +4 -0
- package/dist/esm/elements/file-list/components/File.js +2 -1
- package/dist/esm/elements/tiles/components/Tile.js +1 -3
- package/dist/esm/styled/checkbox/StyledCheckHint.js +1 -1
- package/dist/esm/styled/checkbox/StyledCheckInput.js +55 -11
- package/dist/esm/styled/checkbox/StyledCheckLabel.js +1 -1
- package/dist/esm/styled/checkbox/StyledCheckMessage.js +1 -1
- package/dist/esm/styled/checkbox/StyledCheckSvg.js +1 -1
- package/dist/esm/styled/checkbox/StyledDashSvg.js +1 -1
- package/dist/esm/styled/common/StyledField.js +1 -1
- package/dist/esm/styled/common/StyledFieldset.js +1 -1
- package/dist/esm/styled/common/StyledHint.js +1 -1
- package/dist/esm/styled/common/StyledLabel.js +1 -1
- package/dist/esm/styled/common/StyledLegend.js +1 -1
- package/dist/esm/styled/common/StyledMessage.js +1 -1
- package/dist/esm/styled/common/StyledMessageIcon.js +1 -1
- package/dist/esm/styled/file-list/StyledFile.js +49 -28
- package/dist/esm/styled/file-list/StyledFileClose.js +6 -3
- package/dist/esm/styled/file-list/StyledFileDelete.js +6 -3
- package/dist/esm/styled/file-list/StyledFileIcon.js +24 -4
- package/dist/esm/styled/file-list/StyledFileList.js +1 -1
- package/dist/esm/styled/file-list/StyledFileListItem.js +1 -1
- package/dist/esm/styled/file-upload/StyledFileUpload.js +89 -20
- package/dist/esm/styled/input-group/StyledInputGroup.js +1 -1
- package/dist/esm/styled/radio/StyledRadioHint.js +1 -1
- package/dist/esm/styled/radio/StyledRadioInput.js +85 -24
- package/dist/esm/styled/radio/StyledRadioLabel.js +1 -1
- package/dist/esm/styled/radio/StyledRadioMessage.js +1 -1
- package/dist/esm/styled/radio/StyledRadioSvg.js +1 -1
- package/dist/esm/styled/range/StyledRangeInput.js +83 -26
- package/dist/esm/styled/select/StyledSelect.js +35 -11
- package/dist/esm/styled/select/StyledSelectWrapper.js +11 -3
- package/dist/esm/styled/text/StyledTextFauxInput.js +31 -23
- package/dist/esm/styled/text/StyledTextInput.js +103 -58
- package/dist/esm/styled/text/StyledTextMediaFigure.js +35 -10
- package/dist/esm/styled/text/StyledTextMediaInput.js +1 -1
- package/dist/esm/styled/text/StyledTextarea.js +1 -1
- package/dist/esm/styled/tiles/StyledTile.js +93 -34
- package/dist/esm/styled/tiles/StyledTileDescription.js +13 -13
- package/dist/esm/styled/tiles/StyledTileIcon.js +52 -13
- package/dist/esm/styled/tiles/StyledTileInput.js +1 -1
- package/dist/esm/styled/tiles/StyledTileLabel.js +13 -15
- package/dist/esm/styled/toggle/StyledToggleHint.js +1 -1
- package/dist/esm/styled/toggle/StyledToggleInput.js +38 -13
- package/dist/esm/styled/toggle/StyledToggleLabel.js +1 -1
- package/dist/esm/styled/toggle/StyledToggleMessage.js +1 -1
- package/dist/esm/styled/toggle/StyledToggleSvg.js +1 -1
- package/dist/index.cjs.js +892 -377
- package/dist/typings/elements/faux-input/components/EndIcon.d.ts +1 -1
- package/dist/typings/elements/faux-input/components/StartIcon.d.ts +1 -1
- package/dist/typings/styled/file-list/StyledFileIcon.d.ts +7 -1
- package/dist/typings/styled/select/StyledSelect.d.ts +0 -3
- package/dist/typings/styled/select/StyledSelectWrapper.d.ts +3 -1
- package/dist/typings/styled/text/StyledTextFauxInput.d.ts +0 -4
- package/dist/typings/styled/tiles/StyledTile.d.ts +4 -7
- package/dist/typings/types/index.d.ts +3 -3
- package/package.json +4 -3
|
@@ -10,6 +10,6 @@ import { IFauxInputIconProps } from '../../../types';
|
|
|
10
10
|
* @extends SVGAttributes<SVGElement>
|
|
11
11
|
*/
|
|
12
12
|
export declare const EndIcon: {
|
|
13
|
-
({ isDisabled, isRotated, ...props }: IFauxInputIconProps): React.JSX.Element;
|
|
13
|
+
({ isDisabled, isFocused, isHovered, isRotated, ...props }: IFauxInputIconProps): React.JSX.Element;
|
|
14
14
|
displayName: string;
|
|
15
15
|
};
|
|
@@ -10,6 +10,6 @@ import { IFauxInputIconProps } from '../../../types';
|
|
|
10
10
|
* @extends SVGAttributes<SVGElement>
|
|
11
11
|
*/
|
|
12
12
|
export declare const StartIcon: {
|
|
13
|
-
({ isDisabled, isRotated, ...props }: IFauxInputIconProps): React.JSX.Element;
|
|
13
|
+
({ isDisabled, isFocused, isHovered, isRotated, ...props }: IFauxInputIconProps): React.JSX.Element;
|
|
14
14
|
displayName: string;
|
|
15
15
|
};
|
|
@@ -5,7 +5,13 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
/// <reference types="react" />
|
|
8
|
-
|
|
8
|
+
import { DefaultTheme } from 'styled-components';
|
|
9
|
+
import { FileValidation } from '../../types';
|
|
10
|
+
export interface IStyledFileIconProps {
|
|
11
|
+
$isCompact?: boolean;
|
|
12
|
+
$validation?: FileValidation;
|
|
13
|
+
}
|
|
14
|
+
export declare const StyledFileIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
|
|
9
15
|
'data-garden-id': string;
|
|
10
16
|
'data-garden-version': string;
|
|
11
17
|
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -6,9 +6,6 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
import { IStyledTextInputProps } from '../text/StyledTextInput';
|
|
9
|
-
/**
|
|
10
|
-
* 1. Select reset.
|
|
11
|
-
*/
|
|
12
9
|
export declare const StyledSelect: import("styled-components").StyledComponent<"input", DefaultTheme, IStyledTextInputProps & {
|
|
13
10
|
'data-garden-id': string;
|
|
14
11
|
'data-garden-version': string;
|
|
@@ -4,7 +4,9 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
|
|
7
|
+
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
import { IStyledTextFauxInputProps } from '../text/StyledTextFauxInput';
|
|
9
|
+
export declare const StyledSelectWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledTextFauxInputProps & {
|
|
8
10
|
'data-garden-id': string;
|
|
9
11
|
'data-garden-version': string;
|
|
10
12
|
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -11,8 +11,4 @@ export interface IStyledTextFauxInputProps extends IStyledTextInputProps {
|
|
|
11
11
|
isDisabled?: boolean;
|
|
12
12
|
isReadOnly?: boolean;
|
|
13
13
|
}
|
|
14
|
-
export declare function getValidationHue(validation?: IStyledTextFauxInputProps['validation'], defaultHue?: string): string;
|
|
15
|
-
/**
|
|
16
|
-
* [1] removes inner input styles when focused
|
|
17
|
-
*/
|
|
18
14
|
export declare const StyledTextFauxInput: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledTextFauxInputProps, never>;
|
|
@@ -5,10 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
export declare const StyledTile: import("styled-components").StyledComponent<"label", DefaultTheme, IStyledTileProps, never>;
|
|
14
|
-
export {};
|
|
8
|
+
export declare const StyledTile: import("styled-components").StyledComponent<"label", DefaultTheme, {
|
|
9
|
+
'data-garden-id': string;
|
|
10
|
+
'data-garden-version': string;
|
|
11
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -103,9 +103,9 @@ export interface IRangeProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
103
103
|
hasLowerTrack?: boolean;
|
|
104
104
|
}
|
|
105
105
|
export interface ITilesProps extends HTMLAttributes<HTMLDivElement> {
|
|
106
|
-
/** Sets the value
|
|
106
|
+
/** Sets the selected value in a controlled tiles component */
|
|
107
107
|
value?: IRadioProps['value'];
|
|
108
|
-
/** Handles
|
|
108
|
+
/** Handles selection change event */
|
|
109
109
|
onChange?: IRadioProps['onChange'];
|
|
110
110
|
/** Sets the name used to reference the value of the control */
|
|
111
111
|
name: NonNullable<IRadioProps['name']>;
|
|
@@ -113,7 +113,7 @@ export interface ITilesProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
113
113
|
isCentered?: boolean;
|
|
114
114
|
}
|
|
115
115
|
export interface ITilesTileProps extends HTMLAttributes<HTMLLabelElement> {
|
|
116
|
-
/** Sets the value of the
|
|
116
|
+
/** Sets the value of the tile */
|
|
117
117
|
value?: IRadioProps['value'];
|
|
118
118
|
/** Indicates that the element is not interactive */
|
|
119
119
|
disabled?: IRadioProps['disabled'];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-forms",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.15",
|
|
4
4
|
"description": "Components relating to form elements in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@types/lodash.debounce": "4.0.9",
|
|
39
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
39
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.15",
|
|
40
40
|
"@zendeskgarden/svg-icons": "7.1.1",
|
|
41
41
|
"react-dropzone": "14.2.3"
|
|
42
42
|
},
|
|
@@ -49,5 +49,6 @@
|
|
|
49
49
|
"publishConfig": {
|
|
50
50
|
"access": "public"
|
|
51
51
|
},
|
|
52
|
-
"zendeskgarden:src": "src/index.ts"
|
|
52
|
+
"zendeskgarden:src": "src/index.ts",
|
|
53
|
+
"gitHead": "f165ebfd3f53d4cbc2ac788bb3c1cd07348a16de"
|
|
53
54
|
}
|