@progress/kendo-theme-default 9.0.1-dev.1 → 9.0.1-dev.3

package/scss/colorpalette/_index.scss

@@ -5,8 +5,7 @@
 // Module meta
 $_kendo-module-meta: (
     name: "color-palette",
-    dependencies: (
-    )
+    dependencies: ()
 );
 
 

package/scss/combobox/_index.scss

@@ -6,10 +6,12 @@
 $_kendo-module-meta: (
     name: "combobox",
     dependencies: (
+        "button",
+        "floating-label",
         "icon",
         "input",
         "list",
-        "popup",
+        "popup"
     )
 );
 

package/scss/dataviz/_index.scss

@@ -8,7 +8,7 @@ $_kendo-module-meta: (
     dependencies: (
         "icon",
         "popup",
-        "tooltip",
+        "tooltip"
     )
 );
 

package/scss/dateinput/_index.scss

@@ -6,8 +6,9 @@
 $_kendo-module-meta: (
     name: "date-input",
     dependencies: (
+        "floating-label",
         "icon",
-        "input",
+        "input"
     )
 );
 

package/scss/datepicker/_index.scss

@@ -6,10 +6,12 @@
 $_kendo-module-meta: (
     name: "date-picker",
     dependencies: (
+        "button",
         "calendar",
+        "floating-label",
         "icon",
         "input",
-        "popup",
+        "popup"
     )
 );
 

package/scss/daterangepicker/_index.scss

@@ -9,9 +9,10 @@ $_kendo-module-meta: (
         "calendar",
         "date-input",
         "date-picker",
+        "floating-label",
         "icon",
         "input",
-        "popup",
+        "popup"
     )
 );
 

package/scss/datetimepicker/_index.scss

@@ -6,14 +6,17 @@
 $_kendo-module-meta: (
     name: "date-time-picker",
     dependencies: (
+        "action-buttons",
+        "button",
         "calendar",
         "date-input",
         "date-picker",
+        "floating-label",
         "icon",
         "input",
         "list",
         "popup",
-        "time-selector",
+        "time-selector"
     )
 );
 

package/scss/datetimepicker/_layout.scss

@@ -41,13 +41,9 @@
         transform: translateX(-100%);
     }
 
-    .k-time-tab .k-datetime-selector {
-        &.k-rtl,
-        &[dir="rtl"],
-        .k-rtl &,
-        [dir="rtl"] & {
-            transform: translateX(100%);
-        }
+    :is(.k-rtl, [dir="rtl"]) .k-time-tab .k-datetime-selector,
+    .k-time-tab .k-datetime-selector:is(.k-rtl, [dir="rtl"]) {
+        transform: translateX(100%);
     }
 }
 

package/scss/dialog/_index.scss

@@ -6,9 +6,10 @@
 $_kendo-module-meta: (
     name: "dialog",
     dependencies: (
+        "action-buttons",
         "button",
         "icon",
-        "window",
+        "window"
     )
 );
 

package/scss/dock-manager/_index.scss

@@ -6,8 +6,8 @@ $_kendo-module-meta: (
     name: "dock-manager",
     dependencies: (
         "splitter",
-        "toolbar",
-        "tabstrip"
+        "tabstrip",
+        "toolbar"
     )
 );
 

package/scss/drawer/_index.scss

@@ -8,7 +8,7 @@ $_kendo-module-meta: (
     dependencies: (
         "icon",
         "list",
-        "overlay",
+        "overlay"
     )
 );
 

package/scss/dropdowngrid/_index.scss

@@ -6,10 +6,13 @@
 $_kendo-module-meta: (
     name: "dropdown-grid",
     dependencies: (
+        "button",
+        "floating-label",
+        "grid",
         "icon",
         "input",
         "popup",
-        "table",
+        "table"
     )
 );
 

package/scss/dropdownlist/_index.scss

@@ -6,10 +6,12 @@
 $_kendo-module-meta: (
     name: "dropdown-list",
     dependencies: (
+        "button",
+        "floating-label",
         "icon",
         "input",
         "list",
-        "popup",
+        "popup"
     )
 );
 

package/scss/dropdowntree/_index.scss

@@ -7,10 +7,12 @@
 $_kendo-module-meta: (
     name: "dropdown-tree",
     dependencies: (
+        "button",
+        "floating-label",
         "icon",
         "input",
         "popup",
-        "treeview",
+        "treeview"
     )
 );
 

package/scss/dropzone/_index.scss

@@ -4,7 +4,7 @@
 
 // Module meta
 $_kendo-module-meta: (
-    name: "drop-zone",
+    name: "dropzone",
     dependencies: ()
 );
 

package/scss/editor/_index.scss

@@ -15,7 +15,7 @@ $_kendo-module-meta: (
         "icon",
         "toolbar",
         "upload",
-        "window",
+        "window"
     )
 );
 

package/scss/expansion-panel/_layout.scss

@@ -20,15 +20,15 @@
         *::after {
             box-sizing: border-box;
         }
+    }
 
-        .k-rtl &,
-        &.k-rtl,
-        &[dir = "rtl"] {
-            // Expand / collapse icon
-            .k-expander-indicator {
-                margin-left: 0;
-                margin-right: $kendo-expander-indicator-margin-x;
-            }
+    .k-rtl .k-expander,
+    .k-expander.k-rtl,
+    .k-expander[dir="rtl"] {
+        // Expand / collapse icon
+        .k-expander-indicator {
+            margin-left: 0;
+            margin-right: $kendo-expander-indicator-margin-x;
         }
     }
 

package/scss/fab/_index.scss

@@ -10,6 +10,7 @@ $_kendo-module-meta: (
         "badge",
         "button",
         "icon",
+        "popup"
     )
 );
 

package/scss/fab/_layout.scss

@@ -39,14 +39,13 @@
         padding-inline: $kendo-fab-icon-padding-x;
         padding-block: $kendo-fab-icon-padding-y;
         box-sizing: content-box;
-
-        .k-icon-wrapper-host:not(:only-child) &,
-        &:not(:only-child) {
-            margin-inline-end: $kendo-fab-icon-spacing;
-            margin-inline-start: calc( #{$kendo-fab-icon-spacing} * -1 );
-        }
     }
 
+    .k-icon-wrapper-host:not(:only-child) .k-fab-icon,
+    .k-fab-icon:not(:only-child) {
+        margin-inline-end: $kendo-fab-icon-spacing;
+        margin-inline-start: calc( #{$kendo-fab-icon-spacing} * -1 );
+    }
 
     // Sizes
     @each $size, $size-props in $kendo-fab-sizes {

package/scss/filemanager/_index.scss

@@ -9,6 +9,7 @@ $_kendo-module-meta: (
         "breadcrumb",
         "dialog",
         "grid",
+        "icon",
         "input",
         "listview",
         "menu",
@@ -16,7 +17,7 @@ $_kendo-module-meta: (
         "switch",
         "toolbar",
         "treeview",
-        "upload",
+        "upload"
     )
 );
 

package/scss/filter/_index.scss

@@ -12,7 +12,8 @@ $_kendo-module-meta: (
         "dropdown-list",
         "input",
         "numeric-textbox",
-        "toolbar",
+        "textbox",
+        "toolbar"
     )
 );
 

package/scss/floating-label/_index.scss

@@ -6,7 +6,7 @@
 $_kendo-module-meta: (
     name: "floating-label",
     dependencies: (
-        "input",
+        "input"
     )
 );
 

package/scss/floating-label/_layout.scss

@@ -57,33 +57,32 @@
         &.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
             color: transparent;
         }
+    }
 
-        [dir="rtl"] &,
-        .k-rtl &,
-        &[dir="rtl"] {
+    [dir="rtl"] .k-floating-label-container,
+    .k-rtl .k-floating-label-container,
+    .k-floating-label-container[dir="rtl"] {
+        > .k-floating-label {
+            transform-origin: right center;
+            transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
+        }
 
+        &.k-empty {
             > .k-floating-label {
-                transform-origin: right center;
-                transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
-            }
-
-            &.k-empty {
-                > .k-floating-label {
-                    left: auto;
-                    right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
-                }
-            }
-
-            > .k-floating-label,
-            &.k-focus > .k-floating-label {
                 left: auto;
-                right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
-            }
-            &:focus-within > .k-floating-label {
-                left: auto;
-                right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
+                right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
             }
         }
+
+        > .k-floating-label,
+        &.k-focus > .k-floating-label {
+            left: auto;
+            right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
+        }
+        &:focus-within > .k-floating-label {
+            left: auto;
+            right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
+        }
     }
 
 }

package/scss/forms/_index.scss

@@ -7,9 +7,9 @@
 $_kendo-module-meta: (
     name: "form",
     dependencies: (
-        "actions",
-        "icon",
-        "toolbar",
+        "action-buttons",
+        "button",
+        "validator"
     )
 );
 

package/scss/forms/_layout.scss

@@ -197,27 +197,23 @@
     }
 
     // RTL Adjustments
-    .k-form {
-        [dir="rtl"],
-        .k-rtl & {
-            .k-label-optional {
-                margin-left: 0;
-                margin-right: $kendo-label-optional-margin-x;
-            }
+    .k-form [dir="rtl"],
+    .k-rtl .k-form {
+        .k-label-optional {
+            margin-left: 0;
+            margin-right: $kendo-label-optional-margin-x;
         }
     }
 
-    .k-form-horizontal {
-        [dir="rtl"],
-        .k-rtl & {
-            &.k-form-field,
-            .k-form-field {
-                > .k-label,
-                > kendo-label,
-                > .k-form-label {
-                    margin-right: 0;
-                    margin-left: $kendo-horizontal-form-label-margin-x;
-                }
+    .k-form-horizontal [dir="rtl"],
+    .k-rtl .k-form-horizontal {
+        &.k-form-field,
+        .k-form-field {
+            > .k-label,
+            > kendo-label,
+            > .k-form-label {
+                margin-right: 0;
+                margin-left: $kendo-horizontal-form-label-margin-x;
             }
         }
     }

package/scss/gantt/_index.scss

@@ -13,6 +13,7 @@ $_kendo-module-meta: (
         "input",
         "numeric-textbox",
         "splitter",
+        "toolbar",
         "treelist",
         "validator",
         "window",

package/scss/grid/_index.scss

@@ -7,7 +7,7 @@
 $_kendo-module-meta: (
     name: "grid",
     dependencies: (
-        "actions",
+        "action-buttons",
         "autocomplete",
         "badge",
         "button",

package/scss/imageeditor/_index.scss

@@ -10,7 +10,7 @@ $_kendo-module-meta: (
         "dropdown-list",
         "form",
         "numeric-textbox",
-        "toolbar",
+        "toolbar"
     )
 );
 

package/scss/index.scss

@@ -187,7 +187,7 @@
 
 
     // Primitive components
-    @include kendo-actions--styles();
+    @include kendo-action-buttons--styles();
     @include kendo-list--styles();
     @include kendo-listgroup--styles();
     @include kendo-overlay--styles();

package/scss/input/_index.scss

@@ -7,7 +7,7 @@ $_kendo-module-meta: (
     name: "input",
     dependencies: (
         "button",
-        "icon",
+        "icon"
     )
 );
 

package/scss/input/_layout.scss

@@ -65,14 +65,14 @@
         &:disabled,
         &[disabled] {
             @include disabled( $kendo-disabled-styling... );
-
-            [disabled] &,
-            .k-disabled & {
-                opacity: 1;
-                filter: grayscale(0);
-            }
         }
     }
+
+    :is([disabled], .k-disabled) :is(input.k-input, textarea.k-textarea):is(:disabled, [disabled]) {
+        opacity: 1;
+        filter: grayscale(0);
+    }
+
     textarea.k-textarea {
         overflow: auto;
     }
@@ -90,15 +90,14 @@
         &:disabled,
         &[disabled] {
             @include disabled( $kendo-disabled-styling... );
-
-            [disabled] &,
-            .k-disabled & {
-                opacity: 1;
-                filter: grayscale(0);
-            }
         }
     }
 
+    :is([disabled], .k-disabled) select.k-picker:is(:disabled, [disabled]) {
+        opacity: 1;
+        filter: grayscale(0);
+    }
+
 
     // Input inner
     .k-input-inner {

package/scss/list/_index.scss

@@ -7,7 +7,7 @@ $_kendo-module-meta: (
     name: "list",
     dependencies: (
         "checkbox",
-        "icon",
+        "icon"
     )
 );
 

package/scss/listbox/_index.scss

@@ -7,9 +7,9 @@ $_kendo-module-meta: (
     name: "listbox",
     dependencies: (
         "button",
+        "checkbox",
         "icon",
-        "list",
-        "popup",
+        "list"
     )
 );
 

package/scss/listgroup/_index.scss

@@ -6,7 +6,7 @@
 $_kendo-module-meta: (
     name: "listgroup",
     dependencies: (
-        "icon",
+        "icon"
     )
 );
 

package/scss/loader/_index.scss

@@ -7,7 +7,7 @@
 $_kendo-module-meta: (
     name: "loader",
     dependencies: (
-        "overlay",
+        "overlay"
     )
 );
 

package/scss/map/_index.scss

@@ -7,8 +7,8 @@ $_kendo-module-meta: (
     name: "map",
     dependencies: (
         "button",
-        "scroller",
         "icon",
+        "scroller"
     )
 );
 

package/scss/map/_layout.scss

@@ -75,8 +75,6 @@
         border-radius: 50%;
         position: relative;
 
-        .k-pdf-export & { display: none; }
-
 
         // Buttons
         .k-button {
@@ -125,10 +123,15 @@
         border: 0;
         background: none;
         display: flex;
-
-        .k-pdf-export & { display: none; }
     }
 
+
+    .k-pdf-export {
+        .k-navigator,
+        .k-zoom-control {
+            display: none;
+        }
+    }
 }
 
 

package/scss/map/_variables.scss

@@ -1,6 +1,3 @@
-@import "./images/markers.scss";
-
-
 // Map
 /// The border width of the Map.
 /// @group map
@@ -68,3 +65,5 @@ $kendo-map-attribution-bg: if($kendo-enable-color-system, color-mix(in srgb, k-c
 /// The fill color of the Map marker.
 /// @group map
 $kendo-map-marker-fill: $kendo-color-primary !default;
+
+$kendo-map-marker-images: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAABQCAYAAAAKlxWDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA35JREFUeNrsWF1IVEEUPu7amhKUmqUUkhEYYn9PamgbROKTEERB1HNP0pMvJUVhZQhCEEQPQiAIkiQIQShEZmg99SdLgiRJpbGmGIu/aZ2zzJXrvWf2zty7PgTzwQd3Z86Z796z58wMJ+PruXxQwCHkGeRpZDbyqBh/j1xA9iN7kJ+8FsrwECSRu8hSUMMosgnZLTMIScaLkUPIpxpiIGyfCN9iVcEo8h2yCvyjSqwR9RIkgz5kHgRHnlhrg2im7blEhCPCeW89fBJyKuohsv8IRPaV46uGYfnLhyTn3/bC4seXnFtErFmBHHcmzSCy2umRWVgC+ZfvQ1bZ8ZSfsxQbgl+PrsCfqXFu+jWyxh7Ss5xY1sFKKLzd5ymWtEWbpC36MKgWGuuCzdyXFTR2QGhbrvKfRrbkQ74Mmi3BKJf6FEYdMbso+UpKJkpJU+dKkPIaNoyrM5Mw23Edlj6/WQ957qVbEM4rcoWX1lgcGXQuURfi6o2y0YmVH2Mw2XgC5od6ksJEeqaxlW+joLIGaZFgGVcCTsx13YG1xKxrnMZoTmUN0iLB7c7R8M49LktJnSWxwMxxa5AWu5f+XV6EzQIJznHJwSWSDNlM+Fanv3OmcyQY43YNVyzOX2XLhMZoTvEviJHgsHOU9kYntuwthaLWV5BTWQ/hHbuSpGcaozmVNUiL9lIqfNfr7L7Rq7SlyfbVnzfZsjhFXzggTuoNoI14bf63thj5kK/kNvDCytIm5yzt+vF7F9jak4qhbbz1ouzEaLJv3t3iCNkYGtzCpq7Vrm9lKcNo2TIJJ/Kk23keHhB3kQLPAxhJUDiACXEkJcMYd2uzrhiRNNX5MrJW5Al7pxkQBjNpEJtxislubWRwjKtPDQyLNQZU76UTIu4NPsQahO+EzkXYwgNu60uBmPAB3Zu3HS0agp62KoJdsvAwf0NXOgQptdsU7NqEbWBBQrso4FQl0K56AKsggXzokVyJdAqmWjThlZl+BeOSsD32CLdvQSsxVu1XF2Sr7iVKB5T6nbbfnYol41vQWdwtus6ZPgRp+3pme950QV9fpito+jSmT2P6NKZP479PE9Lp06jC6tMwUO/T6CJwn0YXgfs0uvj/+jS6CNyn0UXgPo0uZH0aEnzueruRwUBfSb5Mr5TQb/o0pk9j+jSmT2P6NKZPY/o0pk9j+jQ+8E+AAQDpbNHEyW7DTAAAAABJRU5ErkJggg==";

package/scss/maskedtextbox/_index.scss

@@ -6,8 +6,9 @@
 $_kendo-module-meta: (
     name: "masked-textbox",
     dependencies: (
-        "input",
         "icon",
+        "input",
+        "floating-label"
     )
 );
 

package/scss/mediaplayer/_index.scss

@@ -6,9 +6,11 @@
 $_kendo-module-meta: (
     name: "media-player",
     dependencies: (
+        "button",
         "icon",
+        "listview",
         "slider",
-        "toolbar",
+        "toolbar"
     )
 );
 

package/scss/menu/_index.scss

@@ -9,7 +9,7 @@ $_kendo-module-meta: (
         "button",
         "icon",
         "list",
-        "popup",
+        "popup"
     )
 );
 

package/scss/menu-button/_index.scss

@@ -8,7 +8,7 @@ $_kendo-module-meta: (
     dependencies: (
         "button",
         "icon",
-        "menu",
+        "menu"
     )
 );
 

package/scss/messagebox/_index.scss

@@ -6,7 +6,7 @@
 $_kendo-module-meta: (
     name: "messagebox",
     dependencies: (
-        "icon",
+        "icon"
     )
 );