
package.dist.cjs.theme.recipes.rating-group.cjs Maven / Gradle / Ivy
"use strict";
'use strict';
var anatomy = require('../../anatomy.cjs');
var config = require('../../styled-system/config.cjs');
const ratingGroupSlotRecipe = config.defineSlotRecipe({
className: "chakra-rating-group",
slots: anatomy.ratingGroupAnatomy.keys(),
base: {
root: {
display: "inline-flex"
},
control: {
display: "inline-flex",
alignItems: "center"
},
item: {
display: "inline-flex",
alignItems: "center",
justifyContent: "center",
userSelect: "none"
},
itemIndicator: {
display: "inline-flex",
alignItems: "center",
justifyContent: "center",
width: "1em",
height: "1em",
position: "relative",
_icon: {
stroke: "currentColor",
width: "100%",
height: "100%",
display: "inline-block",
flexShrink: 0,
position: "absolute",
left: 0,
top: 0
},
"& [data-bg]": {
color: "bg.emphasized"
},
"& [data-fg]": {
color: "transparent"
},
"&[data-highlighted]:not([data-half])": {
"& [data-fg]": {
color: "colorPalette.solid"
}
},
"&[data-half]": {
"& [data-fg]": {
color: "colorPalette.solid",
clipPath: "inset(0 50% 0 0)"
}
}
}
},
variants: {
size: {
xs: {
item: {
textStyle: "sm"
}
},
sm: {
item: {
textStyle: "md"
}
},
md: {
item: {
textStyle: "xl"
}
},
lg: {
item: {
textStyle: "2xl"
}
}
}
},
defaultVariants: {
size: "md"
}
});
exports.ratingGroupSlotRecipe = ratingGroupSlotRecipe;
© 2015 - 2025 Weber Informatics LLC | Privacy Policy