@clayui/css 3.86.1 → 3.87.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.86.1
+ * Clay 3.87.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -1464,42 +1464,42 @@ input[type=button].btn-block {
 }
 .btn-secondary {
   background-color: #fff;
-  border-color: #cdced9;
+  border-color: #88889a;
   color: #6b6c7e;
 }
 .btn-secondary:hover {
   background-color: #f7f8f9;
-  border-color: #cdced9;
+  border-color: #88889a;
   color: #272833;
 }
 .btn-secondary:focus, .focus.btn-secondary {
   background-color: #f7f8f9;
-  border-color: #cdced9;
+  border-color: #88889a;
   color: #272833;
 }
 .btn-secondary:active {
   background-color: #f1f2f5;
-  border-color: #cdced9;
+  border-color: #88889a;
   color: #272833;
 }
 .active.btn-secondary {
   background-color: #f1f2f5;
-  border-color: #cdced9;
+  border-color: #88889a;
   color: #272833;
 }
 .btn-secondary:disabled, .disabled.btn-secondary {
   background-color: #fff;
-  border-color: #cdced9;
+  border-color: #88889a;
   color: #6b6c7e;
 }
 [aria-expanded=true].btn-secondary, .show.btn-secondary {
   background-color: #f1f2f5;
-  border-color: #cdced9;
+  border-color: #88889a;
   color: #272833;
 }
 .form-file-input:focus + .btn-secondary {
   background-color: #f7f8f9;
-  border-color: #cdced9;
+  border-color: #88889a;
   color: #272833;
 }
 .btn-success {
@@ -6361,10 +6361,10 @@ input[type=button].btn-block {
   display: block;
   font-size: 0.875rem;
   margin-top: 0.625rem;
-  padding-bottom: 0.375rem;
+  padding-bottom: 0.34375rem;
   padding-left: 1rem;
   padding-right: 1rem;
-  padding-top: 0.375rem;
+  padding-top: 0.34375rem;
   position: relative;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -6394,7 +6394,7 @@ input[type=button].btn-block {
 .dropdown-caption {
   color: #6b6c7e;
   font-size: 0.875rem;
-  padding: 0.5rem 1rem;
+  padding: 0.34375rem 1rem;
   white-space: normal;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -6410,10 +6410,10 @@ input[type=button].btn-block {
   display: block;
   font-weight: 400;
   overflow: hidden;
-  padding-bottom: 0.5rem;
+  padding-bottom: 0.34375rem;
   padding-left: 1rem;
   padding-right: 1rem;
-  padding-top: 0.5rem;
+  padding-top: 0.34375rem;
   position: relative;
   text-align: inherit;
   transition: none;
@@ -6449,17 +6449,12 @@ input[type=button].btn-block {
   background-color: #f0f5ff;
   color: #272833;
   text-decoration: none;
-  font-weight: 600;
 }
 .dropdown-item.active label {
   color: #272833;
 }
 .dropdown-item.active .form-check-label {
   color: #272833;
-  font-weight: 600;
-}
-.dropdown-item.active .custom-control-label {
-  font-weight: 600;
 }
 .dropdown-item.active .c-kbd-inline {
   color: #272833;
@@ -6488,10 +6483,10 @@ input[type=button].btn-block {
 }
 .dropdown-item .c-inner {
   flex-grow: 1;
-  margin-bottom: -0.5rem;
+  margin-bottom: -0.34375rem;
   margin-left: -1rem;
   margin-right: -1rem;
-  margin-top: -0.5rem;
+  margin-top: -0.34375rem;
   width: auto;
 }
 .dropdown-item.autofit-row {
@@ -6534,17 +6529,17 @@ input[type=button].btn-block {
   color: #6b6c7e;
   display: block;
   font-weight: 400;
-  padding-bottom: 0.5rem;
+  padding-bottom: 0.34375rem;
   padding-left: 1rem;
   padding-right: 1rem;
-  padding-top: 0.5rem;
+  padding-top: 0.34375rem;
 }
 
 .dropdown-section {
-  padding: 0.5rem 1rem;
+  padding: 0.375rem 1rem;
 }
 .dropdown-section .form-group + .form-group {
-  margin-top: 1rem;
+  margin-top: 0.6875rem;
 }
 .dropdown-section .custom-control {
   margin-bottom: 0;
@@ -6553,7 +6548,7 @@ input[type=button].btn-block {
   color: #6b6c7e;
 }
 .dropdown-section .custom-control-label-text {
-  padding-left: 1rem;
+  padding-left: 0.75rem;
 }
 .dropdown-section.active .custom-control-label {
   color: #272833;
@@ -6603,7 +6598,7 @@ input[type=button].btn-block {
 .dropdown-menu .alert {
   line-height: normal;
   margin: 0.5rem;
-  padding: 0.375rem 1rem;
+  padding: 0.34375rem 1rem;
 }
 .dropdown-menu .alert:first-child {
   margin-top: 0;
@@ -6810,7 +6805,7 @@ input[type=button].btn-block {
   height: 1rem;
   left: 1rem;
   position: absolute;
-  top: 0.5rem;
+  top: 0.34375rem;
   width: 1rem;
 }
 .dropdown-menu-indicator-start .dropdown-item-indicator-text-start {
@@ -6821,14 +6816,14 @@ input[type=button].btn-block {
 .dropdown-menu-indicator-start .dropdown-caption,
 .dropdown-menu-indicator-start .dropdown-item {
   padding-left: calc(
-			1rem + 1rem + 1rem
+			1rem + 1rem + 0.75rem
 		);
 }
 .dropdown-menu-indicator-start .dropdown-item .c-inner {
   margin-left: calc((
 							1rem +
 								1rem +
-								1rem
+								0.75rem
 						) * -1);
 }
 
@@ -6841,7 +6836,7 @@ input[type=button].btn-block {
   left: 1rem;
   position: absolute;
   right: auto;
-  top: calc( 				0.5rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
+  top: calc( 				0.34375rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
   width: 1rem;
 }
 .dropdown-item-indicator-start .lexicon-icon {
@@ -6851,7 +6846,7 @@ input[type=button].btn-block {
 .dropdown-item-indicator-text-start {
   color: inherit;
   display: block;
-  padding-left: 2rem;
+  padding-left: 1.75rem;
   text-decoration: inherit;
   width: 100%;
 }
@@ -6864,26 +6859,26 @@ input[type=button].btn-block {
   text-decoration: inherit;
 }
 .dropdown-item-indicator-text-start > .c-inner {
-  margin-left: -2rem;
+  margin-left: -1.75rem;
 }
 .dropdown-menu-indicator-end .dropdown-item-indicator {
   position: absolute;
   right: 1rem;
-  top: 0.5rem;
+  top: 0.34375rem;
 }
 .dropdown-menu-indicator-end .dropdown-item-indicator-text-end {
   padding-right: 0;
 }
 .dropdown-menu-indicator-end .dropdown-item {
   padding-right: calc(
-			1rem + 1rem + 1rem
+			1rem + 1rem + 0.75rem
 		);
 }
 .dropdown-menu-indicator-end .dropdown-item .c-inner {
   margin-right: calc((
 							1rem +
 								1rem +
-								1rem
+								0.75rem
 						) * -1);
 }
 
@@ -6896,7 +6891,7 @@ input[type=button].btn-block {
   left: auto;
   position: absolute;
   right: 1rem;
-  top: calc( 				0.5rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
+  top: calc( 				0.34375rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
   width: 1rem;
 }
 .dropdown-item-indicator-end .lexicon-icon {
@@ -6906,7 +6901,7 @@ input[type=button].btn-block {
 .dropdown-item-indicator-text-end {
   color: inherit;
   display: block;
-  padding-right: 2rem;
+  padding-right: 1.75rem;
   text-decoration: inherit;
   width: 100%;
 }
@@ -6919,7 +6914,7 @@ input[type=button].btn-block {
   text-decoration: inherit;
 }
 .dropdown-item-indicator-text-end > .c-inner {
-  margin-right: -2rem;
+  margin-right: -1.75rem;
 }
 .dropdown-menu-top {
   bottom: 100% !important;