@progress/kendo-theme-classic 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 {
@@ -31850,43 +31851,70 @@ kendo-label > .k-label {
31850
31851
  pointer-events: none;
31851
31852
  }
31852
31853
 
31853
- .k-tooltip-wrapper .k-tooltip {
31854
- box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
31855
- }
31856
-
31857
31854
  .k-tooltip {
31858
31855
  border-color: rgba(0, 0, 0, 0.75);
31859
31856
  color: white;
31860
31857
  background-color: rgba(0, 0, 0, 0.75);
31858
+ box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
31861
31859
  }
31862
31860
 
31863
31861
  .k-tooltip .k-callout {
31864
31862
  color: rgba(0, 0, 0, 0.75);
31865
31863
  }
31866
31864
 
31867
- .k-tooltip-primary {
31868
- border-color: #f35800;
31865
+ .k-tooltip-inverse {
31866
+ border-color: #404040;
31869
31867
  color: white;
31870
- background-color: #f35800;
31868
+ background-color: #404040;
31871
31869
  }
31872
31870
 
31873
- .k-tooltip-primary .k-callout {
31874
- color: #f35800;
31871
+ .k-tooltip-inverse .k-callout {
31872
+ color: #404040;
31875
31873
  }
31876
31874
 
31877
- .k-tooltip-info {
31878
- border-color: #2498bc;
31875
+ .k-tooltip-light {
31876
+ border-color: #ebebeb;
31879
31877
  color: black;
31880
- background-color: #2498bc;
31878
+ background-color: #ebebeb;
31881
31879
  }
31882
31880
 
31883
- .k-tooltip-info .k-callout {
31884
- color: #2498bc;
31881
+ .k-tooltip-light .k-callout {
31882
+ color: #ebebeb;
31883
+ }
31884
+
31885
+ .k-tooltip-dark {
31886
+ border-color: #404040;
31887
+ color: white;
31888
+ background-color: #404040;
31889
+ }
31890
+
31891
+ .k-tooltip-dark .k-callout {
31892
+ color: #404040;
31893
+ }
31894
+
31895
+ .k-tooltip-error {
31896
+ border-color: #d92800;
31897
+ color: white;
31898
+ background-color: #d92800;
31899
+ }
31900
+
31901
+ .k-tooltip-error .k-callout {
31902
+ color: #d92800;
31903
+ }
31904
+
31905
+ .k-tooltip-warning {
31906
+ border-color: #ff9800;
31907
+ color: white;
31908
+ background-color: #ff9800;
31909
+ }
31910
+
31911
+ .k-tooltip-warning .k-callout {
31912
+ color: #ff9800;
31885
31913
  }
31886
31914
 
31887
31915
  .k-tooltip-success {
31888
31916
  border-color: #3ea44e;
31889
- color: black;
31917
+ color: white;
31890
31918
  background-color: #3ea44e;
31891
31919
  }
31892
31920
 
@@ -31894,24 +31922,44 @@ kendo-label > .k-label {
31894
31922
  color: #3ea44e;
31895
31923
  }
31896
31924
 
31897
- .k-tooltip-warning {
31898
- border-color: #ff9800;
31925
+ .k-tooltip-info {
31926
+ border-color: #2498bc;
31927
+ color: white;
31928
+ background-color: #2498bc;
31929
+ }
31930
+
31931
+ .k-tooltip-info .k-callout {
31932
+ color: #2498bc;
31933
+ }
31934
+
31935
+ .k-tooltip-tertiary {
31936
+ border-color: #03a9f4;
31937
+ color: white;
31938
+ background-color: #03a9f4;
31939
+ }
31940
+
31941
+ .k-tooltip-tertiary .k-callout {
31942
+ color: #03a9f4;
31943
+ }
31944
+
31945
+ .k-tooltip-secondary {
31946
+ border-color: #e9e9e9;
31899
31947
  color: black;
31900
- background-color: #ff9800;
31948
+ background-color: #e9e9e9;
31901
31949
  }
31902
31950
 
31903
- .k-tooltip-warning .k-callout {
31904
- color: #ff9800;
31951
+ .k-tooltip-secondary .k-callout {
31952
+ color: #e9e9e9;
31905
31953
  }
31906
31954
 
31907
- .k-tooltip-error {
31908
- border-color: #d92800;
31955
+ .k-tooltip-primary {
31956
+ border-color: #f35800;
31909
31957
  color: white;
31910
- background-color: #d92800;
31958
+ background-color: #f35800;
31911
31959
  }
31912
31960
 
31913
- .k-tooltip-error .k-callout {
31914
- color: #d92800;
31961
+ .k-tooltip-primary .k-callout {
31962
+ color: #f35800;
31915
31963
  }
31916
31964
 
31917
31965
  .k-validator-tooltip {
@@ -33545,16 +33593,6 @@ select.k-picker-lg {
33545
33593
  cursor: default;
33546
33594
  }
33547
33595
 
33548
- .k-slider-wrap {
33549
- width: 100%;
33550
- height: 100%;
33551
- display: flex;
33552
- flex-flow: inherit;
33553
- align-items: inherit;
33554
- gap: inherit;
33555
- position: relative;
33556
- }
33557
-
33558
33596
  .k-slider {
33559
33597
  width: min-content;
33560
33598
  height: min-content;
@@ -33967,16 +34005,6 @@ select.k-picker-lg {
33967
34005
  position: absolute;
33968
34006
  }
33969
34007
 
33970
- .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
33971
- padding-inline-start: 7px;
33972
- padding-inline-end: 7px;
33973
- }
33974
-
33975
- .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
33976
- padding-top: 7px;
33977
- padding-bottom: 7px;
33978
- }
33979
-
33980
34008
  .k-slider {
33981
34009
  color: #272727;
33982
34010
  }
@@ -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
  }
@@ -38173,13 +38200,7 @@ kendo-drawer .k-drawer-wrapper {
38173
38200
  flex-flow: column-reverse wrap;
38174
38201
  position: fixed;
38175
38202
  z-index: 1000;
38176
- }
38177
-
38178
- .k-notification-container {
38179
- margin-block: 2px;
38180
- margin-inline: 0;
38181
- display: inline-flex;
38182
- vertical-align: top;
38203
+ gap: 8px 0;
38183
38204
  }
38184
38205
 
38185
38206
  .k-notification-container-animating {
@@ -38333,6 +38354,14 @@ kendo-card-footer {
38333
38354
  box-sizing: border-box;
38334
38355
  }
38335
38356
 
38357
+ .k-card .k-card-avatar,
38358
+ .k-card .k-avatar {
38359
+ margin-right: 16px;
38360
+ width: 45px;
38361
+ height: 45px;
38362
+ flex-basis: 45px;
38363
+ }
38364
+
38336
38365
  .k-card > .k-card-inner {
38337
38366
  border-radius: 7px;
38338
38367
  display: flex;
@@ -38400,15 +38429,6 @@ kendo-card-footer {
38400
38429
  padding: 0;
38401
38430
  }
38402
38431
 
38403
- .k-card-avatar,
38404
- .k-card .k-avatar {
38405
- margin-right: 16px;
38406
- width: 45px;
38407
- height: 45px;
38408
- flex-basis: 45px;
38409
- }
38410
-
38411
- .k-card-image,
38412
38432
  .k-card-media {
38413
38433
  border: 0;
38414
38434
  max-width: 100%;
@@ -38416,14 +38436,7 @@ kendo-card-footer {
38416
38436
  overflow: hidden;
38417
38437
  }
38418
38438
 
38419
- .k-card-image > img,
38420
- .k-card-media > img {
38421
- border: 0;
38422
- max-width: 100%;
38423
- }
38424
-
38425
- .k-card-horizontal .k-card-image, .k-card-horizontal
38426
- .k-card-media {
38439
+ .k-card-horizontal .k-card-media {
38427
38440
  max-width: 100px;
38428
38441
  object-fit: cover;
38429
38442
  }
@@ -38452,16 +38465,16 @@ kendo-card-footer {
38452
38465
  align-self: stretch;
38453
38466
  }
38454
38467
 
38455
- .k-card-separator.k-separator-vertical,
38456
- .k-card-horizontal > .k-card-separator {
38457
- border-left-width: 1px;
38458
- }
38459
-
38460
38468
  .k-card-separator.k-separator-horizontal,
38461
38469
  .k-card-vertical > .k-card-separator {
38462
38470
  border-top-width: 1px;
38463
38471
  }
38464
38472
 
38473
+ .k-card-separator.k-separator-vertical,
38474
+ .k-card-horizontal > .k-card-separator {
38475
+ border-left-width: 1px;
38476
+ }
38477
+
38465
38478
  .k-card > .k-hr {
38466
38479
  margin: 0;
38467
38480
  flex: 0 0 auto;
@@ -38481,37 +38494,6 @@ kendo-card-footer {
38481
38494
  gap: 8px;
38482
38495
  }
38483
38496
 
38484
- .k-card-actions-start {
38485
- justify-content: flex-start;
38486
- }
38487
-
38488
- .k-card-actions-end {
38489
- justify-content: flex-end;
38490
- }
38491
-
38492
- .k-card-actions-center {
38493
- justify-content: center;
38494
- }
38495
-
38496
- .k-card-actions-horizontal {
38497
- flex-flow: row nowrap;
38498
- }
38499
-
38500
- .k-card-actions-vertical {
38501
- flex-flow: column nowrap;
38502
- }
38503
-
38504
- .k-card-actions-stretched > * {
38505
- flex: 1 1 auto;
38506
- }
38507
-
38508
- .k-card-action {
38509
- border-width: 0;
38510
- border-style: solid;
38511
- border-color: inherit;
38512
- display: inline-flex;
38513
- }
38514
-
38515
38497
  .k-card-list {
38516
38498
  display: flex;
38517
38499
  flex-flow: column nowrap;
@@ -42755,27 +42737,33 @@ div.k-grid-norecords {
42755
42737
  overflow: hidden;
42756
42738
  }
42757
42739
 
42740
+ .k-grid .k-grid-sm .k-table-th,
42758
42741
  .k-grid-sm .k-table-th {
42759
42742
  padding-block: 4px;
42760
42743
  padding-inline: 8px;
42761
42744
  }
42762
42745
 
42746
+ .k-grid .k-grid-sm td,
42747
+ .k-grid .k-grid-sm .k-table-td,
42763
42748
  .k-grid-sm td,
42764
42749
  .k-grid-sm .k-table-td {
42765
42750
  padding-block: 4px;
42766
42751
  padding-inline: 8px;
42767
42752
  }
42768
42753
 
42754
+ .k-grid .k-grid-sm .k-grouping-header,
42769
42755
  .k-grid-sm .k-grouping-header {
42770
42756
  padding-block: 4px;
42771
42757
  padding-inline: 8px;
42772
42758
  gap: 4px;
42773
42759
  }
42774
42760
 
42761
+ .k-grid .k-grid-sm .k-grouping-header::before,
42775
42762
  .k-grid-sm .k-grouping-header::before {
42776
42763
  margin-inline-start: -4px;
42777
42764
  }
42778
42765
 
42766
+ .k-grid .k-grid-sm .k-grid-header .k-table-th > .k-link,
42779
42767
  .k-grid-sm .k-grid-header .k-table-th > .k-link {
42780
42768
  margin-block: -4px;
42781
42769
  margin-inline: -8px;
@@ -42783,6 +42771,9 @@ div.k-grid-norecords {
42783
42771
  padding-inline: 8px;
42784
42772
  }
42785
42773
 
42774
+ .k-grid .k-grid-sm .k-grid-header .k-grid-filter,
42775
+ .k-grid .k-grid-sm .k-grid-header .k-header-column-menu,
42776
+ .k-grid .k-grid-sm .k-grid-header .k-grid-header-menu,
42786
42777
  .k-grid-sm .k-grid-header .k-grid-filter,
42787
42778
  .k-grid-sm .k-grid-header .k-header-column-menu,
42788
42779
  .k-grid-sm .k-grid-header .k-grid-header-menu {
@@ -42792,35 +42783,47 @@ div.k-grid-norecords {
42792
42783
  bottom: 0px;
42793
42784
  }
42794
42785
 
42786
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner,
42795
42787
  .k-grid-sm .k-table-th > .k-cell-inner {
42796
42788
  margin-block: -4px;
42797
42789
  margin-inline: -8px;
42798
42790
  }
42799
42791
 
42792
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner > .k-link,
42800
42793
  .k-grid-sm .k-table-th > .k-cell-inner > .k-link {
42801
42794
  padding-block: 4px;
42802
42795
  padding-inline: 8px;
42803
42796
  }
42804
42797
 
42798
+ .k-grid .k-grid-sm .k-grouping-row .k-icon,
42805
42799
  .k-grid-sm .k-grouping-row .k-icon {
42806
42800
  margin-inline-start: 0px;
42807
42801
  }
42808
42802
 
42803
+ .k-grid .k-grid-sm .k-grouping-dropclue,
42809
42804
  .k-grid-sm .k-grouping-dropclue {
42810
42805
  height: calc(1em + 12px);
42811
42806
  }
42812
42807
 
42808
+ .k-grid .k-grid-sm .k-hierarchy-cell,
42809
+ .k-grid .k-grid-sm .k-drag-cell,
42813
42810
  .k-grid-sm .k-hierarchy-cell,
42814
42811
  .k-grid-sm .k-drag-cell {
42815
42812
  padding: 0;
42816
42813
  }
42817
42814
 
42815
+ .k-grid .k-grid-sm .k-hierarchy-cell > .k-icon,
42816
+ .k-grid .k-grid-sm .k-drag-cell > .k-icon,
42818
42817
  .k-grid-sm .k-hierarchy-cell > .k-icon,
42819
42818
  .k-grid-sm .k-drag-cell > .k-icon {
42820
42819
  padding-block: 4px;
42821
42820
  padding-inline: 0;
42822
42821
  }
42823
42822
 
42823
+ .k-grid .k-grid-sm .k-edit-cell,
42824
+ .k-grid .k-grid-sm .k-command-cell,
42825
+ .k-grid .k-grid-sm .k-grid-edit-row td,
42826
+ .k-grid .k-grid-sm .k-grid-edit-row .k-table-td,
42824
42827
  .k-grid-sm .k-edit-cell,
42825
42828
  .k-grid-sm .k-command-cell,
42826
42829
  .k-grid-sm .k-grid-edit-row td,
@@ -42829,6 +42832,9 @@ div.k-grid-norecords {
42829
42832
  padding-inline: 8px;
42830
42833
  }
42831
42834
 
42835
+ .k-grid .k-grid-sm .k-filter-row td,
42836
+ .k-grid .k-grid-sm .k-filter-row .k-table-td,
42837
+ .k-grid .k-grid-sm .k-filter-row .k-table-th,
42832
42838
  .k-grid-sm .k-filter-row td,
42833
42839
  .k-grid-sm .k-filter-row .k-table-td,
42834
42840
  .k-grid-sm .k-filter-row .k-table-th {
@@ -42836,16 +42842,20 @@ div.k-grid-norecords {
42836
42842
  padding-inline: 8px;
42837
42843
  }
42838
42844
 
42845
+ .k-grid .k-grid-sm .k-filtercell > span,
42846
+ .k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper,
42839
42847
  .k-grid-sm .k-filtercell > span,
42840
42848
  .k-grid-sm .k-filtercell .k-filtercell-wrapper {
42841
42849
  gap: 2px;
42842
42850
  }
42843
42851
 
42852
+ .k-grid .k-grid-sm .k-selection-aggregates,
42844
42853
  .k-grid-sm .k-selection-aggregates {
42845
42854
  padding-block: 4px;
42846
42855
  padding-inline: 4px;
42847
42856
  }
42848
42857
 
42858
+ .k-grid .k-grid-sm .k-resizer-wrap,
42849
42859
  .k-grid-sm .k-resizer-wrap {
42850
42860
  display: block;
42851
42861
  width: 100%;
@@ -42857,27 +42867,33 @@ div.k-grid-norecords {
42857
42867
  z-index: 2;
42858
42868
  }
42859
42869
 
42870
+ .k-grid .k-grid-md .k-table-th,
42860
42871
  .k-grid-md .k-table-th {
42861
42872
  padding-block: 8px;
42862
42873
  padding-inline: 8px;
42863
42874
  }
42864
42875
 
42876
+ .k-grid .k-grid-md td,
42877
+ .k-grid .k-grid-md .k-table-td,
42865
42878
  .k-grid-md td,
42866
42879
  .k-grid-md .k-table-td {
42867
42880
  padding-block: 8px;
42868
42881
  padding-inline: 8px;
42869
42882
  }
42870
42883
 
42884
+ .k-grid .k-grid-md .k-grouping-header,
42871
42885
  .k-grid-md .k-grouping-header {
42872
42886
  padding-block: 8px;
42873
42887
  padding-inline: 8px;
42874
42888
  gap: 8px;
42875
42889
  }
42876
42890
 
42891
+ .k-grid .k-grid-md .k-grouping-header::before,
42877
42892
  .k-grid-md .k-grouping-header::before {
42878
42893
  margin-inline-start: -8px;
42879
42894
  }
42880
42895
 
42896
+ .k-grid .k-grid-md .k-grid-header .k-table-th > .k-link,
42881
42897
  .k-grid-md .k-grid-header .k-table-th > .k-link {
42882
42898
  margin-block: -8px;
42883
42899
  margin-inline: -8px;
@@ -42885,6 +42901,9 @@ div.k-grid-norecords {
42885
42901
  padding-inline: 8px;
42886
42902
  }
42887
42903
 
42904
+ .k-grid .k-grid-md .k-grid-header .k-grid-filter,
42905
+ .k-grid .k-grid-md .k-grid-header .k-header-column-menu,
42906
+ .k-grid .k-grid-md .k-grid-header .k-grid-header-menu,
42888
42907
  .k-grid-md .k-grid-header .k-grid-filter,
42889
42908
  .k-grid-md .k-grid-header .k-header-column-menu,
42890
42909
  .k-grid-md .k-grid-header .k-grid-header-menu {
@@ -42894,35 +42913,47 @@ div.k-grid-norecords {
42894
42913
  bottom: 4px;
42895
42914
  }
42896
42915
 
42916
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner,
42897
42917
  .k-grid-md .k-table-th > .k-cell-inner {
42898
42918
  margin-block: -8px;
42899
42919
  margin-inline: -8px;
42900
42920
  }
42901
42921
 
42922
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link,
42902
42923
  .k-grid-md .k-table-th > .k-cell-inner > .k-link {
42903
42924
  padding-block: 8px;
42904
42925
  padding-inline: 8px;
42905
42926
  }
42906
42927
 
42928
+ .k-grid .k-grid-md .k-grouping-row .k-icon,
42907
42929
  .k-grid-md .k-grouping-row .k-icon {
42908
42930
  margin-inline-start: 0px;
42909
42931
  }
42910
42932
 
42933
+ .k-grid .k-grid-md .k-grouping-dropclue,
42911
42934
  .k-grid-md .k-grouping-dropclue {
42912
42935
  height: calc(1em + 16px);
42913
42936
  }
42914
42937
 
42938
+ .k-grid .k-grid-md .k-hierarchy-cell,
42939
+ .k-grid .k-grid-md .k-drag-cell,
42915
42940
  .k-grid-md .k-hierarchy-cell,
42916
42941
  .k-grid-md .k-drag-cell {
42917
42942
  padding: 0;
42918
42943
  }
42919
42944
 
42945
+ .k-grid .k-grid-md .k-hierarchy-cell > .k-icon,
42946
+ .k-grid .k-grid-md .k-drag-cell > .k-icon,
42920
42947
  .k-grid-md .k-hierarchy-cell > .k-icon,
42921
42948
  .k-grid-md .k-drag-cell > .k-icon {
42922
42949
  padding-block: 8px;
42923
42950
  padding-inline: 0;
42924
42951
  }
42925
42952
 
42953
+ .k-grid .k-grid-md .k-edit-cell,
42954
+ .k-grid .k-grid-md .k-command-cell,
42955
+ .k-grid .k-grid-md .k-grid-edit-row td,
42956
+ .k-grid .k-grid-md .k-grid-edit-row .k-table-td,
42926
42957
  .k-grid-md .k-edit-cell,
42927
42958
  .k-grid-md .k-command-cell,
42928
42959
  .k-grid-md .k-grid-edit-row td,
@@ -42931,6 +42962,9 @@ div.k-grid-norecords {
42931
42962
  padding-inline: 8px;
42932
42963
  }
42933
42964
 
42965
+ .k-grid .k-grid-md .k-filter-row td,
42966
+ .k-grid .k-grid-md .k-filter-row .k-table-td,
42967
+ .k-grid .k-grid-md .k-filter-row .k-table-th,
42934
42968
  .k-grid-md .k-filter-row td,
42935
42969
  .k-grid-md .k-filter-row .k-table-td,
42936
42970
  .k-grid-md .k-filter-row .k-table-th {
@@ -42938,16 +42972,20 @@ div.k-grid-norecords {
42938
42972
  padding-inline: 8px;
42939
42973
  }
42940
42974
 
42975
+ .k-grid .k-grid-md .k-filtercell > span,
42976
+ .k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper,
42941
42977
  .k-grid-md .k-filtercell > span,
42942
42978
  .k-grid-md .k-filtercell .k-filtercell-wrapper {
42943
42979
  gap: 4px;
42944
42980
  }
42945
42981
 
42982
+ .k-grid .k-grid-md .k-selection-aggregates,
42946
42983
  .k-grid-md .k-selection-aggregates {
42947
42984
  padding-block: 8px;
42948
42985
  padding-inline: 8px;
42949
42986
  }
42950
42987
 
42988
+ .k-grid .k-grid-md .k-resizer-wrap,
42951
42989
  .k-grid-md .k-resizer-wrap {
42952
42990
  display: block;
42953
42991
  width: 100%;
@@ -50105,10 +50143,6 @@ kendo-scheduler .k-recurrence-editor {
50105
50143
  display: none;
50106
50144
  }
50107
50145
 
50108
- .k-timeline .k-event-collapse {
50109
- display: none;
50110
- }
50111
-
50112
50146
  .k-timeline.k-timeline-collapsible .k-card-header {
50113
50147
  cursor: pointer;
50114
50148
  }