@clayui/css 3.108.0 → 3.110.0

package/lib/css/cadmin.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.108.0
+ * Clay 3.110.0
  *
  * 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.108.0
+ * Clay 3.110.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -6386,6 +6386,125 @@ html:not(#__):not(#___) .cadmin .dropdown-menu > .list-unstyled, html:not(#__):n
 html:not(#__):not(#___) .cadmin .dropdown-menu.show, html:not(#__):not(#___) .cadmin.dropdown-menu.show {
   display: block;
 }
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-header {
+  padding-bottom: 6px;
+  padding-left: 28px;
+  padding-right: 8px;
+  padding-top: 5px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-subheader {
+  padding-bottom: 7px;
+  padding-left: 28px;
+  padding-right: 8px;
+  padding-top: 7px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-section {
+  padding-left: 28px;
+  padding-right: 8px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item {
+  padding-bottom: 6px;
+  padding-left: 28px;
+  padding-right: 8px;
+  padding-top: 5px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item .c-inner {
+  flex-grow: 1;
+  margin-bottom: -6px;
+  margin-left: -28px;
+  margin-right: -8px;
+  margin-top: -5px;
+  width: auto;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item.autofit-row {
+  padding-left: 24px;
+  padding-right: 8px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll {
+  font-size: 16px;
+  height: 32px;
+  padding: 0;
+  position: absolute;
+  text-align: center;
+  z-index: 1;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:hover, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.hover {
+  background-color: #f0f5ff;
+  background-image: none;
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.focus, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus-visible, .c-prefers-focus html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus {
+  background-color: #f0f5ff;
+  background-image: none;
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active {
+  background-color: #f0f5ff;
+  background-image: none;
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active label {
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active .form-check-label {
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active {
+  background-color: #f0f5ff;
+  background-image: none;
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active label {
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active .form-check-label {
+  color: #272833;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled {
+  background-color: transparent;
+  background-image: none;
+  color: #a7a9bc;
+  cursor: not-allowed;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled label,
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled .form-check-label, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled label,
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled .form-check-label {
+  color: #a7a9bc;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll .c-inner {
+  flex-grow: 1;
+  width: auto;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down {
+  background-image: linear-gradient(to top, white 84%, rgba(255, 255, 255, 0) 100%);
+  bottom: 6px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down .c-inner {
+  flex-grow: 1;
+  width: auto;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up {
+  background-image: linear-gradient(to bottom, white 84%, rgba(255, 255, 255, 0) 100%);
+  top: 6px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up .c-inner {
+  flex-grow: 1;
+  width: auto;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-divider {
+  margin: 5px 0;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-start .dropdown-item-indicator-start {
+  left: 8px;
+  top: 8px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-end .dropdown-item-indicator-end {
+  right: 8px;
+  top: 8px;
+}
+html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu-height-lg .inline-scroller {
+  max-height: 432px;
+}
 html:not(#__):not(#___) .cadmin .dropdown-menu-left, html:not(#__):not(#___) .cadmin.dropdown-menu-left {
   left: 0;
   right: auto;
@@ -10854,6 +10973,9 @@ html:not(#__):not(#___) .cadmin .modal, html:not(#__):not(#___) .cadmin.modal {
   html:not(#__):not(#___) .cadmin .modal .modal-body, html:not(#__):not(#___) .cadmin.modal .modal-body {
     padding: 8px 16px;
   }
+  html:not(#__):not(#___) .cadmin .modal .modal-body-iframe, html:not(#__):not(#___) .cadmin.modal .modal-body-iframe {
+    padding: 0px;
+  }
   html:not(#__):not(#___) .cadmin .modal .modal-footer, html:not(#__):not(#___) .cadmin.modal .modal-footer {
     padding: 8px;
   }
@@ -10960,7 +11082,7 @@ html:not(#__):not(#___) .cadmin .modal-content {
   box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
   display: flex;
   flex-direction: column;
-  max-height: calc(100vh - 28px * 2);
+  max-height: calc(100vh - 8px * 2);
   outline: 0;
   overflow: hidden;
   pointer-events: auto;
@@ -12164,7 +12286,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse.co
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link {
   border-radius: 4px;
   color: #6b6c7e;
-  letter-spacing: 0.02em;
+  letter-spacing: 0.016rem;
   margin-bottom: 4px;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
@@ -12232,7 +12354,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
   color: rgba(0, 0, 0, 0.3);
   box-shadow: none;
   font-weight: 400;
-  letter-spacing: 0.02em;
+  letter-spacing: 0.016rem;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled::before, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled::before {
   content: none;
@@ -12414,7 +12536,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse.co
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link {
   border-radius: 4px;
   color: #6b6c7e;
-  letter-spacing: 0.02em;
+  letter-spacing: 0.016rem;
   margin-bottom: 4px;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
@@ -12481,7 +12603,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
   color: rgba(0, 0, 0, 0.3);
   box-shadow: none;
   font-weight: 400;
-  letter-spacing: 0.02em;
+  letter-spacing: 0.016rem;
 }
 html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled::before, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled::before {
   content: none;
@@ -18205,7 +18327,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::befor
   left: 0;
   position: absolute;
   top: 0;
-  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
+  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
   width: 48px;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -18230,7 +18352,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::after
   left: 4px;
   position: absolute;
   top: 4px;
-  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
+  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
   width: 16px;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -18243,7 +18365,7 @@ html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .toggle-switch-check ~
 }
 
 html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
-  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
+  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
 }
 @media (prefers-reduced-motion: reduce) {
   html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
@@ -18257,7 +18379,7 @@ html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .toggle-switch-check ~
 html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
   content: attr(data-label-off);
   margin-left: 56px;
-  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
+  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
   white-space: nowrap;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -18277,7 +18399,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggl
   text-align: center;
   text-indent: 0;
   top: 4px;
-  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
+  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
   width: 16px;
   z-index: 1;
 }
@@ -18447,6 +18569,55 @@ html:not(#__):not(#___) .cadmin .simple-toggle-switch-reverse .toggle-switch-che
 html:not(#__):not(#___) .cadmin .simple-toggle-switch-reverse .toggle-switch-label {
   margin-right: 8px;
 }
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .simple-toggle-switch .toggle-switch-label, html:not(#__):not(#___) .cadmin .simple-toggle-switch.toggle-switch-sm .toggle-switch-label {
+  max-width: calc(100% - 38px);
+}
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check {
+  height: 16px;
+  width: 30px;
+}
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar {
+  height: 16px;
+  line-height: 16px;
+}
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar::before {
+  width: 30px;
+}
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar::after {
+  bottom: 0;
+  height: 12px;
+  left: 2px;
+  top: 2px;
+  width: 12px;
+}
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
+  min-width: 30px;
+  max-width: 30px;
+}
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
+  margin-left: 38px;
+}
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
+  font-size: 8px;
+  height: 16px;
+  left: 0;
+  line-height: 16px;
+  top: 0px;
+  width: 16px;
+}
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
+  left: 13px;
+}
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check:checked ~ .toggle-switch-bar::after {
+  left: 16px;
+}
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
+  left: 14px;
+}
+html:not(#__):not(#___) .cadmin .toggle-switch-sm .toggle-switch-label {
+  font-size: 12px;
+  max-width: calc(100% - 38px);
+}
 html:not(#__):not(#___) .cadmin .tooltip {
   display: block;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;