kmaterialize 2.3.3-1.0.21 → 2.3.3-1.0.23

package/dist/css/materialize.css

@@ -1,5 +1,5 @@
 /*!
-* Materialize v2.3.3-1.0.21 (https://materializeweb.com)
+* Materialize v2.3.3-1.0.23 (https://materializeweb.com)
 * Copyright 2014-2026 Materialize
 * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
 */
@@ -13983,6 +13983,7 @@ button.btn-floating {
 }
 
 .kanban-card {
+  --kanban-card-accent: var(--md-sys-color-primary);
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
@@ -14007,6 +14008,11 @@ button.btn-floating {
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
+  overflow: hidden;
+  -webkit-transition: opacity 160ms ease, -webkit-transform 160ms ease, -webkit-box-shadow 160ms ease;
+  transition: opacity 160ms ease, -webkit-transform 160ms ease, -webkit-box-shadow 160ms ease;
+  transition: transform 160ms ease, opacity 160ms ease, box-shadow 160ms ease;
+  transition: transform 160ms ease, opacity 160ms ease, box-shadow 160ms ease, -webkit-transform 160ms ease, -webkit-box-shadow 160ms ease;
 }
 .kanban-card:active, .kanban-card.is-dragging {
   cursor: -webkit-grabbing;
@@ -14014,11 +14020,74 @@ button.btn-floating {
 }
 .kanban-card.is-dragging {
   opacity: 0.45;
+  -webkit-box-shadow: var(--md-sys-elevation-level3, 0 8px 18px rgba(0, 0, 0, 0.2));
+          box-shadow: var(--md-sys-elevation-level3, 0 8px 18px rgba(0, 0, 0, 0.2));
 }
 .kanban-card:focus-visible {
   outline: 2px solid var(--md-sys-color-primary);
   outline-offset: 2px;
 }
+.kanban-card.kanban-card-accent::after {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 0.25rem;
+  background: var(--kanban-card-accent);
+  content: "";
+  pointer-events: none;
+}
+.kanban-card.kanban-card-accent-top::after {
+  top: 0;
+  bottom: auto;
+  left: 0;
+  width: 100%;
+  height: 0.25rem;
+}
+.kanban-card.kanban-card-accent-right::after {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: auto;
+  width: 0.25rem;
+  height: 100%;
+}
+.kanban-card.kanban-card-accent-left::after {
+  top: 0;
+  right: auto;
+  bottom: 0;
+  left: 0;
+  width: 0.25rem;
+  height: 100%;
+}
+.kanban-card.is-disabled, .kanban-card[aria-disabled=true] {
+  cursor: not-allowed;
+  opacity: 0.55;
+  -webkit-filter: saturate(0.55);
+          filter: saturate(0.55);
+}
+
+.kanban-drag-image {
+  position: fixed !important;
+  top: -10000px !important;
+  left: -10000px !important;
+  z-index: -1;
+  pointer-events: none;
+  -webkit-transform: rotate(2deg) scale(1.015);
+          transform: rotate(2deg) scale(1.015);
+  -webkit-transform-origin: center;
+          transform-origin: center;
+}
+
+.kanban-drop-preview {
+  min-height: 4rem;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border: 2px dashed var(--md-sys-color-primary);
+  border-radius: 0.75rem;
+  background: color-mix(in srgb, var(--md-sys-color-primary-container) 45%, transparent);
+  pointer-events: none;
+}
 
 .kanban-card-title {
   margin: 0;
@@ -16968,6 +17037,258 @@ body.keyboard-focused .dropdown-content li:focus {
     opacity: 0;
   }
 }
+.loading {
+  --loading-size: 7rem;
+  --loading-color: var(--md-sys-color-primary);
+  --loading-background: var(--md-sys-color-surface-container, var(--md-sys-color-surface));
+  --loading-thickness: 3px;
+  position: relative;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+  width: var(--loading-size);
+  height: var(--loading-size);
+  vertical-align: middle;
+  border-radius: 50%;
+  background: var(--loading-background);
+  color: var(--loading-color);
+  isolation: isolate;
+}
+.loading > .preloader-wrapper {
+  position: absolute;
+  inset: 5%;
+  width: 90%;
+  height: 90%;
+  pointer-events: none;
+}
+.loading > .preloader-wrapper .spinner-layer {
+  border-color: var(--loading-color);
+}
+.loading > .preloader-wrapper .circle-clipper .circle {
+  border-width: var(--loading-thickness);
+}
+.loading:not(.active) > .preloader-wrapper {
+  visibility: hidden;
+}
+.loading:not(.active) > .preloader-wrapper, .loading:not(.active) > .preloader-wrapper .spinner-layer, .loading:not(.active) > .preloader-wrapper .circle-clipper .circle {
+  -webkit-animation: none;
+          animation: none;
+}
+.loading.loading-small {
+  --loading-size: 4rem;
+}
+.loading.loading-large {
+  --loading-size: 10rem;
+}
+.loading[hidden] {
+  display: none;
+}
+.loading .loading-content {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 72%;
+  height: 72%;
+  overflow: hidden;
+  border-radius: inherit;
+}
+.loading .loading-content img, .loading .loading-content svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.loading .loading-content .material-icons {
+  font-size: calc(var(--loading-size) * 0.35);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .loading > .preloader-wrapper, .loading > .preloader-wrapper .spinner-layer, .loading > .preloader-wrapper .circle-clipper .circle {
+    -webkit-animation: none;
+            animation: none;
+  }
+}
+.swal2-container.popup-container {
+  --swal2-backdrop: color-mix(in srgb, var(--md-sys-color-scrim) 40%, transparent);
+  z-index: 1100;
+}
+
+.swal2-popup.popup {
+  --swal2-background: var(--md-sys-color-surface);
+  --swal2-color: var(--md-sys-color-on-surface);
+  --swal2-border: 1px solid var(--md-sys-color-outline-variant);
+  --swal2-border-radius: 28px;
+  --swal2-input-background: var(--md-sys-color-surface);
+  --swal2-input-border: 1px solid var(--md-sys-color-outline);
+  --swal2-input-border-radius: 4px;
+  --swal2-input-box-shadow: none;
+  --swal2-input-hover-box-shadow: none;
+  --swal2-input-focus-border: 1px solid var(--md-sys-color-primary);
+  --swal2-input-focus-box-shadow: 0 0 0 1px var(--md-sys-color-primary);
+  --swal2-validation-message-background: var(--md-sys-color-error-container);
+  --swal2-validation-message-color: var(--md-sys-color-on-error-container);
+  --swal2-footer-border-color: var(--md-sys-color-outline-variant);
+  --swal2-footer-color: var(--md-sys-color-on-surface-variant);
+  --swal2-timer-progress-bar-background: var(--md-sys-color-primary);
+  --swal2-close-button-color: var(--md-sys-color-on-surface-variant);
+  --swal2-close-button-focus-box-shadow: inset 0 0 0 2px var(--md-sys-color-primary);
+  --swal2-outline: 0 0 0 2px var(--md-sys-color-primary);
+  font-family: inherit;
+}
+.swal2-popup.popup .swal2-title {
+  font-size: 1.5rem;
+  line-height: 1.3;
+}
+.swal2-popup.popup .swal2-html-container {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+.swal2-popup.popup .swal2-actions {
+  gap: 0.75rem;
+  padding: 0 1.5rem;
+}
+.swal2-popup.popup .swal2-actions .btn {
+  margin: 0;
+}
+.swal2-popup.popup .swal2-close:hover {
+  color: var(--md-sys-color-primary);
+}
+.swal2-popup.popup .swal2-loader {
+  border-color: var(--md-sys-color-primary) transparent;
+}
+.swal2-popup.popup input.swal2-input,
+.swal2-popup.popup textarea.swal2-textarea,
+.swal2-popup.popup select.swal2-select {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: auto !important;
+  min-width: 0;
+  max-width: calc(100% - 3rem);
+  margin: 1rem 1.5rem 0;
+  padding: 0.75rem;
+  border: var(--swal2-input-border);
+  border-radius: var(--swal2-input-border-radius);
+  background: var(--swal2-input-background);
+  color: var(--swal2-color);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  font-size: 1rem;
+}
+.swal2-popup.popup input.swal2-input:focus,
+.swal2-popup.popup textarea.swal2-textarea:focus,
+.swal2-popup.popup select.swal2-select:focus {
+  border: var(--swal2-input-focus-border);
+  -webkit-box-shadow: var(--swal2-input-focus-box-shadow);
+          box-shadow: var(--swal2-input-focus-box-shadow);
+  outline: none;
+}
+.swal2-popup.popup input.swal2-input::-webkit-input-placeholder, .swal2-popup.popup textarea.swal2-textarea::-webkit-input-placeholder, .swal2-popup.popup select.swal2-select::-webkit-input-placeholder {
+  color: var(--md-sys-color-on-surface-variant);
+  opacity: 1;
+}
+.swal2-popup.popup input.swal2-input::-moz-placeholder, .swal2-popup.popup textarea.swal2-textarea::-moz-placeholder, .swal2-popup.popup select.swal2-select::-moz-placeholder {
+  color: var(--md-sys-color-on-surface-variant);
+  opacity: 1;
+}
+.swal2-popup.popup input.swal2-input:-ms-input-placeholder, .swal2-popup.popup textarea.swal2-textarea:-ms-input-placeholder, .swal2-popup.popup select.swal2-select:-ms-input-placeholder {
+  color: var(--md-sys-color-on-surface-variant);
+  opacity: 1;
+}
+.swal2-popup.popup input.swal2-input::-ms-input-placeholder, .swal2-popup.popup textarea.swal2-textarea::-ms-input-placeholder, .swal2-popup.popup select.swal2-select::-ms-input-placeholder {
+  color: var(--md-sys-color-on-surface-variant);
+  opacity: 1;
+}
+.swal2-popup.popup input.swal2-input::placeholder,
+.swal2-popup.popup textarea.swal2-textarea::placeholder,
+.swal2-popup.popup select.swal2-select::placeholder {
+  color: var(--md-sys-color-on-surface-variant);
+  opacity: 1;
+}
+.swal2-popup.popup input.swal2-input.swal2-inputerror,
+.swal2-popup.popup textarea.swal2-textarea.swal2-inputerror,
+.swal2-popup.popup select.swal2-select.swal2-inputerror {
+  border-color: var(--md-sys-color-error) !important;
+  -webkit-box-shadow: 0 0 0 1px var(--md-sys-color-error) !important;
+          box-shadow: 0 0 0 1px var(--md-sys-color-error) !important;
+}
+.swal2-popup.popup input.swal2-input, .swal2-popup.popup select.swal2-select {
+  height: 3rem;
+}
+.swal2-popup.popup textarea.swal2-textarea {
+  min-height: 7rem;
+}
+.swal2-popup.popup .swal2-input-label {
+  color: var(--md-sys-color-on-surface);
+  font-size: 1rem;
+}
+.swal2-popup.popup .swal2-radio input,
+.swal2-popup.popup .swal2-checkbox input {
+  -webkit-appearance: auto;
+     -moz-appearance: auto;
+          appearance: auto;
+  position: static;
+  opacity: 1;
+  pointer-events: auto;
+  width: 1.125rem;
+  height: 1.125rem;
+  accent-color: var(--md-sys-color-primary);
+  background: initial;
+  border: initial;
+}
+.swal2-popup.popup .swal2-radio input::before, .swal2-popup.popup .swal2-radio input::after,
+.swal2-popup.popup .swal2-checkbox input::before,
+.swal2-popup.popup .swal2-checkbox input::after {
+  display: none;
+}
+.swal2-popup.popup .swal2-radio input:focus-visible,
+.swal2-popup.popup .swal2-checkbox input:focus-visible {
+  outline: 2px solid var(--md-sys-color-primary);
+  outline-offset: 2px;
+}
+.swal2-popup.popup .swal2-radio label, .swal2-popup.popup .swal2-checkbox {
+  gap: 0.5rem;
+  color: inherit;
+}
+.swal2-popup.popup .swal2-radio input + span, .swal2-popup.popup .swal2-checkbox input + span {
+  padding-left: 0;
+  font-size: 1rem;
+}
+.swal2-popup.popup .swal2-radio input + span::before, .swal2-popup.popup .swal2-radio input + span::after, .swal2-popup.popup .swal2-checkbox input + span::before, .swal2-popup.popup .swal2-checkbox input + span::after {
+  display: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .popup-container .swal2-popup.popup,
+  .popup-container .swal2-popup.popup * {
+    -webkit-animation: none !important;
+            animation: none !important;
+    -webkit-transition: none !important;
+    transition: none !important;
+  }
+}
 .slider {
   position: relative;
   height: 400px;