@edifice.io/react 2.5.4-develop-pedago.20260108110738 → 2.5.4-develop-pedago.20260108180832

package/dist/components/Badge/Badge.d.ts

@@ -26,7 +26,17 @@ export type ChipBadgeVariant = {
 export type LinkBadgeVariant = {
     type: 'link';
 };
-export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant;
+/**
+ * Badge variant : beta.
+ * Beta Badge is used to indicate that a feature is in beta phase.
+ * The color prop allows to customize the badge color to match the app color.
+ * Defaults to black if not provided.
+ */
+export type BetaBadgeVariant = {
+    type: 'beta';
+    color?: string;
+};
+export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | BetaBadgeVariant;
 export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
     /**
      * Badge variant : notification, link or profile (Teacher|Student|Relative|Personnel)
@@ -35,6 +45,7 @@ export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
     variant?: BadgeVariants;
     /**
      * Text or icon (or whatever) to render as children elements.
+     * Defaults to 'BÊTA' for beta variant.
      */
     children?: ReactNode;
     /**

package/dist/components/Badge/Badge.js

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
 const Badge = /* @__PURE__ */ forwardRef(({
@@ -11,7 +11,20 @@ const Badge = /* @__PURE__ */ forwardRef(({
   ...restProps
 }, ref) => {
   const classes = clsx("badge rounded-pill", (variant.type === "content" || variant.type === "user") && "background" in variant ? "bg-gray-200" : (variant.type === "content" || variant.type === "user") && !("background" in variant) ? "border border-0" : "", variant.type === "content" && `text-${variant.level}`, variant.type === "notification" && `badge-notification bg-${variant.level} text-light border border-0`, variant.type === "user" && `badge-profile-${variant.profile.toLowerCase()}`, variant.type === "link" && "badge-link border border-0", variant.type === "chip" && "bg-gray-200", className);
-  return /* @__PURE__ */ jsx("span", { ref, className: classes, ...restProps, children: variant.type === "chip" ? /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }) : children });
+  return /* @__PURE__ */ jsxs("span", { ref, className: classes, style: (() => {
+    if (variant.type !== "beta") return;
+    const color = variant.color ?? "#000000";
+    return {
+      borderColor: color,
+      color,
+      backgroundColor: `${color}10`
+      // the 2 last hexadecimal numbers are for opacity
+    };
+  })(), ...restProps, children: [
+    variant.type === "chip" && /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }),
+    variant.type === "beta" && (children ?? "BÊTA"),
+    variant.type !== "chip" && variant.type !== "beta" && children
+  ] });
 });
 export {
   Badge as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.5.4-develop-pedago.20260108110738",
+  "version": "2.5.4-develop-pedago.20260108180832",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -134,9 +134,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.5.4-develop-pedago.20260108110738",
-    "@edifice.io/tiptap-extensions": "2.5.4-develop-pedago.20260108110738",
-    "@edifice.io/utilities": "2.5.4-develop-pedago.20260108110738"
+    "@edifice.io/bootstrap": "2.5.4-develop-pedago.20260108180832",
+    "@edifice.io/tiptap-extensions": "2.5.4-develop-pedago.20260108180832",
+    "@edifice.io/utilities": "2.5.4-develop-pedago.20260108180832"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -167,8 +167,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.5.4-develop-pedago.20260108110738",
-    "@edifice.io/config": "2.5.4-develop-pedago.20260108110738"
+    "@edifice.io/client": "2.5.4-develop-pedago.20260108180832",
+    "@edifice.io/config": "2.5.4-develop-pedago.20260108180832"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",