144 lines
3.9 KiB
TypeScript
144 lines
3.9 KiB
TypeScript
/**
|
|
*
|
|
* InputText renders a text field to enter data.
|
|
*
|
|
* [Live Demo](https://www.primevue.org/inputtext/)
|
|
*
|
|
* @module nora/inputtext
|
|
*
|
|
*/
|
|
import { ColorSchemeDesignToken } from '..';
|
|
|
|
export interface InputTextDesignTokens extends ColorSchemeDesignToken<InputTextDesignTokens> {
|
|
/**
|
|
* Used to pass tokens of the root section
|
|
*/
|
|
root?: {
|
|
/**
|
|
* Background of an input field
|
|
*
|
|
* @designToken inputtext.background
|
|
*/
|
|
background?: string;
|
|
/**
|
|
* Background of an input field when disabled
|
|
*
|
|
* @designToken inputtext.disabled.background
|
|
*/
|
|
disabledBackground?: string;
|
|
/**
|
|
* Background of an input field when filled mode
|
|
*
|
|
* @designToken inputtext.filled.background
|
|
*/
|
|
filledBackground?: string;
|
|
/**
|
|
* Background of an input field on the focus state of filled mode
|
|
*
|
|
* @designToken inputtext.filled.focus.background
|
|
*/
|
|
filledFocusBackground?: string;
|
|
/**
|
|
* Border color of an input field
|
|
*
|
|
* @designToken inputtext.border.color
|
|
*/
|
|
borderColor?: string;
|
|
/**
|
|
* Border color of an input field on the hover state
|
|
*
|
|
* @designToken inputtext.hover.border.color
|
|
*/
|
|
hoverBorderColor?: string;
|
|
/**
|
|
* Border color of an input field on the focus state
|
|
*
|
|
* @designToken inputtext.focus.border.color
|
|
*/
|
|
focusBorderColor?: string;
|
|
/**
|
|
* Border color of an input field when invalid
|
|
*
|
|
* @designToken inputtext.invalid.border.color
|
|
*/
|
|
invalidBorderColor?: string;
|
|
/**
|
|
* Color of an input field
|
|
*
|
|
* @designToken inputtext.color
|
|
*/
|
|
color?: string;
|
|
/**
|
|
* Color of an input field when disabled
|
|
*
|
|
* @designToken inputtext.disabled.color
|
|
*/
|
|
disabledColor?: string;
|
|
/**
|
|
* Placeholder color of an input field
|
|
*
|
|
* @designToken inputtext.placeholder.color
|
|
*/
|
|
placeholderColor?: string;
|
|
/**
|
|
* Shadow of an input field
|
|
*
|
|
* @designToken inputtext.shadow
|
|
*/
|
|
shadow?: string;
|
|
/**
|
|
* Padding right and left of an input field
|
|
*
|
|
* @designToken inputtext.padding.x
|
|
*/
|
|
paddingX?: string;
|
|
/**
|
|
* Padding top and bottom of an input field
|
|
*
|
|
* @designToken inputtext.padding.y
|
|
*/
|
|
paddingY?: string;
|
|
/**
|
|
* Border radius of an input field
|
|
*
|
|
* @designToken inputtext.border.radius
|
|
*/
|
|
borderRadius?: string;
|
|
/**
|
|
* Outline of an input field on the focus state
|
|
*/
|
|
focusRing?: {
|
|
/**
|
|
* Outline width of an input field on the focus state
|
|
*
|
|
* @designToken inputtext.focus.ring.width
|
|
*/
|
|
width?: string;
|
|
/**
|
|
* Outline style of an input field on the focus state
|
|
*
|
|
* @designToken inputtext.focus.ring.style
|
|
*/
|
|
style?: string;
|
|
/**
|
|
* Outline color of an input field on the focus state
|
|
*
|
|
* @designToken inputtext.focus.ring.color
|
|
*/
|
|
color?: string;
|
|
/**
|
|
* Outline offset of an input field on the focus state
|
|
*
|
|
* @designToken inputtext.focus.ring.offset
|
|
*/
|
|
offset?: string;
|
|
/**
|
|
* Shadow of an input field on the focus state
|
|
*
|
|
* @designToken inputtext.focus.ring.shadow
|
|
*/
|
|
shadow?: string;
|
|
};
|
|
};
|
|
}
|