@progress/kendo-theme-classic 10.3.2-dev.1 → 10.4.0

package/dist/meta/variables.json

@@ -8309,8 +8309,8 @@
         "value": "var(--kendo-spacing-2, 0.5rem)"
     },
     "kendo-actionsheet-titlebar-border-width": {
-        "type": "Null",
-        "value": "null"
+        "type": "Number",
+        "value": "1px"
     },
     "kendo-actionsheet-titlebar-font-size": {
         "type": "Null",
@@ -8337,8 +8337,8 @@
         "value": "null"
     },
     "kendo-actionsheet-titlebar-border": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-color-border, #cacaca)"
     },
     "kendo-actionsheet-titlebar-gradient": {
         "type": "Null",
@@ -8360,6 +8360,30 @@
         "type": "String",
         "value": "var(--kendo-color-subtle, #666666)"
     },
+    "kendo-actionsheet-footer-border-width": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-actionsheet-footer-bg": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-actionsheet-footer-text": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-actionsheet-footer-border": {
+        "type": "String",
+        "value": "var(--kendo-color-border, #cacaca)"
+    },
+    "kendo-actionsheet-footer-gradient": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-actionsheet-footer-shadow": {
+        "type": "Null",
+        "value": "null"
+    },
     "kendo-actionsheet-item-min-height": {
         "type": "Number",
         "value": "40px"
@@ -8472,10 +8496,6 @@
         "type": "String",
         "value": "var(--kendo-font-size-lg, inherit)"
     },
-    "kendo-adaptive-actionsheet-titlebar-border-width": {
-        "type": "Number",
-        "value": "1px"
-    },
     "kendo-adaptive-actionsheet-titlebar-padding-y": {
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
@@ -8484,10 +8504,6 @@
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
     },
-    "kendo-adaptive-actionsheet-titlebar-border": {
-        "type": "String",
-        "value": "var(--kendo-color-border, #cacaca)"
-    },
     "kendo-adaptive-actionsheet-content-padding-y": {
         "type": "String",
         "value": "var(--kendo-spacing-2, 0.5rem)"
@@ -15437,5 +15453,97 @@
                 "input-width": "calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))"
             }
         }
+    },
+    "kendo-column-menu-item-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-column-menu-item-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1, 0.25rem)"
+    },
+    "kendo-column-menu-item-sm-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-column-menu-item-sm-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5, 0.125rem)"
+    },
+    "kendo-column-menu-item-md-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-column-menu-item-md-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1, 0.25rem)"
+    },
+    "kendo-column-menu-item-lg-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-column-menu-item-lg-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1\\.5, 0.375rem)"
+    },
+    "kendo-column-menu-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size, inherit)"
+    },
+    "kendo-column-menu-sm-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size, inherit)"
+    },
+    "kendo-column-menu-md-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size, inherit)"
+    },
+    "kendo-column-menu-lg-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size-lg, inherit)"
+    },
+    "kendo-column-menu-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height, normal)"
+    },
+    "kendo-column-menu-sm-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height, normal)"
+    },
+    "kendo-column-menu-md-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height, normal)"
+    },
+    "kendo-column-menu-lg-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height-lg, normal)"
+    },
+    "kendo-column-menu-font-family": {
+        "type": "String",
+        "value": "var(--kendo-font-family, inherit)"
+    },
+    "kendo-column-menu-sizes": {
+        "type": "Map",
+        "value": "(sm: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-0\\.5, 0.125rem), font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal)), md: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-1, 0.25rem), font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal)), lg: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-1\\.5, 0.375rem), font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal)))",
+        "prettyValue": {
+            "sm": {
+                "padding-x": "var(--kendo-spacing-2, 0.5rem)",
+                "padding-y": "var(--kendo-spacing-0\\.5, 0.125rem)",
+                "font-size": "var(--kendo-font-size, inherit)",
+                "line-height": "var(--kendo-line-height, normal)"
+            },
+            "md": {
+                "padding-x": "var(--kendo-spacing-2, 0.5rem)",
+                "padding-y": "var(--kendo-spacing-1, 0.25rem)",
+                "font-size": "var(--kendo-font-size, inherit)",
+                "line-height": "var(--kendo-line-height, normal)"
+            },
+            "lg": {
+                "padding-x": "var(--kendo-spacing-2, 0.5rem)",
+                "padding-y": "var(--kendo-spacing-1\\.5, 0.375rem)",
+                "font-size": "var(--kendo-font-size-lg, inherit)",
+                "line-height": "var(--kendo-line-height-lg, normal)"
+            }
+        }
     }
 }

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

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Classic Lavender Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-lavender.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-main.json

@@ -3,7 +3,7 @@
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Classic Metro Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-metro.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-moonlight.json

@@ -3,7 +3,7 @@
     "name": "Classic Moonlight",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#1f2a35",

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

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-uniform.json

@@ -3,7 +3,7 @@
     "name": "Classic Uniform",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.3.2-dev.1",
+    "version": "10.4.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "10.3.2-dev.1",
+  "version": "10.4.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,12 +53,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.0.0",
-    "@progress/kendo-theme-core": "10.3.2-dev.1",
-    "@progress/kendo-theme-utils": "10.3.2-dev.1"
+    "@progress/kendo-theme-core": "10.4.0",
+    "@progress/kendo-theme-utils": "10.4.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "e5d03994478433e3ebee6e8050002d4960479017"
+  "gitHead": "1938734e5ab830898c160ff8b1263c537dd3a676"
 }

package/scss/action-sheet/_index.scss

@@ -19,7 +19,6 @@
         @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();
     }
 }

package/scss/action-sheet/_variables.scss

@@ -25,7 +25,7 @@ $kendo-actionsheet-shadow: k-elevation(7) !default;
 // Actionsheet header
 $kendo-actionsheet-titlebar-padding-x: k-spacing(4) !default;
 $kendo-actionsheet-titlebar-padding-y: k-spacing(2) !default;
-$kendo-actionsheet-titlebar-border-width: null !default;
+$kendo-actionsheet-titlebar-border-width: 1px !default;
 $kendo-actionsheet-titlebar-font-size: null !default;
 $kendo-actionsheet-titlebar-font-family: null !default;
 $kendo-actionsheet-titlebar-line-height: null !default;
@@ -33,7 +33,7 @@ $kendo-actionsheet-titlebar-gap: k-spacing(4) !default;
 
 $kendo-actionsheet-titlebar-bg: null !default;
 $kendo-actionsheet-titlebar-text: null !default;
-$kendo-actionsheet-titlebar-border: null !default;
+$kendo-actionsheet-titlebar-border: $kendo-component-border !default;
 $kendo-actionsheet-titlebar-gradient: null !default;
 $kendo-actionsheet-titlebar-shadow: null !default;
 
@@ -41,6 +41,13 @@ $kendo-actionsheet-subtitle-font-size: var( --kendo-font-size-sm, inherit ) !def
 $kendo-actionsheet-subtitle-line-height: var( --kendo-line-height-sm, normal ) !default;
 $kendo-actionsheet-subtitle-text: $kendo-subtle-text !default;
 
+$kendo-actionsheet-footer-border-width: 1px !default;
+
+$kendo-actionsheet-footer-bg: null !default;
+$kendo-actionsheet-footer-text: null !default;
+$kendo-actionsheet-footer-border: $kendo-component-border !default;
+$kendo-actionsheet-footer-gradient: null !default;
+$kendo-actionsheet-footer-shadow: null !default;
 
 // Actionsheet item
 $kendo-actionsheet-item-min-height: 40px !default;
@@ -76,10 +83,8 @@ $kendo-actionsheet-item-disabled-shadow: null !default;
 
 // Adaptive Actionsheet
 $kendo-adaptive-actionsheet-font-size: var( --kendo-font-size-lg, inherit ) !default;
-$kendo-adaptive-actionsheet-titlebar-border-width: 1px !default;
 $kendo-adaptive-actionsheet-titlebar-padding-y: k-spacing(4) !default;
 $kendo-adaptive-actionsheet-titlebar-padding-x: $kendo-adaptive-actionsheet-titlebar-padding-y !default;
-$kendo-adaptive-actionsheet-titlebar-border: $kendo-component-border !default;
 
 $kendo-adaptive-actionsheet-content-padding-y: k-spacing(2) !default;
 $kendo-adaptive-actionsheet-content-padding-x: k-spacing(4) !default;
@@ -118,6 +123,12 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
     $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,
@@ -144,10 +155,8 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
     $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,

package/scss/column-menu/_index.scss

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

package/scss/column-menu/_layout.scss

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

package/scss/column-menu/_theme.scss

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

package/scss/column-menu/_variables.scss

@@ -0,0 +1,68 @@
+@use "../core/_index.scss" as *;
+
+$kendo-column-menu-item-padding-x: k-spacing(2) !default;
+$kendo-column-menu-item-padding-y: k-spacing(1) !default;
+
+$kendo-column-menu-item-sm-padding-x: $kendo-column-menu-item-padding-x !default;
+$kendo-column-menu-item-sm-padding-y: k-spacing(0.5) !default;
+
+$kendo-column-menu-item-md-padding-x: $kendo-column-menu-item-padding-x !default;
+$kendo-column-menu-item-md-padding-y: $kendo-column-menu-item-padding-y !default;
+
+$kendo-column-menu-item-lg-padding-x: $kendo-column-menu-item-padding-x !default;
+$kendo-column-menu-item-lg-padding-y: k-spacing(1.5) !default;
+
+$kendo-column-menu-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-column-menu-sm-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-column-menu-md-font-size: var( --kendo-font-size, inherit ) !default;
+$kendo-column-menu-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
+
+$kendo-column-menu-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-column-menu-sm-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-column-menu-md-line-height: var( --kendo-line-height, normal ) !default;
+$kendo-column-menu-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
+
+$kendo-column-menu-font-family: var( --kendo-font-family, inherit ) !default;
+
+$kendo-column-menu-sizes: (
+    sm: (
+        padding-x: $kendo-column-menu-item-sm-padding-x,
+        padding-y: $kendo-column-menu-item-sm-padding-y,
+        font-size: $kendo-column-menu-sm-font-size,
+        line-height: $kendo-column-menu-sm-line-height
+    ),
+    md: (
+        padding-x: $kendo-column-menu-item-md-padding-x,
+        padding-y: $kendo-column-menu-item-md-padding-y,
+        font-size: $kendo-column-menu-md-font-size,
+        line-height: $kendo-column-menu-md-line-height
+    ),
+    lg: (
+        padding-x: $kendo-column-menu-item-lg-padding-x,
+        padding-y: $kendo-column-menu-item-lg-padding-y,
+        font-size: $kendo-column-menu-lg-font-size,
+        line-height: $kendo-column-menu-lg-line-height
+    )
+) !default;
+
+
+@forward "@progress/kendo-theme-core/scss/components/column-menu/_variables.scss" with (
+    $kendo-column-menu-font-size: $kendo-column-menu-font-size,
+    $kendo-column-menu-sm-font-size: $kendo-column-menu-sm-font-size,
+    $kendo-column-menu-md-font-size: $kendo-column-menu-md-font-size,
+    $kendo-column-menu-lg-font-size: $kendo-column-menu-lg-font-size,
+    $kendo-column-menu-line-height: $kendo-column-menu-line-height,
+    $kendo-column-menu-sm-line-height: $kendo-column-menu-sm-line-height,
+    $kendo-column-menu-md-line-height: $kendo-column-menu-md-line-height,
+    $kendo-column-menu-lg-line-height: $kendo-column-menu-lg-line-height,
+    $kendo-column-menu-font-family: $kendo-column-menu-font-family,
+    $kendo-column-menu-item-padding-x: $kendo-column-menu-item-padding-x,
+    $kendo-column-menu-item-padding-y: $kendo-column-menu-item-padding-y,
+    $kendo-column-menu-item-sm-padding-x: $kendo-column-menu-item-sm-padding-x,
+    $kendo-column-menu-item-sm-padding-y: $kendo-column-menu-item-sm-padding-y,
+    $kendo-column-menu-item-md-padding-x: $kendo-column-menu-item-md-padding-x,
+    $kendo-column-menu-item-md-padding-y: $kendo-column-menu-item-md-padding-y,
+    $kendo-column-menu-item-lg-padding-x: $kendo-column-menu-item-lg-padding-x,
+    $kendo-column-menu-item-lg-padding-y: $kendo-column-menu-item-lg-padding-y,
+    $kendo-column-menu-sizes: $kendo-column-menu-sizes
+);

package/scss/grid/_index.scss

@@ -23,6 +23,7 @@
 @use "../list/_index.scss" as *;
 @use "../table/_index.scss" as *;
 @use "../tabstrip/_index.scss" as *;
+@use "../column-menu/_index.scss" as *;
 
 // Component
 @forward "./_variables.scss";

package/scss/index.scss

@@ -115,6 +115,7 @@
 @forward "./orgchart/_index.scss";
 @forward "./signature/_index.scss";
 @forward "./otp/_index.scss";
+@forward "./column-menu/_index.scss";
 
 
 // Use component modules
@@ -140,6 +141,7 @@
 @use "./table/_index.scss" as *;
 @use "./virtual-scroller/_index.scss" as *;
 @use "./no-data/_index.scss" as *;
+@use "./column-menu/_index.scss" as *;
 
 
 // Indicators
@@ -309,6 +311,7 @@
     @include kendo-table--styles();
     @include kendo-virtual-scroller--styles();
     @include kendo-no-data--styles();
+    @include kendo-column-menu--styles();
 
 
     // Indicators