@progress/kendo-theme-fluent 7.1.0-dev.2 → 7.1.0-dev.4

package/dist/meta/sassdoc-raw-data.json

@@ -50573,6 +50573,506 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The text color of the Prompt.\n",
+        "commentRange": {
+            "start": 4,
+            "end": 5
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-text",
+            "value": "var( --kendo-component-text, initial )",
+            "scope": "default",
+            "line": {
+                "start": 6,
+                "end": 6
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Prompt.\n",
+        "commentRange": {
+            "start": 7,
+            "end": 8
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-bg",
+            "value": "var( --kendo-component-bg, initial )",
+            "scope": "default",
+            "line": {
+                "start": 9,
+                "end": 9
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the Prompt.\n",
+        "commentRange": {
+            "start": 10,
+            "end": 11
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-border",
+            "value": "var( --kendo-component-border, initial )",
+            "scope": "default",
+            "line": {
+                "start": 12,
+                "end": 12
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Prompt header.\n",
+        "commentRange": {
+            "start": 14,
+            "end": 15
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-header-text",
+            "value": "var( --kendo-component-text, initial )",
+            "scope": "default",
+            "line": {
+                "start": 16,
+                "end": 16
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Prompt header.\n",
+        "commentRange": {
+            "start": 17,
+            "end": 18
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-header-bg",
+            "value": "var( --kendo-component-bg, initial )",
+            "scope": "default",
+            "line": {
+                "start": 19,
+                "end": 19
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the Prompt header.\n",
+        "commentRange": {
+            "start": 20,
+            "end": 21
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-header-border",
+            "value": "var( --kendo-component-border, initial )",
+            "scope": "default",
+            "line": {
+                "start": 22,
+                "end": 22
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the Prompt content.\n",
+        "commentRange": {
+            "start": 24,
+            "end": 25
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-content-padding-y",
+            "value": "map.get( $kendo-spacing, 4 )",
+            "scope": "default",
+            "line": {
+                "start": 26,
+                "end": 26
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Prompt content.\n",
+        "commentRange": {
+            "start": 27,
+            "end": 28
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-content-padding-x",
+            "value": "map.get( $kendo-spacing, 4 )",
+            "scope": "default",
+            "line": {
+                "start": 29,
+                "end": 29
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The spacing between the items of the Prompt content.\n",
+        "commentRange": {
+            "start": 30,
+            "end": 31
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-content-spacing",
+            "value": "map.get( $kendo-spacing, 4 )",
+            "scope": "default",
+            "line": {
+                "start": 32,
+                "end": 32
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Prompt content.\n",
+        "commentRange": {
+            "start": 33,
+            "end": 34
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-content-text",
+            "value": "k-get-theme-color-var( neutral-190 )",
+            "scope": "default",
+            "line": {
+                "start": 35,
+                "end": 35
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Prompt content.\n",
+        "commentRange": {
+            "start": 36,
+            "end": 37
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-content-bg",
+            "value": "k-get-theme-color-var( neutral-10 )",
+            "scope": "default",
+            "line": {
+                "start": 38,
+                "end": 38
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text border of the Prompt content.\n",
+        "commentRange": {
+            "start": 39,
+            "end": 40
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-content-border",
+            "value": "var( --kendo-component-border, initial )",
+            "scope": "default",
+            "line": {
+                "start": 41,
+                "end": 41
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The spacing between the items of the Prompt content expander.\n",
+        "commentRange": {
+            "start": 43,
+            "end": 44
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-expander-spacing",
+            "value": "map.get( $kendo-spacing, 2 )",
+            "scope": "default",
+            "line": {
+                "start": 45,
+                "end": 45
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the Prompt suggestion container.\n",
+        "commentRange": {
+            "start": 47,
+            "end": 48
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-suggestion-padding-y",
+            "value": "map.get( $kendo-spacing, 2 )",
+            "scope": "default",
+            "line": {
+                "start": 49,
+                "end": 49
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the Prompt suggestion container.\n",
+        "commentRange": {
+            "start": 50,
+            "end": 51
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-suggestion-padding-x",
+            "value": "map.get( $kendo-spacing, 2 )",
+            "scope": "default",
+            "line": {
+                "start": 52,
+                "end": 52
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border radius of the Prompt suggestion container.\n",
+        "commentRange": {
+            "start": 53,
+            "end": 54
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-suggestion-border-radius",
+            "value": "var( --kendo-border-radius-md, #{$kendo-border-radius-md} )",
+            "scope": "default",
+            "line": {
+                "start": 55,
+                "end": 55
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the Prompt suggestion container.\n",
+        "commentRange": {
+            "start": 56,
+            "end": 57
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-suggestion-text",
+            "value": "var( --kendo-component-text, initial )",
+            "scope": "default",
+            "line": {
+                "start": 58,
+                "end": 58
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the Prompt suggestion container.\n",
+        "commentRange": {
+            "start": 59,
+            "end": 60
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-suggestion-bg",
+            "value": "var( --kendo-component-bg, initial )",
+            "scope": "default",
+            "line": {
+                "start": 61,
+                "end": 61
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border color of the Prompt suggestion container.\n",
+        "commentRange": {
+            "start": 62,
+            "end": 63
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-suggestion-border",
+            "value": "var( --kendo-component-border, initial )",
+            "scope": "default",
+            "line": {
+                "start": 64,
+                "end": 64
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The elevation of the Prompt suggestion container.\n",
+        "commentRange": {
+            "start": 65,
+            "end": 66
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-prompt-suggestion-shadow",
+            "value": "k-elevation(1)",
+            "scope": "default",
+            "line": {
+                "start": 67,
+                "end": 67
+            }
+        },
+        "group": [
+            "prompt"
+        ],
+        "access": "public",
+        "file": {
+            "path": "prompt/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The border radius of the RadioButton.\n",
         "commentRange": {

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "7.1.0-dev.2",
+    "version": "7.1.0-dev.4",
     "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": "7.1.0-dev.2",
+    "version": "7.1.0-dev.4",
     "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": "7.1.0-dev.2",
+  "version": "7.1.0-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,13 +52,13 @@
     "postpublish": "echo 'no postpublish for the Fluent theme'"
   },
   "dependencies": {
-    "@progress/kendo-svg-icons": "2.0.0",
-    "@progress/kendo-theme-core": "7.1.0-dev.2",
-    "@progress/kendo-theme-utils": "7.1.0-dev.2"
+    "@progress/kendo-svg-icons": "2.1.0",
+    "@progress/kendo-theme-core": "7.1.0-dev.4",
+    "@progress/kendo-theme-utils": "7.1.0-dev.4"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "5c463cc90be2d59355a047ce91142b02465fcc13"
+  "gitHead": "97b4586318367dcab02765dd178849be2121425e"
 }

package/scss/core/module-system/_components.scss

@@ -136,6 +136,7 @@ $components: (
     "pdf-viewer",
     "scroller",
     "scrollview",
+    "prompt",
 
     // Dataviz
     "dataviz",

package/scss/index.scss

@@ -150,6 +150,7 @@
 @forward "./pdf-viewer";
 @forward "./scroller";
 @forward "./scrollview";
+@forward "./prompt";
 
 
 // Dataviz
@@ -312,6 +313,7 @@
 @use "./pdf-viewer" as *;
 @use "./scroller" as *;
 @use "./scrollview" as *;
+@use "./prompt" as *;
 
 
 // Dataviz
@@ -489,6 +491,7 @@
     @include pdf-viewer-styles();
     @include scroller-styles();
     @include scrollview-styles();
+    @include prompt-styles();
 
 
     // Dataviz

package/scss/prompt/_layout.scss

@@ -0,0 +1,68 @@
+@use "./_variables.scss" as *;
+@use "../core/" as *;
+
+@mixin kendo-prompt--layout {
+
+    // Prompt
+    .k-prompt {
+        display: flex;
+        flex-direction: column;
+        position: relative;
+        overflow: hidden;
+    }
+
+    // Content
+    .k-prompt-content {
+        padding-block: var( --kendo-prompt-content-padding-y, #{$kendo-prompt-content-padding-y} );
+        padding-inline: var( --kendo-prompt-content-padding-x, #{$kendo-prompt-content-padding-x} );
+        display: flex;
+        flex-flow: column nowrap;
+        flex: 1 1 auto;
+        gap: var( --kendo-prompt-content-spacing, #{$kendo-prompt-content-spacing} );
+        overflow: auto;
+    }
+
+    .k-prompt-view {
+        display: flex;
+        flex-direction: column;
+        flex: 1 1 auto;
+        gap: var( --kendo-prompt-content-spacing, #{$kendo-prompt-content-spacing} );
+    }
+
+    // Prompt Expander
+    .k-prompt-expander {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        align-items: start;
+        gap: var( --kendo-prompt-expander-spacing, #{$kendo-prompt-expander-spacing} );
+    }
+
+    .k-prompt-expander-content {
+        display: flex;
+        flex-flow: column;
+        flex: 0 0 auto;
+        gap: var( --kendo-prompt-expander-spacing, #{$kendo-prompt-expander-spacing} );
+        align-self: stretch;
+    }
+
+    .k-prompt-suggestion {
+        border-width: 1px;
+        border-style: solid;
+        border-radius: var( --kendo-prompt-suggestion-border-radius, #{$kendo-prompt-suggestion-border-radius} );
+        padding-block: var( --kendo-prompt-suggestion-padding-y, #{$kendo-prompt-suggestion-padding-y} );
+        padding-inline: var( --kendo-prompt-suggestion-padding-x, #{$kendo-prompt-suggestion-padding-x} );
+        cursor: pointer;
+    }
+
+    .k-prompt-setting {
+        display: flex;
+        flex-direction: column;
+    }
+
+    // Actions
+    .k-prompt-actions.k-actions {
+        margin: 0;
+    }
+
+}

package/scss/prompt/_theme.scss

@@ -0,0 +1,39 @@
+@use "../core/" as *;
+@use "./_variables.scss" as *;
+
+@mixin kendo-prompt--theme {
+
+    .k-prompt {
+        @include fill(
+            var( --kendo-prompt-text, #{$kendo-prompt-text} ),
+            var( --kendo-prompt-bg, #{$kendo-prompt-bg} ),
+            var( --kendo-prompt-border, #{$kendo-prompt-border} )
+        );
+    }
+
+    .k-prompt-header {
+        @include fill(
+            var( --kendo-prompt-header-text, #{$kendo-prompt-header-text} ),
+            var( --kendo-prompt-header-bg, #{$kendo-prompt-header-bg} ),
+            var( --kendo-prompt-header-border, #{$kendo-prompt-header-border} )
+        );
+    }
+
+    .k-prompt-content {
+        @include fill(
+            var( --kendo-prompt-content-text, #{$kendo-prompt-content-text} ),
+            var( --kendo-prompt-content-bg, #{$kendo-prompt-content-bg} ),
+            var( --kendo-prompt-content-border, #{$kendo-prompt-content-border} )
+        );
+    }
+
+    .k-prompt-suggestion {
+        @include fill(
+            var( --kendo-prompt-suggestion-text, #{$kendo-prompt-suggestion-text} ),
+            var( --kendo-prompt-suggestion-bg, #{$kendo-prompt-suggestion-bg} ),
+            var( --kendo-prompt-suggestion-border, #{$kendo-prompt-suggestion-border} )
+        );
+        box-shadow: var( --kendo-prompt-suggestion-shadow, #{$kendo-prompt-suggestion-shadow} );
+    }
+
+}