@progress/kendo-theme-default 7.1.0-dev.2 → 7.1.0-dev.3

package/dist/all.css

@@ -51021,6 +51021,84 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
+.k-prompt {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    overflow: hidden;
+}
+
+.k-prompt-content {
+    padding-block: 16px;
+    padding-inline: 16px;
+    display: flex;
+    flex-flow: column nowrap;
+    flex: 1 1 auto;
+    gap: 16px;
+    overflow: auto;
+}
+
+.k-prompt-expander {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    align-items: start;
+    gap: 8px;
+}
+
+.k-prompt-expander-content {
+    display: flex;
+    flex-flow: column;
+    flex: 0 0 auto;
+    gap: 8px;
+    align-self: stretch;
+}
+
+.k-prompt-suggestion {
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 4px;
+    padding-block: 8px;
+    padding-inline: 8px;
+    cursor: pointer;
+}
+
+.k-prompt-setting {
+    display: flex;
+    flex-direction: column;
+}
+
+.k-prompt-actions.k-actions, .k-prompt-actions.k-edit-buttons,
+.k-prompt-actions.k-action-buttons,
+.k-prompt-actions.k-columnmenu-actions, .k-prompt-actions.k-form-buttons {
+    margin: 0;
+}
+
+.k-prompt {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+}
+
+.k-prompt-header {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+}
+
+.k-prompt-content {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #fafafa;
+}
+
+.k-prompt-suggestion {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
+    box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
+}
+
 .k-barcode {
     display: inline-block;
 }

package/dist/all.scss

@@ -3925,6 +3925,7 @@ $kendo-components: (
     "pdf-viewer",
     "scroller",
     "scrollview",
+    "prompt",
 
     // Dataviz
     "dataviz",
@@ -4263,6 +4264,7 @@ $_kendo-dependencies: (
     ),
     popup: (),
     progressbar: (),
+    prompt: (),
     radio: (),
     rating: (
         "icon"
@@ -55890,6 +55892,230 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
     @include kendo-scrollview--styles();
 }
 
+// #endregion
+// #region @import "./prompt/_index.scss"; -> scss/prompt/_index.scss
+// #region @import "../core/_index.scss"; -> scss/core/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
+// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "prompt",
+    dependencies: ()
+);
+
+
+// Dependencies
+// #region @import "../common/_index.scss"; -> scss/common/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
+
+
+// Component
+// #region @import "./_variables.scss"; -> scss/prompt/_variables.scss
+// Prompt
+
+/// The text color of the Prompt.
+/// @group prompt
+$kendo-prompt-text: $kendo-component-text !default;
+/// The background color of the Prompt.
+/// @group prompt
+$kendo-prompt-bg: $kendo-component-bg !default;
+/// The border color of the Prompt.
+/// @group prompt
+$kendo-prompt-border: $kendo-component-border !default;
+
+/// The text color of the Prompt header.
+/// @group prompt
+$kendo-prompt-header-text: $kendo-component-header-text !default;
+/// The background color of the Prompt header.
+/// @group prompt
+$kendo-prompt-header-bg: $kendo-component-bg !default;
+/// The border color of the Prompt header.
+/// @group prompt
+$kendo-prompt-header-border: $kendo-component-header-border !default;
+
+/// The vertical padding of the Prompt content.
+/// @group prompt
+$kendo-prompt-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
+/// The horizontal padding of the Prompt content.
+/// @group prompt
+$kendo-prompt-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+/// The spacing between the items of the Prompt content.
+/// @group prompt
+$kendo-prompt-content-spacing: k-map-get( $kendo-spacing, 4 ) !default;
+/// The text color of the Prompt content.
+/// @group prompt
+$kendo-prompt-content-text: $kendo-component-header-text !default;
+/// The background color of the Prompt content.
+/// @group prompt
+$kendo-prompt-content-bg: $kendo-component-header-bg !default;
+/// The text border of the Prompt content.
+/// @group prompt
+$kendo-prompt-content-border: $kendo-component-header-border !default;
+
+/// The spacing between the items of the Prompt content expander.
+/// @group prompt
+$kendo-prompt-expander-spacing: k-map-get( $kendo-spacing, 2 ) !default;
+
+/// The vertical padding of the Prompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+/// The horizontal padding of the Prompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The border radius of the Prompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-border-radius: $kendo-border-radius-md !default;
+/// The text color of the Prompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-text: $kendo-component-text !default;
+/// The background color of the Prompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-bg: $kendo-body-bg !default;
+/// The border color of the Prompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-border: $kendo-component-border !default;
+/// The elevation of the Prompt suggestion container.
+/// @group prompt
+$kendo-prompt-suggestion-shadow: k-elevation(1) !default;
+
+// #endregion
+// #region @import "./_layout.scss"; -> scss/prompt/_layout.scss
+@mixin kendo-prompt--layout-base() {
+
+    // Prompt
+    .k-prompt {
+        display: flex;
+        flex-direction: column;
+        position: relative;
+        overflow: hidden;
+    }
+
+    // Content
+    .k-prompt-content {
+        padding-block: $kendo-prompt-content-padding-y;
+        padding-inline: $kendo-prompt-content-padding-x;
+        display: flex;
+        flex-flow: column nowrap;
+        flex: 1 1 auto;
+        gap: $kendo-prompt-content-spacing;
+        overflow: auto;
+    }
+
+    // Prompt Expander
+    .k-prompt-expander {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        align-items: start;
+        gap: $kendo-prompt-expander-spacing;
+    }
+
+    .k-prompt-expander-content {
+        display: flex;
+        flex-flow: column;
+        flex: 0 0 auto;
+        gap: $kendo-prompt-expander-spacing;
+        align-self: stretch;
+    }
+
+    .k-prompt-suggestion {
+        border-width: 1px;
+        border-style: solid;
+        border-radius: $kendo-prompt-suggestion-border-radius;
+        padding-block: $kendo-prompt-suggestion-padding-y;
+        padding-inline: $kendo-prompt-suggestion-padding-x;
+        cursor: pointer;
+    }
+
+    .k-prompt-setting {
+        display: flex;
+        flex-direction: column;
+    }
+
+    // Actions
+    .k-prompt-actions.k-actions {
+        margin: 0;
+    }
+
+}
+
+
+@mixin kendo-prompt--layout() {
+    @include kendo-prompt--layout-base();
+}
+
+// #endregion
+// #region @import "./_theme.scss"; -> scss/prompt/_theme.scss
+@mixin kendo-prompt--theme-base() {
+
+    .k-prompt {
+        @include fill(
+            $kendo-prompt-text,
+            $kendo-prompt-bg,
+            $kendo-prompt-border
+        );
+    }
+
+    .k-prompt-header {
+        @include fill(
+            $kendo-prompt-header-text,
+            $kendo-prompt-header-bg,
+            $kendo-prompt-header-border
+        );
+    }
+
+    .k-prompt-content {
+        @include fill(
+            $kendo-prompt-content-text,
+            $kendo-prompt-content-bg,
+            $kendo-prompt-content-border
+        );
+    }
+
+    .k-prompt-suggestion {
+        @include fill(
+            $kendo-prompt-suggestion-text,
+            $kendo-prompt-suggestion-bg,
+            $kendo-prompt-suggestion-border
+        );
+        @include box-shadow( $kendo-prompt-suggestion-shadow );
+    }
+
+}
+
+
+@mixin kendo-prompt--theme() {
+    @include kendo-prompt--theme-base();
+}
+
+// #endregion
+
+
+// Register
+// #region @import "../core/module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register( $_kendo-module-meta... );
+
+
+// Expose
+@mixin kendo-prompt--styles() {
+    @include module-render( "prompt" ) {
+        @include kendo-prompt--layout();
+        @include kendo-prompt--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-prompt--styles();
+}
+
 // #endregion
 
 
@@ -57692,6 +57918,7 @@ $kendo-signature-maximized-line-width: 3px !default;
     @include kendo-pdf-viewer--styles();
     @include kendo-scroller--styles();
     @include kendo-scrollview--styles();
+    @include kendo-prompt--styles();
 
 
     // Dataviz