@progress/kendo-theme-material 7.0.3-dev.3 → 7.1.0-dev.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.css CHANGED
@@ -27356,6 +27356,7 @@ kendo-sortable {
27356
27356
  .k-popup.k-popup-transparent {
27357
27357
  border-width: 0;
27358
27358
  background-color: transparent;
27359
+ box-shadow: none;
27359
27360
  }
27360
27361
 
27361
27362
  .k-popup.k-popup-flush {
@@ -32436,48 +32437,55 @@ kendo-label > .k-label {
32436
32437
  pointer-events: none;
32437
32438
  }
32438
32439
 
32439
- .k-tooltip-wrapper .k-tooltip {
32440
- box-shadow: var(--kendo-elevation-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));
32441
- }
32442
-
32443
32440
  .k-tooltip {
32444
32441
  border-color: rgba(97, 97, 97, 0.9);
32445
32442
  color: #ffffff;
32446
32443
  background-color: rgba(97, 97, 97, 0.9);
32444
+ box-shadow: var(--kendo-elevation-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));
32447
32445
  }
32448
32446
 
32449
32447
  .k-tooltip .k-callout {
32450
32448
  color: rgba(97, 97, 97, 0.9);
32451
32449
  }
32452
32450
 
32453
- .k-tooltip-primary {
32454
- border-color: #3f51b5;
32451
+ .k-tooltip-inverse {
32452
+ border-color: #424242;
32455
32453
  color: white;
32456
- background-color: #3f51b5;
32454
+ background-color: #424242;
32457
32455
  }
32458
32456
 
32459
- .k-tooltip-primary .k-callout {
32460
- color: #3f51b5;
32457
+ .k-tooltip-inverse .k-callout {
32458
+ color: #424242;
32461
32459
  }
32462
32460
 
32463
- .k-tooltip-info {
32464
- border-color: #0058e9;
32461
+ .k-tooltip-light {
32462
+ border-color: #f5f5f5;
32463
+ color: black;
32464
+ background-color: #f5f5f5;
32465
+ }
32466
+
32467
+ .k-tooltip-light .k-callout {
32468
+ color: #f5f5f5;
32469
+ }
32470
+
32471
+ .k-tooltip-dark {
32472
+ border-color: #424242;
32465
32473
  color: white;
32466
- background-color: #0058e9;
32474
+ background-color: #424242;
32467
32475
  }
32468
32476
 
32469
- .k-tooltip-info .k-callout {
32470
- color: #0058e9;
32477
+ .k-tooltip-dark .k-callout {
32478
+ color: #424242;
32471
32479
  }
32472
32480
 
32473
- .k-tooltip-success {
32474
- border-color: #37b400;
32481
+ .k-tooltip-error {
32482
+ border-color: #f31700;
32475
32483
  color: black;
32476
- background-color: #37b400;
32484
+ background-color: #f31700;
32477
32485
  }
32478
32486
 
32479
- .k-tooltip-success .k-callout {
32480
- color: #37b400;
32487
+ .k-tooltip-error .k-callout {
32488
+ color: #f31700;
32481
32489
  }
32482
32490
 
32483
32491
  .k-tooltip-warning {
@@ -32490,14 +32498,54 @@ kendo-label > .k-label {
32490
32498
  color: #ffc000;
32491
32499
  }
32492
32500
 
32493
- .k-tooltip-error {
32494
- border-color: #f31700;
32501
+ .k-tooltip-success {
32502
+ border-color: #37b400;
32495
32503
  color: black;
32496
- background-color: #f31700;
32504
+ background-color: #37b400;
32497
32505
  }
32498
32506
 
32499
- .k-tooltip-error .k-callout {
32500
- color: #f31700;
32507
+ .k-tooltip-success .k-callout {
32508
+ color: #37b400;
32509
+ }
32510
+
32511
+ .k-tooltip-info {
32512
+ border-color: #0058e9;
32513
+ color: white;
32514
+ background-color: #0058e9;
32515
+ }
32516
+
32517
+ .k-tooltip-info .k-callout {
32518
+ color: #0058e9;
32519
+ }
32520
+
32521
+ .k-tooltip-tertiary {
32522
+ border-color: #00695c;
32523
+ color: white;
32524
+ background-color: #00695c;
32525
+ }
32526
+
32527
+ .k-tooltip-tertiary .k-callout {
32528
+ color: #00695c;
32529
+ }
32530
+
32531
+ .k-tooltip-secondary {
32532
+ border-color: #e51a5f;
32533
+ color: white;
32534
+ background-color: #e51a5f;
32535
+ }
32536
+
32537
+ .k-tooltip-secondary .k-callout {
32538
+ color: #e51a5f;
32539
+ }
32540
+
32541
+ .k-tooltip-primary {
32542
+ border-color: #3f51b5;
32543
+ color: white;
32544
+ background-color: #3f51b5;
32545
+ }
32546
+
32547
+ .k-tooltip-primary .k-callout {
32548
+ color: #3f51b5;
32501
32549
  }
32502
32550
 
32503
32551
  .k-validator-tooltip {
@@ -34449,16 +34497,6 @@ select.k-picker-lg {
34449
34497
  cursor: default;
34450
34498
  }
34451
34499
 
34452
- .k-slider-wrap {
34453
- width: 100%;
34454
- height: 100%;
34455
- display: flex;
34456
- flex-flow: inherit;
34457
- align-items: inherit;
34458
- gap: inherit;
34459
- position: relative;
34460
- }
34461
-
34462
34500
  .k-slider {
34463
34501
  width: min-content;
34464
34502
  height: min-content;
@@ -34871,16 +34909,6 @@ select.k-picker-lg {
34871
34909
  position: absolute;
34872
34910
  }
34873
34911
 
34874
- .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
34875
- padding-inline-start: 7px;
34876
- padding-inline-end: 7px;
34877
- }
34878
-
34879
- .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
34880
- padding-top: 7px;
34881
- padding-bottom: 7px;
34882
- }
34883
-
34884
34912
  .k-slider .k-tick {
34885
34913
  margin: 0;
34886
34914
  }
@@ -36169,7 +36197,6 @@ select.k-picker-lg {
36169
36197
  z-index: -1;
36170
36198
  }
36171
36199
 
36172
- .k-colorgradient-slider .k-slider-wrap,
36173
36200
  .k-colorgradient-slider .k-slider-track-wrap {
36174
36201
  z-index: 1;
36175
36202
  }
@@ -39191,13 +39218,7 @@ kendo-drawer .k-drawer-wrapper {
39191
39218
  flex-flow: column-reverse wrap;
39192
39219
  position: fixed;
39193
39220
  z-index: 1000;
39194
- }
39195
-
39196
- .k-notification-container {
39197
- margin-block: 7px;
39198
- margin-inline: 0;
39199
- display: inline-flex;
39200
- vertical-align: top;
39221
+ gap: 8px 0;
39201
39222
  }
39202
39223
 
39203
39224
  .k-notification-container-animating {
@@ -39351,6 +39372,14 @@ kendo-card-footer {
39351
39372
  box-sizing: border-box;
39352
39373
  }
39353
39374
 
39375
+ .k-card .k-card-avatar,
39376
+ .k-card .k-avatar {
39377
+ margin-right: 16px;
39378
+ width: 45px;
39379
+ height: 45px;
39380
+ flex-basis: 45px;
39381
+ }
39382
+
39354
39383
  .k-card > .k-card-inner {
39355
39384
  border-radius: 4px;
39356
39385
  display: flex;
@@ -39418,15 +39447,6 @@ kendo-card-footer {
39418
39447
  padding: 0;
39419
39448
  }
39420
39449
 
39421
- .k-card-avatar,
39422
- .k-card .k-avatar {
39423
- margin-right: 16px;
39424
- width: 45px;
39425
- height: 45px;
39426
- flex-basis: 45px;
39427
- }
39428
-
39429
- .k-card-image,
39430
39450
  .k-card-media {
39431
39451
  border: 0;
39432
39452
  max-width: 100%;
@@ -39434,14 +39454,7 @@ kendo-card-footer {
39434
39454
  overflow: hidden;
39435
39455
  }
39436
39456
 
39437
- .k-card-image > img,
39438
- .k-card-media > img {
39439
- border: 0;
39440
- max-width: 100%;
39441
- }
39442
-
39443
- .k-card-horizontal .k-card-image, .k-card-horizontal
39444
- .k-card-media {
39457
+ .k-card-horizontal .k-card-media {
39445
39458
  max-width: 100px;
39446
39459
  object-fit: cover;
39447
39460
  }
@@ -39472,16 +39485,16 @@ kendo-card-footer {
39472
39485
  align-self: stretch;
39473
39486
  }
39474
39487
 
39475
- .k-card-separator.k-separator-vertical,
39476
- .k-card-horizontal > .k-card-separator {
39477
- border-left-width: 1px;
39478
- }
39479
-
39480
39488
  .k-card-separator.k-separator-horizontal,
39481
39489
  .k-card-vertical > .k-card-separator {
39482
39490
  border-top-width: 1px;
39483
39491
  }
39484
39492
 
39493
+ .k-card-separator.k-separator-vertical,
39494
+ .k-card-horizontal > .k-card-separator {
39495
+ border-left-width: 1px;
39496
+ }
39497
+
39485
39498
  .k-card > .k-hr {
39486
39499
  margin: 0;
39487
39500
  flex: 0 0 auto;
@@ -39501,37 +39514,6 @@ kendo-card-footer {
39501
39514
  gap: 8px;
39502
39515
  }
39503
39516
 
39504
- .k-card-actions-start {
39505
- justify-content: flex-start;
39506
- }
39507
-
39508
- .k-card-actions-end {
39509
- justify-content: flex-end;
39510
- }
39511
-
39512
- .k-card-actions-center {
39513
- justify-content: center;
39514
- }
39515
-
39516
- .k-card-actions-horizontal {
39517
- flex-flow: row nowrap;
39518
- }
39519
-
39520
- .k-card-actions-vertical {
39521
- flex-flow: column nowrap;
39522
- }
39523
-
39524
- .k-card-actions-stretched > * {
39525
- flex: 1 1 auto;
39526
- }
39527
-
39528
- .k-card-action {
39529
- border-width: 0;
39530
- border-style: solid;
39531
- border-color: inherit;
39532
- display: inline-flex;
39533
- }
39534
-
39535
39517
  .k-card-list {
39536
39518
  display: flex;
39537
39519
  flex-flow: column nowrap;
@@ -43894,27 +43876,33 @@ div.k-grid-norecords {
43894
43876
  overflow: hidden;
43895
43877
  }
43896
43878
 
43879
+ .k-grid .k-grid-sm .k-table-th,
43897
43880
  .k-grid-sm .k-table-th {
43898
43881
  padding-block: 10px;
43899
43882
  padding-inline: 10px;
43900
43883
  }
43901
43884
 
43885
+ .k-grid .k-grid-sm td,
43886
+ .k-grid .k-grid-sm .k-table-td,
43902
43887
  .k-grid-sm td,
43903
43888
  .k-grid-sm .k-table-td {
43904
43889
  padding-block: 4px;
43905
43890
  padding-inline: 10px;
43906
43891
  }
43907
43892
 
43893
+ .k-grid .k-grid-sm .k-grouping-header,
43908
43894
  .k-grid-sm .k-grouping-header {
43909
43895
  padding-block: 6px;
43910
43896
  padding-inline: 6px;
43911
43897
  gap: 6px;
43912
43898
  }
43913
43899
 
43900
+ .k-grid .k-grid-sm .k-grouping-header::before,
43914
43901
  .k-grid-sm .k-grouping-header::before {
43915
43902
  margin-inline-start: -6px;
43916
43903
  }
43917
43904
 
43905
+ .k-grid .k-grid-sm .k-grid-header .k-table-th > .k-link,
43918
43906
  .k-grid-sm .k-grid-header .k-table-th > .k-link {
43919
43907
  margin-block: -10px;
43920
43908
  margin-inline: -10px;
@@ -43922,6 +43910,9 @@ div.k-grid-norecords {
43922
43910
  padding-inline: 10px;
43923
43911
  }
43924
43912
 
43913
+ .k-grid .k-grid-sm .k-grid-header .k-grid-filter,
43914
+ .k-grid .k-grid-sm .k-grid-header .k-header-column-menu,
43915
+ .k-grid .k-grid-sm .k-grid-header .k-grid-header-menu,
43925
43916
  .k-grid-sm .k-grid-header .k-grid-filter,
43926
43917
  .k-grid-sm .k-grid-header .k-header-column-menu,
43927
43918
  .k-grid-sm .k-grid-header .k-grid-header-menu {
@@ -43931,35 +43922,47 @@ div.k-grid-norecords {
43931
43922
  bottom: calc(2px + 0.2857142857em);
43932
43923
  }
43933
43924
 
43925
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner,
43934
43926
  .k-grid-sm .k-table-th > .k-cell-inner {
43935
43927
  margin-block: -10px;
43936
43928
  margin-inline: -10px;
43937
43929
  }
43938
43930
 
43931
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner > .k-link,
43939
43932
  .k-grid-sm .k-table-th > .k-cell-inner > .k-link {
43940
43933
  padding-block: 10px;
43941
43934
  padding-inline: 10px;
43942
43935
  }
43943
43936
 
43937
+ .k-grid .k-grid-sm .k-grouping-row .k-icon,
43944
43938
  .k-grid-sm .k-grouping-row .k-icon {
43945
43939
  margin-inline-start: -2px;
43946
43940
  }
43947
43941
 
43942
+ .k-grid .k-grid-sm .k-grouping-dropclue,
43948
43943
  .k-grid-sm .k-grouping-dropclue {
43949
43944
  height: calc(1.2857142857em + 12px);
43950
43945
  }
43951
43946
 
43947
+ .k-grid .k-grid-sm .k-hierarchy-cell,
43948
+ .k-grid .k-grid-sm .k-drag-cell,
43952
43949
  .k-grid-sm .k-hierarchy-cell,
43953
43950
  .k-grid-sm .k-drag-cell {
43954
43951
  padding: 0;
43955
43952
  }
43956
43953
 
43954
+ .k-grid .k-grid-sm .k-hierarchy-cell > .k-icon,
43955
+ .k-grid .k-grid-sm .k-drag-cell > .k-icon,
43957
43956
  .k-grid-sm .k-hierarchy-cell > .k-icon,
43958
43957
  .k-grid-sm .k-drag-cell > .k-icon {
43959
43958
  padding-block: 4px;
43960
43959
  padding-inline: 0;
43961
43960
  }
43962
43961
 
43962
+ .k-grid .k-grid-sm .k-edit-cell,
43963
+ .k-grid .k-grid-sm .k-command-cell,
43964
+ .k-grid .k-grid-sm .k-grid-edit-row td,
43965
+ .k-grid .k-grid-sm .k-grid-edit-row .k-table-td,
43963
43966
  .k-grid-sm .k-edit-cell,
43964
43967
  .k-grid-sm .k-command-cell,
43965
43968
  .k-grid-sm .k-grid-edit-row td,
@@ -43968,6 +43971,9 @@ div.k-grid-norecords {
43968
43971
  padding-inline: 10px;
43969
43972
  }
43970
43973
 
43974
+ .k-grid .k-grid-sm .k-filter-row td,
43975
+ .k-grid .k-grid-sm .k-filter-row .k-table-td,
43976
+ .k-grid .k-grid-sm .k-filter-row .k-table-th,
43971
43977
  .k-grid-sm .k-filter-row td,
43972
43978
  .k-grid-sm .k-filter-row .k-table-td,
43973
43979
  .k-grid-sm .k-filter-row .k-table-th {
@@ -43975,16 +43981,20 @@ div.k-grid-norecords {
43975
43981
  padding-inline: 10px;
43976
43982
  }
43977
43983
 
43984
+ .k-grid .k-grid-sm .k-filtercell > span,
43985
+ .k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper,
43978
43986
  .k-grid-sm .k-filtercell > span,
43979
43987
  .k-grid-sm .k-filtercell .k-filtercell-wrapper {
43980
43988
  gap: 2px;
43981
43989
  }
43982
43990
 
43991
+ .k-grid .k-grid-sm .k-selection-aggregates,
43983
43992
  .k-grid-sm .k-selection-aggregates {
43984
43993
  padding-block: 4px;
43985
43994
  padding-inline: 4px;
43986
43995
  }
43987
43996
 
43997
+ .k-grid .k-grid-sm .k-resizer-wrap,
43988
43998
  .k-grid-sm .k-resizer-wrap {
43989
43999
  display: block;
43990
44000
  width: 100%;
@@ -43996,27 +44006,33 @@ div.k-grid-norecords {
43996
44006
  z-index: 2;
43997
44007
  }
43998
44008
 
44009
+ .k-grid .k-grid-md .k-table-th,
43999
44010
  .k-grid-md .k-table-th {
44000
44011
  padding-block: 16px;
44001
44012
  padding-inline: 24px;
44002
44013
  }
44003
44014
 
44015
+ .k-grid .k-grid-md td,
44016
+ .k-grid .k-grid-md .k-table-td,
44004
44017
  .k-grid-md td,
44005
44018
  .k-grid-md .k-table-td {
44006
44019
  padding-block: 10px;
44007
44020
  padding-inline: 24px;
44008
44021
  }
44009
44022
 
44023
+ .k-grid .k-grid-md .k-grouping-header,
44010
44024
  .k-grid-md .k-grouping-header {
44011
44025
  padding-block: 8px;
44012
44026
  padding-inline: 8px;
44013
44027
  gap: 8px;
44014
44028
  }
44015
44029
 
44030
+ .k-grid .k-grid-md .k-grouping-header::before,
44016
44031
  .k-grid-md .k-grouping-header::before {
44017
44032
  margin-inline-start: -8px;
44018
44033
  }
44019
44034
 
44035
+ .k-grid .k-grid-md .k-grid-header .k-table-th > .k-link,
44020
44036
  .k-grid-md .k-grid-header .k-table-th > .k-link {
44021
44037
  margin-block: -16px;
44022
44038
  margin-inline: -24px;
@@ -44024,6 +44040,9 @@ div.k-grid-norecords {
44024
44040
  padding-inline: 24px;
44025
44041
  }
44026
44042
 
44043
+ .k-grid .k-grid-md .k-grid-header .k-grid-filter,
44044
+ .k-grid .k-grid-md .k-grid-header .k-header-column-menu,
44045
+ .k-grid .k-grid-md .k-grid-header .k-grid-header-menu,
44027
44046
  .k-grid-md .k-grid-header .k-grid-filter,
44028
44047
  .k-grid-md .k-grid-header .k-header-column-menu,
44029
44048
  .k-grid-md .k-grid-header .k-grid-header-menu {
@@ -44033,35 +44052,47 @@ div.k-grid-norecords {
44033
44052
  bottom: calc(8px + 0.2857142857em);
44034
44053
  }
44035
44054
 
44055
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner,
44036
44056
  .k-grid-md .k-table-th > .k-cell-inner {
44037
44057
  margin-block: -16px;
44038
44058
  margin-inline: -24px;
44039
44059
  }
44040
44060
 
44061
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link,
44041
44062
  .k-grid-md .k-table-th > .k-cell-inner > .k-link {
44042
44063
  padding-block: 16px;
44043
44064
  padding-inline: 24px;
44044
44065
  }
44045
44066
 
44067
+ .k-grid .k-grid-md .k-grouping-row .k-icon,
44046
44068
  .k-grid-md .k-grouping-row .k-icon {
44047
44069
  margin-inline-start: -16px;
44048
44070
  }
44049
44071
 
44072
+ .k-grid .k-grid-md .k-grouping-dropclue,
44050
44073
  .k-grid-md .k-grouping-dropclue {
44051
44074
  height: calc(1.2857142857em + 10px);
44052
44075
  }
44053
44076
 
44077
+ .k-grid .k-grid-md .k-hierarchy-cell,
44078
+ .k-grid .k-grid-md .k-drag-cell,
44054
44079
  .k-grid-md .k-hierarchy-cell,
44055
44080
  .k-grid-md .k-drag-cell {
44056
44081
  padding: 0;
44057
44082
  }
44058
44083
 
44084
+ .k-grid .k-grid-md .k-hierarchy-cell > .k-icon,
44085
+ .k-grid .k-grid-md .k-drag-cell > .k-icon,
44059
44086
  .k-grid-md .k-hierarchy-cell > .k-icon,
44060
44087
  .k-grid-md .k-drag-cell > .k-icon {
44061
44088
  padding-block: 10px;
44062
44089
  padding-inline: 0;
44063
44090
  }
44064
44091
 
44092
+ .k-grid .k-grid-md .k-edit-cell,
44093
+ .k-grid .k-grid-md .k-command-cell,
44094
+ .k-grid .k-grid-md .k-grid-edit-row td,
44095
+ .k-grid .k-grid-md .k-grid-edit-row .k-table-td,
44065
44096
  .k-grid-md .k-edit-cell,
44066
44097
  .k-grid-md .k-command-cell,
44067
44098
  .k-grid-md .k-grid-edit-row td,
@@ -44070,6 +44101,9 @@ div.k-grid-norecords {
44070
44101
  padding-inline: 24px;
44071
44102
  }
44072
44103
 
44104
+ .k-grid .k-grid-md .k-filter-row td,
44105
+ .k-grid .k-grid-md .k-filter-row .k-table-td,
44106
+ .k-grid .k-grid-md .k-filter-row .k-table-th,
44073
44107
  .k-grid-md .k-filter-row td,
44074
44108
  .k-grid-md .k-filter-row .k-table-td,
44075
44109
  .k-grid-md .k-filter-row .k-table-th {
@@ -44077,16 +44111,20 @@ div.k-grid-norecords {
44077
44111
  padding-inline: 24px;
44078
44112
  }
44079
44113
 
44114
+ .k-grid .k-grid-md .k-filtercell > span,
44115
+ .k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper,
44080
44116
  .k-grid-md .k-filtercell > span,
44081
44117
  .k-grid-md .k-filtercell .k-filtercell-wrapper {
44082
44118
  gap: 5px;
44083
44119
  }
44084
44120
 
44121
+ .k-grid .k-grid-md .k-selection-aggregates,
44085
44122
  .k-grid-md .k-selection-aggregates {
44086
44123
  padding-block: 8px;
44087
44124
  padding-inline: 8px;
44088
44125
  }
44089
44126
 
44127
+ .k-grid .k-grid-md .k-resizer-wrap,
44090
44128
  .k-grid-md .k-resizer-wrap {
44091
44129
  display: block;
44092
44130
  width: 100%;
@@ -51800,10 +51838,6 @@ kendo-scheduler .k-event .k-event-actions,
51800
51838
  display: none;
51801
51839
  }
51802
51840
 
51803
- .k-timeline .k-event-collapse {
51804
- display: none;
51805
- }
51806
-
51807
51841
  .k-timeline.k-timeline-collapsible .k-card-header {
51808
51842
  cursor: pointer;
51809
51843
  }