@appquality/unguess-design-system 2.11.5 → 2.11.6

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v2.11.6 (Wed Sep 07 2022)
+
+#### 🐛 Bug Fix
+
+- feat(input-toggle): add new component behavior [#82](https://github.com/AppQuality/unguess-design-system/pull/82) ([@marcbon](https://github.com/marcbon))
+
+#### Authors: 1
+
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
 # v2.11.5 (Wed Sep 07 2022)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -1511,7 +1511,7 @@ var Hint = styled__default["default"](reactForms.Hint)(templateObject_2$k || (te
    *  - To let the user enter data into a field
    *  - To enter multiline text, use a Textarea
    **/
-var Input = function (props) { return jsxRuntime.jsx(UgInput, __assign({}, props)); };
+var Input = React.forwardRef(function (props, ref) { return jsxRuntime.jsx(UgInput, __assign({ ref: ref }, props)); });
 var templateObject_1$M, templateObject_2$k;
 
 var UgMediaInput = styled__default["default"](reactForms.MediaInput)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject([""], [""])));

package/build/stories/forms/input/index.d.ts

@@ -8,5 +8,5 @@ declare const Hint: import("styled-components").StyledComponent<import("react").
    *  - To let the user enter data into a field
    *  - To enter multiline text, use a Textarea
    **/
-declare const Input: (props: InputArgs) => JSX.Element;
+declare const Input: import("react").ForwardRefExoticComponent<InputArgs & import("react").RefAttributes<HTMLInputElement>>;
 export { Input, Hint };

package/build/stories/forms/input/index.stories.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { InputArgs } from "./_types";
 export declare const Default: Story<InputArgs>;
 export declare const Success: Story<InputArgs>;
 export declare const Warning: Story<InputArgs>;
 export declare const Error: Story<InputArgs>;
-declare const _default: ComponentMeta<(props: InputArgs) => JSX.Element>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<InputArgs & import("react").RefAttributes<HTMLInputElement>>>;
 export default _default;

package/build/stories/forms/input-toggle/_types.d.ts

@@ -0,0 +1,15 @@
+import { IInputProps } from "@zendeskgarden/react-forms";
+export interface InputToggleArgs extends IInputProps {
+    /** Removes borders and padding */
+    isBare?: boolean;
+    /** Applies validation state styling */
+    validation?: 'success' | 'warning' | 'error';
+    /** Sets input size */
+    size?: number;
+    /** Sets the input label */
+    label?: string;
+    /** Sets the input message */
+    message?: string;
+    /** Sets the asterisk if required */
+    required?: boolean;
+}

package/build/stories/forms/input-toggle/index.d.ts

@@ -0,0 +1,10 @@
+import { InputToggleArgs } from "./_types";
+/**
+ * An Input Toggle lets users use the input by activating it pressing the edit button.
+ * <hr>
+ * Used for this:
+ *  - To let the user enter data into a field
+ *  - To enter multiline text, use a Textarea
+ **/
+declare const InputToggle: (props: InputToggleArgs) => JSX.Element;
+export { InputToggle };

package/build/stories/forms/input-toggle/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta, Story } from "@storybook/react";
+import { InputToggleArgs } from "./_types";
+export declare const Default: Story<InputToggleArgs>;
+export declare const Success: Story<InputToggleArgs>;
+export declare const Warning: Story<InputToggleArgs>;
+export declare const Error: Story<InputToggleArgs>;
+declare const _default: ComponentMeta<(props: InputToggleArgs) => JSX.Element>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.11.5",
+  "version": "2.11.6",
   "dependencies": {
     "@tiptap/extension-bubble-menu": "^2.0.0-beta.61",
     "@tiptap/extension-character-count": "^2.0.0-beta.31",