@aplus-frontend/ui
Version:
61 lines (60 loc) • 1.48 kB
JavaScript
import { genComponentStyleHook as l } from "../../../utils/cssinjs/index.mjs";
const i = (n) => {
const { componentCls: o, namespace: t, spaceXS: r, motionDurationSlow: e } = n, a = `.${t}-action-item`;
return {
[o]: {
[a]: {
fontSize: n.fontSize
},
[`${o}__expandText`]: {
fontSize: n.fontSize,
marginInline: r
},
[`${o}__expandIcon`]: {
transition: `all ${e}`,
transform: "rotateZ(180deg)"
},
[`${o}__collapseIcon`]: {
transition: `all ${e}`,
transform: "rotateZ(0deg)"
},
[`${o}__prefix`]: {
display: "inline-block"
},
[`${o}__showItem`]: {
color: n.colorLink,
cursor: "pointer",
whiteSpace: "nowrap",
"&:hover": {
color: n.colorLinkHover
}
},
[`${o}__spliter`]: {
color: n.borderColorBase,
paddingInline: n.space,
paddingBlock: 0
},
[`${o}__antAlert.ant-alert`]: {
alignItems: "flex-start",
lineHeight: n.lineHeight,
".ant-alert-icon": {
fontSize: n.fontSizeLG,
transform: "translateY(2px)",
display: "block"
}
},
".card-alert": {
backgroundColor: "transparent !important",
border: "none"
},
".ant-alert-close-icon": {
lineHeight: "unset"
}
}
};
}, c = l("ApExpandAlert", (n) => [
i(n)
]);
export {
c as default
};