@clayui/css 3.115.0 → 3.115.2

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.115.0
+ * Clay 3.115.2
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -16,7 +16,7 @@
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
  */
 /**
- * Clay 3.115.0
+ * Clay 3.115.2
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -4514,6 +4514,7 @@ html:not(#__):not(#___) .cadmin .c-empty-state-animation {
   align-items: center;
   display: flex;
   flex-direction: column;
+  flex-shrink: 0;
   margin: 80px auto 24px;
   max-width: 340px;
   text-align: center;
@@ -8900,7 +8901,7 @@ html:not(#__):not(#___) .cadmin .custom-control-label {
 }
 html:not(#__):not(#___) .cadmin .custom-control-label::before {
   background-color: #fff;
-  border-color: #cdced9;
+  border-color: #6b6c7e;
   border-style: solid;
   border-width: 1px;
   box-shadow: none;
@@ -8951,7 +8952,7 @@ html:not(#__):not(#___) .cadmin .custom-control-primary .custom-control-label-te
 }
 html:not(#__):not(#___) .cadmin .custom-control-label::before {
   background-color: #fff;
-  border-color: #cdced9;
+  border-color: #6b6c7e;
   border-style: solid;
   border-width: 1px;
   box-shadow: none;
@@ -8999,12 +9000,12 @@ html:not(#__):not(#___) .cadmin .custom-control-input {
 }
 html:not(#__):not(#___) .cadmin .custom-control-input:focus-visible ~ .custom-control-label::before,
 html:not(#__):not(#___) .c-prefers-focus .cadmin .custom-control-input ~ .custom-control-label::before {
-  border-color: #cdced9;
+  border-color: #6b6c7e;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #528eff;
 }
 html:not(#__):not(#___) .cadmin .custom-control-input:active ~ .custom-control-label::before {
   background-color: #fff;
-  border-color: #cdced9;
+  border-color: #6b6c7e;
   color: #fff;
 }
 html:not(#__):not(#___) .cadmin .custom-control-input[disabled], html:not(#__):not(#___) .cadmin .custom-control-input:disabled {
@@ -18942,6 +18943,7 @@ html:not(#__):not(#___) .cadmin .treeview .component-action[aria-expanded=true],
   background-color: transparent;
 }
 html:not(#__):not(#___) .cadmin .treeview .component-icon {
+  color: #6b6c7e;
   display: inline-block;
   font-size: 16px;
   height: auto;
@@ -19102,9 +19104,6 @@ html:not(#__):not(#___) .cadmin .treeview-dragging {
 html:not(#__):not(#___) .cadmin .treeview-light .component-expander {
   color: #6b6c7e;
 }
-html:not(#__):not(#___) .cadmin .treeview-light .component-expander:hover {
-  color: #0b5fff;
-}
 html:not(#__):not(#___) .cadmin .treeview-light .component-expander:disabled, html:not(#__):not(#___) .cadmin .treeview-light .component-expander.disabled {
   color: #6b6c7e;
   opacity: 0.5;
@@ -19116,21 +19115,38 @@ html:not(#__):not(#___) .cadmin .treeview-light .treeview-link {
   color: #6b6c7e;
 }
 html:not(#__):not(#___) .cadmin .treeview-light .treeview-link:hover, html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.hover {
-  background-color: #f7f8f9;
-  color: #272833;
+  box-shadow: inset 0 0 0 1px #88889a;
+}
+html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.focus, html:not(#__):not(#___) .cadmin .treeview-light .treeview-link:focus-visible,
+html:not(#__):not(#___) .c-prefers-focus .cadmin .treeview-light .treeview-link {
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .treeview-light .treeview-link:active {
-  background-color: #f1f2f5;
-  color: #272833;
+  background-color: #f0f5ff;
+  box-shadow: inset 0 0 0 1px #0b5fff;
+  color: #393a4a;
+}
+html:not(#__):not(#___) .cadmin .treeview-light .treeview-link:active:focus-visible,
+html:not(#__):not(#___) .c-prefers-focus .cadmin .treeview-light .treeview-link {
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.active {
-  background-color: #f1f2f5;
-  color: #272833;
+  background-color: #f0f5ff;
+  box-shadow: inset 0 0 0 1px #0b5fff;
+  color: #393a4a;
+}
+html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.active:focus-visible,
+html:not(#__):not(#___) .c-prefers-focus .cadmin .treeview-light .treeview-link {
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .treeview-light .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.disabled {
   background-color: transparent;
   color: rgba(107, 108, 126, 0.5);
 }
+html:not(#__):not(#___) .cadmin .treeview-light .treeview-link[aria-expanded=true]:focus-visible,
+html:not(#__):not(#___) .c-prefers-focus .cadmin .treeview-light .treeview-link, html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.show:focus-visible {
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
+}
 html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.treeview-no-hover:hover, html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
   color: #6b6c7e;
@@ -19138,23 +19154,42 @@ html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.treeview-no-hover
 html:not(#__):not(#___) .cadmin .treeview-dark .component-expander {
   color: #a7a9bc;
 }
-html:not(#__):not(#___) .cadmin .treeview-dark .component-expander:hover {
-  color: #80acff;
-}
 html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link {
   color: #a7a9bc;
 }
 html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link:hover, html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.hover {
-  background-color: rgba(255, 255, 255, 0.04);
+  box-shadow: inset 0 0 0 1px #88889a;
+}
+html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.focus, html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link:focus-visible,
+html:not(#__):not(#___) .c-prefers-focus .cadmin .treeview-dark .treeview-link {
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
+}
+html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link:active {
+  background-color: #393a4a;
+  box-shadow: inset 0 0 0 1px #0b5fff;
+  color: #f0f5ff;
+}
+html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link:active:focus-visible,
+html:not(#__):not(#___) .c-prefers-focus .cadmin .treeview-dark .treeview-link {
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.active {
-  background-color: rgba(255, 255, 255, 0.06);
-  color: #fff;
+  background-color: #393a4a;
+  box-shadow: inset 0 0 0 1px #0b5fff;
+  color: #f0f5ff;
+}
+html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.active:focus-visible,
+html:not(#__):not(#___) .c-prefers-focus .cadmin .treeview-dark .treeview-link {
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
 }
 html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.disabled {
   background-color: transparent;
   color: rgba(167, 169, 188, 0.5);
 }
+html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link[aria-expanded=true]:focus-visible,
+html:not(#__):not(#___) .c-prefers-focus .cadmin .treeview-dark .treeview-link, html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.show:focus-visible {
+  box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
+}
 html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.treeview-no-hover:hover, html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
   color: #a7a9bc;