@clayui/css 3.82.0 → 3.83.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.82.0
+ * Clay 3.83.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -866,9 +866,10 @@ pre code {
 }
 .spinner-border {
   animation: spinner-border 0.75s linear infinite;
+  border-color: currentColor transparent currentColor currentColor;
   border-radius: 50%;
-  border-right-color: transparent;
-  border: 0.25em solid currentColor;
+  border-style: solid;
+  border-width: 0.25em;
   display: inline-block;
   height: 2rem;
   vertical-align: text-bottom;
@@ -6398,12 +6399,12 @@ input[type=button].btn-block {
   word-wrap: break-word;
   font-size: inherit;
 }
-.dropdown-item:hover {
+.dropdown-item:hover, .dropdown-item.hover {
   background-color: #f0f5ff;
   color: #272833;
   text-decoration: none;
 }
-.dropdown-item:focus {
+.dropdown-item:focus, .dropdown-item.focus {
   background-color: #f0f5ff;
   color: #272833;
   text-decoration: none;
@@ -6612,6 +6613,51 @@ input[type=button].btn-block {
   margin-bottom: 0;
 }
 
+.dropdown-menu-select.dropdown-menu .dropdown-header {
+  padding-bottom: 0.375rem;
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+  padding-top: 0.3125rem;
+}
+.dropdown-menu-select.dropdown-menu .dropdown-subheader {
+  padding-bottom: 0.4375rem;
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+  padding-top: 0.4375rem;
+}
+.dropdown-menu-select.dropdown-menu .dropdown-section {
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+}
+.dropdown-menu-select.dropdown-menu .dropdown-item {
+  padding-bottom: 0.375rem;
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+  padding-top: 0.3125rem;
+}
+.dropdown-menu-select.dropdown-menu .dropdown-item .c-inner {
+  flex-grow: 1;
+  margin-bottom: -0.375rem;
+  margin-left: -1.75rem;
+  margin-right: -1.75rem;
+  margin-top: -0.3125rem;
+  width: auto;
+}
+.dropdown-menu-select.dropdown-menu .dropdown-item.autofit-row {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.dropdown-menu-select.dropdown-menu .dropdown-divider {
+  margin: 0.3125rem 0;
+}
+.dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-start .dropdown-item-indicator-start {
+  left: 0.5rem;
+  top: 0.5rem;
+}
+.dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-end .dropdown-item-indicator-end {
+  right: 0.5rem;
+  top: 0.5rem;
+}
 .dropdown-menu-left {
   left: 0;
   right: auto;
@@ -7543,9 +7589,6 @@ select.form-control:disabled, select.form-control.disabled {
 select.form-control:disabled > option, select.form-control.disabled > option {
   cursor: not-allowed;
 }
-select.form-control option {
-  cursor: pointer;
-}
 select.form-control::-ms-expand {
   display: none;
 }
@@ -7565,6 +7608,7 @@ select.form-control:focus::-ms-value {
   background-size: 1.5em 1.5em;
   padding-right: 2em;
   overflow: hidden;
+  text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -7592,12 +7636,6 @@ select.form-control[size]:focus > option:checked, select.form-control[size].focu
   color: #fff;
   filter: invert(100%);
 }
-select.form-control[size] option {
-  padding: 0.4375rem 0.5rem;
-}
-select.form-control[size] option:checked {
-  background-image: linear-gradient(#e7e7ed, #e7e7ed);
-}
 @-moz-document url-prefix() {
   select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
@@ -7624,12 +7662,6 @@ select.form-control[multiple]:focus > option:checked, select.form-control[multip
   color: #fff;
   filter: invert(100%);
 }
-select.form-control[multiple] option {
-  padding: 0.4375rem 0.5rem;
-}
-select.form-control[multiple] option:checked {
-  background-image: linear-gradient(#e7e7ed, #e7e7ed);
-}
 @-moz-document url-prefix() {
   select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
@@ -7640,6 +7672,27 @@ select.form-control[multiple] option:checked {
   }
 }
 
+.form-control-select-secondary {
+  background-color: #fff;
+  color: #6b6c7e;
+}
+.form-control-select-secondary:hover, .form-control-select-secondary.hover {
+  color: #6b6c7e;
+}
+.form-control-select-secondary:focus, .form-control-select-secondary.focus {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23272833'/%3E%3C/svg%3E");
+  color: #272833;
+}
+.form-control-select-secondary.show {
+  background-color: #f1f2f5;
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23272833'/%3E%3C/svg%3E");
+  color: #272833;
+}
+.form-control-select-secondary:disabled, .form-control-select-secondary.disabled {
+  background-color: #fff;
+  color: #6b6c7e;
+  opacity: 0.4;
+}
 textarea.form-control,
 textarea.form-control-plaintext,
 .form-control.form-control-textarea {
@@ -9693,7 +9746,7 @@ label.custom-control-label {
   padding-left: 0.5rem;
   padding-top: 0;
 }
-.date-picker-nav select.form-control:hover {
+.date-picker-nav select.form-control:hover, .date-picker-nav select.form-control.hover {
   background-color: #f1f2f5;
   color: #272833;
 }
@@ -18669,19 +18722,20 @@ a.sheet-subtitle:focus {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 }
+.sidebar:focus, .sidebar.focus {
+  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+}
 .sidebar .container-fluid {
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
-.sidebar-header,
-.sidebar-footer {
+.sidebar-header {
   padding-bottom: 1rem;
   padding-left: 1rem;
   padding-right: 1rem;
   padding-top: 1rem;
 }
-
 .sidebar-header .component-title {
   font-size: 1.25rem;
   font-weight: 600;
@@ -18699,6 +18753,13 @@ a.sheet-subtitle:focus {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+.sidebar-footer {
+  padding-bottom: 1rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 1rem;
+}
+
 .sidebar-body {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
@@ -26747,6 +26808,10 @@ button.bg-dark:focus {
   display: grid !important;
 }
 
+.d-contents {
+  display: contents !important;
+}
+
 .d-table {
   display: table !important;
 }
@@ -26788,6 +26853,10 @@ button.bg-dark:focus {
     display: grid !important;
   }
 
+  .d-sm-contents {
+    display: contents !important;
+  }
+
   .d-sm-table {
     display: table !important;
   }
@@ -26829,6 +26898,10 @@ button.bg-dark:focus {
     display: grid !important;
   }
 
+  .d-md-contents {
+    display: contents !important;
+  }
+
   .d-md-table {
     display: table !important;
   }
@@ -26870,6 +26943,10 @@ button.bg-dark:focus {
     display: grid !important;
   }
 
+  .d-lg-contents {
+    display: contents !important;
+  }
+
   .d-lg-table {
     display: table !important;
   }
@@ -26911,6 +26988,10 @@ button.bg-dark:focus {
     display: grid !important;
   }
 
+  .d-xl-contents {
+    display: contents !important;
+  }
+
   .d-xl-table {
     display: table !important;
   }
@@ -26956,6 +27037,10 @@ button.bg-dark:focus {
     display: grid !important;
   }
 
+  .d-print-contents {
+    display: contents !important;
+  }
+
   .d-print-table {
     display: table !important;
   }