@clayui/css 3.75.0 → 3.78.0

package/src/scss/cadmin/variables/_navigation-bar.scss

@@ -17,6 +17,8 @@ $cadmin-navigation-bar-size: map-deep-merge(
 		toggler-link-height: 32px,
 		toggler-link-margin-y: 7.5px,
 		toggler-link-padding-y: 0,
+		media-breakpoint-down: (),
+		media-breakpoint-up: (),
 	),
 	$cadmin-navigation-bar-size
 );
@@ -31,15 +33,257 @@ $cadmin-navigation-bar-base: map-deep-merge(
 				border-radius: 0,
 				outline: 0,
 				focus: (
-					box-shadow: $cadmin-btn-focus-box-shadow,
+					box-shadow: $cadmin-component-focus-box-shadow,
 				),
 				disabled: (
 					box-shadow: none,
 				),
 			),
 		),
-		media-breakpoint-down: (),
-		media-breakpoint-up: (),
+		media-breakpoint-down: (
+			sm: (
+				navbar-expand-md: (
+					navbar-collapse-absolute: (
+						navbar-collapse: (
+							border-color:
+								setter(
+									map-get(
+										$cadmin-navigation-bar-size,
+										border-color
+									),
+									transparent
+								),
+							border-style:
+								setter(
+									map-get(
+										$cadmin-navigation-bar-size,
+										border-style
+									),
+									solid
+								),
+							border-bottom-width:
+								setter(
+									map-get(
+										$cadmin-navigation-bar-size,
+										border-bottom-width
+									),
+									1px
+								),
+							border-left-width:
+								setter(
+									map-get(
+										$cadmin-navigation-bar-size,
+										border-left-width
+									),
+									0
+								),
+							border-right-width:
+								setter(
+									map-get(
+										$cadmin-navigation-bar-size,
+										border-right-width
+									),
+									0
+								),
+							border-top-width:
+								setter(
+									map-get(
+										$cadmin-navigation-bar-size,
+										border-top-width
+									),
+									0
+								),
+							box-shadow:
+								clay-enable-shadows(
+									setter(
+										map-get(
+											$cadmin-navigation-bar-size,
+											box-shadow
+										),
+										null
+									)
+								),
+							left:
+								math-sign(
+									setter(
+										map-get(
+											$cadmin-navigation-bar-size,
+											border-left-width
+										),
+										0
+									)
+								),
+							margin-top:
+								setter(
+									map-get(
+										$cadmin-navigation-bar-size,
+										border-bottom-width
+									),
+									1px
+								),
+							padding-bottom:
+								setter(
+									map-get(
+										$cadmin-navigation-bar-size,
+										padding-y
+									),
+									0
+								),
+							padding-left:
+								setter(
+									map-get(
+										$cadmin-navigation-bar-size,
+										padding-x
+									),
+									0
+								),
+							padding-right:
+								setter(
+									map-get(
+										$cadmin-navigation-bar-size,
+										padding-x
+									),
+									0
+								),
+							padding-top:
+								setter(
+									map-get(
+										$cadmin-navigation-bar-size,
+										padding-y
+									),
+									0
+								),
+							right:
+								math-sign(
+									setter(
+										map-get(
+											$cadmin-navigation-bar-size,
+											border-right-width
+										),
+										0
+									)
+								),
+						),
+					),
+					navbar-collapse: (
+						navbar-nav: (
+							dropdown-divider: (
+								margin-left:
+									math-sign(
+										setter(
+											map-get(
+												$cadmin-navigation-bar-size,
+												padding-x
+											),
+											null
+										)
+									),
+								margin-right:
+									math-sign(
+										setter(
+											map-get(
+												$cadmin-navigation-bar-size,
+												padding-x
+											),
+											null
+										)
+									),
+							),
+							dropdown-item: (
+								padding-bottom:
+									setter(
+										map-get(
+											$cadmin-navigation-bar-size,
+											collapse-dropdown-item-padding-y-mobile
+										),
+										11.5px
+									),
+								padding-left:
+									setter(
+										map-get(
+											$cadmin-navigation-bar-size,
+											collapse-dropdown-item-padding-x-mobile
+										),
+										16px
+									),
+								padding-right:
+									setter(
+										map-get(
+											$cadmin-navigation-bar-size,
+											collapse-dropdown-item-padding-x-mobile
+										),
+										16px
+									),
+								padding-top:
+									setter(
+										map-get(
+											$cadmin-navigation-bar-size,
+											collapse-dropdown-item-padding-y-mobile
+										),
+										11.5px
+									),
+							),
+						),
+					),
+				),
+			),
+		),
+		media-breakpoint-up: (
+			md: (
+				navbar-expand-md: (
+					navbar-underline: (
+						navbar-nav: (
+							nav-link: (
+								active-class: (
+									after: (
+										bottom:
+											setter(
+												map-get(
+													$cadmin-navigation-bar-size,
+													active-border-offset-bottom
+												),
+												-1px
+											),
+										height:
+											setter(
+												map-get(
+													$cadmin-navigation-bar-size,
+													active-border-bottom-width
+												),
+												4px
+											),
+										left:
+											setter(
+												map-get(
+													$cadmin-navigation-bar-size,
+													active-border-offset-x
+												),
+												null
+											),
+										right:
+											setter(
+												map-get(
+													$cadmin-navigation-bar-size,
+													active-border-offset-x
+												),
+												null
+											),
+										top:
+											setter(
+												map-get(
+													$cadmin-navigation-bar-size,
+													active-border-offset-top
+												),
+												null
+											),
+									),
+								),
+							),
+						),
+					),
+				),
+			),
+		),
 	),
 	$cadmin-navigation-bar-base
 );
@@ -64,7 +308,7 @@ $cadmin-navigation-bar-light: map-deep-merge(
 				),
 				disabled: (
 					color: $cadmin-gray-600,
-					opacity: $cadmin-btn-disabled-opacity,
+					opacity: $cadmin-component-disabled-opacity,
 				),
 			),
 		),
@@ -87,7 +331,7 @@ $cadmin-navigation-bar-light: map-deep-merge(
 								),
 								disabled: (
 									color: $cadmin-gray-600,
-									opacity: $cadmin-btn-disabled-opacity,
+									opacity: $cadmin-component-disabled-opacity,
 								),
 							),
 						),
@@ -120,7 +364,7 @@ $cadmin-navigation-bar-secondary: map-deep-merge(
 				),
 				disabled: (
 					color: $cadmin-gray-400,
-					opacity: $cadmin-btn-disabled-opacity,
+					opacity: $cadmin-component-disabled-opacity,
 				),
 			),
 		),
@@ -149,7 +393,7 @@ $cadmin-navigation-bar-secondary: map-deep-merge(
 								),
 								disabled: (
 									color: $cadmin-gray-400,
-									opacity: $cadmin-btn-disabled-opacity,
+									opacity: $cadmin-component-disabled-opacity,
 								),
 							),
 						),

package/src/scss/cadmin/variables/_quick-action.scss

@@ -13,4 +13,4 @@ $cadmin-quick-action-item-min-width: 32px !default; // 32px
 $cadmin-quick-action-item-border-radius: $cadmin-border-radius !default;
 
 $cadmin-quick-action-item-disabled-cursor: $cadmin-disabled-cursor !default;
-$cadmin-quick-action-item-disabled-opacity: $cadmin-btn-disabled-opacity !default;
+$cadmin-quick-action-item-disabled-opacity: $cadmin-component-disabled-opacity !default;

package/src/scss/cadmin/variables/_tables.scss

@@ -249,7 +249,7 @@ $cadmin-table-action-link: map-deep-merge(
 		font-size: 16px,
 		height: 32px,
 		justify-content: center,
-		transition: $cadmin-btn-transition,
+		transition: $cadmin-component-transition,
 		vertical-align: middle,
 		width: 32px,
 		hover: (
@@ -687,7 +687,7 @@ $cadmin-table-list-action-link: map-deep-merge(
 		font-size: 16px,
 		height: 32px,
 		justify-content: center,
-		transition: $cadmin-btn-transition,
+		transition: $cadmin-component-transition,
 		vertical-align: middle,
 		width: 32px,
 		hover: (

package/src/scss/cadmin/variables/_utilities.scss

@@ -69,7 +69,7 @@ $cadmin-close: map-deep-merge(
 		padding: 0,
 		text-align: center,
 		text-shadow: $cadmin-close-text-shadow,
-		transition: $cadmin-btn-transition,
+		transition: $cadmin-component-transition,
 		width: 32px,
 		hover: (
 			color: $cadmin-close-color,
@@ -77,7 +77,7 @@ $cadmin-close: map-deep-merge(
 			text-decoration: none,
 		),
 		focus: (
-			box-shadow: $cadmin-btn-focus-box-shadow,
+			box-shadow: $cadmin-component-focus-box-shadow,
 			opacity: 1,
 			outline: 0,
 		),
@@ -85,13 +85,13 @@ $cadmin-close: map-deep-merge(
 			box-shadow: none,
 			color: $cadmin-gray-600,
 			cursor: $cadmin-disabled-cursor,
-			opacity: $cadmin-btn-disabled-opacity,
+			opacity: $cadmin-component-disabled-opacity,
 			outline: 0,
 		),
 		disabled-active: (
 			pointer-events: none,
 		),
-		btn-focus-box-shadow: $cadmin-btn-focus-box-shadow,
+		btn-focus-box-shadow: $cadmin-component-focus-box-shadow,
 		btn-focus-outline: 0,
 		lexicon-icon-margin-top: 0,
 	),

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

@@ -47,7 +47,7 @@
 
 		+ .input-group {
 			border-radius: 1px;
-			box-shadow: 0 0 0 0.075rem #fff, $btn-focus-box-shadow;
+			box-shadow: $component-focus-box-shadow;
 		}
 	}
 

package/src/scss/components/_links.scss

@@ -17,7 +17,7 @@
 // Link Outline
 
 button.link-outline {
-	cursor: $btn-cursor;
+	cursor: $link-cursor;
 }
 
 .link-outline {

package/src/scss/functions/_global-functions.scss

@@ -795,14 +795,8 @@
 	$newMap: $map;
 
 	@each $key in $keys {
-		@if (type-of($newMap) == 'list' and length($newMap) == 0) or
-			(type-of($newMap) == 'null')
-		{
-			$newMap: map-new();
-		}
-
-		@if (type-of($newMap) != map) {
-			@error ('argument `$map: #{$map}` of `map-deep-get($map, $keys)` must be a map');
+		@if (type-of($newMap) != 'map') {
+			@return null;
 		}
 
 		$newMap: map-get($newMap, $key);