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

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@progress/kendo-theme-meridian",
+  "description": "Meridian theme for Kendo UI",
+  "version": "14.0.0-dev.1",
+  "author": "Progress",
+  "license": "Apache-2.0",
+  "keywords": [
+    "Kendo UI",
+    "Theme"
+  ],
+  "main": "dist/all.css",
+  "sass": "scss/all.scss",
+  "files": [
+    "dist/",
+    "scss/",
+    "lib/"
+  ],
+  "homepage": "https://github.com/telerik/kendo-themes/tree/master/packages/meridian",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telerik/kendo-themes.git",
+    "directory": "packages/meridian"
+  },
+  "bugs": {
+    "url": "https://github.com/telerik/kendo-themes/issues/new?labels=bug,T:Meridian&template=bug_report.md"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "kendo": {
+    "themebuilder": {
+      "swatches": {
+        "path": "lib/swatches",
+        "default": "meridian-main.json"
+      }
+    }
+  },
+  "scripts": {
+    "sass": "npm run sass:compile:all && npm run css:prefix",
+    "sass:dist": "gulp sass:dist --theme packages/meridian && npm run sass:compile:dist && npm run css:prefix",
+    "sass:compile:all": "npx sass --no-source-map --load-path=../../node_modules ./scss/all.scss ./dist/all.css",
+    "sass:compile:dist": "npx sass --style=compressed --no-source-map --load-path=../../node_modules ./dist:dist",
+    "sass:watch": "npx sass --no-source-map --load-path=../../node_modules --watch ./scss/all.scss ./dist/all.css",
+    "css:prefix": "npx postcss --replace ./dist/**/*.css",
+    "docs": "node ../../scripts/sassdoc.js",
+    "docs:check": "npm run docs && git diff --name-only --exit-code -- docs",
+    "predocs": "npm run resolve-variables",
+    "resolve-variables": "node ../../scripts/resolve-variables.js",
+    "nuget-pack": "jq '.version' package.json | xargs nuget pack package.nuspec -Version",
+    "nuget-push": "nuget push *.nupkg -ApiKey $NUGET_API_KEY -Source $NUGET_FEED -SkipDuplicate",
+    "prepublishOnly": "node ../../scripts/themes-prepublish.js",
+    "postpublish": "echo 'no postpublish for meridian theme'"
+  },
+  "dependencies": {
+    "@progress/kendo-svg-icons": "^4.8.0",
+    "@progress/kendo-theme-core": "14.0.0-dev.1",
+    "@progress/kendo-theme-utils": "14.0.0-dev.1"
+  },
+  "directories": {
+    "doc": "docs",
+    "lib": "lib"
+  },
+  "gitHead": "780438a25511afc7e4aef75ff1fd10a259b64356"
+}

package/scss/_variables.scss

@@ -0,0 +1,6 @@
+$kendo-zindex-popup: 1 !default;
+$kendo-zindex-window: 2 !default;
+
+// TODO: refactor
+/// Box shadow of focused items.
+$kendo-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;

package/scss/action-buttons/_index.scss

@@ -0,0 +1,19 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../button/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+// Expose
+@mixin kendo-action-buttons--styles() {
+    @include import-once( "action-buttons" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-action-buttons--layout();
+        @include kendo-action-buttons--theme();
+        @include kendo-utils--flex-grid--justify-content();
+    }
+}

package/scss/action-buttons/_layout.scss

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

package/scss/action-buttons/_theme.scss

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

package/scss/action-buttons/_variables.scss

@@ -0,0 +1,44 @@
+@use "../core/_index.scss" as *;
+
+// Actions
+
+/// The top margin of the ActionButtons.
+/// @group action-buttons
+$kendo-actions-margin-top: k-spacing(4) !default;
+/// The horizontal padding of the ActionButtons.
+/// @group action-buttons
+$kendo-actions-padding-x: k-spacing(3) !default;
+/// The vertical padding of the ActionButtons.
+/// @group action-buttons
+$kendo-actions-padding-y: k-spacing(3) !default;
+/// The width of the border around the ActionButtons.
+/// @group action-buttons
+$kendo-actions-border-width: 0px !default;
+/// The spacing between the ActionButtons buttons.
+/// @group action-buttons
+$kendo-actions-button-spacing: k-spacing(2) !default;
+
+/// The background color of the ActionButtons.
+/// @group action-buttons
+$kendo-actions-bg: null !default;
+/// The text color of the ActionButtons.
+/// @group action-buttons
+$kendo-actions-text: null !default;
+/// The border color of the ActionButtons.
+/// @group action-buttons
+$kendo-actions-border: null !default;
+/// The background gradient of the ActionButtons.
+/// @group action-buttons
+$kendo-actions-gradient: null !default;
+
+@forward "@progress/kendo-theme-core/scss/components/action-buttons/_variables.scss" with (
+    $kendo-actions-margin-top: $kendo-actions-margin-top,
+    $kendo-actions-padding-x: $kendo-actions-padding-x,
+    $kendo-actions-padding-y: $kendo-actions-padding-y,
+    $kendo-actions-border-width: $kendo-actions-border-width,
+    $kendo-actions-button-spacing: $kendo-actions-button-spacing,
+    $kendo-actions-bg: $kendo-actions-bg,
+    $kendo-actions-text: $kendo-actions-text,
+    $kendo-actions-border: $kendo-actions-border,
+    $kendo-actions-gradient: $kendo-actions-gradient
+);

package/scss/action-sheet/_index.scss

@@ -0,0 +1,24 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../listgroup/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-action-sheet--styles() {
+    @include import-once( "action-sheet" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-listgroup--styles();
+        @include kendo-popup--styles();
+        @include kendo-action-sheet--layout();
+        @include kendo-action-sheet--theme();
+        @include kendo-utils--typography--text-align();
+    }
+}

package/scss/action-sheet/_layout.scss

@@ -0,0 +1,17 @@
+@use "@progress/kendo-theme-core/scss/components/action-sheet/_layout.scss" as *;
+@use "../core/index.scss" as *;
+@use "../list/_variables.scss" as *;
+
+
+@mixin kendo-action-sheet--layout() {
+    @include kendo-action-sheet--layout-base();
+
+    .k-actionsheet-item {
+        transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
+    }
+
+    .k-actionsheet .k-list-ul {
+        padding-inline: $kendo-list-container-padding-inline;
+        padding-block: $kendo-list-container-padding-block;
+    }
+}

package/scss/action-sheet/_theme.scss

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

package/scss/action-sheet/_variables.scss

@@ -0,0 +1,327 @@
+@use "../core/_index.scss" as *;
+
+// Action sheet
+
+/// The horizontal padding of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-padding-x: null !default;
+/// The vertical padding of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-padding-y: null !default;
+/// The width of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-width: 360px !default;
+/// The maximum width of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-max-width: 100% !default;
+/// The height of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-height: 60vh !default;
+/// The maximum height of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-max-height: 60vh !default;
+
+/// The width of the border around the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-border-width: 0px !default;
+/// The border radius of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-border-radius: 0px !default;
+
+/// The font size of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-font-size: var( --kendo-font-size, inherit ) !default;
+/// The font family of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-font-family: var( --kendo-font-family, inherit ) !default;
+/// The line height of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-line-height: var( --kendo-line-height, normal ) !default;
+
+/// The background color of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-bg: k-elevation-bg(2, k-color(surface-alt)) !default;
+/// The text color of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-text: k-color(on-app-surface) !default;
+/// The border color of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-border: k-color(border) !default;
+/// The shadow of the ActionSheet.
+/// @group action-sheet
+$kendo-actionsheet-shadow: k-elevation(2) !default;
+
+
+// Actionsheet header
+/// The horizontal padding of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-padding-x: k-spacing(4) !default;
+/// The vertical padding of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-padding-y: k-spacing(4) !default;
+/// The width of the border around the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-border-width: 1px !default;
+/// The font size of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-font-size: var(--kendo-h6-font-size) !default;
+/// The font family of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-font-family: null !default;
+/// The font weight of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-font-weight: var(--kendo-font-weight-medium) !default;
+/// The line height of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-line-height: 1.2 !default;
+/// The gap of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-gap: k-spacing(3) !default;
+
+/// The background color of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-bg: null !default;
+/// The text color of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-text: null !default;
+/// The border color of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-border: k-color(border) !default;
+/// The background gradient of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-gradient: null !default;
+/// The shadow of the ActionSheet titlebar.
+/// @group action-sheet
+$kendo-actionsheet-titlebar-shadow: null !default;
+
+/// The font size of the ActionSheet subtitle.
+/// @group action-sheet
+$kendo-actionsheet-subtitle-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the ActionSheet subtitle.
+/// @group action-sheet
+$kendo-actionsheet-subtitle-line-height: var( --kendo-line-height-sm, normal ) !default;
+/// The text color of the ActionSheet subtitle.
+/// @group action-sheet
+$kendo-actionsheet-subtitle-text: k-color(subtle) !default;
+
+/// The width of the border around the ActionSheet footer.
+/// @group action-sheet
+$kendo-actionsheet-footer-border-width: 1px !default;
+
+/// The background color of the ActionSheet footer.
+/// @group action-sheet
+$kendo-actionsheet-footer-bg: null !default;
+/// The text color of the ActionSheet footer.
+/// @group action-sheet
+$kendo-actionsheet-footer-text: null !default;
+/// The border color of the ActionSheet footer.
+/// @group action-sheet
+$kendo-actionsheet-footer-border: k-color(border) !default;
+/// The background gradient of the ActionSheet footer.
+/// @group action-sheet
+$kendo-actionsheet-footer-gradient: null !default;
+/// The shadow of the ActionSheet footer.
+/// @group action-sheet
+$kendo-actionsheet-footer-shadow: null !default;
+
+// Actionsheet item
+/// The minimum height of the ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-min-height: 40px !default;
+/// The horizontal padding of the ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-padding-x: k-spacing(4) !default;
+/// The vertical padding of the ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-padding-y: k-spacing(2) !default;
+/// The width of the border around the ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-border-width: 1px !default;
+/// The spacing between the ActionSheet items.
+/// @group action-sheet
+$kendo-actionsheet-item-spacing: k-spacing(2) !default;
+/// The border radius of the ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-border-radius: k-border-radius(sm) !default;
+
+/// The font weight of the ActionSheet item title.
+/// @group action-sheet
+$kendo-actionsheet-item-title-font-weight: null !default;
+/// The text transform of the ActionSheet item title.
+/// @group action-sheet
+$kendo-actionsheet-item-title-text-transform: null !default;
+
+/// The font size of the ActionSheet item description.
+/// @group action-sheet
+$kendo-actionsheet-item-description-font-size: var(--kendo-font-size-sm) !default;
+/// The text color of the ActionSheet item description.
+/// @group action-sheet
+$kendo-actionsheet-item-description-text: k-color(subtle) !default;
+/// The line height of the ActionSheet item description.
+/// @group action-sheet
+$kendo-actionsheet-item-description-line-height: null !default;
+/// The background color of the hovered ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-hover-bg: k-color(primary-subtle-hover) !default;
+/// The text color of the hovered ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-hover-text: k-color(primary-on-subtle) !default;
+/// The border color of the hovered ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-hover-border: null !default;
+/// The background gradient of the hovered ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-hover-gradient: null !default;
+/// The shadow of the hovered ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-hover-shadow: null !default;
+
+/// The background color of the focused ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-focus-bg: null !default;
+/// The text color of the focused ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-focus-text: null !default;
+/// The border color of the focused ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-focus-border: null !default;
+/// The background gradient of the focused ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-focus-gradient: null !default;
+/// The shadow of the focused ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-focus-shadow: $kendo-focus-shadow !default;
+
+/// The background color of the disabled ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-disabled-bg: null !default;
+/// The text color of the disabled ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-disabled-text: null !default;
+/// The border color of the disabled ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-disabled-border: null !default;
+/// The background gradient of the disabled ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-disabled-gradient: null !default;
+/// The shadow of the disabled ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-disabled-shadow: null !default;
+
+/// The hover background of the ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-hover-background: null !default;
+/// The focus background of the ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-focus-background: null !default;
+/// The opacity of the disabled ActionSheet item.
+/// @group action-sheet
+$kendo-actionsheet-item-disabled-opacity: 0.6 !default;
+
+// Adaptive Actionsheet
+/// The font size of the adaptive ActionSheet.
+/// @group action-sheet
+$kendo-adaptive-actionsheet-font-size: var( --kendo-font-size-lg, inherit ) !default;
+/// The line height of the adaptive ActionSheet.
+/// @group action-sheet
+$kendo-adaptive-actionsheet-line-height: var( --kendo-line-height, inherit ) !default;
+/// The vertical padding of the adaptive ActionSheet titlebar.
+/// @group action-sheet
+$kendo-adaptive-actionsheet-titlebar-padding-y: k-spacing(4) !default;
+/// The horizontal padding of the adaptive ActionSheet titlebar.
+/// @group action-sheet
+$kendo-adaptive-actionsheet-titlebar-padding-x: $kendo-adaptive-actionsheet-titlebar-padding-y !default;
+/// The border color of the adaptive ActionSheet titlebar.
+/// @group action-sheet
+$kendo-adaptive-actionsheet-titlebar-border: k-color(border) !default;
+
+/// The vertical padding of the adaptive ActionSheet content.
+/// @group action-sheet
+$kendo-adaptive-actionsheet-content-padding-y: k-spacing(2) !default;
+/// The horizontal padding of the adaptive ActionSheet content.
+/// @group action-sheet
+$kendo-adaptive-actionsheet-content-padding-x: k-spacing(4) !default;
+
+/// The vertical padding of the adaptive ActionSheet footer.
+/// @group action-sheet
+$kendo-adaptive-actionsheet-footer-padding-y: k-spacing(2) !default;
+/// The horizontal padding of the adaptive ActionSheet footer.
+/// @group action-sheet
+$kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/action-sheet/_variables.scss" with (
+    $kendo-actionsheet-padding-x: $kendo-actionsheet-padding-x,
+    $kendo-actionsheet-padding-y: $kendo-actionsheet-padding-y,
+    $kendo-actionsheet-width: $kendo-actionsheet-width,
+    $kendo-actionsheet-max-width: $kendo-actionsheet-max-width,
+    $kendo-actionsheet-height: $kendo-actionsheet-height,
+    $kendo-actionsheet-max-height: $kendo-actionsheet-max-height,
+    $kendo-actionsheet-border-width: $kendo-actionsheet-border-width,
+    $kendo-actionsheet-border-radius: $kendo-actionsheet-border-radius,
+    $kendo-actionsheet-font-size: $kendo-actionsheet-font-size,
+    $kendo-actionsheet-font-family: $kendo-actionsheet-font-family,
+    $kendo-actionsheet-line-height: $kendo-actionsheet-line-height,
+    $kendo-actionsheet-bg: $kendo-actionsheet-bg,
+    $kendo-actionsheet-text: $kendo-actionsheet-text,
+    $kendo-actionsheet-border: $kendo-actionsheet-border,
+    $kendo-actionsheet-shadow: $kendo-actionsheet-shadow,
+    $kendo-actionsheet-titlebar-padding-x: $kendo-actionsheet-titlebar-padding-x,
+    $kendo-actionsheet-titlebar-padding-y: $kendo-actionsheet-titlebar-padding-y,
+    $kendo-actionsheet-titlebar-border-width: $kendo-actionsheet-titlebar-border-width,
+    $kendo-actionsheet-titlebar-font-size: $kendo-actionsheet-titlebar-font-size,
+    $kendo-actionsheet-titlebar-font-family: $kendo-actionsheet-titlebar-font-family,
+    $kendo-actionsheet-titlebar-font-weight: $kendo-actionsheet-titlebar-font-weight,
+    $kendo-actionsheet-titlebar-line-height: $kendo-actionsheet-titlebar-line-height,
+    $kendo-actionsheet-titlebar-gap: $kendo-actionsheet-titlebar-gap,
+    $kendo-actionsheet-titlebar-bg: $kendo-actionsheet-titlebar-bg,
+    $kendo-actionsheet-titlebar-text: $kendo-actionsheet-titlebar-text,
+    $kendo-actionsheet-titlebar-border: $kendo-actionsheet-titlebar-border,
+    $kendo-actionsheet-titlebar-gradient: $kendo-actionsheet-titlebar-gradient,
+    $kendo-actionsheet-titlebar-shadow: $kendo-actionsheet-titlebar-shadow,
+    $kendo-actionsheet-subtitle-font-size: $kendo-actionsheet-subtitle-font-size,
+    $kendo-actionsheet-subtitle-line-height: $kendo-actionsheet-subtitle-line-height,
+    $kendo-actionsheet-footer-border-width: $kendo-actionsheet-footer-border-width,
+    $kendo-actionsheet-footer-bg: $kendo-actionsheet-footer-bg,
+    $kendo-actionsheet-footer-text: $kendo-actionsheet-footer-text,
+    $kendo-actionsheet-footer-border: $kendo-actionsheet-footer-border,
+    $kendo-actionsheet-footer-gradient: $kendo-actionsheet-footer-gradient,
+    $kendo-actionsheet-footer-shadow: $kendo-actionsheet-footer-shadow,
+    $kendo-actionsheet-subtitle-text: $kendo-actionsheet-subtitle-text,
+    $kendo-actionsheet-item-min-height: $kendo-actionsheet-item-min-height,
+    $kendo-actionsheet-item-padding-x: $kendo-actionsheet-item-padding-x,
+    $kendo-actionsheet-item-padding-y: $kendo-actionsheet-item-padding-y,
+    $kendo-actionsheet-item-border-width: $kendo-actionsheet-item-border-width,
+    $kendo-actionsheet-item-spacing: $kendo-actionsheet-item-spacing,
+    $kendo-actionsheet-item-border-radius: $kendo-actionsheet-item-border-radius,
+    $kendo-actionsheet-item-title-font-weight: $kendo-actionsheet-item-title-font-weight,
+    $kendo-actionsheet-item-title-text-transform: $kendo-actionsheet-item-title-text-transform,
+    $kendo-actionsheet-item-description-font-size: $kendo-actionsheet-item-description-font-size,
+    $kendo-actionsheet-item-description-line-height: $kendo-actionsheet-item-description-line-height,
+    $kendo-actionsheet-item-description-text: $kendo-actionsheet-item-description-text,
+    $kendo-actionsheet-item-hover-bg: $kendo-actionsheet-item-hover-bg,
+    $kendo-actionsheet-item-hover-text: $kendo-actionsheet-item-hover-text,
+    $kendo-actionsheet-item-hover-border: $kendo-actionsheet-item-hover-border,
+    $kendo-actionsheet-item-hover-gradient: $kendo-actionsheet-item-hover-gradient,
+    $kendo-actionsheet-item-hover-shadow: $kendo-actionsheet-item-hover-shadow,
+    $kendo-actionsheet-item-focus-bg: $kendo-actionsheet-item-focus-bg,
+    $kendo-actionsheet-item-focus-text: $kendo-actionsheet-item-focus-text,
+    $kendo-actionsheet-item-focus-border: $kendo-actionsheet-item-focus-border,
+    $kendo-actionsheet-item-focus-gradient: $kendo-actionsheet-item-focus-gradient,
+    $kendo-actionsheet-item-focus-shadow: $kendo-actionsheet-item-focus-shadow,
+    $kendo-actionsheet-item-disabled-bg: $kendo-actionsheet-item-disabled-bg,
+    $kendo-actionsheet-item-disabled-text: $kendo-actionsheet-item-disabled-text,
+    $kendo-actionsheet-item-disabled-border: $kendo-actionsheet-item-disabled-border,
+    $kendo-actionsheet-item-disabled-gradient: $kendo-actionsheet-item-disabled-gradient,
+    $kendo-actionsheet-item-disabled-shadow: $kendo-actionsheet-item-disabled-shadow,
+    $kendo-actionsheet-item-hover-background: $kendo-actionsheet-item-hover-background,
+    $kendo-actionsheet-item-focus-background: $kendo-actionsheet-item-focus-background,
+    $kendo-actionsheet-item-disabled-opacity: $kendo-actionsheet-item-disabled-opacity,
+    $kendo-adaptive-actionsheet-font-size: $kendo-adaptive-actionsheet-font-size,
+    $kendo-adaptive-actionsheet-line-height: $kendo-adaptive-actionsheet-line-height,
+    $kendo-adaptive-actionsheet-titlebar-padding-y: $kendo-adaptive-actionsheet-titlebar-padding-y,
+    $kendo-adaptive-actionsheet-titlebar-padding-x: $kendo-adaptive-actionsheet-titlebar-padding-x,
+    $kendo-adaptive-actionsheet-content-padding-y: $kendo-adaptive-actionsheet-content-padding-y,
+    $kendo-adaptive-actionsheet-content-padding-x: $kendo-adaptive-actionsheet-content-padding-x,
+    $kendo-adaptive-actionsheet-footer-padding-y: $kendo-adaptive-actionsheet-footer-padding-y,
+    $kendo-adaptive-actionsheet-footer-padding-x: $kendo-adaptive-actionsheet-footer-padding-x
+);

package/scss/adaptive/_index.scss

@@ -0,0 +1,26 @@
+// Dependencies (TODO: extract variables)
+@use "../core/_index.scss" as *;
+@use "../listgroup/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
+@use "../radio/_index.scss" as *;
+@use "../switch/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-adaptive--styles() {
+    @include import-once( "adaptive" ) {
+        @include core-styles();
+        @include kendo-listgroup--styles();
+        @include kendo-checkbox--styles();
+        @include kendo-radio--styles();
+        @include kendo-switch--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-adaptive--layout();
+        @include kendo-adaptive--theme();
+    }
+}

package/scss/adaptive/_layout.scss

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

package/scss/adaptive/_theme.scss

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

package/scss/adaptive/_variables.scss

@@ -0,0 +1,90 @@
+@use "../core/_index.scss" as *;
+
+
+// Adaptive
+/// The background color of the Adaptive component.
+/// @group adaptive
+$kendo-adaptive-bg: k-color(surface-alt) !default;
+/// The text color of the Adaptive component.
+/// @group adaptive
+$kendo-adaptive-text: k-color(on-app-surface) !default;
+/// The border color of the Adaptive component.
+/// @group adaptive
+$kendo-adaptive-border: k-color(border) !default;
+
+/// The background color of the Adaptive content.
+/// @group adaptive
+$kendo-adaptive-content-bg: k-color(surface) !default;
+/// The text color of the Adaptive content.
+/// @group adaptive
+$kendo-adaptive-content-text: k-color(on-app-surface) !default;
+
+/// The background color of the Adaptive menu.
+/// @group adaptive
+$kendo-adaptive-menu-bg: k-color(primary) !default;
+/// The text color of the Adaptive menu.
+/// @group adaptive
+$kendo-adaptive-menu-text: k-color(on-primary) !default;
+
+/// The text color of the Adaptive menu clear button.
+/// @group adaptive
+$kendo-adaptive-menu-clear-text: k-color(primary) !default;
+
+/// The border color of the Adaptive menu item.
+/// @group adaptive
+$kendo-adaptive-menu-item-border: k-color(border) !default;
+/// The text color of the Adaptive menu title.
+/// @group adaptive
+$kendo-adaptive-menu-title-text: k-color(on-app-surface) !default;
+
+/// The width of the border around the Adaptive component.
+/// @group adaptive
+$kendo-adaptive-border-width: 1px !default;
+/// The font family of the Adaptive component.
+/// @group adaptive
+$kendo-adaptive-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Adaptive component.
+/// @group adaptive
+$kendo-adaptive-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Adaptive component.
+/// @group adaptive
+$kendo-adaptive-line-height: var( --kendo-line-height, normal ) !default;
+
+
+// Adaptive Grid
+/// The text color of the Adaptive Grid sort indicator.
+/// @group adaptive
+$kendo-adaptive-grid-sort-text: k-color(primary) !default;
+
+
+// Adaptive Scheduler
+/// The text color of the current date in the Adaptive Scheduler.
+/// @group adaptive
+$kendo-adaptive-scheduler-current-text: k-color(primary) !default;
+/// The base text color of the Adaptive Scheduler.
+/// @group adaptive
+$kendo-adaptive-scheduler-base-text: inherit !default;
+/// The subtle text color of the Adaptive Scheduler.
+/// @group adaptive
+$kendo-adaptive-scheduler-subtle-text: k-color(on-app-surface) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/adaptive/_variables.scss" with (
+    $kendo-adaptive-bg: $kendo-adaptive-bg,
+    $kendo-adaptive-text: $kendo-adaptive-text,
+    $kendo-adaptive-border: $kendo-adaptive-border,
+    $kendo-adaptive-content-bg: $kendo-adaptive-content-bg,
+    $kendo-adaptive-content-text: $kendo-adaptive-content-text,
+    $kendo-adaptive-menu-bg: $kendo-adaptive-menu-bg,
+    $kendo-adaptive-menu-text: $kendo-adaptive-menu-text,
+    $kendo-adaptive-menu-clear-text: $kendo-adaptive-menu-clear-text,
+    $kendo-adaptive-menu-item-border: $kendo-adaptive-menu-item-border,
+    $kendo-adaptive-menu-title-text: $kendo-adaptive-menu-title-text,
+    $kendo-adaptive-border-width: $kendo-adaptive-border-width,
+    $kendo-adaptive-font-family: $kendo-adaptive-font-family,
+    $kendo-adaptive-font-size: $kendo-adaptive-font-size,
+    $kendo-adaptive-line-height: $kendo-adaptive-line-height,
+    $kendo-adaptive-grid-sort-text: $kendo-adaptive-grid-sort-text,
+    $kendo-adaptive-scheduler-current-text: $kendo-adaptive-scheduler-current-text,
+    $kendo-adaptive-scheduler-base-text: $kendo-adaptive-scheduler-base-text,
+    $kendo-adaptive-scheduler-subtle-text: $kendo-adaptive-scheduler-subtle-text
+);