@progress/kendo-theme-fluent 5.7.0 → 5.8.1-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 (112) hide show
  1. package/dist/all.css +43451 -0
  2. package/dist/all.scss +1 -1
  3. package/package.json +5 -5
  4. package/scss/adaptive/_layout.scss +475 -0
  5. package/scss/adaptive/_theme.scss +92 -0
  6. package/scss/adaptive/_variables.scss +33 -0
  7. package/scss/adaptive/index.scss +32 -0
  8. package/scss/badge/_variables.scss +2 -2
  9. package/scss/button/_layout.scss +2 -1
  10. package/scss/button/_variables.scss +2 -2
  11. package/scss/calendar/_layout.scss +5 -4
  12. package/scss/calendar/_theme.scss +9 -9
  13. package/scss/calendar/_variables.scss +25 -25
  14. package/scss/captcha/_variables.scss +3 -2
  15. package/scss/card/_layout.scss +3 -3
  16. package/scss/card/_variables.scss +1 -1
  17. package/scss/chat/_layout.scss +460 -0
  18. package/scss/chat/_theme.scss +93 -0
  19. package/scss/chat/_variables.scss +213 -0
  20. package/scss/chat/index.scss +32 -0
  21. package/scss/checkbox/_layout.scss +3 -3
  22. package/scss/chip/_layout.scss +1 -1
  23. package/scss/chip/_theme.scss +3 -3
  24. package/scss/color-preview/_layout.scss +0 -1
  25. package/scss/coloreditor/_layout.scss +3 -1
  26. package/scss/coloreditor/_variables.scss +10 -2
  27. package/scss/colorgradient/_layout.scss +5 -1
  28. package/scss/colorgradient/_variables.scss +13 -10
  29. package/scss/core/_variables.scss +8 -7
  30. package/scss/core/color-system/utils/_functions.scss +1 -1
  31. package/scss/core/helpers/_index.scss +1 -0
  32. package/scss/core/helpers/_scrollbar.scss +25 -0
  33. package/scss/core/mixins/_decoration.scss +4 -0
  34. package/scss/dataviz/_layout.scss +5 -5
  35. package/scss/draggable/_variables.scss +2 -1
  36. package/scss/drawer/_variables.scss +2 -3
  37. package/scss/editor/_layout.scss +3 -2
  38. package/scss/fab/_variables.scss +10 -9
  39. package/scss/filemanager/_layout.scss +1 -1
  40. package/scss/filter/_layout.scss +1 -1
  41. package/scss/forms/_layout.scss +3 -2
  42. package/scss/forms/_variables.scss +1 -1
  43. package/scss/gantt/_layout.scss +782 -0
  44. package/scss/gantt/_theme.scss +275 -0
  45. package/scss/gantt/_variables.scss +232 -0
  46. package/scss/gantt/index.scss +35 -0
  47. package/scss/grid/_layout.scss +3 -3
  48. package/scss/grid/_theme.scss +7 -0
  49. package/scss/grid/_variables.scss +2 -2
  50. package/scss/imageeditor/_layout.scss +0 -2
  51. package/scss/imageeditor/_variables.scss +5 -4
  52. package/scss/index.scss +16 -18
  53. package/scss/input/_variables.scss +1 -1
  54. package/scss/listgroup/_layout.scss +0 -1
  55. package/scss/listview/_layout.scss +2 -2
  56. package/scss/loader/_layout.scss +3 -2
  57. package/scss/loader/_variables.scss +16 -15
  58. package/scss/map/_variables.scss +2 -2
  59. package/scss/menu/_variables.scss +7 -7
  60. package/scss/messagebox/_theme.scss +1 -1
  61. package/scss/messagebox/_variables.scss +5 -5
  62. package/scss/notification/_theme.scss +0 -1
  63. package/scss/notification/_variables.scss +0 -1
  64. package/scss/panelbar/_layout.scss +2 -2
  65. package/scss/pdf-viewer/_layout.scss +177 -0
  66. package/scss/pdf-viewer/_theme.scss +73 -0
  67. package/scss/pdf-viewer/_variables.scss +105 -0
  68. package/scss/pdf-viewer/index.scss +32 -0
  69. package/scss/pivotgrid/_layout.scss +640 -0
  70. package/scss/pivotgrid/_theme.scss +218 -0
  71. package/scss/pivotgrid/_variables.scss +239 -0
  72. package/scss/pivotgrid/index.scss +36 -0
  73. package/scss/popup/_variables.scss +2 -2
  74. package/scss/progressbar/_variables.scss +1 -1
  75. package/scss/radio/_layout.scss +10 -9
  76. package/scss/radio/_variables.scss +5 -4
  77. package/scss/rating/_variables.scss +1 -1
  78. package/scss/scheduler/_layout.scss +2 -2
  79. package/scss/scheduler/_variables.scss +1 -1
  80. package/scss/scrollview/_layout.scss +195 -0
  81. package/scss/scrollview/_theme.scss +91 -0
  82. package/scss/scrollview/_variables.scss +109 -0
  83. package/scss/scrollview/index.scss +26 -0
  84. package/scss/slider/_layout.scss +8 -8
  85. package/scss/slider/_theme.scss +4 -4
  86. package/scss/splitter/_variables.scss +5 -5
  87. package/scss/spreadsheet/_layout.scss +872 -0
  88. package/scss/spreadsheet/_theme.scss +254 -0
  89. package/scss/spreadsheet/_variables.scss +191 -0
  90. package/scss/spreadsheet/index.scss +41 -0
  91. package/scss/stepper/_layout.scss +10 -7
  92. package/scss/stepper/_theme.scss +4 -0
  93. package/scss/stepper/_variables.scss +9 -7
  94. package/scss/switch/_layout.scss +2 -2
  95. package/scss/table/_layout.scss +2 -2
  96. package/scss/taskboard/_layout.scss +7 -4
  97. package/scss/taskboard/_variables.scss +10 -9
  98. package/scss/timeline/_layout.scss +449 -0
  99. package/scss/timeline/_theme.scss +72 -0
  100. package/scss/timeline/_variables.scss +197 -0
  101. package/scss/timeline/index.scss +27 -0
  102. package/scss/timeselector/_layout.scss +4 -4
  103. package/scss/timeselector/_variables.scss +1 -1
  104. package/scss/tooltip/_layout.scss +6 -6
  105. package/scss/tooltip/_variables.scss +0 -2
  106. package/scss/treeview/_variables.scss +4 -4
  107. package/scss/typography/_layout.scss +17 -17
  108. package/scss/typography/_variables.scss +63 -63
  109. package/scss/upload/_layout.scss +1 -1
  110. package/scss/window/_layout.scss +1 -1
  111. package/scss/wizard/_layout.scss +1 -1
  112. package/scss/wizard/_variables.scss +2 -3
package/scss/fab/_variables.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:math";
1
2
  @use "../core/color-system" as *;
2
3
  @use "../core/_variables.scss" as *;
3
4
  @use "../button/_variables.scss" as *;
@@ -21,16 +22,16 @@ $kendo-fab-line-height: var( --kendo-line-height, normal ) !default;
21
22
  /// Horizontal padding of the FAB.
22
23
  /// @group floating-action-button
23
24
  $kendo-fab-padding-x: map-get( $kendo-spacing, 4 ) !default;
24
- $kendo-fab-padding-x-sm: calc( $kendo-fab-padding-x / 2 ) !default;
25
+ $kendo-fab-padding-x-sm: math.div( $kendo-fab-padding-x, 2 ) !default;
25
26
  $kendo-fab-padding-x-md: $kendo-fab-padding-x !default;
26
- $kendo-fab-padding-x-lg: calc( $kendo-fab-padding-x * 1.5 ) !default;
27
+ $kendo-fab-padding-x-lg: ( $kendo-fab-padding-x * 1.5 ) !default;
27
28
 
28
29
  /// Vertical padding of the FAB.
29
30
  /// @group floating-action-button
30
31
  $kendo-fab-padding-y: $kendo-fab-padding-x !default;
31
- $kendo-fab-padding-y-sm: calc( $kendo-fab-padding-y / 2 ) !default;
32
+ $kendo-fab-padding-y-sm: math.div( $kendo-fab-padding-y, 2 ) !default;
32
33
  $kendo-fab-padding-y-md: $kendo-fab-padding-y !default;
33
- $kendo-fab-padding-y-lg: calc( $kendo-fab-padding-y * 1.5 ) !default;
34
+ $kendo-fab-padding-y-lg: ( $kendo-fab-padding-y * 1.5 ) !default;
34
35
 
35
36
  /// Offset of the focused FAB.
36
37
  /// @group floating-action-button
@@ -50,7 +51,7 @@ $kendo-fab-icon-width: 20px !default;
50
51
  $kendo-fab-icon-height: $kendo-fab-icon-width !default;
51
52
  /// FAB icon spacing.
52
53
  /// @group floating-action-button
53
- $kendo-fab-icon-spacing: calc( map-get( $kendo-spacing, 1 ) / 2 ) !default;
54
+ $kendo-fab-icon-spacing: math.div( map-get( $kendo-spacing, 1 ), 2 ) !default;
54
55
 
55
56
  /// FAB items horizontal padding.
56
57
  /// @group floating-action-button
@@ -153,10 +154,10 @@ $kendo-fab-item-bg: var( --kendo-component-bg, inherit ) !default;
153
154
  $kendo-fab-item-border: get-theme-color-var( neutral-110 ) !default;
154
155
  /// The hover text color of the FAB item.
155
156
  /// @group floating-action-button
156
- $kendo-fab-item-hover-text: var(--kendo-hover-text, inherit ) !default;
157
+ $kendo-fab-item-hover-text: var( --kendo-hover-text, inherit ) !default;
157
158
  /// The hover background color of the FAB item.
158
159
  /// @group floating-action-button
159
- $kendo-fab-item-hover-bg: var(--kendo-hover-bg, inherit ) !default;
160
+ $kendo-fab-item-hover-bg: var( --kendo-hover-bg, inherit ) !default;
160
161
  /// The hover border color of the FAB item.
161
162
  /// @group floating-action-button
162
163
  $kendo-fab-item-hover-border: get-theme-color-var( neutral-110 ) !default;
@@ -171,10 +172,10 @@ $kendo-fab-item-focus-bg: var( --kendo-component-bg, inherit ) !default;
171
172
  $kendo-fab-item-focus-border: get-theme-color-var( neutral-110 ) !default;
172
173
  /// The active text color of the FAB item.
173
174
  /// @group floating-action-button
174
- $kendo-fab-item-active-text: var(--kendo-selected-text, inherit ) !default;
175
+ $kendo-fab-item-active-text: var( --kendo-selected-text, inherit ) !default;
175
176
  /// The active background color of the FAB item.
176
177
  /// @group floating-action-button
177
- $kendo-fab-item-active-bg: var(--kendo-selected-bg, inherit ) !default;
178
+ $kendo-fab-item-active-bg: var( --kendo-selected-bg, inherit ) !default;
178
179
  /// The active border color of the FAB item.
179
180
  /// @group floating-action-button
180
181
  $kendo-fab-item-active-border: get-theme-color-var( neutral-110 ) !default;
package/scss/filemanager/_layout.scss CHANGED
@@ -155,7 +155,7 @@
155
155
  padding-block-start: calc( var( --kendo-filemanager-preview-padding-y, #{$kendo-filemanager-preview-padding-y} ) * 3 );
156
156
  padding-block-end: var( --kendo-filemanager-preview-padding-y, #{$kendo-filemanager-preview-padding-y} );
157
157
  width: var( --kendo-filemanager-preview-width, #{$kendo-filemanager-preview-width} );
158
- min-height: calc( calc( var( --kendo-filemanager-preview-padding-y, #{$kendo-filemanager-preview-padding-y} ) * 4 ) + calc( var( --kendo-filemanager-preview-icon-size, #{$kendo-filemanager-preview-icon-size} ) * 2 ) + calc( var( --kendo-filemanager-preview-spacing, #{$kendo-filemanager-preview-spacing} ) * 3 ) );
158
+ min-height: calc( ( var( --kendo-filemanager-preview-padding-y, #{$kendo-filemanager-preview-padding-y} ) * 4 ) + ( var( --kendo-filemanager-preview-icon-size, #{$kendo-filemanager-preview-icon-size} ) * 2 ) + ( var( --kendo-filemanager-preview-spacing, #{$kendo-filemanager-preview-spacing} ) * 3 ) );
159
159
  border-width: 0;
160
160
  border-left-width: var( --kendo-filemanager-preview-border-width, #{$kendo-filemanager-preview-border-width} );
161
161
  border-style: solid;
package/scss/filter/_layout.scss CHANGED
@@ -74,7 +74,7 @@
74
74
  content: "";
75
75
  position: absolute;
76
76
  width: var( --kendo-filter-line-size, #{$kendo-filter-line-size} );
77
- top: calc( calc( var( --kendo-filter-padding-y, #{$kendo-filter-padding-y} ) * -1 ) - var( --kendo-filter-line-size, #{$kendo-filter-line-size} ) );
77
+ top: calc( ( var( --kendo-filter-padding-y, #{$kendo-filter-padding-y} ) * -1 ) - var( --kendo-filter-line-size, #{$kendo-filter-line-size} ) );
78
78
  bottom: 50%;
79
79
  inset-inline-start: calc( var( --kendo-filter-padding-x, #{$kendo-filter-padding-x} ) * -1 );
80
80
  }
package/scss/forms/_layout.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:math";
1
2
  @use "../core/" as *;
2
3
  @use "_variables.scss" as *;
3
4
  @use "../input/_variables.scss" as *;
@@ -23,7 +24,7 @@
23
24
 
24
25
  .k-label-optional {
25
26
  margin-inline-start: var( --kendo-label-optional-margin-x, #{$kendo-label-optional-margin-x} );
26
- font-size: var(--kendo-label-optional-font-size, #{$kendo-label-optional-font-size} );
27
+ font-size: var( --kendo-label-optional-font-size, #{$kendo-label-optional-font-size} );
27
28
  font-style: var( --kendo-label-optional-font-style, #{$kendo-label-optional-font-style} );
28
29
  align-self: center;
29
30
  }
@@ -316,7 +317,7 @@
316
317
  }
317
318
 
318
319
  > .k-reset > li + li {
319
- margin-block-start: calc( map-get( $kendo-spacing, 4 ) / 2 );
320
+ margin-block-start: math.div( map-get( $kendo-spacing, 4 ), 2 );
320
321
  }
321
322
 
322
323
  .k-reset .k-widget {
package/scss/forms/_variables.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  /// The padding of the inline form
4
4
  /// @group form
5
- $kendo-form-spacer: calc( #{$kendo-padding-x} * 2 ) !default;
5
+ $kendo-form-spacer: ( $kendo-padding-x * 2 ) !default;
6
6
 
7
7
  /// The font size of the form
8
8
  /// @group form