@clayui/css 3.82.0 → 3.83.0

package/lib/css/base.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>
@@ -848,9 +848,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;
@@ -6230,12 +6231,12 @@ input[type=button].btn-block {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
-.dropdown-item:hover {
+.dropdown-item:hover, .dropdown-item.hover {
   background-color: #f8f9fa;
   color: #16181b;
   text-decoration: none;
 }
-.dropdown-item:focus {
+.dropdown-item:focus, .dropdown-item.focus {
   background-color: #f8f9fa;
   color: #16181b;
   text-decoration: none;
@@ -6417,6 +6418,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;
@@ -7299,9 +7345,6 @@ select.form-control {
 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;
 }
@@ -7321,6 +7364,7 @@ select.form-control:focus::-ms-value {
   background-size: 8px 10px;
   padding-right: 1.75rem;
   overflow: hidden;
+  text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -7339,9 +7383,6 @@ select.form-control[size] {
 select.form-control[size]:focus, select.form-control[size].focus {
   background-image: none;
 }
-select.form-control[size] option {
-  padding: 0.25rem;
-}
 select.form-control[multiple] {
   background-image: none;
   height: auto;
@@ -7353,9 +7394,6 @@ select.form-control[multiple] {
 select.form-control[multiple]:focus, select.form-control[multiple].focus {
   background-image: none;
 }
-select.form-control[multiple] option {
-  padding: 0.25rem;
-}
 textarea.form-control,
 textarea.form-control-plaintext,
 .form-control.form-control-textarea {
@@ -17531,19 +17569,20 @@ a.sheet-subtitle:hover {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 }
+.sidebar:focus, .sidebar.focus {
+  box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
 .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.5rem;
   font-weight: 500;
@@ -17561,6 +17600,13 @@ a.sheet-subtitle:hover {
   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;
@@ -24726,6 +24772,10 @@ button.bg-dark:focus {
   display: grid !important;
 }
 
+.d-contents {
+  display: contents !important;
+}
+
 .d-table {
   display: table !important;
 }
@@ -24767,6 +24817,10 @@ button.bg-dark:focus {
     display: grid !important;
   }
 
+  .d-sm-contents {
+    display: contents !important;
+  }
+
   .d-sm-table {
     display: table !important;
   }
@@ -24808,6 +24862,10 @@ button.bg-dark:focus {
     display: grid !important;
   }
 
+  .d-md-contents {
+    display: contents !important;
+  }
+
   .d-md-table {
     display: table !important;
   }
@@ -24849,6 +24907,10 @@ button.bg-dark:focus {
     display: grid !important;
   }
 
+  .d-lg-contents {
+    display: contents !important;
+  }
+
   .d-lg-table {
     display: table !important;
   }
@@ -24890,6 +24952,10 @@ button.bg-dark:focus {
     display: grid !important;
   }
 
+  .d-xl-contents {
+    display: contents !important;
+  }
+
   .d-xl-table {
     display: table !important;
   }
@@ -24935,6 +25001,10 @@ button.bg-dark:focus {
     display: grid !important;
   }
 
+  .d-print-contents {
+    display: contents !important;
+  }
+
   .d-print-table {
     display: table !important;
   }