@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
40 lines (39 loc) • 4.41 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "partyFilled";
const PartyFilledIcon = ({ color, size = 24, contained = false, className })=>{
const computedClassName = classnames(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
[`c-fill-${camelize(color || "")}`]: color,
"cobalt-Icon--size16": 16 === size,
"cobalt-Icon--size20": 20 === size,
"cobalt-Icon--size32": 32 === size,
"cobalt-Icon--contained": contained
});
return /*#__PURE__*/ jsx("span", {
className: computedClassName,
children: /*#__PURE__*/ jsxs("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24",
children: [
/*#__PURE__*/ jsx("title", {
children: iconSource
}),
/*#__PURE__*/ jsx("path", {
d: "M7.102 20.272 2.92 22.064C2.64 22.184 2.315 22.122 2.098 21.908 1.88 21.693 1.816 21.368 1.933 21.086L3.693 16.863zM11.565 18.36 8.215 19.794 4.16 15.74 5.567 12.363zM9.334 6.787C9.825 6.823 10.358 6.992 10.888 7.237Q11.093 7.334 11.305 7.448C11.119 7.837 11.012 8.227 10.948 8.565Q10.914 8.752 10.893 8.937 10.562 8.74 10.256 8.597C9.82 8.397 9.472 8.302 9.226 8.284 9.108 8.274 9.032 8.286 8.99 8.298Q8.959 8.306 8.953 8.312 8.948 8.313 8.948 8.314L8.943 8.321Q8.938 8.328 8.93 8.357C8.917 8.399 8.907 8.475 8.915 8.594 8.933 8.84 9.027 9.19 9.23 9.624 9.632 10.493 10.39 11.558 11.423 12.59S13.522 14.38 14.39 14.783C14.825 14.986 15.174 15.081 15.419 15.098 15.54 15.107 15.614 15.095 15.656 15.084Q15.686 15.075 15.692 15.07 15.695 15.07 15.697 15.067L15.699 15.065 15.702 15.061Q15.707 15.053 15.715 15.025C15.727 14.983 15.74 14.906 15.73 14.787 15.714 14.54 15.618 14.193 15.416 13.757 15.235 13.368 14.98 12.941 14.665 12.493 15.371 13.112 16.166 13.599 17.038 13.816L17.047 13.817C17.142 14.112 17.207 14.402 17.227 14.68 17.26 15.17 17.166 15.72 16.757 16.127 16.451 16.434 16.065 16.563 15.684 16.594L12.678 17.882 6.035 11.24 7.558 7.586 7.6 7.502C7.683 7.358 7.81 7.245 7.963 7.182 8.363 6.835 8.875 6.754 9.333 6.787M22.606 15.549 21.645 16.7 19.395 14.826 20.355 13.674z"
}),
/*#__PURE__*/ jsx("path", {
fillRule: "evenodd",
d: "M17.79 2.598C19.052 2.598 20.193 3.349 20.941 3.975 21.332 4.3 21.652 4.626 21.875 4.868 21.989 4.99 22.077 5.093 22.139 5.166L22.21 5.252Q22.223 5.268 22.23 5.278L22.237 5.285 22.238 5.287V5.29L21.65 5.752 21.06 6.215 21.058 6.212 21.045 6.198 20.99 6.132C20.94 6.074 20.868 5.988 20.773 5.884 20.58 5.676 20.307 5.4 19.979 5.124 19.29 4.55 18.5 4.099 17.789 4.099 17.007 4.098 16.533 4.362 16.194 4.723 15.827 5.113 15.577 5.657 15.354 6.288Q15.523 6.273 15.694 6.268C16.7 6.253 17.777 6.572 18.554 7.349 19.234 8.028 19.751 8.878 19.982 9.688 20.2 10.451 20.226 11.455 19.48 12.083 18.881 12.586 18.131 12.733 17.355 12.54 16.61 12.357 15.864 11.868 15.145 11.15 14.438 10.442 14.013 9.596 13.808 8.74Q13.75 8.886 13.713 9.084C13.65 9.413 13.646 9.795 13.675 10.177 13.703 10.555 13.763 10.907 13.817 11.166 13.843 11.294 13.867 11.398 13.885 11.468L13.905 11.547 13.91 11.565 13.911 11.568 13.19 11.773 12.468 11.977V11.976L12.467 11.973 12.464 11.964 12.457 11.934Q12.446 11.898 12.43 11.833C12.408 11.744 12.379 11.62 12.347 11.468 12.285 11.168 12.214 10.75 12.18 10.29 12.145 9.834 12.144 9.31 12.239 8.807 12.333 8.31 12.532 7.766 12.95 7.347 13.173 7.126 13.428 6.938 13.704 6.785 13.749 6.437 13.827 6.106 13.934 5.803 14.172 5.129 14.507 4.326 15.102 3.694 15.727 3.03 16.597 2.598 17.79 2.598M15.72 7.768Q15.438 7.774 15.175 7.828C15.246 8.618 15.56 9.443 16.205 10.088 16.817 10.698 17.333 10.99 17.717 11.085 18.07 11.173 18.316 11.101 18.514 10.935 18.564 10.891 18.706 10.681 18.539 10.1 18.387 9.565 18.017 8.933 17.493 8.41 17.066 7.98 16.415 7.756 15.721 7.769",
clipRule: "evenodd"
}),
/*#__PURE__*/ jsx("path", {
d: "M23.261 8.518 21.386 9.643 20.614 8.357 22.49 7.232zM11.994 5.157 10.506 5.343 10.131 2.343 11.62 2.157z"
})
]
})
});
};
const _generated_PartyFilledIcon = PartyFilledIcon;
export default _generated_PartyFilledIcon;
//# sourceMappingURL=PartyFilledIcon.js.map