59 lines
1.2 KiB
JavaScript
59 lines
1.2 KiB
JavaScript
// src/components/close-button.ts
|
|
import { defineStyle, defineStyleConfig } from "@chakra-ui/styled-system";
|
|
import { cssVar } from "@chakra-ui/theme-tools";
|
|
var $size = cssVar("close-button-size");
|
|
var $bg = cssVar("close-button-bg");
|
|
var baseStyle = defineStyle({
|
|
w: [$size.reference],
|
|
h: [$size.reference],
|
|
borderRadius: "md",
|
|
transitionProperty: "common",
|
|
transitionDuration: "normal",
|
|
_disabled: {
|
|
opacity: 0.4,
|
|
cursor: "not-allowed",
|
|
boxShadow: "none"
|
|
},
|
|
_hover: {
|
|
[$bg.variable]: "colors.blackAlpha.100",
|
|
_dark: {
|
|
[$bg.variable]: "colors.whiteAlpha.100"
|
|
}
|
|
},
|
|
_active: {
|
|
[$bg.variable]: "colors.blackAlpha.200",
|
|
_dark: {
|
|
[$bg.variable]: "colors.whiteAlpha.200"
|
|
}
|
|
},
|
|
_focusVisible: {
|
|
boxShadow: "outline"
|
|
},
|
|
bg: $bg.reference
|
|
});
|
|
var sizes = {
|
|
lg: defineStyle({
|
|
[$size.variable]: "sizes.10",
|
|
fontSize: "md"
|
|
}),
|
|
md: defineStyle({
|
|
[$size.variable]: "sizes.8",
|
|
fontSize: "xs"
|
|
}),
|
|
sm: defineStyle({
|
|
[$size.variable]: "sizes.6",
|
|
fontSize: "2xs"
|
|
})
|
|
};
|
|
var closeButtonTheme = defineStyleConfig({
|
|
baseStyle,
|
|
sizes,
|
|
defaultProps: {
|
|
size: "md"
|
|
}
|
|
});
|
|
|
|
export {
|
|
closeButtonTheme
|
|
};
|
|
//# sourceMappingURL=chunk-OB7MMEC3.mjs.map
|