@progress/kendo-theme-fluent 6.4.1-dev.1 → 6.5.0-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/all.css +86 -25
  2. package/dist/meta/sassdoc-data.json +5951 -3707
  3. package/dist/meta/sassdoc-raw-data.json +8154 -7029
  4. package/lib/swatches/all.json +1 -1
  5. package/lib/swatches/fluent-main.json +1 -1
  6. package/package.json +4 -4
  7. package/scss/appbar/_variables.scss +30 -29
  8. package/scss/bottom-navigation/_variables.scss +30 -34
  9. package/scss/breadcrumb/_layout.scss +37 -10
  10. package/scss/breadcrumb/_variables.scss +121 -30
  11. package/scss/chip/_layout.scss +4 -0
  12. package/scss/coloreditor/_variables.scss +29 -30
  13. package/scss/colorgradient/_variables.scss +68 -68
  14. package/scss/colorpalette/_variables.scss +15 -15
  15. package/scss/dialog/_variables.scss +17 -17
  16. package/scss/dropdowntree/_layout.scss +6 -6
  17. package/scss/dropdowntree/_variables.scss +5 -0
  18. package/scss/editor/_variables.scss +35 -29
  19. package/scss/expansion-panel/_variables.scss +34 -31
  20. package/scss/filter/_variables.scss +14 -14
  21. package/scss/icon/_layout.scss +5 -1
  22. package/scss/list/_layout.scss +1 -0
  23. package/scss/listbox/_variables.scss +15 -16
  24. package/scss/listview/_variables.scss +37 -37
  25. package/scss/loader/_variables.scss +66 -20
  26. package/scss/notification/_variables.scss +19 -17
  27. package/scss/popover/_variables.scss +34 -34
  28. package/scss/progressbar/_variables.scss +44 -48
  29. package/scss/scheduler/_layout.scss +1 -0
  30. package/scss/scrollview/_variables.scss +36 -46
  31. package/scss/splitter/_layout.scss +1 -0
  32. package/scss/splitter/_variables.scss +7 -0
  33. package/scss/tilelayout/_variables.scss +8 -8
  34. package/scss/treelist/_layout.scss +6 -0
  35. package/scss/treeview/_layout.scss +6 -2
  36. package/scss/treeview/_variables.scss +5 -1
  37. package/scss/upload/_variables.scss +37 -37
  38. package/scss/window/_variables.scss +38 -38
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 {
@@ -42082,8 +42092,8 @@ kendo-drawer .k-drawer-wrapper {
42082
42092
  box-sizing: border-box;
42083
42093
  outline: 0;
42084
42094
  font-family: var(--kendo-breadcrumb-font-family, var(--kendo-font-family, inherit));
42085
- font-size: var(--kendo-breadcrumb-font-size, var(--kendo-font-size, inherit));
42086
- line-height: var(--kendo-breadcrumb-line-height, var(--kendo-line-height, normal));
42095
+ font-size: var(--INTERNAL--kendo-breadcrumb-font-size, var(--kendo-font-size, inherit));
42096
+ line-height: var(--INTERNAL--kendo-breadcrumb-line-height, var(--kendo-line-height, normal));
42087
42097
  display: flex;
42088
42098
  flex-direction: row;
42089
42099
  -webkit-touch-callout: none;
@@ -42126,8 +42136,8 @@ kendo-drawer .k-drawer-wrapper {
42126
42136
  .k-breadcrumb-link,
42127
42137
  .k-breadcrumb-root-link {
42128
42138
  border-radius: var(--kendo-breadcrumb-border-radius, 0px);
42129
- padding-inline: var(--kendo-breadcrumb-link-padding-x, 0.5rem);
42130
- padding-block: var(--kendo-breadcrumb-link-padding-y, 0.375rem);
42139
+ padding-inline: var(--INTERNAL--kendo-breadcrumb-link-padding-x, 0.5rem);
42140
+ padding-block: var(--INTERNAL--kendo-breadcrumb-link-padding-y, 0.5rem);
42131
42141
  color: var(--kendo-breadcrumb-link-initial-text, inherit);
42132
42142
  text-decoration: none;
42133
42143
  white-space: nowrap;
@@ -42151,10 +42161,6 @@ kendo-drawer .k-drawer-wrapper {
42151
42161
  border: var(--kendo-breadcrumb-link-disabled-border, none);
42152
42162
  }
42153
42163
 
42154
- .k-breadcrumb-root-link {
42155
- margin-inline-end: var(--kendo-breadcrumb-root-link-spacing, 0px);
42156
- }
42157
-
42158
42164
  .k-breadcrumb-link > .k-image,
42159
42165
  .k-breadcrumb-icontext-link .k-icon,
42160
42166
  .k-breadcrumb-icontext-link .k-svg-icon {
@@ -42162,8 +42168,8 @@ kendo-drawer .k-drawer-wrapper {
42162
42168
  }
42163
42169
 
42164
42170
  .k-breadcrumb-icon-link {
42165
- padding-inline: var(--kendo-breadcrumb-icon-link-padding-x, 0.5rem);
42166
- padding-block: var(--kendo-breadcrumb-icon-link-padding-y, 0.5rem);
42171
+ padding-inline: var(--INTERNAL--kendo-breadcrumb-icon-link-padding-x, 0.625rem);
42172
+ padding-block: var(--INTERNAL--kendo-breadcrumb-icon-link-padding-y, 0.625rem);
42167
42173
  }
42168
42174
 
42169
42175
  .k-breadcrumb-delimiter,
@@ -42178,6 +42184,48 @@ kendo-drawer .k-drawer-wrapper {
42178
42184
  border-color: transparent;
42179
42185
  }
42180
42186
 
42187
+ .k-breadcrumb-sm {
42188
+ --INTERNAL--kendo-breadcrumb-font-size: var( --kendo-breadcrumb-sm-font-size, var(--kendo-font-size-md, inherit) );
42189
+ --INTERNAL--kendo-breadcrumb-line-height: var( --kendo-breadcrumb-sm-line-height, var(--kendo-line-height, normal) );
42190
+ }
42191
+ .k-breadcrumb-sm .k-breadcrumb-link,
42192
+ .k-breadcrumb-sm .k-breadcrumb-root-link {
42193
+ --INTERNAL--kendo-breadcrumb-link-padding-x: var( --kendo-breadcrumb-sm-link-padding-x, 0.5rem );
42194
+ --INTERNAL--kendo-breadcrumb-link-padding-y: var( --kendo-breadcrumb-sm-link-padding-y, 0.375rem );
42195
+ }
42196
+ .k-breadcrumb-sm .k-breadcrumb-icon-link {
42197
+ --INTERNAL--kendo-breadcrumb-icon-link-padding-x: var( --kendo-breadcrumb-sm-icon-link-padding-x, 0.5rem );
42198
+ --INTERNAL--kendo-breadcrumb-icon-link-padding-y: var( --kendo-breadcrumb-sm-icon-link-padding-y, 0.5rem );
42199
+ }
42200
+
42201
+ .k-breadcrumb-md {
42202
+ --INTERNAL--kendo-breadcrumb-font-size: var( --kendo-breadcrumb-md-font-size, var(--kendo-font-size-md, inherit) );
42203
+ --INTERNAL--kendo-breadcrumb-line-height: var( --kendo-breadcrumb-md-line-height, var(--kendo-line-height, normal) );
42204
+ }
42205
+ .k-breadcrumb-md .k-breadcrumb-link,
42206
+ .k-breadcrumb-md .k-breadcrumb-root-link {
42207
+ --INTERNAL--kendo-breadcrumb-link-padding-x: var( --kendo-breadcrumb-md-link-padding-x, 0.5rem );
42208
+ --INTERNAL--kendo-breadcrumb-link-padding-y: var( --kendo-breadcrumb-md-link-padding-y, 0.5rem );
42209
+ }
42210
+ .k-breadcrumb-md .k-breadcrumb-icon-link {
42211
+ --INTERNAL--kendo-breadcrumb-icon-link-padding-x: var( --kendo-breadcrumb-md-icon-link-padding-x, 0.625rem );
42212
+ --INTERNAL--kendo-breadcrumb-icon-link-padding-y: var( --kendo-breadcrumb-md-icon-link-padding-y, 0.625rem );
42213
+ }
42214
+
42215
+ .k-breadcrumb-lg {
42216
+ --INTERNAL--kendo-breadcrumb-font-size: var( --kendo-breadcrumb-lg-font-size, var(--kendo-font-size-md, inherit) );
42217
+ --INTERNAL--kendo-breadcrumb-line-height: var( --kendo-breadcrumb-lg-line-height, var(--kendo-line-height, normal) );
42218
+ }
42219
+ .k-breadcrumb-lg .k-breadcrumb-link,
42220
+ .k-breadcrumb-lg .k-breadcrumb-root-link {
42221
+ --INTERNAL--kendo-breadcrumb-link-padding-x: var( --kendo-breadcrumb-lg-link-padding-x, 0.5rem );
42222
+ --INTERNAL--kendo-breadcrumb-link-padding-y: var( --kendo-breadcrumb-lg-link-padding-y, 0.625rem );
42223
+ }
42224
+ .k-breadcrumb-lg .k-breadcrumb-icon-link {
42225
+ --INTERNAL--kendo-breadcrumb-icon-link-padding-x: var( --kendo-breadcrumb-lg-icon-link-padding-x, 0.75rem );
42226
+ --INTERNAL--kendo-breadcrumb-icon-link-padding-y: var( --kendo-breadcrumb-lg-icon-link-padding-y, 0.75rem );
42227
+ }
42228
+
42181
42229
  .k-breadcrumb {
42182
42230
  border-color: var(--kendo-breadcrumb-border, transparent);
42183
42231
  color: var(--kendo-breadcrumb-text, var(--kendo-neutral-130, inherit));
@@ -43086,14 +43134,14 @@ kendo-drawer .k-drawer-wrapper {
43086
43134
 
43087
43135
  .k-treeview-item {
43088
43136
  margin: 0;
43089
- padding-inline-start: var(--kendo-treeview-indent, 1rem);
43137
+ padding-inline-start: var(--kendo-treeview-indent, 1.5rem);
43090
43138
  border-width: 0;
43091
43139
  display: block;
43092
43140
  outline-style: none;
43093
43141
  }
43094
43142
 
43095
43143
  .k-treeview-toggle {
43096
- margin-inline-start: calc(var(--kendo-treeview-indent, 1rem)*-1);
43144
+ margin-inline-start: calc(var(--kendo-treeview-indent, 1.5rem)*-1);
43097
43145
  flex: none;
43098
43146
  display: inline-flex;
43099
43147
  flex-flow: row nowrap;
@@ -43101,14 +43149,19 @@ kendo-drawer .k-drawer-wrapper {
43101
43149
  cursor: pointer;
43102
43150
  }
43103
43151
 
43152
+ .k-treeview-toggle .k-icon,
43153
+ .k-treeview-toggle .k-svg-icon {
43154
+ padding: var(--kendo-icon-padding, 0.25rem);
43155
+ box-sizing: content-box;
43156
+ }
43157
+
43104
43158
  .k-treeview-loading {
43105
43159
  margin-inline-end: var(--kendo-icon-spacing, 0.5rem);
43106
43160
  }
43107
43161
 
43108
43162
  .k-treeview .k-checkbox-wrap,
43109
43163
  .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);
43164
+ padding: var(--kendo-treeview-checkbox-wrap-padding, 0.125rem);
43112
43165
  align-self: center;
43113
43166
  }
43114
43167
 
@@ -44345,6 +44398,7 @@ kendo-card-footer {
44345
44398
  .k-splitbar .k-collapse-prev,
44346
44399
  .k-splitbar .k-collapse-next {
44347
44400
  cursor: pointer;
44401
+ padding: var(--kendo-splitter-collapse-icon-padding-y, 0.125rem) var(--kendo-splitter-collapse-icon-padding-x, );
44348
44402
  }
44349
44403
 
44350
44404
  .k-splitbar-draggable-horizontal {
@@ -48168,6 +48222,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48168
48222
  margin-inline: 0.5em;
48169
48223
  }
48170
48224
 
48225
+ .k-treelist-toggle {
48226
+ margin-block: calc(var(--kendo-icon-padding)*-1);
48227
+ padding: var(--kendo-icon-padding, 0.25rem);
48228
+ cursor: pointer;
48229
+ }
48230
+
48171
48231
  .k-treelist tr.k-footer,
48172
48232
  .k-treelist tr.k-group-footer td,
48173
48233
  .k-treelist tr.k-footer-template,
@@ -50408,6 +50468,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
50408
50468
  .k-scheduler th,
50409
50469
  .k-scheduler td,
50410
50470
  .k-scheduler div,
50471
+ .k-scheduler .k-scheduler-edit-dialog,
50411
50472
  .k-scheduler > * {
50412
50473
  border-color: inherit;
50413
50474
  }