@jonapin006/tiger 1.0.43 → 1.0.44

package/dist/index.d.ts

@@ -399,6 +399,7 @@ export declare interface ThemeGeometryConfig {
         typographyMappings: {
             medium: TypographySize.Medium;
             large: TypographySize.Large;
+            xlarge: TypographySize.Xlarge;
         };
     };
     layout: {
@@ -936,6 +937,7 @@ export declare interface TigerTopBarProps {
     description?: default_2.ReactNode;
     actions?: default_2.ReactNode;
     className?: string;
+    size?: ComponentSize.Medium | ComponentSize.Large | ComponentSize.Xlarge;
     titleTypographySize?: TypographySize;
     descriptionTypographySize?: TypographySize;
 }

package/dist/tiger.es.js

@@ -556,7 +556,8 @@ var v = /* @__PURE__ */ function(e) {
 			actionsContainer: "flex items-center justify-end flex-shrink-0",
 			typographyMappings: {
 				medium: b.Medium,
-				large: b.Large
+				large: b.Large,
+				xlarge: b.Xlarge
 			}
 		},
 		layout: {
@@ -1475,7 +1476,8 @@ var v = /* @__PURE__ */ function(e) {
 			actionsContainer: "flex items-center justify-end flex-shrink-0",
 			typographyMappings: {
 				medium: b.Medium,
-				large: b.Large
+				large: b.Large,
+				xlarge: b.Xlarge
 			}
 		},
 		layout: {
@@ -2394,7 +2396,8 @@ var v = /* @__PURE__ */ function(e) {
 			actionsContainer: "flex items-center justify-end flex-shrink-0",
 			typographyMappings: {
 				medium: b.Medium,
-				large: b.Large
+				large: b.Large,
+				xlarge: b.Xlarge
 			}
 		},
 		layout: {
@@ -3089,31 +3092,31 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 		className: I(o.flexBase, l, s.gap, u, i),
 		children: e
 	});
-}, U = ({ title: e, description: t, actions: n, className: r, titleTypographySize: i, descriptionTypographySize: a }) => {
-	let { themeConfig: o, theme: s } = F(), u = s.geometry.topbar, d = i || u.typographyMappings.large, f = a || u.typographyMappings.medium;
+}, U = ({ title: e, description: t, actions: n, className: r, size: i = y.Xlarge, titleTypographySize: a, descriptionTypographySize: o }) => {
+	let { themeConfig: s, theme: u } = F(), d = u.geometry.topbar, f = a || d.typographyMappings[i], p = o || d.typographyMappings.medium;
 	return /* @__PURE__ */ l("header", {
-		className: I(u.wrapper, o.layout.topbar.container, u.padding, u.margin, u.corner, u.height, u.width, r),
+		className: I(d.wrapper, s.layout.topbar.container, d.padding, d.margin, d.corner, d.height, d.width, r),
 		children: [
 			(e || t) && /* @__PURE__ */ l("div", {
-				className: u.titleContainer,
+				className: d.titleContainer,
 				children: [e && /* @__PURE__ */ c("div", {
-					className: u.title,
+					className: d.title,
 					children: ((e) => typeof e == "string" ? /* @__PURE__ */ c(L, {
-						typographySize: d,
+						typographySize: f,
 						bold: !0,
 						children: e
 					}) : e)(e)
 				}), t && /* @__PURE__ */ c("div", {
-					className: u.descriptionContainer,
+					className: d.descriptionContainer,
 					children: ((e) => typeof e == "string" ? /* @__PURE__ */ c(L, {
-						typographySize: f,
+						typographySize: p,
 						children: e
 					}) : e)(t)
 				})]
 			}),
 			/* @__PURE__ */ c("div", {}),
 			n && /* @__PURE__ */ c("div", {
-				className: u.actionsContainer,
+				className: d.actionsContainer,
 				children: n
 			})
 		]