@clayui/css 3.127.0 → 3.130.0

package/src/scss/variables/_custom-forms.scss

@@ -536,7 +536,7 @@ $custom-control-outside: () !default;
 $custom-control-outside: map-deep-merge(
 	(
 		label: (
-			display: block,
+			display: inline-block,
 			padding-left:
 				calc(
 					#{$custom-control-indicator-size} + #{$custom-control-description-padding-left}

package/src/scss/variables/_dropdowns.scss

@@ -1041,6 +1041,9 @@ $dropdown-menu-palette: map-deep-merge(
 					right: 0.5rem,
 				),
 			),
+			inline-scroller: (
+				max-height: 224px,
+			),
 		),
 		'.dropdown-menu-select.dropdown-menu-height-lg': (
 			inline-scroller: (

package/src/scss/variables/_forms.scss

@@ -120,6 +120,16 @@ $input: map-deep-merge(
 // Form Control Variants
 
 $input-palette: () !default;
+$input-palette: map-deep-merge(
+	(
+		'.form-control-shrink': (
+			max-width: 100%,
+			white-space: nowrap,
+			width: min-content,
+		),
+	),
+	$input-palette
+);
 
 // Form Control Plaintext
 

package/src/scss/variables/_globals.scss

@@ -440,6 +440,8 @@ $container-max-widths: (
 	md: 720px,
 	lg: 960px,
 	xl: 1140px,
+	xxl: 1392px,
+	xxxl: 1872px,
 ) !default;
 
 @include _assert-ascending($container-max-widths, '$container-max-widths');

package/src/scss/variables/_utilities.scss

@@ -798,6 +798,22 @@ $c-prefers-reduced-motion: map-merge(
 	(
 		scroll-behavior: auto,
 		transition: clay-enable-transitions(none),
+		'.loading-animation-squares': (
+			'&::before': (
+				background-color: transparent,
+				display: block,
+				font-size: inherit,
+				opacity: inherit,
+				transform: none,
+			),
+			'&::after': (
+				font-size: inherit,
+				left: auto,
+				position: relative,
+				top: auto,
+				transform: none,
+			),
+		),
 	),
 	$c-prefers-reduced-motion
 );