@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
58 lines (56 loc) • 1.43 kB
JavaScript
const require_config = require('../../core/system/config.cjs');
const require_input_style = require('../input/input.style.cjs');
//#region src/components/textarea/textarea.style.ts
const textareaStyle = require_config.defineComponentStyle({
base: {
...require_input_style.inputStyle.base,
resize: "vertical"
},
variants: {
filled: require_input_style.inputStyle.variants?.filled,
flushed: require_input_style.inputStyle.variants?.flushed,
outline: require_input_style.inputStyle.variants?.outline,
plain: require_input_style.inputStyle.variants?.plain
},
sizes: {
xs: {
...require_input_style.inputStyle.sizes?.xs,
py: "{--space-y}"
},
sm: {
...require_input_style.inputStyle.sizes?.sm,
py: "{--space-y}"
},
md: {
...require_input_style.inputStyle.sizes?.md,
py: "{--space-y}"
},
lg: {
...require_input_style.inputStyle.sizes?.lg,
py: "{--space-y}"
},
xl: {
...require_input_style.inputStyle.sizes?.xl,
py: "{--space-y}"
},
"2xl": {
...require_input_style.inputStyle.sizes?.["2xl"],
py: "{--space-y}"
}
},
compounds: [{
css: {
...require_input_style.getInputPaddingStartResetStyle(),
...require_input_style.getInputPaddingEndResetStyle()
},
variant: "flushed",
layer: "variant"
}],
defaultProps: {
size: "md",
variant: "outline"
}
});
//#endregion
exports.textareaStyle = textareaStyle;
//# sourceMappingURL=textarea.style.cjs.map