@progress/kendo-theme-default 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 {
@@ -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;
@@ -41113,17 +41101,6 @@ kendo-card-footer {
41113
41101
  border-width: 1px 0 0;
41114
41102
  }
41115
41103
 
41116
- @supports (not (-ms-ime-mode: none)) and (not (overflow: -webkit-marquee)) and (not (-moz-appearance: none)) {
41117
- .k-dock-manager-toolbar .k-toolbar-button {
41118
- padding-block: 8px;
41119
- padding-inline: 4px;
41120
- }
41121
- .k-dock-manager-toolbar .k-toolbar-button .k-button-text {
41122
- -ms-writing-mode: tb-lr;
41123
- writing-mode: vertical-lr;
41124
- }
41125
- }
41126
-
41127
41104
  .k-dock-manager-pane-container {
41128
41105
  width: 100%;
41129
41106
  height: 100%;
@@ -42728,27 +42705,33 @@ div.k-grid-norecords {
42728
42705
  overflow: hidden;
42729
42706
  }
42730
42707
 
42708
+ .k-grid .k-grid-sm .k-table-th,
42731
42709
  .k-grid-sm .k-table-th {
42732
42710
  padding-block: 4px;
42733
42711
  padding-inline: 8px;
42734
42712
  }
42735
42713
 
42714
+ .k-grid .k-grid-sm td,
42715
+ .k-grid .k-grid-sm .k-table-td,
42736
42716
  .k-grid-sm td,
42737
42717
  .k-grid-sm .k-table-td {
42738
42718
  padding-block: 4px;
42739
42719
  padding-inline: 8px;
42740
42720
  }
42741
42721
 
42722
+ .k-grid .k-grid-sm .k-grouping-header,
42742
42723
  .k-grid-sm .k-grouping-header {
42743
42724
  padding-block: 4px;
42744
42725
  padding-inline: 8px;
42745
42726
  gap: 4px;
42746
42727
  }
42747
42728
 
42729
+ .k-grid .k-grid-sm .k-grouping-header::before,
42748
42730
  .k-grid-sm .k-grouping-header::before {
42749
42731
  margin-inline-start: -4px;
42750
42732
  }
42751
42733
 
42734
+ .k-grid .k-grid-sm .k-grid-header .k-table-th > .k-link,
42752
42735
  .k-grid-sm .k-grid-header .k-table-th > .k-link {
42753
42736
  margin-block: -4px;
42754
42737
  margin-inline: -8px;
@@ -42756,6 +42739,9 @@ div.k-grid-norecords {
42756
42739
  padding-inline: 8px;
42757
42740
  }
42758
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,
42759
42745
  .k-grid-sm .k-grid-header .k-grid-filter,
42760
42746
  .k-grid-sm .k-grid-header .k-header-column-menu,
42761
42747
  .k-grid-sm .k-grid-header .k-grid-header-menu {
@@ -42765,35 +42751,47 @@ div.k-grid-norecords {
42765
42751
  bottom: 0px;
42766
42752
  }
42767
42753
 
42754
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner,
42768
42755
  .k-grid-sm .k-table-th > .k-cell-inner {
42769
42756
  margin-block: -4px;
42770
42757
  margin-inline: -8px;
42771
42758
  }
42772
42759
 
42760
+ .k-grid .k-grid-sm .k-table-th > .k-cell-inner > .k-link,
42773
42761
  .k-grid-sm .k-table-th > .k-cell-inner > .k-link {
42774
42762
  padding-block: 4px;
42775
42763
  padding-inline: 8px;
42776
42764
  }
42777
42765
 
42766
+ .k-grid .k-grid-sm .k-grouping-row .k-icon,
42778
42767
  .k-grid-sm .k-grouping-row .k-icon {
42779
42768
  margin-inline-start: 0px;
42780
42769
  }
42781
42770
 
42771
+ .k-grid .k-grid-sm .k-grouping-dropclue,
42782
42772
  .k-grid-sm .k-grouping-dropclue {
42783
42773
  height: calc(1em + 12px);
42784
42774
  }
42785
42775
 
42776
+ .k-grid .k-grid-sm .k-hierarchy-cell,
42777
+ .k-grid .k-grid-sm .k-drag-cell,
42786
42778
  .k-grid-sm .k-hierarchy-cell,
42787
42779
  .k-grid-sm .k-drag-cell {
42788
42780
  padding: 0;
42789
42781
  }
42790
42782
 
42783
+ .k-grid .k-grid-sm .k-hierarchy-cell > .k-icon,
42784
+ .k-grid .k-grid-sm .k-drag-cell > .k-icon,
42791
42785
  .k-grid-sm .k-hierarchy-cell > .k-icon,
42792
42786
  .k-grid-sm .k-drag-cell > .k-icon {
42793
42787
  padding-block: 4px;
42794
42788
  padding-inline: 0;
42795
42789
  }
42796
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,
42797
42795
  .k-grid-sm .k-edit-cell,
42798
42796
  .k-grid-sm .k-command-cell,
42799
42797
  .k-grid-sm .k-grid-edit-row td,
@@ -42802,6 +42800,9 @@ div.k-grid-norecords {
42802
42800
  padding-inline: 8px;
42803
42801
  }
42804
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,
42805
42806
  .k-grid-sm .k-filter-row td,
42806
42807
  .k-grid-sm .k-filter-row .k-table-td,
42807
42808
  .k-grid-sm .k-filter-row .k-table-th {
@@ -42809,16 +42810,20 @@ div.k-grid-norecords {
42809
42810
  padding-inline: 6px;
42810
42811
  }
42811
42812
 
42813
+ .k-grid .k-grid-sm .k-filtercell > span,
42814
+ .k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper,
42812
42815
  .k-grid-sm .k-filtercell > span,
42813
42816
  .k-grid-sm .k-filtercell .k-filtercell-wrapper {
42814
42817
  gap: 2px;
42815
42818
  }
42816
42819
 
42820
+ .k-grid .k-grid-sm .k-selection-aggregates,
42817
42821
  .k-grid-sm .k-selection-aggregates {
42818
42822
  padding-block: 4px;
42819
42823
  padding-inline: 4px;
42820
42824
  }
42821
42825
 
42826
+ .k-grid .k-grid-sm .k-resizer-wrap,
42822
42827
  .k-grid-sm .k-resizer-wrap {
42823
42828
  display: block;
42824
42829
  width: 100%;
@@ -42830,27 +42835,33 @@ div.k-grid-norecords {
42830
42835
  z-index: 2;
42831
42836
  }
42832
42837
 
42838
+ .k-grid .k-grid-md .k-table-th,
42833
42839
  .k-grid-md .k-table-th {
42834
42840
  padding-block: 8px;
42835
42841
  padding-inline: 12px;
42836
42842
  }
42837
42843
 
42844
+ .k-grid .k-grid-md td,
42845
+ .k-grid .k-grid-md .k-table-td,
42838
42846
  .k-grid-md td,
42839
42847
  .k-grid-md .k-table-td {
42840
42848
  padding-block: 8px;
42841
42849
  padding-inline: 12px;
42842
42850
  }
42843
42851
 
42852
+ .k-grid .k-grid-md .k-grouping-header,
42844
42853
  .k-grid-md .k-grouping-header {
42845
42854
  padding-block: 8px;
42846
42855
  padding-inline: 8px;
42847
42856
  gap: 8px;
42848
42857
  }
42849
42858
 
42859
+ .k-grid .k-grid-md .k-grouping-header::before,
42850
42860
  .k-grid-md .k-grouping-header::before {
42851
42861
  margin-inline-start: -8px;
42852
42862
  }
42853
42863
 
42864
+ .k-grid .k-grid-md .k-grid-header .k-table-th > .k-link,
42854
42865
  .k-grid-md .k-grid-header .k-table-th > .k-link {
42855
42866
  margin-block: -8px;
42856
42867
  margin-inline: -12px;
@@ -42858,6 +42869,9 @@ div.k-grid-norecords {
42858
42869
  padding-inline: 12px;
42859
42870
  }
42860
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,
42861
42875
  .k-grid-md .k-grid-header .k-grid-filter,
42862
42876
  .k-grid-md .k-grid-header .k-header-column-menu,
42863
42877
  .k-grid-md .k-grid-header .k-grid-header-menu {
@@ -42867,35 +42881,47 @@ div.k-grid-norecords {
42867
42881
  bottom: 4px;
42868
42882
  }
42869
42883
 
42884
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner,
42870
42885
  .k-grid-md .k-table-th > .k-cell-inner {
42871
42886
  margin-block: -8px;
42872
42887
  margin-inline: -12px;
42873
42888
  }
42874
42889
 
42890
+ .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link,
42875
42891
  .k-grid-md .k-table-th > .k-cell-inner > .k-link {
42876
42892
  padding-block: 8px;
42877
42893
  padding-inline: 12px;
42878
42894
  }
42879
42895
 
42896
+ .k-grid .k-grid-md .k-grouping-row .k-icon,
42880
42897
  .k-grid-md .k-grouping-row .k-icon {
42881
42898
  margin-inline-start: -4px;
42882
42899
  }
42883
42900
 
42901
+ .k-grid .k-grid-md .k-grouping-dropclue,
42884
42902
  .k-grid-md .k-grouping-dropclue {
42885
42903
  height: calc(1em + 16px);
42886
42904
  }
42887
42905
 
42906
+ .k-grid .k-grid-md .k-hierarchy-cell,
42907
+ .k-grid .k-grid-md .k-drag-cell,
42888
42908
  .k-grid-md .k-hierarchy-cell,
42889
42909
  .k-grid-md .k-drag-cell {
42890
42910
  padding: 0;
42891
42911
  }
42892
42912
 
42913
+ .k-grid .k-grid-md .k-hierarchy-cell > .k-icon,
42914
+ .k-grid .k-grid-md .k-drag-cell > .k-icon,
42893
42915
  .k-grid-md .k-hierarchy-cell > .k-icon,
42894
42916
  .k-grid-md .k-drag-cell > .k-icon {
42895
42917
  padding-block: 8px;
42896
42918
  padding-inline: 0;
42897
42919
  }
42898
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,
42899
42925
  .k-grid-md .k-edit-cell,
42900
42926
  .k-grid-md .k-command-cell,
42901
42927
  .k-grid-md .k-grid-edit-row td,
@@ -42904,6 +42930,9 @@ div.k-grid-norecords {
42904
42930
  padding-inline: 12px;
42905
42931
  }
42906
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,
42907
42936
  .k-grid-md .k-filter-row td,
42908
42937
  .k-grid-md .k-filter-row .k-table-td,
42909
42938
  .k-grid-md .k-filter-row .k-table-th {
@@ -42911,16 +42940,20 @@ div.k-grid-norecords {
42911
42940
  padding-inline: 8px;
42912
42941
  }
42913
42942
 
42943
+ .k-grid .k-grid-md .k-filtercell > span,
42944
+ .k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper,
42914
42945
  .k-grid-md .k-filtercell > span,
42915
42946
  .k-grid-md .k-filtercell .k-filtercell-wrapper {
42916
42947
  gap: 4px;
42917
42948
  }
42918
42949
 
42950
+ .k-grid .k-grid-md .k-selection-aggregates,
42919
42951
  .k-grid-md .k-selection-aggregates {
42920
42952
  padding-block: 8px;
42921
42953
  padding-inline: 8px;
42922
42954
  }
42923
42955
 
42956
+ .k-grid .k-grid-md .k-resizer-wrap,
42924
42957
  .k-grid-md .k-resizer-wrap {
42925
42958
  display: block;
42926
42959
  width: 100%;