npm - @tipp/ui - Versions diffs - 2.3.41 → 2.4.0 - Mend

@tipp/ui 2.3.41 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (200) hide show

package/dist/app/platform/userInfos/utils.js CHANGED Viewed

@@ -7,52 +7,58 @@ import {
 } from "../../../chunk-JWAQUXGB.js";
 import "../../../chunk-HBF6IIVZ.js";
 import "../../../chunk-QDC3LFHS.js";
+import "../../../chunk-OYM4XCHQ.js";
+import "../../../chunk-YJ7ZFOYL.js";
+import "../../../chunk-5ZITU5L7.js";
 import "../../../chunk-5XYPLDI5.js";
 import "../../../chunk-6NPTJBFE.js";
 import "../../../chunk-LNPFV5BJ.js";
+import "../../../chunk-MUPK4L3U.js";
+import "../../../chunk-MUNMDHRF.js";
+import "../../../chunk-TVDKGMBI.js";
 import "../../../chunk-X2GMDZ7M.js";
 import "../../../chunk-HYITAA4J.js";
 import "../../../chunk-5H3YPCZK.js";
 import "../../../chunk-FR2GDOU2.js";
 import "../../../chunk-74DX4CU7.js";
-import "../../../chunk-OYM4XCHQ.js";
-import "../../../chunk-YJ7ZFOYL.js";
-import "../../../chunk-5ZITU5L7.js";
+import "../../../chunk-X4OCUESK.js";
+import "../../../chunk-SE5TPTP2.js";
+import "../../../chunk-5AVBYDPB.js";
 import "../../../chunk-365QMK4D.js";
 import "../../../chunk-YO3BQW6S.js";
 import "../../../chunk-6IVCARWS.js";
 import "../../../chunk-6DJOIRMF.js";
 import "../../../chunk-FPD73OHW.js";
-import "../../../chunk-MUPK4L3U.js";
-import "../../../chunk-MUNMDHRF.js";
-import "../../../chunk-TVDKGMBI.js";
+import "../../../chunk-EGEQY3KT.js";
+import "../../../chunk-O3T3TM3V.js";
 import "../../../chunk-XQOL7UBI.js";
 import "../../../chunk-TULWX7D6.js";
 import "../../../chunk-DHZVOXFM.js";
-import "../../../chunk-X4OCUESK.js";
-import "../../../chunk-SE5TPTP2.js";
-import "../../../chunk-5AVBYDPB.js";
+import "../../../chunk-VTJZMOSP.js";
+import "../../../chunk-B5CKZFDM.js";
+import "../../../chunk-BESTU2AY.js";
+import "../../../chunk-EEAHZCIK.js";
+import "../../../chunk-645GPOW2.js";
+import "../../../chunk-U7N2PWMO.js";
+import "../../../chunk-XK6VEVOK.js";
+import "../../../chunk-HF6GNDPV.js";
 import "../../../chunk-SMLC2O3V.js";
 import "../../../chunk-Y4U24VXI.js";
 import "../../../chunk-3NUQAVE6.js";
 import "../../../chunk-PT57HCAI.js";
 import "../../../chunk-2DZ2Y3JI.js";
 import "../../../chunk-ZOPYFDLO.js";
-import "../../../chunk-EGEQY3KT.js";
-import "../../../chunk-O3T3TM3V.js";
+import "../../../chunk-B6XJN6EC.js";
+import "../../../chunk-RP2RGCAW.js";
+import "../../../chunk-MIMJ7LON.js";
 import "../../../chunk-W7X7KSJP.js";
 import "../../../chunk-VYCYVN3L.js";
 import "../../../chunk-OHMOP5PV.js";
 import "../../../chunk-NFDQJVFA.js";
 import "../../../chunk-Q37G2GS6.js";
-import "../../../chunk-VTJZMOSP.js";
-import "../../../chunk-B5CKZFDM.js";
-import "../../../chunk-BESTU2AY.js";
-import "../../../chunk-EEAHZCIK.js";
-import "../../../chunk-645GPOW2.js";
-import "../../../chunk-U7N2PWMO.js";
-import "../../../chunk-XK6VEVOK.js";
-import "../../../chunk-HF6GNDPV.js";
+import "../../../chunk-6SYFG6YY.js";
+import "../../../chunk-K36TPMKL.js";
+import "../../../chunk-KTSEZC6A.js";
 import "../../../chunk-YGL6SWKN.js";
 import "../../../chunk-4Y5BEXVN.js";
 import "../../../chunk-Z34HR7RE.js";
@@ -62,9 +68,6 @@ import "../../../chunk-25HMMI7R.js";
 import "../../../chunk-ZVDAEY5Q.js";
 import "../../../chunk-LQY4RKWI.js";
 import "../../../chunk-ZD7MNMED.js";
-import "../../../chunk-B6XJN6EC.js";
-import "../../../chunk-RP2RGCAW.js";
-import "../../../chunk-MIMJ7LON.js";
 import "../../../chunk-JU7GB6R2.js";
 import "../../../chunk-JVXATVAC.js";
 import "../../../chunk-B3VSXNTH.js";
@@ -84,9 +87,6 @@ import "../../../chunk-ZUYCXCPW.js";
 import "../../../chunk-YVFNJE4E.js";
 import "../../../chunk-J242TTFH.js";
 import "../../../chunk-EAXUQEO5.js";
-import "../../../chunk-6SYFG6YY.js";
-import "../../../chunk-K36TPMKL.js";
-import "../../../chunk-U3BQT7ZO.js";
 import "../../../chunk-CRTRMMJ7.js";
 export {
   CopyButton,

package/dist/atoms/badge.cjs CHANGED Viewed

@@ -55,6 +55,13 @@ module.exports = __toCommonJS(badge_exports);
 var import_themes = require("@radix-ui/themes");
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var SEMANTIC_COLOR_MAP = {
+  error: "red",
+  neutral: "gray",
+  success: "green",
+  accent: void 0
+};
+var isSemanticColor = (color) => color !== void 0 && color in SEMANTIC_COLOR_MAP;
 var Badge = (0, import_react.forwardRef)(
   (props, ref) => {
     const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
@@ -71,17 +78,10 @@ var Badge = (0, import_react.forwardRef)(
       }
     }, [size]);
     const radixColor = (0, import_react.useMemo)(() => {
-      switch (color) {
-        case "error":
-          return "red";
-        case "neutral":
-          return "gray";
-        case "success":
-          return "green";
-        case "accent":
-        default:
-          return void 0;
+      if (isSemanticColor(color)) {
+        return SEMANTIC_COLOR_MAP[color];
       }
+      return color;
     }, [color]);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
   }

package/dist/atoms/badge.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/atoms/badge.tsx"],"sourcesContent":["import {\n Badge as RadixBadge,\n type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' \| 'size'> & {\n size?: 'small' \| 'medium' \| 'large';\n color?: ~~'error'~~ \| ~~'accent' \| 'neutral' \| 'success'~~;\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n (props: BadgeProps, ref): React.ReactNode => {\n const { size = 'small', color = 'accent', ...rest } = props;\n\n const radixSize = useMemo(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'medium':\n return '2';\n case 'large':\n return '3';\n default:\n return '1';\n }\n }, [size]);\n\n const radixColor = useMemo(() => {\n ~~switch~~ (color) {\n ~~case 'error':\n~~ return ~~'red'~~;\n ~~case 'neutral':\~~n return ~~'gray'~~;\n ~~case 'success':\n return 'green';\n case 'accent':\n default:\n return undefined;\n }\n~~ }, [color]);\n\n return (\n <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n );\n }\n);\n\nBadge.displayName = 'Badge';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAGO;AACP,mBAAoC;~~AAuC9B~~;~~AAhCC~~,IAAM,YAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAsD,YAA9C,SAAO,SAAS,QAAQ,~~SAbpC~~,~~IAa0D~~,IAAT,iBAAS,IAAT,CAArC,QAAgB;AAExB,UAAM,gBAAY,sBAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,iBAAa,sBAAQ,MAAM;AAC/B,~~cAAQ~~,~~OAAO;AAAA~~,~~QACb,~~KAAK~~;AACH~~,~~iBAAO~~;~~AAAA~~,~~QACT~~,~~KAAK;AACH~~,~~iBAAO;AAAA,QACT,~~KAAK;~~AACH,iBAAO;~~AAAA,~~QACT,KAAK~~;~~AAAA~~,~~QACL~~;~~AACE,iBAAO;~~AAAA,~~MACX;AAAA~~,~~IACF,~~GAAG,CAAC,KAAK,CAAC;AAEV,WACE,4CAAC,cAAAA,OAAA,iCAAe,OAAf,EAAqB,OAAO,YAAY,KAAU,MAAM,YAAW;AAAA,EAExE;AACF;AAEA,MAAM,cAAc;","names":["RadixBadge"]}
1	+ {"version":3,"sources":["../../src/atoms/badge.tsx"],"sourcesContent":["import {\n Badge as RadixBadge,\n type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\ntype SemanticColor = 'error' \| 'accent' \| 'neutral' \| 'success';\ntype RadixColor = NonNullable<RadixBadgeProps['color']>;\n\nconst SEMANTIC_COLOR_MAP: Record<SemanticColor, RadixColor \| undefined> = {\n error: 'red',\n neutral: 'gray',\n success: 'green',\n accent: undefined,\n};\n\nconst isSemanticColor = (color: BadgeProps['color']): color is SemanticColor =>\n color !== undefined && color in SEMANTIC_COLOR_MAP;\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' \| 'size'> & {\n size?: 'small' \| 'medium' \| 'large';\n color?: SemanticColor \| RadixColor;\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n (props: BadgeProps, ref): React.ReactNode => {\n const { size = 'small', color = 'accent', ...rest } = props;\n\n const radixSize = useMemo(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'medium':\n return '2';\n case 'large':\n return '3';\n default:\n return '1';\n }\n }, [size]);\n\n const radixColor = useMemo(() => {\n if (isSemanticColor(color)) {\n return SEMANTIC_COLOR_MAP[color];\n }\n return color;\n }, [color]);\n\n return (\n <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n );\n }\n);\n\nBadge.displayName = 'Badge';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAGO;AACP,mBAAoC;AA6C9B;AAxCN,IAAM,qBAAoE;AAAA,EACxE,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,IAAM,kBAAkB,CAAC,UACvB,UAAU,UAAa,SAAS;AAO3B,IAAM,YAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAsD,YAA9C,SAAO,SAAS,QAAQ,SA1BpC,IA0B0D,IAAT,iBAAS,IAAT,CAArC,QAAgB;AAExB,UAAM,gBAAY,sBAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,iBAAa,sBAAQ,MAAM;AAC/B,UAAI,gBAAgB,KAAK,GAAG;AAC1B,eAAO,mBAAmB,KAAK;AAAA,MACjC;AACA,aAAO;AAAA,IACT,GAAG,CAAC,KAAK,CAAC;AAEV,WACE,4CAAC,cAAAA,OAAA,iCAAe,OAAf,EAAqB,OAAO,YAAY,KAAU,MAAM,YAAW;AAAA,EAExE;AACF;AAEA,MAAM,cAAc;","names":["RadixBadge"]}

package/dist/atoms/badge.d.cts CHANGED Viewed

@@ -1,13 +1,15 @@
 import * as React from 'react';
 import { BadgeProps as BadgeProps$1 } from '@radix-ui/themes';
+type SemanticColor = 'error' | 'accent' | 'neutral' | 'success';
+type RadixColor = NonNullable<BadgeProps$1['color']>;
 type BadgeProps = Omit<BadgeProps$1, 'color' | 'size'> & {
     size?: 'small' | 'medium' | 'large';
-    color?: 'error' | 'accent' | 'neutral' | 'success';
+    color?: SemanticColor | RadixColor;
 };
 declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "size" | "color"> & {
     size?: "small" | "medium" | "large";
-    color?: "error" | "accent" | "neutral" | "success";
+    color?: SemanticColor | RadixColor;
 } & React.RefAttributes<HTMLSpanElement>>;
 export { Badge, type BadgeProps };

package/dist/atoms/badge.d.ts CHANGED Viewed

@@ -1,13 +1,15 @@
 import * as React from 'react';
 import { BadgeProps as BadgeProps$1 } from '@radix-ui/themes';
+type SemanticColor = 'error' | 'accent' | 'neutral' | 'success';
+type RadixColor = NonNullable<BadgeProps$1['color']>;
 type BadgeProps = Omit<BadgeProps$1, 'color' | 'size'> & {
     size?: 'small' | 'medium' | 'large';
-    color?: 'error' | 'accent' | 'neutral' | 'success';
+    color?: SemanticColor | RadixColor;
 };
 declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "size" | "color"> & {
     size?: "small" | "medium" | "large";
-    color?: "error" | "accent" | "neutral" | "success";
+    color?: SemanticColor | RadixColor;
 } & React.RefAttributes<HTMLSpanElement>>;
 export { Badge, type BadgeProps };

package/dist/atoms/badge.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import {
   Badge
-} from "../chunk-U3BQT7ZO.js";
+} from "../chunk-KTSEZC6A.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   Badge

package/dist/atoms/index.cjs CHANGED Viewed

@@ -174,6 +174,13 @@ Avatar.displayName = "Avatar";
 var import_themes4 = require("@radix-ui/themes");
 var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var SEMANTIC_COLOR_MAP = {
+  error: "red",
+  neutral: "gray",
+  success: "green",
+  accent: void 0
+};
+var isSemanticColor = (color) => color !== void 0 && color in SEMANTIC_COLOR_MAP;
 var Badge = (0, import_react2.forwardRef)(
   (props, ref) => {
     const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
@@ -190,17 +197,10 @@ var Badge = (0, import_react2.forwardRef)(
       }
     }, [size]);
     const radixColor = (0, import_react2.useMemo)(() => {
-      switch (color) {
-        case "error":
-          return "red";
-        case "neutral":
-          return "gray";
-        case "success":
-          return "green";
-        case "accent":
-        default:
-          return void 0;
+      if (isSemanticColor(color)) {
+        return SEMANTIC_COLOR_MAP[color];
       }
+      return color;
     }, [color]);
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_themes4.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
   }