@progress/kendo-theme-fluent 9.1.1-dev.2 → 10.0.0-dev.1

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 (273) hide show
  1. package/README.md +7 -20
  2. package/dist/all.css +1 -1
  3. package/dist/fluent-main-dark.css +1 -1
  4. package/dist/fluent-main-dark.scss +7 -5
  5. package/dist/fluent-main.css +1 -1
  6. package/dist/fluent-main.scss +6 -4
  7. package/dist/meta/sassdoc-data.json +2513 -2239
  8. package/dist/meta/sassdoc-raw-data.json +901 -1325
  9. package/dist/meta/variables.json +6641 -6416
  10. package/lib/swatches/all.json +1 -1
  11. package/lib/swatches/fluent-main-dark.json +1 -1
  12. package/lib/swatches/fluent-main.json +1 -1
  13. package/package.json +4 -4
  14. package/scss/action-buttons/_index.scss +19 -0
  15. package/scss/action-sheet/_index.scss +25 -0
  16. package/scss/adaptive/_index.scss +29 -0
  17. package/scss/all.scss +2 -3
  18. package/scss/appbar/_index.scss +16 -0
  19. package/scss/autocomplete/_index.scss +26 -0
  20. package/scss/avatar/_index.scss +16 -0
  21. package/scss/badge/_index.scss +18 -0
  22. package/scss/bottom-navigation/_index.scss +20 -0
  23. package/scss/breadcrumb/_index.scss +23 -0
  24. package/scss/breadcrumb/_variables.scss +1 -1
  25. package/scss/button/_index.scss +20 -0
  26. package/scss/calendar/_index.scss +26 -0
  27. package/scss/captcha/_index.scss +29 -0
  28. package/scss/card/_index.scss +26 -0
  29. package/scss/chart-wizard/_index.scss +26 -25
  30. package/scss/chart-wizard/_layout.scss +1 -1
  31. package/scss/chat/_index.scss +27 -0
  32. package/scss/checkbox/_index.scss +16 -0
  33. package/scss/checkbox/_variables.scss +8 -7
  34. package/scss/chip/_index.scss +20 -0
  35. package/scss/color-preview/_index.scss +16 -0
  36. package/scss/color-preview/_variables.scss +2 -1
  37. package/scss/coloreditor/_index.scss +24 -0
  38. package/scss/colorgradient/_index.scss +30 -0
  39. package/scss/colorpalette/_index.scss +16 -0
  40. package/scss/colorpicker/_index.scss +26 -0
  41. package/scss/combobox/_index.scss +26 -0
  42. package/scss/core/_index.scss +15 -47
  43. package/scss/core/_variables.scss +1 -7
  44. package/scss/core/border-radii/_index.scss +1 -1
  45. package/scss/core/color-system/_palettes.scss +17 -15
  46. package/scss/core/color-system/_swatch-legacy.scss +153 -92
  47. package/scss/core/color-system/_swatch.scss +14 -100
  48. package/scss/core/color-system/utils/_functions.scss +1 -3
  49. package/scss/core/elevation/_legacy.scss +1 -1
  50. package/scss/core/spacing/_index.scss +48 -25
  51. package/scss/dataviz/_index.scss +20 -0
  52. package/scss/dataviz/_layout.scss +9 -9
  53. package/scss/dateinput/_index.scss +18 -0
  54. package/scss/datepicker/_index.scss +22 -0
  55. package/scss/daterangepicker/_index.scss +24 -0
  56. package/scss/datetimepicker/_index.scss +30 -0
  57. package/scss/dialog/_index.scss +18 -0
  58. package/scss/dock-manager/_index.scss +11 -16
  59. package/scss/draggable/_index.scss +16 -0
  60. package/scss/draggable/_variables.scss +2 -2
  61. package/scss/drawer/_index.scss +22 -0
  62. package/scss/drawer/_variables.scss +1 -1
  63. package/scss/dropdowngrid/_index.scss +26 -0
  64. package/scss/dropdownlist/_index.scss +24 -0
  65. package/scss/dropdowntree/_index.scss +30 -0
  66. package/scss/dropzone/_index.scss +16 -0
  67. package/scss/editor/_index.scss +32 -0
  68. package/scss/editor/_layout.scss +10 -10
  69. package/scss/expansion-panel/_index.scss +22 -0
  70. package/scss/fab/_index.scss +26 -0
  71. package/scss/filemanager/_index.scss +38 -0
  72. package/scss/filemanager/_layout.scss +1 -1
  73. package/scss/filemanager/_variables.scss +1 -1
  74. package/scss/filter/_index.scss +30 -0
  75. package/scss/filter/_variables.scss +2 -2
  76. package/scss/floating-label/_index.scss +16 -0
  77. package/scss/forms/{index.scss → _index.scss} +10 -18
  78. package/scss/forms/_layout.scss +9 -10
  79. package/scss/forms/_variables.scss +1 -1
  80. package/scss/gantt/_index.scss +35 -0
  81. package/scss/gantt/_layout.scss +2 -2
  82. package/scss/gantt/_variables.scss +2 -2
  83. package/scss/grid/_index.scss +64 -0
  84. package/scss/grid/_layout.scss +3 -3
  85. package/scss/{icon/index.scss → icons/_index.scss} +6 -14
  86. package/scss/imageeditor/_index.scss +26 -0
  87. package/scss/index.scss +239 -252
  88. package/scss/input/_index.scss +18 -0
  89. package/scss/input/_layout.scss +1 -1
  90. package/scss/list/_index.scss +16 -0
  91. package/scss/list/_layout.scss +1 -1
  92. package/scss/listbox/_index.scss +24 -0
  93. package/scss/listgroup/_index.scss +18 -0
  94. package/scss/listview/{index.scss → _index.scss} +10 -17
  95. package/scss/loader/_index.scss +21 -0
  96. package/scss/map/_index.scss +22 -0
  97. package/scss/map/_variables.scss +2 -2
  98. package/scss/maskedtextbox/_index.scss +22 -0
  99. package/scss/mediaplayer/_index.scss +22 -0
  100. package/scss/menu/_index.scss +24 -0
  101. package/scss/menu-button/_index.scss +20 -0
  102. package/scss/messagebox/_index.scss +18 -0
  103. package/scss/multiselect/_index.scss +30 -0
  104. package/scss/no-data/_index.scss +16 -0
  105. package/scss/notification/_index.scss +20 -0
  106. package/scss/numerictextbox/_index.scss +22 -0
  107. package/scss/orgchart/_index.scss +37 -0
  108. package/scss/overlay/_index.scss +16 -0
  109. package/scss/pager/_index.scss +22 -0
  110. package/scss/panel/_index.scss +17 -0
  111. package/scss/panel/_variables.scss +10 -10
  112. package/scss/panelbar/_index.scss +20 -0
  113. package/scss/panelbar/_layout.scss +2 -2
  114. package/scss/pdf-viewer/_index.scss +33 -0
  115. package/scss/pivotgrid/{index.scss → _index.scss} +16 -24
  116. package/scss/popover/_index.scss +20 -0
  117. package/scss/popup/_index.scss +16 -0
  118. package/scss/progressbar/_index.scss +16 -0
  119. package/scss/progressbar/_theme.scss +1 -0
  120. package/scss/prompt/_index.scss +18 -0
  121. package/scss/radio/_index.scss +16 -0
  122. package/scss/radio/_variables.scss +2 -1
  123. package/scss/rating/_index.scss +18 -0
  124. package/scss/responsivepanel/_index.scss +18 -0
  125. package/scss/ripple/_index.scss +16 -0
  126. package/scss/scheduler/_index.scss +32 -0
  127. package/scss/scheduler/_layout.scss +1 -1
  128. package/scss/scroller/_index.scss +18 -0
  129. package/scss/scrollview/_index.scss +20 -0
  130. package/scss/searchbox/_index.scss +22 -0
  131. package/scss/signature/_index.scss +20 -0
  132. package/scss/skeleton/_index.scss +16 -0
  133. package/scss/slider/_index.scss +22 -0
  134. package/scss/split-button/_index.scss +24 -0
  135. package/scss/splitter/_index.scss +22 -0
  136. package/scss/spreadsheet/_index.scss +48 -0
  137. package/scss/spreadsheet/_layout.scss +6 -6
  138. package/scss/spreadsheet/_variables.scss +1 -1
  139. package/scss/stepper/_index.scss +20 -0
  140. package/scss/switch/_index.scss +16 -0
  141. package/scss/table/_index.scss +16 -0
  142. package/scss/tabstrip/_index.scss +25 -0
  143. package/scss/tabstrip/_variables.scss +1 -1
  144. package/scss/taskboard/_index.scss +32 -0
  145. package/scss/textarea/{index.scss → _index.scss} +10 -18
  146. package/scss/textbox/_index.scss +20 -0
  147. package/scss/tilelayout/{index.scss → _index.scss} +10 -18
  148. package/scss/time-marker/_index.scss +16 -0
  149. package/scss/timedurationpicker/_index.scss +28 -0
  150. package/scss/timeline/_index.scss +22 -0
  151. package/scss/timepicker/_index.scss +26 -0
  152. package/scss/timeselector/_index.scss +22 -0
  153. package/scss/toolbar/_index.scss +27 -0
  154. package/scss/tooltip/_index.scss +22 -0
  155. package/scss/treelist/_index.scss +20 -0
  156. package/scss/treeview/_index.scss +20 -0
  157. package/scss/typography/_index.scss +19 -0
  158. package/scss/upload/_index.scss +28 -0
  159. package/scss/upload/_layout.scss +3 -3
  160. package/scss/utils/_index.scss +1 -0
  161. package/scss/validator/_index.scss +24 -0
  162. package/scss/virtual-scroller/_index.scss +20 -0
  163. package/scss/window/_index.scss +26 -0
  164. package/scss/wizard/_index.scss +24 -0
  165. package/scss/action-buttons/index.scss +0 -29
  166. package/scss/action-sheet/index.scss +0 -32
  167. package/scss/adaptive/index.scss +0 -32
  168. package/scss/appbar/index.scss +0 -23
  169. package/scss/autocomplete/index.scss +0 -28
  170. package/scss/avatar/index.scss +0 -25
  171. package/scss/badge/index.scss +0 -25
  172. package/scss/bottom-navigation/index.scss +0 -28
  173. package/scss/breadcrumb/index.scss +0 -30
  174. package/scss/button/index.scss +0 -26
  175. package/scss/calendar/index.scss +0 -32
  176. package/scss/captcha/index.scss +0 -33
  177. package/scss/card/index.scss +0 -32
  178. package/scss/chat/index.scss +0 -34
  179. package/scss/checkbox/index.scss +0 -23
  180. package/scss/chip/index.scss +0 -29
  181. package/scss/color-preview/index.scss +0 -25
  182. package/scss/coloreditor/index.scss +0 -29
  183. package/scss/colorgradient/index.scss +0 -34
  184. package/scss/colorpalette/index.scss +0 -23
  185. package/scss/colorpicker/index.scss +0 -29
  186. package/scss/combobox/index.scss +0 -29
  187. package/scss/core/module-system/_components.scss +0 -148
  188. package/scss/core/module-system/index.scss +0 -40
  189. package/scss/dataviz/index.scss +0 -28
  190. package/scss/dateinput/index.scss +0 -26
  191. package/scss/datepicker/index.scss +0 -29
  192. package/scss/daterangepicker/index.scss +0 -30
  193. package/scss/datetimepicker/index.scss +0 -34
  194. package/scss/dialog/index.scss +0 -28
  195. package/scss/draggable/index.scss +0 -23
  196. package/scss/drawer/index.scss +0 -27
  197. package/scss/dropdowngrid/index.scss +0 -30
  198. package/scss/dropdownlist/index.scss +0 -29
  199. package/scss/dropdowntree/index.scss +0 -32
  200. package/scss/dropzone/index.scss +0 -23
  201. package/scss/editor/index.scss +0 -34
  202. package/scss/expansion-panel/index.scss +0 -28
  203. package/scss/fab/index.scss +0 -33
  204. package/scss/filemanager/index.scss +0 -36
  205. package/scss/filter/index.scss +0 -32
  206. package/scss/floating-label/index.scss +0 -24
  207. package/scss/gantt/index.scss +0 -39
  208. package/scss/grid/index.scss +0 -52
  209. package/scss/imageeditor/index.scss +0 -28
  210. package/scss/input/index.scss +0 -26
  211. package/scss/list/index.scss +0 -27
  212. package/scss/listbox/index.scss +0 -28
  213. package/scss/listgroup/index.scss +0 -25
  214. package/scss/loader/index.scss +0 -29
  215. package/scss/map/index.scss +0 -27
  216. package/scss/maskedtextbox/index.scss +0 -26
  217. package/scss/mediaplayer/index.scss +0 -29
  218. package/scss/menu/index.scss +0 -29
  219. package/scss/menu-button/index.scss +0 -27
  220. package/scss/messagebox/index.scss +0 -25
  221. package/scss/multiselect/index.scss +0 -30
  222. package/scss/no-data/index.scss +0 -22
  223. package/scss/notification/index.scss +0 -27
  224. package/scss/numerictextbox/index.scss +0 -27
  225. package/scss/orgchart/index.scss +0 -42
  226. package/scss/overlay/index.scss +0 -23
  227. package/scss/pager/index.scss +0 -27
  228. package/scss/panel/index.scss +0 -23
  229. package/scss/panelbar/index.scss +0 -26
  230. package/scss/pdf-viewer/index.scss +0 -37
  231. package/scss/popover/index.scss +0 -29
  232. package/scss/popup/index.scss +0 -23
  233. package/scss/progressbar/index.scss +0 -23
  234. package/scss/prompt/index.scss +0 -26
  235. package/scss/radio/index.scss +0 -23
  236. package/scss/rating/index.scss +0 -25
  237. package/scss/responsivepanel/index.scss +0 -25
  238. package/scss/ripple/index.scss +0 -23
  239. package/scss/scheduler/index.scss +0 -46
  240. package/scss/scroller/index.scss +0 -25
  241. package/scss/scrollview/index.scss +0 -26
  242. package/scss/searchbox/index.scss +0 -28
  243. package/scss/signature/index.scss +0 -29
  244. package/scss/skeleton/index.scss +0 -23
  245. package/scss/slider/index.scss +0 -27
  246. package/scss/split-button/index.scss +0 -27
  247. package/scss/splitter/index.scss +0 -26
  248. package/scss/spreadsheet/index.scss +0 -45
  249. package/scss/stepper/index.scss +0 -26
  250. package/scss/switch/index.scss +0 -23
  251. package/scss/table/index.scss +0 -23
  252. package/scss/tabstrip/index.scss +0 -32
  253. package/scss/taskboard/index.scss +0 -41
  254. package/scss/textbox/index.scss +0 -27
  255. package/scss/time-marker/index.scss +0 -22
  256. package/scss/timedurationpicker/index.scss +0 -30
  257. package/scss/timeline/index.scss +0 -27
  258. package/scss/timepicker/index.scss +0 -30
  259. package/scss/timeselector/index.scss +0 -28
  260. package/scss/toolbar/index.scss +0 -34
  261. package/scss/tooltip/index.scss +0 -29
  262. package/scss/treelist/index.scss +0 -26
  263. package/scss/treeview/index.scss +0 -26
  264. package/scss/typography/index.scss +0 -27
  265. package/scss/upload/index.scss +0 -28
  266. package/scss/utils/index.scss +0 -10
  267. package/scss/validator/index.scss +0 -26
  268. package/scss/virtual-scroller/index.scss +0 -23
  269. package/scss/window/index.scss +0 -28
  270. package/scss/wizard/index.scss +0 -28
  271. /package/scss/{icon → icons}/_layout.scss +0 -0
  272. /package/scss/{icon → icons}/_theme.scss +0 -0
  273. /package/scss/{icon → icons}/_variables.scss +0 -0
package/README.md CHANGED
@@ -30,7 +30,7 @@ and then import it in your project styles:
30
30
 
31
31
  ```scss
32
32
  // Import the entire theme
33
- @use "~@progress/kendo-theme-fluent/scss/all.scss";
33
+ @use "@progress/kendo-theme-fluent/scss/all.scss" as *;
34
34
  ```
35
35
 
36
36
  ## Importing
@@ -39,17 +39,10 @@ In your custom scss file, you can import the entirety of the theme, by importing
39
39
 
40
40
  ```scss
41
41
  // Import only Button and Grid styles
42
- @use "~@progress/kendo-theme-fluent/scss/index.scss" as kendo-theme;
43
-
44
- @include kendo-theme.config(
45
- $config: (
46
- "components": (
47
- "button",
48
- "grid"
49
- )
50
- )
51
- );
52
- @include kendo-theme.styles();
42
+ @use "@progress/kendo-theme-default/scss/index.scss" as *;
43
+
44
+ @include kendo-button--styles();
45
+ @include kendo-grid--styles();
53
46
  ```
54
47
 
55
48
  ## SCSS Variables Customization
@@ -57,25 +50,19 @@ In your custom scss file, you can import the entirety of the theme, by importing
57
50
  The Kendo UI Fluent theme enables customization through SCSS variables as follows:
58
51
 
59
52
  ```scss
60
- @use "index.scss" as kendo-theme with (
53
+ @use "@progress/kendo-theme-fluent/scss/all.scss" as kendo-theme with (
61
54
  $kendo-body-bg: beige,
62
55
  $kendo-font-size: 1rem
63
56
  );
64
-
65
- @include kendo-theme.config();
66
- @include kendo-theme.styles();
67
57
  ```
68
58
 
69
59
  or:
70
60
 
71
61
  ```scss
72
- @use "index.scss" as kendo-theme;
62
+ @use "@progress/kendo-theme-fluent/scss/all.scss" as kendo-theme;
73
63
 
74
64
  kendo-theme.$kendo-body-bg: beige;
75
65
  kendo-theme.$kendo-font-size: 30px;
76
-
77
- @include kendo-theme.config();
78
- @include kendo-theme.styles();
79
66
  ```
80
67
 
81
68
  ## CSS Variables Customization