@progress/kendo-theme-fluent 10.4.0-dev.9 → 10.4.1-dev.0

package/dist/meta/variables.json

@@ -18406,5 +18406,81 @@
                 "input-width": "calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + (2px))"
             }
         }
+    },
+    "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-1\\.5, 0.375rem)"
+    },
+    "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-2, 0.5rem)"
+    },
+    "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-2\\.5, 0.625rem)"
+    },
+    "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, inherit)"
+    },
+    "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, 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-1\\.5, 0.375rem), 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-2, 0.5rem), 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-2\\.5, 0.625rem), font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal)))",
+        "prettyValue": {
+            "sm": {
+                "padding-x": "var(--kendo-spacing-2, 0.5rem)",
+                "padding-y": "var(--kendo-spacing-1\\.5, 0.375rem)",
+                "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-2, 0.5rem)",
+                "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-2\\.5, 0.625rem)",
+                "font-size": "var(--kendo-font-size, inherit)",
+                "line-height": "var(--kendo-line-height, normal)"
+            }
+        }
     }
 }

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "10.4.0-dev.9",
+    "version": "10.4.1-dev.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "10.4.0-dev.9",
+    "version": "10.4.1-dev.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "10.4.0-dev.9",
+    "version": "10.4.1-dev.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "10.4.0-dev.9",
+  "version": "10.4.1-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.0.0",
-    "@progress/kendo-theme-core": "10.4.0-dev.9",
-    "@progress/kendo-theme-utils": "10.4.0-dev.9"
+    "@progress/kendo-theme-core": "10.4.1-dev.0",
+    "@progress/kendo-theme-utils": "10.4.1-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "0955993e3e23e9b104deae9fef0fc7acbe3d0a51"
+  "gitHead": "b65e64ad8c42ccf617f349737ce6bc85f812c7c7"
 }

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,31 @@
+@use "sass:map";
+@use "_variables.scss" as *;
+
+@mixin kendo-column-menu--layout-base() {
+    .k-column-menu {}
+
+    // Sizes
+    @each $size, $value in $kendo-column-menu-sizes {
+        $_padding-x: map.get($value, padding-x);
+        $_padding-y: map.get($value, padding-y);
+        $_font-size: map.get($value, font-size);
+        $_line-height: map.get($value, line-height);
+
+        .k-column-menu-#{$size} {
+            font-size: $_font-size;
+            line-height: $_line-height;
+
+            .k-columnmenu-item,
+            .k-column-list-item {
+                padding-block: $_padding-y;
+                padding-inline: $_padding-x;
+                font-size: $_font-size;
+                line-height: $_line-height;
+            }
+        }
+    }
+}
+
+@mixin kendo-column-menu--layout() {
+    @include kendo-column-menu--layout-base();
+}

package/scss/column-menu/_theme.scss

@@ -0,0 +1,7 @@
+@mixin kendo-column-menu--theme-base() {
+    .k-column-menu {}
+}
+
+@mixin kendo-column-menu--theme() {
+    @include kendo-column-menu--theme-base();
+}

package/scss/column-menu/_variables.scss

@@ -0,0 +1,41 @@
+@use "../core/_index.scss" as *;
+
+$kendo-column-menu-item-sm-padding-x: k-spacing(2) !default;
+$kendo-column-menu-item-sm-padding-y: k-spacing(1.5) !default;
+
+$kendo-column-menu-item-md-padding-x: k-spacing(2) !default;
+$kendo-column-menu-item-md-padding-y: k-spacing(2) !default;
+
+$kendo-column-menu-item-lg-padding-x: k-spacing(2) !default;
+$kendo-column-menu-item-lg-padding-y: k-spacing(2.5) !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, inherit ) !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, 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;

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
@@ -317,6 +319,7 @@
     @include kendo-table--styles();
     @include kendo-virtual-scroller--styles();
     @include kendo-no-data--styles();
+    @include kendo-column-menu--styles();
 
 
     // Indicators