@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
79 lines (77 loc) • 1.89 kB
JavaScript
const require_config = require('../../core/system/config.cjs');
//#region src/components/editable/editable.style.ts
const editableStyle = require_config.defineComponentSlotStyle({ base: {
control: {
alignItems: "start",
display: "inline-flex",
gap: "sm"
},
input: {
bg: "transparent",
focusRingColor: "{focus-border-color}",
focusVisibleRing: "inside",
fontSize: "inherit",
fontWeight: "inherit",
minH: "1lh",
p: "1",
rounded: "l2",
textAlign: "inherit",
transitionDuration: "moderate",
transitionProperty: "common",
w: "full",
_invalid: {
borderColor: "{error-border-color}",
focusRingColor: "{error-border-color}"
},
_disabled: { layerStyle: "disabled" }
},
preview: {
bg: "transparent",
cursor: "text",
display: "inline-block",
fontSize: "inherit",
fontWeight: "inherit",
minH: "1lh",
p: "1",
rounded: "l2",
textAlign: "inherit",
transitionDuration: "moderate",
transitionProperty: "common",
whiteSpace: "pre-line",
_hover: { bg: "bg.subtle" },
_readOnly: { pointerEvents: "none" },
_disabled: { layerStyle: "disabled" }
},
root: {
"--error-border-color": "colors.border.error",
"--focus-border-color": "colorScheme.outline",
alignItems: "start",
display: "inline-flex",
gap: "sm",
position: "relative",
w: "full"
},
textarea: {
bg: "transparent",
boxSizing: "content-box",
focusRingColor: "{focus-border-color}",
focusVisibleRing: "inside",
fontSize: "inherit",
fontWeight: "inherit",
minH: "1lh",
p: "1",
rounded: "l2",
textAlign: "inherit",
transitionDuration: "moderate",
transitionProperty: "common",
w: "full",
_invalid: {
borderColor: "{error-border-color}",
focusRingColor: "{error-border-color}"
},
_disabled: { layerStyle: "disabled" }
}
} });
//#endregion
exports.editableStyle = editableStyle;
//# sourceMappingURL=editable.style.cjs.map