@progress/kendo-theme-bootstrap 7.1.0-dev.0 → 7.1.0-dev.10

package/dist/all.css

@@ -265,16 +265,13 @@ kendo-sortable {
     text-indent: -4000px;
     text-align: center;
     position: absolute;
-    color: currentColor;
 }
 
 .k-loading-image {
     z-index: 2;
-    color: currentColor;
 }
 
 .k-loading-color {
-    background-color: #ffffff;
     opacity: 0.3;
 }
 
@@ -290,7 +287,6 @@ kendo-sortable {
     position: relative;
     background-color: transparent;
     box-sizing: border-box;
-    color: currentColor;
 }
 
 .k-i-loading::before, .k-i-loading::after {
@@ -1143,7 +1139,6 @@ kendo-sortable {
 }
 
 .k-current-time {
-    width: 1px;
     position: absolute;
 }
 
@@ -28585,11 +28580,13 @@ kendo-badge-container {
 }
 
 .k-chip-outline-error:hover, .k-chip-outline-error.k-hover {
+    border-color: #a52834;
     color: white;
     background-color: #a52834;
 }
 
 .k-chip-outline-error.k-selected {
+    border-color: #a52834;
     color: white;
     background-color: #a52834;
 }
@@ -28605,11 +28602,13 @@ kendo-badge-container {
 }
 
 .k-chip-outline-info:hover, .k-chip-outline-info.k-hover {
+    border-color: #0a98b4;
     color: white;
     background-color: #0a98b4;
 }
 
 .k-chip-outline-info.k-selected {
+    border-color: #0a98b4;
     color: white;
     background-color: #0a98b4;
 }
@@ -28645,11 +28644,13 @@ kendo-badge-container {
 }
 
 .k-chip-outline-success:hover, .k-chip-outline-success.k-hover {
+    border-color: #13653f;
     color: white;
     background-color: #13653f;
 }
 
 .k-chip-outline-success.k-selected {
+    border-color: #13653f;
     color: white;
     background-color: #13653f;
 }
@@ -28660,6 +28661,7 @@ kendo-badge-container {
 }
 
 .k-chip-outline-info:hover, .k-chip-outline-info.k-hover, .k-chip-outline-info.k-selected {
+    border-color: #0dcaf0;
     color: #212529;
     background-color: #0dcaf0;
 }
@@ -32267,7 +32269,6 @@ textarea.k-input-inner {
 .k-input-suffix {
     border-color: inherit;
     display: flex;
-    flex-flow: row nowrap;
     align-items: center;
     flex: none;
 }
@@ -32275,23 +32276,45 @@ textarea.k-input-inner {
 .k-input-prefix > *,
 .k-input-suffix > * {
     flex-shrink: 0;
+    border: none;
+}
+
+.k-input-prefix-vertical,
+.k-input-suffix-vertical {
+    flex-flow: column wrap;
+}
+
+.k-input-prefix-horizontal,
+.k-input-suffix-horizontal {
+    flex-flow: row wrap;
 }
 
 .k-input-separator {
     margin: 0;
-    width: 0;
-    height: 16px;
-    border-width: 0 0 0 1px;
     border-style: solid;
     border-color: inherit;
+    border-width: 0 0 0 1px;
+    height: 16px;
     align-self: center;
 }
 
+.k-input-separator-horizontal {
+    height: auto;
+    margin-inline: 0.375rem;
+    align-self: stretch;
+    border-width: 1px 0 0;
+}
+
+.k-input-separator-vertical {
+    height: auto;
+    margin-block: 0.375rem;
+    align-self: stretch;
+    border-width: 0 0 0 1px;
+}
+
 .k-input-icon,
 .k-input-validation-icon,
-.k-input-loading-icon,
-.k-input-prefix > .k-icon,
-.k-input-suffix > .k-icon {
+.k-input-loading-icon {
     flex: none;
     align-self: center;
     display: inline-flex;
@@ -32511,18 +32534,32 @@ textarea.k-input-inner {
 .k-input-sm .k-input-loading-icon,
 .k-input-sm .k-clear-value,
 .k-input-sm .k-input-prefix > .k-icon,
+.k-input-sm .k-input-prefix > .k-input-prefix-text,
 .k-input-sm .k-input-suffix > .k-icon,
+.k-input-sm .k-input-suffix > .k-input-suffix-text,
 .k-picker-sm .k-input-icon,
 .k-picker-sm .k-input-validation-icon,
 .k-picker-sm .k-input-loading-icon,
 .k-picker-sm .k-clear-value,
 .k-picker-sm .k-input-prefix > .k-icon,
-.k-picker-sm .k-input-suffix > .k-icon {
+.k-picker-sm .k-input-prefix > .k-input-prefix-text,
+.k-picker-sm .k-input-suffix > .k-icon,
+.k-picker-sm .k-input-suffix > .k-input-suffix-text {
     padding-block: 0.25rem;
     padding-inline: 0.25rem;
     box-sizing: content-box;
 }
 
+.k-input-sm .k-input-separator-horizontal,
+.k-picker-sm .k-input-separator-horizontal {
+    margin-inline: 0.25rem;
+}
+
+.k-input-sm .k-input-separator-vertical,
+.k-picker-sm .k-input-separator-vertical {
+    margin-block: 0.25rem;
+}
+
 .k-input-sm.k-icon-picker .k-input-inner,
 .k-picker-sm.k-icon-picker .k-input-inner {
     width: 1.4285714286em;
@@ -32580,18 +32617,32 @@ select.k-picker-sm {
 .k-input-md .k-input-loading-icon,
 .k-input-md .k-clear-value,
 .k-input-md .k-input-prefix > .k-icon,
+.k-input-md .k-input-prefix > .k-input-prefix-text,
 .k-input-md .k-input-suffix > .k-icon,
+.k-input-md .k-input-suffix > .k-input-suffix-text,
 .k-picker-md .k-input-icon,
 .k-picker-md .k-input-validation-icon,
 .k-picker-md .k-input-loading-icon,
 .k-picker-md .k-clear-value,
 .k-picker-md .k-input-prefix > .k-icon,
-.k-picker-md .k-input-suffix > .k-icon {
+.k-picker-md .k-input-prefix > .k-input-prefix-text,
+.k-picker-md .k-input-suffix > .k-icon,
+.k-picker-md .k-input-suffix > .k-input-suffix-text {
     padding-block: 0.375rem;
     padding-inline: 0.375rem;
     box-sizing: content-box;
 }
 
+.k-input-md .k-input-separator-horizontal,
+.k-picker-md .k-input-separator-horizontal {
+    margin-inline: 0.375rem;
+}
+
+.k-input-md .k-input-separator-vertical,
+.k-picker-md .k-input-separator-vertical {
+    margin-block: 0.375rem;
+}
+
 .k-input-md.k-icon-picker .k-input-inner,
 .k-picker-md.k-icon-picker .k-input-inner {
     width: 1.5em;
@@ -32649,18 +32700,32 @@ select.k-picker-md {
 .k-input-lg .k-input-loading-icon,
 .k-input-lg .k-clear-value,
 .k-input-lg .k-input-prefix > .k-icon,
+.k-input-lg .k-input-prefix > .k-input-prefix-text,
 .k-input-lg .k-input-suffix > .k-icon,
+.k-input-lg .k-input-suffix > .k-input-suffix-text,
 .k-picker-lg .k-input-icon,
 .k-picker-lg .k-input-validation-icon,
 .k-picker-lg .k-input-loading-icon,
 .k-picker-lg .k-clear-value,
 .k-picker-lg .k-input-prefix > .k-icon,
-.k-picker-lg .k-input-suffix > .k-icon {
+.k-picker-lg .k-input-prefix > .k-input-prefix-text,
+.k-picker-lg .k-input-suffix > .k-icon,
+.k-picker-lg .k-input-suffix > .k-input-suffix-text {
     padding-block: 0.5rem;
     padding-inline: 0.5rem;
     box-sizing: content-box;
 }
 
+.k-input-lg .k-input-separator-horizontal,
+.k-picker-lg .k-input-separator-horizontal {
+    margin-inline: 0.5rem;
+}
+
+.k-input-lg .k-input-separator-vertical,
+.k-picker-lg .k-input-separator-vertical {
+    margin-block: 0.5rem;
+}
+
 .k-input-lg.k-icon-picker .k-input-inner,
 .k-picker-lg.k-icon-picker .k-input-inner {
     width: 1.5em;
@@ -32720,20 +32785,20 @@ select.k-picker-lg {
 .k-input-solid {
     border-color: #ced4da;
     color: #212529;
-    background-color: #ffffff;
+    background-color: #fff;
 }
 
 .k-input-solid:focus, .k-input-solid.k-focus {
     border-color: #86b7fe;
     color: #212529;
-    background-color: #ffffff;
+    background-color: #fff;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
 .k-input-solid:focus-within {
     border-color: #86b7fe;
     color: #212529;
-    background-color: #ffffff;
+    background-color: #fff;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
@@ -32753,6 +32818,34 @@ select.k-picker-lg {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
+.k-input-solid.k-valid {
+    border-color: #198754;
+}
+
+.k-input-solid.k-valid .k-input-validation-icon {
+    color: #198754;
+}
+
+.k-input-solid.k-valid:focus, .k-input-solid.k-valid.k-focus {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
+.k-input-solid.k-valid:focus-within {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
+.k-input-solid .k-input-prefix {
+    color: #6c757d;
+}
+
+.k-input-solid .k-input-suffix {
+    color: #6c757d;
+}
+
+.k-input-solid .k-input-separator {
+    border-color: #dee2e6;
+}
+
 .k-picker-solid {
     border-color: #e4e7eb;
     color: #212529;
@@ -32792,6 +32885,22 @@ select.k-picker-lg {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
+.k-picker-solid.k-valid {
+    border-color: #198754;
+}
+
+.k-picker-solid.k-valid .k-input-validation-icon {
+    color: #198754;
+}
+
+.k-picker-solid.k-valid:focus, .k-picker-solid.k-valid.k-focus {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
+.k-picker-solid.k-valid:focus-within {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
 .k-input-outline {
     border-color: rgba(33, 37, 41, 0.5);
     color: #212529;
@@ -32836,6 +32945,34 @@ select.k-picker-lg {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
+.k-input-outline.k-valid {
+    border-color: #198754;
+}
+
+.k-input-outline.k-valid .k-input-validation-icon {
+    color: #198754;
+}
+
+.k-input-outline.k-valid:focus, .k-input-outline.k-valid.k-focus {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
+.k-input-outline.k-valid:focus-within {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
+.k-input-outline .k-input-prefix {
+    color: #6c757d;
+}
+
+.k-input-outline .k-input-suffix {
+    color: #6c757d;
+}
+
+.k-input-outline .k-input-separator {
+    border-color: #dee2e6;
+}
+
 .k-picker-outline {
     border-color: rgba(33, 37, 41, 0.5);
     color: #212529;
@@ -32871,6 +33008,22 @@ select.k-picker-lg {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
+.k-picker-outline.k-valid {
+    border-color: #198754;
+}
+
+.k-picker-outline.k-valid .k-input-validation-icon {
+    color: #198754;
+}
+
+.k-picker-outline.k-valid:focus, .k-picker-outline.k-valid.k-focus {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
+.k-picker-outline.k-valid:focus-within {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
 .k-input-flat {
     border-color: #ced4da;
     color: #212529;
@@ -32902,6 +33055,34 @@ select.k-picker-lg {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
+.k-input-flat.k-valid {
+    border-color: #198754;
+}
+
+.k-input-flat.k-valid .k-input-validation-icon {
+    color: #198754;
+}
+
+.k-input-flat.k-valid:focus, .k-input-flat.k-valid.k-focus {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
+.k-input-flat.k-valid:focus-within {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
+.k-input-flat .k-input-prefix {
+    color: #6c757d;
+}
+
+.k-input-flat .k-input-suffix {
+    color: #6c757d;
+}
+
+.k-input-flat .k-input-separator {
+    border-color: #dee2e6;
+}
+
 .k-picker-flat {
     border-color: #e4e7eb;
     color: #212529;
@@ -32935,6 +33116,22 @@ select.k-picker-lg {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
+.k-picker-flat.k-valid {
+    border-color: #198754;
+}
+
+.k-picker-flat.k-valid .k-input-validation-icon {
+    color: #198754;
+}
+
+.k-picker-flat.k-valid:focus, .k-picker-flat.k-valid.k-focus {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
+.k-picker-flat.k-valid:focus-within {
+    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
+}
+
 .k-floating-label-container {
     padding-top: 1.5rem;
     box-sizing: border-box;
@@ -35929,6 +36126,20 @@ select.k-picker-lg {
     padding-inline: 0.5rem;
 }
 
+.k-multiselecttree .k-input-values {
+    width: auto;
+    max-width: 100%;
+}
+
+.k-multiselecttree .k-input-inner::before {
+    content: "\200b";
+    width: 0px;
+    overflow: hidden;
+    flex: none;
+    display: inline-block;
+    vertical-align: top;
+}
+
 .k-rating {
     margin: 0;
     padding: 0;
@@ -38083,6 +38294,7 @@ kendo-drawer .k-drawer-wrapper {
 
 .k-drawer-content {
     flex: 1 1 auto;
+    overflow: auto;
 }
 
 .k-drawer-overlay .k-drawer {
@@ -38324,13 +38536,7 @@ kendo-drawer .k-drawer-wrapper {
     flex-flow: column-reverse wrap;
     position: fixed;
     z-index: 1000;
-}
-
-.k-notification-container {
-    margin-block: 0.5rem;
-    margin-inline: 0;
-    display: inline-flex;
-    vertical-align: top;
+    gap: 0.75rem 0;
 }
 
 .k-notification-container-animating {
@@ -38624,6 +38830,10 @@ kendo-card-footer {
     gap: 0.5rem;
 }
 
+.k-card-horizontal .k-actions-horizontal {
+    width: auto;
+}
+
 .k-card-list {
     display: flex;
     flex-flow: column nowrap;
@@ -39924,6 +40134,17 @@ kendo-card-footer {
     transition-timing-function: ease-in-out;
 }
 
+.k-stepper .k-step-indicator::before {
+    border-radius: 50%;
+    content: "";
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+}
+
 .k-stepper .k-step-indicator::after {
     border-radius: 100%;
     content: "";
@@ -42795,6 +43016,16 @@ div.k-grid-footer {
     z-index: 3;
 }
 
+.k-master-row .k-grid-content-sticky::before {
+    content: "";
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+}
+
 kendo-grid .k-table-row.k-grid-row-sticky {
     border: 0;
     position: static;
@@ -46164,6 +46395,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     border-bottom-width: 1px;
     border-color: inherit;
     flex-shrink: 0;
+    z-index: 1;
 }
 
 .k-filemanager-content-container {
@@ -46176,6 +46408,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     overflow: hidden;
 }
 
+.k-filemanager-splitter {
+    border-width: 0;
+}
+
 .k-filemanager-navigation {
     padding-block: 1rem;
     padding-inline: 1rem;
@@ -47734,17 +47970,23 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     overflow: scroll;
 }
 
-.k-gantt-timeline .k-timeline {
+.k-gantt-timeline-pane .k-gantt-timeline {
     height: 100%;
     border-width: 0;
     display: flex;
 }
 
-.k-gantt-timeline .k-grid-content {
+.k-gantt-timeline-pane .k-gantt-timeline *,
+.k-gantt-timeline-pane .k-gantt-timeline *::before,
+.k-gantt-timeline-pane .k-gantt-timeline *::after, .k-gantt-timeline-pane .k-gantt-timeline::before, .k-gantt-timeline-pane .k-gantt-timeline::after {
+    box-sizing: border-box;
+}
+
+.k-gantt-timeline-pane .k-grid-content {
     overflow-x: scroll;
 }
 
-.k-gantt-timeline .k-header {
+.k-gantt-timeline-pane .k-header {
     padding-block: 0.5rem;
     padding-inline: 0.5rem;
     border-width: 0 0 1px 1px;
@@ -48225,7 +48467,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-pdf-export-shadow .k-gantt,
-.k-pdf-export-shadow .k-gantt-timeline,
+.k-pdf-export-shadow .k-gantt-timeline-pane,
 .k-pdf-export-shadow .k-gantt-dependencies {
     width: auto !important;
     height: auto !important;
@@ -48258,24 +48500,24 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     margin-inline: -26px;
 }
 
-.k-rtl .k-gantt-timeline .k-header,
-[dir="rtl"] .k-gantt-timeline .k-header {
+.k-rtl .k-gantt-timeline-pane .k-header,
+[dir="rtl"] .k-gantt-timeline-pane .k-header {
     border-width: 0 1px 1px 0;
 }
 
-.k-rtl .k-gantt-timeline .k-header:first-child,
-[dir="rtl"] .k-gantt-timeline .k-header:first-child {
+.k-rtl .k-gantt-timeline-pane .k-header:first-child,
+[dir="rtl"] .k-gantt-timeline-pane .k-header:first-child {
     border-right-width: 0;
 }
 
-.k-rtl .k-gantt-timeline .k-task-start,
-[dir="rtl"] .k-gantt-timeline .k-task-start {
+.k-rtl .k-gantt-timeline-pane .k-task-start,
+[dir="rtl"] .k-gantt-timeline-pane .k-task-start {
     left: auto;
     right: 0;
 }
 
-.k-rtl .k-gantt-timeline .k-task-end,
-[dir="rtl"] .k-gantt-timeline .k-task-end {
+.k-rtl .k-gantt-timeline-pane .k-task-end,
+[dir="rtl"] .k-gantt-timeline-pane .k-task-end {
     right: auto;
     left: 0;
 }
@@ -48328,8 +48570,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     margin-right: 0.2em;
 }
 
-.k-rtl .k-gantt-timeline .k-milestone-wrap .k-task-start,
-[dir="rtl"] .k-gantt-timeline .k-milestone-wrap .k-task-start {
+.k-rtl .k-gantt-timeline-pane .k-milestone-wrap .k-task-start,
+[dir="rtl"] .k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
     right: -0.1em;
 }
 
@@ -50349,10 +50591,6 @@ kendo-scheduler .k-event .k-event-actions:first-child,
     display: none;
 }
 
-.k-timeline .k-event-collapse {
-    display: none;
-}
-
 .k-timeline.k-timeline-collapsible .k-card-header {
     cursor: pointer;
 }
@@ -51272,6 +51510,91 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
+.k-prompt {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    overflow: hidden;
+}
+
+.k-prompt-content {
+    padding-block: 1rem;
+    padding-inline: 1rem;
+    display: flex;
+    flex-flow: column nowrap;
+    flex: 1 1 auto;
+    gap: 1rem;
+    overflow: auto;
+}
+
+.k-prompt-view {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+    gap: 1rem;
+}
+
+.k-prompt-expander {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    align-items: start;
+    gap: 0.5rem;
+}
+
+.k-prompt-expander-content {
+    display: flex;
+    flex-flow: column;
+    flex: 0 0 auto;
+    gap: 0.5rem;
+    align-self: stretch;
+}
+
+.k-prompt-suggestion {
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 0.375rem;
+    padding-block: 0.5rem;
+    padding-inline: 0.5rem;
+    cursor: pointer;
+}
+
+.k-prompt-setting {
+    display: flex;
+    flex-direction: column;
+}
+
+.k-prompt-actions.k-actions, .k-prompt-actions.k-edit-buttons,
+.k-prompt-actions.k-action-buttons,
+.k-prompt-actions.k-columnmenu-actions, .k-prompt-actions.k-form-buttons {
+    margin: 0;
+}
+
+.k-prompt {
+    border-color: #dee2e6;
+    color: #212529;
+    background-color: #ffffff;
+}
+
+.k-prompt-header {
+    border-color: #dee2e6;
+    color: #212529;
+    background-color: #ffffff;
+}
+
+.k-prompt-content {
+    border-color: #dee2e6;
+    color: #212529;
+    background-color: #f8f9fa;
+}
+
+.k-prompt-suggestion {
+    border-color: #dee2e6;
+    color: #212529;
+    background-color: #ffffff;
+    box-shadow: var(--kendo-elevation-1, 0px 1px 2px rgba(0, 0, 0, 0.038));
+}
+
 .k-barcode {
     display: inline-block;
 }