@agility/plenum-ui 2.0.0-rc3 → 2.0.0-rc5

package/README.md

@@ -27,7 +27,7 @@ In your app entry point (i.e. \`_app.tsx\`), import the \`globals.css\` file fro
 
 ```jsx
 import "<RELATIVE_PATH>/globals.css";
-import "@agility/plenum-ui/lib/tailwind.css";
+import "@agility/plenum-ui/dist/lib/tailwind.css";
 ```
 
 Make sure to add any additional styles before these two import statements to prevent overwriting the Plenum styling.

package/dist/index.d.ts

@@ -415,6 +415,24 @@ declare module '@agility/plenum-ui/stories/molecules/index' {
   export type { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes };
   export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch };
 
+}
+declare module '@agility/plenum-ui/stories/molecules/inputs/InputCounter/InputCounter' {
+  import { FC } from "react";
+  export interface IInputCounterProps {
+      /** Counter limit */
+      limit: number | undefined;
+      /** Counter current number */
+      current: number;
+  }
+  /** Primary UI component for user interaction */
+  const InputCounter: FC<IInputCounterProps>;
+  export default InputCounter;
+
+}
+declare module '@agility/plenum-ui/stories/molecules/inputs/InputCounter/index' {
+  export { default } from '@agility/plenum-ui/stories/molecules/inputs/InputCounter/InputCounter';
+  export * from '@agility/plenum-ui/stories/molecules/inputs/InputCounter/InputCounter';
+
 }
 declare module '@agility/plenum-ui/stories/molecules/inputs/InputField/InputField' {
   import React from "react";
@@ -442,6 +460,8 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/InputField/InputFiel
       required?: boolean;
       /** use input psuedo classes for :valid and :invalid styles. on by default */
       clientSideCheck?: boolean;
+      /**ref for input */
+      ref?: React.Ref<HTMLInputElement>;
   }
   const InputField: React.FC<IInputFieldProps>;
   export default InputField;
@@ -502,6 +522,55 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/NestedInputButton/in
   export type { INestedInputButtonProps };
   export default NestedInputButton;
 
+}
+declare module '@agility/plenum-ui/stories/molecules/inputs/TextInput/TextInput' {
+  import React from "react";
+  import { AcceptedInputTypes } from "@agility/plenum-ui/stories/molecules/inputs/InputField/index";
+  export interface ITextInputProps {
+      /** Input type*/
+      type: AcceptedInputTypes;
+      /** Input ID */
+      id?: string;
+      /** Input Name */
+      name?: string;
+      /** Label for the input */
+      label?: string;
+      /** Force the focus state on the input */
+      isFocused?: boolean;
+      /** Error state */
+      isError?: boolean;
+      /** If field is required */
+      isRequired?: boolean;
+      /** Disabled state */
+      isDisabled?: boolean;
+      /** Readonly state */
+      isReadonly?: boolean;
+      /** Set default value */
+      defaultValue?: string;
+      /** Message shown under the text field */
+      message?: string;
+      /** Input character counter */
+      isShowCounter?: boolean;
+      /** Max length of input character  */
+      maxLength?: number;
+      /** Callback on change */
+      onChange(value: string): void;
+      /** input value */
+      value: string;
+      /**Placeholder input text*/
+      placeholder?: string;
+      className?: string;
+  }
+  const _TextInput: React.ForwardRefExoticComponent<ITextInputProps & React.RefAttributes<HTMLInputElement>>;
+  export default _TextInput;
+
+}
+declare module '@agility/plenum-ui/stories/molecules/inputs/TextInput/index' {
+  import TextInput from "@agility/plenum-ui/stories/molecules/inputs/TextInput/TextInput";
+  import { ITextInputProps } from "@agility/plenum-ui/stories/molecules/inputs/TextInput/TextInput";
+  export type { ITextInputProps };
+  export default TextInput;
+
 }
 declare module '@agility/plenum-ui/stories/molecules/inputs/checkbox/Checkbox' {
   import { FC } from "react";
@@ -610,9 +679,10 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/index' {
   import Radio, { IRadioProps } from "@agility/plenum-ui/stories/molecules/inputs/radio/index";
   import Select, { ISelectProps } from "@agility/plenum-ui/stories/molecules/inputs/select/index";
   import TextAreaField, { ITextAreaFieldProps } from "@agility/plenum-ui/stories/molecules/inputs/textArea/index";
+  import TextInput, { ITextInputProps } from "@agility/plenum-ui/stories/molecules/inputs/TextInput/index";
   import ToggleSwitch, { IToggleSwitchProps } from "@agility/plenum-ui/stories/molecules/inputs/toggleSwitch/index";
-  export type { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes };
-  export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch };
+  export type { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, ITextInputProps, IToggleSwitchProps, AcceptedInputTypes };
+  export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch, TextInput };
 
 }
 declare module '@agility/plenum-ui/stories/molecules/inputs/radio/Radio' {