@progress/kendo-theme-fluent 10.6.0-dev.6 → 11.0.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.
Files changed (135) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -1
  3. package/dist/fluent-main-dark.scss +1 -1
  4. package/dist/fluent-main.css +1 -1
  5. package/dist/fluent-main.scss +1 -5
  6. package/dist/meta/sassdoc-data.json +2688 -2688
  7. package/dist/meta/sassdoc-raw-data.json +860 -860
  8. package/dist/meta/variables.json +540 -985
  9. package/lib/swatches/all.json +2 -13
  10. package/lib/swatches/fluent-main-dark.json +6 -17
  11. package/lib/swatches/fluent-main.json +6 -18
  12. package/package.json +4 -4
  13. package/scss/action-sheet/_variables.scss +12 -12
  14. package/scss/adaptive/_theme.scss +3 -3
  15. package/scss/adaptive/_variables.scss +13 -13
  16. package/scss/appbar/_variables.scss +10 -10
  17. package/scss/avatar/_variables.scss +11 -11
  18. package/scss/badge/_layout.scss +1 -1
  19. package/scss/badge/_variables.scss +14 -14
  20. package/scss/bottom-navigation/_variables.scss +35 -35
  21. package/scss/breadcrumb/_variables.scss +13 -13
  22. package/scss/button/_layout.scss +1 -1
  23. package/scss/button/_variables.scss +172 -172
  24. package/scss/calendar/_theme.scss +3 -3
  25. package/scss/calendar/_variables.scss +27 -27
  26. package/scss/captcha/_variables.scss +3 -3
  27. package/scss/card/_layout.scss +0 -1
  28. package/scss/card/_theme.scss +4 -0
  29. package/scss/card/_variables.scss +7 -7
  30. package/scss/chart-wizard/_variables.scss +4 -4
  31. package/scss/chat/_variables.scss +15 -15
  32. package/scss/checkbox/_variables.scss +22 -22
  33. package/scss/chip/_variables.scss +48 -48
  34. package/scss/color-preview/_theme.scss +1 -1
  35. package/scss/color-preview/_variables.scss +4 -4
  36. package/scss/coloreditor/_variables.scss +4 -4
  37. package/scss/colorgradient/_variables.scss +12 -12
  38. package/scss/colorpalette/_variables.scss +4 -4
  39. package/scss/core/_index.scss +8 -5
  40. package/scss/core/color-system/_index.scss +0 -1
  41. package/scss/core/color-system/_swatch.scss +0 -4
  42. package/scss/dataviz/_layout.scss +8 -8
  43. package/scss/dataviz/_theme.scss +3 -3
  44. package/scss/dataviz/_variables.scss +56 -56
  45. package/scss/daterangepicker/_theme.scss +1 -1
  46. package/scss/dialog/_variables.scss +8 -8
  47. package/scss/dock-manager/_variables.scss +10 -10
  48. package/scss/draggable/_variables.scss +4 -4
  49. package/scss/drawer/_variables.scss +16 -16
  50. package/scss/dropzone/_variables.scss +6 -6
  51. package/scss/editor/_theme.scss +2 -2
  52. package/scss/editor/_variables.scss +15 -15
  53. package/scss/expansion-panel/_variables.scss +14 -14
  54. package/scss/fab/_theme.scss +3 -3
  55. package/scss/fab/_variables.scss +12 -12
  56. package/scss/filemanager/_variables.scss +5 -5
  57. package/scss/filter/_variables.scss +5 -5
  58. package/scss/floating-label/_variables.scss +1 -1
  59. package/scss/forms/_theme.scss +2 -2
  60. package/scss/forms/_variables.scss +4 -4
  61. package/scss/gantt/_theme.scss +3 -3
  62. package/scss/gantt/_variables.scss +36 -36
  63. package/scss/grid/_layout.scss +1 -1
  64. package/scss/grid/_theme.scss +13 -43
  65. package/scss/grid/_variables.scss +20 -20
  66. package/scss/imageeditor/_variables.scss +6 -6
  67. package/scss/index.scss +3 -3
  68. package/scss/input/_theme.scss +3 -5
  69. package/scss/input/_variables.scss +74 -80
  70. package/scss/list/_variables.scss +23 -23
  71. package/scss/listbox/_variables.scss +4 -4
  72. package/scss/listgroup/_variables.scss +3 -3
  73. package/scss/listview/_variables.scss +4 -4
  74. package/scss/loader/_variables.scss +9 -9
  75. package/scss/map/_variables.scss +8 -8
  76. package/scss/marquee/_index.scss +16 -0
  77. package/scss/marquee/_layout.scss +6 -0
  78. package/scss/marquee/_theme.scss +6 -0
  79. package/scss/marquee/_variables.scss +11 -0
  80. package/scss/mediaplayer/_variables.scss +6 -6
  81. package/scss/menu/_theme.scss +1 -1
  82. package/scss/menu/_variables.scss +11 -11
  83. package/scss/messagebox/_theme.scss +1 -1
  84. package/scss/messagebox/_variables.scss +30 -2
  85. package/scss/no-data/_variables.scss +1 -1
  86. package/scss/notification/_variables.scss +10 -10
  87. package/scss/orgchart/_variables.scss +8 -8
  88. package/scss/pager/_variables.scss +6 -6
  89. package/scss/panel/_layout.scss +3 -3
  90. package/scss/panel/_variables.scss +3 -3
  91. package/scss/panelbar/_variables.scss +12 -12
  92. package/scss/pdf-viewer/_variables.scss +16 -16
  93. package/scss/pivotgrid/_theme.scss +4 -4
  94. package/scss/pivotgrid/_variables.scss +22 -22
  95. package/scss/popover/_variables.scss +3 -3
  96. package/scss/popup/_variables.scss +3 -3
  97. package/scss/progressbar/_variables.scss +13 -13
  98. package/scss/prompt/_variables.scss +12 -12
  99. package/scss/radio/_variables.scss +13 -13
  100. package/scss/rating/_theme.scss +2 -2
  101. package/scss/rating/_variables.scss +4 -4
  102. package/scss/scheduler/_theme.scss +5 -5
  103. package/scss/scheduler/_variables.scss +17 -17
  104. package/scss/scrollview/_variables.scss +11 -11
  105. package/scss/searchbox/_variables.scss +1 -1
  106. package/scss/signature/_variables.scss +2 -2
  107. package/scss/skeleton/_variables.scss +2 -2
  108. package/scss/slider/_variables.scss +12 -12
  109. package/scss/split-button/_variables.scss +1 -1
  110. package/scss/splitter/_variables.scss +8 -8
  111. package/scss/spreadsheet/_variables.scss +29 -29
  112. package/scss/stepper/_theme.scss +29 -53
  113. package/scss/stepper/_variables.scss +20 -20
  114. package/scss/switch/_variables.scss +32 -32
  115. package/scss/table/_theme.scss +7 -18
  116. package/scss/table/_variables.scss +8 -8
  117. package/scss/tabstrip/_variables.scss +16 -16
  118. package/scss/taskboard/_theme.scss +4 -4
  119. package/scss/taskboard/_variables.scss +13 -13
  120. package/scss/tilelayout/_variables.scss +2 -2
  121. package/scss/timeline/_variables.scss +14 -14
  122. package/scss/timeselector/_theme.scss +3 -3
  123. package/scss/timeselector/_variables.scss +4 -4
  124. package/scss/toolbar/_layout.scss +6 -0
  125. package/scss/toolbar/_variables.scss +7 -7
  126. package/scss/tooltip/_variables.scss +10 -10
  127. package/scss/treeview/_variables.scss +11 -11
  128. package/scss/typography/_layout.scss +2 -2
  129. package/scss/typography/_theme.scss +2 -2
  130. package/scss/typography/_variables.scss +3 -3
  131. package/scss/upload/_theme.scss +2 -2
  132. package/scss/upload/_variables.scss +14 -14
  133. package/scss/window/_variables.scss +11 -11
  134. package/scss/wizard/_variables.scss +3 -3
  135. package/scss/core/color-system/_swatch-legacy.scss +0 -165
package/scss/grid/_variables.scss CHANGED
@@ -236,7 +236,7 @@ $kendo-grid-header-text: $kendo-table-header-text !default;
236
236
  $kendo-grid-header-border: $kendo-table-header-border !default;
237
237
  /// The background color of Grid header icons.
238
238
  /// @group grid
239
- $kendo-grid-header-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 )) !default;
239
+ $kendo-grid-header-icon-text: k-color(subtle) !default;
240
240
 
241
241
  // The background color of Grid footer.
242
242
  /// @group grid
@@ -336,13 +336,13 @@ $kendo-grid-sort-index-spacing-x: k-spacing(0.5) !default;
336
336
  $kendo-grid-sort-icon-spacing: var( --kendo-icon-lg-spacing, .5rem ) !default;
337
337
  /// The text color of the Grid sort indicator.
338
338
  /// @group grid
339
- $kendo-grid-sort-indicator-text: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 )) !default;
339
+ $kendo-grid-sort-indicator-text: k-color(subtle) !default;
340
340
  /// The text color of the Grid sort order indicator.
341
341
  /// @group grid
342
- $kendo-grid-sort-indicator-order-text: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
342
+ $kendo-grid-sort-indicator-order-text: k-color(primary) !default;
343
343
  /// The background color of the sorted Grid cells.
344
344
  /// @group grid
345
- $kendo-grid-sorted-bg: if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 )) !default;
345
+ $kendo-grid-sorted-bg: k-color(surface) !default;
346
346
 
347
347
  /// The horizontal padding of the Grid command cells.
348
348
  /// @group grid
@@ -368,16 +368,16 @@ $kendo-grid-group-indicator-border-radius: k-border-radius(md) !default;
368
368
  $kendo-grid-group-indicator-gap: $kendo-table-cell-padding-y !default;
369
369
  /// The text color of the Grid group indicator.
370
370
  /// @group grid
371
- $kendo-grid-group-indicator-text: var( --kendo-component-text, initial ) !default;
371
+ $kendo-grid-group-indicator-text: k-color(on-app-surface) !default;
372
372
  /// The background color of the Grid group indicator.
373
373
  /// @group grid
374
- $kendo-grid-group-indicator-bg: var( --kendo-component-bg, initial ) !default;
374
+ $kendo-grid-group-indicator-bg: k-color(surface-alt) !default;
375
375
  /// The border color of the Grid group indicator.
376
376
  /// @group grid
377
- $kendo-grid-group-indicator-border: if($kendo-enable-color-system, k-color( border ), k-get-theme-color-var( neutral-110 )) !default;
377
+ $kendo-grid-group-indicator-border: k-color(border) !default;
378
378
  /// The text color of the Grid group indicator icon.
379
379
  /// @group grid
380
- $kendo-grid-group-indicator-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 )) !default;
380
+ $kendo-grid-group-indicator-icon-text: k-color(subtle) !default;
381
381
 
382
382
  /// The horizontal border width of the Grid group footer.
383
383
  /// @group grid
@@ -388,20 +388,20 @@ $kendo-grid-group-footer-border-width-x: 0px !default;
388
388
 
389
389
  /// The text color of the Grid group drop clue.
390
390
  /// @group grid
391
- $kendo-grid-group-drop-hint-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
391
+ $kendo-grid-group-drop-hint-bg: k-color(primary) !default;
392
392
 
393
393
  /// The border width of the Grid sticky cell.
394
394
  /// @group grid
395
395
  $kendo-grid-sticky-cell-border-width: $kendo-grid-border-width !default;
396
396
  /// The background color of the Grid sticky cell.
397
397
  /// @group grid
398
- $kendo-grid-sticky-bg: var( --kendo-component-bg, initial ) !default;
398
+ $kendo-grid-sticky-bg: k-color(surface-alt) !default;
399
399
  /// The text color of the Grid sticky cell.
400
400
  /// @group grid
401
401
  $kendo-grid-sticky-text: $kendo-grid-text !default;
402
402
  /// The border color of the Grid sticky cell.
403
403
  /// @group grid
404
- $kendo-grid-sticky-border: if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 80%, transparent), k-get-theme-color-var( neutral-90 )) !default;
404
+ $kendo-grid-sticky-border: color-mix(in srgb, k-color(border) 80%, transparent) !default;
405
405
  /// The alt background color of the Grid sticky cell.
406
406
  /// @group grid
407
407
  $kendo-grid-sticky-alt-bg: $kendo-grid-sticky-bg !default;
@@ -434,7 +434,7 @@ $kendo-grid-sticky-selected-bg: $kendo-grid-selected-bg !default;
434
434
  $kendo-grid-sticky-selected-alt-bg: $kendo-grid-sticky-selected-bg !default;
435
435
  /// The background color of the hovered selected Grid sticky cells.
436
436
  /// @group grid
437
- $kendo-grid-sticky-selected-hover-bg: if($kendo-enable-color-system, $kendo-grid-sticky-selected-bg, $kendo-grid-selected-hover-bg) !default;
437
+ $kendo-grid-sticky-selected-hover-bg: $kendo-grid-sticky-selected-bg !default;
438
438
 
439
439
  /// The horizontal padding of the Grid filter menu container.
440
440
  /// @group grid
@@ -457,13 +457,13 @@ $kendo-grid-column-menu-spacing: k-spacing(2) !default;
457
457
  $kendo-grid-column-menu-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
458
458
  /// The background color of the Grid column menu.
459
459
  /// @group grid
460
- $kendo-grid-column-menu-bg: var( --kendo-component-bg, inherit ) !default;
460
+ $kendo-grid-column-menu-bg: k-color(surface-alt) !default;
461
461
  /// The text color of the Grid column menu.
462
462
  /// @group grid
463
- $kendo-grid-column-menu-text: var( --kendo-component-text, inherit ) !default;
463
+ $kendo-grid-column-menu-text: k-color(on-app-surface) !default;
464
464
  /// The border color of the Grid column menu.
465
465
  /// @group grid
466
- $kendo-grid-column-menu-border: var( --kendo-component-border, inherit ) !default;
466
+ $kendo-grid-column-menu-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
467
467
 
468
468
  /// The font size of the Grid column menu checkbox container.
469
469
  /// @group grid
@@ -543,13 +543,13 @@ $kendo-grid-column-menu-group-header-text-transform: uppercase !default;
543
543
 
544
544
  /// The background color of the Grid column menu group.
545
545
  /// @group grid
546
- $kendo-grid-column-menu-group-header-bg: var( --kendo-component-bg, inherit ) !default;
546
+ $kendo-grid-column-menu-group-header-bg: k-color(surface-alt) !default;
547
547
  /// The text color of the Grid column menu group.
548
548
  /// @group grid
549
- $kendo-grid-column-menu-group-header-text: var( --kendo-component-text, inherit ) !default;
549
+ $kendo-grid-column-menu-group-header-text: k-color(on-app-surface) !default;
550
550
  /// The border color of the Grid column menu group.
551
551
  /// @group grid
552
- $kendo-grid-column-menu-group-header-border: var( --kendo-component-border, inherit) !default;
552
+ $kendo-grid-column-menu-group-header-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
553
553
 
554
554
  /// The horizontal padding of the tabstrip content in the Grid tabbed column menu.
555
555
  /// @group grid
@@ -574,10 +574,10 @@ $kendo-grid-filterable-icon-spacing: calc( #{$kendo-button-calc-size} + #{$kendo
574
574
 
575
575
  /// The background color of the Grid row resize indicator.
576
576
  /// @group grid
577
- $kendo-grid-row-resizer-hover-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 )) !default;
577
+ $kendo-grid-row-resizer-hover-bg: color-mix(in srgb, k-color(on-app-surface) 46%, transparent) !default;
578
578
  /// The background color of the active Grid row resize indicator.
579
579
  /// @group grid
580
- $kendo-grid-row-resizer-active-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
580
+ $kendo-grid-row-resizer-active-bg: k-color(primary) !default;
581
581
  /// The height of the Grid row resize indicator.
582
582
  /// @group grid
583
583
  $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
package/scss/imageeditor/_variables.scss CHANGED
@@ -4,13 +4,13 @@
4
4
 
5
5
  /// Background color of the imageeditor.
6
6
  /// @group imageeditor
7
- $kendo-image-editor-bg: var( --kendo-component-bg, inherit ) !default;
7
+ $kendo-image-editor-bg: k-color(surface-alt) !default;
8
8
  /// Text color of the imageeditor.
9
9
  /// @group imageeditor
10
- $kendo-image-editor-text: var( --kendo-component-text, inherit ) !default;
10
+ $kendo-image-editor-text: k-color(on-app-surface) !default;
11
11
  /// Border color of the imageeditor.
12
12
  /// @group imageeditor
13
- $kendo-image-editor-border: if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 )) !default;
13
+ $kendo-image-editor-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
14
14
  /// Vertical margin of the imageeditor.
15
15
  /// @group imageeditor
16
16
  $kendo-image-editor-margin-y: k-spacing(0) !default;
@@ -39,7 +39,7 @@ $kendo-image-editor-font-family: var( --kendo-font-family, inherit ) !default;
39
39
 
40
40
  /// Imageeditor content background color.
41
41
  /// @group imageeditor
42
- $kendo-image-editor-content-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 23%, transparent), k-get-theme-color-var( neutral-50 )) !default;
42
+ $kendo-image-editor-content-bg: color-mix(in srgb, k-color(on-app-surface) 23%, transparent) !default;
43
43
  /// Imageeditor content text color.
44
44
  /// @group imageeditor
45
45
  $kendo-image-editor-content-text: inherit !default;
@@ -52,7 +52,7 @@ $kendo-image-editor-content-border-width: 0 !default;
52
52
 
53
53
  /// Imageeditor action pane background color.
54
54
  /// @group imageeditor
55
- $kendo-image-editor-action-pane-bg: var( --kendo-component-bg, inherit ) !default;
55
+ $kendo-image-editor-action-pane-bg: k-color(surface-alt) !default;
56
56
  /// Imageeditor action pane text color.
57
57
  /// @group imageeditor
58
58
  $kendo-image-editor-action-pane-text: inherit !default;
@@ -77,7 +77,7 @@ $kendo-image-editor-crop-bg: inherit !default;
77
77
  $kendo-image-editor-crop-text: inherit !default;
78
78
  /// Crop border color of the imageeditor.
79
79
  /// @group imageeditor
80
- $kendo-image-editor-crop-border: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
80
+ $kendo-image-editor-crop-border: k-color(app-surface) !default;
81
81
  /// Crop overlay background color of the imageeditor.
82
82
  /// @group imageeditor
83
83
  $kendo-image-editor-crop-overlay-bg: rgba( $kendo-color-black, .3 ) !default;
package/scss/index.scss CHANGED
@@ -116,6 +116,7 @@
116
116
  @forward "./signature/_index.scss";
117
117
  @forward "./otp/_index.scss";
118
118
  @forward "./column-menu/_index.scss";
119
+ @forward "./marquee/_index.scss";
119
120
 
120
121
 
121
122
  // Use component modules
@@ -153,6 +154,7 @@
153
154
  @use "./skeleton/index.scss" as *;
154
155
  @use "./tooltip/index.scss" as *;
155
156
  @use "./time-marker/index.scss" as *;
157
+ @use "./marquee/_index.scss" as *;
156
158
 
157
159
 
158
160
  // Form helpers
@@ -293,9 +295,6 @@
293
295
  // Core
294
296
  @include core-styles();
295
297
 
296
- // Color system css variables
297
- @include color-system-styles();
298
-
299
298
  @include kendo-elevation--styles-legacy();
300
299
 
301
300
  // Typography
@@ -331,6 +330,7 @@
331
330
  @include kendo-skeleton--styles();
332
331
  @include kendo-tooltip--styles();
333
332
  @include kendo-time-marker--styles();
333
+ @include kendo-marquee--styles();
334
334
 
335
335
 
336
336
  // Form helpers
package/scss/input/_theme.scss CHANGED
@@ -56,11 +56,9 @@
56
56
  color: var( --kendo-input-suffix-disabled-text, #{$kendo-input-suffix-disabled-text} );
57
57
  }
58
58
 
59
- @if($kendo-enable-color-system) {
60
- .k-input-button {
61
- color: inherit;
62
- background: none;
63
- }
59
+ .k-input-button {
60
+ color: inherit;
61
+ background: none;
64
62
  }
65
63
  }
66
64