@clayui/css 3.63.0 → 3.65.2

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.63.0
+ * Clay 3.65.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.63.0
+ * Clay 3.65.2
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -187,9 +187,9 @@ html:not(#__):not(#___) .cadmin .nav-link::before, html:not(#__):not(#___) .cadm
   display: inline;
 }
 
-/* REUSE-Snippet-Begin
+/* SPDX-SnippetBegin
  * SPDX-License-Identifier: MIT
- * SPDX-FileCopyrightText: © 2016 Nicolas Gallagher and Jonathan Neal <https://github.com/necolas/normalize.css>
+ * SPDX-SnippetCopyrightText: © 2016 Nicolas Gallagher and Jonathan Neal <https://github.com/necolas/normalize.css>
  */
 html:not(#__):not(#___) .cadmin main {
   display: block;
@@ -370,18 +370,18 @@ html:not(#__):not(#___) .cadmin [hidden] {
   display: none !important;
 }
 
-/* REUSE-Snippet-End */
+/* SPDX-SnippetEnd */
 html:not(#__):not(#___) .cadmin {
-  /* REUSE-Snippet-Begin
+  /* SPDX-SnippetBegin
    * SPDX-License-Identifier: MIT
-   * SPDX-Copyright: © 2012 Nicolas Gallagher <https://github.com/suitcss/components-flex-embed>
+   * SPDX-SnippetCopyrightText: © 2012 Nicolas Gallagher <https://github.com/suitcss/components-flex-embed>
    */
-  /* REUSE-Snippet-End */
-  /* REUSE-Snippet-Begin
+  /* SPDX-SnippetEnd */
+  /* SPDX-SnippetBegin
    * SPDX-License-Identifier: MIT
-   * SPDX-FileCopyrightText: © 2018 HTML5 Boilerplate <https://github.com/h5bp/main.css>
+   * SPDX-SnippetCopyrightText: © 2018 HTML5 Boilerplate <https://github.com/h5bp/main.css>
    */
-  /* REUSE-Snippet-End */
+  /* SPDX-SnippetEnd */
 }
 html:not(#__):not(#___) .cadmin h1,
 html:not(#__):not(#___) .cadmin h2,
@@ -1079,9 +1079,6 @@ html:not(#__):not(#___) .cadmin .btn-monospaced .c-inner {
   padding: 0;
   width: 100%;
 }
-html:not(#__):not(#___) .cadmin .btn-monospaced.btn .lexicon-icon {
-  margin-top: 0;
-}
 html:not(#__):not(#___) .cadmin .btn-group-vertical > .btn-monospaced.btn-lg, html:not(#__):not(#___) .cadmin .btn-group-lg .btn-monospaced, html:not(#__):not(#___) .cadmin .btn-monospaced.btn-lg {
   height: 48px;
   width: 48px;
@@ -1125,6 +1122,11 @@ html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-primary, html:not(#__):
   border-color: transparent;
   color: #fff;
 }
+html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-primary {
+  background-color: #0053f0;
+  border-color: #004ad7;
+  color: #fff;
+}
 html:not(#__):not(#___) .cadmin .btn-secondary {
   background-color: #fff;
   border-color: #cdced9;
@@ -1160,6 +1162,11 @@ html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-secondary, html:not(#__
   border-color: #cdced9;
   color: #272833;
 }
+html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-secondary {
+  background-color: #f7f8f9;
+  border-color: #cdced9;
+  color: #272833;
+}
 html:not(#__):not(#___) .cadmin .btn-success {
   background-color: #287d3c;
   border-color: #287d3c;
@@ -1195,6 +1202,11 @@ html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-success, html:not(#__):
   border-color: transparent;
   color: #fff;
 }
+html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-success {
+  background-color: #226a33;
+  border-color: transparent;
+  color: #fff;
+}
 html:not(#__):not(#___) .cadmin .btn-info {
   background-color: #2e5aac;
   border-color: #2e5aac;
@@ -1265,6 +1277,11 @@ html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-warning, html:not(#__):
   border-color: transparent;
   color: #fff;
 }
+html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-warning {
+  background-color: #9f4500;
+  border-color: transparent;
+  color: #fff;
+}
 html:not(#__):not(#___) .cadmin .btn-danger {
   background-color: #da1414;
   border-color: #da1414;
@@ -1300,6 +1317,11 @@ html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-danger, html:not(#__):n
   border-color: transparent;
   color: #fff;
 }
+html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-danger {
+  background-color: #c31212;
+  border-color: transparent;
+  color: #fff;
+}
 html:not(#__):not(#___) .cadmin .btn-light {
   background-color: #f1f2f5;
   border-color: #f1f2f5;
@@ -1335,6 +1357,11 @@ html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-light, html:not(#__):no
   border-color: transparent;
   color: #272833;
 }
+html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-light {
+  background-color: #e2e4ea;
+  border-color: transparent;
+  color: #272833;
+}
 html:not(#__):not(#___) .cadmin .btn-dark {
   background-color: #272833;
   border-color: #272833;
@@ -1370,6 +1397,11 @@ html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-dark, html:not(#__):not
   border-color: transparent;
   color: #fff;
 }
+html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-dark {
+  background-color: #1c1c24;
+  border-color: transparent;
+  color: #fff;
+}
 html:not(#__):not(#___) .cadmin .btn-link {
   border-radius: 1px;
   box-shadow: [none];
@@ -3069,6 +3101,7 @@ html:not(#__):not(#___) .cadmin .alert-link.btn-unstyled:focus {
 }
 html:not(#__):not(#___) .cadmin .alert-indicator {
   font-size: 16px;
+  line-height: 1;
 }
 html:not(#__):not(#___) .cadmin .alert-indicator + .lead {
   margin-left: 5px;
@@ -3165,6 +3198,7 @@ html:not(#__):not(#___) .cadmin .modal-body .alert-list .alert-fluid:last-child
   margin-bottom: -1px;
 }
 html:not(#__):not(#___) .cadmin .autofit-row.alert-autofit-row {
+  align-items: baseline;
   margin-left: -4px;
   margin-right: -4px;
   width: auto;
@@ -6435,6 +6469,7 @@ html:not(#__):not(#___) .cadmin .form-control-tag-group {
   flex-wrap: wrap;
   height: auto;
   padding-bottom: 2px;
+  padding-left: 8px;
   padding-right: 8px;
   padding-top: 2px;
 }
@@ -6501,6 +6536,7 @@ html:not(#__):not(#___) .cadmin .form-control-inset {
   color: #272833;
   flex-grow: 1;
   margin-bottom: 5px;
+  margin-left: 8px;
   margin-top: 5px;
   min-height: 24px;
   padding: 0;
@@ -6597,7 +6633,7 @@ html:not(#__):not(#___) .cadmin select.form-control[size] option:checked {
     filter: invert(0);
   }
   html:not(#__):not(#___) .cadmin select.form-control[size] option {
-    padding: 0.40625rem 0.5rem;
+    padding: 6.5px 8px;
   }
 }
 html:not(#__):not(#___) .cadmin select.form-control[multiple] {
@@ -6627,7 +6663,7 @@ html:not(#__):not(#___) .cadmin select.form-control[multiple] option:checked {
     filter: invert(0);
   }
   html:not(#__):not(#___) .cadmin select.form-control[multiple] option {
-    padding: 0.40625rem 0.5rem;
+    padding: 6.5px 8px;
   }
 }
 html:not(#__):not(#___) .cadmin textarea.form-control,
@@ -6794,8 +6830,8 @@ html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-gr
   line-height: 1.5;
   min-height: 32px;
   padding-bottom: 0;
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+  padding-left: 4px;
+  padding-right: 4px;
   padding-top: 0;
 }
 html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .inline-item, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .inline-item, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .inline-item, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .inline-item, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .inline-item {
@@ -6803,13 +6839,14 @@ html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-gr
   margin-top: 0;
 }
 html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .label, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .label, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .label, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .label, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .label {
-  margin-bottom: 0.1875rem;
-  margin-right: 0.25rem;
-  margin-top: 0.1875rem;
+  margin-bottom: 3px;
+  margin-right: 4px;
+  margin-top: 3px;
 }
 html:not(#__):not(#___) .cadmin .form-group-sm .input-group .form-control-tag-group .form-control-inset, html:not(#__):not(#___) .cadmin .input-group-sm .form-control-tag-group .form-control-inset, html:not(#__):not(#___) .cadmin .form-group-sm .form-control-tag-group.input-group .form-control-inset, html:not(#__):not(#___) .cadmin .form-control-tag-group.input-group-sm .form-control-inset, html:not(#__):not(#___) .cadmin .form-control-tag-group-sm.form-control .form-control-inset {
-  margin-bottom: 0.125rem;
-  margin-top: 0.1875rem;
+  margin-bottom: 2px;
+  margin-left: 8px;
+  margin-top: 3px;
 }
 html:not(#__):not(#___) .cadmin .form-group {
   margin-bottom: 24px;
@@ -8332,9 +8369,9 @@ html:not(#__):not(#___) .cadmin .form-feedback-group {
   word-wrap: break-word;
 }
 html:not(#__):not(#___) .cadmin .form-feedback-item {
-  font-size: 0.875rem;
+  font-size: 14px;
   font-weight: 600;
-  margin-top: 0.25rem;
+  margin-top: 4px;
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
@@ -16905,9 +16942,6 @@ html:not(#__):not(#___) .cadmin .component-tbar {
   color: #6b6c7e;
   height: 56px;
 }
-html:not(#__):not(#___) .cadmin .component-tbar .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .subnav-tbar {
   font-size: 14px;
 }
@@ -17007,9 +17041,6 @@ html:not(#__):not(#___) .cadmin .subnav-tbar .component-text {
 html:not(#__):not(#___) .cadmin .subnav-tbar .component-label {
   font-weight: 400;
 }
-html:not(#__):not(#___) .cadmin .subnav-tbar .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .subnav-tbar-primary {
   background-color: #b3cdff;
   padding-bottom: 10px;
@@ -17072,18 +17103,12 @@ html:not(#__):not(#___) .cadmin .subnav-tbar-primary.subnav-tbar-disabled {
 html:not(#__):not(#___) .cadmin .subnav-tbar-primary.subnav-tbar-disabled .component-label {
   border-color: #8e94aa;
 }
-html:not(#__):not(#___) .cadmin .subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .subnav-tbar-light {
   color: #6b6c7e;
   background-color: white;
   padding-bottom: 2px;
   padding-top: 2px;
 }
-html:not(#__):not(#___) .cadmin .subnav-tbar-light .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .tbar-stacked {
   display: inline-flex;
   height: 100%;
@@ -17150,9 +17175,6 @@ html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-right: 0;
   margin-top: 0;
 }
-html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .tbar-light {
   background-color: #fff;
   box-shadow: inset 1px 0 0 0 #f1f2f5 , inset -1px 0 0 0 #f1f2f5;
@@ -17185,9 +17207,6 @@ html:not(#__):not(#___) .cadmin .tbar-light .tbar-btn-monospaced[aria-expanded=t
   background-color: #f1f2f5;
   color: #272833;
 }
-html:not(#__):not(#___) .cadmin .tbar-light .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .tbar-dark-l2 {
   background-color: #393a4a;
   box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -17221,9 +17240,6 @@ html:not(#__):not(#___) .cadmin .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin .tbar-dark-l2 .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .tbar-dark-d1 {
   background-color: #1c1c24;
   box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
@@ -17266,9 +17282,6 @@ html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
 }
-html:not(#__):not(#___) .cadmin .tbar-dark-d1 .tbar-label {
-  border-width: 1px;
-}
 html:not(#__):not(#___) .cadmin .timeline {
   list-style: none;
   padding-left: 0;
@@ -18297,6 +18310,10 @@ html:not(#__):not(#___) .cadmin .treeview-light .treeview-link:disabled, html:no
   background-color: transparent;
   color: rgba(107, 108, 126, 0.5);
 }
+html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.treeview-no-hover:hover {
+  background-color: transparent;
+  color: #6b6c7e;
+}
 html:not(#__):not(#___) .cadmin .treeview-dark .component-expander {
   color: #a7a9bc;
 }
@@ -18317,6 +18334,10 @@ html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link:disabled, html:not
   background-color: transparent;
   color: rgba(167, 169, 188, 0.5);
 }
+html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.treeview-no-hover:hover {
+  background-color: transparent;
+  color: #a7a9bc;
+}
 html:not(#__):not(#___) .cadmin .treeview-dark .component-action {
   color: #a7a9bc;
 }
@@ -18595,6 +18616,12 @@ html:not(#__):not(#___) .cadmin .inline-scroller {
   -webkit-overflow-scrolling: touch;
   padding: 0;
 }
+html:not(#__):not(#___) .cadmin .inline-scroller:focus {
+  outline: 0;
+}
+html:not(#__):not(#___) .cadmin .inline-scroller:focus-visible {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
+}
 html:not(#__):not(#___) .cadmin .inline-item {
   align-items: center;
   display: inline-flex;