@progress/kendo-theme-default 14.7.0-dev.0 → 14.7.0-dev.10

package/dist/meta/variables.json

@@ -2837,6 +2837,22 @@
         "type": "String",
         "value": "var(--kendo-spacing-1\\.5)"
     },
+    "kendo-badge-text-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
+    },
+    "kendo-badge-sm-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0)"
+    },
+    "kendo-badge-md-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1px)"
+    },
+    "kendo-badge-lg-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
+    },
     "kendo-badge-font-size": {
         "type": "String",
         "value": "var(--kendo-font-size-xs)"
@@ -2887,11 +2903,12 @@
     },
     "kendo-badge-sizes": {
         "type": "Map",
-        "value": "(sm: (padding-x: var(--kendo-spacing-0\\.5), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)), md: (padding-x: var(--kendo-spacing-1), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)), lg: (padding-x: var(--kendo-spacing-1\\.5), padding-y: var(--kendo-spacing-1\\.5), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)))",
+        "value": "(sm: (padding-x: var(--kendo-spacing-0\\.5), padding-y: var(--kendo-spacing-0\\.5), gap: var(--kendo-spacing-0), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)), md: (padding-x: var(--kendo-spacing-1), padding-y: var(--kendo-spacing-1), gap: var(--kendo-spacing-1px), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)), lg: (padding-x: var(--kendo-spacing-1\\.5), padding-y: var(--kendo-spacing-1\\.5), gap: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)))",
         "prettyValue": {
             "sm": {
                 "padding-x": "var(--kendo-spacing-0\\.5)",
                 "padding-y": "var(--kendo-spacing-0\\.5)",
+                "gap": "var(--kendo-spacing-0)",
                 "font-size": "var(--kendo-font-size-xs)",
                 "line-height": 1,
                 "min-width": "calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)"
@@ -2899,6 +2916,7 @@
             "md": {
                 "padding-x": "var(--kendo-spacing-1)",
                 "padding-y": "var(--kendo-spacing-1)",
+                "gap": "var(--kendo-spacing-1px)",
                 "font-size": "var(--kendo-font-size-xs)",
                 "line-height": 1,
                 "min-width": "calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)"
@@ -2906,6 +2924,7 @@
             "lg": {
                 "padding-x": "var(--kendo-spacing-1\\.5)",
                 "padding-y": "var(--kendo-spacing-1\\.5)",
+                "gap": "var(--kendo-spacing-0\\.5)",
                 "font-size": "var(--kendo-font-size-xs)",
                 "line-height": 1,
                 "min-width": "calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)"
@@ -3284,6 +3303,22 @@
         "type": "String",
         "value": "var(--kendo-spacing-1)"
     },
+    "kendo-button-xs-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1)"
+    },
+    "kendo-button-sm-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1)"
+    },
+    "kendo-button-md-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1)"
+    },
+    "kendo-button-lg-gap": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1)"
+    },
     "kendo-button-xs-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-2)"
@@ -3598,27 +3633,31 @@
     },
     "kendo-button-sizes": {
         "type": "Map",
-        "value": "(xs: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), sm: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), md: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg)))",
+        "value": "(xs: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), sm: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), md: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg)))",
         "prettyValue": {
             "xs": {
+                "gap": "var(--kendo-spacing-1)",
                 "padding-x": "var(--kendo-spacing-2)",
                 "padding-y": "var(--kendo-spacing-1px)",
                 "font-size": "var(--kendo-font-size)",
                 "line-height": "var(--kendo-line-height)"
             },
             "sm": {
+                "gap": "var(--kendo-spacing-1)",
                 "padding-x": "var(--kendo-spacing-2)",
                 "padding-y": "var(--kendo-spacing-0\\.5)",
                 "font-size": "var(--kendo-font-size)",
                 "line-height": "var(--kendo-line-height)"
             },
             "md": {
+                "gap": "var(--kendo-spacing-1)",
                 "padding-x": "var(--kendo-spacing-2)",
                 "padding-y": "var(--kendo-spacing-1)",
                 "font-size": "var(--kendo-font-size)",
                 "line-height": "var(--kendo-line-height)"
             },
             "lg": {
+                "gap": "var(--kendo-spacing-1)",
                 "padding-x": "var(--kendo-spacing-2)",
                 "padding-y": "var(--kendo-spacing-2)",
                 "font-size": "var(--kendo-font-size-lg)",
@@ -4770,6 +4809,14 @@
         "type": "Number",
         "value": "1px"
     },
+    "kendo-listbox-actions-scroll-padding": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1)"
+    },
+    "kendo-listbox-actions-scroll-overlay": {
+        "type": "List",
+        "value": "(var(--kendo-color-app-surface), color-mix(in srgb, var(--kendo-color-app-surface) 0%, transparent))"
+    },
     "kendo-listbox-scroller-padding-x": {
         "type": "Null",
         "value": "null"
@@ -5386,7 +5433,7 @@
     },
     "kendo-chip-outline-border": {
         "type": "String",
-        "value": "var(--kendo-color-base-on-surface)"
+        "value": "var(--kendo-color-base-emphasis)"
     },
     "kendo-chip-outline-shadow": {
         "type": "List",
@@ -5394,19 +5441,19 @@
     },
     "kendo-chip-outline-hover-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base-on-surface)"
+        "value": "var(--kendo-color-base-hover)"
     },
     "kendo-chip-outline-hover-text": {
         "type": "String",
-        "value": "var(--kendo-color-base)"
+        "value": "var(--kendo-color-base-on-surface)"
     },
     "kendo-chip-outline-selected-bg": {
         "type": "String",
-        "value": "var(--kendo-color-base-on-surface)"
+        "value": "var(--kendo-color-base-active)"
     },
     "kendo-chip-outline-selected-text": {
         "type": "String",
-        "value": "var(--kendo-color-base)"
+        "value": "var(--kendo-color-base-on-surface)"
     },
     "kendo-chip-disabled-bg": {
         "type": "Null",
@@ -13936,6 +13983,14 @@
         "type": "Number",
         "value": "12px"
     },
+    "kendo-image-editor-rotate-handle-offset": {
+        "type": "Number",
+        "value": "24px"
+    },
+    "kendo-image-editor-rotate-handle-padding": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
+    },
     "kendo-image-editor-bg": {
         "type": "String",
         "value": "var(--kendo-color-surface-alt)"
@@ -14465,12 +14520,12 @@
         "value": "null"
     },
     "kendo-scheduler-event-hover-bg": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-primary)"
     },
     "kendo-scheduler-event-hover-text": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-on-primary)"
     },
     "kendo-scheduler-event-hover-border": {
         "type": "Null",

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

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

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(69.85% 0.1922 27.18deg)",
         "oklch(87.94% 0.1577 90.42deg)",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

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

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(19.57% 0.0000 0deg)",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(50.02% 0.0301 214.80deg)",

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": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

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

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "14.7.0-dev.0",
+    "version": "14.7.0-dev.10",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",

package/lib/swatches/default-urban.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "14.7.0-dev.0",
+  "version": "14.7.0-dev.10",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,8 +52,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^5.5.0",
-    "@progress/kendo-theme-core": "14.7.0-dev.0",
-    "@progress/kendo-theme-utils": "14.7.0-dev.0"
+    "@progress/kendo-theme-core": "14.7.0-dev.10",
+    "@progress/kendo-theme-utils": "14.7.0-dev.10"
   },
   "directories": {
     "doc": "docs",

package/scss/badge/_variables.scss

@@ -33,6 +33,19 @@ $kendo-badge-md-padding-x: k-spacing(1) !default;
 /// @group badge
 $kendo-badge-lg-padding-x: k-spacing(1.5) !default;
 
+/// The horizontal padding of Badge text content.
+/// @group badge
+$kendo-badge-text-padding-x: k-spacing(0.5) !default;
+/// The icon-to-text gap of the small Badge.
+/// @group badge
+$kendo-badge-sm-gap: k-spacing(0) !default;
+/// The icon-to-text gap of the medium Badge.
+/// @group badge
+$kendo-badge-md-gap: k-spacing(1px) !default;
+/// The icon-to-text gap of the large Badge.
+/// @group badge
+$kendo-badge-lg-gap: k-spacing(0.5) !default;
+
 /// The vertical padding of the small Badge.
 /// @group badge
 $kendo-badge-sm-padding-y: k-spacing(0.5) !default;
@@ -92,6 +105,10 @@ $kendo-badge-lg-min-width: calc( #{$kendo-badge-lg-line-height * 1em} + calc( #{
     $kendo-badge-sm-padding-x: $kendo-badge-sm-padding-x,
     $kendo-badge-md-padding-x: $kendo-badge-md-padding-x,
     $kendo-badge-lg-padding-x: $kendo-badge-lg-padding-x,
+    $kendo-badge-text-padding-x: $kendo-badge-text-padding-x,
+    $kendo-badge-sm-gap: $kendo-badge-sm-gap,
+    $kendo-badge-md-gap: $kendo-badge-md-gap,
+    $kendo-badge-lg-gap: $kendo-badge-lg-gap,
     $kendo-badge-sm-padding-y: $kendo-badge-sm-padding-y,
     $kendo-badge-md-padding-y: $kendo-badge-md-padding-y,
     $kendo-badge-lg-padding-y: $kendo-badge-lg-padding-y,

package/scss/button/_variables.scss

@@ -33,6 +33,22 @@ $kendo-button-border-radius: null !default;
 /// @group button
 $kendo-button-gap: k-spacing(1) !default;
 
+/// The spacing between icon and text inside the xsmall Button.
+/// @group button
+$kendo-button-xs-gap: $kendo-button-gap !default;
+
+/// The spacing between icon and text inside the small Button.
+/// @group button
+$kendo-button-sm-gap: $kendo-button-gap !default;
+
+/// The spacing between icon and text inside the medium Button.
+/// @group button
+$kendo-button-md-gap: $kendo-button-gap !default;
+
+/// The spacing between icon and text inside the large Button.
+/// @group button
+$kendo-button-lg-gap: $kendo-button-gap !default;
+
 /// The horizontal padding of the xsmall Button.
 /// @group button
 $kendo-button-xs-padding-x: k-spacing(2) !default;
@@ -271,6 +287,10 @@ $kendo-button-transition: color k-transition(rapid), background-color k-transiti
     $kendo-button-border-width: $kendo-button-border-width,
     $kendo-button-border-radius: $kendo-button-border-radius,
     $kendo-button-gap: $kendo-button-gap,
+    $kendo-button-xs-gap: $kendo-button-xs-gap,
+    $kendo-button-sm-gap: $kendo-button-sm-gap,
+    $kendo-button-md-gap: $kendo-button-md-gap,
+    $kendo-button-lg-gap: $kendo-button-lg-gap,
     $kendo-button-xs-padding-x: $kendo-button-xs-padding-x,
     $kendo-button-sm-padding-x: $kendo-button-sm-padding-x,
     $kendo-button-md-padding-x: $kendo-button-md-padding-x,

package/scss/chip/_variables.scss

@@ -119,21 +119,21 @@ $kendo-chip-solid-selected-bg: $kendo-button-active-bg !default;
 $kendo-chip-outline-text: k-color(base-on-surface) !default;
 /// The base border color of the outline Chip.
 /// @group chip
-$kendo-chip-outline-border: $kendo-chip-outline-text !default;
+$kendo-chip-outline-border: k-color(base-emphasis) !default;
 /// The base shadow of the outline Chip.
 /// @group chip
 $kendo-chip-outline-shadow: 0 0 0 2px color-mix(in srgb, k-color(base-on-surface) 16%, transparent) !default;
 
 /// The base background color of the hovered outline Chip.
 /// @group chip
-$kendo-chip-outline-hover-bg: $kendo-chip-outline-text !default;
+$kendo-chip-outline-hover-bg: k-color(base-hover) !default;
 /// The base text color of the hovered outline Chip.
 /// @group chip
-$kendo-chip-outline-hover-text: k-color(base) !default;
+$kendo-chip-outline-hover-text: k-color(base-on-surface) !default;
 
 /// The base background color of the selected outline Chip.
 /// @group chip
-$kendo-chip-outline-selected-bg: $kendo-chip-outline-hover-bg !default;
+$kendo-chip-outline-selected-bg: k-color(base-active) !default;
 /// The base text color of the selected outline Chip.
 /// @group chip
 $kendo-chip-outline-selected-text: $kendo-chip-outline-hover-text !default;

package/scss/imageeditor/_variables.scss

@@ -130,6 +130,12 @@ $kendo-image-editor-handle-border-radius: k-border-radius(full) !default;
 /// The size of the ImageEditor scale handle.
 /// @group image-editor
 $kendo-image-editor-scale-handle-size: 12px !default;
+/// The distance between the bottom edge of the selection frame and the ImageEditor rotate handle.
+/// @group image-editor
+$kendo-image-editor-rotate-handle-offset: 24px !default;
+/// The padding of the ImageEditor rotate handle.
+/// @group image-editor
+$kendo-image-editor-rotate-handle-padding: k-spacing(0.5) !default;
 
 /// The background color of the ImageEditor.
 /// @group image-editor
@@ -264,6 +270,8 @@ $kendo-image-editor-handle-border: k-color(primary) !default;
     $kendo-image-editor-handle-thickness: $kendo-image-editor-handle-thickness,
     $kendo-image-editor-handle-border-radius: $kendo-image-editor-handle-border-radius,
     $kendo-image-editor-scale-handle-size: $kendo-image-editor-scale-handle-size,
+    $kendo-image-editor-rotate-handle-offset: $kendo-image-editor-rotate-handle-offset,
+    $kendo-image-editor-rotate-handle-padding: $kendo-image-editor-rotate-handle-padding,
     $kendo-image-editor-bg: $kendo-image-editor-bg,
     $kendo-image-editor-text: $kendo-image-editor-text,
     $kendo-image-editor-border: $kendo-image-editor-border,

package/scss/listbox/_variables.scss

@@ -41,6 +41,13 @@ $kendo-listbox-border: k-color(border) !default;
 /// @group listbox
 $kendo-listbox-drop-hint-width: 1px !default;
 
+/// The padding around the ListBox actions that keeps the button focus indicators visible when the actions scroll.
+/// @group listbox
+$kendo-listbox-actions-scroll-padding: k-spacing(1) !default;
+/// The gradient color stops of the ListBox actions scroll overlay.
+/// @group listbox
+$kendo-listbox-actions-scroll-overlay: k-color(app-surface), color-mix(in srgb, k-color(app-surface) 0%, transparent) !default;
+
 /// The horizontal padding of the ListBox scroller.
 /// @group listbox
 $kendo-listbox-scroller-padding-x: null !default;
@@ -64,6 +71,8 @@ $kendo-listbox-border-radius: null !default;
     $kendo-listbox-bg: $kendo-listbox-bg,
     $kendo-listbox-border: $kendo-listbox-border,
     $kendo-listbox-drop-hint-width: $kendo-listbox-drop-hint-width,
+    $kendo-listbox-actions-scroll-padding: $kendo-listbox-actions-scroll-padding,
+    $kendo-listbox-actions-scroll-overlay: $kendo-listbox-actions-scroll-overlay,
     $kendo-listbox-scroller-padding-x: $kendo-listbox-scroller-padding-x,
     $kendo-listbox-scroller-padding-y: $kendo-listbox-scroller-padding-y,
     $kendo-listbox-border-radius: $kendo-listbox-border-radius

package/scss/scheduler/_variables.scss

@@ -118,10 +118,10 @@ $kendo-scheduler-event-readonly-border: k-color(primary-emphasis) !default;
 
 /// The background color of the hovered Scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-hover-bg: null !default;
+$kendo-scheduler-event-hover-bg: $kendo-scheduler-event-bg !default;
 /// The text color of the hovered Scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-hover-text: null !default;
+$kendo-scheduler-event-hover-text: $kendo-scheduler-event-text !default;
 /// The border color of the hovered Scheduler event.
 /// @group scheduler
 $kendo-scheduler-event-hover-border: null !default;