@progress/kendo-theme-fluent 6.8.0-dev.1 → 6.8.0-dev.2

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
@@ -39371,7 +39371,6 @@ textarea.k-input-inner {
39371
39371
  border-style: solid;
39372
39372
  border-color: transparent;
39373
39373
  box-sizing: border-box;
39374
- position: relative;
39375
39374
  color: inherit;
39376
39375
  background-color: transparent;
39377
39376
  font-family: var(--kendo-fab-font-family, var(--kendo-font-family, inherit));
@@ -44472,6 +44471,7 @@ kendo-card-footer {
44472
44471
  }
44473
44472
  .k-splitter .k-pane {
44474
44473
  overflow: hidden;
44474
+ box-sizing: border-box;
44475
44475
  }
44476
44476
  .k-splitter .k-scrollable {
44477
44477
  overflow: auto;
@@ -44700,6 +44700,246 @@ kendo-card-footer {
44700
44700
  background-color: var(--kendo-tile-layout-hint-bg, rgba(255, 255, 255, 0.2));
44701
44701
  }
44702
44702
 
44703
+ .k-dock-manager {
44704
+ width: 100%;
44705
+ height: 100%;
44706
+ border-width: var(--kendo-dock-manager-border-width, 1px);
44707
+ border-style: var(--kendo-dock-manager-border-style, solid);
44708
+ position: relative;
44709
+ display: flex;
44710
+ flex-flow: row nowrap;
44711
+ overflow: auto;
44712
+ box-sizing: border-box;
44713
+ }
44714
+
44715
+ .k-dock-manager-toolbar {
44716
+ border-width: 0 1px 0 0;
44717
+ border-color: inherit;
44718
+ flex-shrink: 0;
44719
+ -ms-writing-mode: tb-lr;
44720
+ writing-mode: vertical-lr;
44721
+ }
44722
+ .k-dock-manager-toolbar::before {
44723
+ height: 0;
44724
+ }
44725
+ .k-dock-manager-toolbar .k-separator-horizontal {
44726
+ width: 1.4285714286em;
44727
+ height: 0;
44728
+ border-width: var(--kendo-dock-manager-border-width, 1px) 0 0;
44729
+ }
44730
+ @supports (not (-ms-ime-mode: none)) and (not (overflow: -webkit-marquee)) and (not (-moz-appearance: none)) {
44731
+ .k-dock-manager-toolbar .k-toolbar-button {
44732
+ padding-block: var(--INTERNAL--kendo-button-padding-y, 0);
44733
+ padding-inline: var(--INTERNAL--kendo-button-padding-x, 0);
44734
+ }
44735
+ .k-dock-manager-toolbar .k-toolbar-button .k-button-text {
44736
+ -ms-writing-mode: tb-lr;
44737
+ writing-mode: vertical-lr;
44738
+ }
44739
+ }
44740
+
44741
+ .k-dock-manager-pane-container {
44742
+ width: 100%;
44743
+ height: 100%;
44744
+ display: flex;
44745
+ flex-grow: 1;
44746
+ overflow: hidden;
44747
+ }
44748
+
44749
+ .k-dock-manager-splitter,
44750
+ .k-dock-manager-unpinned-container {
44751
+ height: 100%;
44752
+ border-width: 0;
44753
+ align-items: stretch;
44754
+ }
44755
+ .k-dock-manager-splitter > .k-pane,
44756
+ .k-dock-manager-unpinned-container > .k-pane {
44757
+ height: auto;
44758
+ flex-direction: column;
44759
+ border-color: inherit;
44760
+ }
44761
+ .k-dock-manager-splitter .k-pane-header,
44762
+ .k-dock-manager-unpinned-container .k-pane-header {
44763
+ display: flex;
44764
+ align-items: center;
44765
+ justify-content: center;
44766
+ padding-block: var(--kendo-dock-manager-pane-header-padding-y, 0.25rem);
44767
+ padding-inline: var(--kendo-dock-manager-pane-header-padding-x, 1.5rem);
44768
+ border-block-end-width: var(--kendo-dock-manager-pane-header-border-width, 1px);
44769
+ border-block-end-style: var(--kendo-dock-manager-pane-header-border-style, solid);
44770
+ border-color: inherit;
44771
+ }
44772
+ .k-dock-manager-splitter .k-pane-title,
44773
+ .k-dock-manager-unpinned-container .k-pane-title {
44774
+ padding-block: var(--kendo-dock-manager-pane-title-padding-y, );
44775
+ padding-inline: var(--kendo-dock-manager-pane-title-padding-x, );
44776
+ font-family: var(--kendo-dock-manager-pane-title-font-family, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif);
44777
+ font-size: var(--kendo-dock-manager-pane-title-font-size, var(--kendo-font-size-lg, inherit));
44778
+ line-height: var(--kendo-dock-manager-pane-title-line-height, var(--kendo-line-height, normal));
44779
+ font-weight: var(--kendo-dock-manager-pane-title-font-weight, var(--kendo-font-weight, normal));
44780
+ flex: 1 1 auto;
44781
+ white-space: nowrap;
44782
+ text-overflow: ellipsis;
44783
+ overflow: hidden;
44784
+ }
44785
+ .k-dock-manager-splitter .k-pane-scrollable,
44786
+ .k-dock-manager-unpinned-container .k-pane-scrollable {
44787
+ height: 100%;
44788
+ display: flex;
44789
+ flex-direction: column;
44790
+ border-color: inherit;
44791
+ }
44792
+ .k-dock-manager-splitter .k-pane-content,
44793
+ .k-dock-manager-unpinned-container .k-pane-content {
44794
+ height: 100%;
44795
+ padding-block: var(--kendo-dock-manager-pane-content-padding-y, 0.75rem);
44796
+ padding-inline: var(--kendo-dock-manager-pane-content-padding-x, 0.75rem);
44797
+ overflow: auto;
44798
+ flex: 1;
44799
+ }
44800
+ .k-dock-manager-splitter .k-pane-actions,
44801
+ .k-dock-manager-unpinned-container .k-pane-actions {
44802
+ display: flex;
44803
+ flex-flow: row nowrap;
44804
+ align-items: center;
44805
+ justify-content: center;
44806
+ }
44807
+ .k-dock-manager-splitter .k-pane-tabbed,
44808
+ .k-dock-manager-unpinned-container .k-pane-tabbed {
44809
+ padding-block: var(--kendo-dock-manager-tabbed-pane-padding-y, );
44810
+ padding-inline: var(--kendo-dock-manager-tabbed-pane-padding-x, );
44811
+ }
44812
+ .k-dock-manager-splitter .k-splitbar,
44813
+ .k-dock-manager-unpinned-container .k-splitbar {
44814
+ border-width: 0 1px;
44815
+ border-style: solid;
44816
+ border-color: inherit;
44817
+ }
44818
+ .k-dock-manager-splitter .k-splitbar-vertical,
44819
+ .k-dock-manager-unpinned-container .k-splitbar-vertical {
44820
+ border-width: 1px 0;
44821
+ }
44822
+
44823
+ .k-dock-manager-unpinned-container {
44824
+ width: var(--kendo-dock-manager-unpinned-container-width, 300px);
44825
+ position: absolute;
44826
+ display: flex;
44827
+ height: 100%;
44828
+ border-color: inherit;
44829
+ z-index: 20;
44830
+ }
44831
+ .k-dock-manager-unpinned-container .k-pane {
44832
+ display: inline-flex;
44833
+ flex-direction: column;
44834
+ position: relative;
44835
+ flex: 1 1 auto;
44836
+ }
44837
+ .k-dock-manager-unpinned-container .k-splitbar {
44838
+ height: 100%;
44839
+ position: relative;
44840
+ flex: none;
44841
+ }
44842
+
44843
+ .k-docking-preview {
44844
+ display: flex;
44845
+ position: absolute;
44846
+ width: 100%;
44847
+ height: 100%;
44848
+ top: 0;
44849
+ left: 0;
44850
+ border-width: var(--kendo-dock-manager-dock-preview-border-width, 1px);
44851
+ border-style: var(--kendo-dock-manager-dock-preview-border-style, dashed);
44852
+ border-radius: var(--kendo-dock-manager-dock-preview-border-radius, var(--kendo-border-radius-md, 0));
44853
+ }
44854
+
44855
+ .k-dock-manager {
44856
+ border-color: var(--kendo-dock-manager-border, var(--kendo-component-border, inherit));
44857
+ }
44858
+
44859
+ .k-dock-manager-splitter .k-pane-header,
44860
+ .k-dock-manager-unpinned-container .k-pane-header {
44861
+ background-color: var(--kendo-dock-manager-pane-header-bg, var(--kendo-component-bg, inherit));
44862
+ }
44863
+ .k-dock-manager-splitter .k-pane-header > .k-pane-title,
44864
+ .k-dock-manager-unpinned-container .k-pane-header > .k-pane-title {
44865
+ color: var(--kendo-dock-manager-pane-header-text, var(--kendo-primary-100, inherit));
44866
+ }
44867
+
44868
+ .k-dock-manager-unpinned-container {
44869
+ background-color: var(--kendo-dock-manager-unpinned-container-bg, #ffffff);
44870
+ box-shadow: 25.6px 0px 57.6px 0px rgba(0, 0, 0, 0.22), 4.8px 0px 14.4px 0px rgba(0, 0, 0, 0.18);
44871
+ }
44872
+
44873
+ .k-docking-preview {
44874
+ background-color: var(--kendo-dock-manager-dock-preview-bg, color-mix(in srgb, var(--kendo-primary-100, inherit) 20%, transparent));
44875
+ border-color: var(--kendo-dock-manager-dock-preview-border, var(--kendo-primary-100, inherit));
44876
+ }
44877
+
44878
+ .k-dock-navigator-container {
44879
+ width: 100%;
44880
+ height: 100%;
44881
+ display: flex;
44882
+ flex-direction: column;
44883
+ align-items: center;
44884
+ position: absolute;
44885
+ z-index: 10001;
44886
+ pointer-events: none;
44887
+ }
44888
+
44889
+ .k-dock-navigator {
44890
+ display: grid;
44891
+ grid-template-columns: repeat(3, auto);
44892
+ grid-template-rows: repeat(3, auto);
44893
+ justify-content: center;
44894
+ position: absolute;
44895
+ }
44896
+
44897
+ .k-dock-indicator {
44898
+ padding: var(--kendo-dock-indicator-padding, 0.375rem);
44899
+ display: inline-flex;
44900
+ align-items: center;
44901
+ justify-content: center;
44902
+ box-sizing: border-box;
44903
+ position: relative;
44904
+ pointer-events: all;
44905
+ outline-width: var(--kendo-dock-indicator-outline-width, 1px);
44906
+ outline-style: var(--kendo-dock-indicator-outline-style, solid);
44907
+ }
44908
+ .k-dock-indicator.k-dock-indicator-middle {
44909
+ box-shadow: none;
44910
+ }
44911
+
44912
+ .k-dock-indicator-top {
44913
+ grid-area: 1/2/auto;
44914
+ }
44915
+
44916
+ .k-dock-indicator-right {
44917
+ grid-area: 2/3/auto;
44918
+ }
44919
+
44920
+ .k-dock-indicator-bottom {
44921
+ grid-area: 3/2/auto;
44922
+ }
44923
+
44924
+ .k-dock-indicator-left {
44925
+ grid-area: 2/1/auto;
44926
+ }
44927
+
44928
+ .k-dock-indicator-middle {
44929
+ grid-area: 2/2/auto;
44930
+ }
44931
+
44932
+ .k-dock-indicator {
44933
+ background-color: var(--kendo-dock-indicator-bg, #ffffff);
44934
+ color: var(--kendo-dock-indicator-text, var(--kendo-primary-100, inherit));
44935
+ outline-color: var(--kendo-dock-indicator-outline, var(--kendo-primary-100, inherit));
44936
+ box-shadow: var(--kendo-dock-indicator-shadow, 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 3px 5px -1px rgba(0, 0, 0, 0.2));
44937
+ }
44938
+ .k-dock-indicator:hover, .k-dock-indicator.k-hover {
44939
+ background-color: var(--kendo-dock-indicator-hover-bg, var(--kendo-primary-110, inherit));
44940
+ color: var(--kendo-dock-indicator-hover-text, #ffffff);
44941
+ }
44942
+
44703
44943
  .k-grid {
44704
44944
  border-width: var(--kendo-grid-border-width, 1px);
44705
44945
  border-style: var(--kendo-grid-border-style, solid);
@@ -52911,55 +53151,54 @@ kendo-scheduler .k-recurrence-editor {
52911
53151
  background: none;
52912
53152
  overflow: visible;
52913
53153
  }
52914
- .k-pdf-viewer .k-canvas {
53154
+
53155
+ .k-pdf-viewer-canvas {
52915
53156
  display: flex;
52916
53157
  flex-direction: column;
52917
53158
  flex: 1 1 auto;
52918
53159
  outline: none;
52919
53160
  }
52920
- .k-pdf-viewer .k-canvas .k-enable-text-select, .k-pdf-viewer .k-canvas.k-enable-text-select {
53161
+ .k-pdf-viewer-canvas.k-enable-text-select {
52921
53162
  -webkit-user-select: text;
52922
53163
  -ms-user-select: text;
52923
53164
  user-select: text;
52924
53165
  cursor: text;
52925
53166
  }
52926
- .k-pdf-viewer .k-canvas .k-enable-panning, .k-pdf-viewer .k-canvas.k-enable-panning {
53167
+ .k-pdf-viewer-canvas.k-enable-panning {
52927
53168
  cursor: grab;
52928
53169
  }
52929
- .k-pdf-viewer .k-canvas .k-enable-panning span::selection, .k-pdf-viewer .k-canvas.k-enable-panning span::selection {
53170
+ .k-pdf-viewer-canvas.k-enable-panning span::selection {
52930
53171
  background-color: transparent;
52931
53172
  }
52932
- .k-pdf-viewer .k-pdf-viewer-pages {
53173
+
53174
+ .k-pdf-viewer-pages {
52933
53175
  flex: 1 1 auto;
52934
53176
  }
52935
- .k-pdf-viewer .k-page {
53177
+ .k-pdf-viewer-pages .k-page {
52936
53178
  position: relative;
52937
53179
  margin-block: var(--kendo-pdf-viewer-page-spacing, 1.875rem);
52938
53180
  margin-inline: auto;
52939
53181
  }
52940
- .k-pdf-viewer .k-page canvas {
53182
+ .k-pdf-viewer-pages .k-page canvas {
52941
53183
  direction: ltr;
52942
53184
  }
52943
- .k-pdf-viewer .k-page .k-text-layer {
53185
+ .k-pdf-viewer-pages .k-page .k-text-layer {
52944
53186
  position: absolute;
52945
53187
  top: 0;
52946
53188
  left: 0;
52947
53189
  opacity: 0.2;
52948
53190
  overflow: hidden;
52949
53191
  }
52950
- .k-pdf-viewer .k-page .k-text-layer > span {
53192
+ .k-pdf-viewer-pages .k-page .k-text-layer > span {
52951
53193
  position: absolute;
52952
53194
  line-height: var(--kendo-pdf-viewer-selection-line-height, var(--kendo-line-height-sm, normal));
52953
53195
  transform-origin: 0% 0%;
52954
53196
  color: transparent;
52955
53197
  }
52956
- .k-pdf-viewer .k-page .k-text-layer mark {
53198
+ .k-pdf-viewer-pages .k-page .k-text-layer .k-search-highlight-mark {
52957
53199
  color: transparent;
52958
53200
  }
52959
- .k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark {
52960
- color: transparent;
52961
- }
52962
- .k-pdf-viewer .k-blank-page {
53201
+ .k-pdf-viewer-pages .k-blank-page {
52963
53202
  margin: 0;
52964
53203
  display: flex;
52965
53204
  flex-flow: column nowrap;
@@ -52969,53 +53208,46 @@ kendo-scheduler .k-recurrence-editor {
52969
53208
  justify-content: center;
52970
53209
  background-color: inherit !important;
52971
53210
  }
52972
- .k-pdf-viewer .k-blank-page .k-upload,
52973
- .k-pdf-viewer .k-blank-page .k-dropzone,
52974
- .k-pdf-viewer .k-blank-page .k-dropzone-inner {
53211
+ .k-pdf-viewer-pages .k-blank-page .k-upload,
53212
+ .k-pdf-viewer-pages .k-blank-page .k-dropzone,
53213
+ .k-pdf-viewer-pages .k-blank-page .k-dropzone-inner {
52975
53214
  border: 0;
52976
53215
  background: none;
52977
53216
  }
52978
53217
 
52979
- .k-pdf-viewer-search-dialog {
52980
- padding: 0 !important;
52981
- }
52982
-
52983
- .k-search-panel, .k-search-container {
52984
- padding-block: var(--kendo-pdf-viewer-search-dialog-padding-y, 0.75rem);
52985
- padding-inline: var(--kendo-pdf-viewer-search-dialog-padding-x, 0.75rem);
53218
+ .k-pdf-viewer-canvas > .k-search-panel {
53219
+ width: max-content;
53220
+ margin-block-start: var(--kendo-pdf-viewer-search-panel-margin-y, calc(var(--kendo-line-height, normal)*1em*-1 + -2.25rem + -4px));
53221
+ padding-block: var(--kendo-pdf-viewer-search-panel-padding-y, 0.75rem);
53222
+ padding-inline: var(--kendo-pdf-viewer-search-panel-padding-x, 0.75rem);
53223
+ border-width: var(--kendo-pdf-viewer-search-panel-border-width, 1px);
53224
+ border-style: solid;
53225
+ border-radius: var(--kendo-pdf-viewer-search-panel-border-radius, var(--kendo-border-radius-md, 0.125rem));
52986
53226
  display: flex;
52987
- gap: var(--kendo-pdf-viewer-search-dialog-spacing, 0.5rem);
53227
+ gap: var(--kendo-pdf-viewer-search-panel-spacing, 0.5rem);
52988
53228
  flex-flow: row nowrap;
52989
53229
  flex: 0 0 auto;
52990
53230
  justify-content: flex-start;
52991
53231
  align-items: center;
53232
+ z-index: 10;
53233
+ cursor: default;
52992
53234
  }
52993
- .k-search-panel .k-search-dialog-draghandle, .k-search-container .k-search-dialog-draghandle {
53235
+ .k-pdf-viewer-canvas > .k-search-panel .k-search-dialog-draghandle {
52994
53236
  cursor: move;
52995
53237
  margin-left: 0;
52996
53238
  }
52997
- .k-search-panel .k-textbox, .k-search-container .k-textbox {
53239
+ .k-pdf-viewer-canvas > .k-search-panel .k-textbox {
52998
53240
  width: 10em;
52999
53241
  flex: none;
53000
53242
  }
53001
- .k-search-panel .k-textbox .k-button, .k-search-container .k-textbox .k-button {
53243
+ .k-pdf-viewer-canvas > .k-search-panel .k-textbox .k-button {
53002
53244
  border-width: 0;
53003
53245
  }
53004
- .k-search-panel .k-search-matches, .k-search-container .k-search-matches {
53246
+ .k-pdf-viewer-canvas > .k-search-panel .k-search-matches {
53005
53247
  display: inline-flex;
53006
53248
  gap: var(--kendo-pdf-viewer-search-panel-matches-spacing, var(--kendo-icon-spacing, 0.5rem));
53007
53249
  }
53008
53250
 
53009
- .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
53010
- width: max-content;
53011
- margin-block-start: var(--kendo-pdf-viewer-search-panel-margin-y, calc(var(--kendo-line-height, normal)*1em*-1 + -2.25rem + -4px));
53012
- border-width: var(--kendo-pdf-viewer-search-panel-border-width, 1px);
53013
- border-style: solid;
53014
- border-radius: var(--kendo-pdf-viewer-search-panel-border-radius, var(--kendo-border-radius-md, 0.125rem));
53015
- z-index: 10;
53016
- cursor: default;
53017
- }
53018
-
53019
53251
  .k-pdf-viewer {
53020
53252
  border-color: var(--kendo-pdf-viewer-border, var(--kendo-component-border, initial));
53021
53253
  color: var(--kendo-pdf-viewer-text, var(--kendo-component-text, initial));
@@ -53043,7 +53275,7 @@ kendo-scheduler .k-recurrence-editor {
53043
53275
  background-color: var(--kendo-pdf-viewer-search-highlight-mark-bg, yellow);
53044
53276
  }
53045
53277
 
53046
- .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
53278
+ .k-pdf-viewer-canvas > .k-search-panel {
53047
53279
  border-color: var(--kendo-pdf-viewer-search-panel-border, var(--kendo-component-border, inherit));
53048
53280
  color: var(--kendo-pdf-viewer-search-panel-text, var(--kendo-component-text, inherit));
53049
53281
  background-color: var(--kendo-pdf-viewer-search-panel-bg, var(--kendo-component-bg, inherit));