@tui/design-system 1.5.0 → 1.7.0

package/types/components.ts

@@ -66,6 +66,9 @@ export interface AnchorTab {
 
 export interface AnchorTabsProps {
 	icon?: string;
+	tabsLabelledby?: string;
+	tabsLabel?: string;
+	/** @deprecated Use `tabsLabelledby` instead */
 	ariaLabelledby?: string;
 	tabs?: AnchorTab[];
 	sticky?: boolean;
@@ -146,6 +149,9 @@ export interface DatepickerProps {
 	maxDate?: string;
 	previousLabel?: string;
 	nextLabel?: string;
+	announceStart?: string;
+	announceRange?: string;
+	instructions?: string;
 	locale?: string;
 }
 
@@ -224,15 +230,7 @@ export interface ImageSrcItem {
 }
 
 export type ImageFocalPoint =
-	| 'top-left'
-	| 'top-center'
-	| 'top-right'
-	| 'center-left'
-	| 'center'
-	| 'center-right'
-	| 'bottom-left'
-	| 'bottom-center'
-	| 'bottom-right';
+	'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 
 export interface ImageProps {
 	altText: string;
@@ -255,6 +253,9 @@ export interface InPageTabsProps {
 	variant?: 'left-aligned' | 'full-width';
 	icon?: string;
 	active?: string;
+	tabsLabelledby?: string;
+	tabsLabel?: string;
+	/** @deprecated Use `tabsLabelledby` instead */
 	ariaLabelledby?: string;
 	tabs?: InPageTab[];
 }
@@ -386,11 +387,14 @@ export interface LinkProps {
 export type ListVariant = 'bulleted' | 'numbered' | 'icon' | 'image';
 export type ListTextVariant = 'default' | 'strong' | 'label';
 export type ListIconSize = 'small' | 'medium' | 'large';
+export type ListLayout = 'default' | 'columns' | 'horizontal';
 
 export interface ListProps {
 	variant?: ListVariant;
 	textVariant?: ListTextVariant;
 	iconSize?: ListIconSize;
+	layout?: ListLayout;
+	/** @deprecated Use `layout: 'columns'` instead. */
 	columns?: boolean;
 	inverse?: boolean;
 	altShape?: boolean;
@@ -466,6 +470,26 @@ export interface PriceBoxProps {
 	footerHtml?: string;
 }
 
+// ─── Card Promotion ───────────────────────────────────────
+export interface CardPromotionProps {
+	type?: 'default' | 'promo-code';
+	condensed?: boolean;
+	headingLevel?: HeadingLevel;
+	headline?: string;
+	scarcityLabel?: string;
+	conditions?: string;
+	linkLabel?: string;
+	icon?: string;
+	code?: string;
+	copied?: boolean;
+	copyLabel?: string;
+	copiedLabel?: string;
+	expired?: boolean;
+	expiredLabel?: string;
+	announcementLabel?: string;
+	theme?: Theme;
+}
+
 // ─── Promo Tag ──────────────────────────────────────────
 export const PromoTagSizes = ['xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge'] as const;
 export type PromoTagSize = (typeof PromoTagSizes)[number];