@progress/kendo-theme-classic 4.43.1-dev.0 → 4.43.1-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 (193) hide show
  1. package/README.md +10 -17
  2. package/dist/all.css +2844 -2728
  3. package/dist/all.scss +6207 -5560
  4. package/modules/@progress/kendo-theme-default/package.json +2 -2
  5. package/modules/@progress/kendo-theme-default/scss/_layout.scss +0 -0
  6. package/modules/@progress/kendo-theme-default/scss/_variables.scss +0 -19
  7. package/modules/@progress/kendo-theme-default/scss/appbar/_layout.scss +13 -0
  8. package/modules/@progress/kendo-theme-default/scss/autocomplete/_index.scss +1 -0
  9. package/modules/@progress/kendo-theme-default/scss/autocomplete/_layout.scss +4 -4
  10. package/modules/@progress/kendo-theme-default/scss/button/_index.scss +2 -0
  11. package/modules/@progress/kendo-theme-default/scss/button/_layout.scss +1 -7
  12. package/modules/@progress/kendo-theme-default/scss/calendar/_index.scss +1 -0
  13. package/modules/@progress/kendo-theme-default/scss/calendar/_theme.scss +0 -21
  14. package/modules/@progress/kendo-theme-default/scss/checkbox/_index.scss +2 -0
  15. package/modules/@progress/kendo-theme-default/scss/checkbox/_layout.scss +2 -1
  16. package/modules/@progress/kendo-theme-default/scss/chip/_layout.scss +103 -123
  17. package/modules/@progress/kendo-theme-default/scss/chip/_theme.scss +289 -300
  18. package/modules/@progress/kendo-theme-default/scss/chip/_variables.scss +7 -9
  19. package/modules/@progress/kendo-theme-default/scss/color-preview/_layout.scss +51 -9
  20. package/modules/@progress/kendo-theme-default/scss/color-preview/_theme.scss +1 -14
  21. package/modules/@progress/kendo-theme-default/scss/color-preview/_variables.scss +1 -0
  22. package/modules/@progress/kendo-theme-default/scss/coloreditor/_layout.scss +5 -1
  23. package/modules/@progress/kendo-theme-default/scss/coloreditor/_variables.scss +3 -3
  24. package/modules/@progress/kendo-theme-default/scss/colorpicker/_layout.scss +23 -45
  25. package/modules/@progress/kendo-theme-default/scss/colorpicker/_theme.scss +33 -42
  26. package/modules/@progress/kendo-theme-default/scss/combobox/_index.scss +1 -0
  27. package/modules/@progress/kendo-theme-default/scss/combobox/_layout.scss +22 -29
  28. package/modules/@progress/kendo-theme-default/scss/combobox/_theme.scss +59 -99
  29. package/modules/@progress/kendo-theme-default/scss/combobox/_variables.scss +1 -32
  30. package/modules/@progress/kendo-theme-default/scss/dataviz/_index.scss +1 -0
  31. package/modules/@progress/kendo-theme-default/scss/dateinput/_index.scss +11 -0
  32. package/modules/@progress/kendo-theme-default/scss/dateinput/_layout.scss +81 -0
  33. package/modules/@progress/kendo-theme-default/scss/dateinput/_theme.scss +86 -0
  34. package/modules/@progress/kendo-theme-default/scss/dateinput/_variables.scss +1 -0
  35. package/modules/@progress/kendo-theme-default/scss/datepicker/_index.scss +13 -0
  36. package/modules/@progress/kendo-theme-default/scss/datepicker/_layout.scss +48 -0
  37. package/modules/@progress/kendo-theme-default/scss/datepicker/_theme.scss +87 -0
  38. package/modules/@progress/kendo-theme-default/scss/datepicker/_variables.scss +1 -0
  39. package/modules/@progress/kendo-theme-default/scss/{datetime → datetimepicker}/_index.scss +5 -4
  40. package/modules/@progress/kendo-theme-default/scss/datetimepicker/_layout.scss +120 -0
  41. package/modules/@progress/kendo-theme-default/scss/datetimepicker/_theme.scss +89 -0
  42. package/modules/@progress/kendo-theme-default/scss/datetimepicker/_variables.scss +2 -0
  43. package/modules/@progress/kendo-theme-default/scss/drawer/_index.scss +1 -0
  44. package/modules/@progress/kendo-theme-default/scss/dropdowngrid/_layout.scss +6 -4
  45. package/modules/@progress/kendo-theme-default/scss/dropdowngrid/_theme.scss +6 -2
  46. package/modules/@progress/kendo-theme-default/scss/dropdownlist/_index.scss +1 -0
  47. package/modules/@progress/kendo-theme-default/scss/dropdownlist/_layout.scss +37 -55
  48. package/modules/@progress/kendo-theme-default/scss/dropdownlist/_theme.scss +33 -75
  49. package/modules/@progress/kendo-theme-default/scss/dropdowntree/_layout.scss +1 -9
  50. package/modules/@progress/kendo-theme-default/scss/editor/_layout.scss +9 -16
  51. package/modules/@progress/kendo-theme-default/scss/expansion-panel/_index.scss +1 -0
  52. package/modules/@progress/kendo-theme-default/scss/filter/_index.scss +1 -1
  53. package/modules/@progress/kendo-theme-default/scss/filter/_layout.scss +9 -2
  54. package/modules/@progress/kendo-theme-default/scss/filter/_theme.scss +3 -1
  55. package/modules/@progress/kendo-theme-default/scss/forms/_layout.scss +4 -6
  56. package/modules/@progress/kendo-theme-default/scss/gantt/_index.scss +1 -1
  57. package/modules/@progress/kendo-theme-default/scss/grid/_index.scss +2 -1
  58. package/modules/@progress/kendo-theme-default/scss/grid/_layout.scss +0 -12
  59. package/modules/@progress/kendo-theme-default/scss/grid/_variables.scss +6 -6
  60. package/modules/@progress/kendo-theme-default/scss/imageeditor/_layout.scss +4 -8
  61. package/modules/@progress/kendo-theme-default/scss/imageeditor/_variables.scss +1 -0
  62. package/modules/@progress/kendo-theme-default/scss/index.scss +8 -3
  63. package/modules/@progress/kendo-theme-default/scss/input/_layout.scss +25 -26
  64. package/modules/@progress/kendo-theme-default/scss/input/_variables.scss +16 -1
  65. package/modules/@progress/kendo-theme-default/scss/list/_index.scss +12 -0
  66. package/modules/@progress/kendo-theme-default/scss/list/_layout.scss +212 -0
  67. package/modules/@progress/kendo-theme-default/scss/list/_theme.scss +104 -0
  68. package/modules/@progress/kendo-theme-default/scss/list/_variables.scss +21 -0
  69. package/modules/@progress/kendo-theme-default/scss/listbox/_index.scss +1 -0
  70. package/modules/@progress/kendo-theme-default/scss/map/_layout.scss +4 -7
  71. package/modules/@progress/kendo-theme-default/scss/maskedtextbox/_layout.scss +17 -31
  72. package/modules/@progress/kendo-theme-default/scss/maskedtextbox/_theme.scss +44 -14
  73. package/modules/@progress/kendo-theme-default/scss/mediaplayer/_layout.scss +5 -0
  74. package/modules/@progress/kendo-theme-default/scss/menu/_index.scss +1 -0
  75. package/modules/@progress/kendo-theme-default/scss/menu/_layout.scss +4 -6
  76. package/modules/@progress/kendo-theme-default/scss/menu/_variables.scss +2 -2
  77. package/modules/@progress/kendo-theme-default/scss/multiselect/_index.scss +2 -0
  78. package/modules/@progress/kendo-theme-default/scss/pager/_index.scss +1 -0
  79. package/modules/@progress/kendo-theme-default/scss/panelbar/_index.scss +1 -0
  80. package/modules/@progress/kendo-theme-default/scss/panelbar/_theme.scss +9 -2
  81. package/modules/@progress/kendo-theme-default/scss/panelbar/_variables.scss +4 -0
  82. package/modules/@progress/kendo-theme-default/scss/pivotgrid/_index.scss +1 -0
  83. package/modules/@progress/kendo-theme-default/scss/pivotgrid/_layout.scss +0 -16
  84. package/modules/@progress/kendo-theme-default/scss/pivotgrid/_variables.scss +0 -3
  85. package/modules/@progress/kendo-theme-default/scss/popover/_layout.scss +0 -1
  86. package/modules/@progress/kendo-theme-default/scss/popup/_index.scss +0 -4
  87. package/modules/@progress/kendo-theme-default/scss/popup/_layout.scss +2 -271
  88. package/modules/@progress/kendo-theme-default/scss/popup/_theme.scss +4 -148
  89. package/modules/@progress/kendo-theme-default/scss/popup/_variables.scss +2 -7
  90. package/modules/@progress/kendo-theme-default/scss/radio/_index.scss +2 -0
  91. package/modules/@progress/kendo-theme-default/scss/radio/_layout.scss +2 -1
  92. package/modules/@progress/kendo-theme-default/scss/scheduler/_index.scss +1 -1
  93. package/modules/@progress/kendo-theme-default/scss/scheduler/_layout.scss +1 -1
  94. package/modules/@progress/kendo-theme-default/scss/scrollview/_layout.scss +6 -1
  95. package/modules/@progress/kendo-theme-default/scss/slider/_layout.scss +2 -0
  96. package/modules/@progress/kendo-theme-default/scss/spreadsheet/_index.scss +2 -1
  97. package/modules/@progress/kendo-theme-default/scss/spreadsheet/_layout.scss +4 -11
  98. package/modules/@progress/kendo-theme-default/scss/table/_index.scss +19 -0
  99. package/modules/@progress/kendo-theme-default/scss/table/_layout.scss +228 -0
  100. package/modules/@progress/kendo-theme-default/scss/table/_theme.scss +81 -0
  101. package/modules/@progress/kendo-theme-default/scss/table/_variables.scss +114 -0
  102. package/modules/@progress/kendo-theme-default/scss/tabstrip/_index.scss +1 -0
  103. package/modules/@progress/kendo-theme-default/scss/tabstrip/_layout.scss +1 -1
  104. package/modules/@progress/kendo-theme-default/scss/timepicker/_index.scss +15 -0
  105. package/modules/@progress/kendo-theme-default/scss/timepicker/_layout.scss +48 -0
  106. package/modules/@progress/kendo-theme-default/scss/timepicker/_theme.scss +87 -0
  107. package/modules/@progress/kendo-theme-default/scss/timepicker/_variables.scss +1 -0
  108. package/modules/@progress/kendo-theme-default/scss/timeselector/_index.scss +13 -0
  109. package/modules/@progress/kendo-theme-default/scss/timeselector/_layout.scss +207 -0
  110. package/modules/@progress/kendo-theme-default/scss/timeselector/_theme.scss +70 -0
  111. package/modules/@progress/kendo-theme-default/scss/timeselector/_variables.scss +32 -0
  112. package/modules/@progress/kendo-theme-default/scss/toolbar/_layout.scss +15 -0
  113. package/modules/@progress/kendo-theme-default/scss/utils/_border.scss +1 -2
  114. package/modules/@progress/kendo-theme-default/scss/utils/_flex.scss +11 -3
  115. package/modules/@progress/kendo-theme-default/scss/virtual-scroller/_index.scss +10 -0
  116. package/modules/@progress/kendo-theme-default/scss/virtual-scroller/_layout.scss +35 -0
  117. package/modules/@progress/kendo-theme-default/scss/virtual-scroller/_theme.scss +3 -0
  118. package/modules/@progress/kendo-theme-default/scss/virtual-scroller/_variables.scss +1 -0
  119. package/package.json +3 -3
  120. package/scss/_variables.scss +0 -19
  121. package/scss/autocomplete/_index.scss +1 -0
  122. package/scss/button/_index.scss +2 -0
  123. package/scss/calendar/_index.scss +1 -0
  124. package/scss/checkbox/_index.scss +2 -0
  125. package/scss/chip/_variables.scss +8 -9
  126. package/scss/color-preview/_variables.scss +1 -0
  127. package/scss/coloreditor/_variables.scss +3 -3
  128. package/scss/combobox/_index.scss +1 -0
  129. package/scss/combobox/_variables.scss +1 -32
  130. package/scss/dataviz/_index.scss +1 -0
  131. package/scss/dateinput/_index.scss +11 -0
  132. package/scss/dateinput/_layout.scss +1 -0
  133. package/scss/dateinput/_theme.scss +1 -0
  134. package/scss/dateinput/_variables.scss +1 -0
  135. package/scss/datepicker/_index.scss +13 -0
  136. package/scss/datepicker/_layout.scss +1 -0
  137. package/scss/datepicker/_theme.scss +1 -0
  138. package/scss/datepicker/_variables.scss +1 -0
  139. package/scss/{datetime → datetimepicker}/_index.scss +5 -4
  140. package/scss/{datetime → datetimepicker}/_layout.scss +1 -1
  141. package/scss/{datetime → datetimepicker}/_theme.scss +1 -1
  142. package/scss/datetimepicker/_variables.scss +2 -0
  143. package/scss/drawer/_index.scss +1 -0
  144. package/scss/dropdownlist/_index.scss +1 -0
  145. package/scss/expansion-panel/_index.scss +1 -0
  146. package/scss/fab/index.md +0 -0
  147. package/scss/filter/_index.scss +1 -1
  148. package/scss/gantt/_index.scss +1 -1
  149. package/scss/grid/_index.scss +2 -1
  150. package/scss/grid/_variables.scss +6 -6
  151. package/scss/imageeditor/_variables.scss +1 -0
  152. package/scss/index.scss +8 -3
  153. package/scss/input/_variables.scss +16 -1
  154. package/scss/list/_index.scss +12 -0
  155. package/scss/list/_layout.scss +1 -0
  156. package/scss/list/_theme.scss +1 -0
  157. package/scss/list/_variables.scss +21 -0
  158. package/scss/listbox/_index.scss +1 -0
  159. package/scss/menu/_index.scss +1 -0
  160. package/scss/menu/_variables.scss +2 -2
  161. package/scss/multiselect/_index.scss +2 -0
  162. package/scss/pager/_index.scss +1 -0
  163. package/scss/panelbar/_index.scss +1 -0
  164. package/scss/panelbar/_variables.scss +5 -0
  165. package/scss/pivotgrid/_index.scss +1 -0
  166. package/scss/pivotgrid/_variables.scss +0 -3
  167. package/scss/popup/_index.scss +0 -4
  168. package/scss/popup/_variables.scss +2 -7
  169. package/scss/radio/_index.scss +2 -0
  170. package/scss/scheduler/_index.scss +1 -1
  171. package/scss/spreadsheet/_index.scss +2 -1
  172. package/scss/table/_index.scss +19 -0
  173. package/scss/table/_layout.scss +1 -0
  174. package/scss/table/_theme.scss +1 -0
  175. package/scss/table/_variables.scss +114 -0
  176. package/scss/tabstrip/_index.scss +1 -0
  177. package/scss/timepicker/_index.scss +15 -0
  178. package/scss/timepicker/_layout.scss +1 -0
  179. package/scss/timepicker/_theme.scss +1 -0
  180. package/scss/timepicker/_variables.scss +1 -0
  181. package/scss/timeselector/_index.scss +13 -0
  182. package/scss/timeselector/_layout.scss +1 -0
  183. package/scss/timeselector/_theme.scss +1 -0
  184. package/scss/timeselector/_variables.scss +32 -0
  185. package/scss/utils/_border.scss +1 -2
  186. package/scss/virtual-scroller/_index.scss +10 -0
  187. package/scss/virtual-scroller/_layout.scss +1 -0
  188. package/scss/virtual-scroller/_theme.scss +1 -0
  189. package/scss/virtual-scroller/_variables.scss +1 -0
  190. package/modules/@progress/kendo-theme-default/scss/datetime/_layout.scss +0 -462
  191. package/modules/@progress/kendo-theme-default/scss/datetime/_theme.scss +0 -321
  192. package/modules/@progress/kendo-theme-default/scss/datetime/_variables.scss +0 -53
  193. package/scss/datetime/_variables.scss +0 -53
package/README.md CHANGED
@@ -36,9 +36,7 @@ and then import it in your project styles:
36
36
 
37
37
  For more information on how to implement the Classic theme in your project, refer to the following articles:
38
38
 
39
- * [Using the Classic Theme in Angular Projects](https://www.telerik.com/kendo-angular-ui/components/styling/theme-classic/)
40
- * [Using the Classic Theme in React Projects](https://www.telerik.com/kendo-react-ui/components/styling/theme-classic/)
41
- * [Using the Classic Theme in jQuery Projects](http://docs.telerik.com/kendo-ui/styles-and-layout/sass-themes)
39
+ * [Using the Classic Theme in jQuery Projects](https://docs.telerik.com/kendo-ui/styles-and-layout/sass-themes)
42
40
 
43
41
  ## Customizing
44
42
 
@@ -46,7 +44,7 @@ You can customize Kendo UI Classic Theme both in terms of what gets compiled and
46
44
 
47
45
  ### Importing
48
46
 
49
- In your custom csss file, you can import the entirety of the theme, by importing `dist/all.scss` or pick just the styles for the components you need. The files for individual components are in `scss/` folder:
47
+ In your custom scss file, you can import the entirety of the theme, by importing `dist/all.scss` or pick just the styles for the components you need. The files for individual components are in `scss/` folder:
50
48
 
51
49
  ```scss
52
50
  // Import only PanelBar and Grid styles
@@ -56,9 +54,9 @@ In your custom csss file, you can import the entirety of the theme, by importing
56
54
 
57
55
  ### SCSS Variables
58
56
 
59
- Kendo UI Classic Theme provides many variables for customization. There are variables that control globally used theme colors like `$primary`, `$secondary`, `$success`, `$error` etc.; variables for all components such as `$component-text`, `$component-bg`; as well as variables for individual components such as `$grid-bg`, `$combobox-text`, `$tabstrip-font-size` and so on.
57
+ Kendo UI Classic Theme provides many variables for customization. There are variables that control globally used theme colors like `$primary`, `$secondary`, `$success`, `$error` etc.; variables for all components such as `$component-text`, `$component-bg`; as well as variables for individual components such as `$grid-bg`, `$tabstrip-font-size` and so on.
60
58
 
61
- Most component variables link to higher abstracted generic variables. For instance, the background of the grid component can be customized both from `$component-bg` and `$grid-bg`, with the latter ferrencing the former.
59
+ Most component variables link to higher abstracted generic variables. For instance, the background of the grid component can be customized both from `$component-bg` and `$grid-bg`, with the latter referencing the former.
62
60
 
63
61
  We have more than 2000 variables, so it's hard to list them all. We've tried to make variable names as coherent as possible. For instance, all variables ending in `-bg` control background color; all variables ending in `-text` control text color.
64
62
 
@@ -68,9 +66,6 @@ Here is a quick example on how to customize:
68
66
  // Make all inputs components with a different background color
69
67
  $input-bg: #f0f0f0;
70
68
 
71
- // Change just the autocomplete to have white background
72
- $autocomplete-bg: #ffffff;
73
-
74
69
  // Make the border of the grid black and slightly ticker
75
70
  $grid-border-width: 2px;
76
71
  $grid-border: #000000;
@@ -91,7 +86,7 @@ CSS can be complicated due to cascades (that's what C stands for). If there are
91
86
 
92
87
  To avoid that, we've prefixed all our class names with `k-` e.g. `k-grid`, `k-hidden` etc., with the exception of handling for `hidden` attribute, which will hide the element that has it.
93
88
 
94
- Some frameworks, like Bootstrap and Tailwind, touch global styles to establish a sort of baseline -- we call that normalizing. One such styles is the following bit, which makes dimenssions (width and height) behave in a specific way:
89
+ Some frameworks, like Bootstrap and Tailwind, touch global styles to establish a sort of baseline -- we call that normalizing. One such styles is the following bit, which makes dimensions (width and height) behave in a specific way:
95
90
 
96
91
  ```css
97
92
  *, ::after, ::before {
@@ -114,18 +109,16 @@ Have a bug or a feature request? Please first search for existing and closed iss
114
109
 
115
110
  ## Versioning
116
111
 
117
- To ensure version predictability, we use [Semantic Versioning](https://semver.org/): we try to add only feaures for minor versions and bugfixes (or smaller features) for patch version.
112
+ To ensure version predictability, we use [Semantic Versioning](https://semver.org/): we try to add only features for minor versions and bugfixes (or smaller features) for patch version.
118
113
  ## License
119
114
 
120
115
  This package is part of the following suites:
121
116
 
122
- * [Kendo UI for Angular](http://www.telerik.com/kendo-angular-ui/)
123
- * [KendoReact](http://www.telerik.com/kendo-react-ui/)
124
- * [Kendo UI for jQuery](http://www.telerik.com/kendo-ui)
125
- * [UI for ASP.NET MVC](http://www.telerik.com/aspnet-mvc)
126
- * [UI for ASP.NET Core](http://www.telerik.com/aspnet-core-ui)
117
+ * [Kendo UI for jQuery](https://www.telerik.com/kendo-ui)
118
+ * [Telerik UI for ASP.NET MVC](https://www.telerik.com/aspnet-mvc)
119
+ * [Telerik UI for ASP.NET Core](https://www.telerik.com/aspnet-core-ui)
127
120
 
128
- All available Kendo UI commercial licenses may be obtained at http://www.telerik.com/purchase/kendo-ui.
121
+ Visit the [Kendo UI Pricing page](https://www.telerik.com/purchase/kendo-ui) to review Kendo UI commercial licensing and pricing.
129
122
 
130
123
  If you do not own a commercial license, the usage of this software shall be governed by the [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0).
131
124