@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
57 lines (55 loc) • 1.4 kB
JavaScript
import { visuallyHiddenAttributes } from "../../utils/dom.js";
import { defineStyles } from "../../core/system/config.js";
//#region src/theme/styles/layer-styles.ts
const layerStyles = defineStyles.layerStyle({
active: { opacity: 1 },
disabled: {
cursor: "not-allowed",
opacity: .4,
_ripple: { display: "none" }
},
ghost: {
bg: "transparent",
border: "1px solid transparent",
color: "colorScheme.outline"
},
"ghost.hover": { bg: "colorScheme.ghost" },
hover: { opacity: .8 },
outline: {
bg: "transparent",
border: "1px solid {colorScheme.muted}",
color: "colorScheme.outline"
},
"outline.hover": { bg: "colorScheme.ghost" },
panel: {
bg: "bg.panel",
borderColor: "border",
borderWidth: "1px"
},
readOnly: {
cursor: "default",
_ripple: { display: "none" }
},
solid: {
bg: "colorScheme.solid",
border: "1px solid transparent",
color: "colorScheme.contrast"
},
"solid.hover": { bg: "colorScheme.solid/80" },
subtle: {
bg: "colorScheme.subtle",
border: "1px solid transparent",
color: "colorScheme.fg"
},
"subtle.hover": { bg: "colorScheme.muted" },
surface: {
bg: "colorScheme.subtle",
border: "1px solid {colorScheme.muted}",
color: "colorScheme.fg"
},
"surface.hover": { bg: "colorScheme.muted" },
visuallyHidden: visuallyHiddenAttributes.style
});
//#endregion
export { layerStyles };
//# sourceMappingURL=layer-styles.js.map