@clayui/css 3.56.0 → 3.58.1

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.56.0
+ * Clay 3.58.1
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -17658,13 +17658,23 @@ caption {
 .table thead {
   background-color: #fff;
 }
-.table thead td,
-.table thead th {
+.table thead th,
+.table thead td {
   background-color: #fff;
   border-bottom: calc(2 * 0.0625rem) solid #dee2e6;
   border-top-width: 0px;
   vertical-align: bottom;
 }
+.table th:first-child,
+.table td:first-child,
+.table .table-column-start {
+  padding-left: 15px;
+}
+.table th:last-child,
+.table td:last-child,
+.table .table-column-end {
+  padding-right: 15px;
+}
 .table th {
   background-clip: padding-box;
   border-top: 0.0625rem solid #dee2e6;
@@ -17677,25 +17687,15 @@ caption {
 .table td {
   background-clip: padding-box;
   border-bottom-width: 0.0625rem;
+  border-color: #dee2e6;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-top-width: 0.0625rem;
-  border-color: #dee2e6;
   border-style: solid;
+  border-top-width: 0.0625rem;
   padding: 0.75rem;
   position: relative;
   vertical-align: middle;
 }
-.table td:first-child,
-.table th:first-child,
-.table .table-cell-start {
-  padding-left: 15px;
-}
-.table td:last-child,
-.table th:last-child,
-.table .table-cell-end {
-  padding-right: 15px;
-}
 .table tbody + tbody {
   border-top: calc(2 * 0.0625rem) solid #dee2e6;
 }
@@ -17704,6 +17704,40 @@ caption {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
+.table .table-divider th,
+.table .table-divider td {
+  background-color: #fff;
+  padding: 0.75rem;
+}
+.table .table-active {
+  background-color: #ececec;
+}
+.table .table-active th,
+.table .table-active td {
+  background-color: #ececec;
+}
+.table .table-active .quick-action-menu {
+  background-color: #ececec;
+}
+.table .table-disabled {
+  color: #acacac;
+}
+.table .table-disabled th,
+.table .table-disabled td {
+  background-color: #fff;
+  cursor: not-allowed;
+}
+.table .table-disabled th [href],
+.table .table-disabled td [href] {
+  color: #acacac;
+  pointer-events: none;
+}
+.table .table-disabled .table-title {
+  color: #acacac;
+}
+.table .table-disabled .table-list-title {
+  color: #acacac;
+}
 .table .autofit-col {
   justify-content: center;
   padding-left: 0.75rem;
@@ -17719,6 +17753,11 @@ caption {
 .table .form-check {
   margin-bottom: 0;
 }
+.table .quick-action-menu {
+  align-items: flex-start;
+  padding-bottom: 0.75rem;
+  padding-top: 0.75rem;
+}
 
 .table-caption-bottom caption {
   caption-side: bottom;
@@ -17728,20 +17767,17 @@ caption {
 .table-sm td {
   padding: 0.3rem;
 }
-
 .table-bordered {
   border: 0.0625rem solid #dee2e6;
 }
-.table-bordered thead td,
-.table-bordered thead th {
+.table-bordered thead th,
+.table-bordered thead td {
   border-bottom-width: calc(2 * 0.0625rem);
 }
-.table-bordered td,
-.table-bordered th {
+.table-bordered th,
+.table-bordered td {
   border: 0.0625rem solid #dee2e6;
-  border-width: 0.0625rem;
 }
-
 .table-borderless th,
 .table-borderless td,
 .table-borderless thead th,
@@ -17754,13 +17790,28 @@ caption {
   background-color: #f2f2f2;
 }
 
-.table-hover tbody tr:hover,
-.table-hover tbody tr:hover td,
-.table-hover tbody tr:hover th {
+.table-hover tbody tr:hover {
+  background-color: #ececec;
   color: #212529;
+}
+.table-hover tbody tr:hover th,
+.table-hover tbody tr:hover td {
   background-color: #ececec;
+  color: #212529;
+}
+.table-hover tbody tr:hover .quick-action-menu {
+  background-color: #ececec;
+}
+.table-hover .table-active:hover .quick-action-menu {
+  background-color: #ececec;
+}
+.table-hover .table-disabled:hover {
+  background-color: #fff;
+}
+.table-hover .table-disabled:hover th,
+.table-hover .table-disabled:hover td {
+  background-color: #fff;
 }
-
 .table-primary,
 .table-primary > th,
 .table-primary > td {
@@ -17929,44 +17980,6 @@ caption {
   background-color: #b9bbbe;
 }
 
-.table-active,
-.table-active > th,
-.table-active > td {
-  background-color: #ececec;
-}
-
-.table-hover .table-active:hover {
-  background-color: #dfdfdf;
-}
-.table-hover .table-active:hover > td,
-.table-hover .table-active:hover > th {
-  background-color: #dfdfdf;
-}
-
-.table-disabled {
-  color: #acacac;
-}
-.table-disabled > td,
-.table-disabled > th {
-  background-color: #fff;
-  cursor: not-allowed;
-}
-.table-disabled > td a,
-.table-disabled > th a {
-  color: #acacac;
-  pointer-events: none;
-}
-.table-disabled .table-title,
-.table-disabled .table-list-title {
-  color: #acacac;
-}
-
-.table-hover .table-disabled:hover,
-.table-hover .table-disabled:hover > td,
-.table-hover .table-disabled:hover > th {
-  background-color: #fff;
-}
-
 .table-striped tbody .table-disabled:nth-of-type(odd) td,
 .table-striped tbody .table-disabled:nth-of-type(odd) th {
   background-color: #fff;
@@ -18094,11 +18107,27 @@ caption {
 .table-list {
   border-collapse: separate;
   border-color: #dee2e6;
+  border-radius: 0.25rem;
   border-style: solid;
   border-width: 0.0625rem 0.0625rem;
-  border-radius: 0.25rem;
   margin-bottom: 0.0625rem;
 }
+.table-list thead {
+  background-color: #fff;
+  border-top-left-radius: calc(0.25rem - 0.0625rem);
+  border-top-right-radius: calc(0.25rem - 0.0625rem);
+}
+.table-list thead th,
+.table-list thead td {
+  background-color: #fff;
+  border-bottom-width: 0;
+}
+.table-list th,
+.table-list td {
+  border-color: #dee2e6;
+  border-style: solid;
+  border-width: 0.0625rem 0 0 0;
+}
 .table-list thead:first-child tr:first-child th,
 .table-list thead:first-child tr:first-child td,
 .table-list tbody:first-child tr:first-child th,
@@ -18111,165 +18140,162 @@ caption {
 }
 .table-list thead:first-child tr:first-child th:first-child,
 .table-list thead:first-child tr:first-child td:first-child,
-.table-list thead:first-child tr:first-child .table-cell-start,
 .table-list tbody:first-child tr:first-child th:first-child,
 .table-list tbody:first-child tr:first-child td:first-child,
-.table-list tbody:first-child tr:first-child .table-cell-start,
 .table-list tfoot:first-child tr:first-child th:first-child,
 .table-list tfoot:first-child tr:first-child td:first-child,
-.table-list tfoot:first-child tr:first-child .table-cell-start,
 .table-list caption:first-child + thead tr:first-child th:first-child,
-.table-list caption:first-child + thead tr:first-child td:first-child,
-.table-list caption:first-child + thead tr:first-child .table-cell-start {
+.table-list caption:first-child + thead tr:first-child td:first-child {
   border-top-left-radius: calc(0.25rem - 0.0625rem);
 }
 .table-list thead:first-child tr:first-child th:last-child,
 .table-list thead:first-child tr:first-child td:last-child,
-.table-list thead:first-child tr:first-child .table-cell-end,
 .table-list tbody:first-child tr:first-child th:last-child,
 .table-list tbody:first-child tr:first-child td:last-child,
-.table-list tbody:first-child tr:first-child .table-cell-end,
 .table-list tfoot:first-child tr:first-child th:last-child,
 .table-list tfoot:first-child tr:first-child td:last-child,
-.table-list tfoot:first-child tr:first-child .table-cell-end,
 .table-list caption:first-child + thead tr:first-child th:last-child,
-.table-list caption:first-child + thead tr:first-child td:last-child,
-.table-list caption:first-child + thead tr:first-child .table-cell-end {
+.table-list caption:first-child + thead tr:first-child td:last-child {
   border-top-right-radius: calc(0.25rem - 0.0625rem);
 }
-.table-list thead td,
-.table-list thead th,
-.table-list tbody td,
-.table-list tbody th,
-.table-list tfoot td,
-.table-list tfoot th {
-  border-color: #dee2e6;
-  border-style: solid;
-  border-width: 0.0625rem 0 0 0;
+.table-list .table-row-start .table-cell-start {
+  border-top-left-radius: calc(0.25rem - 0.0625rem);
+}
+.table-list .table-row-start .table-cell-end {
+  border-top-right-radius: calc(0.25rem - 0.0625rem);
 }
 .table-list thead:last-child tr:last-child th:first-child,
 .table-list thead:last-child tr:last-child td:first-child,
-.table-list thead:last-child tr:last-child .table-cell-start,
 .table-list tbody:last-child tr:last-child th:first-child,
 .table-list tbody:last-child tr:last-child td:first-child,
-.table-list tbody:last-child tr:last-child .table-cell-start,
 .table-list tfoot:last-child tr:last-child th:first-child,
-.table-list tfoot:last-child tr:last-child td:first-child,
-.table-list tfoot:last-child tr:last-child .table-cell-start {
+.table-list tfoot:last-child tr:last-child td:first-child {
   border-bottom-left-radius: calc(0.25rem - 0.0625rem);
 }
 .table-list thead:last-child tr:last-child th:last-child,
 .table-list thead:last-child tr:last-child td:last-child,
-.table-list thead:last-child tr:last-child .table-cell-end,
 .table-list tbody:last-child tr:last-child th:last-child,
 .table-list tbody:last-child tr:last-child td:last-child,
-.table-list tbody:last-child tr:last-child .table-cell-end,
 .table-list tfoot:last-child tr:last-child th:last-child,
-.table-list tfoot:last-child tr:last-child td:last-child,
-.table-list tfoot:last-child tr:last-child .table-cell-end {
+.table-list tfoot:last-child tr:last-child td:last-child {
   border-bottom-right-radius: calc(0.25rem - 0.0625rem);
 }
-.table-list thead {
-  background-color: #fff;
-  border-top-left-radius: calc(0.25rem - 0.0625rem);
-  border-top-right-radius: calc(0.25rem - 0.0625rem);
+.table-list .table-row-end .table-cell-start {
+  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
 }
-.table-list thead td,
-.table-list thead th {
-  background-color: #fff;
+.table-list .table-row-end .table-cell-end {
+  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
 }
 .table-list tbody {
   background-color: #fff;
   border-bottom-left-radius: calc(0.25rem - 0.0625rem);
   border-bottom-right-radius: calc(0.25rem - 0.0625rem);
 }
-.table-list tbody td,
-.table-list tbody th {
+.table-list tbody th,
+.table-list tbody td {
   background-color: #fff;
   vertical-align: middle;
 }
 .table-list tfoot {
   background-color: #fff;
 }
-.table-list tfoot td,
-.table-list tfoot th {
+.table-list tfoot th,
+.table-list tfoot td {
   background-color: #fff;
   vertical-align: middle;
 }
-.table-list .table-row-start .table-cell-start {
-  border-top-left-radius: calc(0.25rem - 0.0625rem);
+.table-list .table-divider th,
+.table-list .table-divider td {
+  padding-bottom: 0.75rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.75rem;
 }
-.table-list .table-row-start .table-cell-end {
-  border-top-right-radius: calc(0.25rem - 0.0625rem);
+.table-list .table-active {
+  background-color: #dadada;
 }
-.table-list .table-row-end .table-cell-start {
-  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
+.table-list .table-active th,
+.table-list .table-active td {
+  background-color: #dadada;
 }
-.table-list .table-row-end .table-cell-end {
-  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
+.table-list .table-active .quick-action-menu {
+  background-color: #dadada;
+}
+.table-list .table-disabled {
+  background-color: #fff;
+  color: #acacac;
+}
+.table-list .table-disabled th,
+.table-list .table-disabled td {
+  background-color: #fff;
+  color: #acacac;
+}
+.table-list .table-disabled th [href],
+.table-list .table-disabled td [href] {
+  color: #acacac;
+  pointer-events: none;
+}
+.table-list .table-disabled .table-title {
+  color: #acacac;
+}
+.table-list .table-disabled .table-list-title {
+  color: #acacac;
+}
+.table-list .quick-action-menu {
+  align-items: center;
+  background-color: #fff;
+  bottom: 0;
+  top: 0;
 }
 
-.table-list.table-bordered thead th,
-.table-list.table-bordered thead td,
-.table-list.table-bordered tbody th,
-.table-list.table-bordered tbody td,
-.table-list.table-bordered tfoot th,
-.table-list.table-bordered tfoot td {
+.table.table-list.table-bordered thead th,
+.table.table-list.table-bordered thead td {
+  border-bottom-width: 0;
+}
+.table.table-list.table-bordered th,
+.table.table-list.table-bordered td {
   border-left-width: 0.0625rem;
 }
-.table-list.table-bordered th:first-child,
-.table-list.table-bordered td:first-child {
+.table.table-list.table-bordered th:first-child,
+.table.table-list.table-bordered td:first-child,
+.table.table-list.table-bordered .table-column-start {
   border-left-width: 0;
 }
-
 .table-list.table-striped tbody tr:nth-of-type(odd) td,
 .table-list.table-striped tbody tr:nth-of-type(odd) th {
   background-color: #f2f2f2;
 }
 
-.table-list.table-hover tbody tr:hover,
-.table-list.table-hover tbody tr:hover td,
-.table-list.table-hover tbody tr:hover th {
+.table-list.table-hover tbody tr:hover {
   background-color: #ececec;
 }
-
-.table-list.table-hover .table-active:hover,
-.table-list.table-hover .table-active:hover > th,
-.table-list.table-hover .table-active:hover > td {
+.table-list.table-hover tbody tr:hover th,
+.table-list.table-hover tbody tr:hover td {
+  background-color: #ececec;
+}
+.table-list.table-hover tbody tr:hover .quick-action-menu {
+  background-color: #ececec;
+}
+.table-list.table-hover .table-active:hover {
   background-color: #dadada;
 }
-
-.table-list .table-active,
-.table-list .table-active > th,
-.table-list .table-active > td {
+.table-list.table-hover .table-active:hover th,
+.table-list.table-hover .table-active:hover td {
   background-color: #dadada;
 }
-
-.table-list .table-disabled {
-  background-color: #fff;
-  color: #acacac;
+.table-list.table-hover .table-active:hover .quick-action-menu {
+  background-color: #ececec;
 }
-.table-list .table-disabled > td,
-.table-list .table-disabled > th {
+.table-list.table-hover .table-disabled {
   background-color: #fff;
-  cursor: not-allowed;
 }
-.table-list .table-disabled > td a,
-.table-list .table-disabled > th a {
-  color: #acacac;
-  pointer-events: none;
-}
-.table-list .table-disabled .table-title,
-.table-list .table-disabled .table-list-title {
-  color: #acacac;
+.table-list.table-hover .table-disabled:hover {
+  background-color: #fff;
 }
-
-.table-list.table-hover .table-disabled:hover,
-.table-list.table-hover .table-disabled:hover > td,
-.table-list.table-hover .table-disabled:hover > th {
+.table-list.table-hover .table-disabled:hover th,
+.table-list.table-hover .table-disabled:hover td {
   background-color: #fff;
 }
-
 .table-list.table-striped tbody .table-disabled:nth-of-type(odd),
 .table-list.table-striped tbody .table-disabled:nth-of-type(odd) td,
 .table-list.table-striped tbody .table-disabled:nth-of-type(odd) th {
@@ -18321,20 +18347,6 @@ caption {
   white-space: nowrap;
 }
 
-.table .table-divider td,
-.table .table-divider th {
-  background-color: #fff;
-  padding: 0.75rem;
-}
-
-.table-list .table-divider td,
-.table-list .table-divider th {
-  padding-bottom: 0.75rem;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  padding-top: 0.75rem;
-}
-
 .table-valign-bottom tbody td,
 .table-valign-bottom tbody th,
 .table-valign-bottom tfoot td,
@@ -18420,12 +18432,6 @@ caption {
   display: flex;
 }
 
-.table .quick-action-menu {
-  align-items: flex-start;
-  padding-bottom: 0.75rem;
-  padding-top: 0.75rem;
-}
-
 .table-striped tbody tr:nth-of-type(odd) .quick-action-menu {
   background-color: #f2f2f2;
 }
@@ -18433,24 +18439,6 @@ caption {
   background-color: #f2f2f2;
 }
 
-.table-hover tbody tr:hover .quick-action-menu {
-  background-color: #ececec;
-}
-.table-hover tbody .table-active:hover .quick-action-menu {
-  background-color: #ececec;
-}
-
-.table-active .quick-action-menu {
-  background-color: #ececec;
-}
-
-.table-list .quick-action-menu {
-  align-items: center;
-  background-color: #fff;
-  bottom: 0;
-  top: 0;
-}
-
 .table-list.table-striped tbody tr:nth-of-type(odd) .quick-action-menu {
   background-color: #f2f2f2;
 }
@@ -18458,17 +18446,6 @@ caption {
   background-color: #dadada;
 }
 
-.table-list.table-hover tbody tr:hover .quick-action-menu {
-  background-color: #ececec;
-}
-.table-list.table-hover tbody .table-active:hover .quick-action-menu {
-  background-color: #dadada;
-}
-
-.table-list .table-active .quick-action-menu {
-  background-color: #dadada;
-}
-
 .table-column-text-start,
 .table-cell-text-start {
   text-align: left;
@@ -19962,9 +19939,18 @@ caption {
   margin-bottom: 0;
   padding: 2px 0;
 }
+.treeview .btn {
+  font-size: 12px;
+  line-height: 1;
+  padding: 6px 8px;
+}
+.treeview .btn .c-inner {
+  margin: -7px -8px;
+}
 .treeview .btn-monospaced {
-  font-size: 14px;
+  font-size: inherit;
   height: 24px;
+  padding: 0;
   width: 24px;
 }
 .treeview .btn-monospaced:focus, .treeview .btn-monospaced.focus {
@@ -19978,11 +19964,14 @@ caption {
   margin-right: 4px;
   margin-top: 1.5px;
 }
+.treeview .component-expander {
+  font-size: 10px;
+}
 .treeview .component-expander .lexicon-icon:not(.component-expanded-d-none) {
   display: none;
 }
 .treeview .component-action {
-  display: none;
+  font-size: 16px;
   margin-left: 2px;
   margin-right: 2px;
 }
@@ -20003,16 +19992,19 @@ caption {
   background-color: transparent;
 }
 .treeview .component-icon {
-  display: inline;
+  display: inline-block;
+  font-size: 16px;
   height: auto;
-  margin-left: 4px;
-  margin-right: 4px;
+  margin: 4px;
+  vertical-align: middle;
   width: auto;
 }
+.treeview .component-icon .lexicon-icon {
+  display: block;
+}
 .treeview .component-text {
-  padding-bottom: 1.5px;
+  line-height: 24px;
   padding-left: 4px;
-  padding-top: 1.5px;
   -ms-user-select: auto;
   -moz-user-select: auto;
   -webkit-user-select: auto;
@@ -20040,6 +20032,23 @@ caption {
     transition: none;
   }
 }
+.treeview .quick-action-item {
+  margin: 0 2px;
+  min-height: 0;
+  min-width: 0;
+}
+.treeview .autofit-row {
+  align-items: center;
+}
+.treeview.show-quick-actions-on-hover .treeview-link:not(:hover):not(:focus):not(.focus) .quick-action-item {
+  display: none;
+}
+.treeview.show-quick-actions-on-hover .treeview-link:disabled .quick-action-item, .treeview.show-quick-actions-on-hover .treeview-link.disabled .quick-action-item {
+  display: none;
+}
+.treeview.show-quick-actions-on-hover .treeview-link .quick-action-item:disabled, .treeview.show-quick-actions-on-hover .treeview-link .quick-action-item.disabled {
+  display: none;
+}
 
 .treeview-group {
   display: flex;
@@ -20091,19 +20100,12 @@ caption {
 .treeview-link.treeview-dropping-top {
   box-shadow: 0 -2px 0 0 #75b8ff;
 }
-.treeview-link.hover .component-action, .treeview-link:hover .component-action, .treeview-link.focus .component-action, .treeview-link:focus .component-action {
-  display: flex;
-}
-.treeview-link:disabled .component-action, .treeview-link.disabled .component-action {
-  display: none;
-}
 .treeview-link.show .component-expander .component-expanded-d-none, .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none {
   display: none;
 }
 .treeview-link.show .component-expander .lexicon-icon:not(.component-expanded-d-none), .treeview-link[aria-expanded=true] .component-expander .lexicon-icon:not(.component-expanded-d-none) {
   display: inline-block;
 }
-
 .treeview-nested-margins .treeview-group .treeview-item {
   margin-left: 24px;
 }