@progress/kendo-theme-default 5.3.2-dev.1 → 5.3.2-dev.4

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 (33) hide show
  1. package/dist/all.css +170 -39
  2. package/dist/all.scss +368 -40
  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/calendar/_theme.scss +21 -9
  17. package/scss/card/_theme.scss +11 -1
  18. package/scss/chip/_variables.scss +1 -1
  19. package/scss/floating-label/_theme.scss +1 -0
  20. package/scss/gantt/_layout.scss +7 -3
  21. package/scss/gantt/_variables.scss +1 -0
  22. package/scss/grid/_layout.scss +1 -0
  23. package/scss/input/_layout.scss +12 -6
  24. package/scss/input/_theme.scss +212 -0
  25. package/scss/input/_variables.scss +58 -1
  26. package/scss/menu/_theme.scss +3 -3
  27. package/scss/orgchart/_theme.scss +2 -0
  28. package/scss/panelbar/_layout.scss +2 -2
  29. package/scss/panelbar/_variables.scss +2 -0
  30. package/scss/taskboard/_layout.scss +2 -0
  31. package/scss/taskboard/_theme.scss +6 -0
  32. package/scss/tilelayout/_theme.scss +1 -0
  33. package/scss/treeview/_variables.scss +24 -13
package/scss/orgchart/_theme.scss CHANGED
@@ -18,6 +18,7 @@
18
18
  }
19
19
 
20
20
  &:focus,
21
+ &.k-focus,
21
22
  &.k-state-focus {
22
23
  @include box-shadow( $orgchart-card-focus-shadow );
23
24
  }
@@ -32,6 +33,7 @@
32
33
  );
33
34
  }
34
35
  .k-orgchart-node-group-container:focus,
36
+ .k-orgchart-node-group-container.k-focus,
35
37
  .k-orgchart-node-group-container.k-state-focus,
36
38
  .k-orgchart-node-group-container.k-state-focused {
37
39
  @include box-shadow( $orgchart-node-group-focus-shadow );
package/scss/panelbar/_layout.scss CHANGED
@@ -28,7 +28,7 @@
28
28
  > .k-panelbar-header {
29
29
  // TODO
30
30
  border-width: 0;
31
- border-style: solid;
31
+ border-style: $panelbar-item-border-style;
32
32
  border-color: inherit;
33
33
  display: block;
34
34
 
@@ -51,7 +51,7 @@
51
51
  }
52
52
  > .k-item + .k-item,
53
53
  > .k-panelbar-header + .k-panelbar-header {
54
- border-top-width: 1px;
54
+ border-top-width: $panelbar-item-border-width;
55
55
  }
56
56
 
57
57
 
package/scss/panelbar/_variables.scss CHANGED
@@ -5,6 +5,8 @@ $panelbar-font-family: $font-family !default;
5
5
  $panelbar-font-size: $font-size !default;
6
6
  $panelbar-line-height: $line-height !default;
7
7
  $panelbar-border-width: 1px !default;
8
+ $panelbar-item-border-width: 1px !default;
9
+ $panelbar-item-border-style: solid !default;
8
10
 
9
11
  $panelbar-header-padding-x: map-get( $spacing, 4 ) !default;
10
12
  $panelbar-header-padding-y: map-get( $spacing, 3 ) !default;
package/scss/taskboard/_layout.scss CHANGED
@@ -181,8 +181,10 @@
181
181
  overflow-wrap: anywhere;
182
182
 
183
183
  &:focus,
184
+ &.k-focus,
184
185
  &.k-state-focus,
185
186
  &:hover,
187
+ &.k-hover,
186
188
  &.k-state-hover {
187
189
  text-decoration: underline;
188
190
  }
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