@progress/kendo-theme-default 9.1.0-dev.2 → 9.1.0-dev.4

package/dist/meta/variables.json

@@ -11625,6 +11625,10 @@
         "type": "Calculation",
         "value": "calc(var(--kendo-spacing-2\\.5, 0.625rem) / 2)"
     },
+    "kendo-stepper-label-border-radius": {
+        "type": "String",
+        "value": "var(--kendo-border-radius-xxxl, 1rem)"
+    },
     "kendo-stepper-border-width": {
         "type": "Number",
         "value": "0px"
@@ -12602,8 +12606,8 @@
         "value": "2px"
     },
     "kendo-splitter-drag-icon-margin": {
-        "type": "Calculation",
-        "value": "calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2)"
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
     },
     "kendo-splitter-collapse-icon-padding-x": {
         "type": "Null",
@@ -16318,12 +16322,12 @@
         "value": "var(--kendo-spacing-4, 1rem)"
     },
     "kendo-timeline-track-arrow-width": {
-        "type": "Number",
-        "value": "30px"
+        "type": "String",
+        "value": "var(--kendo-spacing-7\\.5, 1.875rem)"
     },
     "kendo-timeline-track-arrow-height": {
-        "type": "Number",
-        "value": "30px"
+        "type": "String",
+        "value": "var(--kendo-spacing-7\\.5, 1.875rem)"
     },
     "kendo-timeline-track-arrow-disabled-bg": {
         "type": "String",
@@ -16338,12 +16342,12 @@
         "value": "var(--kendo-color-border, rgba(0, 0, 0, 0.08))"
     },
     "kendo-timeline-track-size": {
-        "type": "Number",
-        "value": "6px"
+        "type": "String",
+        "value": "var(--kendo-spacing-1\\.5, 0.375rem)"
     },
     "kendo-timeline-track-wrap-padding-bottom": {
-        "type": "Number",
-        "value": "3px"
+        "type": "Calculation",
+        "value": "calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2)"
     },
     "kendo-timeline-track-border-width": {
         "type": "Number",
@@ -16355,15 +16359,15 @@
     },
     "kendo-timeline-track-bottom-calc": {
         "type": "Calculation",
-        "value": "calc(15px + 3px)"
+        "value": "calc(var(--kendo-spacing-7\\.5, 1.875rem) / 2 + calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2))"
     },
     "kendo-timeline-track-start-calc": {
         "type": "Calculation",
-        "value": "calc(30px - 2 * 1px)"
+        "value": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)"
     },
     "kendo-timeline-track-end-calc": {
         "type": "Calculation",
-        "value": "calc(30px - 2 * 1px)"
+        "value": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)"
     },
     "kendo-timeline-track-bg": {
         "type": "String",
@@ -16431,7 +16435,7 @@
     },
     "kendo-timeline-flag-margin-bottom-calc": {
         "type": "Calculation",
-        "value": "calc(6px + 2 * 1px + 4px + 10px)"
+        "value": "calc(var(--kendo-spacing-1\\.5, 0.375rem) + 2 * 1px + 4px + 10px)"
     },
     "kendo-timeline-date-width": {
         "type": "Number",
@@ -16443,19 +16447,19 @@
     },
     "kendo-timeline-vertical-padding-calc": {
         "type": "Calculation",
-        "value": "calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2)"
+        "value": "calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2)"
     },
     "kendo-timeline-vertical-padding-with-dates-calc": {
         "type": "Calculation",
-        "value": "calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2) + 50px)"
+        "value": "calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2) + 50px)"
     },
     "kendo-timeline-mobile-vertical-padding-calc": {
         "type": "Calculation",
-        "value": "calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2)"
+        "value": "calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2)"
     },
     "kendo-timeline-mobile-vertical-padding-with-dates-calc": {
         "type": "Calculation",
-        "value": "calc(calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2) + 50px)"
+        "value": "calc(calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2) + 50px)"
     },
     "kendo-timeline-circle-width": {
         "type": "Number",
@@ -17066,8 +17070,8 @@
         "value": "var(--kendo-color-border, rgba(0, 0, 0, 0.08))"
     },
     "kendo-orgchart-line-v-height": {
-        "type": "Number",
-        "value": "25px"
+        "type": "String",
+        "value": "var(--kendo-spacing-6, 1.5rem)"
     },
     "kendo-signature-width": {
         "type": "Number",

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "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": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "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": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "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": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "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": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "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": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "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": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "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": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "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": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "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": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "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": "9.1.0-dev.2",
+    "version": "9.1.0-dev.4",
     "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": "9.1.0-dev.2",
+  "version": "9.1.0-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,12 +52,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^3.1.0",
-    "@progress/kendo-theme-core": "9.1.0-dev.2",
-    "@progress/kendo-theme-utils": "9.1.0-dev.2"
+    "@progress/kendo-theme-core": "9.1.0-dev.4",
+    "@progress/kendo-theme-utils": "9.1.0-dev.4"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "96a26672d9be0e3000f416723965ce410b8b1ff0"
+  "gitHead": "295adb221984032533fbde2b3adb167504eded91"
 }

package/scss/orgchart/_variables.scss

@@ -143,4 +143,4 @@ $kendo-orgchart-line-fill: $kendo-base-border !default;
 
 /// The height of the OrgChart connecting line.
 /// @group orgchart
-$kendo-orgchart-line-v-height: 25px !default;
+$kendo-orgchart-line-v-height: k-spacing(6) !default;

package/scss/splitter/_variables.scss

@@ -34,7 +34,7 @@ $kendo-splitter-drag-handle-length: 20px !default;
 $kendo-splitter-drag-handle-thickness: 2px !default;
 /// The margin of the Splitter drag handle icon.
 /// @group splitter
-$kendo-splitter-drag-icon-margin: calc( #{k-spacing(3.5)} / 2 ) !default;
+$kendo-splitter-drag-icon-margin: k-spacing(2) !default;
 /// The horizontal padding of the collapse icon in the Splitter.
 /// @group splitter
 $kendo-splitter-collapse-icon-padding-x: null !default;

package/scss/stepper/_layout.scss

@@ -119,7 +119,7 @@
             z-index: 1;
         }
         .k-step-label:only-child {
-            @include border-radius( k-math-div( ( $kendo-stepper-indicator-height + 2 * $kendo-stepper-indicator-border-width ), 2 ) );
+            @include border-radius( $kendo-stepper-label-border-radius );
             padding-block: $kendo-stepper-label-padding-y;
             padding-inline: $kendo-stepper-label-padding-x;
             border-width: 0;
@@ -200,7 +200,7 @@
             text-align: center;
         }
         .k-step-indicator + .k-step-label {
-            margin-top: if($kendo-stepper-indicator-focus-offset > 0, calc(8px - #{$kendo-stepper-indicator-focus-offset}), 8px);
+            margin-top: if($kendo-stepper-indicator-focus-offset > 0, k-spacing(1), 8px);
         }
 
         // Progressbar

package/scss/stepper/_variables.scss

@@ -21,6 +21,9 @@ $kendo-stepper-label-padding-x: k-spacing(3) !default;
 /// The vertical padding the Stepper label.
 /// @group stepper
 $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(xxxl) !default;
 /// The width of the border around the Stepper.
 /// @group stepper
 $kendo-stepper-border-width: 0px !default;

package/scss/timeline/_layout.scss

@@ -331,7 +331,7 @@
 
         .k-timeline-track-wrap {
             position: relative;
-            padding: k-math-div( $kendo-timeline-track-arrow-height, 2 ) 0;
+            padding: calc( #{$kendo-timeline-track-arrow-height} / 2 ) 0;
 
             &::after {
                 top: auto;

package/scss/timeline/_variables.scss

@@ -29,10 +29,10 @@ $kendo-timeline-mobile-spacing-y: k-spacing(4) !default;
 
 /// The width of the Timeline track arrow.
 /// @group timeline
-$kendo-timeline-track-arrow-width: 30px !default;
+$kendo-timeline-track-arrow-width: k-spacing(7.5) !default;
 /// The height of the Timeline track arrow.
 /// @group timeline
-$kendo-timeline-track-arrow-height: 30px !default;
+$kendo-timeline-track-arrow-height: k-spacing(7.5) !default;
 
 /// The background color of the disabled Timeline track arrow.
 /// @group timeline
@@ -46,10 +46,10 @@ $kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, k-co
 
 /// The size of the Timeline track.
 /// @group timeline
-$kendo-timeline-track-size: 6px !default;
+$kendo-timeline-track-size: k-spacing(1.5) !default;
 /// The bottom padding of the Timeline's track wrapper.
 /// @group timeline
-$kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
+$kendo-timeline-track-wrap-padding-bottom: calc( #{$kendo-timeline-track-size} / 2) !default;
 /// The border width of the Timeline track.
 /// @group timeline
 $kendo-timeline-track-border-width: 1px !default;
@@ -58,7 +58,7 @@ $kendo-timeline-track-border-width: 1px !default;
 $kendo-timeline-track-margin-bottom: k-spacing(4) !default;
 /// The bottom offset of the Timeline track.
 /// @group timeline
-$kendo-timeline-track-bottom-calc: calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
+$kendo-timeline-track-bottom-calc: calc( calc( #{$kendo-timeline-track-arrow-height} / 2) + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
 /// The left offset of the Timeline track.
 /// @group timeline
 $kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;