@progress/kendo-theme-default 6.4.0-dev.0 → 6.4.0-dev.2

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#000000",
@@ -60,12 +60,12 @@
                 "kendo-color-light": {
                     "name": "Light",
                     "type": "color",
-                    "value": "#292929"
+                    "value": "#BDBDBD"
                 },
                 "kendo-color-dark": {
                     "name": "Dark",
                     "type": "color",
-                    "value": "#BDBDBD"
+                    "value": "#292929"
                 }
             }
         },
@@ -158,7 +158,7 @@
                     "value": "#1D1D1D"
                 },
                 "kendo-button-border": {
-                    "name": "Button background",
+                    "name": "Button border",
                     "type": "color",
                     "value": "#383838"
                 }

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.0",
+    "version": "6.4.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "6.4.0-dev.0",
+  "version": "6.4.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -38,6 +38,7 @@
   "scripts": {
     "build": "sass-build",
     "sass": "sass-build",
+    "sass:standalone": "sass-build -c sass-standalone.config.js",
     "docs": "node ../../scripts/sassdoc.js",
     "predocs": "npm run resolve-variables",
     "resolve-variables": "node ../../scripts/resolve-variables.js",
@@ -47,9 +48,9 @@
     "postpublish": "echo 'no postpublish for default theme'"
   },
   "dependencies": {
-    "@progress/kendo-font-icons": "1.4.2",
-    "@progress/kendo-theme-core": "6.4.0-dev.0",
-    "@progress/kendo-theme-utils": "6.4.0-dev.0"
+    "@progress/kendo-font-icons": "1.5.0",
+    "@progress/kendo-theme-core": "6.4.0-dev.2",
+    "@progress/kendo-theme-utils": "6.4.0-dev.2"
   },
-  "gitHead": "862cb1931ece807ea4ae7496ce5033bf3f3eea30"
+  "gitHead": "f915877b18051b4fdbf50faad26b14ec73852e46"
 }

package/scss/action-sheet/_layout.scss

@@ -160,9 +160,6 @@
         align-items: flex-start;
         gap: $kendo-actionsheet-item-spacing;
     }
-    .k-actionsheet-item-icon {
-        font-size: $kendo-actionsheet-item-icon-size;
-    }
     .k-actionsheet-item-text {
         display: flex;
         flex-flow: column nowrap;
@@ -189,7 +186,7 @@
         border-width: if( $kendo-actionsheet-border-width, $kendo-actionsheet-border-width, null );
         border-top-width: if( $kendo-actionsheet-border-width, 0, null );
         top: 0;
-        left: 50%;
+        inset-inline-start: 50%;
         transform: translateX( -50% );
     }
     .k-actionsheet-bottom {
@@ -197,7 +194,7 @@
         border-width: if( $kendo-actionsheet-border-width, $kendo-actionsheet-border-width, null );
         border-bottom-width: if( $kendo-actionsheet-border-width, 0, null );
         bottom: 0;
-        left: 50%;
+        inset-inline-start: 50%;
         transform: translateX( -50% );
     }
     .k-actionsheet-left {
@@ -356,6 +353,15 @@
         }
     }
 
+    // RTL
+    .k-rtl,
+    [dir="rtl"] {
+        .k-actionsheet-top,
+        .k-actionsheet-bottom {
+            transform: translateX( 50% );
+        }
+    }
+
 }
 
 

package/scss/action-sheet/_variables.scss

@@ -47,8 +47,6 @@ $kendo-actionsheet-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-actionsheet-item-border-width: 1px !default;
 $kendo-actionsheet-item-spacing: 12px !default;
 
-$kendo-actionsheet-item-icon-size: null !default;
-
 $kendo-actionsheet-item-title-font-weight: null !default;
 $kendo-actionsheet-item-title-text-transform: null !default;
 

package/scss/adaptive/_layout.scss

@@ -309,15 +309,11 @@
         .k-task {
             display: flex;
             align-items: center;
+            gap: .5em;
 
             .k-scheduler-mark {
                 border-radius: 50%;
-            }
-
-            .k-i-reload,
-            .k-i-arrow-rotate-cw {
-                font-size: 1em;
-                margin-right: .5em;
+                margin: 0;
             }
 
             .k-scheduler-task-text {
@@ -464,8 +460,9 @@
         &[dir="rtl"],
         [dir="rtl"] & {
 
-            .k-header-cancel .k-i-arrow-chevron-left,
-            .k-listgroup-item .k-select .k-i-arrow-chevron-right {
+            .k-header-cancel .k-button-icon,
+            .k-listgroup-item .k-select .k-svg-icon,
+            .k-listgroup-item .k-select .k-icon {
                 transform: scaleX( -1 );
             }
 

package/scss/avatar/_variables.scss

@@ -1,20 +1,20 @@
 // Avatar
 
-/// Border width of the avatar.
+/// The border width of the Avatar.
 /// @group avatar
 $kendo-avatar-border-width: 1px !default;
 
-/// Font family of the avatar.
+/// The font family of the Avatar.
 /// @group avatar
 $kendo-avatar-font-family: $kendo-font-family !default;
-/// Font size of the avatar.
+/// The font size of the Avatar.
 /// @group avatar
 $kendo-avatar-font-size: $kendo-font-size-md !default;
-/// Line height of the avatar.
+/// The line height of the Avatar.
 /// @group avatar
 $kendo-avatar-line-height: $kendo-line-height-md !default;
 
-/// The sizes of the avatar.
+/// The sizes map of the Avatar.
 /// @group avatar
 $kendo-avatar-sizes: (
     sm: k-map-get( $kendo-spacing, 4 ),
@@ -22,6 +22,6 @@ $kendo-avatar-sizes: (
     lg: k-map-get( $kendo-spacing, 16 )
 ) !default;
 
-/// Theme colors map of the avatar.
+/// The theme colors map of the Avatar.
 /// @group avatar
 $kendo-avatar-theme-colors: $kendo-theme-colors !default;

package/scss/badge/_variables.scss

@@ -1,50 +1,80 @@
 // Badge
 
-/// Width of the border around the badge.
+/// The width of the border around the Badge.
 /// @group badge
 $kendo-badge-border-width: 1px !default;
 
-/// Border radius of the badge.
+/// The border radius of the Badge.
 /// @group badge
 $kendo-badge-border-radius: $kendo-border-radius-md !default;
 
 
-/// Horizontal padding of the badge.
+/// The horizontal padding of the Badge.
 /// @group badge
 $kendo-badge-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The horizontal padding of the small Badge.
+/// @group badge
 $kendo-badge-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+/// The horizontal padding of the medium Badge.
+/// @group badge
 $kendo-badge-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The horizontal padding of the large Badge.
+/// @group badge
 $kendo-badge-lg-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
 
-/// Vertical padding of the badge.
+/// The vertical padding of the Badge.
 /// @group badge
 $kendo-badge-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+/// The vertical padding of the small Badge.
+/// @group badge
 $kendo-badge-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+/// The vertical padding of the medium Badge.
+/// @group badge
 $kendo-badge-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+/// The vertical padding of the large Badge.
+/// @group badge
 $kendo-badge-lg-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
-/// Font sizes of the badge.
+/// The font sizes of the Badge.
 /// @group badge
 $kendo-badge-font-size: $kendo-font-size-xs !default;
+/// The font size of the small Badge.
+/// @group badge
 $kendo-badge-sm-font-size: $kendo-font-size-xs !default;
+/// The font size of the medium Badge.
+/// @group badge
 $kendo-badge-md-font-size: $kendo-font-size-xs !default;
+/// The font size of the large Badge.
+/// @group badge
 $kendo-badge-lg-font-size: $kendo-font-size-xs !default;
 
-/// Line heights used along with $kendo-font-size.
+/// The line heights used along with the $kendo-font-size variable.
 /// @group badge
 $kendo-badge-line-height: 1 !default;
+/// The line height used along with the $kendo-font-size variable of the small Badge.
+/// @group badge
 $kendo-badge-sm-line-height: $kendo-badge-line-height !default;
+/// The line height used along with the $kendo-font-size variable of the medium Badge.
+/// @group badge
 $kendo-badge-md-line-height: $kendo-badge-line-height !default;
+/// The line height used along with the $kendo-font-size variable of the large Badge.
+/// @group badge
 $kendo-badge-lg-line-height: $kendo-badge-line-height !default;
 
-/// Badge min width used for circle badge.
+/// The calculated minimum width of the circular Badge.
 /// @group badge
 $kendo-badge-min-width: calc( #{$kendo-badge-line-height * 1em} + #{$kendo-badge-padding-y * 2} + #{$kendo-badge-border-width * 2}) !default;
+/// The calculated minimum width of the small circular Badge.
+/// @group badge
 $kendo-badge-sm-min-width: calc( #{$kendo-badge-sm-line-height * 1em} + #{$kendo-badge-sm-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
+/// The calculated minimum width of the medium circular Badge.
+/// @group badge
 $kendo-badge-md-min-width: calc( #{$kendo-badge-md-line-height * 1em} + #{$kendo-badge-md-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
+/// The calculated minimum width of the large circular Badge.
+/// @group badge
 $kendo-badge-lg-min-width: calc( #{$kendo-badge-lg-line-height * 1em} + #{$kendo-badge-lg-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
 
-/// Sizes map for the badge.
+/// The sizes map for the Badge.
 /// @group badge
 $kendo-badge-sizes: (
     sm: (

package/scss/bottom-navigation/_layout.scss

@@ -88,10 +88,6 @@
         background-color: initial;
     }
 
-    .k-bottom-nav-item-icon {
-        font-size: $kendo-bottom-nav-item-icon-size;
-    }
-
     .k-bottom-nav-item-text {
         overflow: hidden;
         text-overflow: ellipsis;

package/scss/bottom-navigation/_variables.scss

@@ -19,7 +19,6 @@ $kendo-bottom-nav-item-gap: 0 k-map-get( $kendo-spacing, 1 ) !default;
 
 $kendo-bottom-nav-item-icon-margin-y: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-bottom-nav-item-icon-margin-x: $kendo-bottom-nav-item-icon-margin-y !default;
-$kendo-bottom-nav-item-icon-size: k-map-get( $kendo-spacing, 6 ) !default;
 $kendo-bottom-nav-item-disabled-opacity: .5 !default;
 
 $kendo-bottom-nav-shadow: 0px 0px 5px rgba(0, 0, 0, .12) !default;

package/scss/breadcrumb/_layout.scss

@@ -99,7 +99,6 @@
     .k-breadcrumb-delimiter,
     .k-breadcrumb-delimiter-icon {
         color: inherit;
-        font-size: $kendo-breadcrumb-delimiter-icon-font-size;
         opacity: $kendo-disabled-opacity;
     }
 

package/scss/breadcrumb/_variables.scss

@@ -14,8 +14,6 @@ $kendo-breadcrumb-bg: $kendo-component-bg !default;
 $kendo-breadcrumb-text: $kendo-component-text !default;
 $kendo-breadcrumb-border: $kendo-component-border !default;
 
-$kendo-breadcrumb-delimiter-icon-font-size: $kendo-icon-size * .75 !default;
-
 $kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 $kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;

package/scss/button/_variables.scss

@@ -51,16 +51,16 @@ $kendo-button-md-font-size: $kendo-button-font-size !default;
 /// @group button
 $kendo-button-lg-font-size: $kendo-font-size-lg !default;
 
-/// The line height used along with $kendo-font-size.
+/// The line height used along with the $kendo-font-size the.
 /// @group button
 $kendo-button-line-height: $kendo-line-height-md !default;
-/// The line height used along with the $kendo-font-size of the small Button.
+/// The line height used along with the $kendo-font-size the of the small Button.
 /// @group button
 $kendo-button-sm-line-height: $kendo-line-height-md !default;
-/// The line height used along with the $kendo-font-size of the medium Button.
+/// The line height used along with the $kendo-font-size the of the medium Button.
 /// @group button
 $kendo-button-md-line-height: $kendo-button-line-height !default;
-/// The line height used along with the $kendo-font-size of the large Button.
+/// The line height used along with the $kendo-font-size the of the large Button.
 /// @group button
 $kendo-button-lg-line-height: $kendo-line-height-lg !default;
 

package/scss/chip/_layout.scss

@@ -79,7 +79,6 @@
 
     // Chip icon
     .k-chip-icon {
-        font-size: inherit;
         display: flex;
         align-items: center;
         justify-content: center;

package/scss/drawer/_layout.scss

@@ -155,10 +155,10 @@
 
         .k-svg-icon,
         .k-icon {
-            height: auto;
-            font-size: $kendo-drawer-icon-size;
-            line-height: $kendo-drawer-item-line-height;
             flex-shrink: 0;
+            padding-inline: $kendo-drawer-icon-padding-x;
+            padding-block: $kendo-drawer-icon-padding-y;
+            box-sizing: content-box;
 
             &.k-i-none {
                 margin: 0;

package/scss/drawer/_variables.scss

@@ -23,9 +23,10 @@ $kendo-drawer-item-line-height: $kendo-line-height-lg !default;
 $kendo-drawer-item-level-padding-x: $kendo-drawer-item-padding-x !default;
 $kendo-drawer-item-level-count: 5 !default;
 
-$kendo-drawer-icon-size: $kendo-icon-size !default;
+$kendo-drawer-icon-padding-x: 0 !default;
+$kendo-drawer-icon-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 
-$kendo-drawer-mini-initial-width: calc(2 * #{$kendo-drawer-item-padding-x} + #{$kendo-drawer-icon-size}) !default;
+$kendo-drawer-mini-initial-width: calc(2 * #{$kendo-drawer-item-padding-x} + #{$kendo-icon-size}) !default;
 
 $kendo-drawer-hover-bg: $kendo-hover-bg !default;
 $kendo-drawer-hover-text: $kendo-hover-text !default;

package/scss/dropdowntree/_variables.scss

@@ -1,3 +1,8 @@
 // Dropdowntree
+
+/// The horizontal padding of the DropdownTree popup
+/// @group dropdowntree
 $kendo-dropdowntree-popup-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The vertical padding of the DropdownTree popup
+/// @group dropdowntree
 $kendo-dropdowntree-popup-padding-y: k-map-get( $kendo-spacing, 2 ) !default;

package/scss/dropzone/_layout.scss

@@ -24,15 +24,8 @@
         justify-content: center;
         position: relative;
 
-        .k-icon,
         .k-dropzone-icon {
             margin-bottom: $kendo-dropzone-icon-spacing;
-            font-size: $kendo-dropzone-icon-size;
-        }
-
-        .k-svg-icon {
-            width: $kendo-dropzone-icon-size;
-            height: $kendo-dropzone-icon-size;
         }
 
         .k-dropzone-hint {

package/scss/dropzone/_variables.scss

@@ -13,7 +13,6 @@ $kendo-dropzone-bg: $kendo-base-bg !default;
 $kendo-dropzone-text: $kendo-base-text !default;
 $kendo-dropzone-border: $kendo-base-border !default;
 
-$kendo-dropzone-icon-size: ( $kendo-icon-size * 3 ) !default;
 $kendo-dropzone-icon-spacing: k-map-get( $kendo-spacing, 6 ) !default;
 $kendo-dropzone-icon-text: k-try-tint( $kendo-dropzone-text, 4 ) !default;
 $kendo-dropzone-icon-hover-text: $kendo-color-primary !default;

package/scss/fab/_layout.scss

@@ -36,8 +36,9 @@
 
     // FAB Icon
     .k-fab-icon {
-        width: $kendo-fab-icon-width;
-        height: $kendo-fab-icon-height;
+        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) {
@@ -118,8 +119,6 @@
     }
 
     .k-fab-item-icon {
-        width: $kendo-fab-item-icon-width;
-        height: $kendo-fab-item-icon-height;
         padding-block: $kendo-fab-item-icon-padding-y;
         padding-inline: $kendo-fab-item-icon-padding-x;
         border-width: $kendo-fab-item-icon-border-width;

package/scss/fab/_theme.scss

@@ -117,7 +117,7 @@
     }
 
     // Popup
-    .k-animation-container > .k-fab-popup {
+    .k-fab-popup {
         @include box-shadow( none );
     }