@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
73 lines (71 loc) • 2 kB
JavaScript
const require_config = require('../../core/system/config.cjs');
//#region src/components/group/group.style.ts
const groupStyle = require_config.defineComponentStyle({
base: {
"& > *": { _focusVisible: { zIndex: "yamcha" } },
display: "inline-flex",
gap: "sm",
isolation: "isolate",
justifyContent: "start",
position: "relative"
},
props: {
attached: { true: { gap: "0px !important" } },
grow: { true: {
"& > *": { flex: 1 },
display: "flex"
} },
orientation: {
horizontal: { flexDirection: "row" },
vertical: { flexDirection: "column" }
},
stacking: {
"first-on-top": { "& > *": { zIndex: "calc({--group-count} - {--group-index})" } },
"last-on-top": { "& > *": { zIndex: "{--group-index}" } }
}
},
compounds: [{
css: {
"& > *[data-group-between]": {
"& > *[data-group-propagate]": {
borderRightWidth: "0px !important",
rounded: "0px !important"
},
borderRightWidth: "0px !important",
rounded: "0px !important"
},
"& > *[data-group-end]:not([data-group-start])": {
"& > *[data-group-propagate]": { roundedLeft: "0px !important" },
roundedLeft: "0px !important"
},
"& > *[data-group-start]:not([data-group-end])": {
"& > *[data-group-propagate]": {
borderRightWidth: "0px !important",
roundedRight: "0px !important"
},
borderRightWidth: "0px !important",
roundedRight: "0px !important"
}
},
attached: true,
orientation: "horizontal"
}, {
css: {
"& > *[data-group-between]": {
borderTopWidth: "0px !important",
rounded: "0px !important"
},
"& > *[data-group-end]:not([data-group-start])": {
borderTopWidth: "0px !important",
roundedTop: "0px !important"
},
"& > *[data-group-start]:not([data-group-end])": { roundedBottom: "0px !important" }
},
attached: true,
orientation: "vertical"
}],
defaultProps: { orientation: "horizontal" }
});
//#endregion
exports.groupStyle = groupStyle;
//# sourceMappingURL=group.style.cjs.map