@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
43 lines (41 loc) • 1.2 kB
JavaScript
const require_config = require('../../core/system/config.cjs');
const require_button_style = require('../button/button.style.cjs');
//#region src/components/file-button/file-button.style.ts
const fileButtonStyle = require_config.defineComponentStyle({
base: { "--error-border-color": "colors.border.error" },
variants: {
ghost: {
...require_button_style.buttonStyle.variants?.ghost,
_invalid: {
borderColor: "{error-border-color}",
borderWidth: "1px"
}
},
outline: {
...require_button_style.buttonStyle.variants?.outline,
_invalid: { borderColor: "{error-border-color}" }
},
solid: {
...require_button_style.buttonStyle.variants?.solid,
_invalid: {
borderColor: "{error-border-color}",
borderWidth: "1px"
}
},
subtle: {
...require_button_style.buttonStyle.variants?.subtle,
_invalid: {
borderColor: "{error-border-color}",
borderWidth: "1px"
}
},
surface: {
...require_button_style.buttonStyle.variants?.surface,
_invalid: { borderColor: "{error-border-color}" }
}
},
defaultProps: { variant: "solid" }
});
//#endregion
exports.fileButtonStyle = fileButtonStyle;
//# sourceMappingURL=file-button.style.cjs.map