@clayui/css - npm Package Compare versions

Comparing version 3.158.0 to 3.159.0

package.json

@@ -46,2 +46,3 @@ {
 	"license": "MIT",
+	"main": "index.js",
 	"name": "@clayui/css",
@@ -59,3 +60,3 @@ "repository": {
 	},
-	"version": "3.158.0"
+	"version": "3.159.0"
 }

src/scss/_license-text.scss

 /**
- * Clay 3.158.0
+ * Clay 3.159.0
  *
@@ -4,0 +4,0 @@ * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>

src/scss/cadmin/variables/_stickers.scss

@@ -362,2 +362,12 @@ // .sticker
 
+$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;
@@ -474,2 +484,3 @@ $cadmin-sticker-outline-0: map-deep-merge(
 		dark: $cadmin-sticker-dark,
+		'.sticker-outline': $cadmin-sticker-outline,
 		'.sticker-outline-0': $cadmin-sticker-outline-0,
@@ -476,0 +487,0 @@ '.sticker-outline-1': $cadmin-sticker-outline-1,

src/scss/components/_custom-forms.scss

@@ -195,5 +195,6 @@ .form-file {
 				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})
 				);
@@ -200,0 +201,0 @@

src/scss/variables/_custom-forms.scss

@@ -575,4 +575,6 @@ ////
 
-$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;
 
@@ -579,0 +581,0 @@ // Custom Select

src/scss/variables/_forms.scss

@@ -464,9 +464,11 @@ $input-bg: $white !default;
 
-$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;
 
@@ -473,0 +475,0 @@ $form-control-inset-min-height: 1.5rem !default;

src/scss/variables/_stickers.scss

@@ -426,2 +426,12 @@ // .sticker
 
+$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;
@@ -538,2 +548,3 @@ $sticker-outline-0: map-deep-merge(
 		dark: $sticker-dark,
+		'.sticker-outline': $sticker-outline,
 		'.sticker-outline-0': $sticker-outline-0,
@@ -540,0 +551,0 @@ '.sticker-outline-1': $sticker-outline-1,

No alert changes

Improved metrics

Total package byte prevSize

12019571

0.01%

Lines of code

87700

0.02%

No dependency changes