@agility/plenum-ui 2.0.0-rc11 → 2.0.0-rc12

package/dist/index.d.ts

@@ -402,9 +402,9 @@ 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, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, TextInput, ITextInputProps, ISimpleSelectOptions } from "@agility/plenum-ui/stories/molecules/index";
-  import { IAnimatedLabelInputProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect, ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/index";
-  export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, ITextInputSelectProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, IAnimatedLabelInputProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, UnifiedIconName, IconName, FAIconName, BTNActionType, ITextInputProps, ISimpleSelectOptions };
-  export { Avatar, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName, TextInput, TextInputSelect };
+  import { IAnimatedLabelInputProps, AnimatedLabelTextArea, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect, ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/index";
+  export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, ITextInputSelectProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, IAnimatedLabelInputProps, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, UnifiedIconName, IconName, FAIconName, BTNActionType, ITextInputProps, ISimpleSelectOptions };
+  export { Avatar, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, AnimatedLabelInput, AnimatedLabelTextArea, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName, TextInput, TextInputSelect };
 
 }
 declare module '@agility/plenum-ui/stories/layouts/index' {
@@ -437,13 +437,13 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/InputCounter/index'
 declare module '@agility/plenum-ui/stories/molecules/inputs/InputField/InputField' {
   import React from "react";
   export type AcceptedInputTypes = "date" | "datetime-local" | "email" | "month" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url" | "currency";
-  export interface IInputFieldProps extends React.ComponentPropsWithoutRef<"input"> {
+  export interface IInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
       /** Callback on change */
       handleChange: (value: string) => void;
       /** Input ID*/
-      id: string;
+      id?: string;
       /** Input Name */
-      name: string;
+      name?: string;
       /** Force the focus state on the input */
       isFocused?: boolean;
       /** Error condition */
@@ -460,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;
+      /** Placeholder text */
+      placeholder?: string;
       /**ref for input */
       ref?: React.Ref<HTMLInputElement>;
   }
@@ -831,19 +833,21 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/textArea/index' {
 declare module '@agility/plenum-ui/stories/molecules/inputs/toggleSwitch/ToggleSwitch' {
   import React from "react";
   import { IDynamicIconProps } from "@/stories/atoms";
+  interface ToggleSwitchLabel {
+      text: string | JSX.Element;
+      className?: string;
+      xPosition?: "left" | "right";
+  }
   export interface IToggleSwitchProps {
       isChecked: boolean;
       onChange: (isChecked: boolean) => void;
-      label?: {
-          text: string | JSX.Element;
-          className?: string;
-          xPosition?: "left" | "right";
-      };
-      screenReaderLabel: string;
+      label?: ToggleSwitchLabel;
+      screenReaderLabel?: string;
       name: string;
       id: string;
-      variant: "base" | "short";
+      variant?: "base" | "short";
       withIcon?: IDynamicIconProps;
+      disabled?: boolean;
   }
   const ToggleSwitch: React.FC<IToggleSwitchProps>;
   export default ToggleSwitch;
@@ -858,16 +862,13 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/toggleSwitch/index'
 declare module '@agility/plenum-ui/stories/organisms/AnimatedLabelInput/AnimatedLabelInput' {
   import React from "react";
   import { IInputFieldProps } from "@/stories/molecules/inputs/InputField";
-  import { ITextareaProps } from "@/stories/molecules/inputs/textArea/TextArea";
   interface ILabelProps extends React.ComponentPropsWithoutRef<"label"> {
       display: string;
   }
-  export interface IAnimatedLabelInputProps {
+  export interface IAnimatedLabelInputProps extends IInputFieldProps {
       id: string;
       containerStyles?: string;
       message?: string;
-      input?: IInputFieldProps;
-      textarea?: ITextareaProps;
       required?: boolean;
       isError?: boolean;
       label: ILabelProps;
@@ -881,6 +882,27 @@ declare module '@agility/plenum-ui/stories/organisms/AnimatedLabelInput/index' {
   export type { IAnimatedLabelInputProps };
   export default AnimatedLabelInput;
 
+}
+declare module '@agility/plenum-ui/stories/organisms/AnimatedLabelTextArea/AnimatedLabelTextArea' {
+  import React from "react";
+  import { ITextareaProps } from "@/stories/molecules/inputs/textArea";
+  export interface IAnimatedLabelTextAreaProps extends ITextareaProps {
+      id: string;
+      containerStyles?: string;
+      message?: string;
+      required?: boolean;
+      isError?: boolean;
+      handleChange: (value: string) => void;
+  }
+  const AnimatedLabelTextArea: React.FC<IAnimatedLabelTextAreaProps>;
+  export default AnimatedLabelTextArea;
+
+}
+declare module '@agility/plenum-ui/stories/organisms/AnimatedLabelTextArea/index' {
+  import AnimatedLabelTextArea, { IAnimatedLabelTextAreaProps } from "@agility/plenum-ui/stories/organisms/AnimatedLabelTextArea/AnimatedLabelTextArea";
+  export type { IAnimatedLabelTextAreaProps };
+  export default AnimatedLabelTextArea;
+
 }
 declare module '@agility/plenum-ui/stories/organisms/ButtonDropdown/ButtonDropdown' {
   import { FC } from "react";
@@ -1093,13 +1115,14 @@ declare module '@agility/plenum-ui/stories/organisms/TextInputSelect/index' {
 }
 declare module '@agility/plenum-ui/stories/organisms/index' {
   import AnimatedLabelInput, { IAnimatedLabelInputProps } from "@agility/plenum-ui/stories/organisms/AnimatedLabelInput/index";
+  import AnimatedLabelTextArea, { IAnimatedLabelTextAreaProps } from "@agility/plenum-ui/stories/organisms/AnimatedLabelTextArea/index";
   import ButtonDropdown, { IButtonDropdownProps } from "@agility/plenum-ui/stories/organisms/ButtonDropdown/index";
   import Dropdown, { IDropdownClassnames, IDropdownProps, IItemProp } from "@agility/plenum-ui/stories/organisms/DropdownComponent/index";
   import EmptySectionPlaceholder, { IEmptySectionPlaceholderProps } from "@agility/plenum-ui/stories/organisms/EmptySectionPlaceholder/index";
   import FormInputWithAddons, { IFormInputWithAddonsProps } from "@agility/plenum-ui/stories/organisms/FormInputWithAddons/index";
   import TextInputSelect, { ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/TextInputSelect/index";
-  export type { IAnimatedLabelInputProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, ITextInputSelectProps };
-  export { AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect };
+  export type { IAnimatedLabelInputProps, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, ITextInputSelectProps };
+  export { AnimatedLabelInput, AnimatedLabelTextArea, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect };
 
 }
 declare module '@agility/plenum-ui/utils/types' {