@zendeskgarden/react-forms 9.0.0-next.12 → 9.0.0-next.14

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.
Files changed (89) hide show
  1. package/dist/esm/elements/Select.js +1 -0
  2. package/dist/esm/elements/common/Label.js +1 -1
  3. package/dist/esm/elements/faux-input/components/EndIcon.js +4 -0
  4. package/dist/esm/elements/faux-input/components/StartIcon.js +4 -0
  5. package/dist/esm/elements/file-list/components/File.js +2 -1
  6. package/dist/esm/elements/tiles/components/Tile.js +1 -3
  7. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-circle-stroke.svg.js +1 -1
  8. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-sm-fill.svg.js +1 -1
  9. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/circle-sm-fill.svg.js +1 -1
  10. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/dash-fill.svg.js +1 -1
  11. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-document-stroke.svg.js +1 -1
  12. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-error-stroke.svg.js +1 -1
  13. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-generic-stroke.svg.js +1 -1
  14. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-image-stroke.svg.js +1 -1
  15. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-pdf-stroke.svg.js +1 -1
  16. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-presentation-stroke.svg.js +1 -1
  17. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-spreadsheet-stroke.svg.js +1 -1
  18. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-zip-stroke.svg.js +1 -1
  19. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/trash-stroke.svg.js +1 -1
  20. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/x-stroke.svg.js +1 -1
  21. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-error-stroke.svg.js +1 -1
  22. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-warning-stroke.svg.js +1 -1
  23. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/check-circle-stroke.svg.js +1 -1
  24. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js +1 -1
  25. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/circle-sm-fill.svg.js +1 -1
  26. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-document-stroke.svg.js +1 -1
  27. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-error-stroke.svg.js +1 -1
  28. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-generic-stroke.svg.js +1 -1
  29. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-image-stroke.svg.js +1 -1
  30. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-pdf-stroke.svg.js +1 -1
  31. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-presentation-stroke.svg.js +1 -1
  32. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-spreadsheet-stroke.svg.js +1 -1
  33. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-zip-stroke.svg.js +1 -1
  34. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/trash-stroke.svg.js +1 -1
  35. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/x-stroke.svg.js +1 -1
  36. package/dist/esm/styled/checkbox/StyledCheckHint.js +1 -1
  37. package/dist/esm/styled/checkbox/StyledCheckInput.js +55 -11
  38. package/dist/esm/styled/checkbox/StyledCheckLabel.js +1 -1
  39. package/dist/esm/styled/checkbox/StyledCheckMessage.js +1 -1
  40. package/dist/esm/styled/checkbox/StyledCheckSvg.js +1 -1
  41. package/dist/esm/styled/checkbox/StyledDashSvg.js +1 -1
  42. package/dist/esm/styled/common/StyledField.js +1 -1
  43. package/dist/esm/styled/common/StyledFieldset.js +1 -1
  44. package/dist/esm/styled/common/StyledHint.js +6 -3
  45. package/dist/esm/styled/common/StyledLabel.js +6 -3
  46. package/dist/esm/styled/common/StyledLegend.js +1 -1
  47. package/dist/esm/styled/common/StyledMessage.js +33 -16
  48. package/dist/esm/styled/common/StyledMessageIcon.js +1 -1
  49. package/dist/esm/styled/file-list/StyledFile.js +49 -28
  50. package/dist/esm/styled/file-list/StyledFileClose.js +6 -3
  51. package/dist/esm/styled/file-list/StyledFileDelete.js +6 -3
  52. package/dist/esm/styled/file-list/StyledFileIcon.js +24 -4
  53. package/dist/esm/styled/file-list/StyledFileList.js +1 -1
  54. package/dist/esm/styled/file-list/StyledFileListItem.js +1 -1
  55. package/dist/esm/styled/file-upload/StyledFileUpload.js +89 -20
  56. package/dist/esm/styled/input-group/StyledInputGroup.js +1 -1
  57. package/dist/esm/styled/radio/StyledRadioHint.js +1 -1
  58. package/dist/esm/styled/radio/StyledRadioInput.js +85 -24
  59. package/dist/esm/styled/radio/StyledRadioLabel.js +1 -1
  60. package/dist/esm/styled/radio/StyledRadioMessage.js +1 -1
  61. package/dist/esm/styled/radio/StyledRadioSvg.js +1 -1
  62. package/dist/esm/styled/range/StyledRangeInput.js +83 -26
  63. package/dist/esm/styled/select/StyledSelect.js +35 -11
  64. package/dist/esm/styled/select/StyledSelectWrapper.js +11 -3
  65. package/dist/esm/styled/text/StyledTextFauxInput.js +31 -23
  66. package/dist/esm/styled/text/StyledTextInput.js +103 -58
  67. package/dist/esm/styled/text/StyledTextMediaFigure.js +35 -10
  68. package/dist/esm/styled/text/StyledTextMediaInput.js +1 -1
  69. package/dist/esm/styled/text/StyledTextarea.js +1 -1
  70. package/dist/esm/styled/tiles/StyledTile.js +93 -34
  71. package/dist/esm/styled/tiles/StyledTileDescription.js +13 -13
  72. package/dist/esm/styled/tiles/StyledTileIcon.js +52 -13
  73. package/dist/esm/styled/tiles/StyledTileInput.js +1 -1
  74. package/dist/esm/styled/tiles/StyledTileLabel.js +13 -15
  75. package/dist/esm/styled/toggle/StyledToggleHint.js +1 -1
  76. package/dist/esm/styled/toggle/StyledToggleInput.js +38 -13
  77. package/dist/esm/styled/toggle/StyledToggleLabel.js +1 -1
  78. package/dist/esm/styled/toggle/StyledToggleMessage.js +1 -1
  79. package/dist/esm/styled/toggle/StyledToggleSvg.js +1 -1
  80. package/dist/index.cjs.js +953 -415
  81. package/dist/typings/elements/faux-input/components/EndIcon.d.ts +1 -1
  82. package/dist/typings/elements/faux-input/components/StartIcon.d.ts +1 -1
  83. package/dist/typings/styled/file-list/StyledFileIcon.d.ts +7 -1
  84. package/dist/typings/styled/select/StyledSelect.d.ts +0 -3
  85. package/dist/typings/styled/select/StyledSelectWrapper.d.ts +3 -1
  86. package/dist/typings/styled/text/StyledTextFauxInput.d.ts +0 -4
  87. package/dist/typings/styled/tiles/StyledTile.d.ts +4 -7
  88. package/dist/typings/types/index.d.ts +3 -3
  89. package/package.json +5 -5
@@ -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
- export declare const StyledFileIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
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
- export declare const StyledSelectWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../text/StyledTextFauxInput").IStyledTextFauxInputProps & {
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
- interface IStyledTileProps {
9
- isDisabled?: boolean;
10
- isFocused?: boolean;
11
- isSelected?: boolean;
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 of the selected radio button */
106
+ /** Sets the selected value in a controlled tiles component */
107
107
  value?: IRadioProps['value'];
108
- /** Handles radio selection */
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 input */
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.12",
3
+ "version": "9.0.0-next.14",
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>",
@@ -24,7 +24,7 @@
24
24
  "@zendeskgarden/container-field": "^3.0.0",
25
25
  "@zendeskgarden/container-utilities": "^2.0.0",
26
26
  "lodash.debounce": "^4.0.8",
27
- "polished": "^4.0.0",
27
+ "polished": "^4.3.1",
28
28
  "prop-types": "^15.5.7",
29
29
  "react-merge-refs": "^2.0.0"
30
30
  },
@@ -36,8 +36,8 @@
36
36
  },
37
37
  "devDependencies": {
38
38
  "@types/lodash.debounce": "4.0.9",
39
- "@zendeskgarden/react-theming": "^9.0.0-next.12",
40
- "@zendeskgarden/svg-icons": "7.0.0",
39
+ "@zendeskgarden/react-theming": "^9.0.0-next.14",
40
+ "@zendeskgarden/svg-icons": "7.1.1",
41
41
  "react-dropzone": "14.2.3"
42
42
  },
43
43
  "keywords": [
@@ -50,5 +50,5 @@
50
50
  "access": "public"
51
51
  },
52
52
  "zendeskgarden:src": "src/index.ts",
53
- "gitHead": "7925ff78236795111e2953efbce549839df3a86d"
53
+ "gitHead": "4cd4e10839f6d083f0c5e642b99256e390a37ae6"
54
54
  }