@clayui/css 3.128.0 → 3.130.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.128.0
+ * Clay 3.130.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -389,7 +389,7 @@ mark.clay-dark,
   background-color: #393a4a;
   color: #fff;
 }
-.list-unstyled {
+.dropdown-section-grid, .list-unstyled {
   list-style: none;
   padding-left: 0;
 }
@@ -7040,6 +7040,14 @@ input[type=button].btn-block {
   color: #272833;
 }
 
+.dropdown-section-grid {
+  display: grid;
+  gap: 0.5rem 0.75rem;
+  grid-template-columns: repeat(9, 1fr);
+  margin-bottom: 0;
+  padding: 0.375rem 1rem;
+}
+
 .dropdown-footer {
   box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5);
   padding: 0.5rem 1rem 0;
@@ -8195,7 +8203,6 @@ select.form-control {
   background-size: 1.5em 1.5em;
   cursor: pointer;
   padding-right: 2em;
-  color: #272833;
 }
 select.form-control.focus, select.form-control:focus-visible, .c-prefers-focus select.form-control: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='%236b6c7e'/%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='%236b6c7e'/%3E%3C/svg%3E");
@@ -8247,7 +8254,6 @@ select.form-control[size] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   scrollbar-width: thin;
-  color: #272833;
 }
 select.form-control[size].focus, select.form-control[size]:focus-visible, .c-prefers-focus select.form-control[size]:focus {
   background-image: none;
@@ -8283,7 +8289,6 @@ select.form-control[multiple] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   scrollbar-width: thin;
-  color: #272833;
 }
 select.form-control[multiple].focus, select.form-control[multiple]:focus-visible, .c-prefers-focus select.form-control[multiple]:focus {
   background-image: none;
@@ -8312,8 +8317,14 @@ select.form-control[multiple] option:checked {
   }
 }
 
+.form-control-shrink {
+  max-width: 100%;
+  white-space: nowrap;
+  width: min-content;
+}
 .form-control-select-secondary {
   background-color: #fff;
+  border-color: #9b92a5;
   color: #6b6c7e;
 }
 .form-control-select-secondary:hover, .form-control-select-secondary.hover {
@@ -10257,7 +10268,7 @@ label.custom-control-label {
 }
 
 .custom-control-outside label {
-  display: block;
+  display: inline-block;
   padding-left: calc( 					1rem + 0.5rem 				);
 }
 .custom-control-outside .custom-control-label-text {
@@ -10835,7 +10846,6 @@ label.custom-control-label {
   .date-picker-nav select.form-control {
     font-size: 0.75rem;
     height: 1.5rem;
-    color: #272833;
   }
 }
 .date-picker-nav select.form-control:hover, .date-picker-nav select.form-control.hover {
@@ -10865,7 +10875,6 @@ label.custom-control-label {
   .date-picker-nav .form-control-select {
     font-size: 0.75rem;
     height: 1.5rem;
-    color: #272833;
   }
 }
 .date-picker-nav .form-control-select:hover, .date-picker-nav .form-control-select.hover {
@@ -11399,15 +11408,12 @@ label.custom-control-label {
 }
 .has-error select.form-control {
   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='%23f48989'/%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='%23f48989'/%3E%3C/svg%3E");
-  color: #272833;
 }
 .has-error select.form-control[size] {
   background-image: none;
-  color: #272833;
 }
 .has-error select.form-control[multiple] {
   background-image: none;
-  color: #272833;
 }
 .has-error .input-group-item.focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
@@ -11458,15 +11464,12 @@ label.custom-control-label {
 }
 .has-warning select.form-control {
   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='%23ff8f39'/%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='%23ff8f39'/%3E%3C/svg%3E");
-  color: #272833;
 }
 .has-warning select.form-control[size] {
   background-image: none;
-  color: #272833;
 }
 .has-warning select.form-control[multiple] {
   background-image: none;
-  color: #272833;
 }
 .has-warning .input-group-item.focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
@@ -11517,15 +11520,12 @@ label.custom-control-label {
 }
 .has-success select.form-control {
   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='%235aca75'/%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='%235aca75'/%3E%3C/svg%3E");
-  color: #272833;
 }
 .has-success select.form-control[size] {
   background-image: none;
-  color: #272833;
 }
 .has-success select.form-control[multiple] {
   background-image: none;
-  color: #272833;
 }
 .has-success .input-group-item.focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
@@ -12090,7 +12090,8 @@ label.custom-control-label {
 .input-group .input-group-inset-item .btn .c-inner .lexicon-icon {
   margin-top: 0;
 }
-.input-group .input-group-inset-item .btn-monospaced {
+.input-group .input-group-inset-item .btn-monospaced,
+.input-group .input-group-inset-item .input-group-inset-icon {
   font-size: 1rem;
   height: 2rem;
   margin-bottom: -0.0625rem;
@@ -12104,6 +12105,14 @@ label.custom-control-label {
 .input-group .input-group-inset-item .form-file .btn {
   height: 100%;
 }
+.input-group .input-group-inset-icon {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.input-group .input-group-inset-icon .lexicon-icon {
+  margin-top: 0;
+}
 .input-group .input-group-item .input-group-inset-before.form-control {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
@@ -34834,13 +34843,27 @@ a.text-dark:hover, a.text-dark:focus {
   scroll-behavior: auto;
   transition: none;
 }
+.c-prefers-reduced-motion .loading-animation-squares::before {
+  background-color: transparent;
+  display: block;
+  font-size: inherit;
+  opacity: inherit;
+  transform: none;
+}
+.c-prefers-reduced-motion .loading-animation-squares::after {
+  font-size: inherit;
+  left: auto;
+  position: relative;
+  top: auto;
+  transform: none;
+}
 
 @keyframes loading-animation-circle {
   100% {
     transform: rotate(360deg);
   }
 }
-.loading-animation {
+.loading-animation, .c-prefers-reduced-motion .loading-animation-squares {
   display: block;
   height: 1em;
   margin-left: auto;
@@ -34851,7 +34874,7 @@ a.text-dark:hover, a.text-dark:focus {
   vertical-align: middle;
   width: 1em;
 }
-.loading-animation::before {
+.loading-animation::before, .c-prefers-reduced-motion .loading-animation-squares::before {
   animation: loading-animation-circle 1s linear infinite;
   border-radius: 50%;
   box-shadow: -0.03125em -0.375em 0 0 currentColor;
@@ -34865,15 +34888,15 @@ a.text-dark:hover, a.text-dark:focus {
   width: 0.25em;
 }
 @media (prefers-reduced-motion: reduce) {
-  .loading-animation::before {
+  .loading-animation::before, .c-prefers-reduced-motion .loading-animation-squares::before {
     animation: none;
   }
 }
-.c-prefers-reduced-motion .loading-animation::before {
+.c-prefers-reduced-motion .loading-animation::before, .c-prefers-reduced-motion .loading-animation-squares::before {
   animation: none;
 }
 
-.loading-animation::after {
+.loading-animation::after, .c-prefers-reduced-motion .loading-animation-squares::after {
   animation: loading-animation-circle 1s linear infinite;
   background-color: currentColor;
   border-radius: 50%;
@@ -34887,11 +34910,11 @@ a.text-dark:hover, a.text-dark:focus {
   width: 1em;
 }
 @media (prefers-reduced-motion: reduce) {
-  .loading-animation::after {
+  .loading-animation::after, .c-prefers-reduced-motion .loading-animation-squares::after {
     animation: none;
   }
 }
-.c-prefers-reduced-motion .loading-animation::after {
+.c-prefers-reduced-motion .loading-animation::after, .c-prefers-reduced-motion .loading-animation-squares::after {
   animation: none;
 }