@progress/kendo-theme-meridian 14.0.0-dev.4 → 14.0.0-dev.6

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 (50) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/meridian-main-dark.css +1 -1
  3. package/dist/meridian-main.css +1 -1
  4. package/dist/meta/sassdoc-data.json +872 -656
  5. package/dist/meta/sassdoc-raw-data.json +392 -292
  6. package/dist/meta/variables.json +36 -20
  7. package/lib/swatches/meridian-main-dark.json +1 -1
  8. package/lib/swatches/meridian-main.json +1 -1
  9. package/package.json +5 -5
  10. package/scss/action-sheet/_layout.scss +0 -4
  11. package/scss/bottom-navigation/_layout.scss +0 -4
  12. package/scss/breadcrumb/_layout.scss +0 -5
  13. package/scss/bubble/_layout.scss +0 -4
  14. package/scss/button/_theme.scss +15 -3
  15. package/scss/calendar/_layout.scss +0 -4
  16. package/scss/chart-wizard/_layout.scss +0 -6
  17. package/scss/checkbox/_layout.scss +0 -4
  18. package/scss/chip/_layout.scss +0 -4
  19. package/scss/color-preview/_variables.scss +2 -1
  20. package/scss/colorpalette/_layout.scss +0 -4
  21. package/scss/colorpalette/_theme.scss +14 -0
  22. package/scss/colorpalette/_variables.scss +10 -1
  23. package/scss/colorpicker/_layout.scss +22 -0
  24. package/scss/core/typography/index.scss +1 -1
  25. package/scss/drawer/_layout.scss +0 -1
  26. package/scss/fab/_layout.scss +0 -1
  27. package/scss/filter/_layout.scss +0 -4
  28. package/scss/gantt/_layout.scss +10 -2
  29. package/scss/grid/_layout.scss +47 -0
  30. package/scss/grid/_variables.scss +1 -1
  31. package/scss/input/_layout.scss +2 -3
  32. package/scss/list/_layout.scss +0 -5
  33. package/scss/menu/_layout.scss +0 -2
  34. package/scss/menu/_theme.scss +8 -0
  35. package/scss/menu/_variables.scss +1 -1
  36. package/scss/panelbar/_layout.scss +0 -2
  37. package/scss/pdf-viewer/_layout.scss +4 -2
  38. package/scss/pivotgrid/_variables.scss +1 -1
  39. package/scss/radio/_layout.scss +0 -4
  40. package/scss/scheduler/_layout.scss +9 -3
  41. package/scss/scrollview/_layout.scss +0 -4
  42. package/scss/segmented-control/_layout.scss +8 -1
  43. package/scss/slider/_layout.scss +0 -14
  44. package/scss/spreadsheet/_layout.scss +0 -4
  45. package/scss/spreadsheet/_theme.scss +5 -0
  46. package/scss/suggestion/_layout.scss +0 -4
  47. package/scss/tabstrip/_layout.scss +0 -4
  48. package/scss/taskboard/_variables.scss +6 -2
  49. package/scss/treeview/_layout.scss +0 -4
  50. package/scss/window/_layout.scss +2 -1
@@ -20,12 +20,10 @@
20
20
  > .k-panelbar-header > .k-link {
21
21
  border-radius: $kendo-panelbar-item-border-radius;
22
22
  font-weight: $kendo-panelbar-header-font-weight;
23
- transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
24
23
  }
25
24
 
26
25
  .k-panelbar-group > .k-panelbar-item > .k-link {
27
26
  border-radius: $kendo-panelbar-item-border-radius;
28
- transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
29
27
  }
30
28
  }
31
29
  }
@@ -1,12 +1,14 @@
1
1
  @use "@progress/kendo-theme-core/scss/components/pdf-viewer/_layout.scss" as *;
2
-
2
+ @use "../core/_index.scss" as *;
3
+ @use "./_variables.scss" as *;
3
4
 
4
5
  @mixin kendo-pdf-viewer--layout() {
5
6
  @include kendo-pdf-viewer--layout-base();
6
7
 
7
8
  .k-pdf-viewer {
8
9
  .k-toolbar {
9
- border-radius: 0;
10
+ @include border-top-radius($kendo-pdf-viewer-border-radius);
11
+ @include border-bottom-radius(0);
10
12
  }
11
13
  }
12
14
  }
@@ -28,7 +28,7 @@ $kendo-pivotgrid-line-height: var( --kendo-line-height, normal ) !default;
28
28
  $kendo-pivotgrid-border-width: 1px !default;
29
29
  /// The border radius of the PivotGrid.
30
30
  /// @group pivotgrid
31
- $kendo-pivotgrid-border-radius: k-border-radius(xxl) !default;
31
+ $kendo-pivotgrid-border-radius: null !default;
32
32
  /// The icon spacing of the PivotGrid.
33
33
  /// @group pivotgrid
34
34
  $kendo-pivotgrid-icon-spacing: k-spacing(1) !default;
@@ -4,8 +4,4 @@
4
4
 
5
5
  @mixin kendo-radio--layout() {
6
6
  @include kendo-radio--layout-base();
7
-
8
- .k-radio {
9
- transition: background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid), opacity k-transition(rapid);
10
- }
11
7
  }
@@ -1,5 +1,6 @@
1
1
  @use "@progress/kendo-theme-core/scss/components/scheduler/_layout.scss" as *;
2
-
2
+ @use "../core/_index.scss" as *;
3
+ @use "./variables.scss" as *;
3
4
 
4
5
  @mixin kendo-scheduler--layout() {
5
6
  @include kendo-scheduler--layout-base();
@@ -15,8 +16,13 @@
15
16
  font-weight: var(--kendo-font-weight-normal);
16
17
  }
17
18
 
18
- .k-scheduler-toolbar,
19
+ .k-scheduler-toolbar {
20
+ @include border-top-radius($kendo-scheduler-border-radius);
21
+ @include border-bottom-radius(0);
22
+ }
23
+
19
24
  .k-scheduler-footer {
20
- border-radius: 0;
25
+ @include border-top-radius(0);
26
+ @include border-bottom-radius($kendo-scheduler-border-radius);
21
27
  }
22
28
  }
@@ -4,8 +4,4 @@
4
4
 
5
5
  @mixin kendo-scrollview--layout() {
6
6
  @include kendo-scrollview--layout-base();
7
-
8
- .k-scrollview-nav > .k-link {
9
- transition: background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
10
- }
11
7
  }
@@ -1,6 +1,13 @@
1
1
  @use "@progress/kendo-theme-core/scss/components/segmented-control/_layout.scss" as *;
2
-
2
+ @use "../core/z-index/index.scss" as *;
3
3
 
4
4
  @mixin kendo-segmented-control--layout() {
5
5
  @include kendo-segmented-control--layout-base();
6
+
7
+ .k-segmented-control {
8
+ > .k-segmented-control-button:focus,
9
+ > .k-segmented-control-button.k-focus {
10
+ z-index: k-z-index("base", 3);
11
+ }
12
+ }
6
13
  }
@@ -4,18 +4,4 @@
4
4
 
5
5
  @mixin kendo-slider--layout() {
6
6
  @include kendo-slider--layout-base();
7
-
8
- .k-slider-transitions {
9
- &.k-slider-horizontal {
10
- .k-draghandle {
11
- transition: inset-inline-start $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function, border-color $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function, outline $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
12
- }
13
- }
14
-
15
- &.k-slider-vertical {
16
- .k-draghandle {
17
- transition: bottom $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function, border-color $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function, outline $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
18
- }
19
- }
20
- }
21
7
  }
@@ -5,10 +5,6 @@
5
5
  @mixin kendo-spreadsheet--layout() {
6
6
  @include kendo-spreadsheet--layout-base();
7
7
 
8
- .k-spreadsheet-active-cell {
9
- transition: outline k-transition(snappy);
10
- }
11
-
12
8
  .k-spreadsheet-toolbar {
13
9
  border-radius: 0;
14
10
  }
@@ -23,4 +23,9 @@
23
23
  .k-spreadsheet-toolbar {
24
24
  background-color: $kendo-spreadsheet-bg !important; // stylelint-disable-line declaration-no-important
25
25
  }
26
+
27
+ .k-spreadsheet-tabstrip {
28
+ background-color: k-translucency-bg(k-color(surface-alt));
29
+ border-radius: inherit;
30
+ }
26
31
  }
@@ -4,8 +4,4 @@
4
4
 
5
5
  @mixin kendo-suggestion--layout() {
6
6
  @include kendo-suggestion--layout-base();
7
-
8
- .k-suggestion {
9
- transition: background-color k-transition(rapid), outline k-transition(rapid);
10
- }
11
7
  }
@@ -10,10 +10,6 @@
10
10
  @include kendo-tabstrip--layout-base();
11
11
 
12
12
  .k-tabstrip {
13
- .k-tabstrip-item,
14
- .k-item {
15
- transition: color k-transition(emphasis), border-color k-transition(emphasis), outline k-transition(emphasis), background-color k-transition(emphasis), font-weight k-transition(emphasis);
16
- }
17
13
 
18
14
  // TabStrip sizes
19
15
  @each $size, $size-props in $kendo-tabstrip-sizes {
@@ -33,7 +33,7 @@ $kendo-taskboard-border: null !default;
33
33
 
34
34
  /// The vertical padding of the TaskBoard Toolbar.
35
35
  /// @group taskboard
36
- $kendo-taskboard-toolbar-padding-y: calc( #{$kendo-taskboard-spacer} * .625 ) !default;
36
+ $kendo-taskboard-toolbar-padding-y: k-spacing(3.5) !default;
37
37
  /// The horizontal padding of the TaskBoard Toolbar.
38
38
  /// @group taskboard
39
39
  $kendo-taskboard-toolbar-padding-x: $kendo-taskboard-toolbar-padding-y !default;
@@ -52,7 +52,10 @@ $kendo-taskboard-toolbar-gradient: null !default;
52
52
 
53
53
  /// The vertical padding of the TaskBoard content.
54
54
  /// @group taskboard
55
- $kendo-taskboard-content-padding-y: $kendo-taskboard-spacer !default;
55
+ $kendo-taskboard-content-padding-y: 0 $kendo-taskboard-spacer !default;
56
+ /// The horizontal padding of the TaskBoard content.
57
+ /// @group taskboard
58
+ $kendo-taskboard-content-padding-x: 0 !default;
56
59
 
57
60
  /// The vertical spacing of the TaskBoard column container.
58
61
  /// @group taskboard
@@ -283,6 +286,7 @@ $kendo-taskboard-drag-placeholder-border: k-color(border) !default;
283
286
  $kendo-taskboard-toolbar-border: $kendo-taskboard-toolbar-border,
284
287
  $kendo-taskboard-toolbar-gradient: $kendo-taskboard-toolbar-gradient,
285
288
  $kendo-taskboard-content-padding-y: $kendo-taskboard-content-padding-y,
289
+ $kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-x,
286
290
  $kendo-taskboard-column-container-spacing-y: $kendo-taskboard-column-container-spacing-y,
287
291
  $kendo-taskboard-column-container-padding-y: $kendo-taskboard-column-container-padding-y,
288
292
  $kendo-taskboard-column-container-padding-x: $kendo-taskboard-column-container-padding-x,
@@ -5,10 +5,6 @@
5
5
  @mixin kendo-treeview--layout() {
6
6
  @include kendo-treeview--layout-base();
7
7
 
8
- .k-treeview-leaf {
9
- transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
10
- }
11
-
12
8
  .k-treeview-item-content {
13
9
  margin-bottom: k-spacing(.5);
14
10
  }
@@ -18,7 +18,8 @@
18
18
  border-start-start-radius: $kendo-window-border-radius;
19
19
  border-start-end-radius: $kendo-window-border-radius;
20
20
  }
21
- .k-window-content:last-child {
21
+ .k-window-content:last-child,
22
+ .k-window-content:has(+ .k-resize-handles-wrapper) {
22
23
  border-end-start-radius: $kendo-window-border-radius;
23
24
  border-end-end-radius: $kendo-window-border-radius;
24
25
  }