@progress/kendo-theme-bootstrap 11.1.0-dev.8 → 11.2.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -25825,6 +25825,33 @@
25825
25825
  "resolvedValue": "var(--kendo-color-base, #dee2e6)",
25826
25826
  "resolvedType": "String"
25827
25827
  },
25828
+ {
25829
+ "description": "Тhe opacity of the generating FAB.\n",
25830
+ "commentRange": {
25831
+ "start": 183,
25832
+ "end": 184
25833
+ },
25834
+ "context": {
25835
+ "type": "variable",
25836
+ "name": "kendo-fab-generating-opacity",
25837
+ "value": "40%",
25838
+ "scope": "default",
25839
+ "line": {
25840
+ "start": 185,
25841
+ "end": 185
25842
+ }
25843
+ },
25844
+ "group": [
25845
+ "floating-action-button"
25846
+ ],
25847
+ "access": "public",
25848
+ "file": {
25849
+ "path": "bootstrap/scss/fab/_variables.scss",
25850
+ "name": "_variables.scss"
25851
+ },
25852
+ "resolvedValue": "40%",
25853
+ "resolvedType": "Number"
25854
+ },
25828
25855
  {
25829
25856
  "description": "The transformation scale of the Floating Label.\n",
25830
25857
  "commentRange": {
@@ -105376,6 +105403,33 @@
105376
105403
  },
105377
105404
  "resolvedValue": "var(--kendo-color-base, #dee2e6)",
105378
105405
  "resolvedType": "String"
105406
+ },
105407
+ {
105408
+ "description": "Тhe opacity of the generating FAB.\n",
105409
+ "commentRange": {
105410
+ "start": 183,
105411
+ "end": 184
105412
+ },
105413
+ "context": {
105414
+ "type": "variable",
105415
+ "name": "kendo-fab-generating-opacity",
105416
+ "value": "40%",
105417
+ "scope": "default",
105418
+ "line": {
105419
+ "start": 185,
105420
+ "end": 185
105421
+ }
105422
+ },
105423
+ "group": [
105424
+ "floating-action-button"
105425
+ ],
105426
+ "access": "public",
105427
+ "file": {
105428
+ "path": "bootstrap/scss/fab/_variables.scss",
105429
+ "name": "_variables.scss"
105430
+ },
105431
+ "resolvedValue": "40%",
105432
+ "resolvedType": "Number"
105379
105433
  }
105380
105434
  ]
105381
105435
  },
@@ -23593,6 +23593,31 @@
23593
23593
  "name": "_variables.scss"
23594
23594
  }
23595
23595
  },
23596
+ {
23597
+ "description": "Тhe opacity of the generating FAB.\n",
23598
+ "commentRange": {
23599
+ "start": 183,
23600
+ "end": 184
23601
+ },
23602
+ "context": {
23603
+ "type": "variable",
23604
+ "name": "kendo-fab-generating-opacity",
23605
+ "value": "40%",
23606
+ "scope": "default",
23607
+ "line": {
23608
+ "start": 185,
23609
+ "end": 185
23610
+ }
23611
+ },
23612
+ "group": [
23613
+ "floating-action-button"
23614
+ ],
23615
+ "access": "public",
23616
+ "file": {
23617
+ "path": "fab/_variables.scss",
23618
+ "name": "_variables.scss"
23619
+ }
23620
+ },
23596
23621
  {
23597
23622
  "description": "The transformation scale of the Floating Label.\n",
23598
23623
  "commentRange": {
@@ -7842,6 +7842,10 @@
7842
7842
  "type": "String",
7843
7843
  "value": "var(--kendo-color-base, #dee2e6)"
7844
7844
  },
7845
+ "kendo-fab-generating-opacity": {
7846
+ "type": "Number",
7847
+ "value": "40%"
7848
+ },
7845
7849
  "kendo-card-padding-x": {
7846
7850
  "type": "String",
7847
7851
  "value": "var(--kendo-spacing-4, 1rem)"
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#222222",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#0275d8",
9
9
  "#5bc0de",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#292b2c",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2f2f2",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e3eef4",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Vintage",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "11.1.0-dev.8",
6
+ "version": "11.2.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2efe8",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-bootstrap",
3
3
  "description": "Bootstrap theme for Kendo UI",
4
- "version": "11.1.0-dev.8",
4
+ "version": "11.2.0-dev.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -53,12 +53,12 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@progress/kendo-svg-icons": "^4.1.0",
56
- "@progress/kendo-theme-core": "11.1.0-dev.8",
57
- "@progress/kendo-theme-utils": "11.1.0-dev.8"
56
+ "@progress/kendo-theme-core": "11.2.0-dev.0",
57
+ "@progress/kendo-theme-utils": "11.2.0-dev.0"
58
58
  },
59
59
  "directories": {
60
60
  "doc": "docs",
61
61
  "lib": "lib"
62
62
  },
63
- "gitHead": "af53b1e95dabc215115b604f2e80c6716be3d3cb"
63
+ "gitHead": "e1c7c75c3d2cc27f13558cd0381f5442fcdcd276"
64
64
  }
@@ -266,7 +266,6 @@ $kendo-flat-button-focus-ring-opacity: .12 !default;
266
266
  /// @group button
267
267
  $kendo-button-transition: $kendo-transition !default;
268
268
 
269
-
270
269
  @forward "@progress/kendo-theme-core/scss/components/button/_variables.scss" with (
271
270
  $kendo-button-border-width: $kendo-button-border-width,
272
271
  $kendo-button-border-radius: $kendo-button-border-radius,
@@ -48,6 +48,30 @@
48
48
  }
49
49
  }
50
50
 
51
+ // Generating state
52
+ .k-fab-solid-primary.k-generating {
53
+
54
+ animation: k-fab-generating 1.5s ease-in-out 0.5s infinite;
55
+
56
+ @keyframes k-fab-generating {
57
+ 0% {
58
+ background-color: k-color(primary-active);
59
+ border: k-color(primary-active);
60
+ outline-color: k-color(primary-active);
61
+ }
62
+ 50% {
63
+ background-color: color-mix(in srgb, k-color(primary-active) $kendo-fab-generating-opacity, k-color(surface-alt));
64
+ border: color-mix(in srgb, k-color(primary-active) $kendo-fab-generating-opacity, k-color(surface-alt));
65
+ outline-color: color-mix(in srgb, k-color(primary-active) $kendo-fab-generating-opacity, k-color(surface-alt));
66
+ }
67
+ 100% {
68
+ background-color: k-color(primary-active);
69
+ border: k-color(primary-active);
70
+ outline-color: k-color(primary-active);
71
+ }
72
+ }
73
+ }
74
+
51
75
  // Disabled state
52
76
  @each $name, $color in $kendo-fab-theme-colors {
53
77
  .k-fab-solid-#{$name}:disabled,
@@ -180,6 +180,10 @@ $kendo-fab-item-outline-width: 3px !default;
180
180
  /// @group floating-action-button
181
181
  $kendo-fab-item-outline-color: $kendo-button-bg !default;
182
182
 
183
+ /// Тhe opacity of the generating FAB.
184
+ /// @group floating-action-button
185
+ $kendo-fab-generating-opacity: 40% !default;
186
+
183
187
 
184
188
  @forward "@progress/kendo-theme-core/scss/components/fab/_variables.scss" with (
185
189
  $kendo-fab-border-width: $kendo-fab-border-width,
@@ -227,5 +231,6 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
227
231
  $kendo-fab-item-active-shadow: $kendo-fab-item-active-shadow,
228
232
  $kendo-fab-item-outline-style: $kendo-fab-item-outline-style,
229
233
  $kendo-fab-item-outline-width: $kendo-fab-item-outline-width,
230
- $kendo-fab-item-outline-color: $kendo-fab-item-outline-color
234
+ $kendo-fab-item-outline-color: $kendo-fab-item-outline-color,
235
+ $kendo-fab-generating-opacity: $kendo-fab-generating-opacity
231
236
  );
package/scss/index.scss CHANGED
@@ -109,6 +109,7 @@
109
109
  @forward "./pdf-viewer/_index.scss";
110
110
  @forward "./scroller/_index.scss";
111
111
  @forward "./scrollview/_index.scss";
112
+ @forward "./speech-to-text-button/_index.scss";
112
113
  @forward "./prompt/_index.scss";
113
114
  @forward "./dataviz/_index.scss";
114
115
  @forward "./chart-wizard/_index.scss";
@@ -118,7 +119,6 @@
118
119
  @forward "./otp/_index.scss";
119
120
  @forward "./column-menu/_index.scss";
120
121
  @forward "./marquee/_index.scss";
121
- @forward "./speech-to-text-button/_index.scss";
122
122
 
123
123
 
124
124
  // Use component modules
@@ -1,6 +1,7 @@
1
1
  // Dependencies
2
2
  @use "../core/_index.scss" as *;
3
3
  @use "../utils/_index.scss" as *;
4
+ @use "../speech-to-text-button/_index.scss" as *;
4
5
 
5
6
  // Component
6
7
  @forward "./_variables.scss";
@@ -11,6 +12,7 @@
11
12
  @mixin kendo-prompt--styles() {
12
13
  @include import-once( "prompt" ) {
13
14
  @include core-styles();
15
+ @include kendo-speech-to-text-button--styles();
14
16
  @include kendo-prompt--layout();
15
17
  @include kendo-prompt--theme();
16
18
  @include kendo-utils--flex-grid--flex-direction();