@progress/kendo-theme-material 8.2.0 → 8.2.1
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.scss +17 -2
- package/dist/meta/sassdoc-data.json +4 -4
- package/dist/meta/sassdoc-raw-data.json +2 -2
- package/dist/meta/variables.json +31 -31
- 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 +3 -3
- package/scss/chart-wizard/_variables.scss +2 -2
- package/scss/core/color-system/_swatch.scss +15 -0
package/dist/all.scss
CHANGED
|
@@ -3692,6 +3692,21 @@ $kendo-valid-text: $kendo-color-success !default;
|
|
|
3692
3692
|
$kendo-valid-border: $kendo-color-success !default;
|
|
3693
3693
|
$kendo-valid-shadow: null !default;
|
|
3694
3694
|
|
|
3695
|
+
// Disabled Styling
|
|
3696
|
+
$kendo-disabled-bg: null !default;
|
|
3697
|
+
$kendo-disabled-text: k-map-get( $theme, disabled-text ) !default;
|
|
3698
|
+
$kendo-disabled-border: null!default;
|
|
3699
|
+
$kendo-disabled-opacity: .6 !default;
|
|
3700
|
+
$kendo-disabled-filter: grayscale(.1) !default;
|
|
3701
|
+
|
|
3702
|
+
$kendo-disabled-styling: (
|
|
3703
|
+
bg: $kendo-disabled-bg,
|
|
3704
|
+
color: $kendo-disabled-text,
|
|
3705
|
+
border: $kendo-disabled-border,
|
|
3706
|
+
opacity: $kendo-disabled-opacity,
|
|
3707
|
+
filter: $kendo-disabled-filter,
|
|
3708
|
+
) !default;
|
|
3709
|
+
|
|
3695
3710
|
// #endregion
|
|
3696
3711
|
|
|
3697
3712
|
// Elevation
|
|
@@ -52605,7 +52620,7 @@ $kendo-listview-item-focus-shadow: null !default;
|
|
|
52605
52620
|
$kendo-chart-wizard-icon-area-color: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
|
|
52606
52621
|
/// The background color of the area around the chart type icon.
|
|
52607
52622
|
/// @group chart-wizard
|
|
52608
|
-
$kendo-chart-wizard-icon-area-bg: if($kendo-enable-color-system, k-color(primary-subtle), $kendo-color-primary
|
|
52623
|
+
$kendo-chart-wizard-icon-area-bg: if($kendo-enable-color-system, k-color(primary-subtle), k-try-tint( $kendo-color-primary, 80% )) !default;
|
|
52609
52624
|
/// The border radius of the area around the chart type icon.
|
|
52610
52625
|
/// @group chart-wizard
|
|
52611
52626
|
$kendo-chart-wizard-icon-area-border-radius: k-border-radius(none) !default;
|
|
@@ -52614,7 +52629,7 @@ $kendo-chart-wizard-icon-area-border-radius: k-border-radius(none) !default;
|
|
|
52614
52629
|
$kendo-chart-wizard-icon-area-padding: k-spacing(4) !default;
|
|
52615
52630
|
/// The box shadow of the focused area around the chart type icon.
|
|
52616
52631
|
/// @group chart-wizard
|
|
52617
|
-
$kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), $kendo-color-primary
|
|
52632
|
+
$kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), k-try-tint( $kendo-color-primary, 25% )) !default;
|
|
52618
52633
|
/// The box shadow of the selected area around the chart type icon.
|
|
52619
52634
|
/// @group chart-wizard
|
|
52620
52635
|
$kendo-chart-wizard-icon-area-selected-shadow: inset 0 0 0 1px $kendo-chart-wizard-icon-area-color !default;
|
|
@@ -9527,7 +9527,7 @@
|
|
|
9527
9527
|
"context": {
|
|
9528
9528
|
"type": "variable",
|
|
9529
9529
|
"name": "kendo-chart-wizard-icon-area-bg",
|
|
9530
|
-
"value": "if($kendo-enable-color-system, k-color(primary-subtle), $kendo-color-primary
|
|
9530
|
+
"value": "if($kendo-enable-color-system, k-color(primary-subtle), k-try-tint( $kendo-color-primary, 80% ))",
|
|
9531
9531
|
"scope": "default",
|
|
9532
9532
|
"line": {
|
|
9533
9533
|
"start": 8,
|
|
@@ -9608,7 +9608,7 @@
|
|
|
9608
9608
|
"context": {
|
|
9609
9609
|
"type": "variable",
|
|
9610
9610
|
"name": "kendo-chart-wizard-icon-area-focus-shadow",
|
|
9611
|
-
"value": "inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), $kendo-color-primary
|
|
9611
|
+
"value": "inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), k-try-tint( $kendo-color-primary, 25% ))",
|
|
9612
9612
|
"scope": "default",
|
|
9613
9613
|
"line": {
|
|
9614
9614
|
"start": 17,
|
|
@@ -85677,7 +85677,7 @@
|
|
|
85677
85677
|
"context": {
|
|
85678
85678
|
"type": "variable",
|
|
85679
85679
|
"name": "kendo-chart-wizard-icon-area-bg",
|
|
85680
|
-
"value": "if($kendo-enable-color-system, k-color(primary-subtle), $kendo-color-primary
|
|
85680
|
+
"value": "if($kendo-enable-color-system, k-color(primary-subtle), k-try-tint( $kendo-color-primary, 80% ))",
|
|
85681
85681
|
"scope": "default",
|
|
85682
85682
|
"line": {
|
|
85683
85683
|
"start": 8,
|
|
@@ -85758,7 +85758,7 @@
|
|
|
85758
85758
|
"context": {
|
|
85759
85759
|
"type": "variable",
|
|
85760
85760
|
"name": "kendo-chart-wizard-icon-area-focus-shadow",
|
|
85761
|
-
"value": "inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), $kendo-color-primary
|
|
85761
|
+
"value": "inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), k-try-tint( $kendo-color-primary, 25% ))",
|
|
85762
85762
|
"scope": "default",
|
|
85763
85763
|
"line": {
|
|
85764
85764
|
"start": 17,
|
|
@@ -8708,7 +8708,7 @@
|
|
|
8708
8708
|
"context": {
|
|
8709
8709
|
"type": "variable",
|
|
8710
8710
|
"name": "kendo-chart-wizard-icon-area-bg",
|
|
8711
|
-
"value": "if($kendo-enable-color-system, k-color(primary-subtle), $kendo-color-primary
|
|
8711
|
+
"value": "if($kendo-enable-color-system, k-color(primary-subtle), k-try-tint( $kendo-color-primary, 80% ))",
|
|
8712
8712
|
"scope": "default",
|
|
8713
8713
|
"line": {
|
|
8714
8714
|
"start": 8,
|
|
@@ -8783,7 +8783,7 @@
|
|
|
8783
8783
|
"context": {
|
|
8784
8784
|
"type": "variable",
|
|
8785
8785
|
"name": "kendo-chart-wizard-icon-area-focus-shadow",
|
|
8786
|
-
"value": "inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), $kendo-color-primary
|
|
8786
|
+
"value": "inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), k-try-tint( $kendo-color-primary, 25% ))",
|
|
8787
8787
|
"scope": "default",
|
|
8788
8788
|
"line": {
|
|
8789
8789
|
"start": 17,
|
package/dist/meta/variables.json
CHANGED
|
@@ -1850,6 +1850,37 @@
|
|
|
1850
1850
|
"type": "Null",
|
|
1851
1851
|
"value": "null"
|
|
1852
1852
|
},
|
|
1853
|
+
"kendo-disabled-bg": {
|
|
1854
|
+
"type": "Null",
|
|
1855
|
+
"value": "null"
|
|
1856
|
+
},
|
|
1857
|
+
"kendo-disabled-text": {
|
|
1858
|
+
"type": "String",
|
|
1859
|
+
"value": "var(--kendo-color-on-app-surface, #212121)"
|
|
1860
|
+
},
|
|
1861
|
+
"kendo-disabled-border": {
|
|
1862
|
+
"type": "Null",
|
|
1863
|
+
"value": "null"
|
|
1864
|
+
},
|
|
1865
|
+
"kendo-disabled-opacity": {
|
|
1866
|
+
"type": "Number",
|
|
1867
|
+
"value": "0.6"
|
|
1868
|
+
},
|
|
1869
|
+
"kendo-disabled-filter": {
|
|
1870
|
+
"type": "String",
|
|
1871
|
+
"value": "grayscale(0.1)"
|
|
1872
|
+
},
|
|
1873
|
+
"kendo-disabled-styling": {
|
|
1874
|
+
"type": "Map",
|
|
1875
|
+
"value": "(bg: null, color: var(--kendo-color-on-app-surface, #212121), border: null, opacity: 0.6, filter: grayscale(0.1))",
|
|
1876
|
+
"prettyValue": {
|
|
1877
|
+
"bg": null,
|
|
1878
|
+
"color": "var(--kendo-color-on-app-surface, #212121)",
|
|
1879
|
+
"border": null,
|
|
1880
|
+
"opacity": 0.6,
|
|
1881
|
+
"filter": "grayscale(0.1)"
|
|
1882
|
+
}
|
|
1883
|
+
},
|
|
1853
1884
|
"kendo-elevation": {
|
|
1854
1885
|
"type": "Map",
|
|
1855
1886
|
"value": "(1: (0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)), 2: (0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)), 3: (0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)), 4: (0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)), 5: (0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)), 6: (0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)), 7: (0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)), 8: (0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14)), 9: (0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14)))",
|
|
@@ -3306,37 +3337,6 @@
|
|
|
3306
3337
|
"type": "Null",
|
|
3307
3338
|
"value": "null"
|
|
3308
3339
|
},
|
|
3309
|
-
"kendo-disabled-bg": {
|
|
3310
|
-
"type": "Null",
|
|
3311
|
-
"value": "null"
|
|
3312
|
-
},
|
|
3313
|
-
"kendo-disabled-text": {
|
|
3314
|
-
"type": "String",
|
|
3315
|
-
"value": "var(--kendo-color-on-app-surface, #212121)"
|
|
3316
|
-
},
|
|
3317
|
-
"kendo-disabled-border": {
|
|
3318
|
-
"type": "Null",
|
|
3319
|
-
"value": "null"
|
|
3320
|
-
},
|
|
3321
|
-
"kendo-disabled-opacity": {
|
|
3322
|
-
"type": "Number",
|
|
3323
|
-
"value": "0.6"
|
|
3324
|
-
},
|
|
3325
|
-
"kendo-disabled-filter": {
|
|
3326
|
-
"type": "String",
|
|
3327
|
-
"value": "grayscale(0.1)"
|
|
3328
|
-
},
|
|
3329
|
-
"kendo-disabled-styling": {
|
|
3330
|
-
"type": "Map",
|
|
3331
|
-
"value": "(bg: null, color: var(--kendo-color-on-app-surface, #212121), border: null, opacity: 0.6, filter: grayscale(0.1))",
|
|
3332
|
-
"prettyValue": {
|
|
3333
|
-
"bg": null,
|
|
3334
|
-
"color": "var(--kendo-color-on-app-surface, #212121)",
|
|
3335
|
-
"border": null,
|
|
3336
|
-
"opacity": 0.6,
|
|
3337
|
-
"filter": "grayscale(0.1)"
|
|
3338
|
-
}
|
|
3339
|
-
},
|
|
3340
3340
|
"kendo-scrollbar-width": {
|
|
3341
3341
|
"type": "Number",
|
|
3342
3342
|
"value": "17px"
|
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": "8.2.
|
|
4
|
+
"version": "8.2.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@progress/kendo-svg-icons": "3.0.0",
|
|
57
57
|
"@progress/kendo-theme-core": "8.2.0",
|
|
58
|
-
"@progress/kendo-theme-default": "8.2.
|
|
58
|
+
"@progress/kendo-theme-default": "8.2.1",
|
|
59
59
|
"@progress/kendo-theme-utils": "8.2.0"
|
|
60
60
|
},
|
|
61
61
|
"directories": {
|
|
62
62
|
"doc": "docs",
|
|
63
63
|
"lib": "lib"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "b9724348fa33159aca0e38e17e653f3eceedf9b5"
|
|
66
66
|
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
$kendo-chart-wizard-icon-area-color: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
|
|
6
6
|
/// The background color of the area around the chart type icon.
|
|
7
7
|
/// @group chart-wizard
|
|
8
|
-
$kendo-chart-wizard-icon-area-bg: if($kendo-enable-color-system, k-color(primary-subtle), $kendo-color-primary
|
|
8
|
+
$kendo-chart-wizard-icon-area-bg: if($kendo-enable-color-system, k-color(primary-subtle), k-try-tint( $kendo-color-primary, 80% )) !default;
|
|
9
9
|
/// The border radius of the area around the chart type icon.
|
|
10
10
|
/// @group chart-wizard
|
|
11
11
|
$kendo-chart-wizard-icon-area-border-radius: k-border-radius(none) !default;
|
|
@@ -14,7 +14,7 @@ $kendo-chart-wizard-icon-area-border-radius: k-border-radius(none) !default;
|
|
|
14
14
|
$kendo-chart-wizard-icon-area-padding: k-spacing(4) !default;
|
|
15
15
|
/// The box shadow of the focused area around the chart type icon.
|
|
16
16
|
/// @group chart-wizard
|
|
17
|
-
$kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), $kendo-color-primary
|
|
17
|
+
$kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), k-try-tint( $kendo-color-primary, 25% )) !default;
|
|
18
18
|
/// The box shadow of the selected area around the chart type icon.
|
|
19
19
|
/// @group chart-wizard
|
|
20
20
|
$kendo-chart-wizard-icon-area-selected-shadow: inset 0 0 0 1px $kendo-chart-wizard-icon-area-color !default;
|
|
@@ -669,3 +669,18 @@ $kendo-valid-bg: null !default;
|
|
|
669
669
|
$kendo-valid-text: $kendo-color-success !default;
|
|
670
670
|
$kendo-valid-border: $kendo-color-success !default;
|
|
671
671
|
$kendo-valid-shadow: null !default;
|
|
672
|
+
|
|
673
|
+
// Disabled Styling
|
|
674
|
+
$kendo-disabled-bg: null !default;
|
|
675
|
+
$kendo-disabled-text: k-map-get( $theme, disabled-text ) !default;
|
|
676
|
+
$kendo-disabled-border: null!default;
|
|
677
|
+
$kendo-disabled-opacity: .6 !default;
|
|
678
|
+
$kendo-disabled-filter: grayscale(.1) !default;
|
|
679
|
+
|
|
680
|
+
$kendo-disabled-styling: (
|
|
681
|
+
bg: $kendo-disabled-bg,
|
|
682
|
+
color: $kendo-disabled-text,
|
|
683
|
+
border: $kendo-disabled-border,
|
|
684
|
+
opacity: $kendo-disabled-opacity,
|
|
685
|
+
filter: $kendo-disabled-filter,
|
|
686
|
+
) !default;
|