@syscore/ui-library 1.15.2 → 1.15.4

package/dist/index.d.ts

@@ -30,6 +30,8 @@ import { BadgeCertificationGold } from '../client/components/icons/achievement-b
 import { BadgeCertificationPlatinum } from '../client/components/icons/achievement-badges';
 import { BadgeCertificationSilver } from '../client/components/icons/achievement-badges';
 import { BadgeEnterpriseProvider } from '../client/components/icons/provider-badges';
+import { BadgeImperativePrimary } from '../client/components/icons/imperative-badges';
+import { BadgeImperativeSecondary } from '../client/components/icons/imperative-badges';
 import { BadgePerformanceTestingProvider } from '../client/components/icons/provider-badges';
 import { BadgeProductProvider } from '../client/components/icons/provider-badges';
 import { BadgeRatingCoworking } from '../client/components/icons/achievement-badges';
@@ -424,6 +426,10 @@ export { BadgeCertificationSilver }
 
 export { BadgeEnterpriseProvider }
 
+export { BadgeImperativePrimary }
+
+export { BadgeImperativeSecondary }
+
 export { BadgePerformanceTestingProvider }
 
 export { BadgeProductProvider }

package/dist/index.es.js

@@ -926,6 +926,17 @@ const UtilityClose = ({ className }) => {
     }
   );
 };
+const tooltipContentVariants = cva("tooltip-content", {
+  variants: {
+    variant: {
+      default: "tooltip-content--default",
+      simple: "tooltip-content--simple"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
 const TooltipContext = React.createContext({
   trigger: "hover",
   toggle: () => {
@@ -1018,6 +1029,7 @@ function TooltipTrigger({
 }
 function TooltipContent({
   className,
+  variant: variant2,
   sideOffset = 0,
   side: side2 = "bottom",
   children,
@@ -1053,10 +1065,10 @@ function TooltipContent({
       sideOffset,
       alignOffset,
       side: side2,
-      className: cn("tooltip-content", className),
+      className: cn(tooltipContentVariants({ variant: variant2 }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "tooltip-arrow", children: /* @__PURE__ */ jsx(
+        variant2 !== "simple" && /* @__PURE__ */ jsx("div", { className: "tooltip-arrow", children: /* @__PURE__ */ jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1068,12 +1080,12 @@ function TooltipContent({
               "path",
               {
                 d: "M10 -1.74846e-06L-7.36867e-07 0C-3.29906e-07 2.76142 2.23858 5 5 5C7.76142 5 10 2.76142 10 -1.74846e-06Z",
-                fill: "#39C9EA"
+                fill: "currentColor"
               }
             )
           }
         ) }),
-        !hideClose && /* @__PURE__ */ jsx(ToggleClose, { className: "absolute top-4 right-4" }),
+        variant2 !== "simple" && !hideClose && /* @__PURE__ */ jsx(ToggleClose, { className: "absolute top-4 right-4" }),
         children
       ]
     }
@@ -6819,9 +6831,16 @@ const UtilityTrash = ({ className }) => {
     }
   );
 };
+const VARIANT_COLORS = {
+  low: { fill: "#50E7CA", stroke: "#1BC5A3" },
+  medium: { fill: "#DCADD2", stroke: "#AA6A9B" },
+  high: { fill: "#F0AA99", stroke: "#E67357" }
+};
 const UtilityTriangleInfo = ({
-  className
+  className,
+  variant: variant2 = "low"
 }) => {
+  const { fill, stroke } = VARIANT_COLORS[variant2];
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -6835,8 +6854,8 @@ const UtilityTriangleInfo = ({
         "path",
         {
           d: "M7.78821 1.348C7.6827 1.16611 7.53127 1.01514 7.34906 0.910189C7.16685 0.80524 6.96027 0.75 6.75 0.75C6.53973 0.75 6.33315 0.80524 6.15094 0.910189C5.96873 1.01514 5.8173 1.16611 5.71179 1.348L0.910803 9.74972C0.805511 9.93209 0.750054 10.139 0.75 10.3495C0.749946 10.5601 0.805297 10.767 0.910495 10.9494C1.01569 11.1319 1.16703 11.2834 1.34932 11.3888C1.53161 11.4943 1.73843 11.5499 1.94902 11.5501H11.551C11.7616 11.5499 11.9684 11.4943 12.1507 11.3888C12.333 11.2834 12.4843 11.1319 12.5895 10.9494C12.6947 10.767 12.7501 10.5601 12.75 10.3495C12.7499 10.139 12.6945 9.93209 12.5892 9.74972L7.78821 1.348Z",
-          fill: "#50E7CA",
-          stroke: "#1BC5A3",
+          fill,
+          stroke,
           strokeWidth: "1.5",
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -12139,6 +12158,123 @@ const BadgeSurveyProvider = () => {
     }
   );
 };
+const BadgeImperativePrimary = ({
+  className
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: cn("size-6 flex items-center justify-center", className), children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "22",
+      viewBox: "0 0 20 22",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.2133 7.81921C19.2133 6.38498 18.4454 5.06051 17.2008 4.3479L11.5941 1.13788C10.3629 0.432974 8.85042 0.432974 7.61921 1.13788L2.01255 4.3479C0.767878 5.06051 0 6.38498 0 7.81921V14.1808C0 15.615 0.767878 16.9395 2.01255 17.6521L7.61921 20.8621C8.85042 21.567 10.3629 21.567 11.5941 20.8621L17.2008 17.6521C18.4454 16.9395 19.2133 15.615 19.2133 14.1808V7.81921Z",
+            fill: "#905C84"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.68994 5.5V16.5023",
+            stroke: "white",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14.4542 8.25055L4.92627 13.7517",
+            stroke: "white",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.92627 8.25055L14.4542 13.7517",
+            stroke: "white",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        )
+      ]
+    }
+  ) });
+};
+const BadgeImperativeSecondary = ({
+  className
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: cn("size-6 flex items-center justify-center", className), children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "22",
+      viewBox: "0 0 20 22",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.2133 7.81921C19.2133 6.38498 18.4454 5.06051 17.2008 4.3479L11.5941 1.13788C10.3629 0.432974 8.85042 0.432974 7.61921 1.13788L2.01255 4.3479C0.767878 5.06051 0 6.38498 0 7.81921V14.1808C0 15.615 0.767878 16.9395 2.01255 17.6521L7.61921 20.8621C8.85042 21.567 10.3629 21.567 11.5941 20.8621L17.2008 17.6521C18.4454 16.9395 19.2133 15.615 19.2133 14.1808V7.81921Z",
+            fill: "#128BA6",
+            "fill-opacity": "0.08"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.86719 1.57227C8.9445 0.955469 10.2684 0.955469 11.3457 1.57227L16.9521 4.78223C18.0412 5.40577 18.7129 6.56439 18.7129 7.81934V14.1807C18.7129 15.4356 18.0412 16.5942 16.9521 17.2178L11.3457 20.4277C10.2684 21.0445 8.9445 21.0445 7.86719 20.4277L2.26074 17.2178C1.17187 16.5942 0.5 15.4355 0.5 14.1807V7.81934C0.5 6.56452 1.17187 5.40582 2.26074 4.78223L7.86719 1.57227Z",
+            stroke: "#128BA6",
+            "stroke-opacity": "0.16",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.68994 5.5V16.5023",
+            stroke: "#0F748A",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14.4542 8.25055L4.92627 13.7517",
+            stroke: "#0F748A",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.92627 8.25055L14.4542 13.7517",
+            stroke: "#0F748A",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        )
+      ]
+    }
+  ) });
+};
 const X = ({ className = "", color = "#71747D" }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -12790,6 +12926,8 @@ export {
   BadgeCertificationPlatinum,
   BadgeCertificationSilver,
   BadgeEnterpriseProvider,
+  BadgeImperativePrimary,
+  BadgeImperativeSecondary,
   BadgePerformanceTestingProvider,
   BadgeProductProvider,
   BadgeRatingCoworking,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syscore/ui-library",
-  "version": "1.15.2",
+  "version": "1.15.4",
   "description": "A comprehensive React component library built with Radix UI, Tailwind CSS, and TypeScript",
   "private": false,
   "type": "module",