@progress/kendo-theme-default 5.3.2-dev.0 → 5.3.2-dev.3

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 (52) hide show
  1. package/dist/all.css +248 -111
  2. package/dist/all.scss +572 -175
  3. package/lib/swatches/default-blue.json +1 -1
  4. package/lib/swatches/default-dataviz-v4.json +1 -1
  5. package/lib/swatches/default-green.json +1 -1
  6. package/lib/swatches/default-main-dark.json +1 -1
  7. package/lib/swatches/default-main.json +1 -1
  8. package/lib/swatches/default-nordic.json +1 -1
  9. package/lib/swatches/default-ocean-blue.json +1 -1
  10. package/lib/swatches/default-orange.json +1 -1
  11. package/lib/swatches/default-purple.json +1 -1
  12. package/lib/swatches/default-turquoise.json +1 -1
  13. package/lib/swatches/default-urban.json +1 -1
  14. package/package.json +2 -2
  15. package/scss/_variables.scss +1 -1
  16. package/scss/button/_index.scss +0 -2
  17. package/scss/button/_layout.scss +1 -61
  18. package/scss/button/_theme.scss +0 -10
  19. package/scss/button/_variables.scss +0 -14
  20. package/scss/calendar/_theme.scss +21 -9
  21. package/scss/card/_theme.scss +11 -1
  22. package/scss/chip/_variables.scss +1 -1
  23. package/scss/daterangepicker/_layout.scss +1 -1
  24. package/scss/floating-label/_theme.scss +1 -0
  25. package/scss/gantt/_layout.scss +7 -3
  26. package/scss/gantt/_variables.scss +1 -0
  27. package/scss/grid/_layout.scss +1 -0
  28. package/scss/icons/_layout.scss +5 -4
  29. package/scss/icons/font/WebComponentsIcons.scss +1 -1
  30. package/scss/icons/font/WebComponentsIcons.ttf +0 -0
  31. package/scss/index.scss +2 -0
  32. package/scss/input/_layout.scss +12 -6
  33. package/scss/input/_theme.scss +212 -0
  34. package/scss/input/_variables.scss +58 -1
  35. package/scss/menu/_index.scss +1 -1
  36. package/scss/menu/_layout.scss +37 -36
  37. package/scss/menu/_theme.scss +4 -4
  38. package/scss/menu-button/_index.scss +12 -0
  39. package/scss/menu-button/_layout.scss +29 -0
  40. package/scss/menu-button/_theme.scss +1 -0
  41. package/scss/menu-button/_variables.scss +5 -0
  42. package/scss/orgchart/_theme.scss +2 -0
  43. package/scss/panelbar/_layout.scss +2 -2
  44. package/scss/panelbar/_variables.scss +2 -0
  45. package/scss/split-button/_index.scss +12 -0
  46. package/scss/split-button/_layout.scss +40 -0
  47. package/scss/split-button/_theme.scss +9 -0
  48. package/scss/split-button/_variables.scss +19 -0
  49. package/scss/taskboard/_layout.scss +2 -0
  50. package/scss/taskboard/_theme.scss +6 -0
  51. package/scss/tilelayout/_theme.scss +1 -0
  52. package/scss/treeview/_variables.scss +24 -13
package/scss/taskboard/_theme.scss CHANGED
@@ -66,32 +66,38 @@
66
66
  @include fill( $color: $taskboard-card-header-text );
67
67
 
68
68
  &:focus,
69
+ &.k-focus,
69
70
  &.k-state-focus {
70
71
  @include fill( $color: $taskboard-card-header-focus-text );
71
72
  }
72
73
 
73
74
  &:hover,
75
+ &.k-hover,
74
76
  &.k-state-hover {
75
77
  @include fill( $color: $taskboard-card-header-hover-text );
76
78
  }
77
79
  }
78
80
 
79
81
  &:focus,
82
+ &.k-focus,
80
83
  &.k-state-focus {
81
84
  @include fill( $border: $taskboard-card-focus-border );
82
85
  @include box-shadow( $taskboard-card-focus-shadow );
83
86
  }
84
87
 
85
88
  &:hover,
89
+ &.k-hover,
86
90
  &.k-state-hover {
87
91
  @include fill( $border: $taskboard-card-hover-border );
88
92
  }
89
93
 
94
+ &.k-selected,
90
95
  &.k-state-selected {
91
96
  @include fill( $border: $taskboard-card-selected-border );
92
97
  @include box-shadow( $taskboard-card-selected-shadow );
93
98
  }
94
99
 
100
+ &.k-disabled,
95
101
  &.k-state-disabled {
96
102
  @include disabled( $disabled-styling );
97
103
  }
package/scss/tilelayout/_theme.scss CHANGED
@@ -7,6 +7,7 @@
7
7
  }
8
8
 
9
9
  .k-tilelayout-item:focus,
10
+ .k-tilelayout-item.k-focus,
10
11
  .k-tilelayout-item.k-state-focus,
11
12
  .k-tilelayout-item.k-state-focused {
12
13
  @include box-shadow($tilelayout-card-focus-shadow);
package/scss/treeview/_variables.scss CHANGED
@@ -6,10 +6,15 @@ $kendo-treeview-font-family: $font-family !default;
6
6
  /// Font size of the treeview component.
7
7
  /// @group treeview
8
8
  $kendo-treeview-font-size: $font-size-md !default;
9
+ $kendo-treeview-font-size-sm: $font-size-md !default;
10
+ $kendo-treeview-font-size-md: $font-size-md !default;
11
+ $kendo-treeview-font-size-lg: $font-size-md !default;
9
12
  /// Line height of the treeview component.
10
13
  /// @group treeview
11
14
  $kendo-treeview-line-height: $line-height-md !default;
12
-
15
+ $kendo-treeview-line-height-sm: $line-height-md !default;
16
+ $kendo-treeview-line-height-md: $line-height-md !default;
17
+ $kendo-treeview-line-height-lg: $line-height-md !default;
13
18
  /// Indentation of child groups in treeview component.
14
19
  /// @group treeview
15
20
  $kendo-treeview-indent: 16px !default;
@@ -17,9 +22,15 @@ $kendo-treeview-indent: 16px !default;
17
22
  /// Horizontal padding of treeview items.
18
23
  /// @group treeview
19
24
  $kendo-treeview-item-padding-x: map-get( $spacing, 2 ) !default;
25
+ $kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
26
+ $kendo-treeview-item-padding-x-md: map-get( $spacing, 2 ) !default;
27
+ $kendo-treeview-item-padding-x-lg: map-get( $spacing, 2 ) !default;
20
28
  /// Vertical padding of treeview items.
21
29
  /// @group treeview
22
30
  $kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
31
+ $kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
32
+ $kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
33
+ $kendo-treeview-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
23
34
  /// Border width of treeview items.
24
35
  /// @group treeview
25
36
  $kendo-treeview-item-border-width: 0px !default;
@@ -32,22 +43,22 @@ $kendo-treeview-item-border-radius: $kendo-border-radius-md !default;
32
43
  /// @group treeview
33
44
  $kendo-treeview-sizes: (
34
45
  sm: (
35
- font-size: $font-size-md,
36
- line-height: $line-height-md,
37
- item-padding-x: map-get( $spacing, 2 ),
38
- item-padding-y: map-get( $spacing, 1 ) - map-get( $spacing, thin )
46
+ font-size: $kendo-treeview-font-size-sm,
47
+ line-height: $kendo-treeview-line-height-sm,
48
+ item-padding-x: $kendo-treeview-item-padding-x-sm,
49
+ item-padding-y: $kendo-treeview-item-padding-y-sm
39
50
  ),
40
51
  md: (
41
- font-size: $font-size-md,
42
- line-height: $line-height-md,
43
- item-padding-x: map-get( $spacing, 2 ),
44
- item-padding-y: map-get( $spacing, 1 )
52
+ font-size: $kendo-treeview-font-size-md,
53
+ line-height: $kendo-treeview-line-height-md,
54
+ item-padding-x: $kendo-treeview-item-padding-x-md,
55
+ item-padding-y: $kendo-treeview-item-padding-y-md
45
56
  ),
46
57
  lg: (
47
- font-size: $font-size-md,
48
- line-height: $line-height-md,
49
- item-padding-x: map-get( $spacing, 2 ),
50
- item-padding-y: map-get( $spacing, 1 ) + map-get( $spacing, thin )
58
+ font-size: $kendo-treeview-font-size-lg,
59
+ line-height: $kendo-treeview-line-height-lg,
60
+ item-padding-x: $kendo-treeview-item-padding-x-lg,
61
+ item-padding-y: $kendo-treeview-item-padding-y-lg
51
62
  )
52
63
  ) !default;
53
64