@progress/kendo-theme-material 11.1.0-dev.7 → 11.1.0-dev.8

package/dist/meta/variables.json

@@ -2252,6 +2252,90 @@
         "type": "String",
         "value": "var(--kendo-color-subtle, #49454F)"
     },
+    "kendo-suggestion-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-suggestion-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-3, 0.75rem)"
+    },
+    "kendo-suggestion-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-suggestion-border-width": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-suggestion-border-style": {
+        "type": "String",
+        "value": "solid"
+    },
+    "kendo-suggestion-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height, normal)"
+    },
+    "kendo-suggestion-border-radius": {
+        "type": "String",
+        "value": "var(--kendo-border-radius-xxl, 1rem)"
+    },
+    "kendo-suggestion-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle, #DED8E0)"
+    },
+    "kendo-suggestion-text": {
+        "type": "String",
+        "value": "var(--kendo-color-base-on-subtle, #4A4459)"
+    },
+    "kendo-suggestion-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-emphasis, #6E687C)"
+    },
+    "kendo-suggestion-hover-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-hover, #E2DDE5)"
+    },
+    "kendo-suggestion-hover-text": {
+        "type": "String",
+        "value": "var(--kendo-color-base-on-subtle, #4A4459)"
+    },
+    "kendo-suggestion-hover-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-emphasis, #6E687C)"
+    },
+    "kendo-suggestion-active-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-base-subtle-active, #EAE5EC)"
+    },
+    "kendo-suggestion-active-text": {
+        "type": "String",
+        "value": "var(--kendo-color-base-on-subtle, #4A4459)"
+    },
+    "kendo-suggestion-active-border": {
+        "type": "String",
+        "value": "var(--kendo-color-base-emphasis, #6E687C)"
+    },
+    "kendo-suggestion-focus-shadow-blur": {
+        "type": "Number",
+        "value": "0"
+    },
+    "kendo-suggestion-focus-shadow-spread": {
+        "type": "Number",
+        "value": "3px"
+    },
+    "kendo-suggestion-focus-shadow-color": {
+        "type": "String",
+        "value": "var(--kendo-color-surface, #F7F3FA)"
+    },
+    "kendo-suggestion-theme-colors": {
+        "type": "Map",
+        "value": "(\"primary\": var(--kendo-color-primary, #65558F), \"secondary\": var(--kendo-color-secondary, #E8DEF8))",
+        "prettyValue": {
+            "primary": "var(--kendo-color-primary, #65558F)",
+            "secondary": "var(--kendo-color-secondary, #E8DEF8)"
+        }
+    },
     "kendo-avatar-border-width": {
         "type": "Number",
         "value": "1px"
@@ -3049,6 +3133,10 @@
         "type": "Null",
         "value": "null"
     },
+    "kendo-button-pulsing-opacity": {
+        "type": "Number",
+        "value": "0.6"
+    },
     "kendo-solid-button-gradient": {
         "type": "String",
         "value": "none"
@@ -15364,9 +15452,5 @@
     "kendo-marquee-border": {
         "type": "String",
         "value": "var(--kendo-color-base, #EAE5EC)"
-    },
-    "kendo-speech-to-text-button-listening-opacity": {
-        "type": "Number",
-        "value": "0.6"
     }
 }

package/lib/swatches/material-2-dark.json

@@ -3,7 +3,7 @@
     "name": "Material 2 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-2.json

@@ -3,7 +3,7 @@
     "name": "Material 2",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-aqua-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-burnt-teal.json

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#3f51b5",
         "#2196f3",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-lime-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

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

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#141218",
         "#2B2930",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#FEFBFF",
         "#F7F3FA",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-pacific-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-sky-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "11.1.0-dev.7",
+    "version": "11.1.0-dev.8",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "11.1.0-dev.7",
+  "version": "11.1.0-dev.8",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.1.0",
-    "@progress/kendo-theme-core": "11.1.0-dev.7",
-    "@progress/kendo-theme-utils": "11.1.0-dev.7"
+    "@progress/kendo-theme-core": "11.1.0-dev.8",
+    "@progress/kendo-theme-utils": "11.1.0-dev.8"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "08eac1ebddd9c9c9209062ad0779de2f400f232d"
+  "gitHead": "af53b1e95dabc215115b604f2e80c6716be3d3cb"
 }

package/scss/button/_variables.scss

@@ -212,6 +212,10 @@ $kendo-button-disabled-gradient: null !default;
 /// @group button
 $kendo-button-disabled-shadow: null !default;
 
+/// The opacity of the pulsing animation for the generating Button.
+/// @group button
+$kendo-button-pulsing-opacity: .6 !default;
+
 // Solid Button
 $kendo-solid-button-gradient: none !default;
 $kendo-solid-button-shade-function: "k-try-shade" !default;
@@ -322,6 +326,7 @@ $kendo-button-transition: box-shadow 280ms cubic-bezier( .4, 0, .2, 1 ) !default
     $kendo-button-disabled-border: $kendo-button-disabled-border,
     $kendo-button-disabled-gradient: $kendo-button-disabled-gradient,
     $kendo-button-disabled-shadow: $kendo-button-disabled-shadow,
+    $kendo-button-pulsing-opacity: $kendo-button-pulsing-opacity,
     $kendo-solid-button-gradient: $kendo-solid-button-gradient,
     $kendo-solid-button-shade-function: $kendo-solid-button-shade-function,
     $kendo-solid-button-shade-text-amount: $kendo-solid-button-shade-text-amount,

package/scss/index.scss

@@ -15,6 +15,7 @@
 @forward "./stacklayout/_index.scss";
 @forward "./virtual-scroller/_index.scss";
 @forward "./no-data/_index.scss";
+@forward "./suggestion/_index.scss";
 @forward "./avatar/_index.scss";
 @forward "./badge/_index.scss";
 @forward "./color-preview/_index.scss";
@@ -143,6 +144,7 @@
 @use "./table/_index.scss" as *;
 @use "./virtual-scroller/_index.scss" as *;
 @use "./no-data/_index.scss" as *;
+@use "./suggestion/_index.scss" as *;
 @use "./column-menu/_index.scss" as *;
 
 
@@ -315,6 +317,7 @@
     @include kendo-table--styles();
     @include kendo-virtual-scroller--styles();
     @include kendo-no-data--styles();
+    @include kendo-suggestion--styles();
     @include kendo-column-menu--styles();
 
 

package/scss/speech-to-text-button/_variables.scss

@@ -1,7 +1 @@
-/// The opacity applied to the listening SpeechToTextButton
-/// @group speech-to-text-button
-$kendo-speech-to-text-button-listening-opacity: 0.6 !default;
-
-@forward "@progress/kendo-theme-core/scss/components/speech-to-text-button/_variables.scss" with (
-    $kendo-speech-to-text-button-listening-opacity: $kendo-speech-to-text-button-listening-opacity
-);
+// Speech-to-text button

package/scss/suggestion/_index.scss

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

package/scss/suggestion/_layout.scss

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

package/scss/suggestion/_theme.scss

@@ -0,0 +1,16 @@
+@use "./_variables.scss" as *;
+@use "../core/_index.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/suggestion/_theme.scss" as *;
+
+@mixin kendo-suggestion--theme() {
+    @include kendo-suggestion--theme-base();
+
+    .k-suggestion {
+        &:focus,
+        &.k-focus {
+            outline-offset: -2px;
+            outline: 1px solid $kendo-suggestion-border;
+            box-shadow: inset 0 0 0 2px k-color(surface-alt);
+        }
+    }
+}

package/scss/suggestion/_variables.scss

@@ -0,0 +1,93 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
+/// The vertical padding of the Suggestion wrapper.
+/// @group suggestion
+$kendo-suggestion-padding-y: k-spacing(2) !default;
+/// The horizontal padding of the Suggestion wrapper.
+/// @group suggestion
+$kendo-suggestion-padding-x: k-spacing(3) !default;
+/// The horizontal padding of the Suggestion wrapper.
+/// @group suggestion
+$kendo-suggestion-spacing: k-spacing(2) !default;
+/// The border width of the Suggestion.
+/// @group suggestion
+$kendo-suggestion-border-width: 1px !default;
+/// The border style of the Suggestion.
+/// @group suggestion
+$kendo-suggestion-border-style: solid !default;
+
+/// The line height of the Suggestion.
+/// @group suggestion
+$kendo-suggestion-line-height: var( --kendo-line-height, normal ) !default;
+/// The border radius of the Suggestion.
+/// @group suggestion
+$kendo-suggestion-border-radius: k-border-radius(xxl) !default;
+
+/// The background color of the Suggestion.
+/// @group suggestion
+$kendo-suggestion-bg: k-color(base-subtle) !default;
+/// The text color of the Suggestion.
+/// @group suggestion
+$kendo-suggestion-text: k-color(base-on-subtle) !default;
+/// The border color of the Suggestion.
+/// @group suggestion
+$kendo-suggestion-border: k-color(base-emphasis) !default;
+
+/// The background color of the hovered Suggestion.
+/// @group suggestion
+$kendo-suggestion-hover-bg: k-color(base-subtle-hover) !default;
+/// The text color of the hovered Suggestion.
+/// @group suggestion
+$kendo-suggestion-hover-text: k-color(base-on-subtle) !default;
+/// The border color of the hovered Suggestion.
+/// @group suggestion
+$kendo-suggestion-hover-border: k-color(base-emphasis) !default;
+
+/// The background color of the active Suggestion.
+/// @group suggestion
+$kendo-suggestion-active-bg: k-color(base-subtle-active) !default;
+/// The text color of the active Suggestion.
+/// @group suggestion
+$kendo-suggestion-active-text: k-color(base-on-subtle) !default;
+/// The border color of the active Suggestion.
+/// @group suggestion
+$kendo-suggestion-active-border: k-color(base-emphasis) !default;
+
+/// The shadow blur of the focused Suggestion.
+/// @group suggestion
+$kendo-suggestion-focus-shadow-blur: 0 !default;
+/// The shadow spread of the focused Suggestion.
+/// @group suggestion
+$kendo-suggestion-focus-shadow-spread: 3px !default;
+/// The shadow color of the focused Suggestion.
+/// @group suggestion
+$kendo-suggestion-focus-shadow-color: k-color(surface) !default;
+
+$kendo-suggestion-theme-colors: (
+    "primary": k-color(primary),
+    "secondary": k-color(secondary)
+) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/suggestion/_variables.scss" with (
+    $kendo-suggestion-padding-y: $kendo-suggestion-padding-y,
+    $kendo-suggestion-padding-x: $kendo-suggestion-padding-x,
+    $kendo-suggestion-spacing: $kendo-suggestion-spacing,
+    $kendo-suggestion-border-width: $kendo-suggestion-border-width,
+    $kendo-suggestion-border-style: $kendo-suggestion-border-style,
+    $kendo-suggestion-line-height: $kendo-suggestion-line-height,
+    $kendo-suggestion-border-radius: $kendo-suggestion-border-radius,
+    $kendo-suggestion-bg: $kendo-suggestion-bg,
+    $kendo-suggestion-text: $kendo-suggestion-text,
+    $kendo-suggestion-border: $kendo-suggestion-border,
+    $kendo-suggestion-hover-bg: $kendo-suggestion-hover-bg,
+    $kendo-suggestion-hover-text: $kendo-suggestion-hover-text,
+    $kendo-suggestion-hover-border: $kendo-suggestion-hover-border,
+    $kendo-suggestion-active-bg: $kendo-suggestion-active-bg,
+    $kendo-suggestion-active-text: $kendo-suggestion-active-text,
+    $kendo-suggestion-active-border: $kendo-suggestion-active-border,
+    $kendo-suggestion-focus-shadow-blur: $kendo-suggestion-focus-shadow-blur,
+    $kendo-suggestion-focus-shadow-spread: $kendo-suggestion-focus-shadow-spread,
+    $kendo-suggestion-focus-shadow-color: $kendo-suggestion-focus-shadow-color,
+    $kendo-suggestion-theme-colors: $kendo-suggestion-theme-colors
+);