react-magma-dom 2.5.7-next.4 → 2.5.7-next.5
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/dist/components/FormFieldContainer/FormFieldContainer.d.ts +2 -1
- package/dist/components/Input/Input.stories.d.ts +2 -0
- package/dist/components/InputBase/index.d.ts +2 -0
- package/dist/components/Label/index.d.ts +2 -1
- package/dist/esm/index.js +32 -11
- package/dist/esm/index.js.map +1 -1
- package/dist/properties.json +140 -84
- package/dist/react-magma-dom.cjs.development.js +32 -11
- package/dist/react-magma-dom.cjs.development.js.map +1 -1
- package/dist/react-magma-dom.cjs.production.min.js +1 -1
- package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { InputSize } from '../InputBase';
|
|
2
|
+
import { InputIconPosition, InputSize } from '../InputBase';
|
|
3
3
|
/**
|
|
4
4
|
* @children required
|
|
5
5
|
*/
|
|
@@ -47,6 +47,7 @@ export interface FormFieldContainerBaseProps {
|
|
|
47
47
|
* Relative size of the component
|
|
48
48
|
* @default InputSize.medium
|
|
49
49
|
*/
|
|
50
|
+
iconPosition?: InputIconPosition;
|
|
50
51
|
inputSize?: InputSize;
|
|
51
52
|
testId?: string;
|
|
52
53
|
isInverse?: boolean;
|
|
@@ -5,6 +5,8 @@ export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("
|
|
|
5
5
|
export declare const Error: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
|
|
6
6
|
export declare const Large: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
|
|
7
7
|
export declare const File: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
|
|
8
|
+
export declare const IconTop: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
|
|
9
|
+
export declare const IconTopLarge: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
|
|
8
10
|
export declare const IconLeft: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
|
|
9
11
|
export declare const IconLeftLarge: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
|
|
10
12
|
export declare const IconRight: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
|
|
@@ -14,6 +14,7 @@ export declare enum InputType {
|
|
|
14
14
|
text = "text"
|
|
15
15
|
}
|
|
16
16
|
export declare enum InputIconPosition {
|
|
17
|
+
top = "top",
|
|
17
18
|
left = "left",
|
|
18
19
|
right = "right"
|
|
19
20
|
}
|
|
@@ -87,6 +88,7 @@ export interface InputBaseProps extends React.InputHTMLAttributes<HTMLInputEleme
|
|
|
87
88
|
}
|
|
88
89
|
export interface InputWrapperStylesProps {
|
|
89
90
|
width?: string;
|
|
91
|
+
iconPosition?: InputIconPosition;
|
|
90
92
|
isInverse?: boolean;
|
|
91
93
|
isClearable?: boolean;
|
|
92
94
|
isPredictive?: boolean;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { InputSize } from '../InputBase';
|
|
2
|
+
import { InputIconPosition, InputSize } from '../InputBase';
|
|
3
3
|
export declare enum LabelPosition {
|
|
4
4
|
left = "left",
|
|
5
5
|
top = "top"
|
|
6
6
|
}
|
|
7
7
|
export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
8
8
|
actionable?: boolean;
|
|
9
|
+
iconPosition?: InputIconPosition;
|
|
9
10
|
isInverse?: boolean;
|
|
10
11
|
labelPosition?: LabelPosition;
|
|
11
12
|
size?: InputSize;
|