@clayui/css 3.115.1 → 3.115.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/css/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.115.1
3
+ * Clay 3.115.2
4
4
  *
5
5
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
6
6
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -21807,6 +21807,7 @@ td.table-focus {
21807
21807
  background-color: transparent;
21808
21808
  }
21809
21809
  .treeview .component-icon {
21810
+ color: #6c757d;
21810
21811
  display: inline-block;
21811
21812
  font-size: 16px;
21812
21813
  height: auto;
@@ -21971,9 +21972,6 @@ td.table-focus {
21971
21972
  .treeview-light .component-expander {
21972
21973
  color: #6c757d;
21973
21974
  }
21974
- .treeview-light .component-expander:hover {
21975
- color: #007bff;
21976
- }
21977
21975
  .treeview-light .component-expander:disabled, .treeview-light .component-expander.disabled {
21978
21976
  color: #6c757d;
21979
21977
  opacity: 0.5;
@@ -21985,21 +21983,34 @@ td.table-focus {
21985
21983
  color: #6c757d;
21986
21984
  }
21987
21985
  .treeview-light .treeview-link:hover, .treeview-light .treeview-link.hover {
21988
- background-color: #f8f9fa;
21989
- color: #212529;
21986
+ box-shadow: inset 0 0 0 1px #889199;
21987
+ }
21988
+ .treeview-light .treeview-link.focus, .treeview-light .treeview-link:focus-visible, .c-prefers-focus .treeview-light .treeview-link:focus {
21989
+ box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
21990
21990
  }
21991
21991
  .treeview-light .treeview-link:active {
21992
- background-color: #e9ecef;
21993
- color: #212529;
21992
+ background-color: #e5f2ff;
21993
+ box-shadow: inset 0 0 0 1px #007bff;
21994
+ color: #828e9a;
21995
+ }
21996
+ .treeview-light .treeview-link:active:focus-visible, .c-prefers-focus .treeview-light .treeview-link:active:focus {
21997
+ box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
21994
21998
  }
21995
21999
  .treeview-light .treeview-link.active {
21996
- background-color: #e9ecef;
21997
- color: #212529;
22000
+ background-color: #e5f2ff;
22001
+ box-shadow: inset 0 0 0 1px #007bff;
22002
+ color: #828e9a;
22003
+ }
22004
+ .treeview-light .treeview-link.active:focus-visible, .c-prefers-focus .treeview-light .treeview-link.active:focus {
22005
+ box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
21998
22006
  }
21999
22007
  .treeview-light .treeview-link:disabled, .treeview-light .treeview-link.disabled {
22000
22008
  background-color: transparent;
22001
22009
  color: rgba(108, 117, 125, 0.5);
22002
22010
  }
22011
+ .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 {
22012
+ box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
22013
+ }
22003
22014
  .treeview-light .treeview-link.treeview-no-hover:hover, .treeview-light .treeview-link.treeview-no-hover.hover {
22004
22015
  background-color: transparent;
22005
22016
  color: #6c757d;
@@ -22007,9 +22018,6 @@ td.table-focus {
22007
22018
  .treeview-dark .component-expander {
22008
22019
  color: #a9afb5;
22009
22020
  }
22010
- .treeview-dark .component-expander:hover {
22011
- color: #75b8ff;
22012
- }
22013
22021
  .treeview-dark .component-expander:disabled, .treeview-dark .component-expander.disabled {
22014
22022
  color: #a9afb5;
22015
22023
  opacity: 0.5;
@@ -22018,16 +22026,34 @@ td.table-focus {
22018
22026
  color: #a9afb5;
22019
22027
  }
22020
22028
  .treeview-dark .treeview-link:hover, .treeview-dark .treeview-link.hover {
22021
- background-color: rgba(255, 255, 255, 0.04);
22029
+ box-shadow: inset 0 0 0 1px #889199;
22030
+ }
22031
+ .treeview-dark .treeview-link.focus, .treeview-dark .treeview-link:focus-visible, .c-prefers-focus .treeview-dark .treeview-link:focus {
22032
+ box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
22033
+ }
22034
+ .treeview-dark .treeview-link:active {
22035
+ background-color: #828e9a;
22036
+ box-shadow: inset 0 0 0 1px #007bff;
22037
+ color: #e5f2ff;
22038
+ }
22039
+ .treeview-dark .treeview-link:active:focus-visible, .c-prefers-focus .treeview-dark .treeview-link:active:focus {
22040
+ box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
22022
22041
  }
22023
22042
  .treeview-dark .treeview-link.active {
22024
- background-color: rgba(255, 255, 255, 0.06);
22025
- color: #fff;
22043
+ background-color: #828e9a;
22044
+ box-shadow: inset 0 0 0 1px #007bff;
22045
+ color: #e5f2ff;
22046
+ }
22047
+ .treeview-dark .treeview-link.active:focus-visible, .c-prefers-focus .treeview-dark .treeview-link.active:focus {
22048
+ box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
22026
22049
  }
22027
22050
  .treeview-dark .treeview-link:disabled, .treeview-dark .treeview-link.disabled {
22028
22051
  background-color: transparent;
22029
22052
  color: rgba(169, 175, 181, 0.5);
22030
22053
  }
22054
+ .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 {
22055
+ box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
22056
+ }
22031
22057
  .treeview-dark .treeview-link.treeview-no-hover:hover, .treeview-dark .treeview-link.treeview-no-hover.hover {
22032
22058
  background-color: transparent;
22033
22059
  color: #a9afb5;