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

package/lib/swatches/classic-green-dark.json

@@ -3,8 +3,8 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#000000",
         "#131413",

package/lib/swatches/classic-green.json

@@ -3,8 +3,8 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f3f4f3",

package/lib/swatches/classic-lavender-dark.json

@@ -3,8 +3,8 @@
     "name": "Classic Lavender Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#000000",
         "#1b141a",
@@ -825,22 +825,17 @@
                 "kendo-focus-shadow": {
                     "name": "Focus shadow",
                     "type": "shadow",
-                    "value": "0 0 0 2px rgba( 255, 255, 255, .75 )"
-                },
-                "kendo-focus-inset-shadow": {
-                    "name": "Inset focus shadow",
-                    "type": "shadow",
                     "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
                 },
                 "kendo-list-item-focus-shadow": {
                     "name": "List item focus shadow",
                     "type": "shadow",
-                    "value": "$kendo-focus-inset-shadow"
+                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
                 },
                 "kendo-treeview-item-focus-shadow": {
                     "name": "Treeview item focus shadow",
                     "type": "shadow",
-                    "value": "$kendo-focus-inset-shadow"
+                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
                 }
             }
         }

package/lib/swatches/classic-lavender.json

@@ -3,8 +3,8 @@
     "name": "Classic Lavender",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#fafafa",
@@ -757,20 +757,15 @@
                     "type": "shadow",
                     "value": "0 0 0 2px rgba( 0, 0, 0, .12 )"
                 },
-                "kendo-focus-inset-shadow": {
-                    "name": "Inset focus shadow",
-                    "type": "shadow",
-                    "value": "inset 0 0 0 2px rgba( 0, 0, 0, .12 )"
-                },
                 "kendo-list-item-focus-shadow": {
                     "name": "List item focus shadow",
                     "type": "shadow",
-                    "value": "$kendo-focus-inset-shadow"
+                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
                 },
                 "kendo-treeview-item-focus-shadow": {
                     "name": "Treeview item focus shadow",
                     "type": "shadow",
-                    "value": "$kendo-focus-inset-shadow"
+                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
                 }
             }
         }

package/lib/swatches/classic-main-dark.json

@@ -3,8 +3,8 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#000000",
         "#101010",

package/lib/swatches/classic-main.json

@@ -3,8 +3,8 @@
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f0f0f0",

package/lib/swatches/classic-metro-dark.json

@@ -3,8 +3,8 @@
     "name": "Classic Metro Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#000000",
         "#0e0e0e",
@@ -834,20 +834,15 @@
                     "type": "shadow",
                     "value": "0 0 0 2px rgba( 255, 255, 255, .75 )"
                 },
-                "kendo-focus-inset-shadow": {
-                    "name": "Inset focus shadow",
-                    "type": "shadow",
-                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
-                },
                 "kendo-list-item-focus-shadow": {
                     "name": "List item focus shadow",
                     "type": "shadow",
-                    "value": "$kendo-focus-inset-shadow"
+                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
                 },
                 "kendo-treeview-item-focus-shadow": {
                     "name": "Treeview item focus shadow",
                     "type": "shadow",
-                    "value": "$kendo-focus-inset-shadow"
+                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
                 }
             }
         }

package/lib/swatches/classic-metro.json

@@ -3,8 +3,8 @@
     "name": "Classic Metro",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f9f9f9",
@@ -777,20 +777,15 @@
                     "type": "shadow",
                     "value": "0 0 0 2px rgba( 0, 0, 0, .12 )"
                 },
-                "kendo-focus-inset-shadow": {
-                    "name": "Inset focus shadow",
-                    "type": "shadow",
-                    "value": "inset 0 0 0 2px rgba( 0, 0, 0, .12 )"
-                },
                 "kendo-list-item-focus-shadow": {
                     "name": "List item focus shadow",
                     "type": "shadow",
-                    "value": "$kendo-focus-inset-shadow"
+                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
                 },
                 "kendo-treeview-item-focus-shadow": {
                     "name": "Treeview item focus shadow",
                     "type": "shadow",
-                    "value": "$kendo-focus-inset-shadow"
+                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
                 }
             }
         }

package/lib/swatches/classic-moonlight.json

@@ -3,8 +3,8 @@
     "name": "Classic Moonlight",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#1f2a35",
         "#303742",
@@ -829,20 +829,15 @@
                     "type": "shadow",
                     "value": "0 0 0 2px rgba( 255, 255, 255, .75 )"
                 },
-                "kendo-focus-inset-shadow": {
-                    "name": "Inset focus shadow",
-                    "type": "shadow",
-                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
-                },
                 "kendo-list-item-focus-shadow": {
                     "name": "List item focus shadow",
                     "type": "shadow",
-                    "value": "$kendo-focus-inset-shadow"
+                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
                 },
                 "kendo-treeview-item-focus-shadow": {
                     "name": "Treeview item focus shadow",
                     "type": "shadow",
-                    "value": "$kendo-focus-inset-shadow"
+                    "value": "inset 0 0 0 2px rgba( 255, 255, 255, .75 )"
                 }
             }
         }

package/lib/swatches/classic-opal-dark.json

@@ -3,8 +3,8 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#000000",
         "#272727",

package/lib/swatches/classic-opal.json

@@ -3,8 +3,8 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#def4fd",

package/lib/swatches/classic-silver-dark.json

@@ -3,8 +3,8 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#000000",
         "#131314",

package/lib/swatches/classic-silver.json

@@ -3,8 +3,8 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f3f3f4",

package/lib/swatches/classic-uniform.json

@@ -3,8 +3,8 @@
     "name": "Classic Uniform",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.0",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f0f0f0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "9.1.1-dev.2",
+  "version": "10.0.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -40,7 +40,6 @@
     "build": "sass-build",
     "watch": "node ../../scripts/watch-theme",
     "sass": "sass-build",
-    "sass:flat": "gulp dist:flat && sass-build -c sass-flat.config.js",
     "sass:standalone": "sass-build -c sass-standalone.config.js",
     "sass:swatches": "gulp dist:swatches && sass-build -c sass-swatches.config.js",
     "docs": "node ../../scripts/sassdoc.js",
@@ -53,13 +52,13 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^3.1.0",
-    "@progress/kendo-theme-core": "9.1.1-dev.2",
-    "@progress/kendo-theme-default": "9.1.1-dev.2",
-    "@progress/kendo-theme-utils": "9.1.1-dev.2"
+    "@progress/kendo-theme-core": "10.0.0-dev.0",
+    "@progress/kendo-theme-default": "10.0.0-dev.0",
+    "@progress/kendo-theme-utils": "10.0.0-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "ce826b0f553eb3a49efdef386c2f488ca4fbc8d1"
+  "gitHead": "a7d870863610924d89ac6d01cdc1fb97a26da5e9"
 }

package/scss/_variables.scss

@@ -1,39 +1,12 @@
-@import "./core/functions/index.import.scss";
-
-// Options
-$kendo-enable-rounded: true !default;
-$kendo-enable-shadows: true !default;
-$kendo-enable-gradients: true !default;
-$kendo-enable-transitions: true !default;
-$kendo-enable-focus-contrast: false !default;
 $kendo-enable-typography: false !default;
 
 $kendo-use-input-button-width: false !default;
 $kendo-use-input-spinner-width: false !default;
 $kendo-use-input-spinner-icon-offset: false !default;
 
-$kendo-auto-bootstrap: true !default;
-
-$kendo-nested-disabled: true !default;
-
-// Icons
-$kendo-icon-size: 16px !default;
-
-$kendo-icon-size-xs: calc( #{$kendo-icon-size} * .75 ) !default;
-$kendo-icon-size-sm: calc( #{$kendo-icon-size} * .875 ) !default;
-$kendo-icon-size-md: $kendo-icon-size !default;
-$kendo-icon-size-lg: calc( #{$kendo-icon-size} * 1.25 ) !default;
-$kendo-icon-size-xl: calc( #{$kendo-icon-size} * 1.5 ) !default;
-$kendo-icon-size-xxl: calc( #{$kendo-icon-size} * 2 ) !default;
-$kendo-icon-size-xxxl: calc( #{$kendo-icon-size} * 3 ) !default;
-
 $kendo-zindex-popup: 1 !default;
 $kendo-zindex-window: 2 !default;
 
-
-// Color settings
-$kendo-is-dark-theme: false !default;
-
 $kendo-focus-shadow: inset 0 0 0 2px rgba( black, .13 ) !default;
 
 $kendo-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out !default;

package/scss/action-buttons/_index.scss

@@ -1,41 +1,19 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "action-buttons",
-    dependencies: (
-        "button",
-        "icon"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../button/_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-action-buttons--styles() {
-    @include module-render( "action-buttons" ) {
+    @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();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-action-buttons--styles();
-}

package/scss/action-buttons/_layout.scss

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

package/scss/action-buttons/_theme.scss

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

package/scss/action-buttons/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 // Actions
 $kendo-actions-margin-top: k-spacing(4) !default;
 $kendo-actions-padding-x: k-spacing(2) !default;
@@ -9,3 +11,16 @@ $kendo-actions-bg: null !default;
 $kendo-actions-text: null !default;
 $kendo-actions-border: null !default;
 $kendo-actions-gradient: null !default;
+
+
+@forward "@progress/kendo-theme-default/scss/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

@@ -1,45 +1,25 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "action-sheet",
-    dependencies: (
-        "icon",
-        "listgroup",
-        "popup"
-    )
-);
-
-
 // Dependencies
-@import "../icons/_index.scss";
-@import "../listgroup/_index.scss";
-@import "../popup/_index.scss";
-
+@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
-@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-action-sheet--styles() {
-    @include module-render( "action-sheet" ) {
+    @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--layout--overflow();
         @include kendo-utils--typography--text-align();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-action-sheet--styles();
-}

package/scss/action-sheet/_layout.scss

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

package/scss/action-sheet/_theme.scss

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

package/scss/action-sheet/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 // Action sheet
 
 $kendo-actionsheet-padding-x: null !default;
@@ -84,3 +86,70 @@ $kendo-adaptive-actionsheet-content-padding-x: k-spacing(4) !default;
 
 $kendo-adaptive-actionsheet-footer-padding-y: k-spacing(2) !default;
 $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/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-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-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-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-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-adaptive-actionsheet-font-size: $kendo-adaptive-actionsheet-font-size,
+    $kendo-adaptive-actionsheet-titlebar-border-width: $kendo-adaptive-actionsheet-titlebar-border-width,
+    $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-titlebar-border: $kendo-adaptive-actionsheet-titlebar-border,
+    $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
+);