@progress/kendo-theme-bootstrap 11.2.1-dev.0 → 11.3.0-dev.0

package/scss/input/_variables.scss

@@ -18,9 +18,6 @@ $kendo-input-border-height: calc( #{ $kendo-input-border-width } * 2 ) !default;
 /// @group input
 $kendo-input-border-radius: null !default;
 
-/// The horizontal padding of the Input components.
-/// @group input
-$kendo-input-padding-x: k-spacing(3) !default;
 /// The horizontal padding of the small Input components.
 /// @group input
 $kendo-input-sm-padding-x: k-spacing(2) !default;
@@ -31,9 +28,6 @@ $kendo-input-md-padding-x: k-spacing(3) !default;
 /// @group input
 $kendo-input-lg-padding-x: k-spacing(4) !default;
 
-/// The vertical padding of input components.
-/// @group input
-$kendo-input-padding-y: k-spacing(1.5) !default;
 /// The vertical padding of the small Input components.
 /// @group input
 $kendo-input-sm-padding-y: k-spacing(1) !default;
@@ -59,7 +53,7 @@ $kendo-input-sm-font-size: var( --kendo-font-size-sm, inherit )!default;
 $kendo-input-md-font-size: var( --kendo-font-size, inherit )  !default;
 /// The font size of the large Input components.
 /// @group input
-$kendo-input-lg-font-size: var( --kendo-font-size, inherit )  !default;
+$kendo-input-lg-font-size: var( --kendo-font-size-lg, inherit )  !default;
 
 /// The line height of input components.
 /// @group input
@@ -76,7 +70,6 @@ $kendo-input-lg-line-height: var( --kendo-line-height, normal) !default;
 
 /// The calculated height of the Input.
 /// @group input
-$kendo-input-calc-size: calc( ( #{$kendo-input-line-height} * 1em ) + ( #{$kendo-input-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
 $kendo-input-sm-calc-size: calc( ( #{$kendo-input-sm-line-height} * 1em ) + ( #{$kendo-input-sm-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
 $kendo-input-md-calc-size: calc( ( #{$kendo-input-md-line-height} * 1em ) + ( #{$kendo-input-md-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
 $kendo-input-lg-calc-size: calc( ( #{$kendo-input-lg-line-height} * 1em ) + ( #{$kendo-input-lg-padding-y} * 2 ) + ( #{$kendo-input-border-width * 2} ) ) !default;
@@ -270,9 +263,15 @@ $kendo-input-separator-text: k-color(border) !default;
 /// The text color of the Input prefix.
 /// @group input
 $kendo-input-prefix-text: k-color(subtle) !default;
+/// The background color of the Input prefix.
+/// @group input
+$kendo-input-prefix-bg: k-color(surface) !default;
 /// The text color of the Input suffix.
 /// @group input
 $kendo-input-suffix-text: k-color(subtle) !default;
+/// The background color of the Input suffix.
+/// @group input
+$kendo-input-suffix-bg: k-color(surface) !default;
 
 /// The border color of the invalid Input components.
 /// @group input
@@ -283,13 +282,13 @@ $kendo-input-invalid-shadow: 0 0 0 .25rem color-mix(in srgb, k-color(error) 25%,
 
 /// The background color of the Picker components.
 /// @group picker
-$kendo-picker-bg: $kendo-button-bg !default;
+$kendo-picker-bg: k-color(surface-alt) !default;
 /// The text color of the Picker components.
 /// @group picker
-$kendo-picker-text: $kendo-button-text !default;
+$kendo-picker-text: k-color(on-app-surface) !default;
 /// The border color of the Picker components.
 /// @group picker
-$kendo-picker-border: $kendo-button-border !default;
+$kendo-picker-border: k-color(border) !default;
 /// The gradient of the Picker components.
 /// @group picker
 $kendo-picker-gradient: $kendo-button-gradient !default;
@@ -299,13 +298,13 @@ $kendo-picker-shadow: $kendo-button-shadow !default;
 
 /// The background color of the hovered Picker components.
 /// @group picker
-$kendo-picker-hover-bg: $kendo-button-hover-bg !default;
+$kendo-picker-hover-bg: k-color(surface) !default;
 /// The text color of the hovered Picker components.
 /// @group picker
-$kendo-picker-hover-text: $kendo-button-hover-text !default;
+$kendo-picker-hover-text: null !default;
 /// The border color of the hovered Picker components.
 /// @group picker
-$kendo-picker-hover-border: $kendo-button-hover-border !default;
+$kendo-picker-hover-border: k-color(border-alt) !default;
 /// The gradient of the hovered Picker components.
 /// @group picker
 $kendo-picker-hover-gradient: $kendo-button-hover-gradient !default;
@@ -315,19 +314,19 @@ $kendo-picker-hover-shadow: $kendo-button-hover-shadow !default;
 
 /// The background color of the focused Picker components.
 /// @group picker
-$kendo-picker-focus-bg: $kendo-button-active-bg !default;
+$kendo-picker-focus-bg: null !default;
 /// The text color of the focused Picker components.
 /// @group picker
 $kendo-picker-focus-text: null !default;
 /// The border color of the focused Picker components.
 /// @group picker
-$kendo-picker-focus-border: k-color(base-active) !default;
+$kendo-picker-focus-border: $kendo-input-focus-border !default;
 /// The gradient of the focused Picker components.
 /// @group picker
 $kendo-picker-focus-gradient: null !default;
 /// The shadow of the focused Picker components.
 /// @group picker
-$kendo-picker-focus-shadow: $kendo-button-focus-shadow !default;
+$kendo-picker-focus-shadow: $kendo-input-focus-shadow !default;
 
 /// The background color of the disabled Picker components.
 /// @group picker
@@ -440,11 +439,9 @@ $kendo-use-input-spinner-icon-offset: false !default;
     $kendo-input-border-width: $kendo-input-border-width,
     $kendo-input-border-height: $kendo-input-border-height,
     $kendo-input-border-radius: $kendo-input-border-radius,
-    $kendo-input-padding-x: $kendo-input-padding-x,
     $kendo-input-sm-padding-x: $kendo-input-sm-padding-x,
     $kendo-input-md-padding-x: $kendo-input-md-padding-x,
     $kendo-input-lg-padding-x: $kendo-input-lg-padding-x,
-    $kendo-input-padding-y: $kendo-input-padding-y,
     $kendo-input-sm-padding-y: $kendo-input-sm-padding-y,
     $kendo-input-md-padding-y: $kendo-input-md-padding-y,
     $kendo-input-lg-padding-y: $kendo-input-lg-padding-y,
@@ -457,7 +454,6 @@ $kendo-use-input-spinner-icon-offset: false !default;
     $kendo-input-sm-line-height: $kendo-input-sm-line-height,
     $kendo-input-md-line-height: $kendo-input-md-line-height,
     $kendo-input-lg-line-height: $kendo-input-lg-line-height,
-    $kendo-input-calc-size: $kendo-input-calc-size,
     $kendo-input-sm-calc-size: $kendo-input-sm-calc-size,
     $kendo-input-md-calc-size: $kendo-input-md-calc-size,
     $kendo-input-lg-calc-size: $kendo-input-lg-calc-size,
@@ -511,7 +507,9 @@ $kendo-use-input-spinner-icon-offset: false !default;
     $kendo-input-spinner-icon-offset: $kendo-input-spinner-icon-offset,
     $kendo-input-separator-text: $kendo-input-separator-text,
     $kendo-input-prefix-text: $kendo-input-prefix-text,
+    $kendo-input-prefix-bg: $kendo-input-prefix-bg,
     $kendo-input-suffix-text: $kendo-input-suffix-text,
+    $kendo-input-suffix-bg: $kendo-input-suffix-bg,
     $kendo-input-invalid-border: $kendo-input-invalid-border,
     $kendo-input-invalid-shadow: $kendo-input-invalid-shadow,
     $kendo-picker-bg: $kendo-picker-bg,

package/scss/list/_variables.scss

@@ -23,14 +23,12 @@ $kendo-list-lg-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The horizontal padding of List header, if no size is set.
 /// @group list
-$kendo-list-header-padding-x: null !default;
 $kendo-list-sm-header-padding-x: k-spacing(4) !default;
 $kendo-list-md-header-padding-x: k-spacing(4) !default;
 $kendo-list-lg-header-padding-x: k-spacing(4) !default;
 
 /// The vertical padding of the List header, if no size is set.
 /// @group list
-$kendo-list-header-padding-y: null !default;
 $kendo-list-sm-header-padding-y: k-spacing(1) !default;
 $kendo-list-md-header-padding-y: k-spacing(1) !default;
 $kendo-list-lg-header-padding-y: k-spacing(2) !default;
@@ -57,35 +55,27 @@ $kendo-list-lg-header-line-height: null !default;
 /// @group list
 $kendo-list-header-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 
-/// The padding of the the List filter input.
-/// @group list
-$kendo-list-filter-padding: k-spacing(4) !default;
-
 /// The horizontal padding of the List filter, when no size is set.
 /// @group list
-$kendo-list-filter-padding-x: $kendo-list-filter-padding !default;
-$kendo-list-sm-filter-padding-x: $kendo-list-filter-padding !default;
-$kendo-list-md-filter-padding-x: $kendo-list-filter-padding !default;
-$kendo-list-lg-filter-padding-x: $kendo-list-filter-padding !default;
+$kendo-list-sm-filter-padding-x: k-spacing(4) !default;
+$kendo-list-md-filter-padding-x: k-spacing(4) !default;
+$kendo-list-lg-filter-padding-x: k-spacing(4) !default;
 
 /// The vertical padding of the List filter, when no size is set.
 /// @group list
-$kendo-list-filter-padding-y: $kendo-list-filter-padding !default;
-$kendo-list-sm-filter-padding-y: $kendo-list-filter-padding !default;
-$kendo-list-md-filter-padding-y: $kendo-list-filter-padding !default;
-$kendo-list-lg-filter-padding-y: $kendo-list-filter-padding !default;
+$kendo-list-sm-filter-padding-y: k-spacing(4) !default;
+$kendo-list-md-filter-padding-y: k-spacing(4) !default;
+$kendo-list-lg-filter-padding-y: k-spacing(4) !default;
 
 
 /// The horizontal padding of the List items, when no size is set.
 /// @group list
-$kendo-list-item-padding-x: null !default;
 $kendo-list-sm-item-padding-x: k-spacing(4) !default;
 $kendo-list-md-item-padding-x: k-spacing(4) !default;
 $kendo-list-lg-item-padding-x: k-spacing(4) !default;
 
 /// The vertical padding of the List items, when no size is set.
 /// @group list
-$kendo-list-item-padding-y: null !default;
 $kendo-list-sm-item-padding-y: k-spacing(1) !default;
 $kendo-list-md-item-padding-y: k-spacing(1) !default;
 $kendo-list-lg-item-padding-y: k-spacing(2) !default;
@@ -106,14 +96,12 @@ $kendo-list-lg-item-line-height: null !default;
 
 /// The horizontal padding of the List group items, when no size is set.
 /// @group list
-$kendo-list-group-item-padding-x: null !default;
 $kendo-list-sm-group-item-padding-x: k-spacing(4) !default;
 $kendo-list-md-group-item-padding-x: k-spacing(4) !default;
 $kendo-list-lg-group-item-padding-x: k-spacing(4) !default;
 
 /// The vertical padding of the List group items, when no size is set.
 /// @group list
-$kendo-list-group-item-padding-y: null !default;
 $kendo-list-sm-group-item-padding-y: k-spacing(0.5) !default;
 $kendo-list-md-group-item-padding-y: k-spacing(1) !default;
 $kendo-list-lg-group-item-padding-y: k-spacing(1.5) !default;
@@ -270,7 +258,7 @@ $kendo-list-item-text: null !default;
 
 /// The background color of the hovered List items.
 /// @group list
-$kendo-list-item-hover-bg: k-color(base-subtle-hover) !default;
+$kendo-list-item-hover-bg: k-color(surface) !default;
 /// The text color of the hovered List items.
 /// @group list
 $kendo-list-item-hover-text: k-color(on-app-surface) !default;
@@ -320,11 +308,9 @@ $kendo-list-option-label-text: k-color(subtle) !default;
     $kendo-list-sm-line-height: $kendo-list-sm-line-height,
     $kendo-list-md-line-height: $kendo-list-md-line-height,
     $kendo-list-lg-line-height: $kendo-list-lg-line-height,
-    $kendo-list-header-padding-x: $kendo-list-header-padding-x,
     $kendo-list-sm-header-padding-x: $kendo-list-sm-header-padding-x,
     $kendo-list-md-header-padding-x: $kendo-list-md-header-padding-x,
     $kendo-list-lg-header-padding-x: $kendo-list-lg-header-padding-x,
-    $kendo-list-header-padding-y: $kendo-list-header-padding-y,
     $kendo-list-sm-header-padding-y: $kendo-list-sm-header-padding-y,
     $kendo-list-md-header-padding-y: $kendo-list-md-header-padding-y,
     $kendo-list-lg-header-padding-y: $kendo-list-lg-header-padding-y,
@@ -338,12 +324,9 @@ $kendo-list-option-label-text: k-color(subtle) !default;
     $kendo-list-md-header-line-height: $kendo-list-md-header-line-height,
     $kendo-list-lg-header-line-height: $kendo-list-lg-header-line-height,
     $kendo-list-header-font-weight: $kendo-list-header-font-weight,
-    $kendo-list-filter-padding: $kendo-list-filter-padding,
-    $kendo-list-item-padding-x: $kendo-list-item-padding-x,
     $kendo-list-sm-item-padding-x: $kendo-list-sm-item-padding-x,
     $kendo-list-md-item-padding-x: $kendo-list-md-item-padding-x,
     $kendo-list-lg-item-padding-x: $kendo-list-lg-item-padding-x,
-    $kendo-list-item-padding-y: $kendo-list-item-padding-y,
     $kendo-list-sm-item-padding-y: $kendo-list-sm-item-padding-y,
     $kendo-list-md-item-padding-y: $kendo-list-md-item-padding-y,
     $kendo-list-lg-item-padding-y: $kendo-list-lg-item-padding-y,
@@ -355,11 +338,9 @@ $kendo-list-option-label-text: k-color(subtle) !default;
     $kendo-list-sm-item-line-height: $kendo-list-sm-item-line-height,
     $kendo-list-md-item-line-height: $kendo-list-md-item-line-height,
     $kendo-list-lg-item-line-height: $kendo-list-lg-item-line-height,
-    $kendo-list-group-item-padding-x: $kendo-list-group-item-padding-x,
     $kendo-list-sm-group-item-padding-x: $kendo-list-sm-group-item-padding-x,
     $kendo-list-md-group-item-padding-x: $kendo-list-md-group-item-padding-x,
     $kendo-list-lg-group-item-padding-x: $kendo-list-lg-group-item-padding-x,
-    $kendo-list-group-item-padding-y: $kendo-list-group-item-padding-y,
     $kendo-list-sm-group-item-padding-y: $kendo-list-sm-group-item-padding-y,
     $kendo-list-md-group-item-padding-y: $kendo-list-md-group-item-padding-y,
     $kendo-list-lg-group-item-padding-y: $kendo-list-lg-group-item-padding-y,
@@ -384,8 +365,6 @@ $kendo-list-option-label-text: k-color(subtle) !default;
     $kendo-list-sm-group-item-line-height: $kendo-list-sm-group-item-line-height,
     $kendo-list-md-group-item-line-height: $kendo-list-md-group-item-line-height,
     $kendo-list-lg-group-item-line-height: $kendo-list-lg-group-item-line-height,
-    $kendo-list-filter-padding-x: $kendo-list-filter-padding-x,
-    $kendo-list-filter-padding-y: $kendo-list-filter-padding-y,
     $kendo-list-sm-filter-padding-x: $kendo-list-sm-filter-padding-x,
     $kendo-list-sm-filter-padding-y: $kendo-list-sm-filter-padding-y,
     $kendo-list-md-filter-padding-x: $kendo-list-md-filter-padding-x,

package/scss/menu/_variables.scss

@@ -37,7 +37,7 @@ $kendo-menu-gradient: null !default;
 
 /// The horizontal padding of the Menu item.
 /// @group menu
-$kendo-menu-item-padding-x: k-spacing(2) !default;
+$kendo-menu-item-padding-x: k-spacing(4) !default;
 /// The vertical padding of the Menu item.
 /// @group menu
 $kendo-menu-item-padding-y: k-spacing(2) !default;
@@ -194,21 +194,18 @@ $kendo-menu-popup-gradient: null !default;
 
 /// The horizontal padding of the Menu item in popup.
 /// @group menu
-$kendo-menu-popup-item-padding-x: k-spacing(4) !default;
 $kendo-menu-popup-sm-item-padding-x: k-spacing(4) !default;
 $kendo-menu-popup-md-item-padding-x: k-spacing(4) !default;
 $kendo-menu-popup-lg-item-padding-x: k-spacing(4) !default;
 
 /// The vertical padding of the Menu item in popup.
 /// @group menu
-$kendo-menu-popup-item-padding-y: k-spacing(1) !default;
 $kendo-menu-popup-sm-item-padding-y: k-spacing(0.5) !default;
 $kendo-menu-popup-md-item-padding-y: k-spacing(1) !default;
 $kendo-menu-popup-lg-item-padding-y: k-spacing(1.5) !default;
 
 /// The end padding of the Menu item in popup.
 /// @group menu
-$kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
 $kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
 $kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
 $kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
@@ -330,15 +327,12 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
     $kendo-menu-popup-text: $kendo-menu-popup-text,
     $kendo-menu-popup-border: $kendo-menu-popup-border,
     $kendo-menu-popup-gradient: $kendo-menu-popup-gradient,
-    $kendo-menu-popup-item-padding-x: $kendo-menu-popup-item-padding-x,
     $kendo-menu-popup-sm-item-padding-x: $kendo-menu-popup-sm-item-padding-x,
     $kendo-menu-popup-md-item-padding-x: $kendo-menu-popup-md-item-padding-x,
     $kendo-menu-popup-lg-item-padding-x: $kendo-menu-popup-lg-item-padding-x,
-    $kendo-menu-popup-item-padding-y: $kendo-menu-popup-item-padding-y,
     $kendo-menu-popup-sm-item-padding-y: $kendo-menu-popup-sm-item-padding-y,
     $kendo-menu-popup-md-item-padding-y: $kendo-menu-popup-md-item-padding-y,
     $kendo-menu-popup-lg-item-padding-y: $kendo-menu-popup-lg-item-padding-y,
-    $kendo-menu-popup-item-padding-end: $kendo-menu-popup-item-padding-end,
     $kendo-menu-popup-sm-item-padding-end: $kendo-menu-popup-sm-item-padding-end,
     $kendo-menu-popup-md-item-padding-end: $kendo-menu-popup-md-item-padding-end,
     $kendo-menu-popup-lg-item-padding-end: $kendo-menu-popup-lg-item-padding-end,

package/scss/menu-button/_variables.scss

@@ -4,7 +4,7 @@
 
 /// The horizontal padding of the button arrow in the Menu Button.
 /// @group menu-button
-$kendo-menu-button-arrow-padding-x: $kendo-button-padding-y !default;
+$kendo-menu-button-arrow-padding-x: $kendo-button-md-padding-y !default;
 
 
 @forward "@progress/kendo-theme-core/scss/components/menu-button/_variables.scss" with (

package/scss/messagebox/_variables.scss

@@ -2,8 +2,8 @@
 
 // Message box
 $kendo-message-box-margin: 0 0 k-spacing(4) 0 !default;
-$kendo-message-box-padding-x: k-spacing(4) !default;
-$kendo-message-box-padding-y: k-spacing(2) !default;
+$kendo-message-box-padding-x: k-spacing(5) !default;
+$kendo-message-box-padding-y: k-spacing(5) !default;
 $kendo-message-box-border-width: 0 0 0 4px !default;
 
 $kendo-message-box-font-size: var( --kendo-font-size, inherit )  !default;

package/scss/notification/_variables.scss

@@ -26,10 +26,10 @@ $kendo-notification-border-radius: k-spacing(1.5) !default;
 $kendo-notification-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the Notification.
 /// @group notification
-$kendo-notification-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-notification-font-size: var( --kendo-font-size-md, inherit ) !default;
 /// The line height of the Notification.
 /// @group notification
-$kendo-notification-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-notification-line-height: var( --kendo-line-height-md, normal ) !default;
 /// The horizontal padding of the Notification actions.
 /// @group notification
 $kendo-notification-actions-padding-x: null !default;

package/scss/otp/_variables.scss

@@ -3,41 +3,32 @@
 
 // OTP
 
-/// The gap between the items in the OTP.
-/// @group one-time-password
-$kendo-otp-gap: k-spacing(1.5) !default;
 /// The gap between the items in the small OTP.
 /// @group one-time-password
 $kendo-otp-sm-gap: k-spacing(1) !default;
 /// The gap between the items in the medium OTP.
 /// @group one-time-password
-$kendo-otp-md-gap: $kendo-otp-gap !default;
+$kendo-otp-md-gap: k-spacing(1.5) !default;
 /// The gap between the items in the large OTP.
 /// @group one-time-password
 $kendo-otp-lg-gap: k-spacing(2) !default;
 
-/// The horizontal padding of the OTP separator.
-/// @group one-time-password
-$kendo-otp-separator-padding-x: $kendo-otp-gap !default;
 /// The horizontal padding of the small OTP separator.
 /// @group one-time-password
 $kendo-otp-sm-separator-padding-x: $kendo-otp-sm-gap !default;
 /// The horizontal padding of the medium OTP separator.
 /// @group one-time-password
-$kendo-otp-md-separator-padding-x: $kendo-otp-separator-padding-x !default;
+$kendo-otp-md-separator-padding-x: $kendo-otp-md-gap !default;
 /// The horizontal padding of the large OTP separator.
 /// @group one-time-password
 $kendo-otp-lg-separator-padding-x: $kendo-otp-lg-gap !default;
 
-/// The horizontal padding of the OTP separator.
-/// @group one-time-password
-$kendo-otp-input-width: $kendo-input-calc-size !default;
 /// The horizontal padding of the small OTP separator.
 /// @group one-time-password
 $kendo-otp-sm-input-width: $kendo-input-sm-calc-size !default;
 /// The horizontal padding of the medium OTP separator.
 /// @group one-time-password
-$kendo-otp-md-input-width: $kendo-otp-input-width !default;
+$kendo-otp-md-input-width: $kendo-input-md-calc-size !default;
 /// The horizontal padding of the large OTP separator.
 /// @group one-time-password
 $kendo-otp-lg-input-width: $kendo-input-lg-calc-size !default;
@@ -61,15 +52,12 @@ $kendo-otp-sizes: (
 ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/otp/_variables.scss" with (
-    $kendo-otp-gap: $kendo-otp-gap,
     $kendo-otp-sm-gap: $kendo-otp-sm-gap,
     $kendo-otp-md-gap: $kendo-otp-md-gap,
     $kendo-otp-lg-gap: $kendo-otp-lg-gap,
-    $kendo-otp-separator-padding-x: $kendo-otp-separator-padding-x,
     $kendo-otp-sm-separator-padding-x: $kendo-otp-sm-separator-padding-x,
     $kendo-otp-md-separator-padding-x: $kendo-otp-md-separator-padding-x,
     $kendo-otp-lg-separator-padding-x: $kendo-otp-lg-separator-padding-x,
-    $kendo-otp-input-width: $kendo-otp-input-width,
     $kendo-otp-sm-input-width: $kendo-otp-sm-input-width,
     $kendo-otp-md-input-width: $kendo-otp-md-input-width,
     $kendo-otp-lg-input-width: $kendo-otp-lg-input-width,

package/scss/pager/_variables.scss

@@ -4,9 +4,6 @@
 
 // Pager
 
-/// The horizontal padding of the Pager.
-/// @group pager
-$kendo-pager-padding-x: k-spacing(2) !default;
 /// The horizontal padding of the small Pager.
 /// @group pager
 $kendo-pager-sm-padding-x: k-spacing(1) !default;
@@ -137,7 +134,6 @@ $kendo-pager-sizes: (
 
 
 @forward "@progress/kendo-theme-core/scss/components/pager/_variables.scss" with (
-    $kendo-pager-padding-x: $kendo-pager-padding-x,
     $kendo-pager-sm-padding-x: $kendo-pager-sm-padding-x,
     $kendo-pager-md-padding-x: $kendo-pager-md-padding-x,
     $kendo-pager-lg-padding-x: $kendo-pager-lg-padding-x,

package/scss/panelbar/_layout.scss

@@ -3,4 +3,8 @@
 
 @mixin kendo-panelbar--layout() {
     @include kendo-panelbar--layout-base();
+
+    .k-panelbar > .k-panelbar-header > .k-link {
+        line-height: var(--kendo-line-height-sm, normal);
+    }
 }

package/scss/panelbar/_variables.scss

@@ -28,14 +28,14 @@ $kendo-panelbar-item-border-style: solid !default;
 
 /// The horizontal padding of the PanelBar header.
 /// @group panelbar
-$kendo-panelbar-header-padding-x: k-spacing(6) !default;
+$kendo-panelbar-header-padding-x: k-spacing(5) !default;
 /// The vertical padding of the PanelBar header.
 /// @group panelbar
 $kendo-panelbar-header-padding-y: k-spacing(4) !default;
 
 /// The horizontal padding of the PanelBar items.
 /// @group panelbar
-$kendo-panelbar-item-padding-x: k-spacing(6) !default;
+$kendo-panelbar-item-padding-x: k-spacing(5) !default;
 /// The vertical padding of the PanelBar items.
 /// @group panelbar
 $kendo-panelbar-item-padding-y: k-spacing(3) !default;
@@ -111,10 +111,10 @@ $kendo-panelbar-header-hover-focus-gradient: null !default;
 
 /// The background color of the selected PanelBar header.
 /// @group panelbar
-$kendo-panelbar-header-selected-bg: k-color(primary) !default;
+$kendo-panelbar-header-selected-bg: k-color(primary-subtle) !default;
 /// The text color of the selected PanelBar header.
 /// @group panelbar
-$kendo-panelbar-header-selected-text: k-color(on-primary) !default;
+$kendo-panelbar-header-selected-text: k-color(primary-on-subtle) !default;
 /// The border color of the selected PanelBar header.
 /// @group panelbar
 $kendo-panelbar-header-selected-border: null !default;
@@ -124,7 +124,7 @@ $kendo-panelbar-header-selected-gradient: null !default;
 
 /// The background color of the selected and hovered PanelBar header.
 /// @group panelbar
-$kendo-panelbar-header-selected-hover-bg: k-color(primary-hover) !default;
+$kendo-panelbar-header-selected-hover-bg: k-color(primary-subtle-hover) !default;
 /// The text color of the selected and hovered PanelBar header.
 /// @group panelbar
 $kendo-panelbar-header-selected-hover-text: null !default;
@@ -205,10 +205,10 @@ $kendo-panelbar-item-hover-focus-gradient: null !default;
 
 /// The background color of the selected PanelBar items.
 /// @group panelbar
-$kendo-panelbar-item-selected-bg: k-color(primary) !default;
+$kendo-panelbar-item-selected-bg: k-color(primary-subtle) !default;
 /// The text color of the selected PanelBar items.
 /// @group panelbar
-$kendo-panelbar-item-selected-text: k-color(on-primary) !default;
+$kendo-panelbar-item-selected-text: k-color(primary-on-subtle) !default;
 /// The border color of the selected PanelBar items.
 /// @group panelbar
 $kendo-panelbar-item-selected-border: null !default;
@@ -218,7 +218,7 @@ $kendo-panelbar-item-selected-gradient: null !default;
 
 /// The background color of the selected and hovered PanelBar items.
 /// @group panelbar
-$kendo-panelbar-item-selected-hover-bg: k-color(primary-hover) !default;
+$kendo-panelbar-item-selected-hover-bg: k-color(primary-subtle-hover) !default;
 /// The text color of the selected and hovered PanelBar items.
 /// @group panelbar
 $kendo-panelbar-item-selected-hover-text: null !default;

package/scss/popover/_variables.scss

@@ -11,7 +11,7 @@ $kendo-popover-border-width: $kendo-card-border-width !default;
 $kendo-popover-border-style: solid !default;
 /// The radius of the border around the Popover.
 /// @group popover
-$kendo-popover-border-radius: $kendo-card-border-radius !default;
+$kendo-popover-border-radius: var( --kendo-border-radius-lg, 0 ) !default;
 /// The font family of the Popover.
 /// @group popover
 $kendo-popover-font-family: $kendo-card-font-family !default;
@@ -20,7 +20,7 @@ $kendo-popover-font-family: $kendo-card-font-family !default;
 $kendo-popover-font-size: $kendo-card-font-size !default;
 /// The line height of the Popover.
 /// @group popover
-$kendo-popover-line-height: $kendo-card-line-height !default;
+$kendo-popover-line-height: var( --kendo-line-height-sm, normal ) !default;
 
 /// The text color of the Popover.
 /// @group popover
@@ -62,7 +62,7 @@ $kendo-popover-header-border: inherit !default;
 $kendo-popover-body-padding-x: $kendo-card-body-padding-x !default;
 /// The vertical padding of the Popover body.
 /// @group popover
-$kendo-popover-body-padding-y: $kendo-card-body-padding-y !default;
+$kendo-popover-body-padding-y: k-spacing(2) !default;
 
 /// The border width of the Popover actions.
 /// @group popover

package/scss/radio/_variables.scss

@@ -158,7 +158,7 @@ $kendo-radio-disabled-checked-image: null !default;
 
 /// The horizontal margin of the RadioButton inside of a label.
 /// @group radio
-$kendo-radio-label-margin-x: k-spacing(1) !default;
+$kendo-radio-label-margin-x: k-spacing(2) !default;
 
 
 // Radio list
@@ -171,7 +171,7 @@ $kendo-radio-list-spacing: k-spacing(4) !default;
 $kendo-radio-list-item-padding-x: k-spacing(0) !default;
 /// The vertical list item padding of the RadioButton.
 /// @group radio
-$kendo-radio-list-item-padding-y: $kendo-list-md-item-padding-y !default;
+$kendo-radio-list-item-padding-y: k-spacing(0.5) !default;
 
 
 // Radio ripple

package/scss/signature/_variables.scss

@@ -10,21 +10,18 @@ $kendo-signature-lg-min-height: 110px !default;
 $kendo-signature-maximized-width: 750px !default;
 $kendo-signature-maximized-height: 252px !default;
 
-$kendo-signature-padding-x: k-spacing(3) !default;
 $kendo-signature-sm-padding-x: k-spacing(2) !default;
-$kendo-signature-md-padding-x: $kendo-signature-padding-x !default;
+$kendo-signature-md-padding-x: k-spacing(3) !default;
 $kendo-signature-lg-padding-x: k-spacing(4) !default;
 
-$kendo-signature-padding-y: k-spacing(1) !default;
 $kendo-signature-sm-padding-y: k-spacing(0.5) !default;
-$kendo-signature-md-padding-y: $kendo-signature-padding-y !default;
+$kendo-signature-md-padding-y: k-spacing(1) !default;
 $kendo-signature-lg-padding-y: k-spacing(2) !default;
 
 $kendo-signature-line-width: 1px !default;
 $kendo-signature-line-style: dashed !default;
 $kendo-signature-line-color: color-mix(in srgb, k-color(info) 24%, transparent) !default;
 
-$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;
 $kendo-signature-sm-line-size: calc( 100% - 2 * #{$kendo-signature-sm-padding-x} ) !default;
 $kendo-signature-md-line-size: calc( 100% - 2 * #{$kendo-signature-md-padding-x} ) !default;
 $kendo-signature-lg-line-size: calc( 100% - 2 * #{$kendo-signature-lg-padding-x} ) !default;
@@ -59,18 +56,15 @@ $kendo-signature-maximized-line-width: 3px !default;
     $kendo-signature-lg-min-height: $kendo-signature-lg-min-height,
     $kendo-signature-maximized-width: $kendo-signature-maximized-width,
     $kendo-signature-maximized-height: $kendo-signature-maximized-height,
-    $kendo-signature-padding-x: $kendo-signature-padding-x,
     $kendo-signature-sm-padding-x: $kendo-signature-sm-padding-x,
     $kendo-signature-md-padding-x: $kendo-signature-md-padding-x,
     $kendo-signature-lg-padding-x: $kendo-signature-lg-padding-x,
-    $kendo-signature-padding-y: $kendo-signature-padding-y,
     $kendo-signature-sm-padding-y: $kendo-signature-sm-padding-y,
     $kendo-signature-md-padding-y: $kendo-signature-md-padding-y,
     $kendo-signature-lg-padding-y: $kendo-signature-lg-padding-y,
     $kendo-signature-line-width: $kendo-signature-line-width,
     $kendo-signature-line-style: $kendo-signature-line-style,
     $kendo-signature-line-color: $kendo-signature-line-color,
-    $kendo-signature-line-size: $kendo-signature-line-size,
     $kendo-signature-sm-line-size: $kendo-signature-sm-line-size,
     $kendo-signature-md-line-size: $kendo-signature-md-line-size,
     $kendo-signature-lg-line-size: $kendo-signature-lg-line-size,

package/scss/skeleton/_variables.scss

@@ -19,7 +19,7 @@ $kendo-skeleton-circle-border-radius: 9999px !default;
 
 /// The background color of the Skeleton item.
 /// @group skeleton
-$kendo-skeleton-item-bg: color-mix(in srgb, k-color(on-app-surface) 20%, transparent) !default;
+$kendo-skeleton-item-bg: color-mix(in srgb, k-color(on-app-surface) 50%, transparent) !default;
 /// The background color of the Skeleton wave animation.
 /// @group skeleton
 $kendo-skeleton-wave-bg: rgba( black, .04 ) !default;

package/scss/slider/_variables.scss

@@ -29,10 +29,10 @@ $kendo-slider-button-size: ($kendo-slider-alt-size - 2) !default;
 
 /// The thickness of the Slider track.
 /// @group slider
-$kendo-slider-track-thickness: 4px !default;
+$kendo-slider-track-thickness: k-spacing(2) !default;
 /// The size of the Slider drag handle.
 /// @group slider
-$kendo-slider-draghandle-size: 14px !default;
+$kendo-slider-draghandle-size: 16px !default;
 /// The border width of the Slider drag handle.
 /// @group slider
 $kendo-slider-draghandle-border-width: 1px !default;

package/scss/split-button/_variables.scss

@@ -8,7 +8,7 @@ $kendo-split-button-focus-shadow: $kendo-button-focus-shadow !default;
 
 /// The horizontal padding of the arrow Button.
 /// @group split-button
-$kendo-split-button-arrow-padding-x: $kendo-button-padding-y !default;
+$kendo-split-button-arrow-padding-x: $kendo-button-md-padding-y !default;
 /// The horizontal padding of the small arrow Button.
 /// @group split-button
 $kendo-split-button-sm-arrow-padding-x: $kendo-button-sm-padding-y !default;
@@ -21,7 +21,7 @@ $kendo-split-button-lg-arrow-padding-x: $kendo-button-lg-padding-y !default;
 
 /// The vertical padding of the arrow Button.
 /// @group split-button
-$kendo-split-button-arrow-padding-y: $kendo-button-padding-y !default;
+$kendo-split-button-arrow-padding-y: $kendo-button-md-padding-y !default;
 /// The vertical padding of the small arrow Button.
 /// @group split-button
 $kendo-split-button-sm-arrow-padding-y: $kendo-button-sm-padding-y !default;

package/scss/spreadsheet/_variables.scss

@@ -78,10 +78,10 @@ $kendo-spreadsheet-formula-bar-gap: k-spacing(2) !default;
 
 /// The horizontal padding of the Spreadsheet formula input.
 /// @group spreadsheet
-$kendo-spreadsheet-formula-input-padding-x: $kendo-input-padding-x !default;
+$kendo-spreadsheet-formula-input-padding-x: $kendo-input-md-padding-x !default;
 /// The vertical padding of the Spreadsheet formula input.
 /// @group spreadsheet
-$kendo-spreadsheet-formula-input-padding-y: $kendo-input-padding-y !default;
+$kendo-spreadsheet-formula-input-padding-y: $kendo-input-md-padding-y !default;
 /// The line height of the Spreadsheet formula input.
 /// @group spreadsheet
 $kendo-spreadsheet-formula-input-line-height: $kendo-input-line-height !default;