@clayui/css 3.157.0-alpha.1 → 3.159.0

package/package.json

@@ -43,6 +43,7 @@
 	],
 	"homepage": "http://clayui.com",
 	"license": "MIT",
+	"main": "index.js",
 	"name": "@clayui/css",
 	"repository": {
 		"type": "git",
@@ -55,5 +56,5 @@
 		"link": "npm link",
 		"prepublish": "yarn compile"
 	},
-	"version": "3.157.0-alpha.1"
+	"version": "3.159.0"
 }

package/src/scss/_license-text.scss

@@ -1,5 +1,5 @@
 /**
- * Clay 3.157.0-alpha.1
+ * Clay 3.159.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>

package/src/scss/cadmin/variables/_stickers.scss

@@ -359,6 +359,16 @@ $cadmin-sticker-dark: map-deep-merge(
 	$cadmin-sticker-dark
 );
 
+$cadmin-sticker-outline: () !default;
+$cadmin-sticker-outline: map-deep-merge(
+	(
+		background-color: $cadmin-blue-l5,
+		border: 1px solid $cadmin-blue-d2,
+		color: $cadmin-blue-d2,
+	),
+	$cadmin-sticker-outline
+);
+
 $cadmin-sticker-outline-0: () !default;
 $cadmin-sticker-outline-0: map-deep-merge(
 	(
@@ -470,6 +480,7 @@ $cadmin-sticker-palette: map-deep-merge(
 		danger: $cadmin-sticker-danger,
 		light: $cadmin-sticker-light,
 		dark: $cadmin-sticker-dark,
+		'.sticker-outline': $cadmin-sticker-outline,
 		'.sticker-outline-0': $cadmin-sticker-outline-0,
 		'.sticker-outline-1': $cadmin-sticker-outline-1,
 		'.sticker-outline-2': $cadmin-sticker-outline-2,

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

@@ -192,9 +192,10 @@ label.custom-control-label {
 				background-color: $custom-control-indicator-border-color;
 				border-radius: $custom-switch-indicator-border-radius;
 				height: $custom-switch-indicator-size;
-				left: add(
-					-($custom-switch-width + $custom-control-gutter),
-					$custom-control-indicator-border-width * 2
+				left: calc(
+					#{$custom-control-indicator-border-width} *
+						2 -
+						(#{$custom-switch-width} + #{$custom-control-gutter})
 				);
 
 				@include transition(

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

@@ -572,8 +572,10 @@ $custom-switch-indicator-border-radius: $custom-control-indicator-size * 0.5 !de
 
 /// @deprecated as of v3.x with no replacement
 
-$custom-switch-indicator-size: $custom-control-indicator-size -
-	($custom-control-indicator-border-width * 4) !default;
+$custom-switch-indicator-size: calc(
+	#{$custom-control-indicator-size} - (#{$custom-control-indicator-border-width} *
+				4)
+) !default;
 
 // Custom Select
 

package/src/scss/variables/_forms.scss

@@ -461,13 +461,15 @@ $form-control-label-size: map-deep-merge(
 
 // Form Control Tag Group
 
-$form-control-tag-group-padding-y: (
-		$input-height - $input-border-bottom-width - $input-border-top-width - map-get(
-				$form-control-label-size,
-				min-height
-			) - (map-get($form-control-label-size, margin-bottom)) -
-			(map-get($form-control-label-size, margin-top))
-	) * 0.5 !default;
+$form-control-tag-group-padding-y: calc(
+	(
+			#{$input-height} - #{$input-border-bottom-width} - #{$input-border-top-width} -
+				#{map-get($form-control-label-size, min-height)} - #{map-get(
+					$form-control-label-size,
+					margin-bottom
+				)} - #{map-get($form-control-label-size, margin-top)}
+		) * 0.5
+) !default;
 
 $form-control-inset-min-height: 1.5rem !default;
 $form-control-inset-margin-y: 0.125rem !default;

package/src/scss/variables/_stickers.scss

@@ -423,6 +423,16 @@ $sticker-dark: map-deep-merge(
 	$sticker-dark
 );
 
+$sticker-outline: () !default;
+$sticker-outline: map-deep-merge(
+	(
+		background-color: $blue-l5,
+		border: 1px solid $blue-d2,
+		color: $blue-d2,
+	),
+	$sticker-outline
+);
+
 $sticker-outline-0: () !default;
 $sticker-outline-0: map-deep-merge(
 	(
@@ -534,6 +544,7 @@ $sticker-palette: map-deep-merge(
 		danger: $sticker-danger,
 		light: $sticker-light,
 		dark: $sticker-dark,
+		'.sticker-outline': $sticker-outline,
 		'.sticker-outline-0': $sticker-outline-0,
 		'.sticker-outline-1': $sticker-outline-1,
 		'.sticker-outline-2': $sticker-outline-2,