@progress/kendo-theme-fluent 5.12.1-dev.0 → 5.12.1-dev.2

package/scss/notification/_layout.scss

@@ -1,6 +1,5 @@
-@use "_variables.scss" as *;
-@use "../core/mixins" as *;
-@use "../core/color-system" as *;
+@use "./_variables.scss" as *;
+@use "../core/" as *;
 
 @mixin kendo-notification--layout() {
 
@@ -37,38 +36,38 @@
         line-height: var( --kendo-notification-line-height, #{$kendo-notification-line-height} );
         cursor: default;
         position: relative;
-        display: block;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: var( --kendo-notification-icon-spacing, #{$kendo-notification-icon-spacing} );
         -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
+        -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
 
         *,
         *::before,
         *::after {
             box-sizing: border-box;
         }
+
+        > .k-notification-content {
+            flex: 1 1 auto;
+        }
     }
 
-    .k-notification-wrap {
+    .k-notification-actions {
+        flex: none;
         display: flex;
+        gap: var( --kendo-notification-icon-spacing, #{$kendo-notification-icon-spacing} );
         flex-flow: row nowrap;
-
-        >.k-icon {
-            margin-inline-end: var( --kendo-notification-icon-spacing, #{$kendo-notification-icon-spacing} );
-            align-self: center;
-            flex: none;
-        }
-
-        >.k-i-close,
-        >.k-i-x {
-            margin-inline-end: 0;
-            margin-inline-start: var( --kendo-notification-close-icon-spacing, #{$kendo-notification-close-icon-spacing} );
-            flex: none;
-            cursor: pointer;
-        }
-
-        >.k-notification-content {
-            flex: 1 1 auto;
-        }
+        align-items: center;
+        cursor: pointer;
+    }
+    .k-notification-action {
+        flex: none;
+        display: flex;
+        flex-flow: row nowrap;
+        align-items: center;
+        align-self: center;
     }
 
 }

package/scss/notification/_theme.scss

@@ -1,5 +1,6 @@
-@use "../core/color-system" as *;
-@use "_variables.scss" as *;
+@use "sass:map";
+@use "../core/" as *;
+@use "./_variables.scss" as *;
 
 @mixin kendo-notification--theme() {
 
@@ -16,24 +17,11 @@
         box-shadow: var( --INTERNAL--kendo-notification-box-shadow, none );
     }
 
-    .k-notification-wrap {
-        >.k-icon {
-            --INTERNAL--kendo-notification-icon-text: var( --kendo-notification-icon-text, #{$kendo-notification-icon-text} );
-
-            color: var( --INTERNAL--kendo-notification-icon-text, initial );
-        }
-
-        >.k-i-close,
-        >.k-i-x {
-            color: inherit;
-        }
-    }
-
     @each $theme-color, $color-props in $kendo-notification-theme-colors {
         $_text: inherit;
-        $_bg: map-get( $color-props, bg );
-        $_border: map-get( $color-props, border );
-        $_icon: map-get( $color-props, text );
+        $_bg: map.get( $color-props, bg );
+        $_border: map.get( $color-props, border );
+        $_icon: map.get( $color-props, text );
 
         .k-notification-#{$theme-color} {
             --kendo-notification-text: var( --kendo-notification-#{$theme-color}-text, #{$_text} );

package/scss/notification/_variables.scss

@@ -1,23 +1,22 @@
 @use "sass:map";
-@use "../core/color-system" as *;
-@use "../core/_variables.scss" as *;
+@use "../core/" as *;
 
 /// Vertical padding of the notification container.
 /// @group notification
-$kendo-notification-container-padding-y: $kendo-padding-y-sm !default;
+$kendo-notification-container-padding-y: $kendo-padding-sm-y !default;
 
 /// Horizontal padding of the notification.
 /// @group notification
-$kendo-notification-padding-x: map-get( $kendo-spacing, 3 ) !default;
+$kendo-notification-padding-x: map.get( $kendo-spacing, 3 ) !default;
 /// Vertical padding of the notification.
 /// @group notification
-$kendo-notification-padding-y: map-get( $kendo-spacing, 2 ) !default;
+$kendo-notification-padding-y: map.get( $kendo-spacing, 2 ) !default;
 // Width of the border around the notification.
 /// @group notification
-$kendo-notification-border-width: map-get( $kendo-spacing, hair ) !default;
+$kendo-notification-border-width: 1px !default;
 /// Border radius of the notification.
 /// @group notification
-$kendo-notification-border-radius: map-get( $kendo-spacing, thin ) !default;
+$kendo-notification-border-radius: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
 /// Font family of the notification.
 /// @group notification
 $kendo-notification-font-family: var( --kendo-font-family, inherit ) !default;
@@ -42,10 +41,10 @@ $kendo-notification-box-shadow: none !default;
 
 /// Horizontal spacing of the notification icon.
 /// @group notification
-$kendo-notification-icon-spacing: map-get( $kendo-spacing, 2 ) !default;
+$kendo-notification-icon-spacing: map.get( $kendo-spacing, 2 ) !default;
 /// Horizontal spacing of the notification close icon.
 /// @group notification
-$kendo-notification-close-icon-spacing: map-get( $kendo-spacing, 4 ) !default;
+$kendo-notification-close-icon-spacing: map.get( $kendo-spacing, 4 ) !default;
 /// Color of the notification icon.
 /// @group notification
 $kendo-notification-icon-text: var( --kendo-component-text, inherit ) !default;
@@ -59,23 +58,23 @@ $kendo-notification-brand-colors: (
     info: info,
     secondary: neutral,
     tertiary: tertiary,
-);
+) !default;
 
 // Matrix with notification theme colors in the order: bg, color, border
 $_tc-notification-matrix: (
     (normal: (20, 190, 20)),
-);
+) !default;
 
 $_tc-notification-dark-matrix: (
-    (normal: (160, $white, 160)),
-);
+    (normal: (160, $kendo-color-white, 160)),
+) !default;
 
 $_tc-notification-light-matrix: (
     (normal: (50, 160, 50)),
-);
+) !default;
 
 /// Theme colors map for the notification variations.
-$kendo-notification-theme-colors: ();
+$kendo-notification-theme-colors: () !default;
 
 @each $ui-states in $_tc-notification-matrix {
     @each $brand-color, $palette in $kendo-notification-brand-colors {

package/scss/notification/index.scss

@@ -9,9 +9,9 @@ $_kendo-module-meta: (
 
 
 // Component
-@forward "_variables.scss";
-@use "_layout.scss" as *;
-@use "_theme.scss" as *;
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Register
 @use "../core/module-system/" as module;

package/scss/numerictextbox/index.scss

@@ -10,9 +10,9 @@ $_kendo-module-meta: (
 );
 
 // Component
-@forward "_variables.scss";
-@use "_layout.scss" as *;
-@use "_theme.scss" as *;
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Register
 @use "../core/module-system/" as module;

package/scss/orgchart/_layout.scss

@@ -1,4 +1,4 @@
-@use "_variables.scss" as *;
+@use "./_variables.scss" as *;
 
 @mixin kendo-orgchart--layout() {
 

package/scss/orgchart/_theme.scss

@@ -1,5 +1,5 @@
-@use "../core/mixins" as *;
-@use "_variables.scss" as *;
+@use "../core/" as *;
+@use "./_variables.scss" as *;
 
 @mixin kendo-orgchart--theme() {
 

package/scss/orgchart/_variables.scss

@@ -1,10 +1,10 @@
-@use "../core/color-system" as *;
-@use "../core/_variables.scss" as *;
+@use "sass:map";
+@use "../core/" as *;
 @use "../card/_variables.scss" as *;
 
 /// Spacing index of the orgchart.
 /// @group orgchart
-$kendo-orgchart-spacer: map-get( $kendo-spacing, 6) !default;
+$kendo-orgchart-spacer: map.get( $kendo-spacing, 6) !default;
 /// Vertical padding of the orgchart.
 /// @group orgchart
 $kendo-orgchart-padding-y: $kendo-orgchart-spacer !default;
@@ -80,7 +80,7 @@ $kendo-orgchart-node-group-title-line-height: var( --kendo-line-height-md, norma
 
 /// Vertical margin of the orgchart node group subtitle.
 /// @group orgchart
-$kendo-orgchart-node-group-subtitle-margin-y: $kendo-orgchart-spacer - map-get( $kendo-spacing, 1 ) !default;
+$kendo-orgchart-node-group-subtitle-margin-y: $kendo-orgchart-spacer - map.get( $kendo-spacing, 1 ) !default;
 /// Font size of the orgchart node group subtitle.
 /// @group orgchart
 $kendo-orgchart-node-group-subtitle-font-size: var( --kendo-font-size, inherit ) !default;
@@ -123,7 +123,7 @@ $kendo-orgchart-card-subtitle-line-height: var( --kendo-line-height-md, inherit
 
 /// Vertical padding of the orgchart card body.
 /// @group orgchart
-$kendo-orgchart-card-body-padding-y: $kendo-orgchart-spacer - map-get( $kendo-spacing, 2 ) !default;
+$kendo-orgchart-card-body-padding-y: $kendo-orgchart-spacer - map.get( $kendo-spacing, 2 ) !default;
 /// Horizontal padding of the orgchart card body.
 /// @group orgchart
 $kendo-orgchart-card-body-padding-x: $kendo-orgchart-card-body-padding-y !default;
@@ -136,7 +136,7 @@ $kendo-orgchart-card-body-border-color: transparent !default;
 
 /// Horizontal margin of the orgchart card body title wrap.
 /// @group orgchart
-$kendo-orgchart-card-body-vbox-margin-x: $kendo-orgchart-spacer - map-get( $kendo-spacing, 2 ) !default;
+$kendo-orgchart-card-body-vbox-margin-x: $kendo-orgchart-spacer - map.get( $kendo-spacing, 2 ) !default;
 /// Min height of the orgchart card body title wrap.
 /// @group orgchart
 $kendo-orgchart-card-body-vbox-min-height: $kendo-card-avatar-size !default;

package/scss/orgchart/index.scss

@@ -17,9 +17,9 @@ $_kendo-module-meta: (
 
 
 // Component
-@forward "_variables.scss";
-@use "_layout.scss" as *;
-@use "_theme.scss" as *;
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Register
 @use "../core/module-system/" as module;

package/scss/overlay/_layout.scss

@@ -1,4 +1,4 @@
-@use "_variables.scss" as *;
+@use "./_variables.scss" as *;
 
 @mixin kendo-overlay--layout() {
 

package/scss/overlay/_theme.scss

@@ -1,4 +1,4 @@
-@use "_variables.scss" as *;
+@use "./_variables.scss" as *;
 
 @mixin kendo-overlay--theme() {
 

package/scss/overlay/_variables.scss

@@ -1,4 +1,4 @@
-@use "../core/color-system" as *;
+@use "../core/" as *;
 
 /// Opacity of the overlay.
 /// @group overlay
@@ -6,7 +6,7 @@ $kendo-overlay-opacity: .4 !default;
 
 /// Background color of the dark overlay.
 /// @group overlay
-$kendo-overlay-dark: $black !default;
+$kendo-overlay-dark: $kendo-color-black !default;
 /// Background color of the light overlay.
 /// @group overlay
-$kendo-overlay-light: $white !default;
+$kendo-overlay-light: $kendo-color-white !default;

package/scss/overlay/index.scss

@@ -6,9 +6,9 @@ $_kendo-module-meta: (
 
 
 // Component
-@forward "_variables.scss";
-@use "_layout.scss" as *;
-@use "_theme.scss" as *;
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Register
 @use "../core/module-system/" as module;

package/scss/pager/_layout.scss

@@ -1,14 +1,13 @@
-@use "../core/mixins" as *;
-@use "../core/color-system" as *;
+@use "sass:map";
+@use "../core/" as *;
 @use "../button/_variables.scss" as *;
-@use "_variables.scss" as *;
+@use "./_variables.scss" as *;
 
 @mixin kendo-pager--layout() {
 
-    .k-pager-wrap,
     .k-pager {
-        padding-inline: var( --kendo-pager-padding-x, #{$kendo-pager-padding-x} );
-        padding-block: var( --kendo-pager-padding-y, #{$kendo-pager-padding-y} );
+        padding-inline: var( --INTERNAL--kendo-pager-padding-x, 0 );
+        padding-block: var( --INTERNAL--kendo-pager-padding-y, 0 );
         border-width: var( --kendo-pager-border-width, #{$kendo-pager-border-width} );
         border-style: solid;
         box-sizing: border-box;
@@ -19,12 +18,13 @@
         white-space: nowrap;
         display: flex;
         align-items: center;
+        gap: var( --INTERNAL--kendo-pager-spacing, 0 );
         position: relative;
         overflow: hidden;
         cursor: default;
         flex: 0 0 auto;
         -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
+        -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
 
         *,
         *::before,
@@ -32,19 +32,6 @@
             box-sizing: border-box;
         }
 
-        .k-link {
-            text-decoration: none;
-            outline: 0;
-            font: inherit;
-            background-color: inherit;
-
-            // Focused state
-            &:focus,
-            &.k-focus {
-                z-index: 3;
-            }
-        }
-
         .k-rtl &,
         &[dir="rtl"],
         [dir="rtl"] & {
@@ -69,10 +56,6 @@
 
     // Base pager section
     %base-pager-section {
-        @if ($kendo-pager-section-spacing) {
-            margin-inline-start: var( --kendo-pager-section-spacing, #{$kendo-pager-section-spacing} );
-            margin-inline-end: var( --kendo-pager-section-spacing, #{$kendo-pager-section-spacing} );
-        }
         display: flex;
         flex-direction: row;
         align-items: center;
@@ -81,8 +64,6 @@
 
     // Base pager item
     %base-pager-item {
-        min-width: var( --kendo-button-calc-size, #{$kendo-button-calc-size} );
-        height: var( --kendo-button-calc-size, #{$kendo-button-calc-size} );
         color: inherit;
         text-align: center;
         display: inline-flex;
@@ -100,10 +81,6 @@
     .k-pager-nav {
         @extend %base-pager-item;
         @include border-radius( var( --kendo-pager-item-border-radius, #{$kendo-pager-item-border-radius} ) );
-        padding-inline: var( --kendo-pager-item-padding-x, #{$kendo-pager-item-padding-x} );
-        padding-block: var( --kendo-pager-item-padding-y, #{$kendo-pager-item-padding-y} );
-        border-width: var( --kendo-pager-item-border-width, #{$kendo-pager-item-border-width} );
-        border-style: solid;
     }
 
 
@@ -119,40 +96,29 @@
         }
     }
     .k-pager-numbers {
-        margin: 0;
-        padding: 0;
-        list-style: none;
         display: flex;
         flex-direction: row;
 
-        li {
-            display: inline-flex;
-        }
-
-        // Links
-        .k-link {
-            @extend %base-pager-item;
-            @include border-radius( var( --kendo-pager-number-border-radius, #{$kendo-pager-number-border-radius} ) );
-            padding-inline: var( --kendo-pager-number-padding-x, #{$kendo-pager-number-padding-x} );
-            padding-block: var( --kendo-pager-number-padding-y, #{$kendo-pager-number-padding-y} );
-            border-width: var( --kendo-pager-number-border-width, #{$kendo-pager-number-border-width} );
-            border-style: solid;
-            font-weight: var( --kendo-pager-number-font-weight, #{$kendo-pager-number-font-weight} );
-        }
-
         // Selected state
         .k-selected {
             cursor: inherit;
             z-index: 2;
         }
+
+        .k-button {
+            --INTERNAL--kendo-button-padding-x: var( --INTERNAL--kendo-button-padding-y );
+
+            .k-button-text {
+                min-width: calc( var( --kendo-line-height ) * 1em );
+            }
+        }
     }
 
 
     // Spacing between items
     .k-pager-nav + .k-pager-nav,
     .k-pager-nav + .k-pager-numbers-wrap,
-    .k-pager-numbers-wrap + .k-pager-nav,
-    .k-pager-numbers > li + li {
+    .k-pager-numbers-wrap + .k-pager-nav {
         @if ($kendo-pager-item-spacing) {
             margin-inline-start: var( --kendo-pager-item-spacing, #{$kendo-pager-item-spacing} );
         }
@@ -206,35 +172,46 @@
     }
 
     // Responsive
-    .k-pager-sm {
+    .k-pager-mobile-sm {
         overflow: visible;
 
         // Show native select
         .k-pager-numbers-wrap {
             select.k-dropdown-list {
+                @extend %base-pager-section;
+                @if ($kendo-pager-section-spacing) {
+                    margin-left: $kendo-pager-section-spacing;
+                    margin-right: $kendo-pager-section-spacing;
+                }
                 width: var( --kendo-pager-dropdown-width, #{$kendo-pager-dropdown-width} );
-                display: flex;
-            }
-        }
-
-        .k-pager-numbers-wrap {
-            @if ($kendo-pager-section-spacing) {
-                margin-inline-start: var( --kendo-pager-section-spacing, #{$kendo-pager-section-spacing} );
-                margin-inline-end: var( --kendo-pager-section-spacing, #{$kendo-pager-section-spacing} );
             }
-
-            height: var( --kendo-button-calc-size, #{$kendo-button-calc-size} );
-            border-color: inherit;
         }
-
     }
 
     // Hide components
-    .k-pager-md .k-pager-info,
-    .k-pager-sm .k-pager-info,
-    .k-pager-sm .k-pager-sizes,
-    .k-pager-sm .k-pager-numbers {
+    .k-pager-mobile-md .k-pager-info,
+    .k-pager-mobile-sm .k-pager-info,
+    .k-pager-mobile-sm .k-pager-sizes,
+    .k-pager-mobile-sm .k-pager-numbers {
         display: none;
     }
 
+    // Pager sizes
+    @each $size, $size-props in $kendo-pager-sizes {
+        $_padding-x: map.get($size-props, padding-x);
+        $_padding-y: map.get($size-props, padding-y);
+        $_item-group-spacing: map.get($size-props, item-group-spacing);
+
+        .k-pager-#{$size} {
+            --INTERNAL--kendo-pager-padding-x: var( --kendo-pager-#{$size}-padding-x, #{$_padding-x} );
+            --INTERNAL--kendo-pager-padding-y: var( --kendo-pager-#{$size}-padding-y, #{$_padding-y} );
+            --INTERNAL--kendo-pager-spacing: var( --kendo-pager-#{$size}-spacing, #{$_item-group-spacing} );
+
+            .k-pager-input {
+                margin-inline-start: var( --kendo-pager-input-margin-start, #{$_item-group-spacing} );
+                margin-inline-end: var( --kendo-pager-input-margin-end, #{$_item-group-spacing} );
+            }
+        }
+    }
+
 }

package/scss/pager/_theme.scss

@@ -1,9 +1,8 @@
-@use "../core/mixins" as *;
-@use "_variables.scss" as *;
+@use "../core/" as *;
+@use "./_variables.scss" as *;
 
 @mixin kendo-pager--theme() {
 
-    .k-pager-wrap,
     .k-pager {
         --INTERNAL--kendo-pager-text: var( --kendo-pager-text, #{$kendo-pager-text} );
         --INTERNAL--kendo-pager-bg: var( --kendo-pager-bg, #{$kendo-pager-bg} );
@@ -23,93 +22,6 @@
         }
     }
 
-
-    %base-pager-item-theme {
-        --INTERNAL--kendo-pager-item-text: var( --kendo-pager-item-text, #{$kendo-pager-item-text} );
-        --INTERNAL--kendo-pager-item-bg: var( --kendo-pager-item-bg, #{$kendo-pager-item-bg} );
-        --INTERNAL--kendo-pager-item-border: var( --kendo-pager-item-border, #{$kendo-pager-item-border} );
-
-        @include fill(
-            var( --INTERNAL--kendo-pager-item-text, inherit ),
-            var( --INTERNAL--kendo-pager-item-bg, transparent ),
-            var( --INTERNAL--kendo-pager-item-border, inherit )
-        );
-
-        &:hover,
-        &.k-hover {
-            --INTERNAL--kendo-pager-item-text: var( --kendo-pager-item-hover-text, #{$kendo-pager-item-hover-text} );
-            --INTERNAL--kendo-pager-item-bg: var( --kendo-pager-item-hover-bg, #{$kendo-pager-item-hover-bg} );
-            --INTERNAL--kendo-pager-item-border: var( --kendo-pager-item-hover-border, #{$kendo-pager-item-hover-border} );
-        }
-
-        &.k-selected {
-            --INTERNAL--kendo-pager-item-text: var( --kendo-pager-item-selected-text, #{$kendo-pager-item-selected-text} );
-            --INTERNAL--kendo-pager-item-bg: var( --kendo-pager-item-selected-bg, #{$kendo-pager-item-selected-bg} );
-            --INTERNAL--kendo-pager-item-border: var( --kendo-pager-item-selected-border, #{$kendo-pager-item-selected-border} );
-        }
-
-        &:focus,
-        &.k-focus {
-            --INTERNAL--kendo-pager-item-text: var( --kendo-pager-item-focus-text, #{$kendo-pager-item-focus-text} );
-            --INTERNAL--kendo-pager-item-bg: var( --kendo-pager-item-focus-bg, #{$kendo-pager-item-focus-bg} );
-            --INTERNAL--kendo-pager-item-border: var( --kendo-pager-item-focus-border, #{$kendo-pager-item-focus-border} );
-
-            @include box-shadow( $kendo-pager-item-focus-shadow );
-        }
-
-        &:disabled,
-        &.k-disabled {
-            --INTERNAL--kendo-pager-item-text: var( --kendo-pager-item-disabled-text, #{$kendo-pager-item-disabled-text} );
-            --INTERNAL--kendo-pager-item-bg: var( --kendo-pager-item-disabled-bg, #{$kendo-pager-item-disabled-bg} );
-            --INTERNAL--kendo-pager-item-border: var( --kendo-pager-item-disabled-border, #{$kendo-pager-item-disabled-border} );
-        }
-    }
-
-
-    // Pager items
-    .k-pager-nav.k-link {
-        @extend %base-pager-item-theme;
-    }
-
-
-    // Pager numbers
-    .k-pager-numbers {
-        .k-link {
-            --INTERNAL--kendo-pager-number-text: var( --kendo-pager-number-text, #{$kendo-pager-number-text} );
-            --INTERNAL--kendo-pager-number-bg: var( --kendo-pager-number-bg, #{$kendo-pager-number-bg} );
-            --INTERNAL--kendo-pager-number-border: var( --kendo-pager-number-border, #{$kendo-pager-number-border} );
-
-            @include fill(
-                var( --INTERNAL--kendo-pager-number-text, inherit ),
-                var( --INTERNAL--kendo-pager-number-bg, transparent ),
-                var( --INTERNAL--kendo-pager-number-border, inherit )
-            );
-
-            &:hover,
-            &.k-hover {
-                --INTERNAL--kendo-pager-number-text: var( --kendo-pager-number-hover-text, #{$kendo-pager-number-hover-text} );
-                --INTERNAL--kendo-pager-number-bg: var( --kendo-pager-number-hover-bg, #{$kendo-pager-number-hover-bg} );
-                --INTERNAL--kendo-pager-number-border: var( --kendo-pager-number-hover-border, #{$kendo-pager-number-hover-border} );
-            }
-
-            &:focus,
-            &.k-focus {
-                --INTERNAL--kendo-pager-number-text: var( --kendo-pager-number-focus-text, #{$kendo-pager-number-focus-text} );
-                --INTERNAL--kendo-pager-number-bg: var( --kendo-pager-number-focus-bg, #{$kendo-pager-number-focus-bg} );
-                --INTERNAL--kendo-pager-number-border: var( --kendo-pager-number-focus-border, #{$kendo-pager-number-focus-border} );
-
-                @include box-shadow( $kendo-pager-number-focus-shadow );
-            }
-
-            &.k-selected {
-                --INTERNAL--kendo-pager-number-text: var( --kendo-pager-number-selected-text, #{$kendo-pager-number-selected-text} );
-                --INTERNAL--kendo-pager-number-bg: var( --kendo-pager-number-selected-bg, #{$kendo-pager-number-selected-bg} );
-                --INTERNAL--kendo-pager-number-border: var( --kendo-pager-number-selected-border, #{$kendo-pager-number-selected-border} );
-            }
-        }
-    }
-
-
     // Pager sizes
     .k-pager-sizes {
         color: var( --kendo-pager-sizes-label-text, #{$kendo-pager-sizes-label-text} );
@@ -121,10 +33,4 @@
         color: var( --kendo-pager-info-label-text, #{$kendo-pager-info-label-text} );
     }
 
-
-    // Pager refresh
-    .k-pager-refresh {
-        @extend %base-pager-item-theme;
-    }
-
 }