@yamada-ui/react/dist/esm/components/file-button/file-button.style.js

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { defineComponentStyle } from "../../core/system/config.js";
import { buttonStyle } from "../button/button.style.js";

//#region src/components/file-button/file-button.style.ts
const fileButtonStyle = defineComponentStyle({
	base: { "--error-border-color": "colors.border.error" },
	variants: {
		ghost: {
			...buttonStyle.variants?.ghost,
			_invalid: {
				borderColor: "{error-border-color}",
				borderWidth: "1px"
			}
		},
		outline: {
			...buttonStyle.variants?.outline,
			_invalid: { borderColor: "{error-border-color}" }
		},
		solid: {
			...buttonStyle.variants?.solid,
			_invalid: {
				borderColor: "{error-border-color}",
				borderWidth: "1px"
			}
		},
		subtle: {
			...buttonStyle.variants?.subtle,
			_invalid: {
				borderColor: "{error-border-color}",
				borderWidth: "1px"
			}
		},
		surface: {
			...buttonStyle.variants?.surface,
			_invalid: { borderColor: "{error-border-color}" }
		}
	},
	defaultProps: { variant: "solid" }
});

//#endregion
export { fileButtonStyle };
//# sourceMappingURL=file-button.style.js.map