@progress/kendo-theme-default 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
@@ -27343,6 +27343,7 @@ kendo-sortable {
27343
27343
  .k-popup.k-popup-transparent {
27344
27344
  border-width: 0;
27345
27345
  background-color: transparent;
27346
+ box-shadow: none;
27346
27347
  }
27347
27348
 
27348
27349
  .k-popup.k-popup-flush {
@@ -31847,48 +31848,55 @@ kendo-label > .k-label {
31847
31848
  pointer-events: none;
31848
31849
  }
31849
31850
 
31850
- .k-tooltip-wrapper .k-tooltip {
31851
- box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
31852
- }
31853
-
31854
31851
  .k-tooltip {
31855
31852
  border-color: rgba(0, 0, 0, 0.75);
31856
31853
  color: white;
31857
31854
  background-color: rgba(0, 0, 0, 0.75);
31855
+ box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
31858
31856
  }
31859
31857
 
31860
31858
  .k-tooltip .k-callout {
31861
31859
  color: rgba(0, 0, 0, 0.75);
31862
31860
  }
31863
31861
 
31864
- .k-tooltip-primary {
31865
- border-color: #ff6358;
31862
+ .k-tooltip-inverse {
31863
+ border-color: #424242;
31866
31864
  color: white;
31867
- background-color: #ff6358;
31865
+ background-color: #424242;
31868
31866
  }
31869
31867
 
31870
- .k-tooltip-primary .k-callout {
31871
- color: #ff6358;
31868
+ .k-tooltip-inverse .k-callout {
31869
+ color: #424242;
31872
31870
  }
31873
31871
 
31874
- .k-tooltip-info {
31875
- border-color: #0058e9;
31872
+ .k-tooltip-light {
31873
+ border-color: #ebebeb;
31874
+ color: black;
31875
+ background-color: #ebebeb;
31876
+ }
31877
+
31878
+ .k-tooltip-light .k-callout {
31879
+ color: #ebebeb;
31880
+ }
31881
+
31882
+ .k-tooltip-dark {
31883
+ border-color: #424242;
31876
31884
  color: white;
31877
- background-color: #0058e9;
31885
+ background-color: #424242;
31878
31886
  }
31879
31887
 
31880
- .k-tooltip-info .k-callout {
31881
- color: #0058e9;
31888
+ .k-tooltip-dark .k-callout {
31889
+ color: #424242;
31882
31890
  }
31883
31891
 
31884
- .k-tooltip-success {
31885
- border-color: #37b400;
31892
+ .k-tooltip-error {
31893
+ border-color: #f31700;
31886
31894
  color: white;
31887
- background-color: #37b400;
31895
+ background-color: #f31700;
31888
31896
  }
31889
31897
 
31890
- .k-tooltip-success .k-callout {
31891
- color: #37b400;
31898
+ .k-tooltip-error .k-callout {
31899
+ color: #f31700;
31892
31900
  }
31893
31901
 
31894
31902
  .k-tooltip-warning {
@@ -31901,14 +31909,54 @@ kendo-label > .k-label {
31901
31909
  color: #ffc000;
31902
31910
  }
31903
31911
 
31904
- .k-tooltip-error {
31905
- border-color: #f31700;
31912
+ .k-tooltip-success {
31913
+ border-color: #37b400;
31906
31914
  color: white;
31907
- background-color: #f31700;
31915
+ background-color: #37b400;
31908
31916
  }
31909
31917
 
31910
- .k-tooltip-error .k-callout {
31911
- color: #f31700;
31918
+ .k-tooltip-success .k-callout {
31919
+ color: #37b400;
31920
+ }
31921
+
31922
+ .k-tooltip-info {
31923
+ border-color: #0058e9;
31924
+ color: white;
31925
+ background-color: #0058e9;
31926
+ }
31927
+
31928
+ .k-tooltip-info .k-callout {
31929
+ color: #0058e9;
31930
+ }
31931
+
31932
+ .k-tooltip-tertiary {
31933
+ border-color: #03a9f4;
31934
+ color: white;
31935
+ background-color: #03a9f4;
31936
+ }
31937
+
31938
+ .k-tooltip-tertiary .k-callout {
31939
+ color: #03a9f4;
31940
+ }
31941
+
31942
+ .k-tooltip-secondary {
31943
+ border-color: #666666;
31944
+ color: white;
31945
+ background-color: #666666;
31946
+ }
31947
+
31948
+ .k-tooltip-secondary .k-callout {
31949
+ color: #666666;
31950
+ }
31951
+
31952
+ .k-tooltip-primary {
31953
+ border-color: #ff6358;
31954
+ color: white;
31955
+ background-color: #ff6358;
31956
+ }
31957
+
31958
+ .k-tooltip-primary .k-callout {
31959
+ color: #ff6358;
31912
31960
  }
31913
31961
 
31914
31962
  .k-validator-tooltip {
@@ -33542,16 +33590,6 @@ select.k-picker-lg {
33542
33590
  cursor: default;
33543
33591
  }
33544
33592
 
33545
- .k-slider-wrap {
33546
- width: 100%;
33547
- height: 100%;
33548
- display: flex;
33549
- flex-flow: inherit;
33550
- align-items: inherit;
33551
- gap: inherit;
33552
- position: relative;
33553
- }
33554
-
33555
33593
  .k-slider {
33556
33594
  width: min-content;
33557
33595
  height: min-content;
@@ -33964,16 +34002,6 @@ select.k-picker-lg {
33964
34002
  position: absolute;
33965
34003
  }
33966
34004
 
33967
- .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
33968
- padding-inline-start: 7px;
33969
- padding-inline-end: 7px;
33970
- }
33971
-
33972
- .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
33973
- padding-top: 7px;
33974
- padding-bottom: 7px;
33975
- }
33976
-
33977
34005
  .k-slider {
33978
34006
  color: #424242;
33979
34007
  }
@@ -35186,7 +35214,6 @@ select.k-picker-lg {
35186
35214
  z-index: -1;
35187
35215
  }
35188
35216
 
35189
- .k-colorgradient-slider .k-slider-wrap,
35190
35217
  .k-colorgradient-slider .k-slider-track-wrap {
35191
35218
  z-index: 1;
35192
35219
  }
@@ -38160,13 +38187,7 @@ kendo-drawer .k-drawer-wrapper {
38160
38187
  flex-flow: column-reverse wrap;
38161
38188
  position: fixed;
38162
38189
  z-index: 1000;
38163
- }
38164
-
38165
- .k-notification-container {
38166
- margin-block: 2px;
38167
- margin-inline: 0;
38168
- display: inline-flex;
38169
- vertical-align: top;
38190
+ gap: 8px 0;
38170
38191
  }
38171
38192
 
38172
38193
  .k-notification-container-animating {
@@ -38320,6 +38341,14 @@ kendo-card-footer {
38320
38341
  box-sizing: border-box;
38321
38342
  }
38322
38343
 
38344
+ .k-card .k-card-avatar,
38345
+ .k-card .k-avatar {
38346
+ margin-right: 16px;
38347
+ width: 45px;
38348
+ height: 45px;
38349
+ flex-basis: 45px;
38350
+ }
38351
+
38323
38352
  .k-card > .k-card-inner {
38324
38353
  border-radius: 5px;
38325
38354
  display: flex;
@@ -38387,15 +38416,6 @@ kendo-card-footer {
38387
38416
  padding: 0;
38388
38417
  }
38389
38418
 
38390
- .k-card-avatar,
38391
- .k-card .k-avatar {
38392
- margin-right: 16px;
38393
- width: 45px;
38394
- height: 45px;
38395
- flex-basis: 45px;
38396
- }
38397
-
38398
- .k-card-image,
38399
38419
  .k-card-media {
38400
38420
  border: 0;
38401
38421
  max-width: 100%;
@@ -38403,14 +38423,7 @@ kendo-card-footer {
38403
38423
  overflow: hidden;
38404
38424
  }
38405
38425
 
38406
- .k-card-image > img,
38407
- .k-card-media > img {
38408
- border: 0;
38409
- max-width: 100%;
38410
- }
38411
-
38412
- .k-card-horizontal .k-card-image, .k-card-horizontal
38413
- .k-card-media {
38426
+ .k-card-horizontal .k-card-media {
38414
38427
  max-width: 100px;
38415
38428
  object-fit: cover;
38416
38429
  }
@@ -38439,16 +38452,16 @@ kendo-card-footer {
38439
38452
  align-self: stretch;
38440
38453
  }
38441
38454
 
38442
- .k-card-separator.k-separator-vertical,
38443
- .k-card-horizontal > .k-card-separator {
38444
- border-left-width: 1px;
38445
- }
38446
-
38447
38455
  .k-card-separator.k-separator-horizontal,
38448
38456
  .k-card-vertical > .k-card-separator {
38449
38457
  border-top-width: 1px;
38450
38458
  }
38451
38459
 
38460
+ .k-card-separator.k-separator-vertical,
38461
+ .k-card-horizontal > .k-card-separator {
38462
+ border-left-width: 1px;
38463
+ }
38464
+
38452
38465
  .k-card > .k-hr {
38453
38466
  margin: 0;
38454
38467
  flex: 0 0 auto;
@@ -38468,37 +38481,6 @@ kendo-card-footer {
38468
38481
  gap: 8px;
38469
38482
  }
38470
38483
 
38471
- .k-card-actions-start {
38472
- justify-content: flex-start;
38473
- }
38474
-
38475
- .k-card-actions-end {
38476
- justify-content: flex-end;
38477
- }
38478
-
38479
- .k-card-actions-center {
38480
- justify-content: center;
38481
- }
38482
-
38483
- .k-card-actions-horizontal {
38484
- flex-flow: row nowrap;
38485
- }
38486
-
38487
- .k-card-actions-vertical {
38488
- flex-flow: column nowrap;
38489
- }
38490
-
38491
- .k-card-actions-stretched > * {
38492
- flex: 1 1 auto;
38493
- }
38494
-
38495
- .k-card-action {
38496
- border-width: 0;
38497
- border-style: solid;
38498
- border-color: inherit;
38499
- display: inline-flex;
38500
- }
38501
-
38502
38484
  .k-card-list {
38503
38485
  display: flex;
38504
38486
  flex-flow: column nowrap;
@@ -42717,27 +42699,33 @@ div.k-grid-norecords {
42717
42699
  overflow: hidden;
42718
42700
  }
42719
42701
 
42702
+ .k-grid .k-grid-sm .k-table-th,
42720
42703
  .k-grid-sm .k-table-th {
42721
42704
  padding-block: 4px;
42722
42705
  padding-inline: 8px;
42723
42706
  }
42724
42707
 
42708
+ .k-grid .k-grid-sm td,
42709
+ .k-grid .k-grid-sm .k-table-td,
42725
42710
  .k-grid-sm td,
42726
42711
  .k-grid-sm .k-table-td {
42727
42712
  padding-block: 4px;
42728
42713
  padding-inline: 8px;
42729
42714
  }
42730
42715
 
42716
+ .k-grid .k-grid-sm .k-grouping-header,
42731
42717
  .k-grid-sm .k-grouping-header {
42732
42718
  padding-block: 4px;
42733
42719
  padding-inline: 8px;
42734
42720
  gap: 4px;
42735
42721
  }
42736
42722
 
42723
+ .k-grid .k-grid-sm .k-grouping-header::before,
42737
42724
  .k-grid-sm .k-grouping-header::before {
42738
42725
  margin-inline-start: -4px;
42739
42726
  }
42740
42727
 
42728
+ .k-grid .k-grid-sm .k-grid-header .k-table-th > .k-link,
42741
42729
  .k-grid-sm .k-grid-header .k-table-th > .k-link {
42742
42730
  margin-block: -4px;
42743
42731
  margin-inline: -8px;
@@ -42745,6 +42733,9 @@ div.k-grid-norecords {
42745
42733
  padding-inline: 8px;
42746
42734
  }
42747
42735
 
42736
+ .k-grid .k-grid-sm .k-grid-header .k-grid-filter,
42737
+ .k-grid .k-grid-sm .k-grid-header .k-header-column-menu,
42738
+ .k-grid .k-grid-sm .k-grid-header .k-grid-header-menu,
42748
42739
  .k-grid-sm .k-grid-header .k-grid-filter,
42749
42740
  .k-grid-sm .k-grid-header .k-header-column-menu,
42750
42741
  .k-grid-sm .k-grid-header .k-grid-header-menu {
@@ -42754,35 +42745,47 @@ div.k-grid-norecords {
42754
42745
  bottom: 0px;
42755
42746
  }
42756
42747
 
42748
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner,
42757
42749
  .k-grid-sm .k-table-th > .k-cell-inner {
42758
42750
  margin-block: -4px;
42759
42751
  margin-inline: -8px;
42760
42752
  }
42761
42753
 
42754
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner > .k-link,
42762
42755
  .k-grid-sm .k-table-th > .k-cell-inner > .k-link {
42763
42756
  padding-block: 4px;
42764
42757
  padding-inline: 8px;
42765
42758
  }
42766
42759
 
42760
+ .k-grid .k-grid-sm .k-grouping-row .k-icon,
42767
42761
  .k-grid-sm .k-grouping-row .k-icon {
42768
42762
  margin-inline-start: 0px;
42769
42763
  }
42770
42764
 
42765
+ .k-grid .k-grid-sm .k-grouping-dropclue,
42771
42766
  .k-grid-sm .k-grouping-dropclue {
42772
42767
  height: calc(1em + 12px);
42773
42768
  }
42774
42769
 
42770
+ .k-grid .k-grid-sm .k-hierarchy-cell,
42771
+ .k-grid .k-grid-sm .k-drag-cell,
42775
42772
  .k-grid-sm .k-hierarchy-cell,
42776
42773
  .k-grid-sm .k-drag-cell {
42777
42774
  padding: 0;
42778
42775
  }
42779
42776
 
42777
+ .k-grid .k-grid-sm .k-hierarchy-cell > .k-icon,
42778
+ .k-grid .k-grid-sm .k-drag-cell > .k-icon,
42780
42779
  .k-grid-sm .k-hierarchy-cell > .k-icon,
42781
42780
  .k-grid-sm .k-drag-cell > .k-icon {
42782
42781
  padding-block: 4px;
42783
42782
  padding-inline: 0;
42784
42783
  }
42785
42784
 
42785
+ .k-grid .k-grid-sm .k-edit-cell,
42786
+ .k-grid .k-grid-sm .k-command-cell,
42787
+ .k-grid .k-grid-sm .k-grid-edit-row td,
42788
+ .k-grid .k-grid-sm .k-grid-edit-row .k-table-td,
42786
42789
  .k-grid-sm .k-edit-cell,
42787
42790
  .k-grid-sm .k-command-cell,
42788
42791
  .k-grid-sm .k-grid-edit-row td,
@@ -42791,6 +42794,9 @@ div.k-grid-norecords {
42791
42794
  padding-inline: 8px;
42792
42795
  }
42793
42796
 
42797
+ .k-grid .k-grid-sm .k-filter-row td,
42798
+ .k-grid .k-grid-sm .k-filter-row .k-table-td,
42799
+ .k-grid .k-grid-sm .k-filter-row .k-table-th,
42794
42800
  .k-grid-sm .k-filter-row td,
42795
42801
  .k-grid-sm .k-filter-row .k-table-td,
42796
42802
  .k-grid-sm .k-filter-row .k-table-th {
@@ -42798,16 +42804,20 @@ div.k-grid-norecords {
42798
42804
  padding-inline: 6px;
42799
42805
  }
42800
42806
 
42807
+ .k-grid .k-grid-sm .k-filtercell > span,
42808
+ .k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper,
42801
42809
  .k-grid-sm .k-filtercell > span,
42802
42810
  .k-grid-sm .k-filtercell .k-filtercell-wrapper {
42803
42811
  gap: 2px;
42804
42812
  }
42805
42813
 
42814
+ .k-grid .k-grid-sm .k-selection-aggregates,
42806
42815
  .k-grid-sm .k-selection-aggregates {
42807
42816
  padding-block: 4px;
42808
42817
  padding-inline: 4px;
42809
42818
  }
42810
42819
 
42820
+ .k-grid .k-grid-sm .k-resizer-wrap,
42811
42821
  .k-grid-sm .k-resizer-wrap {
42812
42822
  display: block;
42813
42823
  width: 100%;
@@ -42819,27 +42829,33 @@ div.k-grid-norecords {
42819
42829
  z-index: 2;
42820
42830
  }
42821
42831
 
42832
+ .k-grid .k-grid-md .k-table-th,
42822
42833
  .k-grid-md .k-table-th {
42823
42834
  padding-block: 8px;
42824
42835
  padding-inline: 12px;
42825
42836
  }
42826
42837
 
42838
+ .k-grid .k-grid-md td,
42839
+ .k-grid .k-grid-md .k-table-td,
42827
42840
  .k-grid-md td,
42828
42841
  .k-grid-md .k-table-td {
42829
42842
  padding-block: 8px;
42830
42843
  padding-inline: 12px;
42831
42844
  }
42832
42845
 
42846
+ .k-grid .k-grid-md .k-grouping-header,
42833
42847
  .k-grid-md .k-grouping-header {
42834
42848
  padding-block: 8px;
42835
42849
  padding-inline: 8px;
42836
42850
  gap: 8px;
42837
42851
  }
42838
42852
 
42853
+ .k-grid .k-grid-md .k-grouping-header::before,
42839
42854
  .k-grid-md .k-grouping-header::before {
42840
42855
  margin-inline-start: -8px;
42841
42856
  }
42842
42857
 
42858
+ .k-grid .k-grid-md .k-grid-header .k-table-th > .k-link,
42843
42859
  .k-grid-md .k-grid-header .k-table-th > .k-link {
42844
42860
  margin-block: -8px;
42845
42861
  margin-inline: -12px;
@@ -42847,6 +42863,9 @@ div.k-grid-norecords {
42847
42863
  padding-inline: 12px;
42848
42864
  }
42849
42865
 
42866
+ .k-grid .k-grid-md .k-grid-header .k-grid-filter,
42867
+ .k-grid .k-grid-md .k-grid-header .k-header-column-menu,
42868
+ .k-grid .k-grid-md .k-grid-header .k-grid-header-menu,
42850
42869
  .k-grid-md .k-grid-header .k-grid-filter,
42851
42870
  .k-grid-md .k-grid-header .k-header-column-menu,
42852
42871
  .k-grid-md .k-grid-header .k-grid-header-menu {
@@ -42856,35 +42875,47 @@ div.k-grid-norecords {
42856
42875
  bottom: 4px;
42857
42876
  }
42858
42877
 
42878
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner,
42859
42879
  .k-grid-md .k-table-th > .k-cell-inner {
42860
42880
  margin-block: -8px;
42861
42881
  margin-inline: -12px;
42862
42882
  }
42863
42883
 
42884
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link,
42864
42885
  .k-grid-md .k-table-th > .k-cell-inner > .k-link {
42865
42886
  padding-block: 8px;
42866
42887
  padding-inline: 12px;
42867
42888
  }
42868
42889
 
42890
+ .k-grid .k-grid-md .k-grouping-row .k-icon,
42869
42891
  .k-grid-md .k-grouping-row .k-icon {
42870
42892
  margin-inline-start: -4px;
42871
42893
  }
42872
42894
 
42895
+ .k-grid .k-grid-md .k-grouping-dropclue,
42873
42896
  .k-grid-md .k-grouping-dropclue {
42874
42897
  height: calc(1em + 16px);
42875
42898
  }
42876
42899
 
42900
+ .k-grid .k-grid-md .k-hierarchy-cell,
42901
+ .k-grid .k-grid-md .k-drag-cell,
42877
42902
  .k-grid-md .k-hierarchy-cell,
42878
42903
  .k-grid-md .k-drag-cell {
42879
42904
  padding: 0;
42880
42905
  }
42881
42906
 
42907
+ .k-grid .k-grid-md .k-hierarchy-cell > .k-icon,
42908
+ .k-grid .k-grid-md .k-drag-cell > .k-icon,
42882
42909
  .k-grid-md .k-hierarchy-cell > .k-icon,
42883
42910
  .k-grid-md .k-drag-cell > .k-icon {
42884
42911
  padding-block: 8px;
42885
42912
  padding-inline: 0;
42886
42913
  }
42887
42914
 
42915
+ .k-grid .k-grid-md .k-edit-cell,
42916
+ .k-grid .k-grid-md .k-command-cell,
42917
+ .k-grid .k-grid-md .k-grid-edit-row td,
42918
+ .k-grid .k-grid-md .k-grid-edit-row .k-table-td,
42888
42919
  .k-grid-md .k-edit-cell,
42889
42920
  .k-grid-md .k-command-cell,
42890
42921
  .k-grid-md .k-grid-edit-row td,
@@ -42893,6 +42924,9 @@ div.k-grid-norecords {
42893
42924
  padding-inline: 12px;
42894
42925
  }
42895
42926
 
42927
+ .k-grid .k-grid-md .k-filter-row td,
42928
+ .k-grid .k-grid-md .k-filter-row .k-table-td,
42929
+ .k-grid .k-grid-md .k-filter-row .k-table-th,
42896
42930
  .k-grid-md .k-filter-row td,
42897
42931
  .k-grid-md .k-filter-row .k-table-td,
42898
42932
  .k-grid-md .k-filter-row .k-table-th {
@@ -42900,16 +42934,20 @@ div.k-grid-norecords {
42900
42934
  padding-inline: 8px;
42901
42935
  }
42902
42936
 
42937
+ .k-grid .k-grid-md .k-filtercell > span,
42938
+ .k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper,
42903
42939
  .k-grid-md .k-filtercell > span,
42904
42940
  .k-grid-md .k-filtercell .k-filtercell-wrapper {
42905
42941
  gap: 4px;
42906
42942
  }
42907
42943
 
42944
+ .k-grid .k-grid-md .k-selection-aggregates,
42908
42945
  .k-grid-md .k-selection-aggregates {
42909
42946
  padding-block: 8px;
42910
42947
  padding-inline: 8px;
42911
42948
  }
42912
42949
 
42950
+ .k-grid .k-grid-md .k-resizer-wrap,
42913
42951
  .k-grid-md .k-resizer-wrap {
42914
42952
  display: block;
42915
42953
  width: 100%;
@@ -50063,10 +50101,6 @@ kendo-scheduler .k-recurrence-editor {
50063
50101
  display: none;
50064
50102
  }
50065
50103
 
50066
- .k-timeline .k-event-collapse {
50067
- display: none;
50068
- }
50069
-
50070
50104
  .k-timeline.k-timeline-collapsible .k-card-header {
50071
50105
  cursor: pointer;
50072
50106
  }