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

package/dist/types/stories/molecules/inputs/InputCounter/InputCounter.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+export interface IInputCounterProps {
+    /** Counter limit */
+    limit: number | undefined;
+    /** Counter current number */
+    current: number;
+}
+/** Primary UI component for user interaction */
+declare const InputCounter: FC<IInputCounterProps>;
+export default InputCounter;

package/dist/types/stories/molecules/inputs/InputCounter/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './InputCounter';
+export * from './InputCounter';

package/dist/types/stories/molecules/inputs/TextInput/TextInput.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import { AcceptedInputTypes } from "../InputField";
+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;
+}
+declare const _TextInput: React.ForwardRefExoticComponent<ITextInputProps & React.RefAttributes<HTMLInputElement>>;
+export default _TextInput;

package/dist/types/stories/molecules/inputs/TextInput/index.d.ts

@@ -0,0 +1,4 @@
+import TextInput from "./TextInput";
+import { ITextInputProps } from "./TextInput";
+export type { ITextInputProps };
+export default TextInput;

package/dist/types/stories/molecules/inputs/index.d.ts

@@ -6,6 +6,7 @@ import NestedInputButton, { INestedInputButtonProps } from "./NestedInputButton"
 import Radio, { IRadioProps } from "./radio";
 import Select, { ISelectProps } from "./select";
 import TextAreaField, { ITextAreaFieldProps } from "./textArea";
+import TextInput, { ITextInputProps } from "./TextInput";
 import ToggleSwitch, { IToggleSwitchProps } from "./toggleSwitch";
-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 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agility/plenum-ui",
-	"version": "2.0.0-rc4",
+	"version": "2.0.0-rc5",
 	"license": "MIT",
 	"main": "dist/index.js",
 	"module": "dist/index.js",
@@ -17,7 +17,7 @@
 		"storybook:tw": "tailwindcss -o ./lib/tailwind.css -w ",
 		"storybook": "npm-run-all -p \"storybook:*\" ",
 		"dev": "yarn storybook",
-		"build:tw": "tailwindcss -o ./lib/tailwind.css",
+		"build:tw": "tailwindcss -o ./dist/lib/tailwind.css",
 		"build:tsc": "yarn node build.js",
 		"prepare": "yarn build",
 		"build": "npm run clean && npm-run-all -s \"build:*\" ",

package/stories/Introduction.mdx

@@ -143,7 +143,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/stories/molecules/inputs/TextInput/index.tsx

@@ -1,3 +1,5 @@
+import TextInput from "./TextInput"
+import { ITextInputProps } from "./TextInput"
 
-export { default } from './TextInput';
-export * from './TextInput';
+export type { ITextInputProps }
+export default TextInput

package/stories/molecules/inputs/index.ts

@@ -6,6 +6,7 @@ import NestedInputButton, { INestedInputButtonProps } from "./NestedInputButton"
 import Radio, { IRadioProps } from "./radio"
 import Select, { ISelectProps } from "./select"
 import TextAreaField, { ITextAreaFieldProps } from "./textArea"
+import TextInput, { ITextInputProps } from "./TextInput"
 import ToggleSwitch, { IToggleSwitchProps } from "./toggleSwitch"
 
 export type {
@@ -17,8 +18,20 @@ export type {
 	IRadioProps,
 	ISelectProps,
 	ITextAreaFieldProps,
+	ITextInputProps,
 	IToggleSwitchProps,
 	AcceptedInputTypes
 }
 
-export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch }
+export {
+	Checkbox,
+	Combobox,
+	InputField,
+	InputLabel,
+	NestedInputButton,
+	Radio,
+	Select,
+	TextAreaField,
+	ToggleSwitch,
+	TextInput
+}