@progress/kendo-theme-classic 9.1.1-dev.2 → 10.0.0-dev.1

package/scss/time-marker/_index.scss

@@ -1,32 +1,16 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "time-marker",
-    dependencies: ()
-);
-
 // Dependencies
-
+@use "../core/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-time-marker--styles() {
-    @include module-render( "time-marker" ) {
+    @include import-once( "time-marker" ) {
+        @include core-styles();
         @include kendo-time-marker--layout();
         @include kendo-time-marker--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-time-marker--styles();
-}

package/scss/time-marker/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/time-marker/_layout.scss";
+@use "@progress/kendo-theme-default/scss/time-marker/_layout.scss" as *;
 
 @mixin kendo-time-marker--layout() {
     @include kendo-time-marker--layout-base();

package/scss/time-marker/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/time-marker/_theme.scss";
+@use "@progress/kendo-theme-default/scss/time-marker/_theme.scss" as *;
 
 
 @mixin kendo-time-marker--theme() {

package/scss/time-marker/_variables.scss

@@ -4,3 +4,9 @@ $kendo-current-time-width: 1px !default;
 /// The color of the current time indicator.
 /// @group time-marker
 $kendo-current-time-color: #ff0000 !default;
+
+
+@forward "@progress/kendo-theme-default/scss/time-marker/_variables.scss" with (
+    $kendo-current-time-width: $kendo-current-time-width,
+    $kendo-current-time-color: $kendo-current-time-color
+);

package/scss/timedurationpicker/_index.scss

@@ -1,49 +1,28 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "time-duration-picker",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "icon",
-        "input",
-        "list",
-        "popup",
-        "time-selector"
-    )
-);
-
-
 // Dependencies
-@import "../icons/_index.scss";
-@import "../button/_index.scss";
-@import "../input/_index.scss";
-@import "../popup/_index.scss";
-@import "../list/_index.scss";
-@import "../timeselector/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../list/_index.scss" as *;
+@use "../timeselector/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-time-duration-picker--styles() {
-    @include module-render( "time-duration-picker" ) {
+    @include import-once( "time-duration-picker" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-button--styles();
+        @include kendo-input--styles();
+        @include kendo-popup--styles();
+        @include kendo-list--styles();
+        @include kendo-time-selector--styles();
         @include kendo-time-duration-picker--layout();
         @include kendo-time-duration-picker--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-time-duration-picker--styles();
-}

package/scss/timedurationpicker/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/timedurationpicker/_layout.scss";
+@use "@progress/kendo-theme-default/scss/timedurationpicker/_layout.scss" as *;
 
 
 @mixin kendo-time-duration-picker--layout() {

package/scss/timedurationpicker/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/timedurationpicker/_theme.scss";
+@use "@progress/kendo-theme-default/scss/timedurationpicker/_theme.scss" as *;
 
 
 @mixin kendo-time-duration-picker--theme() {

package/scss/timeline/_index.scss

@@ -1,42 +1,22 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "timeline",
-    dependencies: (
-        "button",
-        "card",
-        "icon"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../card/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../card/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-timeline--styles() {
-    @include module-render( "timeline" ) {
+    @include import-once( "timeline" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-card--styles();
+        @include kendo-icon--styles();
         @include kendo-timeline--layout();
         @include kendo-timeline--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-timeline--styles();
-}

package/scss/timeline/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/timeline/_layout.scss";
+@use "@progress/kendo-theme-default/scss/timeline/_layout.scss" as *;
 
 
 @mixin kendo-timeline--layout() {

package/scss/timeline/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/timeline/_theme.scss";
+@use "@progress/kendo-theme-default/scss/timeline/_theme.scss" as *;
 
 
 @mixin kendo-timeline--theme() {

package/scss/timeline/_variables.scss

@@ -1,3 +1,8 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../button/_variables.scss" as *;
+@use "../card/_variables.scss" as *;
+
 // Timeline
 
 /// The horizontal spacing of the Timeline.
@@ -154,7 +159,7 @@ $kendo-timeline-circle-bg: $kendo-color-primary !default;
 
 /// The horizontal padding of the Timeline collapse arrow.
 /// @group timeline
-$kendo-timeline-collapse-arrow-padding-x: $kendo-padding-md-x !default;
+$kendo-timeline-collapse-arrow-padding-x: k-spacing(2) !default;
 
 /// The width of the Timeline event.
 /// @group timeline
@@ -165,3 +170,57 @@ $kendo-timeline-event-height: 600px !default;
 /// The minimum height of the Timeline event.
 /// @group timeline
 $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-offset} - #{$kendo-card-border-width})) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/timeline/_variables.scss" with (
+    $kendo-timeline-spacing-x: $kendo-timeline-spacing-x,
+    $kendo-timeline-spacing-y: $kendo-timeline-spacing-y,
+    $kendo-timeline-items-padding: $kendo-timeline-items-padding,
+    $kendo-timeline-font-family: $kendo-timeline-font-family,
+    $kendo-timeline-font-size: $kendo-timeline-font-size,
+    $kendo-timeline-line-height: $kendo-timeline-line-height,
+    $kendo-timeline-mobile-spacing-x: $kendo-timeline-mobile-spacing-x,
+    $kendo-timeline-mobile-spacing-y: $kendo-timeline-mobile-spacing-y,
+    $kendo-timeline-track-arrow-width: $kendo-timeline-track-arrow-width,
+    $kendo-timeline-track-arrow-height: $kendo-timeline-track-arrow-height,
+    $kendo-timeline-track-arrow-disabled-bg: $kendo-timeline-track-arrow-disabled-bg,
+    $kendo-timeline-track-arrow-disabled-text: $kendo-timeline-track-arrow-disabled-text,
+    $kendo-timeline-track-arrow-disabled-border: $kendo-timeline-track-arrow-disabled-border,
+    $kendo-timeline-track-size: $kendo-timeline-track-size,
+    $kendo-timeline-track-wrap-padding-bottom: $kendo-timeline-track-wrap-padding-bottom,
+    $kendo-timeline-track-border-width: $kendo-timeline-track-border-width,
+    $kendo-timeline-track-margin-bottom: $kendo-timeline-track-margin-bottom,
+    $kendo-timeline-track-bottom-calc: $kendo-timeline-track-bottom-calc,
+    $kendo-timeline-track-start-calc: $kendo-timeline-track-start-calc,
+    $kendo-timeline-track-end-calc: $kendo-timeline-track-end-calc,
+    $kendo-timeline-track-bg: $kendo-timeline-track-bg,
+    $kendo-timeline-track-border-color: $kendo-timeline-track-border-color,
+    $kendo-timeline-track-item-focus-shadow: $kendo-timeline-track-item-focus-shadow,
+    $kendo-timeline-track-event-offset: $kendo-timeline-track-event-offset,
+    $kendo-timeline-flag-padding-x: $kendo-timeline-flag-padding-x,
+    $kendo-timeline-flag-padding-y: $kendo-timeline-flag-padding-y,
+    $kendo-timeline-flag-line-height: $kendo-timeline-flag-line-height,
+    $kendo-timeline-flag-min-width: $kendo-timeline-flag-min-width,
+    $kendo-timeline-flag-max-width: $kendo-timeline-flag-max-width,
+    $kendo-timeline-mobile-flag-max-width: $kendo-timeline-mobile-flag-max-width,
+    $kendo-timeline-horizontal-flag-min-width: $kendo-timeline-horizontal-flag-min-width,
+    $kendo-timeline-flag-bg: $kendo-timeline-flag-bg,
+    $kendo-timeline-flag-text: $kendo-timeline-flag-text,
+    $kendo-timeline-flag-callout-width: $kendo-timeline-flag-callout-width,
+    $kendo-timeline-flag-callout-height: $kendo-timeline-flag-callout-height,
+    $kendo-timeline-flag-offset-bottom: $kendo-timeline-flag-offset-bottom,
+    $kendo-timeline-flag-margin-bottom-calc: $kendo-timeline-flag-margin-bottom-calc,
+    $kendo-timeline-date-width: $kendo-timeline-date-width,
+    $kendo-timeline-date-margin-bottom: $kendo-timeline-date-margin-bottom,
+    $kendo-timeline-vertical-padding-calc: $kendo-timeline-vertical-padding-calc,
+    $kendo-timeline-vertical-padding-with-dates-calc: $kendo-timeline-vertical-padding-with-dates-calc,
+    $kendo-timeline-mobile-vertical-padding-calc: $kendo-timeline-mobile-vertical-padding-calc,
+    $kendo-timeline-mobile-vertical-padding-with-dates-calc: $kendo-timeline-mobile-vertical-padding-with-dates-calc,
+    $kendo-timeline-circle-width: $kendo-timeline-circle-width,
+    $kendo-timeline-circle-height: $kendo-timeline-circle-height,
+    $kendo-timeline-circle-bg: $kendo-timeline-circle-bg,
+    $kendo-timeline-collapse-arrow-padding-x: $kendo-timeline-collapse-arrow-padding-x,
+    $kendo-timeline-event-width: $kendo-timeline-event-width,
+    $kendo-timeline-event-height: $kendo-timeline-event-height,
+    $kendo-timeline-event-min-height-calc: $kendo-timeline-event-min-height-calc
+);

package/scss/timepicker/_index.scss

@@ -1,48 +1,26 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "time-picker",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "icon",
-        "input",
-        "list",
-        "popup",
-        "time-selector"
-    )
-);
-
-
 // Dependencies
-@import "../input/_index.scss";
-@import "../button/_index.scss";
-@import "../popup/_index.scss";
-@import "../list/_index.scss";
-@import "../timeselector/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../list/_index.scss" as *;
+@use "../timeselector/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-time-picker--styles() {
-    @include module-render( "time-picker" ) {
+    @include import-once( "time-picker" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-button--styles();
+        @include kendo-popup--styles();
+        @include kendo-list--styles();
+        @include kendo-time-selector--styles();
         @include kendo-time-picker--layout();
         @include kendo-time-picker--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-time-picker--styles();
-}

package/scss/timepicker/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/timepicker/_layout.scss";
+@use "@progress/kendo-theme-default/scss/timepicker/_layout.scss" as *;
 
 
 @mixin kendo-time-picker--layout() {

package/scss/timepicker/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/timepicker/_theme.scss";
+@use "@progress/kendo-theme-default/scss/timepicker/_theme.scss" as *;
 
 
 @mixin kendo-time-picker--theme() {

package/scss/timeselector/_index.scss

@@ -1,43 +1,22 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "time-selector",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "icon",
-        "list"
-    )
-);
-
-
 // Dependencies
-@import "../list/_index.scss";
-@import "../action-buttons/_index.scss";
-@import "../button/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../action-buttons/_index.scss" as *;
+@use "../list/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-time-selector--styles() {
-    @include module-render( "time-selector" ) {
+    @include import-once( "time-selector" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-action-buttons--styles();
+        @include kendo-list--styles();
         @include kendo-time-selector--layout();
         @include kendo-time-selector--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-time-selector--styles();
-}

package/scss/timeselector/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/timeselector/_layout.scss";
+@use "@progress/kendo-theme-default/scss/timeselector/_layout.scss" as *;
 
 
 @mixin kendo-time-selector--layout() {

package/scss/timeselector/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/timeselector/_theme.scss";
+@use "@progress/kendo-theme-default/scss/timeselector/_theme.scss" as *;
 
 
 @mixin kendo-time-selector--theme() {

package/scss/timeselector/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../action-buttons/_variables.scss" as *;
+@use "../list/_variables.scss" as *;
+
 // Time selector
 
 $kendo-time-selector-border-width: 1px !default;
@@ -69,3 +73,44 @@ $kendo-time-selector-sizes: (
         list-item-padding-y: $kendo-time-selector-lg-list-item-padding-y
     )
 ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/timeselector/_variables.scss" with (
+    $kendo-time-selector-border-width: $kendo-time-selector-border-width,
+    $kendo-time-selector-font-family: $kendo-time-selector-font-family,
+    $kendo-time-selector-font-size: $kendo-time-selector-font-size,
+    $kendo-time-selector-line-height: $kendo-time-selector-line-height,
+    $kendo-time-selector-bg: $kendo-time-selector-bg,
+    $kendo-time-selector-text: $kendo-time-selector-text,
+    $kendo-time-selector-border: $kendo-time-selector-border,
+    $kendo-time-selector-header-padding-x: $kendo-time-selector-header-padding-x,
+    $kendo-time-selector-header-padding-y: $kendo-time-selector-header-padding-y,
+    $kendo-time-selector-header-border-width: $kendo-time-selector-header-border-width,
+    $kendo-time-list-width: $kendo-time-list-width,
+    $kendo-time-list-height: $kendo-time-list-height,
+    $kendo-time-list-title-font-size: $kendo-time-list-title-font-size,
+    $kendo-time-list-title-line-height: $kendo-time-list-title-line-height,
+    $kendo-time-list-title-height: $kendo-time-list-title-height,
+    $kendo-time-list-title-text: $kendo-time-list-title-text,
+    $kendo-time-list-title-focus-text: $kendo-time-list-title-focus-text,
+    $kendo-time-list-item-padding-x: $kendo-time-list-item-padding-x,
+    $kendo-time-list-item-padding-y: $kendo-time-list-item-padding-y,
+    $kendo-time-list-highlight-border-width: $kendo-time-list-highlight-border-width,
+    $kendo-time-list-highlight-height: $kendo-time-list-highlight-height,
+    $kendo-time-list-highlight-bg: $kendo-time-list-highlight-bg,
+    $kendo-time-list-highlight-border: $kendo-time-list-highlight-border,
+    $kendo-time-list-focus-bg: $kendo-time-list-focus-bg,
+    $kendo-time-selector-sm-font-size: $kendo-time-selector-sm-font-size,
+    $kendo-time-selector-sm-line-height: $kendo-time-selector-sm-line-height,
+    $kendo-time-selector-sm-list-item-padding-x: $kendo-time-selector-sm-list-item-padding-x,
+    $kendo-time-selector-sm-list-item-padding-y: $kendo-time-selector-sm-list-item-padding-y,
+    $kendo-time-selector-md-font-size: $kendo-time-selector-md-font-size,
+    $kendo-time-selector-md-line-height: $kendo-time-selector-md-line-height,
+    $kendo-time-selector-md-list-item-padding-x: $kendo-time-selector-md-list-item-padding-x,
+    $kendo-time-selector-md-list-item-padding-y: $kendo-time-selector-md-list-item-padding-y,
+    $kendo-time-selector-lg-font-size: $kendo-time-selector-lg-font-size,
+    $kendo-time-selector-lg-line-height: $kendo-time-selector-lg-line-height,
+    $kendo-time-selector-lg-list-item-padding-x: $kendo-time-selector-lg-list-item-padding-x,
+    $kendo-time-selector-lg-list-item-padding-y: $kendo-time-selector-lg-list-item-padding-y,
+    $kendo-time-selector-sizes: $kendo-time-selector-sizes
+);

package/scss/toolbar/_index.scss

@@ -1,49 +1,27 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "toolbar",
-    dependencies: (
-        "button",
-        "icon",
-        "menu",
-        "menu-button",
-        "popup",
-        "split-button"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../popup/_index.scss";
-@import "../menu/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../menu/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-toolbar--styles() {
-    @include module-render( "toolbar" ) {
+    @include import-once( "toolbar" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-popup--styles();
+        @include kendo-menu--styles();
+        @include kendo-icon--styles();
         @include kendo-toolbar--layout();
         @include kendo-toolbar--theme();
         @include kendo-utils--layout--overflow();
         @include kendo-utils--typography--vertical-align();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-toolbar--styles();
-}

package/scss/toolbar/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/toolbar/_layout.scss";
+@use "@progress/kendo-theme-default/scss/toolbar/_layout.scss" as *;
 
 
 @mixin kendo-toolbar--layout() {

package/scss/toolbar/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/toolbar/_theme.scss";
+@use "@progress/kendo-theme-default/scss/toolbar/_theme.scss" as *;
 
 
 @mixin kendo-toolbar--theme() {

package/scss/toolbar/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../button/_variables.scss" as *;
+
 // Toolbar
 
 /// The horizontal padding of the Toolbar.
@@ -135,3 +138,43 @@ $kendo-toolbar-sizes: (
         spacing: $kendo-toolbar-lg-spacing
     )
 ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/toolbar/_variables.scss" with (
+    $kendo-toolbar-padding-x: $kendo-toolbar-padding-x,
+    $kendo-toolbar-sm-padding-x: $kendo-toolbar-sm-padding-x,
+    $kendo-toolbar-md-padding-x: $kendo-toolbar-md-padding-x,
+    $kendo-toolbar-lg-padding-x: $kendo-toolbar-lg-padding-x,
+    $kendo-toolbar-padding-y: $kendo-toolbar-padding-y,
+    $kendo-toolbar-sm-padding-y: $kendo-toolbar-sm-padding-y,
+    $kendo-toolbar-md-padding-y: $kendo-toolbar-md-padding-y,
+    $kendo-toolbar-lg-padding-y: $kendo-toolbar-lg-padding-y,
+    $kendo-toolbar-spacing: $kendo-toolbar-spacing,
+    $kendo-toolbar-sm-spacing: $kendo-toolbar-sm-spacing,
+    $kendo-toolbar-md-spacing: $kendo-toolbar-md-spacing,
+    $kendo-toolbar-lg-spacing: $kendo-toolbar-lg-spacing,
+    $kendo-toolbar-border-width: $kendo-toolbar-border-width,
+    $kendo-toolbar-border-radius: $kendo-toolbar-border-radius,
+    $kendo-toolbar-font-family: $kendo-toolbar-font-family,
+    $kendo-toolbar-font-size: $kendo-toolbar-font-size,
+    $kendo-toolbar-line-height: $kendo-toolbar-line-height,
+    $kendo-toolbar-bg: $kendo-toolbar-bg,
+    $kendo-toolbar-text: $kendo-toolbar-text,
+    $kendo-toolbar-border: $kendo-toolbar-border,
+    $kendo-toolbar-gradient: $kendo-toolbar-gradient,
+    $kendo-toolbar-shadow: $kendo-toolbar-shadow,
+    $kendo-toolbar-outline-text: $kendo-toolbar-outline-text,
+    $kendo-toolbar-outline-border: $kendo-toolbar-outline-border,
+    $kendo-toolbar-outline-gradient: $kendo-toolbar-outline-gradient,
+    $kendo-toolbar-outline-shadow: $kendo-toolbar-outline-shadow,
+    $kendo-toolbar-outline-border-width: $kendo-toolbar-outline-border-width,
+    $kendo-toolbar-flat-text: $kendo-toolbar-flat-text,
+    $kendo-toolbar-flat-border: $kendo-toolbar-flat-border,
+    $kendo-toolbar-flat-gradient: $kendo-toolbar-flat-gradient,
+    $kendo-toolbar-flat-shadow: $kendo-toolbar-flat-shadow,
+    $kendo-toolbar-flat-border-width: $kendo-toolbar-flat-border-width,
+    $kendo-toolbar-separator-border: $kendo-toolbar-separator-border,
+    $kendo-toolbar-input-width: $kendo-toolbar-input-width,
+    $kendo-toolbar-item-shadow: $kendo-toolbar-item-shadow,
+    $kendo-toolbar-sizes: $kendo-toolbar-sizes
+);

package/scss/tooltip/_functions.scss

@@ -0,0 +1,17 @@
+@use "sass:map";
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
+@function tooltip-theme( $colors ) {
+    $_theme: ();
+
+    @each $name, $color in $colors {
+        $_theme: map.merge(( $name: (
+            color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )),
+            background-color: $color,
+            border: $color,
+        )), $_theme );
+    }
+
+    @return $_theme;
+}