@progress/kendo-theme-core 11.1.0-dev.1 → 11.1.0-dev.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "11.1.0-dev.1",
+  "version": "11.1.0-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,5 +45,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "4de4ed4dd2e22bc1723647389f5fa1ad7f3fda06"
+  "gitHead": "4fd50ac879ec7978638ac573471e953da0926914"
 }

package/scss/components/dataviz/_layout.scss

@@ -262,6 +262,7 @@
 
     // Diagram
     .k-diagram {
+        display: block;
         height: 600px;
     }
 
@@ -381,6 +382,7 @@
 
     // Gauge
     .k-gauge {
+        display: block;
         text-align: start;
         position: relative;
     }

package/scss/components/speech-to-text-button/_index.scss

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

package/scss/components/speech-to-text-button/_layout.scss

@@ -0,0 +1,26 @@
+@use "./_variables.scss" as *;
+
+@mixin kendo-speech-to-text-button--layout-base() {
+
+    .k-speech-to-text-button {
+        &.k-listening {
+            animation: k-speech-to-text-button-listening 1.5s ease-in-out 0.5s infinite;
+        }
+    }
+
+    @keyframes k-speech-to-text-button-listening {
+        0% {
+            opacity: 1;
+        }
+        50% {
+            opacity: $kendo-speech-to-text-button-listening-opacity;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
+}
+
+@mixin kendo-speech-to-text-button--layout() {
+    @include kendo-speech-to-text-button--layout-base();
+}

package/scss/components/speech-to-text-button/_theme.scss

@@ -0,0 +1,7 @@
+@mixin kendo-speech-to-text-button--theme-base() {
+    .k-speech-to-text-button {}
+}
+
+@mixin kendo-speech-to-text-button--theme() {
+    @include kendo-speech-to-text-button--theme-base();
+}

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

@@ -0,0 +1,2 @@
+$kendo-speech-to-text-button-listening-opacity: null !default;
+