@progress/kendo-theme-material 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.
- package/dist/all.css +1 -1
- package/dist/material-2-dark.css +1 -1
- package/dist/material-2.css +1 -1
- package/dist/material-aqua-dark.css +1 -1
- package/dist/material-arctic.css +1 -1
- package/dist/material-burnt-teal.css +1 -1
- package/dist/material-dataviz-v4.css +1 -1
- package/dist/material-eggplant.css +1 -1
- package/dist/material-lime-dark.css +1 -1
- package/dist/material-lime.css +1 -1
- package/dist/material-main-dark.css +1 -1
- package/dist/material-main.css +1 -1
- package/dist/material-nova.css +1 -1
- package/dist/material-pacific-dark.css +1 -1
- package/dist/material-pacific.css +1 -1
- package/dist/material-sky-dark.css +1 -1
- package/dist/material-sky.css +1 -1
- package/dist/material-smoke.css +1 -1
- package/dist/meta/sassdoc-data.json +54 -0
- package/dist/meta/sassdoc-raw-data.json +25 -0
- package/dist/meta/variables.json +4 -0
- package/lib/swatches/material-2-dark.json +1 -1
- package/lib/swatches/material-2.json +1 -1
- package/lib/swatches/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +4 -4
- package/scss/fab/_theme.scss +23 -0
- package/scss/fab/_variables.scss +6 -1
- package/scss/index.scss +1 -1
- package/scss/prompt/_index.scss +2 -0
- package/scss/prompt/_layout.scss +1 -0
|
@@ -25771,6 +25771,33 @@
|
|
|
25771
25771
|
"resolvedValue": "var(--kendo-elevation-3, 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3))",
|
|
25772
25772
|
"resolvedType": "String"
|
|
25773
25773
|
},
|
|
25774
|
+
{
|
|
25775
|
+
"description": "Тhe opacity of the generating FAB.\n",
|
|
25776
|
+
"commentRange": {
|
|
25777
|
+
"start": 168,
|
|
25778
|
+
"end": 169
|
|
25779
|
+
},
|
|
25780
|
+
"context": {
|
|
25781
|
+
"type": "variable",
|
|
25782
|
+
"name": "kendo-fab-generating-opacity",
|
|
25783
|
+
"value": "60%",
|
|
25784
|
+
"scope": "default",
|
|
25785
|
+
"line": {
|
|
25786
|
+
"start": 170,
|
|
25787
|
+
"end": 170
|
|
25788
|
+
}
|
|
25789
|
+
},
|
|
25790
|
+
"group": [
|
|
25791
|
+
"floating-action-button"
|
|
25792
|
+
],
|
|
25793
|
+
"access": "public",
|
|
25794
|
+
"file": {
|
|
25795
|
+
"path": "material/scss/fab/_variables.scss",
|
|
25796
|
+
"name": "_variables.scss"
|
|
25797
|
+
},
|
|
25798
|
+
"resolvedValue": "60%",
|
|
25799
|
+
"resolvedType": "Number"
|
|
25800
|
+
},
|
|
25774
25801
|
{
|
|
25775
25802
|
"description": "The transformation scale of the Floating Label.\n",
|
|
25776
25803
|
"commentRange": {
|
|
@@ -105882,6 +105909,33 @@
|
|
|
105882
105909
|
},
|
|
105883
105910
|
"resolvedValue": "var(--kendo-elevation-3, 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3))",
|
|
105884
105911
|
"resolvedType": "String"
|
|
105912
|
+
},
|
|
105913
|
+
{
|
|
105914
|
+
"description": "Тhe opacity of the generating FAB.\n",
|
|
105915
|
+
"commentRange": {
|
|
105916
|
+
"start": 168,
|
|
105917
|
+
"end": 169
|
|
105918
|
+
},
|
|
105919
|
+
"context": {
|
|
105920
|
+
"type": "variable",
|
|
105921
|
+
"name": "kendo-fab-generating-opacity",
|
|
105922
|
+
"value": "60%",
|
|
105923
|
+
"scope": "default",
|
|
105924
|
+
"line": {
|
|
105925
|
+
"start": 170,
|
|
105926
|
+
"end": 170
|
|
105927
|
+
}
|
|
105928
|
+
},
|
|
105929
|
+
"group": [
|
|
105930
|
+
"floating-action-button"
|
|
105931
|
+
],
|
|
105932
|
+
"access": "public",
|
|
105933
|
+
"file": {
|
|
105934
|
+
"path": "material/scss/fab/_variables.scss",
|
|
105935
|
+
"name": "_variables.scss"
|
|
105936
|
+
},
|
|
105937
|
+
"resolvedValue": "60%",
|
|
105938
|
+
"resolvedType": "Number"
|
|
105885
105939
|
}
|
|
105886
105940
|
]
|
|
105887
105941
|
},
|
|
@@ -23543,6 +23543,31 @@
|
|
|
23543
23543
|
"name": "_variables.scss"
|
|
23544
23544
|
}
|
|
23545
23545
|
},
|
|
23546
|
+
{
|
|
23547
|
+
"description": "Тhe opacity of the generating FAB.\n",
|
|
23548
|
+
"commentRange": {
|
|
23549
|
+
"start": 168,
|
|
23550
|
+
"end": 169
|
|
23551
|
+
},
|
|
23552
|
+
"context": {
|
|
23553
|
+
"type": "variable",
|
|
23554
|
+
"name": "kendo-fab-generating-opacity",
|
|
23555
|
+
"value": "60%",
|
|
23556
|
+
"scope": "default",
|
|
23557
|
+
"line": {
|
|
23558
|
+
"start": 170,
|
|
23559
|
+
"end": 170
|
|
23560
|
+
}
|
|
23561
|
+
},
|
|
23562
|
+
"group": [
|
|
23563
|
+
"floating-action-button"
|
|
23564
|
+
],
|
|
23565
|
+
"access": "public",
|
|
23566
|
+
"file": {
|
|
23567
|
+
"path": "fab/_variables.scss",
|
|
23568
|
+
"name": "_variables.scss"
|
|
23569
|
+
}
|
|
23570
|
+
},
|
|
23546
23571
|
{
|
|
23547
23572
|
"description": "The transformation scale of the Floating Label.\n",
|
|
23548
23573
|
"commentRange": {
|
package/dist/meta/variables.json
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-material",
|
|
3
3
|
"description": "Material theme for Kendo UI",
|
|
4
|
-
"version": "11.
|
|
4
|
+
"version": "11.2.0-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@progress/kendo-svg-icons": "^4.1.0",
|
|
57
|
-
"@progress/kendo-theme-core": "11.
|
|
58
|
-
"@progress/kendo-theme-utils": "11.
|
|
57
|
+
"@progress/kendo-theme-core": "11.2.0-dev.0",
|
|
58
|
+
"@progress/kendo-theme-utils": "11.2.0-dev.0"
|
|
59
59
|
},
|
|
60
60
|
"directories": {
|
|
61
61
|
"doc": "docs",
|
|
62
62
|
"lib": "lib"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "e1c7c75c3d2cc27f13558cd0381f5442fcdcd276"
|
|
65
65
|
}
|
package/scss/fab/_theme.scss
CHANGED
|
@@ -46,6 +46,29 @@
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
+
// Generating state
|
|
50
|
+
.k-fab-solid-primary.k-generating {
|
|
51
|
+
animation: k-fab-generating 1.5s ease-in-out 0.5s infinite;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@keyframes k-fab-generating {
|
|
55
|
+
0% {
|
|
56
|
+
color: k-color(primary-on-subtle);
|
|
57
|
+
background-color: k-color(primary-subtle-active);
|
|
58
|
+
border: k-color(primary-subtle-active);
|
|
59
|
+
}
|
|
60
|
+
50% {
|
|
61
|
+
color: color-mix(in srgb, k-color(primary-on-subtle) $kendo-fab-generating-opacity, k-color(surface-alt));
|
|
62
|
+
background-color: color-mix(in srgb, k-color(primary-subtle-active) $kendo-fab-generating-opacity, k-color(surface-alt));
|
|
63
|
+
border: color-mix(in srgb, k-color(primary-subtle-active) $kendo-fab-generating-opacity, k-color(surface-alt));
|
|
64
|
+
}
|
|
65
|
+
100% {
|
|
66
|
+
color: k-color(primary-on-subtle);
|
|
67
|
+
background-color: k-color(primary-subtle-active);
|
|
68
|
+
border: k-color(primary-subtle-active);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
49
72
|
// Disabled state
|
|
50
73
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
51
74
|
.k-disabled.k-fab-solid-#{$name},
|
package/scss/fab/_variables.scss
CHANGED
|
@@ -165,6 +165,10 @@ $kendo-fab-item-disabled-shadow: $kendo-fab-disabled-shadow !default;
|
|
|
165
165
|
/// @group floating-action-button
|
|
166
166
|
$kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
167
167
|
|
|
168
|
+
/// Тhe opacity of the generating FAB.
|
|
169
|
+
/// @group floating-action-button
|
|
170
|
+
$kendo-fab-generating-opacity: 60% !default;
|
|
171
|
+
|
|
168
172
|
@forward "@progress/kendo-theme-core/scss/components/fab/_variables.scss" with (
|
|
169
173
|
$kendo-fab-border-width: $kendo-fab-border-width,
|
|
170
174
|
$kendo-fab-font-family: $kendo-fab-font-family,
|
|
@@ -206,5 +210,6 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
|
206
210
|
$kendo-fab-item-icon-border: $kendo-fab-item-icon-border,
|
|
207
211
|
$kendo-fab-item-shadow: $kendo-fab-item-shadow,
|
|
208
212
|
$kendo-fab-item-disabled-shadow: $kendo-fab-item-disabled-shadow,
|
|
209
|
-
$kendo-fab-item-active-shadow: $kendo-fab-item-active-shadow
|
|
213
|
+
$kendo-fab-item-active-shadow: $kendo-fab-item-active-shadow,
|
|
214
|
+
$kendo-fab-generating-opacity: $kendo-fab-generating-opacity
|
|
210
215
|
);
|
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
|
package/scss/prompt/_index.scss
CHANGED
|
@@ -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();
|