@undp/design-system-react
Version:
React based design system for UNDP
57 lines (56 loc) • 1.79 kB
JavaScript
import { t as e } from "./utils-ca9as9Ye.js";
import { t } from "./dist-CQzJbxrW.js";
import { jsx as n } from "react/jsx-runtime";
//#region src/components/ui/badge.tsx
var r = t("inline-flex items-center border-1 px-2.5 py-0.5 font-normal transition-colors focus:outline-hidden", {
variants: {
variant: {
"surface-sm": "border-transparent bg-surface-sm text-content-primary",
surface: "border-transparent bg-surface-md text-content-primary",
"surface-xl": "border-transparent bg-surface-xl text-content-reverse",
primary: "border-transparent bg-primary-light text-content-primary",
secondary: "border-transparent bg-secondary-light text-content-primary",
tertiary: "border-transparent bg-tertiary-light text-content-primary",
quaternary: "border-transparent bg-quaternary-light text-content-primary",
warning: "border-transparent bg-warning-light text-content-primary",
success: "border-transparent bg-success-light text-content-primary",
error: "border-transparent bg-error-light text-content-primary",
info: "border-transparent bg-info-light text-content-primary",
outline: "border-stroke text-content-secondary"
},
rounded: {
base: "rounded",
sm: "rounded-sm",
md: "rounded-md",
lg: "rounded-lg",
xl: "rounded-xl",
"2xl": "rounded-2xl",
full: "rounded-full"
},
size: {
base: "text-base",
sm: "text-sm",
xs: "text-xs",
lg: "text-lg",
xl: "text-xl"
}
},
defaultVariants: {
variant: "surface-sm",
size: "base",
rounded: "full"
}
});
function i({ className: t, rounded: i, variant: a, size: o, ...s }) {
return /* @__PURE__ */ n("div", {
...s,
className: e(r({
variant: a,
rounded: i,
size: o
}), t)
});
}
//#endregion
export { i as Badge };
//# sourceMappingURL=Badge.js.map