@clayui/css 3.134.0 → 3.136.0

package/src/scss/mixins/_tooltip.scss

@@ -30,40 +30,72 @@
 		$enabled: setter(map-get($map, enabled), true);
 
 		@if ($enabled) {
-			@include clay-css($map);
-
-			&.show {
-				@include clay-css(map-get($map, show));
+			@if (length($map) != 0) {
+				@include clay-css($map);
 			}
 
-			.arrow {
-				@include clay-css(map-get($map, arrow));
+			$_show: map-get($map, show);
 
-				&::before {
-					@include clay-css(map-deep-get($map, arrow, before));
+			@if ($_show) {
+				&.show {
+					@include clay-css($_show);
 				}
+			}
+
+			$_arrow: map-get($map, arrow);
+
+			@if ($_arrow) {
+				.arrow {
+					@include clay-css($_arrow);
+
+					$_before: map-get($_arrow, before);
+
+					@if ($_before) {
+						&::before {
+							@include clay-css($_before);
+						}
+					}
+
+					$_after: map-get($_arrow, after);
 
-				&::after {
-					@include clay-css(map-deep-get($map, arrow, after));
+					@if ($_after) {
+						&::after {
+							@include clay-css($_after);
+						}
+					}
 				}
 			}
 
-			.tooltip-arrow {
-				@include clay-css(map-get($map, tooltip-arrow));
+			$_tooltip-arrow: map-get($map, tooltip-arrow);
 
-				&::before {
-					@include clay-css(
-						map-deep-get($map, tooltip-arrow, before)
-					);
-				}
+			@if ($_tooltip-arrow) {
+				.tooltip-arrow {
+					@include clay-css($_tooltip-arrow);
+
+					$_before: map-get($_tooltip-arrow, before);
+
+					@if ($_before) {
+						&::before {
+							@include clay-css($_before);
+						}
+					}
 
-				&::after {
-					@include clay-css(map-deep-get($map, tooltip-arrow, after));
+					$_after: map-get($_tooltip-arrow, after);
+
+					@if ($_after) {
+						&::after {
+							@include clay-css($_after);
+						}
+					}
 				}
 			}
 
-			.tooltip-inner {
-				@include clay-css(map-get($map, tooltip-inner));
+			$_tooltip-inner: map-get($map, tooltip-inner);
+
+			@if ($_tooltip-inner) {
+				.tooltip-inner {
+					@include clay-css($_tooltip-inner);
+				}
 			}
 		}
 	}

package/src/scss/variables/_modals.scss

@@ -138,7 +138,7 @@ $modal-body: map-deep-merge(
 			overflow: auto,
 			padding: $modal-inner-padding,
 		),
-		'.aspect-ratio': (
+		'.modal-banner-img': (
 			margin-left: math-sign($modal-inner-padding),
 			margin-right: math-sign($modal-inner-padding),
 			top: math-sign($modal-inner-padding),