@progress/kendo-theme-material 6.3.0 → 6.4.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 +174 -80
- package/dist/all.scss +33 -57
- 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 +5 -5
package/dist/all.css
CHANGED
|
@@ -38846,8 +38846,8 @@ select.k-picker-lg {
|
|
|
38846
38846
|
}
|
|
38847
38847
|
|
|
38848
38848
|
.k-calendar-th {
|
|
38849
|
-
|
|
38850
|
-
|
|
38849
|
+
inline-size: var(--INTERNAL--kendo-calendar-cell-size, 36px);
|
|
38850
|
+
block-size: var(--INTERNAL--kendo-calendar-cell-size, 36px);
|
|
38851
38851
|
font-size: 12px;
|
|
38852
38852
|
line-height: 2;
|
|
38853
38853
|
text-transform: uppercase;
|
|
@@ -43895,194 +43895,313 @@ kendo-card-footer {
|
|
|
43895
43895
|
z-index: 1;
|
|
43896
43896
|
}
|
|
43897
43897
|
|
|
43898
|
-
.k-bottom-nav-solid.k-bottom-nav-primary {
|
|
43898
|
+
.k-bottom-nav-solid-primary, .k-bottom-nav-solid.k-bottom-nav-primary {
|
|
43899
43899
|
color: #bcc2e5;
|
|
43900
43900
|
background-color: #3f51b5;
|
|
43901
43901
|
}
|
|
43902
43902
|
|
|
43903
|
-
.k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
|
|
43903
|
+
.k-bottom-nav-solid-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
|
|
43904
|
+
.k-bottom-nav-solid-primary .k-bottom-nav-item:focus,
|
|
43904
43905
|
.k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus {
|
|
43905
43906
|
background-color: rgba(188, 194, 229, 0.2);
|
|
43906
43907
|
}
|
|
43907
43908
|
|
|
43908
|
-
.k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
|
|
43909
|
+
.k-bottom-nav-solid-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
|
|
43909
43910
|
color: white;
|
|
43910
43911
|
}
|
|
43911
43912
|
|
|
43912
|
-
.k-bottom-nav-solid.k-bottom-nav-secondary {
|
|
43913
|
+
.k-bottom-nav-solid-secondary, .k-bottom-nav-solid.k-bottom-nav-secondary {
|
|
43913
43914
|
color: #f6afc7;
|
|
43914
43915
|
background-color: #e51a5f;
|
|
43915
43916
|
}
|
|
43916
43917
|
|
|
43917
|
-
.k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
|
|
43918
|
+
.k-bottom-nav-solid-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
|
|
43919
|
+
.k-bottom-nav-solid-secondary .k-bottom-nav-item:focus,
|
|
43918
43920
|
.k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus {
|
|
43919
43921
|
background-color: rgba(246, 175, 199, 0.2);
|
|
43920
43922
|
}
|
|
43921
43923
|
|
|
43922
|
-
.k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
|
|
43924
|
+
.k-bottom-nav-solid-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
|
|
43923
43925
|
color: white;
|
|
43924
43926
|
}
|
|
43925
43927
|
|
|
43926
|
-
.k-bottom-nav-solid.k-bottom-nav-tertiary {
|
|
43928
|
+
.k-bottom-nav-solid-tertiary, .k-bottom-nav-solid.k-bottom-nav-tertiary {
|
|
43927
43929
|
color: #a6cbc6;
|
|
43928
43930
|
background-color: #00695c;
|
|
43929
43931
|
}
|
|
43930
43932
|
|
|
43931
|
-
.k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
|
|
43933
|
+
.k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
|
|
43934
|
+
.k-bottom-nav-solid-tertiary .k-bottom-nav-item:focus,
|
|
43932
43935
|
.k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
|
|
43933
43936
|
background-color: rgba(166, 203, 198, 0.2);
|
|
43934
43937
|
}
|
|
43935
43938
|
|
|
43936
|
-
.k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
|
|
43939
|
+
.k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
|
|
43937
43940
|
color: white;
|
|
43938
43941
|
}
|
|
43939
43942
|
|
|
43940
|
-
.k-bottom-nav-solid.k-bottom-nav-info {
|
|
43943
|
+
.k-bottom-nav-solid-info, .k-bottom-nav-solid.k-bottom-nav-info {
|
|
43941
43944
|
color: #a6c5f7;
|
|
43942
43945
|
background-color: #0058e9;
|
|
43943
43946
|
}
|
|
43944
43947
|
|
|
43945
|
-
.k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
|
|
43948
|
+
.k-bottom-nav-solid-info .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
|
|
43949
|
+
.k-bottom-nav-solid-info .k-bottom-nav-item:focus,
|
|
43946
43950
|
.k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus {
|
|
43947
43951
|
background-color: rgba(166, 197, 247, 0.2);
|
|
43948
43952
|
}
|
|
43949
43953
|
|
|
43950
|
-
.k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
|
|
43954
|
+
.k-bottom-nav-solid-info .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
|
|
43951
43955
|
color: white;
|
|
43952
43956
|
}
|
|
43953
43957
|
|
|
43954
|
-
.k-bottom-nav-solid.k-bottom-nav-success {
|
|
43958
|
+
.k-bottom-nav-solid-success, .k-bottom-nav-solid.k-bottom-nav-success {
|
|
43955
43959
|
color: #b9e5a6;
|
|
43956
43960
|
background-color: #37b400;
|
|
43957
43961
|
}
|
|
43958
43962
|
|
|
43959
|
-
.k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
|
|
43963
|
+
.k-bottom-nav-solid-success .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
|
|
43964
|
+
.k-bottom-nav-solid-success .k-bottom-nav-item:focus,
|
|
43960
43965
|
.k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus {
|
|
43961
43966
|
background-color: rgba(185, 229, 166, 0.2);
|
|
43962
43967
|
}
|
|
43963
43968
|
|
|
43964
|
-
.k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
|
|
43969
|
+
.k-bottom-nav-solid-success .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
|
|
43965
43970
|
color: white;
|
|
43966
43971
|
}
|
|
43967
43972
|
|
|
43968
|
-
.k-bottom-nav-solid.k-bottom-nav-warning {
|
|
43973
|
+
.k-bottom-nav-solid-warning, .k-bottom-nav-solid.k-bottom-nav-warning {
|
|
43969
43974
|
color: #594300;
|
|
43970
43975
|
background-color: #ffc000;
|
|
43971
43976
|
}
|
|
43972
43977
|
|
|
43973
|
-
.k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
|
|
43978
|
+
.k-bottom-nav-solid-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
|
|
43979
|
+
.k-bottom-nav-solid-warning .k-bottom-nav-item:focus,
|
|
43974
43980
|
.k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus {
|
|
43975
43981
|
background-color: rgba(89, 67, 0, 0.2);
|
|
43976
43982
|
}
|
|
43977
43983
|
|
|
43978
|
-
.k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
|
|
43984
|
+
.k-bottom-nav-solid-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
|
|
43979
43985
|
color: black;
|
|
43980
43986
|
}
|
|
43981
43987
|
|
|
43982
|
-
.k-bottom-nav-solid.k-bottom-nav-error {
|
|
43988
|
+
.k-bottom-nav-solid-error, .k-bottom-nav-solid.k-bottom-nav-error {
|
|
43983
43989
|
color: #fbaea6;
|
|
43984
43990
|
background-color: #f31700;
|
|
43985
43991
|
}
|
|
43986
43992
|
|
|
43987
|
-
.k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
|
|
43993
|
+
.k-bottom-nav-solid-error .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
|
|
43994
|
+
.k-bottom-nav-solid-error .k-bottom-nav-item:focus,
|
|
43988
43995
|
.k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus {
|
|
43989
43996
|
background-color: rgba(251, 174, 166, 0.2);
|
|
43990
43997
|
}
|
|
43991
43998
|
|
|
43992
|
-
.k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
|
|
43999
|
+
.k-bottom-nav-solid-error .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
|
|
43993
44000
|
color: white;
|
|
43994
44001
|
}
|
|
43995
44002
|
|
|
43996
|
-
.k-bottom-nav-solid.k-bottom-nav-dark {
|
|
44003
|
+
.k-bottom-nav-solid-dark, .k-bottom-nav-solid.k-bottom-nav-dark {
|
|
43997
44004
|
color: #bdbdbd;
|
|
43998
44005
|
background-color: #424242;
|
|
43999
44006
|
}
|
|
44000
44007
|
|
|
44001
|
-
.k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
|
|
44008
|
+
.k-bottom-nav-solid-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
|
|
44009
|
+
.k-bottom-nav-solid-dark .k-bottom-nav-item:focus,
|
|
44002
44010
|
.k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus {
|
|
44003
44011
|
background-color: rgba(189, 189, 189, 0.2);
|
|
44004
44012
|
}
|
|
44005
44013
|
|
|
44006
|
-
.k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
|
|
44014
|
+
.k-bottom-nav-solid-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
|
|
44007
44015
|
color: white;
|
|
44008
44016
|
}
|
|
44009
44017
|
|
|
44010
|
-
.k-bottom-nav-solid.k-bottom-nav-light {
|
|
44018
|
+
.k-bottom-nav-solid-light, .k-bottom-nav-solid.k-bottom-nav-light {
|
|
44011
44019
|
color: #565656;
|
|
44012
44020
|
background-color: #f5f5f5;
|
|
44013
44021
|
}
|
|
44014
44022
|
|
|
44015
|
-
.k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
|
|
44023
|
+
.k-bottom-nav-solid-light .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
|
|
44024
|
+
.k-bottom-nav-solid-light .k-bottom-nav-item:focus,
|
|
44016
44025
|
.k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus {
|
|
44017
44026
|
background-color: rgba(86, 86, 86, 0.2);
|
|
44018
44027
|
}
|
|
44019
44028
|
|
|
44020
|
-
.k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
|
|
44029
|
+
.k-bottom-nav-solid-light .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
|
|
44021
44030
|
color: black;
|
|
44022
44031
|
}
|
|
44023
44032
|
|
|
44024
|
-
.k-bottom-nav-solid.k-bottom-nav-inverse {
|
|
44033
|
+
.k-bottom-nav-solid-inverse, .k-bottom-nav-solid.k-bottom-nav-inverse {
|
|
44025
44034
|
color: #bdbdbd;
|
|
44026
44035
|
background-color: #424242;
|
|
44027
44036
|
}
|
|
44028
44037
|
|
|
44029
|
-
.k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
|
|
44038
|
+
.k-bottom-nav-solid-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
|
|
44039
|
+
.k-bottom-nav-solid-inverse .k-bottom-nav-item:focus,
|
|
44030
44040
|
.k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus {
|
|
44031
44041
|
background-color: rgba(189, 189, 189, 0.2);
|
|
44032
44042
|
}
|
|
44033
44043
|
|
|
44034
|
-
.k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
|
|
44044
|
+
.k-bottom-nav-solid-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
|
|
44035
44045
|
color: white;
|
|
44036
44046
|
}
|
|
44037
44047
|
|
|
44038
|
-
.k-bottom-nav-flat {
|
|
44048
|
+
.k-bottom-nav-flat-primary, .k-bottom-nav-flat.k-bottom-nav-primary {
|
|
44039
44049
|
border-color: rgba(0, 0, 0, 0.12);
|
|
44040
44050
|
color: rgba(0, 0, 0, 0.87);
|
|
44041
44051
|
background-color: #ffffff;
|
|
44042
44052
|
}
|
|
44043
44053
|
|
|
44044
|
-
.k-bottom-nav-flat .k-bottom-nav-item.k-focus,
|
|
44045
|
-
.k-bottom-nav-flat .k-bottom-nav-item:focus
|
|
44054
|
+
.k-bottom-nav-flat-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
|
|
44055
|
+
.k-bottom-nav-flat-primary .k-bottom-nav-item:focus,
|
|
44056
|
+
.k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:focus {
|
|
44046
44057
|
background-color: rgba(0, 0, 0, 0.05);
|
|
44047
44058
|
}
|
|
44048
44059
|
|
|
44049
|
-
.k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
|
|
44060
|
+
.k-bottom-nav-flat-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
|
|
44050
44061
|
color: #3f51b5;
|
|
44051
44062
|
}
|
|
44052
44063
|
|
|
44053
|
-
.k-bottom-nav-flat.k-bottom-nav-
|
|
44064
|
+
.k-bottom-nav-flat-secondary, .k-bottom-nav-flat.k-bottom-nav-secondary {
|
|
44065
|
+
border-color: rgba(0, 0, 0, 0.12);
|
|
44066
|
+
color: rgba(0, 0, 0, 0.87);
|
|
44067
|
+
background-color: #ffffff;
|
|
44068
|
+
}
|
|
44069
|
+
|
|
44070
|
+
.k-bottom-nav-flat-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
|
|
44071
|
+
.k-bottom-nav-flat-secondary .k-bottom-nav-item:focus,
|
|
44072
|
+
.k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item:focus {
|
|
44073
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
44074
|
+
}
|
|
44075
|
+
|
|
44076
|
+
.k-bottom-nav-flat-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
|
|
44054
44077
|
color: #ae1448;
|
|
44055
44078
|
}
|
|
44056
44079
|
|
|
44057
|
-
.k-bottom-nav-flat.k-bottom-nav-
|
|
44080
|
+
.k-bottom-nav-flat-tertiary, .k-bottom-nav-flat.k-bottom-nav-tertiary {
|
|
44081
|
+
border-color: rgba(0, 0, 0, 0.12);
|
|
44082
|
+
color: rgba(0, 0, 0, 0.87);
|
|
44083
|
+
background-color: #ffffff;
|
|
44084
|
+
}
|
|
44085
|
+
|
|
44086
|
+
.k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
|
|
44087
|
+
.k-bottom-nav-flat-tertiary .k-bottom-nav-item:focus,
|
|
44088
|
+
.k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
|
|
44089
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
44090
|
+
}
|
|
44091
|
+
|
|
44092
|
+
.k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
|
|
44058
44093
|
color: #00695c;
|
|
44059
44094
|
}
|
|
44060
44095
|
|
|
44061
|
-
.k-bottom-nav-flat.k-bottom-nav-
|
|
44096
|
+
.k-bottom-nav-flat-info, .k-bottom-nav-flat.k-bottom-nav-info {
|
|
44097
|
+
border-color: rgba(0, 0, 0, 0.12);
|
|
44098
|
+
color: rgba(0, 0, 0, 0.87);
|
|
44099
|
+
background-color: #ffffff;
|
|
44100
|
+
}
|
|
44101
|
+
|
|
44102
|
+
.k-bottom-nav-flat-info .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-focus,
|
|
44103
|
+
.k-bottom-nav-flat-info .k-bottom-nav-item:focus,
|
|
44104
|
+
.k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:focus {
|
|
44105
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
44106
|
+
}
|
|
44107
|
+
|
|
44108
|
+
.k-bottom-nav-flat-info .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
|
|
44062
44109
|
color: #0058e9;
|
|
44063
44110
|
}
|
|
44064
44111
|
|
|
44065
|
-
.k-bottom-nav-flat.k-bottom-nav-
|
|
44112
|
+
.k-bottom-nav-flat-success, .k-bottom-nav-flat.k-bottom-nav-success {
|
|
44113
|
+
border-color: rgba(0, 0, 0, 0.12);
|
|
44114
|
+
color: rgba(0, 0, 0, 0.87);
|
|
44115
|
+
background-color: #ffffff;
|
|
44116
|
+
}
|
|
44117
|
+
|
|
44118
|
+
.k-bottom-nav-flat-success .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-focus,
|
|
44119
|
+
.k-bottom-nav-flat-success .k-bottom-nav-item:focus,
|
|
44120
|
+
.k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item:focus {
|
|
44121
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
44122
|
+
}
|
|
44123
|
+
|
|
44124
|
+
.k-bottom-nav-flat-success .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
|
|
44066
44125
|
color: #37b400;
|
|
44067
44126
|
}
|
|
44068
44127
|
|
|
44069
|
-
.k-bottom-nav-flat.k-bottom-nav-
|
|
44128
|
+
.k-bottom-nav-flat-warning, .k-bottom-nav-flat.k-bottom-nav-warning {
|
|
44129
|
+
border-color: rgba(0, 0, 0, 0.12);
|
|
44130
|
+
color: rgba(0, 0, 0, 0.87);
|
|
44131
|
+
background-color: #ffffff;
|
|
44132
|
+
}
|
|
44133
|
+
|
|
44134
|
+
.k-bottom-nav-flat-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
|
|
44135
|
+
.k-bottom-nav-flat-warning .k-bottom-nav-item:focus,
|
|
44136
|
+
.k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item:focus {
|
|
44137
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
44138
|
+
}
|
|
44139
|
+
|
|
44140
|
+
.k-bottom-nav-flat-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
|
|
44070
44141
|
color: #ffc000;
|
|
44071
44142
|
}
|
|
44072
44143
|
|
|
44073
|
-
.k-bottom-nav-flat.k-bottom-nav-
|
|
44144
|
+
.k-bottom-nav-flat-error, .k-bottom-nav-flat.k-bottom-nav-error {
|
|
44145
|
+
border-color: rgba(0, 0, 0, 0.12);
|
|
44146
|
+
color: rgba(0, 0, 0, 0.87);
|
|
44147
|
+
background-color: #ffffff;
|
|
44148
|
+
}
|
|
44149
|
+
|
|
44150
|
+
.k-bottom-nav-flat-error .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-focus,
|
|
44151
|
+
.k-bottom-nav-flat-error .k-bottom-nav-item:focus,
|
|
44152
|
+
.k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item:focus {
|
|
44153
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
44154
|
+
}
|
|
44155
|
+
|
|
44156
|
+
.k-bottom-nav-flat-error .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
|
|
44074
44157
|
color: #f31700;
|
|
44075
44158
|
}
|
|
44076
44159
|
|
|
44077
|
-
.k-bottom-nav-flat.k-bottom-nav-
|
|
44160
|
+
.k-bottom-nav-flat-dark, .k-bottom-nav-flat.k-bottom-nav-dark {
|
|
44161
|
+
border-color: rgba(0, 0, 0, 0.12);
|
|
44162
|
+
color: rgba(0, 0, 0, 0.87);
|
|
44163
|
+
background-color: #ffffff;
|
|
44164
|
+
}
|
|
44165
|
+
|
|
44166
|
+
.k-bottom-nav-flat-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
|
|
44167
|
+
.k-bottom-nav-flat-dark .k-bottom-nav-item:focus,
|
|
44168
|
+
.k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item:focus {
|
|
44169
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
44170
|
+
}
|
|
44171
|
+
|
|
44172
|
+
.k-bottom-nav-flat-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
|
|
44078
44173
|
color: #424242;
|
|
44079
44174
|
}
|
|
44080
44175
|
|
|
44081
|
-
.k-bottom-nav-flat.k-bottom-nav-
|
|
44176
|
+
.k-bottom-nav-flat-light, .k-bottom-nav-flat.k-bottom-nav-light {
|
|
44177
|
+
border-color: rgba(0, 0, 0, 0.12);
|
|
44178
|
+
color: rgba(0, 0, 0, 0.87);
|
|
44179
|
+
background-color: #ffffff;
|
|
44180
|
+
}
|
|
44181
|
+
|
|
44182
|
+
.k-bottom-nav-flat-light .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-focus,
|
|
44183
|
+
.k-bottom-nav-flat-light .k-bottom-nav-item:focus,
|
|
44184
|
+
.k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item:focus {
|
|
44185
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
44186
|
+
}
|
|
44187
|
+
|
|
44188
|
+
.k-bottom-nav-flat-light .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
|
|
44082
44189
|
color: #bababa;
|
|
44083
44190
|
}
|
|
44084
44191
|
|
|
44085
|
-
.k-bottom-nav-flat.k-bottom-nav-
|
|
44192
|
+
.k-bottom-nav-flat-inverse, .k-bottom-nav-flat.k-bottom-nav-inverse {
|
|
44193
|
+
border-color: rgba(0, 0, 0, 0.12);
|
|
44194
|
+
color: rgba(0, 0, 0, 0.87);
|
|
44195
|
+
background-color: #ffffff;
|
|
44196
|
+
}
|
|
44197
|
+
|
|
44198
|
+
.k-bottom-nav-flat-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
|
|
44199
|
+
.k-bottom-nav-flat-inverse .k-bottom-nav-item:focus,
|
|
44200
|
+
.k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item:focus {
|
|
44201
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
44202
|
+
}
|
|
44203
|
+
|
|
44204
|
+
.k-bottom-nav-flat-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
|
|
44086
44205
|
color: #424242;
|
|
44087
44206
|
}
|
|
44088
44207
|
|
|
@@ -44116,10 +44235,6 @@ kendo-card-footer {
|
|
|
44116
44235
|
overflow: hidden;
|
|
44117
44236
|
}
|
|
44118
44237
|
|
|
44119
|
-
.k-breadcrumb-container.k-flex-wrap {
|
|
44120
|
-
flex-wrap: wrap;
|
|
44121
|
-
}
|
|
44122
|
-
|
|
44123
44238
|
.k-breadcrumb-root-item-container {
|
|
44124
44239
|
align-items: flex-start;
|
|
44125
44240
|
flex-shrink: 0;
|
|
@@ -44129,6 +44244,7 @@ kendo-card-footer {
|
|
|
44129
44244
|
vertical-align: middle;
|
|
44130
44245
|
display: inline-flex;
|
|
44131
44246
|
flex-direction: row;
|
|
44247
|
+
flex: none;
|
|
44132
44248
|
align-items: center;
|
|
44133
44249
|
overflow: hidden;
|
|
44134
44250
|
}
|
|
@@ -45390,6 +45506,9 @@ kendo-card-footer {
|
|
|
45390
45506
|
|
|
45391
45507
|
.k-expander-indicator {
|
|
45392
45508
|
margin-left: 12px;
|
|
45509
|
+
display: flex;
|
|
45510
|
+
justify-content: center;
|
|
45511
|
+
align-items: center;
|
|
45393
45512
|
}
|
|
45394
45513
|
|
|
45395
45514
|
.k-expander-content {
|
|
@@ -47933,7 +48052,8 @@ div.k-grid-norecords {
|
|
|
47933
48052
|
}
|
|
47934
48053
|
|
|
47935
48054
|
.k-columnmenu-item > .k-icon,
|
|
47936
|
-
.k-columnmenu-item > .k-svg-icon
|
|
48055
|
+
.k-columnmenu-item > .k-svg-icon,
|
|
48056
|
+
.k-columnmenu-item > .k-expander-indicator {
|
|
47937
48057
|
margin-inline-end: 8px;
|
|
47938
48058
|
}
|
|
47939
48059
|
|
|
@@ -49503,8 +49623,10 @@ kendo-grid .k-grid-row-sticky .k-table-td {
|
|
|
49503
49623
|
|
|
49504
49624
|
.k-spreadsheet-filter-menu .k-details-summary > .k-icon,
|
|
49505
49625
|
.k-spreadsheet-filter-menu .k-details-summary > .k-svg-icon,
|
|
49626
|
+
.k-spreadsheet-filter-menu .k-details-summary > .k-expander-indicator,
|
|
49506
49627
|
.k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon,
|
|
49507
|
-
.k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon
|
|
49628
|
+
.k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon,
|
|
49629
|
+
.k-spreadsheet-filter-menu .k-columnmenu-item > .k-expander-indicator {
|
|
49508
49630
|
margin-right: 4px;
|
|
49509
49631
|
}
|
|
49510
49632
|
|
|
@@ -52060,24 +52182,6 @@ kendo-grid .k-grid-row-sticky .k-table-td {
|
|
|
52060
52182
|
margin-bottom: 0;
|
|
52061
52183
|
}
|
|
52062
52184
|
|
|
52063
|
-
.k-editor-table-wizard-window .k-numerictextbox {
|
|
52064
|
-
width: 10em;
|
|
52065
|
-
}
|
|
52066
|
-
|
|
52067
|
-
.k-editor-table-wizard-window .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown,
|
|
52068
|
-
.k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
|
|
52069
|
-
width: 5em;
|
|
52070
|
-
}
|
|
52071
|
-
|
|
52072
|
-
.k-editor-table-wizard-window .k-numerictextbox + .k-color-picker, .k-editor-table-wizard-window .k-numerictextbox + .k-colorpicker, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown,
|
|
52073
|
-
.k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
|
|
52074
|
-
margin-left: 8px;
|
|
52075
|
-
}
|
|
52076
|
-
|
|
52077
|
-
.k-editor-table-wizard-window .k-color-picker, .k-editor-table-wizard-window .k-colorpicker {
|
|
52078
|
-
vertical-align: middle;
|
|
52079
|
-
}
|
|
52080
|
-
|
|
52081
52185
|
.k-editor-table-wizard-window .k-edit-field > .k-checkbox {
|
|
52082
52186
|
position: relative;
|
|
52083
52187
|
}
|
|
@@ -53764,19 +53868,9 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
|
|
|
53764
53868
|
flex-flow: row nowrap;
|
|
53765
53869
|
}
|
|
53766
53870
|
|
|
53767
|
-
.k-scheduler-
|
|
53871
|
+
.k-scheduler-toolbar .k-views-dropdown {
|
|
53768
53872
|
width: auto;
|
|
53769
53873
|
font: inherit;
|
|
53770
|
-
display: none;
|
|
53771
|
-
}
|
|
53772
|
-
|
|
53773
|
-
@media (max-width: 1024px) {
|
|
53774
|
-
.k-scheduler-views-wrapper .k-scheduler-views {
|
|
53775
|
-
display: none;
|
|
53776
|
-
}
|
|
53777
|
-
.k-scheduler-views-wrapper .k-views-dropdown {
|
|
53778
|
-
display: inline-block;
|
|
53779
|
-
}
|
|
53780
53874
|
}
|
|
53781
53875
|
|
|
53782
53876
|
.k-scheduler-footer {
|
package/dist/all.scss
CHANGED
|
@@ -29989,8 +29989,8 @@ $kendo-calendar-sizes: (
|
|
|
29989
29989
|
.k-calendar-th {
|
|
29990
29990
|
padding-block: $kendo-calendar-header-cell-padding-y;
|
|
29991
29991
|
padding-inline: $kendo-calendar-header-cell-padding-x;
|
|
29992
|
-
|
|
29993
|
-
|
|
29992
|
+
inline-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-width );
|
|
29993
|
+
block-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-height );
|
|
29994
29994
|
font-size: $kendo-calendar-header-cell-font-size;
|
|
29995
29995
|
line-height: $kendo-calendar-header-cell-line-height;
|
|
29996
29996
|
text-transform: uppercase;
|
|
@@ -40322,7 +40322,7 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
|
40322
40322
|
|
|
40323
40323
|
// Solid
|
|
40324
40324
|
@each $name, $color in $kendo-theme-colors {
|
|
40325
|
-
.k-bottom-nav-solid
|
|
40325
|
+
.k-bottom-nav-solid-#{$name} {
|
|
40326
40326
|
@include fill(
|
|
40327
40327
|
$color: k-true-mix( $color, k-contrast-legacy( $color ), 35%),
|
|
40328
40328
|
$bg: $color
|
|
@@ -40337,23 +40337,27 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
|
40337
40337
|
@include fill( $color: k-contrast-legacy( $color ) );
|
|
40338
40338
|
}
|
|
40339
40339
|
}
|
|
40340
|
+
// TODO: remove when suites update class names
|
|
40341
|
+
.k-bottom-nav-solid.k-bottom-nav-#{$name} {
|
|
40342
|
+
@extend .k-bottom-nav-solid-#{$name} !optional;
|
|
40343
|
+
}
|
|
40340
40344
|
}
|
|
40341
40345
|
|
|
40342
40346
|
// Flat
|
|
40343
|
-
|
|
40344
|
-
|
|
40345
|
-
|
|
40346
|
-
|
|
40347
|
-
|
|
40348
|
-
|
|
40347
|
+
@each $name, $color in $kendo-theme-colors {
|
|
40348
|
+
.k-bottom-nav-flat-#{$name} {
|
|
40349
|
+
@include fill(
|
|
40350
|
+
$kendo-bottom-nav-flat-text,
|
|
40351
|
+
$kendo-bottom-nav-flat-bg,
|
|
40352
|
+
$kendo-bottom-nav-flat-border
|
|
40353
|
+
);
|
|
40349
40354
|
|
|
40350
|
-
|
|
40351
|
-
|
|
40352
|
-
|
|
40353
|
-
|
|
40355
|
+
.k-bottom-nav-item.k-focus,
|
|
40356
|
+
.k-bottom-nav-item:focus {
|
|
40357
|
+
@include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
|
|
40358
|
+
}
|
|
40354
40359
|
|
|
40355
|
-
|
|
40356
|
-
&.k-bottom-nav-#{$name} .k-bottom-nav-item.k-selected {
|
|
40360
|
+
.k-bottom-nav-item.k-selected {
|
|
40357
40361
|
@if $name == "secondary" or $name == "light" {
|
|
40358
40362
|
@include fill( $color: k-try-shade($color, 3) );
|
|
40359
40363
|
} @else {
|
|
@@ -40361,6 +40365,9 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
|
40361
40365
|
}
|
|
40362
40366
|
}
|
|
40363
40367
|
}
|
|
40368
|
+
.k-bottom-nav-flat.k-bottom-nav-#{$name} {
|
|
40369
|
+
@extend .k-bottom-nav-flat-#{$name} !optional;
|
|
40370
|
+
}
|
|
40364
40371
|
}
|
|
40365
40372
|
|
|
40366
40373
|
}
|
|
@@ -40536,12 +40543,6 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
|
|
|
40536
40543
|
overflow: hidden;
|
|
40537
40544
|
}
|
|
40538
40545
|
|
|
40539
|
-
.k-breadcrumb-container {
|
|
40540
|
-
// TODO: use !k-flex-wrap in rendering
|
|
40541
|
-
&.k-flex-wrap {
|
|
40542
|
-
flex-wrap: wrap;
|
|
40543
|
-
}
|
|
40544
|
-
}
|
|
40545
40546
|
.k-breadcrumb-root-item-container {
|
|
40546
40547
|
align-items: flex-start;
|
|
40547
40548
|
flex-shrink: 0;
|
|
@@ -40553,6 +40554,7 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
|
|
|
40553
40554
|
vertical-align: middle;
|
|
40554
40555
|
display: inline-flex;
|
|
40555
40556
|
flex-direction: row;
|
|
40557
|
+
flex: none;
|
|
40556
40558
|
align-items: center;
|
|
40557
40559
|
overflow: hidden;
|
|
40558
40560
|
}
|
|
@@ -43040,6 +43042,9 @@ $kendo-expander-content-padding-y: k-map-get( $kendo-spacing, 6 ) !default;
|
|
|
43040
43042
|
// Expand / collapse icon
|
|
43041
43043
|
.k-expander-indicator {
|
|
43042
43044
|
margin-left: $kendo-expander-indicator-margin-x;
|
|
43045
|
+
display: flex;
|
|
43046
|
+
justify-content: center;
|
|
43047
|
+
align-items: center;
|
|
43043
43048
|
}
|
|
43044
43049
|
|
|
43045
43050
|
// Expander content
|
|
@@ -46695,7 +46700,8 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
46695
46700
|
cursor: pointer;
|
|
46696
46701
|
|
|
46697
46702
|
> .k-icon,
|
|
46698
|
-
> .k-svg-icon
|
|
46703
|
+
> .k-svg-icon,
|
|
46704
|
+
> .k-expander-indicator {
|
|
46699
46705
|
margin-inline-end: $kendo-icon-spacing;
|
|
46700
46706
|
}
|
|
46701
46707
|
}
|
|
@@ -48701,7 +48707,8 @@ $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
|
48701
48707
|
cursor: pointer;
|
|
48702
48708
|
|
|
48703
48709
|
> .k-icon,
|
|
48704
|
-
> .k-svg-icon
|
|
48710
|
+
> .k-svg-icon,
|
|
48711
|
+
> .k-expander-indicator {
|
|
48705
48712
|
margin-right: $kendo-padding-md-y;
|
|
48706
48713
|
}
|
|
48707
48714
|
}
|
|
@@ -52918,24 +52925,6 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
|
|
|
52918
52925
|
}
|
|
52919
52926
|
}
|
|
52920
52927
|
|
|
52921
|
-
// Generic widgets
|
|
52922
|
-
.k-numerictextbox {
|
|
52923
|
-
width: 10em;
|
|
52924
|
-
|
|
52925
|
-
& + .k-dropdown-list {
|
|
52926
|
-
width: 5em;
|
|
52927
|
-
}
|
|
52928
|
-
|
|
52929
|
-
& + .k-color-picker,
|
|
52930
|
-
& + .k-dropdown-list {
|
|
52931
|
-
margin-left: k-map-get( $kendo-spacing, 2 );
|
|
52932
|
-
}
|
|
52933
|
-
}
|
|
52934
|
-
|
|
52935
|
-
.k-color-picker {
|
|
52936
|
-
vertical-align: middle;
|
|
52937
|
-
}
|
|
52938
|
-
|
|
52939
52928
|
.k-edit-field > .k-checkbox {
|
|
52940
52929
|
position: relative; // fix scrolling
|
|
52941
52930
|
}
|
|
@@ -55382,24 +55371,11 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
|
55382
55371
|
// Scheduler navigation
|
|
55383
55372
|
.k-scheduler-navigation {}
|
|
55384
55373
|
|
|
55385
|
-
|
|
55386
|
-
|
|
55387
|
-
|
|
55388
|
-
|
|
55389
|
-
// Views dropdown
|
|
55390
|
-
.k-views-dropdown {
|
|
55391
|
-
width: auto;
|
|
55392
|
-
font: inherit;
|
|
55393
|
-
display: none;
|
|
55394
|
-
}
|
|
55395
|
-
|
|
55396
|
-
@media (max-width: 1024px) {
|
|
55397
|
-
.k-scheduler-views { display: none; }
|
|
55398
|
-
.k-views-dropdown { display: inline-block; }
|
|
55399
|
-
}
|
|
55374
|
+
.k-scheduler-toolbar .k-views-dropdown {
|
|
55375
|
+
width: auto;
|
|
55376
|
+
font: inherit;
|
|
55400
55377
|
}
|
|
55401
55378
|
|
|
55402
|
-
|
|
55403
55379
|
// Scheduler footer
|
|
55404
55380
|
.k-scheduler-footer {
|
|
55405
55381
|
@include box-shadow( none );
|
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": "6.
|
|
4
|
+
"version": "6.4.0-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -50,9 +50,9 @@
|
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"@progress/kendo-font-icons": "1.4.2",
|
|
53
|
-
"@progress/kendo-theme-core": "6.
|
|
54
|
-
"@progress/kendo-theme-default": "6.
|
|
55
|
-
"@progress/kendo-theme-utils": "6.
|
|
53
|
+
"@progress/kendo-theme-core": "6.4.0-dev.0",
|
|
54
|
+
"@progress/kendo-theme-default": "6.4.0-dev.0",
|
|
55
|
+
"@progress/kendo-theme-utils": "6.4.0-dev.0"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "862cb1931ece807ea4ae7496ce5033bf3f3eea30"
|
|
58
58
|
}
|