@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
68 lines (66 loc) • 1.12 kB
JavaScript
const require_config = require('../../core/system/config.cjs');
//#region src/components/heading/heading.style.ts
const headingStyle = require_config.defineComponentStyle({
base: {
fontFamily: "heading",
fontWeight: "semibold"
},
sizes: {
xs: { fontSize: {
base: "xs",
sm: "2xs"
} },
sm: { fontSize: {
base: "sm",
sm: "xs"
} },
md: { fontSize: {
base: "md",
sm: "sm"
} },
lg: { fontSize: {
base: "lg",
sm: "md"
} },
xl: { fontSize: {
base: "xl",
sm: "lg"
} },
"2xl": { fontSize: {
base: "2xl",
sm: "xl"
} },
"3xl": { fontSize: {
base: "3xl",
sm: "2xl"
} },
"4xl": { fontSize: {
base: "4xl",
sm: "3xl"
} },
"5xl": { fontSize: {
base: "5xl",
sm: "4xl"
} },
"6xl": { fontSize: {
base: "6xl",
sm: "5xl"
} },
"7xl": { fontSize: {
base: "7xl",
sm: "6xl"
} },
"8xl": { fontSize: {
base: "8xl",
sm: "7xl"
} },
"9xl": { fontSize: {
base: "9xl",
sm: "8xl"
} }
},
defaultProps: { size: "4xl" }
});
//#endregion
exports.headingStyle = headingStyle;
//# sourceMappingURL=heading.style.cjs.map