@progress/kendo-theme-bootstrap 14.4.0-dev.3 → 14.4.0

package/dist/meta/variables.json

@@ -1530,41 +1530,80 @@
             }
         }
     },
-    "kendo-icon-default-size": {
+    "ki-icon-default-size": {
         "type": "String",
         "value": "\"md\""
     },
-    "kendo-icon-size": {
+    "ki-icon-size": {
         "type": "Number",
         "value": "1rem"
     },
-    "kendo-icon-size-xs": {
-        "type": "Calculation",
-        "value": "calc(var(--kendo-icon-size, 1rem) * 0.75)"
+    "ki-icon-size-xs": {
+        "type": "String",
+        "value": "var(--kendo-icon-size-xs, calc(var(--kendo-icon-size, 1rem) * 0.75))"
     },
-    "kendo-icon-size-sm": {
-        "type": "Calculation",
-        "value": "calc(var(--kendo-icon-size, 1rem) * 0.875)"
+    "ki-icon-size-sm": {
+        "type": "String",
+        "value": "var(--kendo-icon-size-sm, calc(var(--kendo-icon-size, 1rem) * 0.875))"
     },
-    "kendo-icon-size-md": {
+    "ki-icon-size-md": {
         "type": "String",
-        "value": "var(--kendo-icon-size, 1rem)"
+        "value": "var(--kendo-icon-size-md, var(--kendo-icon-size, 1rem))"
     },
-    "kendo-icon-size-lg": {
-        "type": "Calculation",
-        "value": "calc(var(--kendo-icon-size, 1rem) * 1.25)"
+    "ki-icon-size-lg": {
+        "type": "String",
+        "value": "var(--kendo-icon-size-lg, calc(var(--kendo-icon-size, 1rem) * 1.25))"
     },
-    "kendo-icon-size-xl": {
-        "type": "Calculation",
-        "value": "calc(var(--kendo-icon-size, 1rem) * 1.5)"
+    "ki-icon-size-xl": {
+        "type": "String",
+        "value": "var(--kendo-icon-size-xl, calc(var(--kendo-icon-size, 1rem) * 1.5))"
     },
-    "kendo-icon-size-xxl": {
-        "type": "Calculation",
-        "value": "calc(var(--kendo-icon-size, 1rem) * 2)"
+    "ki-icon-size-xxl": {
+        "type": "String",
+        "value": "var(--kendo-icon-size-xxl, calc(var(--kendo-icon-size, 1rem) * 2))"
     },
-    "kendo-icon-size-xxxl": {
-        "type": "Calculation",
-        "value": "calc(var(--kendo-icon-size, 1rem) * 3)"
+    "ki-icon-size-xxxl": {
+        "type": "String",
+        "value": "var(--kendo-icon-size-xxxl, calc(var(--kendo-icon-size, 1rem) * 3))"
+    },
+    "ki-icon-stroke-width": {
+        "type": "Number",
+        "value": "1.5"
+    },
+    "ki-icon-sizes": {
+        "type": "Map",
+        "value": "(xs: var(--kendo-icon-size-xs, calc(var(--kendo-icon-size, 1rem) * 0.75)), sm: var(--kendo-icon-size-sm, calc(var(--kendo-icon-size, 1rem) * 0.875)), md: var(--kendo-icon-size-md, var(--kendo-icon-size, 1rem)), lg: var(--kendo-icon-size-lg, calc(var(--kendo-icon-size, 1rem) * 1.25)), xl: var(--kendo-icon-size-xl, calc(var(--kendo-icon-size, 1rem) * 1.5)), xxl: var(--kendo-icon-size-xxl, calc(var(--kendo-icon-size, 1rem) * 2)), xxxl: var(--kendo-icon-size-xxxl, calc(var(--kendo-icon-size, 1rem) * 3)))",
+        "prettyValue": {
+            "xs": "var(--kendo-icon-size-xs, calc(var(--kendo-icon-size, 1rem) * 0.75))",
+            "sm": "var(--kendo-icon-size-sm, calc(var(--kendo-icon-size, 1rem) * 0.875))",
+            "md": "var(--kendo-icon-size-md, var(--kendo-icon-size, 1rem))",
+            "lg": "var(--kendo-icon-size-lg, calc(var(--kendo-icon-size, 1rem) * 1.25))",
+            "xl": "var(--kendo-icon-size-xl, calc(var(--kendo-icon-size, 1rem) * 1.5))",
+            "xxl": "var(--kendo-icon-size-xxl, calc(var(--kendo-icon-size, 1rem) * 2))",
+            "xxxl": "var(--kendo-icon-size-xxxl, calc(var(--kendo-icon-size, 1rem) * 3))"
+        }
+    },
+    "ki-rotate-map": {
+        "type": "Map",
+        "value": "(0: 0deg, 45: 45deg, 90: 90deg, 135: 135deg, 180: 180deg, 225: 225deg, 270: 270deg, 315: 315deg)",
+        "prettyValue": {
+            "0": "0deg",
+            "45": "45deg",
+            "90": "90deg",
+            "135": "135deg",
+            "180": "180deg",
+            "225": "225deg",
+            "270": "270deg",
+            "315": "315deg"
+        }
+    },
+    "kendo-icon-default-size": {
+        "type": "String",
+        "value": "\"md\""
+    },
+    "kendo-icon-size": {
+        "type": "Number",
+        "value": "1rem"
     },
     "kendo-icon-spacing": {
         "type": "String",
@@ -3125,6 +3164,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-2)"
     },
+    "kendo-tooltip-icon-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
     "kendo-tooltip-border-width": {
         "type": "Number",
         "value": "0px"
@@ -5541,6 +5584,10 @@
         "type": "Null",
         "value": "null"
     },
+    "kendo-menu-expand-arrow-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
     "kendo-menu-separator-margin-inline": {
         "type": "String",
         "value": "var(--kendo-spacing-1)"
@@ -5838,6 +5885,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-2\\.5)"
     },
+    "kendo-toolbar-item-icon-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
     "kendo-toolbar-separator-height": {
         "type": "Calculation",
         "value": "calc(var(--kendo-line-height) * 1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)"
@@ -7489,6 +7540,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-0\\.5)"
     },
+    "kendo-treeview-item-icon-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
     "kendo-treeview-border-radius": {
         "type": "Null",
         "value": "null"
@@ -10213,6 +10268,10 @@
         "type": "String",
         "value": "var(--kendo-border-radius-xxl)"
     },
+    "kendo-stepper-label-icon-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
     "kendo-stepper-border-width": {
         "type": "Number",
         "value": "0px"
@@ -10553,6 +10612,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-0)"
     },
+    "kendo-tabstrip-item-icon-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
     "kendo-tabstrip-item-spacing-x": {
         "type": "String",
         "value": "var(--kendo-spacing-1\\.5)"
@@ -10957,6 +11020,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-3)"
     },
+    "kendo-panelbar-item-icon-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
     "kendo-panelbar-item-level-count": {
         "type": "Number",
         "value": "4"
@@ -11769,6 +11836,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-2)"
     },
+    "kendo-grid-column-menu-icon-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
     "kendo-grid-toolbar-border-width": {
         "type": "Number",
         "value": "1px"
@@ -13109,6 +13180,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-1)"
     },
+    "kendo-file-manager-icon-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
     "kendo-file-manager-preview-bg": {
         "type": "Null",
         "value": "null"
@@ -14265,6 +14340,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-1)"
     },
+    "kendo-scheduler-nav-item-icon-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
     "kendo-scheduler-header-bg": {
         "type": "String",
         "value": "var(--kendo-color-surface)"

package/lib/swatches/bootstrap-3-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(25.20% 0.0000 0deg)",

package/lib/swatches/bootstrap-3.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/bootstrap-4-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(26.21% 0.0095 248.24deg)",

package/lib/swatches/bootstrap-4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(98.16% 0.0018 248.66deg)",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(56.39% 0.1748 253.31deg)",
         "oklch(75.91% 0.1029 220.18deg)",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(26.21% 0.0095 248.24deg)",

package/lib/swatches/bootstrap-main.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(98.16% 0.0018 248.66deg)",

package/lib/swatches/bootstrap-nordic.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(98.16% 0.0018 248.66deg)",

package/lib/swatches/bootstrap-turquoise-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(28.74% 0.0034 229.23deg)",

package/lib/swatches/bootstrap-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(96.12% 0.0001 0deg)",

package/lib/swatches/bootstrap-urban.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(94.26% 0.0144 231.45deg)",

package/lib/swatches/bootstrap-vintage.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Vintage",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "14.4.0-dev.3",
+    "version": "14.4.0",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(95.25% 0.0097 87.57deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "14.4.0-dev.3",
+  "version": "14.4.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,9 +52,9 @@
     "postpublish": "echo 'no postpublish for bootstrap theme'"
   },
   "dependencies": {
-    "@progress/kendo-svg-icons": "^4.9.0",
-    "@progress/kendo-theme-core": "14.4.0-dev.3",
-    "@progress/kendo-theme-utils": "14.4.0-dev.3"
+    "@progress/kendo-svg-icons": "^4.11.0",
+    "@progress/kendo-theme-core": "14.4.0",
+    "@progress/kendo-theme-utils": "14.4.0"
   },
   "directories": {
     "doc": "docs",

package/scss/filemanager/_variables.scss

@@ -161,6 +161,10 @@ $kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
 /// The gap between the columns in the FileManager preview.
 /// @group file-manager
 $kendo-file-manager-preview-column-gap: k-spacing(1) !default;
+
+/// The icon spacing in FileManager items.
+/// @group file-manager
+$kendo-file-manager-icon-spacing: k-spacing(2) !default;
 /// The background color of the FileManager preview.
 /// @group file-manager
 $kendo-file-manager-preview-bg: null !default;
@@ -232,6 +236,7 @@ $kendo-file-manager-preview-icon-border: null !default;
     $kendo-file-manager-preview-border-width: $kendo-file-manager-preview-border-width,
     $kendo-file-manager-preview-spacing: $kendo-file-manager-preview-spacing,
     $kendo-file-manager-preview-column-gap: $kendo-file-manager-preview-column-gap,
+    $kendo-file-manager-icon-spacing: $kendo-file-manager-icon-spacing,
     $kendo-file-manager-preview-bg: $kendo-file-manager-preview-bg,
     $kendo-file-manager-preview-text: $kendo-file-manager-preview-text,
     $kendo-file-manager-preview-border: $kendo-file-manager-preview-border,

package/scss/grid/_variables.scss

@@ -192,6 +192,10 @@ $kendo-grid-header-first-border: 1px !default;
 /// @group grid
 $kendo-grid-header-menu-icon-spacing: $kendo-icon-spacing !default;
 
+/// The spacing between icon and text in Grid column menu items.
+/// @group grid
+$kendo-grid-column-menu-icon-spacing: k-spacing(2) !default;
+
 /// The width of the border around the Grid toolbar.
 /// @group grid
 $kendo-grid-toolbar-border-width: $kendo-grid-border-width !default;
@@ -593,6 +597,7 @@ $kendo-grid-pinned-source-font-weight: var(--kendo-font-weight-bold) !default;
     $kendo-grid-header-font-size: $kendo-grid-header-font-size,
     $kendo-grid-header-first-border: $kendo-grid-header-first-border,
     $kendo-grid-header-menu-icon-spacing: $kendo-grid-header-menu-icon-spacing,
+    $kendo-grid-column-menu-icon-spacing: $kendo-grid-column-menu-icon-spacing,
     $kendo-grid-toolbar-border-width: $kendo-grid-toolbar-border-width,
     $kendo-grid-cell-horizontal-border-width: $kendo-grid-cell-horizontal-border-width,
     $kendo-grid-cell-vertical-border-width: $kendo-grid-cell-vertical-border-width,

package/scss/icons/_variables.scss

@@ -9,28 +9,6 @@ $kendo-icon-default-size: "md" !default;
 /// @group icon
 $kendo-icon-size: 1rem !default;
 
-/// The xs size of the Icon.
-/// @group icon
-$kendo-icon-size-xs: calc( var( --kendo-icon-size, 1rem ) * .75 ) !default;
-/// The sm size of the Icon.
-/// @group icon
-$kendo-icon-size-sm: calc( var( --kendo-icon-size, 1rem ) * .875 ) !default;
-/// The md size of the Icon.
-/// @group icon
-$kendo-icon-size-md: var( --kendo-icon-size, 1rem ) !default;
-/// The lg size of the Icon.
-/// @group icon
-$kendo-icon-size-lg: calc( var( --kendo-icon-size, 1rem ) * 1.25 ) !default;
-/// The xl size of the Icon.
-/// @group icon
-$kendo-icon-size-xl: calc( var( --kendo-icon-size, 1rem ) * 1.5 ) !default;
-/// The xxl size of the Icon.
-/// @group icon
-$kendo-icon-size-xxl: calc( var( --kendo-icon-size, 1rem ) * 2 ) !default;
-/// The xxxl size of the Icon.
-/// @group icon
-$kendo-icon-size-xxxl: calc( var( --kendo-icon-size, 1rem ) * 3 ) !default;
-
 /// Spacing around the icons.
 /// @group icon
 $kendo-icon-spacing: k-spacing(2) !default;
@@ -48,13 +26,6 @@ $kendo-action-icon-color: k-color( primary-on-surface ) !default;
 @forward "@progress/kendo-theme-core/scss/components/icons/_variables.scss" with (
     $kendo-icon-default-size: $kendo-icon-default-size,
     $kendo-icon-size: $kendo-icon-size,
-    $kendo-icon-size-xs: $kendo-icon-size-xs,
-    $kendo-icon-size-sm: $kendo-icon-size-sm,
-    $kendo-icon-size-md: $kendo-icon-size-md,
-    $kendo-icon-size-lg: $kendo-icon-size-lg,
-    $kendo-icon-size-xl: $kendo-icon-size-xl,
-    $kendo-icon-size-xxl: $kendo-icon-size-xxl,
-    $kendo-icon-size-xxxl: $kendo-icon-size-xxxl,
     $kendo-icon-spacing: $kendo-icon-spacing,
     $kendo-icon-padding: $kendo-icon-padding,
     $kendo-accent-icon-color: $kendo-accent-icon-color,

package/scss/menu/_variables.scss

@@ -146,6 +146,10 @@ $kendo-menu-icon-padding-x: null !default;
 /// @group menu
 $kendo-menu-icon-padding-y: null !default;
 
+/// The spacing used for the menu expand arrow negative offset.
+/// @group menu
+$kendo-menu-expand-arrow-spacing: k-spacing(2) !default;
+
 // Menu Separator
 
 /// The inline margin of the horizontal Menu separator.
@@ -349,6 +353,7 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
     $kendo-menu-scroll-button-hover-gradient: $kendo-menu-scroll-button-hover-gradient,
     $kendo-menu-icon-padding-x: $kendo-menu-icon-padding-x,
     $kendo-menu-icon-padding-y: $kendo-menu-icon-padding-y,
+    $kendo-menu-expand-arrow-spacing: $kendo-menu-expand-arrow-spacing,
     $kendo-menu-separator-margin-inline: $kendo-menu-separator-margin-inline,
     $kendo-menu-separator-margin-block: $kendo-menu-separator-margin-block,
     $kendo-menu-separator-border: $kendo-menu-separator-border,

package/scss/panelbar/_variables.scss

@@ -40,6 +40,10 @@ $kendo-panelbar-item-padding-x: k-spacing(5) !default;
 /// @group panelbar
 $kendo-panelbar-item-padding-y: k-spacing(3) !default;
 
+/// The spacing between icon and text in PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-icon-spacing: k-spacing(2) !default;
+
 /// The maximum nesting of the PanelBar items.
 /// @group panelbar
 $kendo-panelbar-item-level-count: 4 !default;
@@ -281,6 +285,7 @@ $kendo-panelbar-header-expanded-gradient: null !default;
     $kendo-panelbar-header-padding-y: $kendo-panelbar-header-padding-y,
     $kendo-panelbar-item-padding-x: $kendo-panelbar-item-padding-x,
     $kendo-panelbar-item-padding-y: $kendo-panelbar-item-padding-y,
+    $kendo-panelbar-item-icon-spacing: $kendo-panelbar-item-icon-spacing,
     $kendo-panelbar-item-level-count: $kendo-panelbar-item-level-count,
     $kendo-panelbar-bg: $kendo-panelbar-bg,
     $kendo-panelbar-text: $kendo-panelbar-text,

package/scss/scheduler/_variables.scss

@@ -260,6 +260,10 @@ $kendo-scheduler-marquee-label-inset-x: k-spacing(2) !default;
 /// @group scheduler
 $kendo-scheduler-marquee-label-inset-y: k-spacing(1) !default;
 
+/// The spacing between icon and text in Scheduler navigation items.
+/// @group scheduler
+$kendo-scheduler-nav-item-icon-spacing: k-spacing(2) !default;
+
 /// The background color of the Scheduler header.
 /// @group scheduler
 $kendo-scheduler-header-bg: k-color(surface) !default;
@@ -364,6 +368,7 @@ $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
     $kendo-scheduler-indicators-margin: $kendo-scheduler-indicators-margin,
     $kendo-scheduler-marquee-label-inset-x: $kendo-scheduler-marquee-label-inset-x,
     $kendo-scheduler-marquee-label-inset-y: $kendo-scheduler-marquee-label-inset-y,
+    $kendo-scheduler-nav-item-icon-spacing: $kendo-scheduler-nav-item-icon-spacing,
     $kendo-scheduler-header-bg: $kendo-scheduler-header-bg,
     $kendo-scheduler-adaptive-bg: $kendo-scheduler-adaptive-bg,
     $kendo-scheduler-adaptive-text: $kendo-scheduler-adaptive-text,

package/scss/stepper/_variables.scss

@@ -28,6 +28,10 @@ $kendo-stepper-label-padding-y: calc( #{k-spacing(2.5)} / 2 ) !default;
 /// The border radius of the Stepper label.
 /// @group stepper
 $kendo-stepper-label-border-radius: k-border-radius(xxl) !default;
+
+/// The spacing between icon and text in Stepper labels.
+/// @group stepper
+$kendo-stepper-label-icon-spacing: k-spacing(2) !default;
 /// The width of the border around the Stepper.
 /// @group stepper
 $kendo-stepper-border-width: 0px !default;
@@ -243,6 +247,7 @@ $kendo-stepper-content-transition-timing-function: k-easing(standard) !default;
     $kendo-stepper-label-padding-x: $kendo-stepper-label-padding-x,
     $kendo-stepper-label-padding-y: $kendo-stepper-label-padding-y,
     $kendo-stepper-label-border-radius: $kendo-stepper-label-border-radius,
+    $kendo-stepper-label-icon-spacing: $kendo-stepper-label-icon-spacing,
     $kendo-stepper-border-width: $kendo-stepper-border-width,
     $kendo-stepper-inline-content-padding-x: $kendo-stepper-inline-content-padding-x,
     $kendo-stepper-inline-content-padding-y: $kendo-stepper-inline-content-padding-y,

package/scss/tabstrip/_variables.scss

@@ -79,6 +79,10 @@ $kendo-tabstrip-item-border-radius: k-border-radius(sm) !default;
 /// The gap between the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-gap: k-spacing(0) !default;
+
+/// The spacing between icon and text in TabStrip tab items.
+/// @group tabstrip
+$kendo-tabstrip-item-icon-spacing: k-spacing(2) !default;
 /// The horizontal spacing of the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-spacing-x: k-spacing(1.5) !default;
@@ -232,6 +236,7 @@ $kendo-tabstrip-scroll-button-spacing: null !default;
     $kendo-tabstrip-item-border-width: $kendo-tabstrip-item-border-width,
     $kendo-tabstrip-item-border-radius: $kendo-tabstrip-item-border-radius,
     $kendo-tabstrip-item-gap: $kendo-tabstrip-item-gap,
+    $kendo-tabstrip-item-icon-spacing: $kendo-tabstrip-item-icon-spacing,
     $kendo-tabstrip-item-spacing-x: $kendo-tabstrip-item-spacing-x,
     $kendo-tabstrip-sm-item-padding-x: $kendo-tabstrip-sm-item-padding-x,
     $kendo-tabstrip-sm-item-padding-y: $kendo-tabstrip-sm-item-padding-y,

package/scss/toolbar/_variables.scss

@@ -43,6 +43,10 @@ $kendo-toolbar-md-spacing: k-spacing(2) !default;
 /// @group toolbar
 $kendo-toolbar-lg-spacing: k-spacing(2.5) !default;
 
+/// The spacing between icon and text in Toolbar items.
+/// @group toolbar
+$kendo-toolbar-item-icon-spacing: k-spacing(2) !default;
+
 /// The height of the Toolbar button separator.
 /// @group toolbar
 $kendo-toolbar-separator-height: $kendo-button-md-calc-size !default;
@@ -165,6 +169,7 @@ $kendo-floating-toolbar-border-radius: k-border-radius(md) !default;
     $kendo-toolbar-sm-spacing: $kendo-toolbar-sm-spacing,
     $kendo-toolbar-md-spacing: $kendo-toolbar-md-spacing,
     $kendo-toolbar-lg-spacing: $kendo-toolbar-lg-spacing,
+    $kendo-toolbar-item-icon-spacing: $kendo-toolbar-item-icon-spacing,
     $kendo-toolbar-separator-height: $kendo-toolbar-separator-height,
     $kendo-toolbar-sm-separator-height: $kendo-toolbar-sm-separator-height,
     $kendo-toolbar-md-separator-height: $kendo-toolbar-md-separator-height,

package/scss/tooltip/_variables.scss

@@ -11,6 +11,10 @@ $kendo-tooltip-padding-y: k-spacing(1) !default;
 /// The horizontal padding of the Tooltip.
 /// @group tooltip
 $kendo-tooltip-padding-x: k-spacing(2) !default;
+
+/// The spacing between icon and tooltip text/button.
+/// @group tooltip
+$kendo-tooltip-icon-spacing: k-spacing(2) !default;
 /// The width of the border around the Tooltip.
 /// @group tooltip
 $kendo-tooltip-border-width: 0px !default;
@@ -64,6 +68,7 @@ $kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;
 @forward "@progress/kendo-theme-core/scss/components/tooltip/_variables.scss" with (
     $kendo-tooltip-padding-y: $kendo-tooltip-padding-y,
     $kendo-tooltip-padding-x: $kendo-tooltip-padding-x,
+    $kendo-tooltip-icon-spacing: $kendo-tooltip-icon-spacing,
     $kendo-tooltip-border-width: $kendo-tooltip-border-width,
     $kendo-tooltip-border-radius: $kendo-tooltip-border-radius,
     $kendo-tooltip-font-family: $kendo-tooltip-font-family,

package/scss/treeview/_variables.scss

@@ -12,6 +12,10 @@ $kendo-treeview-default-size: "md" !default;
 /// The gap of the TreeView.
 /// @group treeview
 $kendo-treeview-gap: k-spacing(0.5) !default;
+
+/// The spacing between icon and text in TreeView items.
+/// @group treeview
+$kendo-treeview-item-icon-spacing: k-spacing(2) !default;
 /// The border radius of the TreeView.
 /// @group treeview
 $kendo-treeview-border-radius: null !default;
@@ -175,6 +179,7 @@ $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !defaul
 @forward "@progress/kendo-theme-core/scss/components/treeview/_variables.scss" with (
     $kendo-treeview-default-size: $kendo-treeview-default-size,
     $kendo-treeview-gap: $kendo-treeview-gap,
+    $kendo-treeview-item-icon-spacing: $kendo-treeview-item-icon-spacing,
     $kendo-treeview-border-radius: $kendo-treeview-border-radius,
     $kendo-treeview-font-family: $kendo-treeview-font-family,
     $kendo-treeview-font-size: $kendo-treeview-font-size,