@clayui/css 3.115.0 → 3.115.2

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.115.2](https://github.com/liferay/clay/compare/v3.115.1...v3.115.2) (2024-05-24)
+
+
+### Bug Fixes
+
+* **@clayui/css:** LPD-26719 Cadmin checkboxes should have darker borders for accessibility ([ac48a01](https://github.com/liferay/clay/commit/ac48a01b711363986cc8ed95347bf2f9e9ce3b0e))
+
+
+
+
+
+## [3.115.1](https://github.com/liferay/clay/compare/v3.115.0...v3.115.1) (2024-05-21)
+
+
+### Bug Fixes
+
+* **@clayui/empty-state:** LPD-2278 Add flexbox property to prevent image to overlap text ([cb3285e](https://github.com/liferay/clay/commit/cb3285e22f26058114a29b3ed5a09ae3b0c1097e))
+
+
+
+
+
 # [3.115.0](https://github.com/liferay/clay/compare/v3.114.0...v3.115.0) (2024-05-16)
 
 

package/lib/css/atlas.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>
@@ -4853,14 +4853,17 @@ input[type=button].btn-block {
 }
 
 .c-empty-state-animation {
-  display: block;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
   margin: 5rem auto 1.5rem;
   max-width: 340px;
   text-align: center;
 }
 
 .c-empty-state-image {
-  margin: 0 auto 2rem;
+  margin-bottom: -0.5rem;
   max-width: 250px;
   width: 100%;
   overflow-wrap: break-word;
@@ -23449,6 +23452,7 @@ td.table-focus {
   background-color: transparent;
 }
 .treeview .component-icon {
+  color: #6b6c7e;
   display: inline-block;
   font-size: 16px;
   height: auto;
@@ -23613,9 +23617,6 @@ td.table-focus {
 .treeview-light .component-expander {
   color: #6b6c7e;
 }
-.treeview-light .component-expander:hover {
-  color: #0b5fff;
-}
 .treeview-light .component-expander:disabled, .treeview-light .component-expander.disabled {
   color: #6b6c7e;
   opacity: 0.5;
@@ -23627,21 +23628,34 @@ td.table-focus {
   color: #6b6c7e;
 }
 .treeview-light .treeview-link:hover, .treeview-light .treeview-link.hover {
-  background-color: #f7f8f9;
-  color: #272833;
+  box-shadow: inset 0 0 0 1px #88889a;
+}
+.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.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-light .treeview-link:active {
-  background-color: #f1f2f5;
-  color: #272833;
+  background-color: #f0f5ff;
+  box-shadow: inset 0 0 0 1px #0b5fff;
+  color: #393a4a;
+}
+.treeview-light .treeview-link:active:focus-visible, .c-prefers-focus .treeview-light .treeview-link:active:focus {
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-light .treeview-link.active {
-  background-color: #f1f2f5;
-  color: #272833;
+  background-color: #f0f5ff;
+  box-shadow: inset 0 0 0 1px #0b5fff;
+  color: #393a4a;
+}
+.treeview-light .treeview-link.active:focus-visible, .c-prefers-focus .treeview-light .treeview-link.active:focus {
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-light .treeview-link:disabled, .treeview-light .treeview-link.disabled {
   background-color: transparent;
   color: rgba(107, 108, 126, 0.5);
 }
+.treeview-light .treeview-link[aria-expanded=true]:focus-visible, .c-prefers-focus .treeview-light .treeview-link[aria-expanded=true]:focus, .treeview-light .treeview-link.show:focus-visible, .c-prefers-focus .treeview-light .treeview-link.show:focus {
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+}
 .treeview-light .treeview-link.treeview-no-hover:hover, .treeview-light .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
   color: #6b6c7e;
@@ -23649,9 +23663,6 @@ td.table-focus {
 .treeview-dark .component-expander {
   color: #a7a9bc;
 }
-.treeview-dark .component-expander:hover {
-  color: #80acff;
-}
 .treeview-dark .component-expander:disabled, .treeview-dark .component-expander.disabled {
   color: #a7a9bc;
   opacity: 0.5;
@@ -23660,16 +23671,34 @@ td.table-focus {
   color: #a7a9bc;
 }
 .treeview-dark .treeview-link:hover, .treeview-dark .treeview-link.hover {
-  background-color: rgba(255, 255, 255, 0.04);
+  box-shadow: inset 0 0 0 1px #88889a;
+}
+.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.125rem #528eff, inset 0 0 0 0.25rem #fff;
+}
+.treeview-dark .treeview-link:active {
+  background-color: #393a4a;
+  box-shadow: inset 0 0 0 1px #0b5fff;
+  color: #f0f5ff;
+}
+.treeview-dark .treeview-link:active:focus-visible, .c-prefers-focus .treeview-dark .treeview-link:active:focus {
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .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;
+}
+.treeview-dark .treeview-link.active:focus-visible, .c-prefers-focus .treeview-dark .treeview-link.active:focus {
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .treeview-dark .treeview-link:disabled, .treeview-dark .treeview-link.disabled {
   background-color: transparent;
   color: rgba(167, 169, 188, 0.5);
 }
+.treeview-dark .treeview-link[aria-expanded=true]:focus-visible, .c-prefers-focus .treeview-dark .treeview-link[aria-expanded=true]:focus, .treeview-dark .treeview-link.show:focus-visible, .c-prefers-focus .treeview-dark .treeview-link.show:focus {
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
+}
 .treeview-dark .treeview-link.treeview-no-hover:hover, .treeview-dark .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
   color: #a7a9bc;