@progress/kendo-theme-default 7.0.3-dev.3 → 7.1.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 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
  }
@@ -38320,6 +38347,14 @@ kendo-card-footer {
38320
38347
  box-sizing: border-box;
38321
38348
  }
38322
38349
 
38350
+ .k-card .k-card-avatar,
38351
+ .k-card .k-avatar {
38352
+ margin-right: 16px;
38353
+ width: 45px;
38354
+ height: 45px;
38355
+ flex-basis: 45px;
38356
+ }
38357
+
38323
38358
  .k-card > .k-card-inner {
38324
38359
  border-radius: 5px;
38325
38360
  display: flex;
@@ -38387,15 +38422,6 @@ kendo-card-footer {
38387
38422
  padding: 0;
38388
38423
  }
38389
38424
 
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
38425
  .k-card-media {
38400
38426
  border: 0;
38401
38427
  max-width: 100%;
@@ -38403,14 +38429,7 @@ kendo-card-footer {
38403
38429
  overflow: hidden;
38404
38430
  }
38405
38431
 
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 {
38432
+ .k-card-horizontal .k-card-media {
38414
38433
  max-width: 100px;
38415
38434
  object-fit: cover;
38416
38435
  }
@@ -38439,16 +38458,16 @@ kendo-card-footer {
38439
38458
  align-self: stretch;
38440
38459
  }
38441
38460
 
38442
- .k-card-separator.k-separator-vertical,
38443
- .k-card-horizontal > .k-card-separator {
38444
- border-left-width: 1px;
38445
- }
38446
-
38447
38461
  .k-card-separator.k-separator-horizontal,
38448
38462
  .k-card-vertical > .k-card-separator {
38449
38463
  border-top-width: 1px;
38450
38464
  }
38451
38465
 
38466
+ .k-card-separator.k-separator-vertical,
38467
+ .k-card-horizontal > .k-card-separator {
38468
+ border-left-width: 1px;
38469
+ }
38470
+
38452
38471
  .k-card > .k-hr {
38453
38472
  margin: 0;
38454
38473
  flex: 0 0 auto;
@@ -38468,37 +38487,6 @@ kendo-card-footer {
38468
38487
  gap: 8px;
38469
38488
  }
38470
38489
 
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
38490
  .k-card-list {
38503
38491
  display: flex;
38504
38492
  flex-flow: column nowrap;
@@ -42717,27 +42705,33 @@ div.k-grid-norecords {
42717
42705
  overflow: hidden;
42718
42706
  }
42719
42707
 
42708
+ .k-grid .k-grid-sm .k-table-th,
42720
42709
  .k-grid-sm .k-table-th {
42721
42710
  padding-block: 4px;
42722
42711
  padding-inline: 8px;
42723
42712
  }
42724
42713
 
42714
+ .k-grid .k-grid-sm td,
42715
+ .k-grid .k-grid-sm .k-table-td,
42725
42716
  .k-grid-sm td,
42726
42717
  .k-grid-sm .k-table-td {
42727
42718
  padding-block: 4px;
42728
42719
  padding-inline: 8px;
42729
42720
  }
42730
42721
 
42722
+ .k-grid .k-grid-sm .k-grouping-header,
42731
42723
  .k-grid-sm .k-grouping-header {
42732
42724
  padding-block: 4px;
42733
42725
  padding-inline: 8px;
42734
42726
  gap: 4px;
42735
42727
  }
42736
42728
 
42729
+ .k-grid .k-grid-sm .k-grouping-header::before,
42737
42730
  .k-grid-sm .k-grouping-header::before {
42738
42731
  margin-inline-start: -4px;
42739
42732
  }
42740
42733
 
42734
+ .k-grid .k-grid-sm .k-grid-header .k-table-th > .k-link,
42741
42735
  .k-grid-sm .k-grid-header .k-table-th > .k-link {
42742
42736
  margin-block: -4px;
42743
42737
  margin-inline: -8px;
@@ -42745,6 +42739,9 @@ div.k-grid-norecords {
42745
42739
  padding-inline: 8px;
42746
42740
  }
42747
42741
 
42742
+ .k-grid .k-grid-sm .k-grid-header .k-grid-filter,
42743
+ .k-grid .k-grid-sm .k-grid-header .k-header-column-menu,
42744
+ .k-grid .k-grid-sm .k-grid-header .k-grid-header-menu,
42748
42745
  .k-grid-sm .k-grid-header .k-grid-filter,
42749
42746
  .k-grid-sm .k-grid-header .k-header-column-menu,
42750
42747
  .k-grid-sm .k-grid-header .k-grid-header-menu {
@@ -42754,35 +42751,47 @@ div.k-grid-norecords {
42754
42751
  bottom: 0px;
42755
42752
  }
42756
42753
 
42754
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner,
42757
42755
  .k-grid-sm .k-table-th > .k-cell-inner {
42758
42756
  margin-block: -4px;
42759
42757
  margin-inline: -8px;
42760
42758
  }
42761
42759
 
42760
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner > .k-link,
42762
42761
  .k-grid-sm .k-table-th > .k-cell-inner > .k-link {
42763
42762
  padding-block: 4px;
42764
42763
  padding-inline: 8px;
42765
42764
  }
42766
42765
 
42766
+ .k-grid .k-grid-sm .k-grouping-row .k-icon,
42767
42767
  .k-grid-sm .k-grouping-row .k-icon {
42768
42768
  margin-inline-start: 0px;
42769
42769
  }
42770
42770
 
42771
+ .k-grid .k-grid-sm .k-grouping-dropclue,
42771
42772
  .k-grid-sm .k-grouping-dropclue {
42772
42773
  height: calc(1em + 12px);
42773
42774
  }
42774
42775
 
42776
+ .k-grid .k-grid-sm .k-hierarchy-cell,
42777
+ .k-grid .k-grid-sm .k-drag-cell,
42775
42778
  .k-grid-sm .k-hierarchy-cell,
42776
42779
  .k-grid-sm .k-drag-cell {
42777
42780
  padding: 0;
42778
42781
  }
42779
42782
 
42783
+ .k-grid .k-grid-sm .k-hierarchy-cell > .k-icon,
42784
+ .k-grid .k-grid-sm .k-drag-cell > .k-icon,
42780
42785
  .k-grid-sm .k-hierarchy-cell > .k-icon,
42781
42786
  .k-grid-sm .k-drag-cell > .k-icon {
42782
42787
  padding-block: 4px;
42783
42788
  padding-inline: 0;
42784
42789
  }
42785
42790
 
42791
+ .k-grid .k-grid-sm .k-edit-cell,
42792
+ .k-grid .k-grid-sm .k-command-cell,
42793
+ .k-grid .k-grid-sm .k-grid-edit-row td,
42794
+ .k-grid .k-grid-sm .k-grid-edit-row .k-table-td,
42786
42795
  .k-grid-sm .k-edit-cell,
42787
42796
  .k-grid-sm .k-command-cell,
42788
42797
  .k-grid-sm .k-grid-edit-row td,
@@ -42791,6 +42800,9 @@ div.k-grid-norecords {
42791
42800
  padding-inline: 8px;
42792
42801
  }
42793
42802
 
42803
+ .k-grid .k-grid-sm .k-filter-row td,
42804
+ .k-grid .k-grid-sm .k-filter-row .k-table-td,
42805
+ .k-grid .k-grid-sm .k-filter-row .k-table-th,
42794
42806
  .k-grid-sm .k-filter-row td,
42795
42807
  .k-grid-sm .k-filter-row .k-table-td,
42796
42808
  .k-grid-sm .k-filter-row .k-table-th {
@@ -42798,16 +42810,20 @@ div.k-grid-norecords {
42798
42810
  padding-inline: 6px;
42799
42811
  }
42800
42812
 
42813
+ .k-grid .k-grid-sm .k-filtercell > span,
42814
+ .k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper,
42801
42815
  .k-grid-sm .k-filtercell > span,
42802
42816
  .k-grid-sm .k-filtercell .k-filtercell-wrapper {
42803
42817
  gap: 2px;
42804
42818
  }
42805
42819
 
42820
+ .k-grid .k-grid-sm .k-selection-aggregates,
42806
42821
  .k-grid-sm .k-selection-aggregates {
42807
42822
  padding-block: 4px;
42808
42823
  padding-inline: 4px;
42809
42824
  }
42810
42825
 
42826
+ .k-grid .k-grid-sm .k-resizer-wrap,
42811
42827
  .k-grid-sm .k-resizer-wrap {
42812
42828
  display: block;
42813
42829
  width: 100%;
@@ -42819,27 +42835,33 @@ div.k-grid-norecords {
42819
42835
  z-index: 2;
42820
42836
  }
42821
42837
 
42838
+ .k-grid .k-grid-md .k-table-th,
42822
42839
  .k-grid-md .k-table-th {
42823
42840
  padding-block: 8px;
42824
42841
  padding-inline: 12px;
42825
42842
  }
42826
42843
 
42844
+ .k-grid .k-grid-md td,
42845
+ .k-grid .k-grid-md .k-table-td,
42827
42846
  .k-grid-md td,
42828
42847
  .k-grid-md .k-table-td {
42829
42848
  padding-block: 8px;
42830
42849
  padding-inline: 12px;
42831
42850
  }
42832
42851
 
42852
+ .k-grid .k-grid-md .k-grouping-header,
42833
42853
  .k-grid-md .k-grouping-header {
42834
42854
  padding-block: 8px;
42835
42855
  padding-inline: 8px;
42836
42856
  gap: 8px;
42837
42857
  }
42838
42858
 
42859
+ .k-grid .k-grid-md .k-grouping-header::before,
42839
42860
  .k-grid-md .k-grouping-header::before {
42840
42861
  margin-inline-start: -8px;
42841
42862
  }
42842
42863
 
42864
+ .k-grid .k-grid-md .k-grid-header .k-table-th > .k-link,
42843
42865
  .k-grid-md .k-grid-header .k-table-th > .k-link {
42844
42866
  margin-block: -8px;
42845
42867
  margin-inline: -12px;
@@ -42847,6 +42869,9 @@ div.k-grid-norecords {
42847
42869
  padding-inline: 12px;
42848
42870
  }
42849
42871
 
42872
+ .k-grid .k-grid-md .k-grid-header .k-grid-filter,
42873
+ .k-grid .k-grid-md .k-grid-header .k-header-column-menu,
42874
+ .k-grid .k-grid-md .k-grid-header .k-grid-header-menu,
42850
42875
  .k-grid-md .k-grid-header .k-grid-filter,
42851
42876
  .k-grid-md .k-grid-header .k-header-column-menu,
42852
42877
  .k-grid-md .k-grid-header .k-grid-header-menu {
@@ -42856,35 +42881,47 @@ div.k-grid-norecords {
42856
42881
  bottom: 4px;
42857
42882
  }
42858
42883
 
42884
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner,
42859
42885
  .k-grid-md .k-table-th > .k-cell-inner {
42860
42886
  margin-block: -8px;
42861
42887
  margin-inline: -12px;
42862
42888
  }
42863
42889
 
42890
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link,
42864
42891
  .k-grid-md .k-table-th > .k-cell-inner > .k-link {
42865
42892
  padding-block: 8px;
42866
42893
  padding-inline: 12px;
42867
42894
  }
42868
42895
 
42896
+ .k-grid .k-grid-md .k-grouping-row .k-icon,
42869
42897
  .k-grid-md .k-grouping-row .k-icon {
42870
42898
  margin-inline-start: -4px;
42871
42899
  }
42872
42900
 
42901
+ .k-grid .k-grid-md .k-grouping-dropclue,
42873
42902
  .k-grid-md .k-grouping-dropclue {
42874
42903
  height: calc(1em + 16px);
42875
42904
  }
42876
42905
 
42906
+ .k-grid .k-grid-md .k-hierarchy-cell,
42907
+ .k-grid .k-grid-md .k-drag-cell,
42877
42908
  .k-grid-md .k-hierarchy-cell,
42878
42909
  .k-grid-md .k-drag-cell {
42879
42910
  padding: 0;
42880
42911
  }
42881
42912
 
42913
+ .k-grid .k-grid-md .k-hierarchy-cell > .k-icon,
42914
+ .k-grid .k-grid-md .k-drag-cell > .k-icon,
42882
42915
  .k-grid-md .k-hierarchy-cell > .k-icon,
42883
42916
  .k-grid-md .k-drag-cell > .k-icon {
42884
42917
  padding-block: 8px;
42885
42918
  padding-inline: 0;
42886
42919
  }
42887
42920
 
42921
+ .k-grid .k-grid-md .k-edit-cell,
42922
+ .k-grid .k-grid-md .k-command-cell,
42923
+ .k-grid .k-grid-md .k-grid-edit-row td,
42924
+ .k-grid .k-grid-md .k-grid-edit-row .k-table-td,
42888
42925
  .k-grid-md .k-edit-cell,
42889
42926
  .k-grid-md .k-command-cell,
42890
42927
  .k-grid-md .k-grid-edit-row td,
@@ -42893,6 +42930,9 @@ div.k-grid-norecords {
42893
42930
  padding-inline: 12px;
42894
42931
  }
42895
42932
 
42933
+ .k-grid .k-grid-md .k-filter-row td,
42934
+ .k-grid .k-grid-md .k-filter-row .k-table-td,
42935
+ .k-grid .k-grid-md .k-filter-row .k-table-th,
42896
42936
  .k-grid-md .k-filter-row td,
42897
42937
  .k-grid-md .k-filter-row .k-table-td,
42898
42938
  .k-grid-md .k-filter-row .k-table-th {
@@ -42900,16 +42940,20 @@ div.k-grid-norecords {
42900
42940
  padding-inline: 8px;
42901
42941
  }
42902
42942
 
42943
+ .k-grid .k-grid-md .k-filtercell > span,
42944
+ .k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper,
42903
42945
  .k-grid-md .k-filtercell > span,
42904
42946
  .k-grid-md .k-filtercell .k-filtercell-wrapper {
42905
42947
  gap: 4px;
42906
42948
  }
42907
42949
 
42950
+ .k-grid .k-grid-md .k-selection-aggregates,
42908
42951
  .k-grid-md .k-selection-aggregates {
42909
42952
  padding-block: 8px;
42910
42953
  padding-inline: 8px;
42911
42954
  }
42912
42955
 
42956
+ .k-grid .k-grid-md .k-resizer-wrap,
42913
42957
  .k-grid-md .k-resizer-wrap {
42914
42958
  display: block;
42915
42959
  width: 100%;