@tui/design-system 1.3.0 → 1.5.0

package/types/components.ts

@@ -40,7 +40,8 @@ export interface ActiveTagProps {
 
 // ─── Alert ─────────────────────────────────────────────
 export interface AlertProps {
-	variant?: 'info' | 'error' | 'warning' | 'success';
+	variant?: 'info' | 'error' | 'warning' | 'success' | 'neutral';
+	iconAsset?: string;
 	list?: boolean;
 	heading?: boolean;
 	headingText?: string;
@@ -435,9 +436,12 @@ export interface PaginationProps {
 }
 
 // ─── Price ─────────────────────────────────────────────
+export const Currencies = ['GBP', 'EUR', 'USD', 'SEK', 'NOK', 'DKK', 'CHF'] as const;
+export type Currency = (typeof Currencies)[number];
+
 export interface PriceProps {
 	size?: 'small' | 'medium' | 'large';
-	currency?: 'GBP' | 'EUR' | 'USD' | 'SEK' | 'NOK' | 'DKK';
+	currency?: Currency;
 	mainUnit?: string;
 	subUnit?: string;
 	suffix?: string;
@@ -450,6 +454,18 @@ export interface PriceProps {
 	showDecimal?: boolean;
 }
 
+// ─── Price Box ──────────────────────────────────────────
+export interface PriceBoxProps {
+	tags?: boolean;
+	currency?: Currency;
+	fullWidthButton?: boolean;
+	additionalContent?: boolean;
+	additionalContentHtml?: string;
+	divider?: boolean;
+	footer?: boolean;
+	footerHtml?: string;
+}
+
 // ─── Promo Tag ──────────────────────────────────────────
 export const PromoTagSizes = ['xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge'] as const;
 export type PromoTagSize = (typeof PromoTagSizes)[number];
@@ -463,6 +479,20 @@ export interface PromoTagProps {
 	theme?: Theme;
 }
 
+// ─── Ratings: Customer review ─────────────────────────
+export interface CustomerReviewProps {
+	type?: NumericalType;
+	variant?: 'brand' | 'tripadvisor';
+	score?: number;
+	name?: string;
+	date?: string;
+	reviewTitle?: string;
+	reviewContent?: string;
+	hasTag?: boolean;
+	includeRatings?: boolean;
+	theme?: Theme;
+}
+
 // ─── Ratings: Numerical (9/10) ─────────────────────────
 export type NumericalType = 'rating' | 'filter';
 export type NumericalVariant = 'brand' | 'alt';
@@ -528,6 +558,7 @@ export interface RangeIconsProps {
 	hasSchema?: boolean;
 	additionalSchemaProps?: SchemaProps;
 	theme?: Theme;
+	listVariant?: boolean;
 }
 
 // ─── Ratings: Range icons group ────────────────────────
@@ -541,6 +572,7 @@ export interface RangeIconsGroupProps {
 	variant?: RangeIconsVariant;
 	size?: RangeIconsSize;
 	items?: RangeIconsGroupItem[];
+	hasSchema?: boolean;
 	theme?: Theme;
 }
 
@@ -647,3 +679,12 @@ export interface TravelAwareBannerProps {
 	linkAccessibilityLabel?: string;
 	isExternal?: boolean;
 }
+
+// ─── Social proofing ───────────────────────────────────────
+export interface SocialProofingProps {
+	theme?: Theme;
+	iconAsset?: string;
+	iconSize?: 'small';
+	hasIcon?: boolean;
+	closeLabel?: string;
+}