@progress/kendo-theme-core 12.0.2-dev.0 → 12.1.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 (64) hide show
  1. package/dist/meta/sassdoc-data.json +51 -0
  2. package/dist/meta/sassdoc-raw-data.json +49 -0
  3. package/dist/meta/variables.json +25 -0
  4. package/package.json +2 -2
  5. package/scss/components/action-sheet/_layout.scss +5 -4
  6. package/scss/components/appbar/_layout.scss +2 -1
  7. package/scss/components/badge/_layout.scss +2 -1
  8. package/scss/components/bottom-navigation/_layout.scss +2 -1
  9. package/scss/components/button/_layout.scss +4 -3
  10. package/scss/components/calendar/_layout.scss +9 -8
  11. package/scss/components/card/_layout.scss +3 -2
  12. package/scss/components/chat/_layout.scss +1 -0
  13. package/scss/components/checkbox/_layout.scss +2 -1
  14. package/scss/components/color-preview/_layout.scss +2 -1
  15. package/scss/components/coloreditor/_layout.scss +3 -1
  16. package/scss/components/colorgradient/_layout.scss +4 -3
  17. package/scss/components/colorpalette/_layout.scss +3 -2
  18. package/scss/components/dataviz/_layout.scss +4 -3
  19. package/scss/components/dialog/_layout.scss +2 -1
  20. package/scss/components/dock-manager/_layout.scss +5 -3
  21. package/scss/components/draggable/_layout.scss +3 -2
  22. package/scss/components/drawer/_layout.scss +2 -1
  23. package/scss/components/editor/_layout.scss +6 -5
  24. package/scss/components/filemanager/_layout.scss +2 -1
  25. package/scss/components/gantt/_layout.scss +17 -16
  26. package/scss/components/grid/_layout.scss +14 -14
  27. package/scss/components/input/_layout.scss +3 -2
  28. package/scss/components/loader/_layout.scss +4 -3
  29. package/scss/components/map/_layout.scss +2 -1
  30. package/scss/components/marquee/_layout.scss +3 -1
  31. package/scss/components/mediaplayer/_layout.scss +5 -4
  32. package/scss/components/menu/_layout.scss +2 -1
  33. package/scss/components/notification/_layout.scss +2 -1
  34. package/scss/components/orgchart/_layout.scss +2 -1
  35. package/scss/components/overlay/_layout.scss +2 -1
  36. package/scss/components/pager/_layout.scss +3 -2
  37. package/scss/components/pdf-viewer/_layout.scss +9 -8
  38. package/scss/components/pivotgrid/_layout.scss +3 -2
  39. package/scss/components/popover/_layout.scss +2 -1
  40. package/scss/components/popup/_layout.scss +6 -5
  41. package/scss/components/prompt/_layout.scss +2 -1
  42. package/scss/components/radio/_layout.scss +2 -1
  43. package/scss/components/ripple/_layout.scss +3 -1
  44. package/scss/components/scheduler/_layout.scss +9 -8
  45. package/scss/components/scroller/_layout.scss +4 -2
  46. package/scss/components/signature/_layout.scss +4 -3
  47. package/scss/components/splitter/_layout.scss +3 -2
  48. package/scss/components/spreadsheet/_layout.scss +14 -13
  49. package/scss/components/stepper/_layout.scss +8 -7
  50. package/scss/components/tabstrip/_layout.scss +4 -3
  51. package/scss/components/taskboard/_layout.scss +2 -1
  52. package/scss/components/tilelayout/_layout.scss +4 -3
  53. package/scss/components/timeline/_layout.scss +5 -4
  54. package/scss/components/timeselector/_layout.scss +5 -4
  55. package/scss/components/toolbar/_layout.scss +2 -1
  56. package/scss/components/tooltip/_layout.scss +2 -1
  57. package/scss/components/treelist/_layout.scss +4 -3
  58. package/scss/components/treeview/_layout.scss +2 -1
  59. package/scss/components/upload/_layout.scss +2 -1
  60. package/scss/components/validator/_layout.scss +2 -1
  61. package/scss/components/virtual-scroller/_layout.scss +4 -2
  62. package/scss/components/window/_layout.scss +2 -1
  63. package/scss/index.scss +1 -0
  64. package/scss/z-index/index.import.scss +36 -0
package/scss/components/upload/_layout.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  @use "../../spacing/index.import.scss" as *;
3
3
  @use "./variables.scss" as *;
4
4
  @use "../icons/_variables.scss" as *;
5
+ @use "../../z-index/index.import.scss" as *;
5
6
 
6
7
  @mixin kendo-upload--layout-base() {
7
8
 
@@ -238,7 +239,7 @@
238
239
  position: absolute;
239
240
  inset-block-end: 0;
240
241
  inset-inline-end: 0;
241
- z-index: 1;
242
+ z-index: k-z-index("base", 1);
242
243
  }
243
244
  input[disabled],
244
245
  input.k-disabled {
package/scss/components/validator/_layout.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @use "../tooltip/_variables.scss" as *;
2
+ @use "../../z-index/index.import.scss" as *;
2
3
 
3
4
  @mixin kendo-validator--layout-base() {
4
5
 
@@ -14,7 +15,7 @@
14
15
  display: flex;
15
16
  align-items: center;
16
17
  // NOTE: This works around popup / tooltip stacking issue
17
- z-index: 9999;
18
+ z-index: k-z-index("popup");
18
19
 
19
20
  // .k-callout-n { inset-inline-start: 16px; }
20
21
  }
package/scss/components/virtual-scroller/_layout.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "../../z-index/index.import.scss" as *;
2
+
1
3
  @mixin kendo-virtual-scroller--layout-base() {
2
4
 
3
5
  // Virtual scroller
@@ -13,7 +15,7 @@
13
15
  // Virtual scroller wrap
14
16
  .k-virtual-scroller-wrap {
15
17
  position: relative;
16
- z-index: 1;
18
+ z-index: k-z-index("base", 1);
17
19
  }
18
20
 
19
21
 
@@ -29,7 +31,7 @@
29
31
  // Virtual scroller size
30
32
  .k-virtual-scroller-size {
31
33
  position: relative;
32
- z-index: 0;
34
+ z-index: k-z-index("base");
33
35
  }
34
36
 
35
37
  }
package/scss/components/window/_layout.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:list";
2
2
  @use "../../mixins/index.import.scss" as *;
3
3
  @use "../../color-system/_constants.scss" as *;
4
+ @use "../../z-index/index.import.scss" as *;
4
5
  @use "./variables.scss" as *;
5
6
 
6
7
  @mixin kendo-window--layout-base() {
@@ -18,7 +19,7 @@
18
19
  display: inline-flex;
19
20
  flex-direction: column;
20
21
  position: absolute;
21
- z-index: 10002;
22
+ z-index: k-z-index("modal");
22
23
  -webkit-touch-callout: none;
23
24
  -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
24
25
 
package/scss/index.scss CHANGED
@@ -7,6 +7,7 @@
7
7
  @forward "./typography/index.import.scss";
8
8
  @forward "./border-radii/index.import.scss";
9
9
  @forward "./motion/index.import.scss";
10
+ @forward "./z-index/index.import.scss";
10
11
 
11
12
  @use "./color-system/index.import.scss" as *;
12
13
  @use "./mixins/index.import.scss" as *;
package/scss/z-index/index.import.scss ADDED
@@ -0,0 +1,36 @@
1
+ @use "sass:map";
2
+
3
+ $kendo-z-step: 1;
4
+
5
+ $kendo-z-layers: (
6
+ bottom: -1,
7
+ base: 0,
8
+ handle: 10,
9
+ selection: 100,
10
+ badge: 300,
11
+ animation: 600,
12
+ banner: 1000,
13
+ floating: 5000,
14
+ overlay: 10000,
15
+ drawer: 11000,
16
+ modal: 11500,
17
+ popup: 12000,
18
+ loading: 20000,
19
+ top: 100000,
20
+ scroll: 200000
21
+ );
22
+
23
+ /// Return a z-index value based on layer and number of steps.
24
+ /// @param {String} $layer - The layer key from the $kendo-z-layers map.
25
+ /// @param {Number} $n [0] - {Optional} Number of steps above the base layer.
26
+ /// @param {Number} $delta [0] - {Deprecated, Optional} Balancing value.
27
+ /// @return {Number} - Calculated z-index value.
28
+ @function k-z-index($layer, $n: 0, $delta: 0) {
29
+ $layer-value: map.get($kendo-z-layers, $layer);
30
+
31
+ @if not $layer-value {
32
+ @error "Layer '#{$layer}' not found in $kendo-z-layers map.";
33
+ }
34
+
35
+ @return $layer-value + ($n * $kendo-z-step) + $delta;
36
+ }