@clayui/css 3.52.0 → 3.53.0

package/src/scss/functions/_lx-icons-generated.scss

@@ -106,6 +106,10 @@
 
 	'books': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline books-1-spine-top" d="M96.1 32h-64C14.4 32 .1 46.3.1 64v32h128V64c0-17.7-14.3-32-32-32z" fill="#{$color}"/><path class="lexicon-icon-outline books-1-spine-bottom" d="M.1 448c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32v-32H.1v32z" fill="#{$color}"/><path class="lexicon-icon-outline books-1-spine" fill="#{$color}" d="M.1 128h128v256H.1z"/><path class="lexicon-icon-outline books-2-spine-top" d="M256.1 32h-64c-17.7 0-32 14.3-32 32v32h128V64c0-17.7-14.3-32-32-32z" fill="#{$color}"/><path class="lexicon-icon-outline books-2-spine-bottom" d="M160.1 448c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32v-32h-128v32z" fill="#{$color}"/><path class="lexicon-icon-outline books-2-spine" fill="#{$color}" d="M160.1 128h128v256h-128z"/><path class="lexicon-icon-outline books-3-spine-top" d="m359.2 35.2-31 8.1c-17.1 4.5-27.4 21.9-22.9 39l8.1 31 92.9-24.2-8.1-31c-4.5-17.1-21.9-27.4-39-22.9z" fill="#{$color}"/><path class="lexicon-icon-outline books-3-spine" fill="#{$color}" d="m321.422 144.212 92.909-24.172 64.46 247.756-92.908 24.173z"/><path class="lexicon-icon-outline books-3-spine-bottom" d="M402 453.9c4.5 17.1 21.9 27.4 39 22.9l31-8.1c17.1-4.5 27.4-21.9 22.9-39l-8.1-31-92.9 24.2 8.1 31z" fill="#{$color}"/></svg>',
 
+	'border-style': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline border-style-rectangle-1" d="M64.001 96c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32h384c17.674 0 32-14.327 32-32 0-17.673-14.326-32-32-32h-384Z" fill="#{$color}"/><path class="lexicon-icon-outline border-style-rectangle-2" d="M64.001 224c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32h128c17.674 0 32-14.327 32-32 0-17.673-14.326-32-32-32h-128Z" fill="#{$color}"/><path class="lexicon-icon-outline border-style-rectangle-3" d="M32.002 384c0-17.673 14.326-32 32-32H128c17.674 0 32 14.327 32 32 0 17.673-14.326 32-32 32h-64c-17.673 0-32-14.327-32-32Z" fill="#{$color}"/><path class="lexicon-icon-outline border-style-rectangle-4" d="M320.001 224c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32h128c17.674 0 32-14.327 32-32 0-17.673-14.326-32-32-32h-128Z" fill="#{$color}"/><path class="lexicon-icon-outline border-style-rectangle-5" d="M192.001 384c0-17.673 14.327-32 32-32h64c17.674 0 32 14.327 32 32 0 17.673-14.326 32-32 32h-64c-17.673 0-32-14.327-32-32Z" fill="#{$color}"/><path class="lexicon-icon-outline border-style-rectangle-6" d="M384.001 352c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32h64c17.674 0 32-14.327 32-32 0-17.673-14.326-32-32-32h-64Z" fill="#{$color}"/></svg>',
+
+	'border-width': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline lx-border-width-line-1" d="M32 352h448v96H32z" fill="#{$color}"/><path class="lexicon-icon-outline lx-border-width-line-2" d="M32 192h448v64H32z" fill="#{$color}"/><path class="lexicon-icon-outline lx-border-width-line-3" d="M32 64h448v32H32z" fill="#{$color}"/></svg>',
+
 	'box-container': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline box-container-border" d="M448 64v384H64V64h384m0-64H64C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64z" fill="#{$color}"/><path class="lexicon-icon-outline box-container-square1" d="M384 256h-64c-17.7 0-32-14.3-32-32v-64c0-17.7 14.3-32 32-32h64c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32z" fill="#{$color}"/><path class="lexicon-icon-outline box-container-square2" d="M384 416h-64c-17.7 0-32-14.3-32-32v-64c0-17.7 14.3-32 32-32h64c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32z" fill="#{$color}"/><path class="lexicon-icon-outline box-container-square3" d="M224 416h-64c-17.7 0-32-14.3-32-32v-64c0-17.7 14.3-32 32-32h64c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32z" fill="#{$color}"/></svg>',
 
 	'breadcrumb': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline breadcrumb-arrow-outline" d="M111.8 128 214 255.8 111.8 383.6H32V128h79.8m0-32H32c-19.2 0-32 12.8-32 32v255.6c0 19.2 12.8 32 32 32h79.9c9.6 0 19.2-3.2 25.6-12.8L239.7 275c9.6-12.8 9.6-28.8 0-38.3L137.4 108.8c-6.4-9.6-16-12.8-25.6-12.8z" fill="#{$color}"/><path class="lexicon-icon-outline breadcrumb-arrow-solid" d="M377 415.5H258.8c-25.6 0-41.5-32-25.6-51.1l86.3-108.6-86.3-108.6c-16-19.2 0-51.1 25.6-51.1H377c9.6 0 19.2 3.2 25.6 12.8l102.2 127.8c9.6 12.8 9.6 28.8 0 38.3L402.6 402.7c-6.4 9.6-16 12.8-25.6 12.8z" fill="#{$color}"/></svg>',
@@ -562,6 +566,8 @@
 
 	'oauth': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline oauth-2-border" d="M256.4 64c254.8 13 256.7 370.5 0 384C-.5 436.4.2 76.4 256.4 64m0-64c-342 15.6-341.7 497.6 0 512 340.5-12.1 341.1-497.8 0-512z" fill="#{$color}"/><path class="lexicon-icon-outline oauth-2-a" d="M350.6 310.3 303.9 164c-7.2-17.7-16-36-47.8-36-32.1 0-40.5 18.2-48 36l-46.7 146.4c-10.9 40.4 45.8 59.7 61.2 19.3l9.2-29h48.3l9.2 29c15.4 40.3 72.3 21.3 61.3-19.4z" fill="#{$color}"/></svg>',
 
+	'opacity': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline lx-opacity-square-1" d="M0 256h128v128H0z" fill="#{$color}"/><path class="lexicon-icon-outline lx-opacity-square-2" d="M128 128h128v128H128z" fill="#{$color}"/><path class="lexicon-icon-outline lx-opacity-square-3" d="M0 64C0 28.654 28.654 0 64 0h64v128H0V64Z" fill="#{$color}"/><path class="lexicon-icon-outline lx-opacity-square-4" d="M128 384h128v128H128z" fill="#{$color}"/><path class="lexicon-icon-outline lx-opacity-square-5" d="M256 0h128v128H256z" fill="#{$color}"/><path class="lexicon-icon-outline lx-opacity-square-6" d="M256 256h128v128H256z" fill="#{$color}"/><path class="lexicon-icon-outline lx-opacity-square-7" d="M384 384h128v64c0 35.346-28.654 64-64 64h-64V384Z" fill="#{$color}"/><path class="lexicon-icon-outline lx-opacity-square-8" d="M384 128h128v128H384z" fill="#{$color}"/></svg>',
+
 	'open-id': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline open-id-tail" d="M224 64v382.2C128.3 436.4 64 383.8 64 336c0-42.3 50.3-88.3 128-105.2v-65C81.6 185.3 0 254 0 336c0 89.7 97.8 165.2 224 176l96-64V0l-96 64z" fill="#{$color}"/><path class="lexicon-icon-outline open-id-head" d="m512 320-32-128-35.2 26.4c-25.6-19.5-56.7-35.5-92.8-45.5v66.9c7.2 2.6 26.3 7.5 41.8 16.8L352 288l160 32z" fill="#{$color}"/></svg>',
 
 	'order-arrow-down': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="m161.5 367.9 71.6 71.6c11.9 10.8 32.9 11.2 45.8 0l71.6-71.6c29.8-33.6-15.8-74.9-45.8-45.8L288 338.8V96c0-42.5-64-42.5-64 0v242.8l-16.7-16.7c-31.8-29.9-75.5 14.9-45.8 45.8z" fill="#{$color}"/></svg>',

package/src/scss/mixins/_close.scss

@@ -64,307 +64,333 @@
 /// - Add @link to documentation
 
 @mixin clay-close($map) {
-	$enabled: setter(map-get($map, enabled), true);
+	@if (type-of($map) == 'map') {
+		$enabled: setter(map-get($map, enabled), true);
 
-	$base: map-merge(
-		$map,
-		(
-			background-color:
-				setter(map-get($map, bg), map-get($map, background-color)),
-		)
-	);
+		$base: map-merge(
+			$map,
+			(
+				background-color:
+					setter(map-get($map, bg), map-get($map, background-color)),
+			)
+		);
 
-	$hover: setter(map-get($map, hover), ());
-	$hover: map-merge(
-		$hover,
-		(
-			background-color:
-				setter(
-					map-get($map, hover-bg),
-					map-get($hover, background-color)
-				),
-			border-color:
-				setter(
-					map-get($map, hover-border-color),
-					map-get($hover, border-color)
-				),
-			color: setter(map-get($map, hover-color), map-get($hover, color)),
-			opacity:
-				setter(map-get($map, hover-opacity), map-get($hover, opacity)),
-			text-decoration:
-				setter(
-					map-get($map, hover-text-decoration),
-					map-get($hover, text-decoration)
-				),
-		)
-	);
+		$hover: setter(map-get($map, hover), ());
+		$hover: map-merge(
+			$hover,
+			(
+				background-color:
+					setter(
+						map-get($map, hover-bg),
+						map-get($hover, background-color)
+					),
+				border-color:
+					setter(
+						map-get($map, hover-border-color),
+						map-get($hover, border-color)
+					),
+				color:
+					setter(map-get($map, hover-color), map-get($hover, color)),
+				opacity:
+					setter(
+						map-get($map, hover-opacity),
+						map-get($hover, opacity)
+					),
+				text-decoration:
+					setter(
+						map-get($map, hover-text-decoration),
+						map-get($hover, text-decoration)
+					),
+			)
+		);
 
-	$focus: setter(map-get($map, focus), ());
-	$focus: map-merge(
-		$focus,
-		(
-			background-color:
-				setter(
-					map-get($map, focus-bg),
-					map-get($focus, background-color)
-				),
-			border-color:
-				setter(
-					map-get($map, focus-border-color),
-					map-get($focus, border-color)
-				),
-			border-radius:
-				setter(
-					map-get($map, focus-border-radius),
-					map-get($focus, border-radius)
-				),
-			box-shadow:
-				setter(
-					map-get($map, focus-box-shadow),
-					map-get($focus, box-shadow)
-				),
-			color: setter(map-get($map, focus-color), map-get($focus, color)),
-			opacity:
-				setter(map-get($map, focus-opacity), map-get($focus, opacity)),
-			outline:
-				setter(map-get($map, focus-outline), map-get($focus, outline)),
-			text-decoration:
-				setter(
-					map-get($map, focus-text-decoration),
-					map-get($focus, text-decoration)
-				),
-			z-index:
-				setter(map-get($map, focus-z-index), map-get($focus, z-index)),
-		)
-	);
+		$focus: setter(map-get($map, focus), ());
+		$focus: map-merge(
+			$focus,
+			(
+				background-color:
+					setter(
+						map-get($map, focus-bg),
+						map-get($focus, background-color)
+					),
+				border-color:
+					setter(
+						map-get($map, focus-border-color),
+						map-get($focus, border-color)
+					),
+				border-radius:
+					setter(
+						map-get($map, focus-border-radius),
+						map-get($focus, border-radius)
+					),
+				box-shadow:
+					setter(
+						map-get($map, focus-box-shadow),
+						map-get($focus, box-shadow)
+					),
+				color:
+					setter(map-get($map, focus-color), map-get($focus, color)),
+				opacity:
+					setter(
+						map-get($map, focus-opacity),
+						map-get($focus, opacity)
+					),
+				outline:
+					setter(
+						map-get($map, focus-outline),
+						map-get($focus, outline)
+					),
+				text-decoration:
+					setter(
+						map-get($map, focus-text-decoration),
+						map-get($focus, text-decoration)
+					),
+				z-index:
+					setter(
+						map-get($map, focus-z-index),
+						map-get($focus, z-index)
+					),
+			)
+		);
 
-	$active: setter(map-get($map, active), ());
-	$active: map-merge(
-		$active,
-		(
-			background-color:
-				setter(
-					map-get($map, active-bg),
-					map-get($active, background-color)
-				),
-			border-color:
-				setter(
-					map-get($map, active-border-color),
-					map-get($active, border-color)
-				),
-			color: setter(map-get($map, active-color), map-get($active, color)),
-			font-weight:
-				setter(
-					map-get($map, active-font-weight),
-					map-get($active, font-weight)
-				),
-			z-index:
-				setter(map-get($map, active-z-index), map-get($active, z-index)),
-		)
-	);
+		$active: setter(map-get($map, active), ());
+		$active: map-merge(
+			$active,
+			(
+				background-color:
+					setter(
+						map-get($map, active-bg),
+						map-get($active, background-color)
+					),
+				border-color:
+					setter(
+						map-get($map, active-border-color),
+						map-get($active, border-color)
+					),
+				color:
+					setter(
+						map-get($map, active-color),
+						map-get($active, color)
+					),
+				font-weight:
+					setter(
+						map-get($map, active-font-weight),
+						map-get($active, font-weight)
+					),
+				z-index:
+					setter(
+						map-get($map, active-z-index),
+						map-get($active, z-index)
+					),
+			)
+		);
 
-	$active-class: setter(map-get($map, active-class), ());
-	$active-class: map-merge(
-		$active-class,
-		(
-			background-color:
-				setter(
-					map-get($map, active-class-bg),
-					map-get($active-class, background-color),
-					map-get($active, background-color)
-				),
-			border-color:
-				setter(
-					map-get($map, active-class-border-color),
-					map-get($active-class, border-color),
-					map-get($active, border-color)
-				),
-			color:
-				setter(
-					map-get($map, active-class-color),
-					map-get($active-class, color),
-					map-get($active, color)
-				),
-			font-weight:
-				setter(
-					map-get($map, active-class-font-weight),
-					map-get($active-class, font-weight),
-					map-get($active, font-weight)
-				),
-			z-index:
-				setter(
-					map-get($map, active-class-z-index),
-					map-get($active-class, z-index),
-					map-get($active, z-index)
-				),
-		)
-	);
+		$active-class: setter(map-get($map, active-class), ());
+		$active-class: map-merge(
+			$active-class,
+			(
+				background-color:
+					setter(
+						map-get($map, active-class-bg),
+						map-get($active-class, background-color),
+						map-get($active, background-color)
+					),
+				border-color:
+					setter(
+						map-get($map, active-class-border-color),
+						map-get($active-class, border-color),
+						map-get($active, border-color)
+					),
+				color:
+					setter(
+						map-get($map, active-class-color),
+						map-get($active-class, color),
+						map-get($active, color)
+					),
+				font-weight:
+					setter(
+						map-get($map, active-class-font-weight),
+						map-get($active-class, font-weight),
+						map-get($active, font-weight)
+					),
+				z-index:
+					setter(
+						map-get($map, active-class-z-index),
+						map-get($active-class, z-index),
+						map-get($active, z-index)
+					),
+			)
+		);
 
-	$disabled: setter(map-get($map, disabled), ());
-	$disabled: map-merge(
-		$disabled,
-		(
-			background-color:
-				setter(
-					map-get($map, disabled-bg),
-					map-get($disabled, background-color)
-				),
-			border-color:
-				setter(
-					map-get($map, disabled-border-color),
-					map-get($disabled, border-color)
-				),
-			box-shadow:
-				setter(
-					map-get($map, disabled-box-shadow),
-					map-get($disabled, box-shadow)
-				),
-			color:
-				setter(map-get($map, disabled-color), map-get($disabled, color)),
-			cursor:
-				setter(
-					map-get($map, disabled-cursor),
-					map-get($disabled, cursor)
-				),
-			opacity:
-				setter(
-					map-get($map, disabled-opacity),
-					map-get($disabled, opacity)
-				),
-			pointer-events:
-				setter(
-					map-get($map, disabled-pointer-events),
-					map-get($disabled, pointer-events)
-				),
-			text-decoration:
-				setter(
-					map-get($map, disabled-text-decoration),
-					map-get($disabled, text-decoration)
-				),
-		)
-	);
+		$disabled: setter(map-get($map, disabled), ());
+		$disabled: map-merge(
+			$disabled,
+			(
+				background-color:
+					setter(
+						map-get($map, disabled-bg),
+						map-get($disabled, background-color)
+					),
+				border-color:
+					setter(
+						map-get($map, disabled-border-color),
+						map-get($disabled, border-color)
+					),
+				box-shadow:
+					setter(
+						map-get($map, disabled-box-shadow),
+						map-get($disabled, box-shadow)
+					),
+				color:
+					setter(
+						map-get($map, disabled-color),
+						map-get($disabled, color)
+					),
+				cursor:
+					setter(
+						map-get($map, disabled-cursor),
+						map-get($disabled, cursor)
+					),
+				opacity:
+					setter(
+						map-get($map, disabled-opacity),
+						map-get($disabled, opacity)
+					),
+				pointer-events:
+					setter(
+						map-get($map, disabled-pointer-events),
+						map-get($disabled, pointer-events)
+					),
+				text-decoration:
+					setter(
+						map-get($map, disabled-text-decoration),
+						map-get($disabled, text-decoration)
+					),
+			)
+		);
 
-	$disabled-active: setter(map-get($map, disabled-active), ());
-	$disabled-active: map-merge(
-		(
-			pointer-events: map-get($map, disabled-active-pointer-events),
-		),
-		$disabled-active
-	);
+		$disabled-active: setter(map-get($map, disabled-active), ());
+		$disabled-active: map-merge(
+			(
+				pointer-events: map-get($map, disabled-active-pointer-events),
+			),
+			$disabled-active
+		);
 
-	$btn-focus: setter(map-get($map, btn-focus), ());
-	$btn-focus: map-merge(
-		$btn-focus,
-		(
-			box-shadow:
-				setter(
-					map-get($map, btn-focus-box-shadow),
-					map-get($btn-focus, box-shadow)
-				),
-			outline:
-				setter(
-					map-get($map, btn-focus-outline),
-					map-get($btn-focus, outline)
-				),
-		)
-	);
+		$btn-focus: setter(map-get($map, btn-focus), ());
+		$btn-focus: map-merge(
+			$btn-focus,
+			(
+				box-shadow:
+					setter(
+						map-get($map, btn-focus-box-shadow),
+						map-get($btn-focus, box-shadow)
+					),
+				outline:
+					setter(
+						map-get($map, btn-focus-outline),
+						map-get($btn-focus, outline)
+					),
+			)
+		);
 
-	$lexicon-icon: setter(map-get($map, lexicon-icon), ());
-	$lexicon-icon: map-merge(
-		$lexicon-icon,
-		(
-			font-size:
-				setter(
-					map-get($map, lexicon-icon-font-size),
-					map-get($lexicon-icon, font-size)
-				),
-			margin-bottom:
-				setter(
-					map-get($map, lexicon-icon-margin-bottom),
-					map-get($lexicon-icon, margin-bottom)
-				),
-			margin-left:
-				setter(
-					map-get($map, lexicon-icon-margin-left),
-					map-get($lexicon-icon, margin-left)
-				),
-			margin-right:
-				setter(
-					map-get($map, lexicon-icon-margin-right),
-					map-get($lexicon-icon, margin-right)
-				),
-			margin-top:
-				setter(
-					map-get($map, lexicon-icon-margin-top),
-					map-get($lexicon-icon, margin-top)
-				),
-		)
-	);
+		$lexicon-icon: setter(map-get($map, lexicon-icon), ());
+		$lexicon-icon: map-merge(
+			$lexicon-icon,
+			(
+				font-size:
+					setter(
+						map-get($map, lexicon-icon-font-size),
+						map-get($lexicon-icon, font-size)
+					),
+				margin-bottom:
+					setter(
+						map-get($map, lexicon-icon-margin-bottom),
+						map-get($lexicon-icon, margin-bottom)
+					),
+				margin-left:
+					setter(
+						map-get($map, lexicon-icon-margin-left),
+						map-get($lexicon-icon, margin-left)
+					),
+				margin-right:
+					setter(
+						map-get($map, lexicon-icon-margin-right),
+						map-get($lexicon-icon, margin-right)
+					),
+				margin-top:
+					setter(
+						map-get($map, lexicon-icon-margin-top),
+						map-get($lexicon-icon, margin-top)
+					),
+			)
+		);
 
-	$c-inner: setter(map-get($map, c-inner), ());
-	$c-inner: map-merge(
-		(
-			enabled:
-				setter(
-					if(
-						variable-exists(enable-c-inner),
-						$enable-c-inner,
-						$cadmin-enable-c-inner
-					),
-					true
-				),
-			margin-bottom: math-sign(map-get($map, padding-bottom)),
-			margin-left: math-sign(map-get($map, padding-left)),
-			margin-right: math-sign(map-get($map, padding-right)),
-			margin-top: math-sign(map-get($map, padding-top)),
-		),
-		$c-inner
-	);
+		$c-inner: setter(map-get($map, c-inner), ());
+		$c-inner: map-merge(
+			(
+				enabled:
+					setter(
+						if(
+							variable-exists(enable-c-inner),
+							$enable-c-inner,
+							$cadmin-enable-c-inner
+						),
+						true
+					),
+				margin-bottom: math-sign(map-get($map, padding-bottom)),
+				margin-left: math-sign(map-get($map, padding-left)),
+				margin-right: math-sign(map-get($map, padding-right)),
+				margin-top: math-sign(map-get($map, padding-top)),
+			),
+			$c-inner
+		);
 
-	@if ($enabled) {
-		@include clay-css($base);
+		@if ($enabled) {
+			@include clay-css($base);
 
-		&:hover {
-			@include clay-css($hover);
-		}
+			&:hover {
+				@include clay-css($hover);
+			}
 
-		@at-root {
-			button#{&} {
-				&:focus {
-					@include clay-css($btn-focus);
+			@at-root {
+				button#{&} {
+					&:focus {
+						@include clay-css($btn-focus);
+					}
 				}
 			}
-		}
 
-		&:focus {
-			@include clay-css($focus);
-		}
+			&:focus {
+				@include clay-css($focus);
+			}
 
-		&:active {
-			@include clay-css($active);
-		}
+			&:active {
+				@include clay-css($active);
+			}
 
-		&.active {
-			@include clay-css($active-class);
-		}
+			&.active {
+				@include clay-css($active-class);
+			}
 
-		&:disabled,
-		&.disabled {
-			@include clay-css($disabled);
+			&:disabled,
+			&.disabled {
+				@include clay-css($disabled);
 
-			&:active {
-				@include clay-css($disabled-active);
+				&:active {
+					@include clay-css($disabled-active);
+				}
 			}
-		}
 
-		@if (map-get($c-inner, enabled)) {
-			.c-inner {
-				@include clay-css($c-inner);
+			@if (map-get($c-inner, enabled)) {
+				.c-inner {
+					@include clay-css($c-inner);
+				}
 			}
-		}
 
-		.lexicon-icon {
-			@include clay-css($lexicon-icon);
+			.lexicon-icon {
+				@include clay-css($lexicon-icon);
+			}
 		}
 	}
 }

package/src/scss/mixins/_forms.scss

@@ -601,6 +601,8 @@
 					);
 				}
 			}
+
+			@include clay-generate-media-breakpoints($map);
 		}
 	}
 }

package/src/scss/mixins/_grid.scss

@@ -184,7 +184,7 @@
 		$media-breakpoint-up: map-get($map, media-breakpoint-up);
 
 		@each $breakpoint in map-keys($media-breakpoint-up) {
-			$breakpoint-up: map-get($map, $breakpoint);
+			$breakpoint-up: map-get($media-breakpoint-up, $breakpoint);
 
 			@include media-breakpoint-up($breakpoint) {
 				@include clay-css($breakpoint-up);
@@ -195,8 +195,8 @@
 	@if (map-get($map, media-breakpoint-down)) {
 		$media-breakpoint-down: map-get($map, media-breakpoint-down);
 
-		@each $breakpoint in map-keys($map) {
-			$breakpoint-down: map-get($map, $breakpoint);
+		@each $breakpoint in map-keys($media-breakpoint-down) {
+			$breakpoint-down: map-get($media-breakpoint-down, $breakpoint);
 
 			@include media-breakpoint-down($breakpoint) {
 				@include clay-css($breakpoint-down);