@agility/plenum-ui 2.0.0-rc4 → 2.0.0-rc6

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

@@ -401,19 +401,37 @@ declare module '@agility/plenum-ui/stories/atoms/loaders/index' {
 }
 declare module '@agility/plenum-ui/stories/index' {
   import { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, UnifiedIconName, IconName, FAIconName, BTNActionType, Avatar, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName } from "@agility/plenum-ui/stories/atoms/index";
-  import { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch } from "@agility/plenum-ui/stories/molecules/index";
+  import { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch, TextInput, ITextInputProps } from "@agility/plenum-ui/stories/molecules/index";
   import { IAnimatedLabelInputProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons } from "@agility/plenum-ui/stories/organisms/index";
-  export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes, IAnimatedLabelInputProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, UnifiedIconName, IconName, FAIconName, BTNActionType };
-  export { Avatar, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName };
+  export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes, IAnimatedLabelInputProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, UnifiedIconName, IconName, FAIconName, BTNActionType, ITextInputProps };
+  export { Avatar, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName, TextInput };
 
 }
 declare module '@agility/plenum-ui/stories/layouts/index' {
 
 }
 declare module '@agility/plenum-ui/stories/molecules/index' {
-  import { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch } from "@agility/plenum-ui/stories/molecules/inputs/index";
-  export type { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes };
-  export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch };
+  import { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch, ITextInputProps, TextInput } from "@agility/plenum-ui/stories/molecules/inputs/index";
+  export type { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes, ITextInputProps };
+  export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch, TextInput };
+
+}
+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' {
@@ -504,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";
@@ -612,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' {