@progress/kendo-theme-default 7.0.3-dev.2 → 7.1.0-dev.0

package/scss/filemanager/_variables.scss

@@ -1,67 +1,182 @@
-// File manager
+// FileManager
+
+/// The space between the FileManager items.
+/// @group filemanager
 $kendo-file-manager-spacer: k-map-get( $kendo-spacing, 4 ) !default;
+/// The border width of the FileManager.
+/// @group filemanager
 $kendo-file-manager-border-width: 1px !default;
+/// The font family of the FileManager.
+/// @group filemanager
 $kendo-file-manager-font-family: $kendo-font-family !default;
+/// The font size of the FileManager.
+/// @group filemanager
 $kendo-file-manager-font-size: $kendo-font-size-md !default;
+/// The line height of the FileManager.
+/// @group filemanager
 $kendo-file-manager-line-height: $kendo-line-height-md !default;
+/// The background color of the FileManager.
+/// @group filemanager
 $kendo-file-manager-bg: $kendo-component-bg !default;
+/// The text color of the FileManager.
+/// @group filemanager
 $kendo-file-manager-text: $kendo-component-text !default;
+/// The border color of the FileManager.
+/// @group filemanager
 $kendo-file-manager-border: $kendo-component-border !default;
 
+/// The border width of the FileManager Toolbar.
+/// @group filemanager
 $kendo-file-manager-toolbar-border-width: $kendo-file-manager-border-width !default;
+/// The background color of the FileManager Toolbar.
+/// @group filemanager
 $kendo-file-manager-toolbar-bg: null !default;
+/// The text color of the FileManager Toolbar.
+/// @group filemanager
 $kendo-file-manager-toolbar-text: null !default;
+/// The border color of the FileManager Toolbar.
+/// @group filemanager
 $kendo-file-manager-toolbar-border: null !default;
+/// The gradient of the FileManager Toolbar.
+/// @group filemanager
 $kendo-file-manager-toolbar-gradient: null !default;
 
+/// The horizontal padding of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-padding-x: $kendo-file-manager-spacer !default;
+/// The vertical padding of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-padding-y: $kendo-file-manager-spacer !default;
+/// The width of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-width: 20% !default;
+/// The border width of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-border-width: $kendo-file-manager-border-width !default;
+/// The background color of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-bg: null !default;
+/// The text color of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-text: null !default;
+/// The border color of the FileManager Navigation.
+/// @group filemanager
 $kendo-file-manager-navigation-border: null !default;
 
+/// The horizontal padding of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The vertical padding of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+/// The border width of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-border-width !default;
+/// The background color of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-bg: $kendo-toolbar-bg !default;
+/// The text color of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-text: null !default;
+/// The border color of the FileManager Breadcrumb.
+/// @group filemanager
 $kendo-file-manager-breadcrumb-border: null !default;
 
+/// The background color of the FileManager ListView.
+/// @group filemanager
 $kendo-file-manager-listview-bg: null !default;
+/// The text color of the FileManager ListView.
+/// @group filemanager
 $kendo-file-manager-listview-text: null !default;
+/// The border color of the FileManager ListView.
+/// @group filemanager
 $kendo-file-manager-listview-border: null !default;
 
+/// The horizontal padding of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+/// The vertical padding of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
+/// The width of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-width: 120px !default;
+/// The height of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-height: 120px !default;
+/// The background color of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-bg: null !default;
+/// The text color of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-text: null !default;
+/// The border color of the FileManager ListView item.
+/// @group filemanager
 $kendo-file-manager-listview-item-border: null !default;
 
+/// The background color of the FileManager ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-bg: null !default;
+/// The text color of the FileManager ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
+/// The border color of the FileManager ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-border: null !default;
+/// Background color of the FileManager selected ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-selected-bg: null !default;
+/// Text color of the FileManager selected ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-selected-text: inherit !default;
+/// Border color of the FileManager selected ListView item icon.
+/// @group filemanager
 $kendo-file-manager-listview-item-icon-selected-border: null !default;
 
+/// The background color of the FileManager Grid.
+/// @group filemanager
 $kendo-file-manager-grid-bg: null !default;
+/// The text color of the FileManager Grid.
+/// @group filemanager
 $kendo-file-manager-grid-text: null !default;
+/// The border color of the FileManager Grid.
+/// @group filemanager
 $kendo-file-manager-grid-border: null !default;
 
+/// The horizontal padding of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-padding-x: $kendo-file-manager-spacer !default;
+/// The vertical padding of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-padding-y: $kendo-file-manager-spacer !default;
+/// The width of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-width: 20% !default;
+/// The border width of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-border-width: $kendo-file-manager-border-width !default;
+/// The spacing of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
+/// The gap between the columns in the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-column-gap: k-map-get( $kendo-spacing, 1 ) !default;
+/// The background color of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-bg: null !default;
+/// The text color of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-text: null !default;
+/// The border color of the FileManager preview.
+/// @group filemanager
 $kendo-file-manager-preview-border: null !default;
 
+/// The background color of the FileManager preview icon.
+/// @group filemanager
 $kendo-file-manager-preview-icon-bg: null !default;
+/// The text color of the FileManager preview icon.
+/// @group filemanager
 $kendo-file-manager-preview-icon-text: k-try-tint($kendo-file-manager-text, 4) !default;
+/// The border color of the FileManager preview icon.
+/// @group filemanager
 $kendo-file-manager-preview-icon-border: null !default;

package/scss/grid/_layout.scss

@@ -907,6 +907,7 @@
         $_selection-aggregates-padding-x: k-map-get( $size-props, selection-aggregates-padding-x );
         $_selection-aggregates-padding-y: k-map-get( $size-props, selection-aggregates-padding-y );
 
+        .k-grid .k-grid-#{$size},
         .k-grid-#{$size} {
 
             .k-table-th {

package/scss/pdf-viewer/_variables.scss

@@ -1,44 +1,110 @@
-// PDF viewer
+// PDFViewer
 
+/// The border width of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-border-width: 1px !default;
+/// The font family of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-font-family: $kendo-font-family !default;
+/// The font size of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-font-size: $kendo-font-size-md !default;
+/// The line height of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-line-height: $kendo-line-height-md !default;
 
+/// The background color of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-bg: $kendo-component-bg !default;
+/// The text color of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-text: $kendo-component-text !default;
+/// The border color of the PDFViewer.
+/// @group pdf-viewer
 $kendo-pdf-viewer-border: $kendo-component-border !default;
 
+/// The background color of the PDFViewer Toolbar.
+/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-bg: null !default;
+/// The text color of the PDFViewer Toolbar.
+/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-text: null !default;
+/// The border color of the PDFViewer Toolbar.
+/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-border: null !default;
+/// The gradient of the PDFViewer Toolbar.
+/// @group pdf-viewer
 $kendo-pdf-viewer-toolbar-gradient: null !default;
 
+/// The background color of the PDFViewer canvas.
+/// @group pdf-viewer
 $kendo-pdf-viewer-canvas-bg: $kendo-app-bg !default;
+/// The text color of the PDFViewer canvas.
+/// @group pdf-viewer
 $kendo-pdf-viewer-canvas-text: null !default;
+/// The border color of the PDFViewer canvas.
+/// @group pdf-viewer
 $kendo-pdf-viewer-canvas-border: null !default;
 
+/// The spacing of the PDFViewer page.
+/// @group pdf-viewer
 $kendo-pdf-viewer-page-spacing: 30px !default;
 
+/// The background color of the PDFViewer page.
+/// @group pdf-viewer
 $kendo-pdf-viewer-page-bg: white !default;
+/// The text color of the PDFViewer page.
+/// @group pdf-viewer
 $kendo-pdf-viewer-page-text: $kendo-component-text !default;
+/// The border color of the PDFViewer page.
+/// @group pdf-viewer
 $kendo-pdf-viewer-page-border: $kendo-component-border !default;
+/// The shadow of the PDFViewer page.
+/// @group pdf-viewer
 $kendo-pdf-viewer-page-shadow: k-elevation(3) !default;
 
+/// The horizontal padding of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-padding-x: $kendo-toolbar-md-padding-x !default;
+/// The vertical padding of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-padding-y: calc( #{$kendo-toolbar-md-padding-x} * 2 ) !default;
+/// The spacing of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-spacing: $kendo-toolbar-md-spacing !default;
+/// The border width of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-border-width: 1px !default;
+/// The border radius of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-border-radius: 0 !default;
+/// The background color of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-bg: $kendo-component-bg !default;
+/// The text color of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-text: $kendo-component-text !default;
+/// The border color of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-border: $kendo-component-border !default;
+/// The shadow of the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-shadow: $kendo-window-shadow !default;
+/// The spacing of the matches container in the PDFViewer search panel.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-panel-matches-spacing: $kendo-padding-sm-x !default;
 
+/// The line height of the PDFViewer selection.
+/// @group pdf-viewer
 $kendo-pdf-viewer-selection-line-height: $kendo-line-height-sm !default;
 
+/// The background color of the PDFViewer highlight.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-highlight-bg: $kendo-body-text !default;
+/// The background color of the PDFViewer highlight mark.
+/// @group pdf-viewer
 $kendo-pdf-viewer-search-highlight-mark-bg: yellow !default;
 
+/// The text color of the PDFViewer icon.
+/// @group pdf-viewer
 $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;

package/scss/popup/_layout.scss

@@ -36,6 +36,7 @@
     .k-popup.k-popup-transparent {
         border-width: 0;
         background-color: transparent;
+        box-shadow: none;
     }
 
     // Flush popup

package/scss/rating/_variables.scss

@@ -1,24 +1,56 @@
 // Rating
 
+/// The font family of the Rating.
+/// @group rating
 $kendo-rating-font-family: $kendo-font-family !default;
+/// The font size of the Rating.
+/// @group rating
 $kendo-rating-font-size: $kendo-font-size-md !default;
+/// The line height of the Rating.
+/// @group rating
 $kendo-rating-line-height: $kendo-line-height-md !default;
 
+/// The horizontal margin of the Rating container.
+/// @group rating
 $kendo-rating-container-margin-x: $kendo-padding-sm-x !default;
 
+/// The horizontal padding of the Rating item.
+/// @group rating
 $kendo-rating-item-padding-x: $kendo-padding-sm-x !default;
+/// The vertical padding of the Rating item.
+/// @group rating
 $kendo-rating-item-padding-y: $kendo-padding-md-y !default;
 
+/// The horizontal margin of the Rating label.
+/// @group rating
 $kendo-rating-label-margin-x: $kendo-padding-md-x !default;
+/// The vertical margin of the Rating label.
+/// @group rating
 $kendo-rating-label-margin-y: $kendo-padding-md-y !default;
+/// The line height of the Rating label.
+/// @group rating
 $kendo-rating-label-line-height: $kendo-line-height-lg !default;
 
+/// The size of the Rating icon.
+/// @group rating
 $kendo-rating-icon-size: ($kendo-icon-size * 1.5) !default;
 
+/// The text color of the Rating icon.
+/// @group rating
 $kendo-rating-icon-text: $kendo-component-text !default;
+/// The text color of the selected Rating icon.
+/// @group rating
 $kendo-rating-icon-selected-text: $kendo-selected-bg !default;
+/// The text color of the hovered Rating icon.
+/// @group rating
 $kendo-rating-icon-hover-text: $kendo-selected-bg !default;
+/// The text color of the focused Rating icon.
+/// @group rating
 $kendo-rating-icon-focus-text: $kendo-selected-bg !default;
 
+/// The shadow of the focused Rating icon.
+/// @group rating
 $kendo-rating-icon-focus-shadow: k-elevation(1) !default;
+/// The shadow of the focused and selected Rating icon.
+/// @group rating
 $kendo-rating-icon-focus-selected-shadow: k-elevation(1) !default;

package/scss/skeleton/_variables.scss

@@ -1,11 +1,23 @@
 // Skeleton
+
+/// The transform scale of the Skeleton text.
+/// @group skeleton
 $kendo-skeleton-text-transform: scale( 1, .6 ) !default;
+/// The border radius of the Skeleton text.
+/// @group skeleton
 $kendo-skeleton-text-border-radius: $kendo-border-radius-md !default;
 
+/// The border radius of the rectangular Skeleton.
+/// @group skeleton
 $kendo-skeleton-rect-border-radius: 0 !default;
 
+/// The border radius of the circular Skeleton.
+/// @group skeleton
 $kendo-skeleton-circle-border-radius: 9999px !default;
 
+/// The background color of the Skeleton item.
+/// @group skeleton
 $kendo-skeleton-item-bg: rgba( $kendo-color-inverse, .2 ) !default;
-
+/// The background color of the Skeleton wave animation.
+/// @group skeleton
 $kendo-skeleton-wave-bg: rgba( black, .04 ) !default;

package/scss/slider/_layout.scss

@@ -53,19 +53,6 @@
         }
     }
 
-
-    // Slider wrap
-    .k-slider-wrap {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        flex-flow: inherit;
-        align-items: inherit;
-        gap: inherit;
-        position: relative;
-    }
-
-
     // New rendering
     .k-slider {
         width: min-content;
@@ -397,15 +384,7 @@
     .k-slider kendo-resize-sensor {
         position: absolute;
     }
-    .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
-        padding-inline-start: calc( #{$kendo-slider-draghandle-size} / 2 );
-        padding-inline-end: calc( #{$kendo-slider-draghandle-size} / 2 );
-    }
-    .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
-        padding-top: calc( #{$kendo-slider-draghandle-size} / 2 );
-        padding-bottom: calc( #{$kendo-slider-draghandle-size} / 2 );
-    }
-
+    
     // Aliases
     .k-draghandle { @extend .k-slider-thumb !optional; }
     .k-draghandle-start { @extend .k-slider-thumb-start !optional; }

package/scss/tooltip/_layout.scss

@@ -5,7 +5,6 @@
         margin: 0;
         padding-block: $kendo-tooltip-padding-y;
         padding-inline: $kendo-tooltip-padding-x;
-        // max-width: $kendo-tooltip-max-width;
         border-width: $kendo-tooltip-border-width;
         border-style: solid;
         box-sizing: border-box;

package/scss/tooltip/_theme.scss

@@ -1,12 +1,4 @@
 @mixin kendo-tooltip--theme-base() {
-
-    .k-tooltip-wrapper {
-        .k-tooltip {
-            box-shadow: $kendo-tooltip-shadow;
-        }
-    }
-
-
     // Default tooltip
     .k-tooltip {
         @include fill(
@@ -14,67 +6,26 @@
             $kendo-tooltip-bg,
             $kendo-tooltip-border
         );
+        
+        @include box-shadow( $kendo-tooltip-shadow );
 
         .k-callout {
             color: $kendo-tooltip-bg;
         }
     }
 
-
     // Tooltip variants
-    .k-tooltip-primary {
-        @include fill(
-            $kendo-tooltip-primary-text,
-            $kendo-tooltip-primary-bg,
-            $kendo-tooltip-primary-border
-        );
-
-        .k-callout {
-            color: $kendo-tooltip-primary-bg;
-        }
-    }
-    .k-tooltip-info {
-        @include fill(
-            $kendo-tooltip-info-text,
-            $kendo-tooltip-info-bg,
-            $kendo-tooltip-info-border
-        );
-
-        .k-callout {
-            color: $kendo-tooltip-info-bg;
-        }
-    }
-    .k-tooltip-success {
-        @include fill(
-            $kendo-tooltip-success-text,
-            $kendo-tooltip-success-bg,
-            $kendo-tooltip-success-border
-        );
-
-        .k-callout {
-            color: $kendo-tooltip-success-bg;
-        }
-    }
-    .k-tooltip-warning {
-        @include fill(
-            $kendo-tooltip-warning-text,
-            $kendo-tooltip-warning-bg,
-            $kendo-tooltip-warning-border
-        );
-
-        .k-callout {
-            color: $kendo-tooltip-warning-bg;
-        }
-    }
-    .k-tooltip-error {
-        @include fill(
-            $kendo-tooltip-error-text,
-            $kendo-tooltip-error-bg,
-            $kendo-tooltip-error-border
-        );
-
-        .k-callout {
-            color: $kendo-tooltip-error-bg;
+    @each $name, $props in $kendo-tooltip-theme {
+        .k-tooltip-#{$name} {
+            @include fill(
+                k-map-get( $props, color ),
+                k-map-get( $props, background-color ),
+                k-map-get( $props, border )
+            );
+            
+            .k-callout {
+                color: k-map-get( $props, background-color );
+            }
         }
     }
 

package/scss/tooltip/_variables.scss

@@ -1,37 +1,70 @@
 // Tooltip
+
+/// The vertical padding of the Tooltip.
+/// @group tooltip
 $kendo-tooltip-padding-y: $kendo-padding-md-y !default;
+/// The horizontal padding of the Tooltip.
+/// @group tooltip
 $kendo-tooltip-padding-x: $kendo-padding-md-x !default;
-$kendo-tooltip-max-width: null !default;
+/// The width of the border around the Tooltip.
+/// @group tooltip
 $kendo-tooltip-border-width: 0px !default;
+/// The border radius of the Tooltip.
+/// @group tooltip
 $kendo-tooltip-border-radius: $kendo-border-radius-md !default;
 
+/// The font family of the Tooltip.
+/// @group tooltip
 $kendo-tooltip-font-family: $kendo-font-family !default;
+/// The font size of the Tooltip.
+/// @group tooltip
 $kendo-tooltip-font-size: $kendo-font-size-md !default;
+/// The line height of the Tooltip.
+/// @group tooltip
 $kendo-tooltip-line-height: 1.25 !default;
 
+/// The font size of the Tooltip title.
+/// @group tooltip
 $kendo-tooltip-title-font-size: ($kendo-tooltip-font-size * 1.25) !default;
+/// The line height of the Tooltip title.
+/// @group tooltip
 $kendo-tooltip-title-line-height: 1 !default;
 
+/// The size of the Tooltip callout.
+/// @group tooltip
 $kendo-tooltip-callout-size: 6px !default;
 
+/// The default background of the Tooltip.
+/// @group tooltip
 $kendo-tooltip-bg: rgba( k-contrast-legacy( $kendo-body-bg ), .75 ) !default;
+/// The default text color of the Tooltip.
+/// @group tooltip
 $kendo-tooltip-text: k-contrast-legacy( $kendo-tooltip-bg ) !default;
+/// The default border color of the Tooltip.
+/// @group tooltip
 $kendo-tooltip-border: $kendo-tooltip-bg !default;
 
+/// The box-shadow of the Tooltip.
+/// @group tooltip
 $kendo-tooltip-shadow: k-elevation(2) !default;
 
-$kendo-tooltip-primary-bg: $kendo-color-primary !default;
-$kendo-tooltip-primary-text: k-contrast-legacy( $kendo-tooltip-primary-bg ) !default;
-$kendo-tooltip-primary-border: $kendo-tooltip-primary-bg !default;
-$kendo-tooltip-info-bg: $kendo-color-info !default;
-$kendo-tooltip-info-text: k-contrast-legacy( $kendo-tooltip-info-bg ) !default;
-$kendo-tooltip-info-border: $kendo-tooltip-info-bg !default;
-$kendo-tooltip-success-bg: $kendo-color-success !default;
-$kendo-tooltip-success-text: k-contrast-legacy( $kendo-tooltip-success-bg ) !default;
-$kendo-tooltip-success-border: $kendo-tooltip-success-bg !default;
-$kendo-tooltip-warning-bg: $kendo-color-warning !default;
-$kendo-tooltip-warning-text: k-contrast-legacy( $kendo-tooltip-warning-bg ) !default;
-$kendo-tooltip-warning-border: $kendo-tooltip-warning-bg !default;
-$kendo-tooltip-error-bg: $kendo-color-error !default;
-$kendo-tooltip-error-text: k-contrast-legacy( $kendo-tooltip-error-bg ) !default;
-$kendo-tooltip-error-border: $kendo-tooltip-error-bg !default;
+@function tooltip-theme( $colors ) {
+    $_theme: ();
+
+    @each $name, $color in $colors {
+        $_theme: k-map-merge(( $name: (
+            color: k-contrast-legacy( $color ),
+            background-color: $color,
+            border: $color,
+        )), $_theme );
+    }
+
+    @return $_theme;
+}
+
+/// The theme colors map for the Tooltip.
+/// @group tooltip
+$kendo-tooltip-theme-colors: $kendo-theme-colors !default;
+/// The generated theme colors map for the Tooltip.
+/// @group tooltip
+$kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;