@ludo.ninja/components 2.1.83 → 2.1.85

package/build/entities/user/type.d.ts

@@ -1,5 +1,5 @@
 import { identitySchema as schema } from '@ludo.ninja/api';
-export interface IUser extends Pick<schema.IIdentity, 'userId' | 'wallets' | 'newUser' | 'inviteCode' | 'role'> {
+export interface IUser extends Pick<schema.IIdentity, 'userId' | 'wallets' | 'newUser' | 'inviteCode' | 'role' | 'reftypeColor' | 'reftypeName'> {
     authToken: string;
     refreshToken: string;
 }

package/build/system/Badge/index.d.ts

@@ -0,0 +1,10 @@
+import { identitySchema as schema } from '@ludo.ninja/api';
+import { CSSProperties } from "react";
+type BadgeProps = {
+    color?: schema.IReftypeColor | null;
+    title?: string | null;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const Badge: ({ color, title, className, style }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Badge;

package/build/system/Badge/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const api_1 = require("@ludo.ninja/api");
+const Badge = ({ color, title = '', className, style }) => {
+    const COLOR_MAP = {
+        [api_1.identitySchema.IReftypeColor.Green]: '#5FD068',
+        [api_1.identitySchema.IReftypeColor.Blue]: '#43A5FF',
+        [api_1.identitySchema.IReftypeColor.Purple]: '#A533FF',
+    };
+    if (!color || !COLOR_MAP[color])
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("svg", { className: className, style: style, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("title", { children: title }), (0, jsx_runtime_1.jsx)("circle", { cx: "10", cy: "10", r: "10", fill: "url(#paint0_radial_16741_41169)" }), (0, jsx_runtime_1.jsx)("g", { filter: "url(#filter0_d_16741_41169)", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.55904 10C5.94956 9.60952 6.58272 9.60952 6.97325 10L8.82167 11.7641L13.5858 7C13.9763 6.60947 14.6095 6.60948 15 7C15.3905 7.39052 15.3905 8.02369 15 8.41421L9.52877 13.8854C9.13825 14.276 8.50508 14.276 8.11456 13.8854L5.55904 11.4143C5.16851 11.0237 5.16851 10.3906 5.55904 10Z", fill: "white" }) }), (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("filter", { id: "filter0_d_16741_41169", x: "1.26614", y: "2.70715", width: "18.0267", height: "15.4712", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [(0, jsx_runtime_1.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), (0, jsx_runtime_1.jsx)("feOffset", {}), (0, jsx_runtime_1.jsx)("feGaussianBlur", { stdDeviation: "2" }), (0, jsx_runtime_1.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0" }), (0, jsx_runtime_1.jsx)("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_16741_41169" }), (0, jsx_runtime_1.jsx)("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_16741_41169", result: "shape" })] }), (0, jsx_runtime_1.jsxs)("radialGradient", { id: "paint0_radial_16741_41169", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(10 10) rotate(90) scale(10)", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0.748", stopColor: COLOR_MAP[color] }), (0, jsx_runtime_1.jsx)("stop", { offset: "1", stopColor: COLOR_MAP[color], stopOpacity: "0" })] })] })] }));
+};
+exports.default = Badge;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.1.83",
+  "version": "2.1.85",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",