@clayui/css 3.116.0 → 3.117.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.116.0
+ * Clay 3.117.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -2277,10 +2277,10 @@ input[type=button].btn-block {
   z-index: 10;
 }
 .c-horizontal-resizer:hover {
-  background-color: #47a0ff;
+  background-color: #57a8ff;
 }
 .c-horizontal-resizer:focus {
-  background-color: #47a0ff;
+  background-color: #57a8ff;
 }
 
 .fade {
@@ -9495,42 +9495,6 @@ label.custom-control-label {
 .custom-control-primary .custom-control-label-text {
   font-weight: 500;
 }
-.custom-control-label::before {
-  background-color: #fff;
-  border-color: #adb5bd;
-  border-style: solid;
-  border-width: 0.0625rem;
-  content: "";
-  display: block;
-  float: left;
-  font-size: 1rem;
-  height: 1rem;
-  left: 0;
-  position: relative;
-  top: 0.25rem;
-  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  width: 1rem;
-}
-@media (prefers-reduced-motion: reduce) {
-  .custom-control-label::before {
-    transition: none;
-  }
-}
-.c-prefers-reduced-motion .custom-control-label::before {
-  transition: none;
-}
-
-.custom-control-label::after {
-  background: no-repeat 50%/50% 50%;
-  content: "";
-  display: block;
-  height: 1rem;
-  left: 0;
-  position: absolute;
-  top: 0.25rem;
-  width: 1rem;
-}
-
 .custom-control-input {
   cursor: pointer;
   height: 1rem;
@@ -11754,8 +11718,8 @@ label.custom-control-label {
 .list-group-item-flex {
   display: flex;
   margin-bottom: -0.0625rem;
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
+  padding-left: calc(1.25rem * 0.5);
+  padding-right: calc(1.25rem * 0.5);
 }
 .list-group-item-flex:last-child {
   margin-bottom: 0;
@@ -11768,8 +11732,8 @@ label.custom-control-label {
 }
 .list-group-item-flex .autofit-col {
   justify-content: flex-start;
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
+  padding-left: calc(1.25rem * 0.5);
+  padding-right: calc(1.25rem * 0.5);
 }
 .list-group-item-flex .autofit-col .custom-control:only-child {
   margin-bottom: 0;
@@ -12304,6 +12268,10 @@ label.custom-control-label {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.modal-title[tabindex="-1"] {
+  outline: 0;
+}
+
 .modal-title-indicator {
   display: inline-block;
   font-size: 0.875rem;
@@ -12638,9 +12606,9 @@ label.custom-control-label {
   font-size: 1rem;
   line-height: normal;
   margin-bottom: 0.625rem;
+  overflow-wrap: break-word;
   word-wrap: break-word;
 }
-
 .multi-step-item-expand {
   flex-grow: 1;
   width: 75px;
@@ -17163,10 +17131,10 @@ label.custom-control-label {
 }
 @media (min-width: 768px) {
   .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after {
-    background-color: #47a0ff;
+    background-color: #57a8ff;
   }
   .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link[aria-expanded=true]::after, .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.show::after {
-    background-color: #47a0ff;
+    background-color: #57a8ff;
   }
 }
 
@@ -18031,6 +17999,10 @@ label.custom-control-label {
 .popover .inline-scroller {
   max-height: 14.75rem;
 }
+.popover.focus, .popover:focus-visible, .c-prefers-focus .popover:focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+  outline: 0;
+}
 .popover-secondary {
   box-shadow: 0 8px 16px 0 rgba(0, 123, 255, 0.16);
 }
@@ -20728,10 +20700,10 @@ td.table-focus {
   width: 2.5rem;
 }
 .tbar-stacked .tbar-btn-monospaced.focus, .tbar-stacked .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-stacked .tbar-btn-monospaced:focus {
-  box-shadow: inset 0 0 0 0.125rem #47a0ff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #57a8ff, inset 0 0 0 0.25rem #fff;
 }
 .tbar-stacked .tbar-btn-monospaced:active:focus-visible, .c-prefers-focus .tbar-stacked .tbar-btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #47a0ff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #57a8ff, inset 0 0 0 0.25rem #fff;
 }
 .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-bottom: 0;
@@ -21903,7 +21875,7 @@ td.table-focus {
   width: 100%;
 }
 .treeview-dropping-indicator-over {
-  background-color: #47a0ff;
+  background-color: #57a8ff;
 }
 .treeview-link {
   background-color: transparent;
@@ -21935,7 +21907,7 @@ td.table-focus {
 }
 .treeview-link.treeview-dropping-middle {
   background-color: #e5f2ff;
-  border-color: #47a0ff;
+  border-color: #57a8ff;
 }
 .treeview-link.show .component-expander .component-expanded-d-none, .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none {
   display: none;
@@ -21958,7 +21930,7 @@ td.table-focus {
 }
 .treeview-dragging {
   background-color: #fff;
-  border-color: #47a0ff;
+  border-color: #57a8ff;
   border-radius: 0.2rem;
   border-style: solid;
   border-width: 1px;
@@ -21983,7 +21955,7 @@ td.table-focus {
   color: #6c757d;
 }
 .treeview-light .treeview-link:hover, .treeview-light .treeview-link.hover {
-  box-shadow: inset 0 0 0 1px #889199;
+  box-shadow: inset 0 0 0 1px #949ca3;
 }
 .treeview-light .treeview-link.focus, .treeview-light .treeview-link:focus-visible, .c-prefers-focus .treeview-light .treeview-link:focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
@@ -22026,7 +21998,7 @@ td.table-focus {
   color: #a9afb5;
 }
 .treeview-dark .treeview-link:hover, .treeview-dark .treeview-link.hover {
-  box-shadow: inset 0 0 0 1px #889199;
+  box-shadow: inset 0 0 0 1px #949ca3;
 }
 .treeview-dark .treeview-link.focus, .treeview-dark .treeview-link:focus-visible, .c-prefers-focus .treeview-dark .treeview-link:focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);