@syscore/ui-library 1.15.1 → 1.15.3

package/dist/index.d.ts

@@ -249,6 +249,7 @@ import { SealWellCommunity } from '../client/components/icons/seals';
 import { SealWellResidence } from '../client/components/icons/seals';
 import { SealWorksWithWell } from '../client/components/icons/seals';
 import { SearchField } from '../client/components/ui/search';
+import { SectionBadge } from '../client/components/ui/section-badge';
 import { Select } from '../client/components/ui/select';
 import { SelectContent } from '../client/components/ui/select';
 import { SelectGroup } from '../client/components/ui/select';
@@ -861,6 +862,8 @@ export { SealWorksWithWell }
 
 export { SearchField }
 
+export { SectionBadge }
+
 export { Select }
 
 export { SelectContent }

package/dist/index.es.js

@@ -453,6 +453,7 @@ const AspectRatio = AspectRatioPrimitive.Root;
 const typographyVariants = cva("", {
   variants: {
     variant: {
+      "heading-xlarge": "heading-xlarge",
       "heading-large": "heading-large",
       "heading-medium": "heading-medium",
       "heading-small": "heading-small",
@@ -473,6 +474,7 @@ const typographyVariants = cva("", {
   }
 });
 const defaultElementMap = {
+  "heading-xlarge": "h1",
   "heading-large": "h1",
   "heading-medium": "h2",
   "heading-small": "h3",
@@ -503,14 +505,7 @@ const Text = React.forwardRef(
 Text.displayName = "Text";
 const List = React.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "ul",
-      {
-        ref,
-        className: cn("typography-list", className),
-        ...props
-      }
-    );
+    return /* @__PURE__ */ jsx("ul", { ref, className: cn("typography-list", className), ...props });
   }
 );
 List.displayName = "List";
@@ -2670,6 +2665,21 @@ const SearchField = ({
     ) })
   ] });
 };
+function SectionBadge({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "section-badge overline-large",
+        className
+      ),
+      children
+    }
+  );
+}
 const getStatusClass = (status, colorScheme = "light") => {
   return `status-tag tag--${colorScheme}-${status}`;
 };
@@ -6809,9 +6819,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",
     {
@@ -6825,8 +6842,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"
@@ -12990,6 +13007,7 @@ export {
   SealWellResidence,
   SealWorksWithWell,
   SearchField,
+  SectionBadge,
   Select,
   SelectContent,
   SelectGroup,

package/package.json

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