@progress/kendo-theme-classic 7.0.3-dev.2 → 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 {
@@ -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
  }
@@ -38333,6 +38360,14 @@ kendo-card-footer {
38333
38360
  box-sizing: border-box;
38334
38361
  }
38335
38362
 
38363
+ .k-card .k-card-avatar,
38364
+ .k-card .k-avatar {
38365
+ margin-right: 16px;
38366
+ width: 45px;
38367
+ height: 45px;
38368
+ flex-basis: 45px;
38369
+ }
38370
+
38336
38371
  .k-card > .k-card-inner {
38337
38372
  border-radius: 7px;
38338
38373
  display: flex;
@@ -38400,15 +38435,6 @@ kendo-card-footer {
38400
38435
  padding: 0;
38401
38436
  }
38402
38437
 
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
38438
  .k-card-media {
38413
38439
  border: 0;
38414
38440
  max-width: 100%;
@@ -38416,14 +38442,7 @@ kendo-card-footer {
38416
38442
  overflow: hidden;
38417
38443
  }
38418
38444
 
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 {
38445
+ .k-card-horizontal .k-card-media {
38427
38446
  max-width: 100px;
38428
38447
  object-fit: cover;
38429
38448
  }
@@ -38452,16 +38471,16 @@ kendo-card-footer {
38452
38471
  align-self: stretch;
38453
38472
  }
38454
38473
 
38455
- .k-card-separator.k-separator-vertical,
38456
- .k-card-horizontal > .k-card-separator {
38457
- border-left-width: 1px;
38458
- }
38459
-
38460
38474
  .k-card-separator.k-separator-horizontal,
38461
38475
  .k-card-vertical > .k-card-separator {
38462
38476
  border-top-width: 1px;
38463
38477
  }
38464
38478
 
38479
+ .k-card-separator.k-separator-vertical,
38480
+ .k-card-horizontal > .k-card-separator {
38481
+ border-left-width: 1px;
38482
+ }
38483
+
38465
38484
  .k-card > .k-hr {
38466
38485
  margin: 0;
38467
38486
  flex: 0 0 auto;
@@ -38481,37 +38500,6 @@ kendo-card-footer {
38481
38500
  gap: 8px;
38482
38501
  }
38483
38502
 
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
38503
  .k-card-list {
38516
38504
  display: flex;
38517
38505
  flex-flow: column nowrap;
@@ -41151,17 +41139,6 @@ kendo-card-footer {
41151
41139
  border-width: 1px 0 0;
41152
41140
  }
41153
41141
 
41154
- @supports (not (-ms-ime-mode: none)) and (not (overflow: -webkit-marquee)) and (not (-moz-appearance: none)) {
41155
- .k-dock-manager-toolbar .k-toolbar-button {
41156
- padding-block: 8px;
41157
- padding-inline: 4px;
41158
- }
41159
- .k-dock-manager-toolbar .k-toolbar-button .k-button-text {
41160
- -ms-writing-mode: tb-lr;
41161
- writing-mode: vertical-lr;
41162
- }
41163
- }
41164
-
41165
41142
  .k-dock-manager-pane-container {
41166
41143
  width: 100%;
41167
41144
  height: 100%;
@@ -42766,27 +42743,33 @@ div.k-grid-norecords {
42766
42743
  overflow: hidden;
42767
42744
  }
42768
42745
 
42746
+ .k-grid .k-grid-sm .k-table-th,
42769
42747
  .k-grid-sm .k-table-th {
42770
42748
  padding-block: 4px;
42771
42749
  padding-inline: 8px;
42772
42750
  }
42773
42751
 
42752
+ .k-grid .k-grid-sm td,
42753
+ .k-grid .k-grid-sm .k-table-td,
42774
42754
  .k-grid-sm td,
42775
42755
  .k-grid-sm .k-table-td {
42776
42756
  padding-block: 4px;
42777
42757
  padding-inline: 8px;
42778
42758
  }
42779
42759
 
42760
+ .k-grid .k-grid-sm .k-grouping-header,
42780
42761
  .k-grid-sm .k-grouping-header {
42781
42762
  padding-block: 4px;
42782
42763
  padding-inline: 8px;
42783
42764
  gap: 4px;
42784
42765
  }
42785
42766
 
42767
+ .k-grid .k-grid-sm .k-grouping-header::before,
42786
42768
  .k-grid-sm .k-grouping-header::before {
42787
42769
  margin-inline-start: -4px;
42788
42770
  }
42789
42771
 
42772
+ .k-grid .k-grid-sm .k-grid-header .k-table-th > .k-link,
42790
42773
  .k-grid-sm .k-grid-header .k-table-th > .k-link {
42791
42774
  margin-block: -4px;
42792
42775
  margin-inline: -8px;
@@ -42794,6 +42777,9 @@ div.k-grid-norecords {
42794
42777
  padding-inline: 8px;
42795
42778
  }
42796
42779
 
42780
+ .k-grid .k-grid-sm .k-grid-header .k-grid-filter,
42781
+ .k-grid .k-grid-sm .k-grid-header .k-header-column-menu,
42782
+ .k-grid .k-grid-sm .k-grid-header .k-grid-header-menu,
42797
42783
  .k-grid-sm .k-grid-header .k-grid-filter,
42798
42784
  .k-grid-sm .k-grid-header .k-header-column-menu,
42799
42785
  .k-grid-sm .k-grid-header .k-grid-header-menu {
@@ -42803,35 +42789,47 @@ div.k-grid-norecords {
42803
42789
  bottom: 0px;
42804
42790
  }
42805
42791
 
42792
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner,
42806
42793
  .k-grid-sm .k-table-th > .k-cell-inner {
42807
42794
  margin-block: -4px;
42808
42795
  margin-inline: -8px;
42809
42796
  }
42810
42797
 
42798
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner > .k-link,
42811
42799
  .k-grid-sm .k-table-th > .k-cell-inner > .k-link {
42812
42800
  padding-block: 4px;
42813
42801
  padding-inline: 8px;
42814
42802
  }
42815
42803
 
42804
+ .k-grid .k-grid-sm .k-grouping-row .k-icon,
42816
42805
  .k-grid-sm .k-grouping-row .k-icon {
42817
42806
  margin-inline-start: 0px;
42818
42807
  }
42819
42808
 
42809
+ .k-grid .k-grid-sm .k-grouping-dropclue,
42820
42810
  .k-grid-sm .k-grouping-dropclue {
42821
42811
  height: calc(1em + 12px);
42822
42812
  }
42823
42813
 
42814
+ .k-grid .k-grid-sm .k-hierarchy-cell,
42815
+ .k-grid .k-grid-sm .k-drag-cell,
42824
42816
  .k-grid-sm .k-hierarchy-cell,
42825
42817
  .k-grid-sm .k-drag-cell {
42826
42818
  padding: 0;
42827
42819
  }
42828
42820
 
42821
+ .k-grid .k-grid-sm .k-hierarchy-cell > .k-icon,
42822
+ .k-grid .k-grid-sm .k-drag-cell > .k-icon,
42829
42823
  .k-grid-sm .k-hierarchy-cell > .k-icon,
42830
42824
  .k-grid-sm .k-drag-cell > .k-icon {
42831
42825
  padding-block: 4px;
42832
42826
  padding-inline: 0;
42833
42827
  }
42834
42828
 
42829
+ .k-grid .k-grid-sm .k-edit-cell,
42830
+ .k-grid .k-grid-sm .k-command-cell,
42831
+ .k-grid .k-grid-sm .k-grid-edit-row td,
42832
+ .k-grid .k-grid-sm .k-grid-edit-row .k-table-td,
42835
42833
  .k-grid-sm .k-edit-cell,
42836
42834
  .k-grid-sm .k-command-cell,
42837
42835
  .k-grid-sm .k-grid-edit-row td,
@@ -42840,6 +42838,9 @@ div.k-grid-norecords {
42840
42838
  padding-inline: 8px;
42841
42839
  }
42842
42840
 
42841
+ .k-grid .k-grid-sm .k-filter-row td,
42842
+ .k-grid .k-grid-sm .k-filter-row .k-table-td,
42843
+ .k-grid .k-grid-sm .k-filter-row .k-table-th,
42843
42844
  .k-grid-sm .k-filter-row td,
42844
42845
  .k-grid-sm .k-filter-row .k-table-td,
42845
42846
  .k-grid-sm .k-filter-row .k-table-th {
@@ -42847,16 +42848,20 @@ div.k-grid-norecords {
42847
42848
  padding-inline: 8px;
42848
42849
  }
42849
42850
 
42851
+ .k-grid .k-grid-sm .k-filtercell > span,
42852
+ .k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper,
42850
42853
  .k-grid-sm .k-filtercell > span,
42851
42854
  .k-grid-sm .k-filtercell .k-filtercell-wrapper {
42852
42855
  gap: 2px;
42853
42856
  }
42854
42857
 
42858
+ .k-grid .k-grid-sm .k-selection-aggregates,
42855
42859
  .k-grid-sm .k-selection-aggregates {
42856
42860
  padding-block: 4px;
42857
42861
  padding-inline: 4px;
42858
42862
  }
42859
42863
 
42864
+ .k-grid .k-grid-sm .k-resizer-wrap,
42860
42865
  .k-grid-sm .k-resizer-wrap {
42861
42866
  display: block;
42862
42867
  width: 100%;
@@ -42868,27 +42873,33 @@ div.k-grid-norecords {
42868
42873
  z-index: 2;
42869
42874
  }
42870
42875
 
42876
+ .k-grid .k-grid-md .k-table-th,
42871
42877
  .k-grid-md .k-table-th {
42872
42878
  padding-block: 8px;
42873
42879
  padding-inline: 8px;
42874
42880
  }
42875
42881
 
42882
+ .k-grid .k-grid-md td,
42883
+ .k-grid .k-grid-md .k-table-td,
42876
42884
  .k-grid-md td,
42877
42885
  .k-grid-md .k-table-td {
42878
42886
  padding-block: 8px;
42879
42887
  padding-inline: 8px;
42880
42888
  }
42881
42889
 
42890
+ .k-grid .k-grid-md .k-grouping-header,
42882
42891
  .k-grid-md .k-grouping-header {
42883
42892
  padding-block: 8px;
42884
42893
  padding-inline: 8px;
42885
42894
  gap: 8px;
42886
42895
  }
42887
42896
 
42897
+ .k-grid .k-grid-md .k-grouping-header::before,
42888
42898
  .k-grid-md .k-grouping-header::before {
42889
42899
  margin-inline-start: -8px;
42890
42900
  }
42891
42901
 
42902
+ .k-grid .k-grid-md .k-grid-header .k-table-th > .k-link,
42892
42903
  .k-grid-md .k-grid-header .k-table-th > .k-link {
42893
42904
  margin-block: -8px;
42894
42905
  margin-inline: -8px;
@@ -42896,6 +42907,9 @@ div.k-grid-norecords {
42896
42907
  padding-inline: 8px;
42897
42908
  }
42898
42909
 
42910
+ .k-grid .k-grid-md .k-grid-header .k-grid-filter,
42911
+ .k-grid .k-grid-md .k-grid-header .k-header-column-menu,
42912
+ .k-grid .k-grid-md .k-grid-header .k-grid-header-menu,
42899
42913
  .k-grid-md .k-grid-header .k-grid-filter,
42900
42914
  .k-grid-md .k-grid-header .k-header-column-menu,
42901
42915
  .k-grid-md .k-grid-header .k-grid-header-menu {
@@ -42905,35 +42919,47 @@ div.k-grid-norecords {
42905
42919
  bottom: 4px;
42906
42920
  }
42907
42921
 
42922
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner,
42908
42923
  .k-grid-md .k-table-th > .k-cell-inner {
42909
42924
  margin-block: -8px;
42910
42925
  margin-inline: -8px;
42911
42926
  }
42912
42927
 
42928
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link,
42913
42929
  .k-grid-md .k-table-th > .k-cell-inner > .k-link {
42914
42930
  padding-block: 8px;
42915
42931
  padding-inline: 8px;
42916
42932
  }
42917
42933
 
42934
+ .k-grid .k-grid-md .k-grouping-row .k-icon,
42918
42935
  .k-grid-md .k-grouping-row .k-icon {
42919
42936
  margin-inline-start: 0px;
42920
42937
  }
42921
42938
 
42939
+ .k-grid .k-grid-md .k-grouping-dropclue,
42922
42940
  .k-grid-md .k-grouping-dropclue {
42923
42941
  height: calc(1em + 16px);
42924
42942
  }
42925
42943
 
42944
+ .k-grid .k-grid-md .k-hierarchy-cell,
42945
+ .k-grid .k-grid-md .k-drag-cell,
42926
42946
  .k-grid-md .k-hierarchy-cell,
42927
42947
  .k-grid-md .k-drag-cell {
42928
42948
  padding: 0;
42929
42949
  }
42930
42950
 
42951
+ .k-grid .k-grid-md .k-hierarchy-cell > .k-icon,
42952
+ .k-grid .k-grid-md .k-drag-cell > .k-icon,
42931
42953
  .k-grid-md .k-hierarchy-cell > .k-icon,
42932
42954
  .k-grid-md .k-drag-cell > .k-icon {
42933
42955
  padding-block: 8px;
42934
42956
  padding-inline: 0;
42935
42957
  }
42936
42958
 
42959
+ .k-grid .k-grid-md .k-edit-cell,
42960
+ .k-grid .k-grid-md .k-command-cell,
42961
+ .k-grid .k-grid-md .k-grid-edit-row td,
42962
+ .k-grid .k-grid-md .k-grid-edit-row .k-table-td,
42937
42963
  .k-grid-md .k-edit-cell,
42938
42964
  .k-grid-md .k-command-cell,
42939
42965
  .k-grid-md .k-grid-edit-row td,
@@ -42942,6 +42968,9 @@ div.k-grid-norecords {
42942
42968
  padding-inline: 8px;
42943
42969
  }
42944
42970
 
42971
+ .k-grid .k-grid-md .k-filter-row td,
42972
+ .k-grid .k-grid-md .k-filter-row .k-table-td,
42973
+ .k-grid .k-grid-md .k-filter-row .k-table-th,
42945
42974
  .k-grid-md .k-filter-row td,
42946
42975
  .k-grid-md .k-filter-row .k-table-td,
42947
42976
  .k-grid-md .k-filter-row .k-table-th {
@@ -42949,16 +42978,20 @@ div.k-grid-norecords {
42949
42978
  padding-inline: 8px;
42950
42979
  }
42951
42980
 
42981
+ .k-grid .k-grid-md .k-filtercell > span,
42982
+ .k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper,
42952
42983
  .k-grid-md .k-filtercell > span,
42953
42984
  .k-grid-md .k-filtercell .k-filtercell-wrapper {
42954
42985
  gap: 4px;
42955
42986
  }
42956
42987
 
42988
+ .k-grid .k-grid-md .k-selection-aggregates,
42957
42989
  .k-grid-md .k-selection-aggregates {
42958
42990
  padding-block: 8px;
42959
42991
  padding-inline: 8px;
42960
42992
  }
42961
42993
 
42994
+ .k-grid .k-grid-md .k-resizer-wrap,
42962
42995
  .k-grid-md .k-resizer-wrap {
42963
42996
  display: block;
42964
42997
  width: 100%;