@progress/kendo-theme-bootstrap 7.3.0-dev.0 → 7.3.0-dev.1

package/dist/all.css

@@ -30768,18 +30768,6 @@ kendo-label > .k-label {
     display: inline-block;
 }
 
-.k-input-label {
-    margin-right: 10px;
-    z-index: 1;
-}
-
-.k-input-label:dir(rtl),
-.k-rtl .k-input-label, .k-input-label.k-rtl,
-[dir="rtl"] .k-input-label, .k-input-label[dir="rtl"] {
-    margin-right: 0;
-    margin-left: 10px;
-}
-
 .k-form {
     border: 0;
 }
@@ -32375,7 +32363,7 @@ select.k-picker-lg {
     box-sizing: border-box;
 }
 
-.k-floating-label-container > .k-label {
+.k-floating-label-container > .k-floating-label {
     max-width: 90%;
     font-size: 1rem;
     line-height: 1.5;
@@ -32390,26 +32378,21 @@ select.k-picker-lg {
     transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out;
 }
 
-.k-floating-label-container > .k-widget {
-    flex: 1 1 auto;
-    width: auto;
-}
-
-.k-floating-label-container.k-empty > .k-label {
+.k-floating-label-container.k-empty > .k-floating-label {
     top: var(--kendo-floating-label-offset-y, calc(1.875rem + 1px));
     left: var(--kendo-floating-label-offset-x, calc(0.75rem + 1px));
     transform: scale(1);
     pointer-events: none;
 }
 
-.k-floating-label-container > .k-label,
-.k-floating-label-container.k-focus > .k-label {
+.k-floating-label-container > .k-floating-label,
+.k-floating-label-container.k-focus > .k-floating-label {
     top: var(--kendo-floating-label-focus-offset-y, 0);
     left: var(--kendo-floating-label-focus-offset-x, 0);
     transform: scale(1);
 }
 
-.k-floating-label-container:focus-within > .k-label {
+.k-floating-label-container:focus-within > .k-floating-label {
     top: var(--kendo-floating-label-focus-offset-y, 0);
     left: var(--kendo-floating-label-focus-offset-x, 0);
     transform: scale(1);
@@ -32423,36 +32406,36 @@ select.k-picker-lg {
     color: transparent;
 }
 
-[dir="rtl"] .k-floating-label-container > .k-label,
-.k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir="rtl"] > .k-label {
+[dir="rtl"] .k-floating-label-container > .k-floating-label,
+.k-rtl .k-floating-label-container > .k-floating-label, .k-floating-label-container[dir="rtl"] > .k-floating-label {
     transform-origin: right center;
     transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, right 0.2s ease-out;
 }
 
-[dir="rtl"] .k-floating-label-container.k-empty > .k-label,
-.k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
+[dir="rtl"] .k-floating-label-container.k-empty > .k-floating-label,
+.k-rtl .k-floating-label-container.k-empty > .k-floating-label, .k-floating-label-container[dir="rtl"].k-empty > .k-floating-label {
     left: auto;
     right: var(--kendo-floating-label-offset-x, calc(0.75rem + 1px));
 }
 
-[dir="rtl"] .k-floating-label-container > .k-label,
-[dir="rtl"] .k-floating-label-container.k-focus > .k-label,
-.k-rtl .k-floating-label-container > .k-label,
-.k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
-.k-floating-label-container[dir="rtl"].k-focus > .k-label {
+[dir="rtl"] .k-floating-label-container > .k-floating-label,
+[dir="rtl"] .k-floating-label-container.k-focus > .k-floating-label,
+.k-rtl .k-floating-label-container > .k-floating-label,
+.k-rtl .k-floating-label-container.k-focus > .k-floating-label, .k-floating-label-container[dir="rtl"] > .k-floating-label,
+.k-floating-label-container[dir="rtl"].k-focus > .k-floating-label {
     left: auto;
     right: var(--kendo-floating-label-focus-offset-x, 0);
 }
 
-[dir="rtl"] .k-floating-label-container:focus-within > .k-label,
-.k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
+[dir="rtl"] .k-floating-label-container:focus-within > .k-floating-label,
+.k-rtl .k-floating-label-container:focus-within > .k-floating-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-floating-label {
     left: auto;
     right: var(--kendo-floating-label-focus-offset-x, 0);
 }
 
-.k-floating-label-container.k-invalid > .k-label,
-.k-floating-label-container.ng-invalid.ng-touched > .k-label,
-.k-floating-label-container.ng-invalid.ng-dirty > .k-label {
+.k-floating-label-container.k-invalid > .k-floating-label,
+.k-floating-label-container.ng-invalid.ng-touched > .k-floating-label,
+.k-floating-label-container.ng-invalid.ng-dirty > .k-floating-label {
     color: #dc3545;
 }
 
@@ -33691,6 +33674,10 @@ select.k-picker-lg {
     border-color: transparent;
 }
 
+.k-calendar-td.k-alt {
+    font-size: 0.875rem;
+}
+
 .k-calendar .k-calendar-cell-inner, .k-calendar .k-link {
     border-radius: 0.375rem;
     padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.25rem);
@@ -33730,11 +33717,6 @@ select.k-picker-lg {
     flex: 0 0 auto;
 }
 
-.k-calendar-header .k-title,
-.k-calendar-header .k-calendar-title {
-    font-weight: bold;
-}
-
 .k-calendar-header .k-calendar-nav {
     display: flex;
     flex-flow: row nowrap;
@@ -33763,6 +33745,10 @@ select.k-picker-lg {
     overflow: hidden;
 }
 
+.k-calendar-view .k-today {
+    font-weight: bold;
+}
+
 .k-month-calendar .k-calendar-td,
 .k-calendar-monthview .k-calendar-td {
     width: 38px;
@@ -34125,10 +34111,6 @@ select.k-picker-lg {
     color: #6c757d;
 }
 
-.k-calendar .k-out-of-range {
-    pointer-events: none;
-}
-
 .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
 .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
 .k-calendar .k-calendar-td.k-hover .k-link {
@@ -37498,29 +37480,23 @@ kendo-drawer .k-drawer-wrapper {
 }
 
 .k-drawer-mini .k-drawer.k-drawer-start,
-.k-drawer-expanded .k-drawer.k-drawer-start,
-.k-drawer-left.k-drawer-mini .k-drawer,
-.k-drawer-left.k-drawer-expanded .k-drawer {
-    border-right-width: 1px;
+.k-drawer-expanded .k-drawer.k-drawer-start {
+    border-inline-end-width: 1px;
 }
 
 .k-drawer-mini .k-drawer.k-drawer-end,
-.k-drawer-expanded .k-drawer.k-drawer-end,
-.k-drawer-right.k-drawer-mini .k-drawer,
-.k-drawer-right.k-drawer-expanded .k-drawer {
-    border-left-width: 1px;
+.k-drawer-expanded .k-drawer.k-drawer-end {
+    border-inline-start-width: 1px;
 }
 
-.k-drawer.k-drawer-start,
-.k-drawer-left .k-drawer {
+.k-drawer.k-drawer-start {
     top: 0;
-    left: 0;
+    inset-inline-start: 0;
 }
 
-.k-drawer.k-drawer-end,
-.k-drawer-right .k-drawer {
+.k-drawer.k-drawer-end {
     top: 0;
-    right: 0;
+    inset-inline-end: 0;
 }
 
 .k-drawer-content {
@@ -37554,9 +37530,8 @@ kendo-drawer .k-drawer-wrapper {
     align-self: stretch;
 }
 
-.k-drawer-push .k-drawer.k-drawer-end,
-.k-drawer-push.k-drawer-right .k-drawer {
-    order: 1;
+.k-drawer-push:has(.k-drawer.k-drawer-end) {
+    flex-direction: row-reverse;
 }
 
 .k-drawer-wrapper {
@@ -37574,8 +37549,7 @@ kendo-drawer .k-drawer-wrapper {
     border-radius: 20px;
 }
 
-.k-drawer-items,
-.k-drawer-items ul {
+.k-drawer-items {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -37662,54 +37636,6 @@ kendo-drawer .k-drawer-wrapper {
     width: calc(2rem + 16px);
 }
 
-.k-rtl.k-drawer-mini .k-drawer-start,
-.k-rtl .k-drawer-mini .k-drawer-start,
-.k-rtl .k-drawer-expanded .k-drawer-start,
-.k-rtl.k-drawer-expanded .k-drawer-start,
-[dir="rtl"].k-drawer-mini .k-drawer-start,
-[dir="rtl"] .k-drawer-mini .k-drawer-start,
-[dir="rtl"] .k-drawer-expanded .k-drawer-start,
-[dir="rtl"].k-drawer-expanded .k-drawer-start {
-    border-left-width: 1px;
-    border-right-width: 0;
-}
-
-.k-rtl.k-drawer-mini .k-drawer-end,
-.k-rtl .k-drawer-mini .k-drawer-end,
-.k-rtl.k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end,
-[dir="rtl"].k-drawer-mini .k-drawer-end,
-[dir="rtl"] .k-drawer-mini .k-drawer-end,
-[dir="rtl"].k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end {
-    border-left-width: 0;
-    border-right-width: 1px;
-}
-
-.k-rtl.k-drawer-overlay .k-drawer-start,
-.k-rtl .k-drawer-overlay .k-drawer-start,
-[dir="rtl"].k-drawer-overlay .k-drawer-start,
-[dir="rtl"] .k-drawer-overlay .k-drawer-start {
-    left: auto;
-    right: 0;
-}
-
-.k-rtl.k-drawer-overlay .k-drawer-end,
-.k-rtl .k-drawer-overlay .k-drawer-end,
-[dir="rtl"].k-drawer-overlay .k-drawer-end,
-[dir="rtl"] .k-drawer-overlay .k-drawer-end {
-    left: 0;
-    right: auto;
-}
-
-.k-rtl .k-drawer-left.k-drawer-push .k-drawer,
-[dir="rtl"] .k-drawer-left.k-drawer-push .k-drawer {
-    order: 1;
-}
-
-.k-rtl .k-drawer-right.k-drawer-push .k-drawer,
-[dir="rtl"] .k-drawer-right.k-drawer-push .k-drawer {
-    order: 0;
-}
-
 .k-drawer {
     border-color: #dee2e6;
     color: #212529;
@@ -40216,7 +40142,6 @@ kendo-card-footer {
     box-sizing: border-box;
 }
 
-.k-panelbar > .k-item,
 .k-panelbar > .k-panelbar-header {
     border-width: 0;
     border-style: solid;
@@ -40224,7 +40149,6 @@ kendo-card-footer {
     display: block;
 }
 
-.k-panelbar > .k-item > .k-link,
 .k-panelbar > .k-panelbar-header > .k-link {
     padding-block: 1rem;
     padding-inline: 1.5rem;
@@ -40245,12 +40169,10 @@ kendo-card-footer {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-.k-panelbar > .k-item + .k-item,
 .k-panelbar > .k-panelbar-header + .k-panelbar-header {
     border-top-width: 1px;
 }
 
-.k-panelbar .k-group,
 .k-panelbar .k-panelbar-group {
     margin: 0;
     padding: 0;
@@ -40261,12 +40183,10 @@ kendo-card-footer {
     list-style: none;
 }
 
-.k-panelbar .k-group > .k-item,
 .k-panelbar .k-panelbar-group > .k-panelbar-item {
     display: block;
 }
 
-.k-panelbar .k-group > .k-item > .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
     padding-block: 0.75rem;
     padding-inline: 1.5rem;
@@ -40285,22 +40205,18 @@ kendo-card-footer {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-.k-panelbar .k-group > .k-item.k-level-1 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
     padding-left: 1.5rem;
 }
 
-.k-panelbar .k-group > .k-item.k-level-2 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
     padding-left: 3rem;
 }
 
-.k-panelbar .k-group > .k-item.k-level-3 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
     padding-left: 4.5rem;
 }
 
-.k-panelbar .k-group > .k-item.k-level-4 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
     padding-left: 6rem;
 }
@@ -40319,40 +40235,28 @@ kendo-card-footer {
     margin-inline-start: auto;
 }
 
-.k-panelbar .k-group .k-panelbar-expand,
-.k-panelbar .k-group .k-panelbar-collapse,
+.k-panelbar .k-panelbar-group .k-panelbar-expand,
+.k-panelbar .k-panelbar-group .k-panelbar-collapse,
 .k-panelbar .k-panelbar-group .k-panelbar-toggle {
     margin-inline-end: 0rem;
 }
 
-.k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
-.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-1 .k-link,
-.k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-1 .k-link,
-.k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
+.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
 }
 
-.k-rtl .k-panelbar .k-group > .k-item.k-level-2 .k-link,
-.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-2 .k-link,
-.k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-2 .k-link,
-.k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
+.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
     padding-left: 1.5rem;
     padding-right: 3rem;
 }
 
-.k-rtl .k-panelbar .k-group > .k-item.k-level-3 .k-link,
-.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-3 .k-link,
-.k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-3 .k-link,
-.k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
+.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
     padding-left: 1.5rem;
     padding-right: 4.5rem;
 }
 
-.k-rtl .k-panelbar .k-group > .k-item.k-level-4 .k-link,
-.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-4 .k-link,
-.k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-4 .k-link,
-.k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
+.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
     padding-left: 1.5rem;
     padding-right: 6rem;
 }
@@ -40363,89 +40267,56 @@ kendo-card-footer {
     background-color: #ffffff;
 }
 
-.k-panelbar > .k-item > .k-link,
 .k-panelbar > .k-panelbar-header > .k-link {
     color: #0d6efd;
     background-color: #ffffff;
 }
 
-.k-panelbar > .k-item > .k-link .k-icon,
-.k-panelbar > .k-item > .k-link .k-panelbar-item-icon,
 .k-panelbar > .k-panelbar-header > .k-link .k-icon,
 .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
     color: #212529;
 }
 
-.k-panelbar > .k-item > .k-link:hover,
-.k-panelbar > .k-item > .k-link.k-hover,
 .k-panelbar > .k-panelbar-header > .k-link:hover,
 .k-panelbar > .k-panelbar-header > .k-link.k-hover {
     background-color: whitesmoke;
 }
 
-.k-panelbar > .k-item > .k-link:focus,
-.k-panelbar > .k-item > .k-link.k-focus,
 .k-panelbar > .k-panelbar-header > .k-link:focus,
 .k-panelbar > .k-panelbar-header > .k-link.k-focus {
     box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
 }
 
-.k-panelbar > .k-item > .k-link.k-selected,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected {
     color: white;
     background-color: #0d6efd;
 }
 
-.k-panelbar > .k-item > .k-link.k-selected .k-icon,
-.k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
     color: inherit;
 }
 
-.k-panelbar > .k-item > .k-link.k-selected:hover,
-.k-panelbar > .k-item > .k-link.k-selected.k-hover,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
     background-color: #0c65e9;
 }
 
-.k-panelbar .k-group > .k-item > .k-link:hover,
-.k-panelbar .k-group > .k-item > .k-link.k-hover,
-.k-panelbar .k-group > .k-panelbar-item > .k-link:hover,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-hover,
-.k-panelbar .k-panelbar-group > .k-item > .k-link:hover,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-hover,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
     background-color: #ebebeb;
 }
 
-.k-panelbar .k-group > .k-item > .k-link:focus,
-.k-panelbar .k-group > .k-item > .k-link.k-focus,
-.k-panelbar .k-group > .k-panelbar-item > .k-link:focus,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
-.k-panelbar .k-panelbar-group > .k-item > .k-link:focus,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
     box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
 }
 
-.k-panelbar .k-group > .k-item > .k-link.k-selected,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
     color: white;
     background-color: #0d6efd;
 }
 
-.k-panelbar .k-group > .k-item > .k-link.k-selected:hover,
-.k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
     background-color: #0c65e9;