react-magma-dom 4.7.0-next.29 → 4.7.0-next.30
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/InputBase/index.d.ts +20 -0
- package/dist/esm/index.js +140 -118
- package/dist/esm/index.js.map +1 -1
- package/dist/properties.json +155 -83
- package/dist/react-magma-dom.cjs.development.js +139 -117
- 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
|
@@ -2,6 +2,7 @@ import { ReferenceType } from '@floating-ui/react-dom/dist/floating-ui.react-dom
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { IconProps } from 'react-magma-icons';
|
|
4
4
|
import { ThemeInterface } from '../../theme/magma';
|
|
5
|
+
import { LabelPosition } from '../Label';
|
|
5
6
|
export declare enum InputSize {
|
|
6
7
|
large = "large",
|
|
7
8
|
medium = "medium"
|
|
@@ -138,6 +139,16 @@ export interface InputBaseProps extends React.InputHTMLAttributes<HTMLInputEleme
|
|
|
138
139
|
* @default "auto"
|
|
139
140
|
*/
|
|
140
141
|
width?: string;
|
|
142
|
+
/**
|
|
143
|
+
* Position within the component for the label to appear
|
|
144
|
+
* @default LabelPosition.top
|
|
145
|
+
*/
|
|
146
|
+
labelPosition?: LabelPosition;
|
|
147
|
+
/**
|
|
148
|
+
* If true, label text will be hidden visually, but will still be read by assistive technology
|
|
149
|
+
* @default false
|
|
150
|
+
*/
|
|
151
|
+
isLabelVisuallyHidden?: boolean;
|
|
141
152
|
}
|
|
142
153
|
export interface InputWrapperStylesProps {
|
|
143
154
|
width?: string;
|
|
@@ -177,4 +188,13 @@ export declare const IconButtonContainer: import("@emotion/styled").StyledCompon
|
|
|
177
188
|
isClickable?: boolean;
|
|
178
189
|
hasChildren?: boolean;
|
|
179
190
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
191
|
+
export declare const HelpLinkContainer: import("@emotion/styled").StyledComponent<{
|
|
192
|
+
theme?: import("@emotion/react").Theme;
|
|
193
|
+
as?: React.ElementType<any>;
|
|
194
|
+
} & {
|
|
195
|
+
labelPosition?: LabelPosition;
|
|
196
|
+
inputSize?: InputSize;
|
|
197
|
+
theme: ThemeInterface;
|
|
198
|
+
isLabelVisuallyHidden?: boolean;
|
|
199
|
+
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
180
200
|
export declare const InputBase: React.ForwardRefExoticComponent<InputBaseProps & React.RefAttributes<HTMLInputElement>>;
|