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

package/dist/all.css

@@ -30721,18 +30721,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;
 }
@@ -32247,7 +32235,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: 14px;
     line-height: 1.4285714286;
@@ -32262,26 +32250,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, 25.0000000004px);
     left: var(--kendo-floating-label-offset-x, 9px);
     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);
@@ -32295,36 +32278,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, 9px);
 }
 
-[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: #d92800;
 }
 
@@ -33562,6 +33545,10 @@ select.k-picker-lg {
     border-color: transparent;
 }
 
+.k-calendar-td.k-alt {
+    font-size: 12px;
+}
+
 .k-calendar .k-calendar-cell-inner, .k-calendar .k-link {
     border-radius: 4px;
     padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 4px);
@@ -33601,11 +33588,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;
@@ -33634,6 +33616,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: 32px;
@@ -33988,10 +33974,6 @@ select.k-picker-lg {
     color: #646464;
 }
 
-.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 {
@@ -37373,29 +37355,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 {
@@ -37429,9 +37405,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 {
@@ -37449,8 +37424,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;
@@ -37537,54 +37511,6 @@ kendo-drawer .k-drawer-wrapper {
     width: 48px;
 }
 
-.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: #cacaca;
     color: #272727;
@@ -40050,7 +39976,6 @@ kendo-card-footer {
     box-sizing: border-box;
 }
 
-.k-panelbar > .k-item,
 .k-panelbar > .k-panelbar-header {
     border-width: 0;
     border-style: solid;
@@ -40058,7 +39983,6 @@ kendo-card-footer {
     display: block;
 }
 
-.k-panelbar > .k-item > .k-link,
 .k-panelbar > .k-panelbar-header > .k-link {
     padding-block: 4px;
     padding-inline: 8px;
@@ -40079,12 +40003,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;
@@ -40095,12 +40017,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: 4px;
     padding-inline: 8px;
@@ -40119,22 +40039,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: 8px;
 }
 
-.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: 16px;
 }
 
-.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: 24px;
 }
 
-.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: 32px;
 }
@@ -40153,40 +40069,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: 0px;
 }
 
-.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: 8px;
     padding-right: 8px;
 }
 
-.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: 8px;
     padding-right: 16px;
 }
 
-.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: 8px;
     padding-right: 24px;
 }
 
-.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: 8px;
     padding-right: 32px;
 }
@@ -40197,7 +40101,6 @@ kendo-card-footer {
     background-color: #ffffff;
 }
 
-.k-panelbar > .k-item > .k-link,
 .k-panelbar > .k-panelbar-header > .k-link {
     border-color: #cacaca;
     color: #272727;
@@ -40205,15 +40108,11 @@ kendo-card-footer {
     background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
 }
 
-.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: #272727;
 }
 
-.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 {
     border-color: #bababa;
@@ -40221,70 +40120,42 @@ kendo-card-footer {
     background-color: #dddddd;
 }
 
-.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 2px rgba(0, 0, 0, 0.12);
 }
 
-.k-panelbar > .k-item > .k-link.k-selected,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected {
     border-color: #cc4a00;
     color: white;
     background-color: #f35800;
 }
 
-.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: #e05100;
 }
 
-.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: whitesmoke;
 }
 
-.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 2px rgba(0, 0, 0, 0.12);
 }
 
-.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: #f35800;
 }
 
-.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: #e05100;