@datum-cloud/datum-ui 3.0.0 → 3.1.0

package/dist/components/base/typography/typography.d.ts

@@ -1,7 +1,7 @@
 import type { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const titleVariants: (props?: ({
-    level?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | null | undefined;
     weight?: "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
     textColor?: "default" | "secondary" | "destructive" | "success" | "info" | "warning" | "primary" | "muted" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -300,7 +300,13 @@ declare function Title({ className, level, weight, textColor, as, children, ...p
     className: string;
 }, HTMLElement>;
 interface TextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof textVariants> {
-    as?: 'span' | 'p' | 'div';
+    /**
+     * Headings are allowed because the scale's display steps start at 16px
+     * (`Title` level 6), so a smaller heading — a card or section label at 13
+     * or 14px — has no `Title` level. Render it as `<Text as="h4">` rather than
+     * dropping to a raw size class.
+     */
+    as?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     copyable?: boolean;
     ellipsis?: boolean;
     mark?: boolean;

package/dist/index.mjs

@@ -41,7 +41,7 @@ import { t as Switch } from "./switch-BaR-Vna4.mjs";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table/index.mjs";
 import { Tabs, TabsContent, TabsLinkTrigger, TabsList, TabsTrigger } from "./tabs/index.mjs";
 import { t as Textarea } from "./textarea-DiSGxCBO.mjs";
-import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "./typography-DNQXFq1I.mjs";
+import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "./typography-q71iTG72.mjs";
 import { t as VisuallyHidden } from "./visuallyhidden-D7L_qs8b.mjs";
 import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "./app-navigation-D52ikGN-.mjs";
 import { n as EASE, t as DURATION } from "./motion-DvGRWdsm.mjs";

package/dist/typography/index.mjs

@@ -1,2 +1,2 @@
-import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "../typography-DNQXFq1I.mjs";
+import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "../typography-q71iTG72.mjs";
 export { Blockquote, Code, Link, List, ListItem, Paragraph, Text, Title, paragraphVariants, textVariants, titleVariants };

package/dist/{typography-DNQXFq1I.mjs → typography-q71iTG72.mjs}

@@ -12,7 +12,8 @@ const titleVariants = cva("font-semibold leading-tight tracking-tight", {
 			3: "text-2xl",
 			4: "text-xl",
 			5: "text-lg",
-			6: "text-base"
+			6: "text-base",
+			7: "text-sm"
 		},
 		weight: {
 			normal: "font-normal",
@@ -115,7 +116,7 @@ const paragraphVariants = cva("leading-relaxed", {
 	}
 });
 function Title({ className, level, weight, textColor, as, children, ...props }) {
-	const Component = as ?? `h${level ?? 4}`;
+	const Component = as ?? `h${Math.min(level ?? 4, 6)}`;
 	return React.createElement(Component, {
 		className: cn(titleVariants({
 			level,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"