@syscore/ui-library 1.15.1 → 1.15.2

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}`;
 };
@@ -12990,6 +13000,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.2",
   "description": "A comprehensive React component library built with Radix UI, Tailwind CSS, and TypeScript",
   "private": false,
   "type": "module",