@progress/kendo-theme-fluent 6.4.1-dev.1 → 6.5.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
@@ -29818,7 +29818,11 @@ hr.k-separator {
29818
29818
  }
29819
29819
 
29820
29820
  .k-icon-action {
29821
- padding: var(--kendo-icon-padding, 0);
29821
+ display: inline-flex;
29822
+ padding: var(--kendo-icon-padding, 0.25rem);
29823
+ line-height: 1;
29824
+ align-items: center;
29825
+ vertical-align: middle;
29822
29826
  cursor: pointer;
29823
29827
  }
29824
29828
 
@@ -30048,6 +30052,7 @@ hr.k-separator {
30048
30052
  }
30049
30053
 
30050
30054
  .k-list-item-text::before,
30055
+ .k-list-header-text::before,
30051
30056
  .k-list-optionlabel::before {
30052
30057
  content: "​";
30053
30058
  width: 0px;
@@ -31539,6 +31544,9 @@ kendo-badge-container {
31539
31544
  --INTERNAL-kendo-chip-font-size: var(--kendo-font-size, inherit);
31540
31545
  --INTERNAL-kendo-chip-line-height: var(--kendo-line-height, normal);
31541
31546
  }
31547
+ .k-chip-sm .k-chip-action {
31548
+ padding: 0.125rem;
31549
+ }
31542
31550
 
31543
31551
  .k-chip-md {
31544
31552
  --INTERNAL-kendo-chip-padding-x: 0.5rem;
@@ -31546,6 +31554,9 @@ kendo-badge-container {
31546
31554
  --INTERNAL-kendo-chip-font-size: var(--kendo-font-size, inherit);
31547
31555
  --INTERNAL-kendo-chip-line-height: var(--kendo-line-height, normal);
31548
31556
  }
31557
+ .k-chip-md .k-chip-action {
31558
+ padding: 0.25rem;
31559
+ }
31549
31560
 
31550
31561
  .k-chip-lg {
31551
31562
  --INTERNAL-kendo-chip-padding-x: 0.5rem;
@@ -31553,6 +31564,9 @@ kendo-badge-container {
31553
31564
  --INTERNAL-kendo-chip-font-size: var(--kendo-font-size, inherit);
31554
31565
  --INTERNAL-kendo-chip-line-height: var(--kendo-line-height, normal);
31555
31566
  }
31567
+ .k-chip-lg .k-chip-action {
31568
+ padding: 0.375rem;
31569
+ }
31556
31570
 
31557
31571
  .k-chip-list-sm {
31558
31572
  gap: 0.25rem;
@@ -38357,21 +38371,17 @@ textarea.k-input-inner {
38357
38371
  display: none;
38358
38372
  }
38359
38373
 
38360
- .k-popup-dropdowntree,
38361
- .k-dropdowntree-popup,
38362
- .k-multiselecttree-popup {
38363
- padding: 0;
38374
+ .k-popup-dropdowntree .k-treeview,
38375
+ .k-dropdowntree-popup .k-treeview,
38376
+ .k-multiselecttree-popup .k-treeview {
38377
+ padding-block: calc(var(--kendo-dropdowntree-popup-padding-y, 0.5rem)/2);
38378
+ padding-inline: calc(var(--kendo-dropdowntree-popup-padding-x, 0.5rem)/2);
38364
38379
  }
38365
38380
  .k-popup-dropdowntree .k-check-all,
38366
38381
  .k-dropdowntree-popup .k-check-all,
38367
38382
  .k-multiselecttree-popup .k-check-all {
38368
- padding: var(--kendo-dropdowntree-popup-padding-y, 0.5rem) var(--kendo-dropdowntree-popup-padding-x, 0.5rem) 0;
38369
- }
38370
- .k-popup-dropdowntree .k-treeview,
38371
- .k-dropdowntree-popup .k-treeview,
38372
- .k-multiselecttree-popup .k-treeview {
38373
- padding-inline: var(--kendo-dropdowntree-popup-padding-x, 0.5rem);
38374
38383
  padding-block: var(--kendo-dropdowntree-popup-padding-y, 0.5rem);
38384
+ padding-inline: var(--kendo-dropdowntree-popup-padding-x, 0.5rem);
38375
38385
  }
38376
38386
 
38377
38387
  .k-rating {
@@ -43086,14 +43096,14 @@ kendo-drawer .k-drawer-wrapper {
43086
43096
 
43087
43097
  .k-treeview-item {
43088
43098
  margin: 0;
43089
- padding-inline-start: var(--kendo-treeview-indent, 1rem);
43099
+ padding-inline-start: var(--kendo-treeview-indent, 1.5rem);
43090
43100
  border-width: 0;
43091
43101
  display: block;
43092
43102
  outline-style: none;
43093
43103
  }
43094
43104
 
43095
43105
  .k-treeview-toggle {
43096
- margin-inline-start: calc(var(--kendo-treeview-indent, 1rem)*-1);
43106
+ margin-inline-start: calc(var(--kendo-treeview-indent, 1.5rem)*-1);
43097
43107
  flex: none;
43098
43108
  display: inline-flex;
43099
43109
  flex-flow: row nowrap;
@@ -43101,14 +43111,19 @@ kendo-drawer .k-drawer-wrapper {
43101
43111
  cursor: pointer;
43102
43112
  }
43103
43113
 
43114
+ .k-treeview-toggle .k-icon,
43115
+ .k-treeview-toggle .k-svg-icon {
43116
+ padding: var(--kendo-icon-padding, 0.25rem);
43117
+ box-sizing: content-box;
43118
+ }
43119
+
43104
43120
  .k-treeview-loading {
43105
43121
  margin-inline-end: var(--kendo-icon-spacing, 0.5rem);
43106
43122
  }
43107
43123
 
43108
43124
  .k-treeview .k-checkbox-wrap,
43109
43125
  .k-treeview .k-checkbox-wrapper {
43110
- margin-inline-start: var(--kendo-icon-spacing, 0.5rem);
43111
- margin-inline-end: var(--kendo-icon-spacing, 0.5rem);
43126
+ padding: var(--kendo-treeview-checkbox-wrap-padding, 0.125rem);
43112
43127
  align-self: center;
43113
43128
  }
43114
43129
 
@@ -44345,6 +44360,7 @@ kendo-card-footer {
44345
44360
  .k-splitbar .k-collapse-prev,
44346
44361
  .k-splitbar .k-collapse-next {
44347
44362
  cursor: pointer;
44363
+ padding: var(--kendo-splitter-collapse-icon-padding-y, 0.125rem) var(--kendo-splitter-collapse-icon-padding-x, );
44348
44364
  }
44349
44365
 
44350
44366
  .k-splitbar-draggable-horizontal {
@@ -48168,6 +48184,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48168
48184
  margin-inline: 0.5em;
48169
48185
  }
48170
48186
 
48187
+ .k-treelist-toggle {
48188
+ margin-block: calc(var(--kendo-icon-padding)*-1);
48189
+ padding: var(--kendo-icon-padding, 0.25rem);
48190
+ cursor: pointer;
48191
+ }
48192
+
48171
48193
  .k-treelist tr.k-footer,
48172
48194
  .k-treelist tr.k-group-footer td,
48173
48195
  .k-treelist tr.k-footer-template,
@@ -50408,6 +50430,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
50408
50430
  .k-scheduler th,
50409
50431
  .k-scheduler td,
50410
50432
  .k-scheduler div,
50433
+ .k-scheduler .k-scheduler-edit-dialog,
50411
50434
  .k-scheduler > * {
50412
50435
  border-color: inherit;
50413
50436
  }
@@ -18178,8 +18178,8 @@
18178
18178
  {
18179
18179
  "description": "The horizontal padding of the DropdownTree popup\n",
18180
18180
  "commentRange": {
18181
- "start": 4,
18182
- "end": 5
18181
+ "start": 5,
18182
+ "end": 6
18183
18183
  },
18184
18184
  "context": {
18185
18185
  "type": "variable",
@@ -18187,8 +18187,8 @@
18187
18187
  "value": "$kendo-popup-content-padding-x",
18188
18188
  "scope": "default",
18189
18189
  "line": {
18190
- "start": 6,
18191
- "end": 6
18190
+ "start": 7,
18191
+ "end": 7
18192
18192
  }
18193
18193
  },
18194
18194
  "group": [
@@ -18203,8 +18203,8 @@
18203
18203
  {
18204
18204
  "description": "The vertical padding of the DropdownTree popup\n",
18205
18205
  "commentRange": {
18206
- "start": 7,
18207
- "end": 8
18206
+ "start": 8,
18207
+ "end": 9
18208
18208
  },
18209
18209
  "context": {
18210
18210
  "type": "variable",
@@ -18212,8 +18212,33 @@
18212
18212
  "value": "$kendo-popup-content-padding-y",
18213
18213
  "scope": "default",
18214
18214
  "line": {
18215
- "start": 9,
18216
- "end": 9
18215
+ "start": 10,
18216
+ "end": 10
18217
+ }
18218
+ },
18219
+ "group": [
18220
+ "dropdowntree"
18221
+ ],
18222
+ "access": "public",
18223
+ "file": {
18224
+ "path": "dropdowntree/_variables.scss",
18225
+ "name": "_variables.scss"
18226
+ }
18227
+ },
18228
+ {
18229
+ "description": "The padding of the check-all CheckBox inside the DropDownTree popup\n",
18230
+ "commentRange": {
18231
+ "start": 12,
18232
+ "end": 13
18233
+ },
18234
+ "context": {
18235
+ "type": "variable",
18236
+ "name": "kendo-dropdowntree-check-all-padding",
18237
+ "value": "map.get( $kendo-spacing, 1 )",
18238
+ "scope": "default",
18239
+ "line": {
18240
+ "start": 14,
18241
+ "end": 14
18217
18242
  }
18218
18243
  },
18219
18244
  "group": [
@@ -54701,15 +54726,15 @@
54701
54726
  }
54702
54727
  },
54703
54728
  {
54704
- "description": "Background color of the splitter splitbar.\n",
54729
+ "description": "Horizontal padding of the collapse icon in the splitter.\n",
54705
54730
  "commentRange": {
54706
54731
  "start": 40,
54707
54732
  "end": 41
54708
54733
  },
54709
54734
  "context": {
54710
54735
  "type": "variable",
54711
- "name": "kendo-splitbar-bg",
54712
- "value": "get-theme-color-var( neutral-10 )",
54736
+ "name": "kendo-splitter-collapse-icon-padding-x",
54737
+ "value": "null",
54713
54738
  "scope": "default",
54714
54739
  "line": {
54715
54740
  "start": 42,
@@ -54726,15 +54751,15 @@
54726
54751
  }
54727
54752
  },
54728
54753
  {
54729
- "description": "Text color of the splitter splitbar.\n",
54754
+ "description": "Vertical padding of the collapse icon in the splitter.\n",
54730
54755
  "commentRange": {
54731
54756
  "start": 43,
54732
54757
  "end": 44
54733
54758
  },
54734
54759
  "context": {
54735
54760
  "type": "variable",
54736
- "name": "kendo-splitbar-text",
54737
- "value": "var( --kendo-component-text, initial )",
54761
+ "name": "kendo-splitter-collapse-icon-padding-y",
54762
+ "value": "map.get( $kendo-spacing, .5 )",
54738
54763
  "scope": "default",
54739
54764
  "line": {
54740
54765
  "start": 45,
@@ -54751,15 +54776,15 @@
54751
54776
  }
54752
54777
  },
54753
54778
  {
54754
- "description": "Hover background color of the splitter splitbar.\n",
54779
+ "description": "Background color of the splitter splitbar.\n",
54755
54780
  "commentRange": {
54756
54781
  "start": 47,
54757
54782
  "end": 48
54758
54783
  },
54759
54784
  "context": {
54760
54785
  "type": "variable",
54761
- "name": "kendo-splitbar-hover-bg",
54762
- "value": "get-theme-color-var( neutral-20 )",
54786
+ "name": "kendo-splitbar-bg",
54787
+ "value": "get-theme-color-var( neutral-10 )",
54763
54788
  "scope": "default",
54764
54789
  "line": {
54765
54790
  "start": 49,
@@ -54776,15 +54801,15 @@
54776
54801
  }
54777
54802
  },
54778
54803
  {
54779
- "description": "Hover text color of the splitter splitbar.\n",
54804
+ "description": "Text color of the splitter splitbar.\n",
54780
54805
  "commentRange": {
54781
54806
  "start": 50,
54782
54807
  "end": 51
54783
54808
  },
54784
54809
  "context": {
54785
54810
  "type": "variable",
54786
- "name": "kendo-splitbar-hover-text",
54787
- "value": "$kendo-splitbar-text",
54811
+ "name": "kendo-splitbar-text",
54812
+ "value": "var( --kendo-component-text, initial )",
54788
54813
  "scope": "default",
54789
54814
  "line": {
54790
54815
  "start": 52,
@@ -54801,15 +54826,15 @@
54801
54826
  }
54802
54827
  },
54803
54828
  {
54804
- "description": "Selected background color of the splitter splitbar.\n",
54829
+ "description": "Hover background color of the splitter splitbar.\n",
54805
54830
  "commentRange": {
54806
54831
  "start": 54,
54807
54832
  "end": 55
54808
54833
  },
54809
54834
  "context": {
54810
54835
  "type": "variable",
54811
- "name": "kendo-splitbar-selected-bg",
54812
- "value": "get-theme-color-var( primary-100 )",
54836
+ "name": "kendo-splitbar-hover-bg",
54837
+ "value": "get-theme-color-var( neutral-20 )",
54813
54838
  "scope": "default",
54814
54839
  "line": {
54815
54840
  "start": 56,
@@ -54826,15 +54851,15 @@
54826
54851
  }
54827
54852
  },
54828
54853
  {
54829
- "description": "Selected text color of the splitter splitbar.\n",
54854
+ "description": "Hover text color of the splitter splitbar.\n",
54830
54855
  "commentRange": {
54831
54856
  "start": 57,
54832
54857
  "end": 58
54833
54858
  },
54834
54859
  "context": {
54835
54860
  "type": "variable",
54836
- "name": "kendo-splitbar-selected-text",
54837
- "value": "var( --kendo-component-bg, inherit )",
54861
+ "name": "kendo-splitbar-hover-text",
54862
+ "value": "$kendo-splitbar-text",
54838
54863
  "scope": "default",
54839
54864
  "line": {
54840
54865
  "start": 59,
@@ -54851,15 +54876,15 @@
54851
54876
  }
54852
54877
  },
54853
54878
  {
54854
- "description": "Size of the splitter static splitbar.\n",
54879
+ "description": "Selected background color of the splitter splitbar.\n",
54855
54880
  "commentRange": {
54856
54881
  "start": 61,
54857
54882
  "end": 62
54858
54883
  },
54859
54884
  "context": {
54860
54885
  "type": "variable",
54861
- "name": "kendo-splitter-splitbar-static-size",
54862
- "value": "map.get( $kendo-spacing, 0.5 )",
54886
+ "name": "kendo-splitbar-selected-bg",
54887
+ "value": "get-theme-color-var( primary-100 )",
54863
54888
  "scope": "default",
54864
54889
  "line": {
54865
54890
  "start": 63,
@@ -54875,6 +54900,56 @@
54875
54900
  "name": "_variables.scss"
54876
54901
  }
54877
54902
  },
54903
+ {
54904
+ "description": "Selected text color of the splitter splitbar.\n",
54905
+ "commentRange": {
54906
+ "start": 64,
54907
+ "end": 65
54908
+ },
54909
+ "context": {
54910
+ "type": "variable",
54911
+ "name": "kendo-splitbar-selected-text",
54912
+ "value": "var( --kendo-component-bg, inherit )",
54913
+ "scope": "default",
54914
+ "line": {
54915
+ "start": 66,
54916
+ "end": 66
54917
+ }
54918
+ },
54919
+ "group": [
54920
+ "splitter"
54921
+ ],
54922
+ "access": "public",
54923
+ "file": {
54924
+ "path": "splitter/_variables.scss",
54925
+ "name": "_variables.scss"
54926
+ }
54927
+ },
54928
+ {
54929
+ "description": "Size of the splitter static splitbar.\n",
54930
+ "commentRange": {
54931
+ "start": 68,
54932
+ "end": 69
54933
+ },
54934
+ "context": {
54935
+ "type": "variable",
54936
+ "name": "kendo-splitter-splitbar-static-size",
54937
+ "value": "map.get( $kendo-spacing, 0.5 )",
54938
+ "scope": "default",
54939
+ "line": {
54940
+ "start": 70,
54941
+ "end": 70
54942
+ }
54943
+ },
54944
+ "group": [
54945
+ "splitter"
54946
+ ],
54947
+ "access": "public",
54948
+ "file": {
54949
+ "path": "splitter/_variables.scss",
54950
+ "name": "_variables.scss"
54951
+ }
54952
+ },
54878
54953
  {
54879
54954
  "description": "Width of the border around the spreadsheet.\n",
54880
54955
  "commentRange": {
@@ -66384,7 +66459,7 @@
66384
66459
  "context": {
66385
66460
  "type": "variable",
66386
66461
  "name": "kendo-treeview-indent",
66387
- "value": "map.get( $kendo-spacing, 4 )",
66462
+ "value": "map.get( $kendo-spacing, 6 )",
66388
66463
  "scope": "default",
66389
66464
  "line": {
66390
66465
  "start": 27,
@@ -67400,6 +67475,31 @@
67400
67475
  "name": "_variables.scss"
67401
67476
  }
67402
67477
  },
67478
+ {
67479
+ "description": "The padding of the checkbox wrapper in the TreeView.\n",
67480
+ "commentRange": {
67481
+ "start": 182,
67482
+ "end": 183
67483
+ },
67484
+ "context": {
67485
+ "type": "variable",
67486
+ "name": "kendo-treeview-checkbox-wrap-padding",
67487
+ "value": "map.get( $kendo-spacing, .5 )",
67488
+ "scope": "default",
67489
+ "line": {
67490
+ "start": 184,
67491
+ "end": 184
67492
+ }
67493
+ },
67494
+ "group": [
67495
+ "treeview"
67496
+ ],
67497
+ "access": "public",
67498
+ "file": {
67499
+ "path": "treeview/_variables.scss",
67500
+ "name": "_variables.scss"
67501
+ }
67502
+ },
67403
67503
  {
67404
67504
  "description": "Global typography styles for the Kendo Default theme.\n",
67405
67505
  "commentRange": {
@@ -88961,8 +89061,8 @@
88961
89061
  {
88962
89062
  "description": "The horizontal padding of the DropdownTree popup\n",
88963
89063
  "commentRange": {
88964
- "start": 4,
88965
- "end": 5
89064
+ "start": 5,
89065
+ "end": 6
88966
89066
  },
88967
89067
  "context": {
88968
89068
  "type": "variable",
@@ -88970,8 +89070,8 @@
88970
89070
  "value": "$kendo-popup-content-padding-x",
88971
89071
  "scope": "default",
88972
89072
  "line": {
88973
- "start": 6,
88974
- "end": 6
89073
+ "start": 7,
89074
+ "end": 7
88975
89075
  }
88976
89076
  },
88977
89077
  "group": [
@@ -88986,8 +89086,8 @@
88986
89086
  {
88987
89087
  "description": "The vertical padding of the DropdownTree popup\n",
88988
89088
  "commentRange": {
88989
- "start": 7,
88990
- "end": 8
89089
+ "start": 8,
89090
+ "end": 9
88991
89091
  },
88992
89092
  "context": {
88993
89093
  "type": "variable",
@@ -88995,8 +89095,33 @@
88995
89095
  "value": "$kendo-popup-content-padding-y",
88996
89096
  "scope": "default",
88997
89097
  "line": {
88998
- "start": 9,
88999
- "end": 9
89098
+ "start": 10,
89099
+ "end": 10
89100
+ }
89101
+ },
89102
+ "group": [
89103
+ "dropdowntree"
89104
+ ],
89105
+ "access": "public",
89106
+ "file": {
89107
+ "path": "dropdowntree/_variables.scss",
89108
+ "name": "_variables.scss"
89109
+ }
89110
+ },
89111
+ {
89112
+ "description": "The padding of the check-all CheckBox inside the DropDownTree popup\n",
89113
+ "commentRange": {
89114
+ "start": 12,
89115
+ "end": 13
89116
+ },
89117
+ "context": {
89118
+ "type": "variable",
89119
+ "name": "kendo-dropdowntree-check-all-padding",
89120
+ "value": "map.get( $kendo-spacing, 1 )",
89121
+ "scope": "default",
89122
+ "line": {
89123
+ "start": 14,
89124
+ "end": 14
89000
89125
  }
89001
89126
  },
89002
89127
  "group": [
@@ -125742,15 +125867,15 @@
125742
125867
  }
125743
125868
  },
125744
125869
  {
125745
- "description": "Background color of the splitter splitbar.\n",
125870
+ "description": "Horizontal padding of the collapse icon in the splitter.\n",
125746
125871
  "commentRange": {
125747
125872
  "start": 40,
125748
125873
  "end": 41
125749
125874
  },
125750
125875
  "context": {
125751
125876
  "type": "variable",
125752
- "name": "kendo-splitbar-bg",
125753
- "value": "get-theme-color-var( neutral-10 )",
125877
+ "name": "kendo-splitter-collapse-icon-padding-x",
125878
+ "value": "null",
125754
125879
  "scope": "default",
125755
125880
  "line": {
125756
125881
  "start": 42,
@@ -125767,15 +125892,15 @@
125767
125892
  }
125768
125893
  },
125769
125894
  {
125770
- "description": "Text color of the splitter splitbar.\n",
125895
+ "description": "Vertical padding of the collapse icon in the splitter.\n",
125771
125896
  "commentRange": {
125772
125897
  "start": 43,
125773
125898
  "end": 44
125774
125899
  },
125775
125900
  "context": {
125776
125901
  "type": "variable",
125777
- "name": "kendo-splitbar-text",
125778
- "value": "var( --kendo-component-text, initial )",
125902
+ "name": "kendo-splitter-collapse-icon-padding-y",
125903
+ "value": "map.get( $kendo-spacing, .5 )",
125779
125904
  "scope": "default",
125780
125905
  "line": {
125781
125906
  "start": 45,
@@ -125792,15 +125917,15 @@
125792
125917
  }
125793
125918
  },
125794
125919
  {
125795
- "description": "Hover background color of the splitter splitbar.\n",
125920
+ "description": "Background color of the splitter splitbar.\n",
125796
125921
  "commentRange": {
125797
125922
  "start": 47,
125798
125923
  "end": 48
125799
125924
  },
125800
125925
  "context": {
125801
125926
  "type": "variable",
125802
- "name": "kendo-splitbar-hover-bg",
125803
- "value": "get-theme-color-var( neutral-20 )",
125927
+ "name": "kendo-splitbar-bg",
125928
+ "value": "get-theme-color-var( neutral-10 )",
125804
125929
  "scope": "default",
125805
125930
  "line": {
125806
125931
  "start": 49,
@@ -125817,15 +125942,15 @@
125817
125942
  }
125818
125943
  },
125819
125944
  {
125820
- "description": "Hover text color of the splitter splitbar.\n",
125945
+ "description": "Text color of the splitter splitbar.\n",
125821
125946
  "commentRange": {
125822
125947
  "start": 50,
125823
125948
  "end": 51
125824
125949
  },
125825
125950
  "context": {
125826
125951
  "type": "variable",
125827
- "name": "kendo-splitbar-hover-text",
125828
- "value": "$kendo-splitbar-text",
125952
+ "name": "kendo-splitbar-text",
125953
+ "value": "var( --kendo-component-text, initial )",
125829
125954
  "scope": "default",
125830
125955
  "line": {
125831
125956
  "start": 52,
@@ -125842,15 +125967,15 @@
125842
125967
  }
125843
125968
  },
125844
125969
  {
125845
- "description": "Selected background color of the splitter splitbar.\n",
125970
+ "description": "Hover background color of the splitter splitbar.\n",
125846
125971
  "commentRange": {
125847
125972
  "start": 54,
125848
125973
  "end": 55
125849
125974
  },
125850
125975
  "context": {
125851
125976
  "type": "variable",
125852
- "name": "kendo-splitbar-selected-bg",
125853
- "value": "get-theme-color-var( primary-100 )",
125977
+ "name": "kendo-splitbar-hover-bg",
125978
+ "value": "get-theme-color-var( neutral-20 )",
125854
125979
  "scope": "default",
125855
125980
  "line": {
125856
125981
  "start": 56,
@@ -125867,15 +125992,15 @@
125867
125992
  }
125868
125993
  },
125869
125994
  {
125870
- "description": "Selected text color of the splitter splitbar.\n",
125995
+ "description": "Hover text color of the splitter splitbar.\n",
125871
125996
  "commentRange": {
125872
125997
  "start": 57,
125873
125998
  "end": 58
125874
125999
  },
125875
126000
  "context": {
125876
126001
  "type": "variable",
125877
- "name": "kendo-splitbar-selected-text",
125878
- "value": "var( --kendo-component-bg, inherit )",
126002
+ "name": "kendo-splitbar-hover-text",
126003
+ "value": "$kendo-splitbar-text",
125879
126004
  "scope": "default",
125880
126005
  "line": {
125881
126006
  "start": 59,
@@ -125892,15 +126017,15 @@
125892
126017
  }
125893
126018
  },
125894
126019
  {
125895
- "description": "Size of the splitter static splitbar.\n",
126020
+ "description": "Selected background color of the splitter splitbar.\n",
125896
126021
  "commentRange": {
125897
126022
  "start": 61,
125898
126023
  "end": 62
125899
126024
  },
125900
126025
  "context": {
125901
126026
  "type": "variable",
125902
- "name": "kendo-splitter-splitbar-static-size",
125903
- "value": "map.get( $kendo-spacing, 0.5 )",
126027
+ "name": "kendo-splitbar-selected-bg",
126028
+ "value": "get-theme-color-var( primary-100 )",
125904
126029
  "scope": "default",
125905
126030
  "line": {
125906
126031
  "start": 63,
@@ -125915,6 +126040,56 @@
125915
126040
  "path": "splitter/_variables.scss",
125916
126041
  "name": "_variables.scss"
125917
126042
  }
126043
+ },
126044
+ {
126045
+ "description": "Selected text color of the splitter splitbar.\n",
126046
+ "commentRange": {
126047
+ "start": 64,
126048
+ "end": 65
126049
+ },
126050
+ "context": {
126051
+ "type": "variable",
126052
+ "name": "kendo-splitbar-selected-text",
126053
+ "value": "var( --kendo-component-bg, inherit )",
126054
+ "scope": "default",
126055
+ "line": {
126056
+ "start": 66,
126057
+ "end": 66
126058
+ }
126059
+ },
126060
+ "group": [
126061
+ "splitter"
126062
+ ],
126063
+ "access": "public",
126064
+ "file": {
126065
+ "path": "splitter/_variables.scss",
126066
+ "name": "_variables.scss"
126067
+ }
126068
+ },
126069
+ {
126070
+ "description": "Size of the splitter static splitbar.\n",
126071
+ "commentRange": {
126072
+ "start": 68,
126073
+ "end": 69
126074
+ },
126075
+ "context": {
126076
+ "type": "variable",
126077
+ "name": "kendo-splitter-splitbar-static-size",
126078
+ "value": "map.get( $kendo-spacing, 0.5 )",
126079
+ "scope": "default",
126080
+ "line": {
126081
+ "start": 70,
126082
+ "end": 70
126083
+ }
126084
+ },
126085
+ "group": [
126086
+ "splitter"
126087
+ ],
126088
+ "access": "public",
126089
+ "file": {
126090
+ "path": "splitter/_variables.scss",
126091
+ "name": "_variables.scss"
126092
+ }
125918
126093
  }
125919
126094
  ]
125920
126095
  },
@@ -137503,7 +137678,7 @@
137503
137678
  "context": {
137504
137679
  "type": "variable",
137505
137680
  "name": "kendo-treeview-indent",
137506
- "value": "map.get( $kendo-spacing, 4 )",
137681
+ "value": "map.get( $kendo-spacing, 6 )",
137507
137682
  "scope": "default",
137508
137683
  "line": {
137509
137684
  "start": 27,
@@ -138518,6 +138693,31 @@
138518
138693
  "path": "treeview/_variables.scss",
138519
138694
  "name": "_variables.scss"
138520
138695
  }
138696
+ },
138697
+ {
138698
+ "description": "The padding of the checkbox wrapper in the TreeView.\n",
138699
+ "commentRange": {
138700
+ "start": 182,
138701
+ "end": 183
138702
+ },
138703
+ "context": {
138704
+ "type": "variable",
138705
+ "name": "kendo-treeview-checkbox-wrap-padding",
138706
+ "value": "map.get( $kendo-spacing, .5 )",
138707
+ "scope": "default",
138708
+ "line": {
138709
+ "start": 184,
138710
+ "end": 184
138711
+ }
138712
+ },
138713
+ "group": [
138714
+ "treeview"
138715
+ ],
138716
+ "access": "public",
138717
+ "file": {
138718
+ "path": "treeview/_variables.scss",
138719
+ "name": "_variables.scss"
138720
+ }
138521
138721
  }
138522
138722
  ]
138523
138723
  },
@@ -18177,8 +18177,8 @@
18177
18177
  {
18178
18178
  "description": "The horizontal padding of the DropdownTree popup\n",
18179
18179
  "commentRange": {
18180
- "start": 4,
18181
- "end": 5
18180
+ "start": 5,
18181
+ "end": 6
18182
18182
  },
18183
18183
  "context": {
18184
18184
  "type": "variable",
@@ -18186,8 +18186,8 @@
18186
18186
  "value": "$kendo-popup-content-padding-x",
18187
18187
  "scope": "default",
18188
18188
  "line": {
18189
- "start": 6,
18190
- "end": 6
18189
+ "start": 7,
18190
+ "end": 7
18191
18191
  }
18192
18192
  },
18193
18193
  "group": [
@@ -18202,8 +18202,8 @@
18202
18202
  {
18203
18203
  "description": "The vertical padding of the DropdownTree popup\n",
18204
18204
  "commentRange": {
18205
- "start": 7,
18206
- "end": 8
18205
+ "start": 8,
18206
+ "end": 9
18207
18207
  },
18208
18208
  "context": {
18209
18209
  "type": "variable",
@@ -18211,8 +18211,33 @@
18211
18211
  "value": "$kendo-popup-content-padding-y",
18212
18212
  "scope": "default",
18213
18213
  "line": {
18214
- "start": 9,
18215
- "end": 9
18214
+ "start": 10,
18215
+ "end": 10
18216
+ }
18217
+ },
18218
+ "group": [
18219
+ "dropdowntree"
18220
+ ],
18221
+ "access": "public",
18222
+ "file": {
18223
+ "path": "dropdowntree/_variables.scss",
18224
+ "name": "_variables.scss"
18225
+ }
18226
+ },
18227
+ {
18228
+ "description": "The padding of the check-all CheckBox inside the DropDownTree popup\n",
18229
+ "commentRange": {
18230
+ "start": 12,
18231
+ "end": 13
18232
+ },
18233
+ "context": {
18234
+ "type": "variable",
18235
+ "name": "kendo-dropdowntree-check-all-padding",
18236
+ "value": "map.get( $kendo-spacing, 1 )",
18237
+ "scope": "default",
18238
+ "line": {
18239
+ "start": 14,
18240
+ "end": 14
18216
18241
  }
18217
18242
  },
18218
18243
  "group": [
@@ -54772,15 +54797,15 @@
54772
54797
  }
54773
54798
  },
54774
54799
  {
54775
- "description": "Background color of the splitter splitbar.\n",
54800
+ "description": "Horizontal padding of the collapse icon in the splitter.\n",
54776
54801
  "commentRange": {
54777
54802
  "start": 40,
54778
54803
  "end": 41
54779
54804
  },
54780
54805
  "context": {
54781
54806
  "type": "variable",
54782
- "name": "kendo-splitbar-bg",
54783
- "value": "get-theme-color-var( neutral-10 )",
54807
+ "name": "kendo-splitter-collapse-icon-padding-x",
54808
+ "value": "null",
54784
54809
  "scope": "default",
54785
54810
  "line": {
54786
54811
  "start": 42,
@@ -54797,15 +54822,15 @@
54797
54822
  }
54798
54823
  },
54799
54824
  {
54800
- "description": "Text color of the splitter splitbar.\n",
54825
+ "description": "Vertical padding of the collapse icon in the splitter.\n",
54801
54826
  "commentRange": {
54802
54827
  "start": 43,
54803
54828
  "end": 44
54804
54829
  },
54805
54830
  "context": {
54806
54831
  "type": "variable",
54807
- "name": "kendo-splitbar-text",
54808
- "value": "var( --kendo-component-text, initial )",
54832
+ "name": "kendo-splitter-collapse-icon-padding-y",
54833
+ "value": "map.get( $kendo-spacing, .5 )",
54809
54834
  "scope": "default",
54810
54835
  "line": {
54811
54836
  "start": 45,
@@ -54822,15 +54847,15 @@
54822
54847
  }
54823
54848
  },
54824
54849
  {
54825
- "description": "Hover background color of the splitter splitbar.\n",
54850
+ "description": "Background color of the splitter splitbar.\n",
54826
54851
  "commentRange": {
54827
54852
  "start": 47,
54828
54853
  "end": 48
54829
54854
  },
54830
54855
  "context": {
54831
54856
  "type": "variable",
54832
- "name": "kendo-splitbar-hover-bg",
54833
- "value": "get-theme-color-var( neutral-20 )",
54857
+ "name": "kendo-splitbar-bg",
54858
+ "value": "get-theme-color-var( neutral-10 )",
54834
54859
  "scope": "default",
54835
54860
  "line": {
54836
54861
  "start": 49,
@@ -54847,15 +54872,15 @@
54847
54872
  }
54848
54873
  },
54849
54874
  {
54850
- "description": "Hover text color of the splitter splitbar.\n",
54875
+ "description": "Text color of the splitter splitbar.\n",
54851
54876
  "commentRange": {
54852
54877
  "start": 50,
54853
54878
  "end": 51
54854
54879
  },
54855
54880
  "context": {
54856
54881
  "type": "variable",
54857
- "name": "kendo-splitbar-hover-text",
54858
- "value": "$kendo-splitbar-text",
54882
+ "name": "kendo-splitbar-text",
54883
+ "value": "var( --kendo-component-text, initial )",
54859
54884
  "scope": "default",
54860
54885
  "line": {
54861
54886
  "start": 52,
@@ -54872,15 +54897,15 @@
54872
54897
  }
54873
54898
  },
54874
54899
  {
54875
- "description": "Selected background color of the splitter splitbar.\n",
54900
+ "description": "Hover background color of the splitter splitbar.\n",
54876
54901
  "commentRange": {
54877
54902
  "start": 54,
54878
54903
  "end": 55
54879
54904
  },
54880
54905
  "context": {
54881
54906
  "type": "variable",
54882
- "name": "kendo-splitbar-selected-bg",
54883
- "value": "get-theme-color-var( primary-100 )",
54907
+ "name": "kendo-splitbar-hover-bg",
54908
+ "value": "get-theme-color-var( neutral-20 )",
54884
54909
  "scope": "default",
54885
54910
  "line": {
54886
54911
  "start": 56,
@@ -54897,15 +54922,15 @@
54897
54922
  }
54898
54923
  },
54899
54924
  {
54900
- "description": "Selected text color of the splitter splitbar.\n",
54925
+ "description": "Hover text color of the splitter splitbar.\n",
54901
54926
  "commentRange": {
54902
54927
  "start": 57,
54903
54928
  "end": 58
54904
54929
  },
54905
54930
  "context": {
54906
54931
  "type": "variable",
54907
- "name": "kendo-splitbar-selected-text",
54908
- "value": "var( --kendo-component-bg, inherit )",
54932
+ "name": "kendo-splitbar-hover-text",
54933
+ "value": "$kendo-splitbar-text",
54909
54934
  "scope": "default",
54910
54935
  "line": {
54911
54936
  "start": 59,
@@ -54922,15 +54947,15 @@
54922
54947
  }
54923
54948
  },
54924
54949
  {
54925
- "description": "Size of the splitter static splitbar.\n",
54950
+ "description": "Selected background color of the splitter splitbar.\n",
54926
54951
  "commentRange": {
54927
54952
  "start": 61,
54928
54953
  "end": 62
54929
54954
  },
54930
54955
  "context": {
54931
54956
  "type": "variable",
54932
- "name": "kendo-splitter-splitbar-static-size",
54933
- "value": "map.get( $kendo-spacing, 0.5 )",
54957
+ "name": "kendo-splitbar-selected-bg",
54958
+ "value": "get-theme-color-var( primary-100 )",
54934
54959
  "scope": "default",
54935
54960
  "line": {
54936
54961
  "start": 63,
@@ -54946,6 +54971,56 @@
54946
54971
  "name": "_variables.scss"
54947
54972
  }
54948
54973
  },
54974
+ {
54975
+ "description": "Selected text color of the splitter splitbar.\n",
54976
+ "commentRange": {
54977
+ "start": 64,
54978
+ "end": 65
54979
+ },
54980
+ "context": {
54981
+ "type": "variable",
54982
+ "name": "kendo-splitbar-selected-text",
54983
+ "value": "var( --kendo-component-bg, inherit )",
54984
+ "scope": "default",
54985
+ "line": {
54986
+ "start": 66,
54987
+ "end": 66
54988
+ }
54989
+ },
54990
+ "group": [
54991
+ "splitter"
54992
+ ],
54993
+ "access": "public",
54994
+ "file": {
54995
+ "path": "splitter/_variables.scss",
54996
+ "name": "_variables.scss"
54997
+ }
54998
+ },
54999
+ {
55000
+ "description": "Size of the splitter static splitbar.\n",
55001
+ "commentRange": {
55002
+ "start": 68,
55003
+ "end": 69
55004
+ },
55005
+ "context": {
55006
+ "type": "variable",
55007
+ "name": "kendo-splitter-splitbar-static-size",
55008
+ "value": "map.get( $kendo-spacing, 0.5 )",
55009
+ "scope": "default",
55010
+ "line": {
55011
+ "start": 70,
55012
+ "end": 70
55013
+ }
55014
+ },
55015
+ "group": [
55016
+ "splitter"
55017
+ ],
55018
+ "access": "public",
55019
+ "file": {
55020
+ "path": "splitter/_variables.scss",
55021
+ "name": "_variables.scss"
55022
+ }
55023
+ },
54949
55024
  {
54950
55025
  "description": "Width of the border around the spreadsheet.\n",
54951
55026
  "commentRange": {
@@ -66455,7 +66530,7 @@
66455
66530
  "context": {
66456
66531
  "type": "variable",
66457
66532
  "name": "kendo-treeview-indent",
66458
- "value": "map.get( $kendo-spacing, 4 )",
66533
+ "value": "map.get( $kendo-spacing, 6 )",
66459
66534
  "scope": "default",
66460
66535
  "line": {
66461
66536
  "start": 27,
@@ -67471,6 +67546,31 @@
67471
67546
  "name": "_variables.scss"
67472
67547
  }
67473
67548
  },
67549
+ {
67550
+ "description": "The padding of the checkbox wrapper in the TreeView.\n",
67551
+ "commentRange": {
67552
+ "start": 182,
67553
+ "end": 183
67554
+ },
67555
+ "context": {
67556
+ "type": "variable",
67557
+ "name": "kendo-treeview-checkbox-wrap-padding",
67558
+ "value": "map.get( $kendo-spacing, .5 )",
67559
+ "scope": "default",
67560
+ "line": {
67561
+ "start": 184,
67562
+ "end": 184
67563
+ }
67564
+ },
67565
+ "group": [
67566
+ "treeview"
67567
+ ],
67568
+ "access": "public",
67569
+ "file": {
67570
+ "path": "treeview/_variables.scss",
67571
+ "name": "_variables.scss"
67572
+ }
67573
+ },
67474
67574
  {
67475
67575
  "description": "Global typography styles for the Kendo Default theme.\n",
67476
67576
  "commentRange": {
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "6.4.1-dev.1",
6
+ "version": "6.5.0-dev.0",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "6.4.1-dev.1",
6
+ "version": "6.5.0-dev.0",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-fluent",
3
3
  "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
4
- "version": "6.4.1-dev.1",
4
+ "version": "6.5.0-dev.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -52,8 +52,8 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "@progress/kendo-font-icons": "1.5.0",
55
- "@progress/kendo-theme-core": "6.4.1-dev.1",
56
- "@progress/kendo-theme-utils": "6.4.1-dev.1"
55
+ "@progress/kendo-theme-core": "6.5.0-dev.0",
56
+ "@progress/kendo-theme-utils": "6.5.0-dev.0"
57
57
  },
58
- "gitHead": "6f485dfea68d56b41252d6545667f2839e1ac84e"
58
+ "gitHead": "b5525f1c4c71eb78873e1fb170ae20cd50a8468d"
59
59
  }
@@ -150,6 +150,10 @@
150
150
  --INTERNAL-kendo-chip-padding-y: #{ $_padding-y };
151
151
  --INTERNAL-kendo-chip-font-size: #{ $_font-size };
152
152
  --INTERNAL-kendo-chip-line-height: #{ $_line-height };
153
+
154
+ .k-chip-action {
155
+ padding: $_padding-y;
156
+ }
153
157
  }
154
158
  }
155
159
 
@@ -1,3 +1,4 @@
1
+ @use "../core/" as *;
1
2
  @use "./_variables.scss" as *;
2
3
 
3
4
  @mixin kendo-dropdowntree--layout() {
@@ -9,15 +10,14 @@
9
10
  .k-popup-dropdowntree, // remove legacy class once updated in components
10
11
  .k-dropdowntree-popup,
11
12
  .k-multiselecttree-popup {
12
- padding: 0;
13
-
14
- .k-check-all {
15
- padding: var( --kendo-dropdowntree-popup-padding-y, #{$kendo-dropdowntree-popup-padding-y} ) var( --kendo-dropdowntree-popup-padding-x, #{$kendo-dropdowntree-popup-padding-x} ) 0;
13
+ .k-treeview {
14
+ padding-block: calc( var( --kendo-dropdowntree-popup-padding-y, #{$kendo-dropdowntree-popup-padding-y} ) / 2 );
15
+ padding-inline: calc( var( --kendo-dropdowntree-popup-padding-x, #{$kendo-dropdowntree-popup-padding-x} ) / 2 );
16
16
  }
17
17
 
18
- .k-treeview {
18
+ .k-check-all {
19
+ padding-block: var( --kendo-dropdowntree-popup-padding-y, #{$kendo-dropdowntree-popup-padding-y} );
19
20
  padding-inline: var( --kendo-dropdowntree-popup-padding-x, #{$kendo-dropdowntree-popup-padding-x} );
20
- padding-block: var( --kendo-dropdowntree-popup-padding-y, #{$kendo-dropdowntree-popup-padding-y } );
21
21
  }
22
22
  }
23
23
 
@@ -1,3 +1,4 @@
1
+ @use "sass:map";
1
2
  @use "../core/" as *;
2
3
  @use "../popup/_variables.scss" as *;
3
4
 
@@ -7,3 +8,7 @@ $kendo-dropdowntree-popup-padding-x: $kendo-popup-content-padding-x !default;
7
8
  /// The vertical padding of the DropdownTree popup
8
9
  /// @group dropdowntree
9
10
  $kendo-dropdowntree-popup-padding-y: $kendo-popup-content-padding-y !default;
11
+
12
+ /// The padding of the check-all CheckBox inside the DropDownTree popup
13
+ /// @group dropdowntree
14
+ $kendo-dropdowntree-check-all-padding: map.get( $kendo-spacing, 1 ) !default;
@@ -32,7 +32,11 @@
32
32
  }
33
33
 
34
34
  .k-icon-action {
35
- padding: var( --kendo-icon-padding, 0 );
35
+ display: inline-flex;
36
+ padding: var( --kendo-icon-padding, .25rem );
37
+ line-height: 1;
38
+ align-items: center;
39
+ vertical-align: middle;
36
40
  cursor: pointer;
37
41
  }
38
42
 
@@ -116,6 +116,7 @@
116
116
  }
117
117
  }
118
118
  .k-list-item-text,
119
+ .k-list-header-text,
119
120
  .k-list-optionlabel {
120
121
  &::before {
121
122
  content: "\200b";
@@ -26,6 +26,7 @@
26
26
  th,
27
27
  td,
28
28
  div,
29
+ .k-scheduler-edit-dialog,
29
30
  > * {
30
31
  border-color: inherit;
31
32
  }
@@ -59,6 +59,7 @@
59
59
  .k-collapse-prev,
60
60
  .k-collapse-next {
61
61
  cursor: pointer;
62
+ padding: var( --kendo-splitter-collapse-icon-padding-y, #{$kendo-splitter-collapse-icon-padding-y} ) var( --kendo-splitter-collapse-icon-padding-x, #{$kendo-splitter-collapse-icon-padding-x} );
62
63
  }
63
64
 
64
65
  }
@@ -37,6 +37,13 @@ $kendo-splitter-drag-handle-thickness: map.get( $kendo-spacing, 0.5 ) !default;
37
37
  /// @group splitter
38
38
  $kendo-splitter-drag-icon-margin: map.get( $kendo-spacing, 2 ) !default;
39
39
 
40
+ /// Horizontal padding of the collapse icon in the splitter.
41
+ /// @group splitter
42
+ $kendo-splitter-collapse-icon-padding-x: null !default;
43
+ /// Vertical padding of the collapse icon in the splitter.
44
+ /// @group splitter
45
+ $kendo-splitter-collapse-icon-padding-y: map.get( $kendo-spacing, .5 ) !default;
46
+
40
47
  /// Background color of the splitter splitbar.
41
48
  /// @group splitter
42
49
  $kendo-splitbar-bg: get-theme-color-var( neutral-10 ) !default;
@@ -96,4 +96,10 @@
96
96
  margin-inline: .5em;
97
97
  }
98
98
 
99
+ .k-treelist-toggle {
100
+ margin-block: calc( var( --kendo-icon-padding ) * -1 );
101
+ padding: var( --kendo-icon-padding, .25rem );
102
+ cursor: pointer;
103
+ }
104
+
99
105
  }
@@ -84,6 +84,11 @@
84
84
  align-items: center;
85
85
  cursor: pointer;
86
86
  }
87
+ .k-treeview-toggle .k-icon,
88
+ .k-treeview-toggle .k-svg-icon {
89
+ padding: var( --kendo-icon-padding, .25rem );
90
+ box-sizing: content-box;
91
+ }
87
92
 
88
93
 
89
94
  // Loading icon
@@ -95,8 +100,7 @@
95
100
  // Checkbox
96
101
  .k-treeview .k-checkbox-wrap,
97
102
  .k-treeview .k-checkbox-wrapper {
98
- margin-inline-start: var( --kendo-icon-spacing, .5rem );
99
- margin-inline-end: var( --kendo-icon-spacing, .5rem );
103
+ padding: var( --kendo-treeview-checkbox-wrap-padding, #{$kendo-treeview-checkbox-wrap-padding} );
100
104
  align-self: center;
101
105
  }
102
106
 
@@ -24,7 +24,7 @@ $kendo-treeview-md-line-height: var( --kendo-line-height, normal ) !default;
24
24
  $kendo-treeview-lg-line-height: var( --kendo-line-height, normal ) !default;
25
25
  /// The indentation of child groups in the TreeView.
26
26
  /// @group treeview
27
- $kendo-treeview-indent: map.get( $kendo-spacing, 4 ) !default;
27
+ $kendo-treeview-indent: map.get( $kendo-spacing, 6 ) !default;
28
28
 
29
29
  /// The horizontal padding of the small TreeView items.
30
30
  /// @group treeview
@@ -178,3 +178,7 @@ $kendo-treeview-loadmore-focus-border: inherit !default;
178
178
  /// The box shadow of the focused Load More button in the TreeView.
179
179
  /// @group treeview
180
180
  $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !default;
181
+
182
+ /// The padding of the checkbox wrapper in the TreeView.
183
+ /// @group treeview
184
+ $kendo-treeview-checkbox-wrap-padding: map.get( $kendo-spacing, .5 ) !default;