@progress/kendo-theme-material 5.12.1-dev.1 → 5.12.1-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 (186) hide show
  1. package/dist/all.css +11780 -12192
  2. package/dist/all.scss +11849 -12606
  3. package/dist/material-aqua-dark.scss +0 -2
  4. package/dist/material-arctic.scss +0 -2
  5. package/dist/material-burnt-teal.scss +0 -2
  6. package/dist/material-dataviz-v4.scss +6 -7
  7. package/dist/material-eggplant.scss +0 -2
  8. package/dist/material-lime-dark.scss +0 -2
  9. package/dist/material-lime.scss +0 -2
  10. package/dist/material-main-dark.scss +0 -2
  11. package/dist/material-main.scss +0 -2
  12. package/dist/material-nova.scss +0 -2
  13. package/dist/material-pacific-dark.scss +0 -2
  14. package/dist/material-pacific.scss +0 -2
  15. package/dist/material-sky-dark.scss +0 -2
  16. package/dist/material-sky.scss +0 -2
  17. package/dist/material-smoke.scss +0 -2
  18. package/lib/swatches/material-aqua-dark.json +2 -10
  19. package/lib/swatches/material-arctic.json +2 -10
  20. package/lib/swatches/material-burnt-teal.json +2 -10
  21. package/lib/swatches/material-dataviz-v4.json +8 -7
  22. package/lib/swatches/material-eggplant.json +2 -10
  23. package/lib/swatches/material-lime-dark.json +2 -10
  24. package/lib/swatches/material-lime.json +2 -10
  25. package/lib/swatches/material-main-dark.json +2 -10
  26. package/lib/swatches/material-main.json +2 -10
  27. package/lib/swatches/material-nova.json +2 -10
  28. package/lib/swatches/material-pacific-dark.json +2 -10
  29. package/lib/swatches/material-pacific.json +2 -10
  30. package/lib/swatches/material-sky-dark.json +2 -10
  31. package/lib/swatches/material-sky.json +2 -10
  32. package/lib/swatches/material-smoke.json +2 -10
  33. package/package.json +6 -6
  34. package/scss/_variables.scss +96 -38
  35. package/scss/action-buttons/_variables.scss +9 -9
  36. package/scss/action-sheet/_variables.scss +68 -67
  37. package/scss/adaptive/_variables.scss +18 -18
  38. package/scss/appbar/_variables.scss +3 -3
  39. package/scss/avatar/_variables.scss +3 -3
  40. package/scss/badge/_index.scss +1 -1
  41. package/scss/badge/_variables.scss +32 -32
  42. package/scss/bottom-navigation/_index.scss +1 -1
  43. package/scss/bottom-navigation/_variables.scss +23 -23
  44. package/scss/breadcrumb/_variables.scss +45 -41
  45. package/scss/button/_index.scss +0 -1
  46. package/scss/button/_variables.scss +39 -36
  47. package/scss/calendar/_layout.scss +1 -2
  48. package/scss/calendar/_theme.scss +6 -6
  49. package/scss/calendar/_variables.scss +104 -103
  50. package/scss/captcha/_index.scss +1 -1
  51. package/scss/captcha/_variables.scss +14 -14
  52. package/scss/card/_index.scss +2 -2
  53. package/scss/card/_variables.scss +55 -55
  54. package/scss/chat/_variables.scss +57 -57
  55. package/scss/checkbox/_index.scss +0 -2
  56. package/scss/checkbox/_theme.scss +1 -1
  57. package/scss/checkbox/_variables.scss +5 -2
  58. package/scss/chip/_index.scss +0 -1
  59. package/scss/chip/_theme.scss +3 -3
  60. package/scss/chip/_variables.scss +32 -29
  61. package/scss/color-preview/_variables.scss +11 -11
  62. package/scss/coloreditor/_variables.scss +24 -24
  63. package/scss/colorgradient/_index.scss +2 -2
  64. package/scss/colorgradient/_variables.scss +50 -50
  65. package/scss/colorpalette/_index.scss +1 -1
  66. package/scss/colorpalette/_variables.scss +8 -8
  67. package/scss/common/_index.scss +0 -2
  68. package/scss/dataviz/_index.scss +0 -1
  69. package/scss/dataviz/_variables.scss +101 -97
  70. package/scss/datetimepicker/_variables.scss +1 -1
  71. package/scss/dialog/_variables.scss +3 -3
  72. package/scss/draggable/_variables.scss +20 -20
  73. package/scss/drawer/_variables.scss +5 -5
  74. package/scss/dropdowngrid/_index.scss +4 -7
  75. package/scss/dropdowngrid/_variables.scss +1 -0
  76. package/scss/dropdowntree/_variables.scss +2 -2
  77. package/scss/dropzone/_variables.scss +21 -20
  78. package/scss/editor/_layout.scss +2 -2
  79. package/scss/editor/_variables.scss +3 -3
  80. package/scss/expansion-panel/_index.scss +2 -2
  81. package/scss/expansion-panel/_variables.scss +22 -22
  82. package/scss/fab/_index.scss +1 -1
  83. package/scss/fab/_variables.scss +9 -9
  84. package/scss/filemanager/_variables.scss +59 -59
  85. package/scss/filter/_variables.scss +8 -8
  86. package/scss/floating-label/_variables.scss +14 -14
  87. package/scss/forms/_index.scss +0 -4
  88. package/scss/forms/_layout.scss +3 -2
  89. package/scss/forms/_variables.scss +20 -14
  90. package/scss/gantt/_variables.scss +92 -92
  91. package/scss/grid/_index.scss +2 -2
  92. package/scss/grid/_layout.scss +2 -2
  93. package/scss/grid/_variables.scss +78 -78
  94. package/scss/imageeditor/_variables.scss +31 -31
  95. package/scss/input/_variables.scss +29 -29
  96. package/scss/list/_variables.scss +66 -72
  97. package/scss/listbox/_variables.scss +5 -5
  98. package/scss/listgroup/_variables.scss +10 -10
  99. package/scss/listview/_index.scss +2 -2
  100. package/scss/listview/_variables.scss +3 -3
  101. package/scss/loader/_variables.scss +31 -30
  102. package/scss/map/_index.scss +1 -1
  103. package/scss/map/_variables.scss +21 -21
  104. package/scss/mediaplayer/_variables.scss +13 -13
  105. package/scss/menu/_layout.scss +2 -2
  106. package/scss/menu/_theme.scss +4 -4
  107. package/scss/menu/_variables.scss +64 -64
  108. package/scss/messagebox/_variables.scss +11 -11
  109. package/scss/multiselect/_index.scss +0 -1
  110. package/scss/notification/_variables.scss +4 -4
  111. package/scss/orgchart/_index.scss +1 -1
  112. package/scss/orgchart/_variables.scss +56 -56
  113. package/scss/overlay/_variables.scss +3 -3
  114. package/scss/pager/_index.scss +0 -2
  115. package/scss/pager/_variables.scss +37 -34
  116. package/scss/panelbar/_variables.scss +105 -104
  117. package/scss/pdf-viewer/_index.scss +2 -2
  118. package/scss/pdf-viewer/_variables.scss +45 -44
  119. package/scss/pivotgrid/_index.scss +4 -5
  120. package/scss/pivotgrid/_theme.scss +1 -1
  121. package/scss/pivotgrid/_variables.scss +90 -86
  122. package/scss/popover/_variables.scss +26 -26
  123. package/scss/popup/_variables.scss +12 -12
  124. package/scss/progressbar/_variables.scss +2 -2
  125. package/scss/radio/_index.scss +0 -3
  126. package/scss/radio/_theme.scss +1 -1
  127. package/scss/radio/_variables.scss +5 -1
  128. package/scss/rating/_variables.scss +17 -16
  129. package/scss/scheduler/_layout.scss +6 -6
  130. package/scss/scheduler/_theme.scss +4 -4
  131. package/scss/scheduler/_variables.scss +93 -93
  132. package/scss/scrollview/_variables.scss +32 -32
  133. package/scss/signature/_variables.scss +18 -18
  134. package/scss/skeleton/_variables.scss +6 -6
  135. package/scss/slider/_layout.scss +3 -3
  136. package/scss/slider/_theme.scss +2 -2
  137. package/scss/slider/_variables.scss +44 -44
  138. package/scss/split-button/_variables.scss +6 -6
  139. package/scss/splitter/_variables.scss +18 -18
  140. package/scss/spreadsheet/_layout.scss +0 -16
  141. package/scss/spreadsheet/_theme.scss +10 -10
  142. package/scss/spreadsheet/_variables.scss +29 -29
  143. package/scss/stepper/_variables.scss +86 -86
  144. package/scss/switch/_index.scss +1 -1
  145. package/scss/switch/_theme.scss +1 -1
  146. package/scss/switch/_variables.scss +2 -2
  147. package/scss/table/_index.scss +0 -8
  148. package/scss/table/_variables.scss +22 -19
  149. package/scss/tabstrip/_layout.scss +1 -1
  150. package/scss/tabstrip/_variables.scss +41 -41
  151. package/scss/taskboard/_index.scss +1 -1
  152. package/scss/taskboard/_variables.scss +93 -93
  153. package/scss/tilelayout/_variables.scss +8 -8
  154. package/scss/timedurationpicker/_index.scss +1 -1
  155. package/scss/timeline/_variables.scss +50 -50
  156. package/scss/timeselector/_variables.scss +38 -37
  157. package/scss/toolbar/_variables.scss +20 -20
  158. package/scss/tooltip/_variables.scss +30 -29
  159. package/scss/treelist/_index.scss +1 -1
  160. package/scss/treeview/_variables.scss +26 -26
  161. package/scss/typography/_index.scss +0 -1
  162. package/scss/typography/_variables.scss +84 -129
  163. package/scss/upload/_index.scss +0 -1
  164. package/scss/upload/_variables.scss +5 -4
  165. package/scss/utils/_index.scss +0 -22
  166. package/scss/window/_variables.scss +8 -4
  167. package/scss/wizard/_variables.scss +10 -10
  168. package/scss/utils/_aspect-ratio.scss +0 -1
  169. package/scss/utils/_border.scss +0 -10
  170. package/scss/utils/_display.scss +0 -1
  171. package/scss/utils/_flex.scss +0 -1
  172. package/scss/utils/_float.scss +0 -1
  173. package/scss/utils/_grid.scss +0 -1
  174. package/scss/utils/_order.scss +0 -1
  175. package/scss/utils/_overflow.scss +0 -1
  176. package/scss/utils/_pointer-events.scss +0 -1
  177. package/scss/utils/_position.scss +0 -1
  178. package/scss/utils/_resize.scss +0 -1
  179. package/scss/utils/_spacer.scss +0 -1
  180. package/scss/utils/_spacing.scss +0 -1
  181. package/scss/utils/_table-layout.scss +0 -1
  182. package/scss/utils/_text.scss +0 -1
  183. package/scss/utils/_theme-colors.scss +0 -1
  184. package/scss/utils/_touch-action.scss +0 -1
  185. package/scss/utils/_transform.scss +0 -1
  186. package/scss/utils/_user-select.scss +0 -1
package/scss/stepper/_variables.scss CHANGED
@@ -1,87 +1,87 @@
1
1
  // Stepper
2
- $stepper-margin-x: null !default;
3
- $stepper-margin-y: null !default;
4
- $stepper-padding-x: null !default;
5
- $stepper-padding-y: null !default;
6
- $stepper-label-margin-x: 12px !default;
7
- $stepper-label-padding-x: 12px !default;
8
- $stepper-label-padding-y: 5px !default;
9
- $stepper-border-width: 0px !default;
10
-
11
- $stepper-inline-content-padding-x: 20px !default;
12
- $stepper-inline-content-padding-y: 10px !default;
13
-
14
- $stepper-font-size: $font-size !default;
15
- $stepper-line-height: k-math-div( 20, 14 ) !default;
16
- $stepper-font-family: $font-family !default;
17
-
18
- $stepper-bg: null !default;
19
- $stepper-text: $kendo-component-text !default;
20
- $stepper-border: null !default;
21
-
22
- $stepper-indicator-width: 28px !default;
23
- $stepper-indicator-height: $stepper-indicator-width !default;
24
- $stepper-indicator-border-radius: 50% !default;
25
- $stepper-indicator-border-width: 1px !default;
26
-
27
- $stepper-indicator-focus-border-width: 1px !default;
28
- $stepper-indicator-focus-size: 2px !default;
29
- $stepper-indicator-focus-offset: 3px !default;
30
- $stepper-indicator-focus-calc-offset: calc( #{$stepper-indicator-focus-border-width} + #{$stepper-indicator-focus-offset} ) !default;
31
-
32
- $stepper-indicator-bg: $kendo-component-bg !default;
33
- $stepper-indicator-text: $kendo-component-text !default;
34
- $stepper-indicator-border: $kendo-component-border !default;
35
-
36
- $stepper-indicator-hover-bg: k-try-shade( $stepper-indicator-bg ) !default;
37
- $stepper-indicator-hover-text: null !default;
38
- $stepper-indicator-hover-border: null !default;
39
-
40
- $stepper-indicator-disabled-bg: null !default;
41
- $stepper-indicator-disabled-text: $kendo-disabled-text !default;
42
- $stepper-indicator-disabled-border: null !default;
43
-
44
- $stepper-indicator-done-bg: $kendo-color-primary !default;
45
- $stepper-indicator-done-text: k-contrast-color( $stepper-indicator-done-bg ) !default;
46
- $stepper-indicator-done-border: $stepper-indicator-done-bg !default;
47
-
48
- $stepper-indicator-done-hover-bg: k-try-shade( $stepper-indicator-done-bg ) !default;
49
- $stepper-indicator-done-hover-text: null !default;
50
- $stepper-indicator-done-hover-border: null !default;
51
-
52
- $stepper-indicator-done-disabled-bg: k-color-mix( $stepper-indicator-done-bg, $kendo-component-bg, 60%) !default;
53
- $stepper-indicator-done-disabled-text: k-contrast-color( $stepper-indicator-done-bg ) !default;
54
- $stepper-indicator-done-disabled-border: $stepper-indicator-done-disabled-bg !default;
55
-
56
- $stepper-indicator-current-bg: $stepper-indicator-done-bg !default;
57
- $stepper-indicator-current-text: $stepper-indicator-done-text !default;
58
- $stepper-indicator-current-border: $stepper-indicator-done-border !default;
59
-
60
- $stepper-indicator-current-hover-bg: $stepper-indicator-done-hover-bg !default;
61
- $stepper-indicator-current-hover-text: $stepper-indicator-done-hover-text !default;
62
- $stepper-indicator-current-hover-border: $stepper-indicator-done-hover-border !default;
63
-
64
- $stepper-indicator-current-disabled-bg: $stepper-indicator-done-disabled-bg !default;
65
- $stepper-indicator-current-disabled-text: $stepper-indicator-done-disabled-text !default;
66
- $stepper-indicator-current-disabled-border: $stepper-indicator-done-disabled-border !default;
67
-
68
- $stepper-label-text: null !default;
69
- $stepper-label-success-text: $kendo-color-success !default;
70
- $stepper-label-error-text: $kendo-color-error !default;
71
- $stepper-label-hover-text: null !default;
72
- $stepper-label-disabled-text: k-map-get( $theme, disabled-text ) !default;
73
-
74
- $stepper-optional-label-text: $kendo-subtle-text !default;
75
- $stepper-optional-label-opacity: null !default;
76
- $stepper-optional-label-font-size: $font-size-sm !default;
77
- $stepper-optional-label-font-style: null !default;
78
-
79
- $stepper-progressbar-size: 2px !default;
80
- $stepper-progressbar-bg: null !default;
81
- $stepper-progressbar-text: null !default;
82
- $stepper-progressbar-fill-bg: null !default;
83
- $stepper-progressbar-fill-text: null !default;
84
-
85
- $stepper-content-transition-property: height !default;
86
- $stepper-content-transition-duration: 300ms !default;
87
- $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
2
+ $kendo-stepper-margin-x: null !default;
3
+ $kendo-stepper-margin-y: null !default;
4
+ $kendo-stepper-padding-x: null !default;
5
+ $kendo-stepper-padding-y: null !default;
6
+ $kendo-stepper-label-margin-x: 12px !default;
7
+ $kendo-stepper-label-padding-x: 12px !default;
8
+ $kendo-stepper-label-padding-y: 5px !default;
9
+ $kendo-stepper-border-width: 0px !default;
10
+
11
+ $kendo-stepper-inline-content-padding-x: 20px !default;
12
+ $kendo-stepper-inline-content-padding-y: 10px !default;
13
+
14
+ $kendo-stepper-font-size: $kendo-font-size-md !default;
15
+ $kendo-stepper-line-height: k-math-div( 20, 14 ) !default;
16
+ $kendo-stepper-font-family: $kendo-font-family !default;
17
+
18
+ $kendo-stepper-bg: null !default;
19
+ $kendo-stepper-text: $kendo-component-text !default;
20
+ $kendo-stepper-border: null !default;
21
+
22
+ $kendo-stepper-indicator-width: 28px !default;
23
+ $kendo-stepper-indicator-height: $kendo-stepper-indicator-width !default;
24
+ $kendo-stepper-indicator-border-radius: 50% !default;
25
+ $kendo-stepper-indicator-border-width: 1px !default;
26
+
27
+ $kendo-stepper-indicator-focus-border-width: 1px !default;
28
+ $kendo-stepper-indicator-focus-size: 2px !default;
29
+ $kendo-stepper-indicator-focus-offset: 3px !default;
30
+ $kendo-stepper-indicator-focus-calc-offset: calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} ) !default;
31
+
32
+ $kendo-stepper-indicator-bg: $kendo-component-bg !default;
33
+ $kendo-stepper-indicator-text: $kendo-component-text !default;
34
+ $kendo-stepper-indicator-border: $kendo-component-border !default;
35
+
36
+ $kendo-stepper-indicator-hover-bg: k-try-shade( $kendo-stepper-indicator-bg ) !default;
37
+ $kendo-stepper-indicator-hover-text: null !default;
38
+ $kendo-stepper-indicator-hover-border: null !default;
39
+
40
+ $kendo-stepper-indicator-disabled-bg: null !default;
41
+ $kendo-stepper-indicator-disabled-text: $kendo-disabled-text !default;
42
+ $kendo-stepper-indicator-disabled-border: null !default;
43
+
44
+ $kendo-stepper-indicator-done-bg: $kendo-color-primary !default;
45
+ $kendo-stepper-indicator-done-text: k-contrast-color( $kendo-stepper-indicator-done-bg ) !default;
46
+ $kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
47
+
48
+ $kendo-stepper-indicator-done-hover-bg: k-try-shade( $kendo-stepper-indicator-done-bg ) !default;
49
+ $kendo-stepper-indicator-done-hover-text: null !default;
50
+ $kendo-stepper-indicator-done-hover-border: null !default;
51
+
52
+ $kendo-stepper-indicator-done-disabled-bg: k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%) !default;
53
+ $kendo-stepper-indicator-done-disabled-text: k-contrast-color( $kendo-stepper-indicator-done-bg ) !default;
54
+ $kendo-stepper-indicator-done-disabled-border: $kendo-stepper-indicator-done-disabled-bg !default;
55
+
56
+ $kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-done-bg !default;
57
+ $kendo-stepper-indicator-current-text: $kendo-stepper-indicator-done-text !default;
58
+ $kendo-stepper-indicator-current-border: $kendo-stepper-indicator-done-border !default;
59
+
60
+ $kendo-stepper-indicator-current-hover-bg: $kendo-stepper-indicator-done-hover-bg !default;
61
+ $kendo-stepper-indicator-current-hover-text: $kendo-stepper-indicator-done-hover-text !default;
62
+ $kendo-stepper-indicator-current-hover-border: $kendo-stepper-indicator-done-hover-border !default;
63
+
64
+ $kendo-stepper-indicator-current-disabled-bg: $kendo-stepper-indicator-done-disabled-bg !default;
65
+ $kendo-stepper-indicator-current-disabled-text: $kendo-stepper-indicator-done-disabled-text !default;
66
+ $kendo-stepper-indicator-current-disabled-border: $kendo-stepper-indicator-done-disabled-border !default;
67
+
68
+ $kendo-stepper-label-text: null !default;
69
+ $kendo-stepper-label-success-text: $kendo-color-success !default;
70
+ $kendo-stepper-label-error-text: $kendo-color-error !default;
71
+ $kendo-stepper-label-hover-text: null !default;
72
+ $kendo-stepper-label-disabled-text: k-map-get( $theme, disabled-text ) !default;
73
+
74
+ $kendo-stepper-optional-label-text: $kendo-subtle-text !default;
75
+ $kendo-stepper-optional-label-opacity: null !default;
76
+ $kendo-stepper-optional-label-font-size: $kendo-font-size-sm !default;
77
+ $kendo-stepper-optional-label-font-style: null !default;
78
+
79
+ $kendo-stepper-progressbar-size: 2px !default;
80
+ $kendo-stepper-progressbar-bg: null !default;
81
+ $kendo-stepper-progressbar-text: null !default;
82
+ $kendo-stepper-progressbar-fill-bg: null !default;
83
+ $kendo-stepper-progressbar-fill-text: null !default;
84
+
85
+ $kendo-stepper-content-transition-property: height !default;
86
+ $kendo-stepper-content-transition-duration: 300ms !default;
87
+ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
package/scss/switch/_index.scss CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  // Dependencies
5
5
  @import "../common/_index.scss";
6
- @import "../utils/_border.scss";
6
+ // @import "../utils/_border.scss";
7
7
 
8
8
 
9
9
  // Component
package/scss/switch/_theme.scss CHANGED
@@ -14,7 +14,7 @@
14
14
  background-color: inherit;
15
15
  }
16
16
  &.k-switch-off .k-switch-thumb::before {
17
- background-color: if( $dark-theme == true, $kendo-color-white, $kendo-color-black );
17
+ background-color: if( $kendo-is-dark-theme == true, $kendo-color-white, $kendo-color-black );
18
18
  }
19
19
  }
20
20
 
package/scss/switch/_variables.scss CHANGED
@@ -30,7 +30,7 @@ $kendo-switch-sizes: (
30
30
 
31
31
  /// The background of the track when the switch is not checked.
32
32
  /// @group switch
33
- $kendo-switch-off-track-bg: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .38 ) !default;
33
+ $kendo-switch-off-track-bg: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .38 ) !default;
34
34
  /// The text color of the track when the switch is not checked.
35
35
  /// @group switch
36
36
  $kendo-switch-off-track-text: null !default;
@@ -85,7 +85,7 @@ $kendo-switch-off-track-disabled-gradient: null !default;
85
85
 
86
86
  /// The background of the thumb when the switch is not checked.
87
87
  /// @group switch
88
- $kendo-switch-off-thumb-bg: if( $dark-theme, $kendo-color-black, $kendo-color-white ) !default;
88
+ $kendo-switch-off-thumb-bg: if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white ) !default;
89
89
  /// The text color of the thumb when the switch is not checked.
90
90
  /// @group switch
91
91
  $kendo-switch-off-thumb-text: null !default;
package/scss/table/_index.scss CHANGED
@@ -3,17 +3,9 @@
3
3
 
4
4
  // Dependencies
5
5
  @import "../common/_index.scss";
6
- @import "../input/_index.scss";
7
- @import "../floating-label/_index.scss";
8
- @import "../combobox/_index.scss";
9
- @import "../popup/_index.scss";
10
- @import "../toolbar/_variables.scss";
11
- @import "../menu/_variables.scss";
12
- @import "../list/_variables.scss";
13
6
 
14
7
 
15
8
  // Component
16
9
  @import "./_variables.scss";
17
10
  @import "./_layout.scss";
18
11
  @import "./_theme.scss";
19
-
package/scss/table/_variables.scss CHANGED
@@ -1,3 +1,6 @@
1
+ @import "../list/_variables.scss";
2
+
3
+
1
4
  // Table
2
5
 
3
6
  /// The width of the table border.
@@ -26,35 +29,35 @@ $kendo-table-cell-padding-x: null !default;
26
29
  /// @group table
27
30
  $kendo-table-cell-padding-y: null !default;
28
31
 
29
- $kendo-table-cell-padding-x-sm: k-map-get( $kendo-spacing, 2.5 ) !default;
30
- $kendo-table-cell-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
32
+ $kendo-table-sm-cell-padding-x: k-map-get( $kendo-spacing, 2.5 ) !default;
33
+ $kendo-table-sm-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
31
34
 
32
- $kendo-table-cell-padding-x-md: k-map-get( $kendo-spacing, 6 ) !default;
33
- $kendo-table-cell-padding-y-md: k-map-get( $kendo-spacing, 2.5 ) !default;
35
+ $kendo-table-md-cell-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
36
+ $kendo-table-md-cell-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
34
37
 
35
- $kendo-table-cell-padding-x-lg: k-map-get( $kendo-spacing, 6 ) !default;
36
- $kendo-table-cell-padding-y-lg: k-map-get( $kendo-spacing, 2.5 ) !default;
38
+ $kendo-table-lg-cell-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
39
+ $kendo-table-lg-cell-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
37
40
 
38
41
  /// The sizes of the table.
39
42
  /// @group table
40
43
  $kendo-table-sizes: (
41
44
  sm: (
42
- font-size: $font-size-md,
43
- line-height: $line-height-md,
44
- cell-padding-x: $kendo-table-cell-padding-x-sm,
45
- cell-padding-y: $kendo-table-cell-padding-y-sm
45
+ font-size: $kendo-font-size-md,
46
+ line-height: $kendo-line-height-md,
47
+ cell-padding-x: $kendo-table-sm-cell-padding-x,
48
+ cell-padding-y: $kendo-table-sm-cell-padding-y
46
49
  ),
47
50
  md: (
48
- font-size: $font-size-md,
49
- line-height: $line-height-md,
50
- cell-padding-x: $kendo-table-cell-padding-x-md,
51
- cell-padding-y: $kendo-table-cell-padding-y-md
51
+ font-size: $kendo-font-size-md,
52
+ line-height: $kendo-line-height-md,
53
+ cell-padding-x: $kendo-table-md-cell-padding-x,
54
+ cell-padding-y: $kendo-table-md-cell-padding-y
52
55
  ),
53
56
  lg: (
54
- font-size: $font-size-md,
55
- line-height: $line-height-md,
56
- cell-padding-x: $kendo-table-cell-padding-x-lg,
57
- cell-padding-y: $kendo-table-cell-padding-y-lg
57
+ font-size: $kendo-font-size-md,
58
+ line-height: $kendo-line-height-md,
59
+ cell-padding-x: $kendo-table-lg-cell-padding-x,
60
+ cell-padding-y: $kendo-table-lg-cell-padding-y
58
61
  )
59
62
  ) !default;
60
63
 
@@ -75,7 +78,7 @@ $kendo-table-border: $kendo-component-border !default;
75
78
  $kendo-table-header-bg: $kendo-table-bg !default;
76
79
  /// Text color of table headers.
77
80
  /// @group table
78
- $kendo-table-header-text: if( $dark-theme, $light-secondary-text, $dark-secondary-text ) !default;
81
+ $kendo-table-header-text: if( $kendo-is-dark-theme, $light-secondary-text, $dark-secondary-text ) !default;
79
82
  /// Border color of table headers.
80
83
  /// @group table
81
84
  $kendo-table-header-border: $kendo-table-border !default;
package/scss/tabstrip/_layout.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @include exports( "tabstrip/layout/material" ) {
4
4
 
5
5
  .k-tabstrip {
6
- line-height: $tabstrip-line-height;
6
+ line-height: $kendo-tabstrip-line-height;
7
7
  }
8
8
 
9
9
  .k-tabstrip-items {
package/scss/tabstrip/_variables.scss CHANGED
@@ -1,108 +1,108 @@
1
1
  // Tabstrip
2
- $tabstrip-wrapper-padding-x: 0px !default;
3
- $tabstrip-wrapper-padding-y: 0px !default;
4
- $tabstrip-wrapper-border-width: 0px !default;
2
+ $kendo-tabstrip-wrapper-padding-x: 0px !default;
3
+ $kendo-tabstrip-wrapper-padding-y: 0px !default;
4
+ $kendo-tabstrip-wrapper-border-width: 0px !default;
5
5
 
6
- $tabstrip-font-family: $font-family !default;
7
- $tabstrip-font-size: $font-size !default;
8
- $tabstrip-line-height: k-math-div( 20, 14 ) !default;
9
- $tabstrip-border-width: 1px !default;
6
+ $kendo-tabstrip-font-family: $kendo-font-family !default;
7
+ $kendo-tabstrip-font-size: $kendo-font-size-md !default;
8
+ $kendo-tabstrip-line-height: k-math-div( 20, 14 ) !default;
9
+ $kendo-tabstrip-border-width: 1px !default;
10
10
 
11
- $tabstrip-wrapper-bg: null !default;
12
- $tabstrip-wrapper-text: null !default;
13
- $tabstrip-wrapper-border: null !default;
11
+ $kendo-tabstrip-wrapper-bg: null !default;
12
+ $kendo-tabstrip-wrapper-text: null !default;
13
+ $kendo-tabstrip-wrapper-border: null !default;
14
14
 
15
15
  /// Background color of tabstrip component
16
16
  /// @group tabstrip
17
- $tabstrip-bg: null !default;
17
+ $kendo-tabstrip-bg: null !default;
18
18
  /// Text color of tabstrip component
19
19
  /// @group tabstrip
20
- $tabstrip-text: $kendo-subtle-text !default;
20
+ $kendo-tabstrip-text: $kendo-subtle-text !default;
21
21
  /// Border color of tabstrip component
22
22
  /// @group tabstrip
23
- $tabstrip-border: $kendo-component-border !default;
23
+ $kendo-tabstrip-border: $kendo-component-border !default;
24
24
 
25
25
  /// Horizontal padding of tabs
26
26
  /// @group tabstrip
27
- $tabstrip-item-padding-x: 24px !default;
27
+ $kendo-tabstrip-item-padding-x: 24px !default;
28
28
  /// Vertical padding of tabs
29
29
  /// @group tabstrip
30
- $tabstrip-item-padding-y: 14px !default;
30
+ $kendo-tabstrip-item-padding-y: 14px !default;
31
31
  /// Width of border around of tabs
32
32
  /// @group tabstrip
33
- $tabstrip-item-border-width: 0px !default;
33
+ $kendo-tabstrip-item-border-width: 0px !default;
34
34
  /// Border radius of tabs
35
35
  /// @group tabstrip
36
- $tabstrip-item-border-radius: 0px !default;
36
+ $kendo-tabstrip-item-border-radius: 0px !default;
37
37
  /// Spacing between tabs
38
38
  /// @group tabstrip
39
- $tabstrip-item-gap: 0px !default;
39
+ $kendo-tabstrip-item-gap: 0px !default;
40
40
 
41
41
  /// Background color of tabs
42
42
  /// @group tabstrip
43
- $tabstrip-item-bg: null !default;
43
+ $kendo-tabstrip-item-bg: null !default;
44
44
  /// Text color of tabs
45
45
  /// @group tabstrip
46
- $tabstrip-item-text: $kendo-subtle-text !default;
46
+ $kendo-tabstrip-item-text: $kendo-subtle-text !default;
47
47
  /// Border color of tabs
48
48
  /// @group tabstrip
49
- $tabstrip-item-border: null !default;
49
+ $kendo-tabstrip-item-border: null !default;
50
50
  /// Background gradient of tabs
51
51
  /// @group tabstrip
52
- $tabstrip-item-gradient: null !default;
52
+ $kendo-tabstrip-item-gradient: null !default;
53
53
 
54
54
  /// Background color of hovered tabs
55
55
  /// @group tabstrip
56
- $tabstrip-item-hover-bg: $kendo-hover-bg !default;
56
+ $kendo-tabstrip-item-hover-bg: $kendo-hover-bg !default;
57
57
  /// Text color of hovered tabs
58
58
  /// @group tabstrip
59
- $tabstrip-item-hover-text: $kendo-body-text !default;
59
+ $kendo-tabstrip-item-hover-text: $kendo-body-text !default;
60
60
  /// Border color of hovered tabs
61
61
  /// @group tabstrip
62
- $tabstrip-item-hover-border: null !default;
62
+ $kendo-tabstrip-item-hover-border: null !default;
63
63
  /// Background gradient of hovered tabs
64
64
  /// @group tabstrip
65
- $tabstrip-item-hover-gradient: null !default;
65
+ $kendo-tabstrip-item-hover-gradient: null !default;
66
66
 
67
67
  /// Background color of selected tabs
68
68
  /// @group tabstrip
69
- $tabstrip-item-selected-bg: null !default;
69
+ $kendo-tabstrip-item-selected-bg: null !default;
70
70
  /// Text color of selected tabs
71
71
  /// @group tabstrip
72
- $tabstrip-item-selected-text: $kendo-body-text !default;
72
+ $kendo-tabstrip-item-selected-text: $kendo-body-text !default;
73
73
  /// Border color of selected tabs
74
74
  /// @group tabstrip
75
- $tabstrip-item-selected-border: null !default;
75
+ $kendo-tabstrip-item-selected-border: null !default;
76
76
  /// Background gradient of selected tabs
77
77
  /// @group tabstrip
78
- $tabstrip-item-selected-gradient: null !default;
78
+ $kendo-tabstrip-item-selected-gradient: null !default;
79
79
 
80
- $tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
80
+ $kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
81
81
 
82
- $tabstrip-item-dragging-shadow: 0 4px 5px 0 rgba( black, .14 ), 0 1px 10px 0 rgba( black, .12 ), 0 2px 4px -1px rgba( black, .2 ) !default;
82
+ $kendo-tabstrip-item-dragging-shadow: 0 4px 5px 0 rgba( black, .14 ), 0 1px 10px 0 rgba( black, .12 ), 0 2px 4px -1px rgba( black, .2 ) !default;
83
83
 
84
- $tabstrip-indicator-size: 2px !default;
85
- $tabstrip-indicator-color: $kendo-color-primary !default;
84
+ $kendo-tabstrip-indicator-size: 2px !default;
85
+ $kendo-tabstrip-indicator-color: $kendo-color-primary !default;
86
86
 
87
87
  /// Horizontal padding of tabstrip content
88
88
  /// @group tabstrip
89
- $tabstrip-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
89
+ $kendo-tabstrip-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
90
90
  /// Vertical padding of tabstrip content
91
91
  /// @group tabstrip
92
- $tabstrip-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
92
+ $kendo-tabstrip-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
93
93
  /// Width of border around tabstrip content
94
94
  /// @group tabstrip
95
- $tabstrip-content-border-width: 0px !default;
95
+ $kendo-tabstrip-content-border-width: 0px !default;
96
96
 
97
97
  /// Background color of tabstrip content
98
98
  /// @group tabstrip
99
- $tabstrip-content-bg: transparent !default;
99
+ $kendo-tabstrip-content-bg: transparent !default;
100
100
  /// Text color of tabstrip content
101
101
  /// @group tabstrip
102
- $tabstrip-content-text: null !default;
102
+ $kendo-tabstrip-content-text: null !default;
103
103
  /// Border color of tabstrip content
104
104
  /// @group tabstrip
105
- $tabstrip-content-border: null !default;
105
+ $kendo-tabstrip-content-border: null !default;
106
106
  /// Border color of tabstrip focused content
107
107
  /// @group tabstrip
108
- $tabstrip-content-focus-border: $kendo-component-text !default;
108
+ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
package/scss/taskboard/_index.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
  // Dependencies
5
- @import "../utils/_index.scss";
5
+ // @import "../utils/_index.scss";
6
6
  @import "../common/_index.scss";
7
7
  @import "../icons/_index.scss";
8
8
  @import "../forms/_index.scss";