@clayui/css 3.57.0 → 3.59.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.57.0
+ * Clay 3.59.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -18827,30 +18827,40 @@ caption {
 .table thead {
   background-color: #fff;
 }
-.table thead td,
-.table thead th {
+.table thead th,
+.table thead td {
   background-color: #fff;
-  border-bottom: 1px solid #e7e7ed;
+  border-bottom: 0 solid #e7e7ed;
   border-top-width: 0px;
   vertical-align: bottom;
 }
-.table thead th a {
+.table thead th [href] {
   border-radius: 1px;
   color: #6b6c7e;
   transition: box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
-  .table thead th a {
+  .table thead th [href] {
     transition: none;
   }
 }
-.table thead th a:hover {
+.table thead th [href]:hover {
   color: #272833;
 }
-.table thead th a:focus {
+.table thead th [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
   outline: 0;
 }
+.table th:first-child,
+.table td:first-child,
+.table .table-column-start {
+  padding-left: 12px;
+}
+.table th:last-child,
+.table td:last-child,
+.table .table-column-end {
+  padding-right: 12px;
+}
 .table th {
   background-clip: padding-box;
   border-top: 0.0625rem solid #e7e7ed;
@@ -18864,30 +18874,20 @@ caption {
 .table td {
   background-clip: padding-box;
   border-bottom-width: 0.0625rem;
+  border-color: #e7e7ed;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-top-width: 0.0625rem;
-  border-color: #e7e7ed;
   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: 12px;
-}
-.table td:last-child,
-.table th:last-child,
-.table .table-cell-end {
-  padding-right: 12px;
-}
 .table tbody {
   background-color: #fff;
 }
-.table tbody td,
-.table tbody th {
+.table tbody th,
+.table tbody td {
   background-color: #fff;
 }
 .table tbody + tbody {
@@ -18896,8 +18896,8 @@ caption {
 .table tfoot {
   background-color: #fff;
 }
-.table tfoot td,
-.table tfoot th {
+.table tfoot th,
+.table tfoot td {
   background-color: #fff;
 }
 .table caption {
@@ -18905,6 +18905,44 @@ caption {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
+.table .table-divider th,
+.table .table-divider td {
+  background-color: #f7f8f9;
+  color: #6b6c7e;
+  font-size: 0.75rem;
+  font-weight: 600;
+  padding: 0.4375rem 0.75rem;
+  text-transform: uppercase;
+}
+.table .table-active {
+  background-color: #f0f5ff;
+}
+.table .table-active th,
+.table .table-active td {
+  background-color: #f0f5ff;
+}
+.table .table-active .quick-action-menu {
+  background-color: #f1f2f5;
+}
+.table .table-disabled {
+  color: #a7a9bc;
+}
+.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: #a7a9bc;
+  pointer-events: none;
+}
+.table .table-disabled .table-title {
+  color: #a7a9bc;
+}
+.table .table-disabled .table-list-title {
+  color: #a7a9bc;
+}
 .table .autofit-col {
   justify-content: center;
   padding-left: 0.75rem;
@@ -18920,6 +18958,12 @@ caption {
 .table .form-check {
   margin-bottom: 0;
 }
+.table .quick-action-menu {
+  align-items: flex-start;
+  background-color: #fff;
+  padding-bottom: 0.75rem;
+  padding-top: 0.75rem;
+}
 
 .table-caption-bottom caption {
   caption-side: bottom;
@@ -18929,20 +18973,17 @@ caption {
 .table-sm td {
   padding: 0.3rem;
 }
-
 .table-bordered {
   border: 0.0625rem solid #e7e7ed;
 }
-.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 #e7e7ed;
-  border-width: 0.0625rem;
 }
-
 .table-borderless th,
 .table-borderless td,
 .table-borderless thead th,
@@ -18955,13 +18996,28 @@ caption {
   background-color: #f7f8f9;
 }
 
-.table-hover tbody tr:hover,
-.table-hover tbody tr:hover td,
-.table-hover tbody tr:hover th {
+.table-hover tbody tr:hover {
+  background-color: #f0f5ff;
   color: #272833;
+}
+.table-hover tbody tr:hover th,
+.table-hover tbody tr:hover td {
   background-color: #f0f5ff;
+  color: #272833;
+}
+.table-hover tbody tr:hover .quick-action-menu {
+  background-color: #f0f5ff;
+}
+.table-hover .table-active:hover .quick-action-menu {
+  background-color: #f1f2f5;
+}
+.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 {
@@ -19130,44 +19186,6 @@ caption {
   background-color: #b6b6ba;
 }
 
-.table-active,
-.table-active > th,
-.table-active > td {
-  background-color: #f0f5ff;
-}
-
-.table-hover .table-active:hover {
-  background-color: #d6e4ff;
-}
-.table-hover .table-active:hover > td,
-.table-hover .table-active:hover > th {
-  background-color: #d6e4ff;
-}
-
-.table-disabled {
-  color: #a7a9bc;
-}
-.table-disabled > td,
-.table-disabled > th {
-  background-color: #fff;
-  cursor: not-allowed;
-}
-.table-disabled > td a,
-.table-disabled > th a {
-  color: #a7a9bc;
-  pointer-events: none;
-}
-.table-disabled .table-title,
-.table-disabled .table-list-title {
-  color: #a7a9bc;
-}
-
-.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;
@@ -19349,12 +19367,28 @@ caption {
 .table-list {
   border-collapse: separate;
   border-color: #e7e7ed;
+  border-radius: 0.25rem;
   border-style: solid;
   border-width: 0.0625rem 0.0625rem;
-  border-radius: 0.25rem;
   color: #272833;
   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: #e7e7ed;
+  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,
@@ -19367,165 +19401,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: #e7e7ed;
-  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.4375rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.4375rem;
 }
-.table-list .table-row-start .table-cell-end {
-  border-top-right-radius: calc(0.25rem - 0.0625rem);
+.table-list .table-active {
+  background-color: #f0f5ff;
 }
-.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: #f0f5ff;
 }
-.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: #f0f5ff;
+}
+.table-list .table-disabled {
+  background-color: #fff;
+  color: #a7a9bc;
+}
+.table-list .table-disabled th,
+.table-list .table-disabled td {
+  background-color: #fff;
+  color: #a7a9bc;
+}
+.table-list .table-disabled th [href],
+.table-list .table-disabled td [href] {
+  color: #a7a9bc;
+  pointer-events: none;
+}
+.table-list .table-disabled .table-title {
+  color: #a7a9bc;
+}
+.table-list .table-disabled .table-list-title {
+  color: #a7a9bc;
+}
+.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: #f7f8f9;
 }
 
-.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: #f0f5ff;
 }
-
-.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: #f0f5ff;
 }
-
-.table-list .table-active,
-.table-list .table-active > th,
-.table-list .table-active > td {
+.table-list.table-hover tbody tr:hover .quick-action-menu {
   background-color: #f0f5ff;
 }
-
-.table-list .table-disabled {
-  background-color: #fff;
-  color: #a7a9bc;
+.table-list.table-hover .table-active:hover {
+  background-color: #f0f5ff;
 }
-.table-list .table-disabled > td,
-.table-list .table-disabled > th {
-  background-color: #fff;
-  cursor: not-allowed;
+.table-list.table-hover .table-active:hover th,
+.table-list.table-hover .table-active:hover td {
+  background-color: #f0f5ff;
 }
-.table-list .table-disabled > td a,
-.table-list .table-disabled > th a {
-  color: #a7a9bc;
-  pointer-events: none;
+.table-list.table-hover .table-active:hover .quick-action-menu {
+  background-color: #f0f5ff;
 }
-.table-list .table-disabled .table-title,
-.table-list .table-disabled .table-list-title {
-  color: #a7a9bc;
+.table-list.table-hover .table-disabled {
+  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 {
+  background-color: #fff;
+}
+.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 {
@@ -19631,24 +19662,6 @@ caption {
   white-space: nowrap;
 }
 
-.table .table-divider td,
-.table .table-divider th {
-  background-color: #f7f8f9;
-  color: #6b6c7e;
-  font-size: 0.75rem;
-  font-weight: 600;
-  padding: 0.4375rem 0.75rem;
-  text-transform: uppercase;
-}
-
-.table-list .table-divider td,
-.table-list .table-divider th {
-  padding-bottom: 0.4375rem;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  padding-top: 0.4375rem;
-}
-
 .table-valign-bottom tbody td,
 .table-valign-bottom tbody th,
 .table-valign-bottom tfoot td,
@@ -19734,13 +19747,6 @@ caption {
   display: flex;
 }
 
-.table .quick-action-menu {
-  align-items: flex-start;
-  background-color: #fff;
-  padding-bottom: 0.75rem;
-  padding-top: 0.75rem;
-}
-
 .table-striped tbody tr:nth-of-type(odd) .quick-action-menu {
   background-color: #f7f8f9;
 }
@@ -19748,24 +19754,6 @@ caption {
   background-color: #f0f5ff;
 }
 
-.table-hover tbody tr:hover .quick-action-menu {
-  background-color: #f0f5ff;
-}
-.table-hover tbody .table-active:hover .quick-action-menu {
-  background-color: #f1f2f5;
-}
-
-.table-active .quick-action-menu {
-  background-color: #f1f2f5;
-}
-
-.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: #f7f8f9;
 }
@@ -19773,17 +19761,6 @@ caption {
   background-color: #f0f5ff;
 }
 
-.table-list.table-hover tbody tr:hover .quick-action-menu {
-  background-color: #f0f5ff;
-}
-.table-list.table-hover tbody .table-active:hover .quick-action-menu {
-  background-color: #f0f5ff;
-}
-
-.table-list .table-active .quick-action-menu {
-  background-color: #f0f5ff;
-}
-
 .table-column-text-start,
 .table-cell-text-start {
   text-align: left;
@@ -21280,9 +21257,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: inherit;
   height: 24px;
+  padding: 0;
   width: 24px;
 }
 .treeview .btn-monospaced:focus, .treeview .btn-monospaced.focus {
@@ -21303,7 +21289,6 @@ caption {
   display: none;
 }
 .treeview .component-action {
-  display: none;
   font-size: 16px;
   margin-left: 2px;
   margin-right: 2px;
@@ -21328,7 +21313,7 @@ caption {
   display: inline-block;
   font-size: 16px;
   height: auto;
-  margin: auto 4px;
+  margin: 4px;
   vertical-align: middle;
   width: auto;
 }
@@ -21336,9 +21321,8 @@ caption {
   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;
@@ -21366,6 +21350,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;
@@ -21417,19 +21418,12 @@ caption {
 .treeview-link.treeview-dropping-top {
   box-shadow: 0 -2px 0 0 #80acff;
 }
-.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;
 }