@progress/kendo-theme-meridian 14.0.0-dev.1

package/scss/listview/_index.scss

@@ -0,0 +1,25 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../pager/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-listview--styles() {
+    @include import-once( "listview" ) {
+        @include core-styles();
+        @include kendo-pager--styles();
+        @include kendo-icon--styles();
+        @include kendo-listview--layout();
+        @include kendo-listview--theme();
+        @include kendo-utils--layout--display();
+        @include kendo-utils--flex-grid--flex-direction();
+        @include kendo-utils--flex-grid--grid-template-columns();
+        @include kendo-utils--flex-grid--flex-wrap();
+    }
+}

package/scss/listview/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/listview/_layout.scss" as *;
+
+
+@mixin kendo-listview--layout() {
+    @include kendo-listview--layout-base();
+}

package/scss/listview/_theme.scss

@@ -0,0 +1,20 @@
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/listview/_theme.scss" as *;
+
+
+@mixin kendo-listview--theme() {
+    @include kendo-listview--theme-base();
+
+    .k-listview-content {
+        > .k-focus {
+            @include focus-indicator(
+                $inset: true,
+                $type: "outline",
+                $indicator: $kendo-listview-item-focus-outline-color,
+                $outline-width: $kendo-listview-item-focus-outline-width,
+                $outline-offset: $kendo-listview-item-focus-outline-offset
+            );
+        }
+    }
+}

package/scss/listview/_variables.scss

@@ -0,0 +1,98 @@
+@use "../core/_index.scss" as *;
+
+// ListView
+
+/// The horizontal padding of the ListView.
+/// @group listview
+$kendo-listview-padding-x: k-spacing(1) !default;
+/// The vertical padding of the ListView.
+/// @group listview
+$kendo-listview-padding-y: k-spacing(1) !default;
+/// The width of the border around bordered ListView.
+/// @group listview
+$kendo-listview-border-width: 1px !default;
+/// The font family of the ListView.
+/// @group listview
+$kendo-listview-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the ListView.
+/// @group listview
+$kendo-listview-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the ListView.
+/// @group listview
+$kendo-listview-line-height: var( --kendo-line-height, normal ) !default;
+
+/// The text color of the ListView.
+/// @group listview
+$kendo-listview-text: k-color(on-app-surface) !default;
+/// The background color of the ListView.
+/// @group listview
+$kendo-listview-bg: k-color(surface-alt) !default;
+/// The border color of the ListView.
+/// @group listview
+$kendo-listview-border: k-color(border) !default;
+
+/// The horizontal padding of the ListView items.
+/// @group listview
+$kendo-listview-item-padding-x: k-spacing(1) !default;
+/// The vertical padding of the ListView items.
+/// @group listview
+$kendo-listview-item-padding-y: k-spacing(1) !default;
+
+/// The text color of the selected ListView items.
+/// @group listview
+$kendo-listview-item-selected-text: null !default;
+/// The background color of the selected ListView items.
+/// @group listview
+$kendo-listview-item-selected-bg: color-mix(in srgb, k-color(secondary) 12%, transparent) !default;
+/// The border color of the selected ListView items.
+/// @group listview
+$kendo-listview-item-selected-border: null !default;
+
+/// The text color of the focused ListView items.
+/// @group listview
+$kendo-listview-item-focus-text: null !default;
+/// The background color of the focused ListView items.
+/// @group listview
+$kendo-listview-item-focus-bg: null !default;
+/// The border color of the focused ListView items.
+/// @group listview
+$kendo-listview-item-focus-border: null !default;
+/// The box shadow of the focused ListView items.
+/// @group listview
+$kendo-listview-item-focus-shadow: null !default;
+
+/// The outline color of the focused ListView items.
+/// @group listview
+$kendo-listview-item-focus-outline-color: k-color(subtle) !default;
+/// The outline width of the focused ListView items.
+/// @group listview
+$kendo-listview-item-focus-outline-width: 1px !default;
+/// The outline offset of the focused ListView items.
+/// @group listview
+$kendo-listview-item-focus-outline-offset: 1px !default;
+
+/// The border radius of the ListView items.
+/// @group listview
+$kendo-listview-item-border-radius: k-border-radius(sm) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/listview/_variables.scss" with (
+    $kendo-listview-padding-x: $kendo-listview-padding-x,
+    $kendo-listview-padding-y: $kendo-listview-padding-y,
+    $kendo-listview-border-width: $kendo-listview-border-width,
+    $kendo-listview-font-family: $kendo-listview-font-family,
+    $kendo-listview-font-size: $kendo-listview-font-size,
+    $kendo-listview-line-height: $kendo-listview-line-height,
+    $kendo-listview-text: $kendo-listview-text,
+    $kendo-listview-bg: $kendo-listview-bg,
+    $kendo-listview-border: $kendo-listview-border,
+    $kendo-listview-item-padding-x: $kendo-listview-item-padding-x,
+    $kendo-listview-item-padding-y: $kendo-listview-item-padding-y,
+    $kendo-listview-item-selected-text: $kendo-listview-item-selected-text,
+    $kendo-listview-item-selected-bg: $kendo-listview-item-selected-bg,
+    $kendo-listview-item-selected-border: $kendo-listview-item-selected-border,
+    $kendo-listview-item-focus-text: $kendo-listview-item-focus-text,
+    $kendo-listview-item-focus-bg: $kendo-listview-item-focus-bg,
+    $kendo-listview-item-focus-border: $kendo-listview-item-focus-border,
+    $kendo-listview-item-focus-shadow: $kendo-listview-item-focus-shadow,
+    $kendo-listview-item-border-radius: $kendo-listview-item-border-radius
+);

package/scss/loader/_index.scss

@@ -0,0 +1,20 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../overlay/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-loader--styles() {
+    @include import-once( "loader" ) {
+        @include core-styles();
+        @include kendo-overlay--styles();
+        @include kendo-loader--layout();
+        @include kendo-loader--theme();
+        @include kendo-utils--typography--text-color();
+    }
+}

package/scss/loader/_layout.scss

@@ -0,0 +1,7 @@
+@use "@progress/kendo-theme-core/scss/components/loader/_layout.scss" as *;
+
+
+@mixin kendo-loader--layout() {
+    @include kendo-loader--layout-base();
+    @include kendo-loading--layout-base()
+}

package/scss/loader/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/loader/_theme.scss" as *;
+
+
+@mixin kendo-loader--theme() {
+    @include kendo-loader--theme-base();
+}

package/scss/loader/_variables.scss

@@ -0,0 +1,179 @@
+@use "../core/_index.scss" as *;
+
+// Loader
+
+/// The default size of the Loader.
+/// @group loader
+/// @role default
+$kendo-loader-default-size: "md" !default;
+
+/// The default theme color of the Loader.
+/// @group loader
+/// @role default
+$kendo-loader-default-theme-color: "secondary" !default;
+
+/// The border radius of the Loader segment.
+/// @group loader
+$kendo-loader-segment-border-radius: 50% !default;
+
+/// The size of the small Loader segment.
+/// @group loader
+$kendo-loader-sm-segment-size: k-spacing(2) !default;
+/// The size of the medium Loader segment.
+/// @group loader
+$kendo-loader-md-segment-size: k-spacing(2) !default;
+/// The size of the large Loader segment.
+/// @group loader
+$kendo-loader-lg-segment-size: k-spacing(4) !default;
+
+/// The padding of the small Loader.
+/// @group loader
+$kendo-loader-sm-padding: calc( #{$kendo-loader-sm-segment-size} / 4 ) !default;
+/// The padding of the medium Loader.
+/// @group loader
+$kendo-loader-md-padding: calc( #{$kendo-loader-md-segment-size} / 2 ) !default;
+/// The padding of the large Loader.
+/// @group loader
+$kendo-loader-lg-padding: calc( #{$kendo-loader-lg-segment-size} / 2 ) !default;
+
+/// The width of the small spinner-3 Loader.
+/// @group loader
+$kendo-loader-sm-spinner-3-width: calc( #{$kendo-loader-sm-segment-size} * 4 ) !default;
+/// The width of the medium spinner-3 Loader.
+/// @group loader
+$kendo-loader-md-spinner-3-width: calc( #{$kendo-loader-md-segment-size} * 4 ) !default;
+/// The width of the large spinner-3 Loader.
+/// @group loader
+$kendo-loader-lg-spinner-3-width: calc( #{$kendo-loader-lg-segment-size} * 4 ) !default;
+
+/// The height of the small spinner-3 Loader.
+/// @group loader
+$kendo-loader-sm-spinner-3-height: calc( #{$kendo-loader-sm-spinner-3-width} * #{$equilateral-height} ) !default;
+/// The height of the medium spinner-3 Loader.
+/// @group loader
+$kendo-loader-md-spinner-3-height: calc( #{$kendo-loader-md-spinner-3-width} * #{$equilateral-height} ) !default;
+/// The height of the large spinner-3 Loader.
+/// @group loader
+$kendo-loader-lg-spinner-3-height: calc( #{$kendo-loader-lg-spinner-3-width} * #{$equilateral-height} ) !default;
+
+/// The width of the small spinner-4 Loader.
+/// @group loader
+$kendo-loader-sm-spinner-4-width: calc( #{$kendo-loader-sm-segment-size} * 4 ) !default;
+/// The width of the medium spinner-4 Loader.
+/// @group loader
+$kendo-loader-md-spinner-4-width: calc( #{$kendo-loader-md-segment-size} * 4 ) !default;
+/// The width of the large spinner-4 Loader.
+/// @group loader
+$kendo-loader-lg-spinner-4-width: calc( #{$kendo-loader-lg-segment-size} * 4 ) !default;
+
+/// The height of the small spinner-4 Loader.
+/// @group loader
+$kendo-loader-sm-spinner-4-height: $kendo-loader-sm-spinner-4-width !default;
+/// The height of the medium spinner-4 Loader.
+/// @group loader
+$kendo-loader-md-spinner-4-height: $kendo-loader-md-spinner-4-width !default;
+/// The height of the large spinner-4 Loader.
+/// @group loader
+$kendo-loader-lg-spinner-4-height: $kendo-loader-lg-spinner-4-width !default;
+
+/// The border width of the container panel.
+/// @group loader
+$kendo-loader-container-panel-border-width: 1px !default;
+/// The border style of the container panel.
+/// @group loader
+$kendo-loader-container-panel-border-style: solid !default;
+/// The border color of the container panel.
+/// @group loader
+$kendo-loader-container-panel-border-color: k-color(border) !default;
+/// The border radius of the container panel.
+/// @group loader
+$kendo-loader-container-panel-border-radius: k-border-radius(sm) !default;
+/// The background color of the container panel.
+/// @group loader
+$kendo-loader-container-panel-bg: k-color(surface-alt) !default;
+
+/// The padding of the small Loader container.
+/// @group loader
+$kendo-loader-sm-container-padding: k-spacing(4) !default;
+/// The padding of the medium Loader container.
+/// @group loader
+$kendo-loader-md-container-padding: k-spacing(5) !default;
+/// The padding of the large Loader container.
+/// @group loader
+$kendo-loader-lg-container-padding: k-spacing(6) !default;
+
+/// The gap of the small Loader container.
+/// @group loader
+$kendo-loader-sm-container-gap: k-spacing(1) !default;
+/// The gap of the medium Loader container.
+/// @group loader
+$kendo-loader-md-container-gap: k-spacing(2) !default;
+/// The gap of the large Loader container.
+/// @group loader
+$kendo-loader-lg-container-gap: k-spacing(3) !default;
+
+/// The font size of the small Loader container.
+/// @group loader
+$kendo-loader-sm-container-font-size: var( --kendo-font-size, inherit ) !default;
+/// The font size of the medium Loader container.
+/// @group loader
+$kendo-loader-md-container-font-size: var( --kendo-font-size, inherit ) !default;
+/// The font size of the large Loader container.
+/// @group loader
+$kendo-loader-lg-container-font-size: var( --kendo-font-size, inherit ) !default;
+
+// Loading indicator
+/// The background color of the Loading indicator.
+/// @group loading
+$kendo-loading-bg: k-color(surface-alt) !default;
+/// The text color of the Loading indicator.
+/// @group loading
+$kendo-loading-text: currentColor !default;
+/// The opacity of the Loading indicator.
+/// @group loading
+$kendo-loading-opacity: .3 !default;
+/// The z-index of the Loading indicator.
+/// @group loading
+$kendo-zindex-loading: 100 !default;
+
+@forward "@progress/kendo-theme-core/scss/components/loader/_variables.scss" with (
+    $kendo-loader-default-size: $kendo-loader-default-size,
+    $kendo-loader-default-theme-color: $kendo-loader-default-theme-color,
+    $kendo-loader-segment-border-radius: $kendo-loader-segment-border-radius,
+    $kendo-loader-sm-segment-size: $kendo-loader-sm-segment-size,
+    $kendo-loader-md-segment-size: $kendo-loader-md-segment-size,
+    $kendo-loader-lg-segment-size: $kendo-loader-lg-segment-size,
+    $kendo-loader-sm-padding: $kendo-loader-sm-padding,
+    $kendo-loader-md-padding: $kendo-loader-md-padding,
+    $kendo-loader-lg-padding: $kendo-loader-lg-padding,
+    $kendo-loader-sm-spinner-3-width: $kendo-loader-sm-spinner-3-width,
+    $kendo-loader-md-spinner-3-width: $kendo-loader-md-spinner-3-width,
+    $kendo-loader-lg-spinner-3-width: $kendo-loader-lg-spinner-3-width,
+    $kendo-loader-sm-spinner-3-height: $kendo-loader-sm-spinner-3-height,
+    $kendo-loader-md-spinner-3-height: $kendo-loader-md-spinner-3-height,
+    $kendo-loader-lg-spinner-3-height: $kendo-loader-lg-spinner-3-height,
+    $kendo-loader-sm-spinner-4-width: $kendo-loader-sm-spinner-4-width,
+    $kendo-loader-md-spinner-4-width: $kendo-loader-md-spinner-4-width,
+    $kendo-loader-lg-spinner-4-width: $kendo-loader-lg-spinner-4-width,
+    $kendo-loader-sm-spinner-4-height: $kendo-loader-sm-spinner-4-height,
+    $kendo-loader-md-spinner-4-height: $kendo-loader-md-spinner-4-height,
+    $kendo-loader-lg-spinner-4-height: $kendo-loader-lg-spinner-4-height,
+    $kendo-loader-container-panel-border-width: $kendo-loader-container-panel-border-width,
+    $kendo-loader-container-panel-border-style: $kendo-loader-container-panel-border-style,
+    $kendo-loader-container-panel-border-color: $kendo-loader-container-panel-border-color,
+    $kendo-loader-container-panel-border-radius: $kendo-loader-container-panel-border-radius,
+    $kendo-loader-container-panel-bg: $kendo-loader-container-panel-bg,
+    $kendo-loader-sm-container-padding: $kendo-loader-sm-container-padding,
+    $kendo-loader-md-container-padding: $kendo-loader-md-container-padding,
+    $kendo-loader-lg-container-padding: $kendo-loader-lg-container-padding,
+    $kendo-loader-sm-container-gap: $kendo-loader-sm-container-gap,
+    $kendo-loader-md-container-gap: $kendo-loader-md-container-gap,
+    $kendo-loader-lg-container-gap: $kendo-loader-lg-container-gap,
+    $kendo-loader-sm-container-font-size: $kendo-loader-sm-container-font-size,
+    $kendo-loader-md-container-font-size: $kendo-loader-md-container-font-size,
+    $kendo-loader-lg-container-font-size: $kendo-loader-lg-container-font-size,
+    $kendo-loading-bg: $kendo-loading-bg,
+    $kendo-loading-text: $kendo-loading-text,
+    $kendo-loading-opacity: $kendo-loading-opacity,
+    $kendo-zindex-loading: $kendo-zindex-loading
+);

package/scss/map/_index.scss

@@ -0,0 +1,22 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../scroller/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-map--styles() {
+    @include import-once( "map" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-scroller--styles();
+        @include kendo-icon--styles();
+        @include kendo-map--layout();
+        @include kendo-map--theme();
+    }
+}

package/scss/map/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/map/_layout.scss" as *;
+
+
+@mixin kendo-map--layout() {
+    @include kendo-map--layout-base();
+}

package/scss/map/_theme.scss

@@ -0,0 +1,13 @@
+@use "@progress/kendo-theme-core/scss/components/map/_theme.scss" as *;
+@use "./variables.scss" as *;
+
+
+@mixin kendo-map--theme() {
+    @include kendo-map--theme-base();
+
+    .k-map {
+        .k-navigator {
+            box-shadow: $kendo-map-navigator-shadow;
+        }
+    }
+}

package/scss/map/_variables.scss

@@ -0,0 +1,83 @@
+@use "../core/_index.scss" as *;
+@use "../button/_variables.scss" as *;
+@use "../icons/_variables.scss" as *;
+
+// Map
+/// The border width of the Map.
+/// @group map
+$kendo-map-border-width: 0px !default;
+
+/// The font size of the Map.
+/// @group map
+$kendo-map-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Map.
+/// @group map
+$kendo-map-line-height: var( --kendo-line-height, normal ) !default;
+/// The font family of the Map.
+/// @group map
+$kendo-map-font-family: var( --kendo-font-family, inherit ) !default;
+
+/// The background color of the Map.
+/// @group map
+$kendo-map-bg: k-color(surface-alt) !default;
+/// The text color of the Map.
+/// @group map
+$kendo-map-text: k-color(on-app-surface) !default;
+/// The border color of the Map.
+/// @group map
+$kendo-map-border: null !default;
+/// The box-shadow of the Map navigator.
+/// @group map
+$kendo-map-navigator-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16) !default;
+
+/// The margin of the Map navigator.
+/// @group map
+$kendo-map-navigator-margin: k-spacing(4) !default;
+/// The padding of the Map navigator.
+/// @group map
+$kendo-map-navigator-padding: k-spacing(0.5) !default;
+/// The width of the Map navigator.
+/// @group map
+$kendo-map-navigator-width: 50px !default;
+/// The border width of the Map navigator.
+/// @group map
+$kendo-map-navigator-border-width: 0 !default;
+
+/// The horizontal padding of the Map attribution.
+/// @group map
+$kendo-map-attribution-padding-x: k-spacing(1) !default;
+/// The vertical padding of the Map attribution.
+/// @group map
+$kendo-map-attribution-padding-y: k-spacing(0.5) !default;
+/// The font size of the Map attribution.
+/// @group map
+$kendo-map-attribution-font-size: calc( #{$kendo-map-font-size} * .75) !default;
+/// The background color of the Map attribution.
+/// @group map
+$kendo-map-attribution-bg: color-mix(in srgb, k-color(app-surface) 80%, transparent) !default;
+
+/// The fill color of the Map marker.
+/// @group map
+$kendo-map-marker-fill: k-color(primary) !default;
+
+$kendo-map-marker-images: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAABQCAYAAAAKlxWDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA35JREFUeNrsWF1IVEEUPu7amhKUmqUUkhEYYn9PamgbROKTEERB1HNP0pMvJUVhZQhCEEQPQiAIkiQIQShEZmg99SdLgiRJpbGmGIu/aZ2zzJXrvWf2zty7PgTzwQd3Z86Z796z58wMJ+PruXxQwCHkGeRpZDbyqBh/j1xA9iN7kJ+8FsrwECSRu8hSUMMosgnZLTMIScaLkUPIpxpiIGyfCN9iVcEo8h2yCvyjSqwR9RIkgz5kHgRHnlhrg2im7blEhCPCeW89fBJyKuohsv8IRPaV46uGYfnLhyTn3/bC4seXnFtErFmBHHcmzSCy2umRWVgC+ZfvQ1bZ8ZSfsxQbgl+PrsCfqXFu+jWyxh7Ss5xY1sFKKLzd5ymWtEWbpC36MKgWGuuCzdyXFTR2QGhbrvKfRrbkQ74Mmi3BKJf6FEYdMbso+UpKJkpJU+dKkPIaNoyrM5Mw23Edlj6/WQ957qVbEM4rcoWX1lgcGXQuURfi6o2y0YmVH2Mw2XgC5od6ksJEeqaxlW+joLIGaZFgGVcCTsx13YG1xKxrnMZoTmUN0iLB7c7R8M49LktJnSWxwMxxa5AWu5f+XV6EzQIJznHJwSWSDNlM+Fanv3OmcyQY43YNVyzOX2XLhMZoTvEviJHgsHOU9kYntuwthaLWV5BTWQ/hHbuSpGcaozmVNUiL9lIqfNfr7L7Rq7SlyfbVnzfZsjhFXzggTuoNoI14bf63thj5kK/kNvDCytIm5yzt+vF7F9jak4qhbbz1ouzEaLJv3t3iCNkYGtzCpq7Vrm9lKcNo2TIJJ/Kk23keHhB3kQLPAxhJUDiACXEkJcMYd2uzrhiRNNX5MrJW5Al7pxkQBjNpEJtxislubWRwjKtPDQyLNQZU76UTIu4NPsQahO+EzkXYwgNu60uBmPAB3Zu3HS0agp62KoJdsvAwf0NXOgQptdsU7NqEbWBBQrso4FQl0K56AKsggXzokVyJdAqmWjThlZl+BeOSsD32CLdvQSsxVu1XF2Sr7iVKB5T6nbbfnYol41vQWdwtus6ZPgRp+3pme950QV9fpito+jSmT2P6NKZP479PE9Lp06jC6tMwUO/T6CJwn0YXgfs0uvj/+jS6CNyn0UXgPo0uZH0aEnzueruRwUBfSb5Mr5TQb/o0pk9j+jSmT2P6NKZPY/o0pk9j+jQ+8E+AAQDpbNHEyW7DTAAAAABJRU5ErkJggg==" !default;
+
+@forward "@progress/kendo-theme-core/scss/components/map/_variables.scss" with (
+    $kendo-map-border-width: $kendo-map-border-width,
+    $kendo-map-font-size: $kendo-map-font-size,
+    $kendo-map-line-height: $kendo-map-line-height,
+    $kendo-map-font-family: $kendo-map-font-family,
+    $kendo-map-bg: $kendo-map-bg,
+    $kendo-map-text: $kendo-map-text,
+    $kendo-map-border: $kendo-map-border,
+    $kendo-map-navigator-margin: $kendo-map-navigator-margin,
+    $kendo-map-navigator-padding: $kendo-map-navigator-padding,
+    $kendo-map-navigator-width: $kendo-map-navigator-width,
+    $kendo-map-navigator-border-width: $kendo-map-navigator-border-width,
+    $kendo-map-attribution-padding-x: $kendo-map-attribution-padding-x,
+    $kendo-map-attribution-padding-y: $kendo-map-attribution-padding-y,
+    $kendo-map-attribution-font-size: $kendo-map-attribution-font-size,
+    $kendo-map-attribution-bg: $kendo-map-attribution-bg,
+    $kendo-map-marker-fill: $kendo-map-marker-fill,
+    $kendo-map-marker-images: $kendo-map-marker-images
+);

package/scss/marquee/_index.scss

@@ -0,0 +1,16 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-marquee--styles() {
+    @include import-once( "marquee" ) {
+        @include core-styles();
+        @include kendo-marquee--layout();
+        @include kendo-marquee--theme();
+    }
+}

package/scss/marquee/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/marquee/_layout.scss" as *;
+
+
+@mixin kendo-marquee--layout() {
+    @include kendo-marquee--layout-base();
+}

package/scss/marquee/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/marquee/_theme.scss" as *;
+
+
+@mixin kendo-marquee--theme() {
+    @include kendo-marquee--theme-base();
+}

package/scss/marquee/_variables.scss

@@ -0,0 +1,17 @@
+@use "../core/_index.scss" as *;
+
+/// The text color of the Marquee.
+/// @group marquee
+$kendo-marquee-text: k-color(on-primary) !default;
+/// The background color of the Marquee.
+/// @group marquee
+$kendo-marquee-bg: k-color(primary) !default;
+/// The border color of the Marquee.
+/// @group marquee
+$kendo-marquee-border: k-color(border) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/marquee/_variables.scss" with (
+    $kendo-marquee-text: $kendo-marquee-text,
+    $kendo-marquee-bg: $kendo-marquee-bg,
+    $kendo-marquee-border: $kendo-marquee-border
+);

package/scss/maskedtextbox/_index.scss

@@ -0,0 +1,22 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../floating-label/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-masked-textbox--styles() {
+    @include import-once( "masked-textbox" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-floating-label--styles();
+        @include kendo-icon--styles();
+        @include kendo-masked-textbox--layout();
+        @include kendo-masked-textbox--theme();
+    }
+}

package/scss/maskedtextbox/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/maskedtextbox/_layout.scss" as *;
+
+
+@mixin kendo-masked-textbox--layout() {
+    @include kendo-masked-textbox--layout-base();
+}

package/scss/maskedtextbox/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/maskedtextbox/_theme.scss" as *;
+
+
+@mixin kendo-masked-textbox--theme() {
+    @include kendo-masked-textbox--theme-base();
+}

package/scss/maskedtextbox/_variables.scss

@@ -0,0 +1 @@
+// Masked textbox

package/scss/mediaplayer/_index.scss

@@ -0,0 +1,22 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../slider/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-media-player--styles() {
+    @include import-once( "media-player" ) {
+        @include core-styles();
+        @include kendo-slider--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-icon--styles();
+        @include kendo-media-player--layout();
+        @include kendo-media-player--theme();
+    }
+}

package/scss/mediaplayer/_layout.scss

@@ -0,0 +1,24 @@
+@use "./_variables.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/mediaplayer/_layout.scss" as *;
+
+
+@mixin kendo-media-player--layout() {
+    @include kendo-media-player--layout-base();
+
+    .k-mediaplayer-titlebar {
+        border-radius: inherit;
+        border-end-start-radius: 0;
+        border-end-end-radius: 0;
+    }
+
+    .k-mediaplayer-toolbar-wrap {
+        border-radius: inherit;
+        border-start-start-radius: 0;
+        border-start-end-radius: 0;
+    }
+
+    .k-mediaplayer-toolbar {
+        border-end-start-radius: $kendo-media-player-border-radius;
+        border-end-end-radius: $kendo-media-player-border-radius;
+    }
+}

package/scss/mediaplayer/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/mediaplayer/_theme.scss" as *;
+
+
+@mixin kendo-media-player--theme() {
+    @include kendo-media-player--theme-base();
+}