@agility/plenum-ui 2.0.2 → 2.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/Layout.jsx +3 -3
- package/dist/index.d.ts +3 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +3 -3
- package/dist/tailwind.css +1 -9
- package/dist/types/stories/organisms/AnimatedLabelInput/AnimatedLabelInput.d.ts +1 -0
- package/dist/types/stories/organisms/FormInputWithAddons/FormInputWithAddons.d.ts +2 -0
- package/package.json +1 -1
- package/stories/molecules/inputs/InputLabel/InputLabel.tsx +6 -6
- package/stories/molecules/inputs/NestedInputButton/NestedInputButton.tsx +2 -2
- package/stories/organisms/AnimatedLabelInput/AnimatedLabelInput.stories.tsx +19 -32
- package/stories/organisms/AnimatedLabelInput/AnimatedLabelInput.tsx +4 -2
- package/stories/organisms/FormInputWithAddons/FormInputWithAddons.stories.tsx +19 -0
- package/stories/organisms/FormInputWithAddons/FormInputWithAddons.tsx +8 -0
- package/tailwind.config.js +2 -2
package/.storybook/Layout.jsx
CHANGED
|
@@ -2,11 +2,11 @@ import React from "react"
|
|
|
2
2
|
import "../lib/tailwind.css"
|
|
3
3
|
|
|
4
4
|
const Layout = ({ children }) => {
|
|
5
|
-
|
|
5
|
+
return (
|
|
6
6
|
<div className="p5 min-w-[320px] font-mulish">
|
|
7
|
-
<div className="flex items-center justify-center">{children}</div>
|
|
7
|
+
<div className="flex items-center w-full justify-center">{children}</div>
|
|
8
8
|
</div>
|
|
9
|
-
|
|
9
|
+
)
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
export default Layout
|
package/dist/index.d.ts
CHANGED
|
@@ -861,6 +861,7 @@ declare module '@agility/plenum-ui/stories/organisms/AnimatedLabelInput/Animated
|
|
|
861
861
|
maxLength?: number;
|
|
862
862
|
label: ILabelProps;
|
|
863
863
|
handleChange: (value: string) => void;
|
|
864
|
+
labelClassName?: string;
|
|
864
865
|
}
|
|
865
866
|
const AnimatedLabelInput: React.FC<IAnimatedLabelInputProps>;
|
|
866
867
|
export default AnimatedLabelInput;
|
|
@@ -1013,6 +1014,7 @@ declare module '@agility/plenum-ui/stories/organisms/FormInputWithAddons/FormInp
|
|
|
1013
1014
|
import { IDynamicIconProps } from "@/stories/atoms/icons";
|
|
1014
1015
|
import React from "react";
|
|
1015
1016
|
import { IInputFieldProps, AcceptedInputTypes } from "@/stories/molecules/inputs/InputField";
|
|
1017
|
+
import { INestedInputButtonProps } from "@/stories/molecules/inputs/NestedInputButton";
|
|
1016
1018
|
export interface IFormInputWithAddonsProps extends Omit<IInputFieldProps, "type"> {
|
|
1017
1019
|
leadIcon?: IDynamicIconProps;
|
|
1018
1020
|
leadLabel?: string;
|
|
@@ -1028,6 +1030,7 @@ declare module '@agility/plenum-ui/stories/organisms/FormInputWithAddons/FormInp
|
|
|
1028
1030
|
leadIconClassNames?: string;
|
|
1029
1031
|
customIconClass?: string;
|
|
1030
1032
|
type: AcceptedInputTypes;
|
|
1033
|
+
addonBTN?: INestedInputButtonProps;
|
|
1031
1034
|
}
|
|
1032
1035
|
const FormInputWithAddons: React.FC<IFormInputWithAddonsProps>;
|
|
1033
1036
|
export default FormInputWithAddons;
|