@tui/design-system 1.2.0 → 1.4.0

package/scss/themes/tui/index.scss

@@ -110,6 +110,9 @@
 	// Form input radio
 	@include util.uilib-build-css-vars('input-radio', $uilib-input-radio-variables);
 
+	// Form input radio scroll
+	@include util.uilib-build-css-vars('input-radio-scroll', $uilib-input-radio-scroll-variables);
+
 	// Form input select
 	@include util.uilib-build-css-vars('input-select', $uilib-input-select-variables);
 
@@ -182,6 +185,9 @@
 	// Skeleton
 	@include util.uilib-build-css-vars('skeleton', $uilib-skeleton-variables);
 
+	// Social proofing
+	@include util.uilib-build-css-vars('social-proofing', $uilib-social-proofing-variables);
+
 	// Tabs - in-page
 	@include util.uilib-build-css-vars('tabs-in-page', $uilib-tabs-in-page-variables);
 
@@ -190,4 +196,7 @@
 
 	// Tooltip
 	@include util.uilib-build-css-vars('tooltip', $uilib-tooltip-variables);
+
+	// Travel Aware Banner
+	@include util.uilib-build-css-vars('travel-aware-banner', $uilib-travel-aware-banner-variables);
 }

package/scss/variables/_border-radius.scss

@@ -5,6 +5,8 @@ $uilib-radius: (
 	'100': 0.25rem,
 	// 8px
 	'200': 0.5rem,
+	// 12px
+	'300': 0.75rem,
 	// 16px
 	'400': 1rem,
 	// 24px

package/scss/variables/base-theme.json

@@ -291,15 +291,19 @@
 			},
 			"border-radius-100": {
 				"title": "Border radius 100",
-				"useWith": ["Alert", "Accordion", "Image counter", "Pagination"]
+				"useWith": ["Alert", "Accordion"]
 			},
 			"border-radius-200": {
 				"title": "Border radius 200",
 				"useWith": ["Card"]
 			},
+			"border-radius-300": {
+				"title": "Border radius 300",
+				"useWith": ["Card"]
+			},
 			"border-radius-400": {
 				"title": "Border radius 400",
-				"useWith": ["Eye catcher"]
+				"useWith": []
 			},
 			"border-radius-600": {
 				"title": "Border radius 600",
@@ -1648,6 +1652,21 @@
 			}
 		}
 	},
+	"input-radio-scroll": {
+		"displayType": "image",
+		"tokens": {
+			"input-radio-scroll-previous-icon": {
+				"title": "Previous button icon",
+				"description": "Previous button icon",
+				"longValue": true
+			},
+			"input-radio-scroll-next-icon": {
+				"title": "Next button icon",
+				"description": "Next button icon",
+				"longValue": true
+			}
+		}
+	},
 	"input-select": {
 		"tokens": {
 			"input-select-icon": {
@@ -2354,6 +2373,26 @@
 			}
 		}
 	},
+	"social-proofing": {
+		"tokens": {
+			"social-proofing-radius": {
+				"primitive": "uilib-border-radius-300",
+				"title": "Social proofing container radius",
+				"description": "Social proofing container radius"
+			},
+			"social-proofing-close-icon": {
+				"displayType": "icon",
+				"title": "Close Icon ",
+				"description": "Social proofing close button icon",
+				"longValue": true
+			},
+			"social-proofing-box-shadow": {
+				"primitive": "uilib-elevation-100",
+				"title": "Social proofing Container box shadow",
+				"description": "Social proofing container box shadow"
+			}
+		}
+	},
 	"tabs-in-page": {
 		"tokens": {
 			"tabs-in-page-border-color": {
@@ -2476,5 +2515,16 @@
 				"description": "Tooltip overlay text colour"
 			}
 		}
+	},
+	"travel-aware-banner": {
+		"displayType": "color",
+		"tokens": {
+			"travel-aware-banner-radius": {
+				"displayType": "radius",
+				"primitive": "uilib-border-radius-400",
+				"title": "Travel Aware banner border radius",
+				"description": "Travel Aware banner border radius"
+			}
+		}
 	}
 }

package/scss/variables.scss

@@ -36,6 +36,7 @@
 @forward 'lib/forms/input-chip/variables';
 @forward 'lib/forms/input-count/variables';
 @forward 'lib/forms/input-radio/variables';
+@forward 'lib/forms/input-radio-scroll/variables';
 @forward 'lib/forms/input-select/variables';
 @forward 'lib/forms/input-stepper/variables';
 @forward 'lib/forms/input-slider/variables';
@@ -62,7 +63,9 @@
 @forward 'lib/scroller/variables';
 @forward 'lib/show-more-less/variables';
 @forward 'lib/skeleton/variables';
+@forward 'lib/social-proofing/variables';
 @forward 'lib/tabs/in-page/variables';
 @forward 'lib/tabs/anchor/variables';
 @forward 'lib/tooltip/variables';
+@forward 'lib/travel-aware-banner/variables';
 @forward 'lib/typography/variables';