@progress/kendo-theme-fluent 11.2.1-dev.1 → 11.3.0-dev.0

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 (340) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -1
  3. package/dist/fluent-main.css +1 -1
  4. package/dist/meta/sassdoc-data.json +24099 -27323
  5. package/dist/meta/sassdoc-raw-data.json +8421 -7718
  6. package/dist/meta/variables.json +7880 -8036
  7. package/lib/swatches/all.json +1 -1
  8. package/lib/swatches/fluent-main-dark.json +1 -1
  9. package/lib/swatches/fluent-main.json +1 -1
  10. package/package.json +4 -4
  11. package/scss/action-buttons/_layout.scss +2 -55
  12. package/scss/action-buttons/_theme.scss +2 -11
  13. package/scss/action-buttons/_variables.scss +17 -7
  14. package/scss/action-sheet/_layout.scss +11 -399
  15. package/scss/action-sheet/_theme.scss +14 -69
  16. package/scss/action-sheet/_variables.scss +129 -66
  17. package/scss/adaptive/_index.scss +0 -3
  18. package/scss/adaptive/_layout.scss +2 -457
  19. package/scss/adaptive/_theme.scss +2 -75
  20. package/scss/adaptive/_variables.scss +39 -18
  21. package/scss/appbar/_layout.scss +2 -114
  22. package/scss/appbar/_theme.scss +9 -20
  23. package/scss/appbar/_variables.scss +38 -71
  24. package/scss/avatar/_layout.scss +2 -73
  25. package/scss/avatar/_theme.scss +2 -16
  26. package/scss/avatar/_variables.scss +24 -82
  27. package/scss/badge/_layout.scss +3 -146
  28. package/scss/badge/_theme.scss +8 -21
  29. package/scss/badge/_variables.scss +41 -88
  30. package/scss/bottom-navigation/_layout.scss +5 -108
  31. package/scss/bottom-navigation/_theme.scss +73 -74
  32. package/scss/bottom-navigation/_variables.scss +58 -117
  33. package/scss/breadcrumb/_layout.scss +8 -132
  34. package/scss/breadcrumb/_theme.scss +15 -71
  35. package/scss/breadcrumb/_variables.scss +133 -71
  36. package/scss/button/_layout.scss +18 -182
  37. package/scss/button/_theme.scss +132 -113
  38. package/scss/button/_variables.scss +156 -301
  39. package/scss/calendar/_layout.scss +27 -383
  40. package/scss/calendar/_theme.scss +55 -127
  41. package/scss/calendar/_variables.scss +185 -100
  42. package/scss/captcha/_layout.scss +2 -59
  43. package/scss/captcha/_theme.scss +2 -9
  44. package/scss/captcha/_variables.scss +25 -9
  45. package/scss/card/_layout.scss +9 -314
  46. package/scss/card/_theme.scss +3 -103
  47. package/scss/card/_variables.scss +110 -60
  48. package/scss/chart-wizard/_layout.scss +2 -38
  49. package/scss/chart-wizard/_theme.scss +2 -28
  50. package/scss/chart-wizard/_variables.scss +25 -11
  51. package/scss/chat/_index.scss +0 -3
  52. package/scss/chat/_layout.scss +26 -450
  53. package/scss/chat/_theme.scss +9 -80
  54. package/scss/chat/_variables.scss +143 -71
  55. package/scss/checkbox/_layout.scss +14 -191
  56. package/scss/checkbox/_theme.scss +11 -100
  57. package/scss/checkbox/_variables.scss +165 -78
  58. package/scss/chip/_layout.scss +11 -137
  59. package/scss/chip/_theme.scss +56 -57
  60. package/scss/chip/_variables.scss +99 -94
  61. package/scss/color-preview/_layout.scss +4 -64
  62. package/scss/color-preview/_theme.scss +2 -27
  63. package/scss/color-preview/_variables.scss +23 -9
  64. package/scss/coloreditor/_layout.scss +21 -109
  65. package/scss/coloreditor/_theme.scss +3 -24
  66. package/scss/coloreditor/_variables.scss +92 -57
  67. package/scss/colorgradient/_layout.scss +12 -196
  68. package/scss/colorgradient/_theme.scss +27 -65
  69. package/scss/colorgradient/_variables.scss +134 -76
  70. package/scss/colorpalette/_layout.scss +6 -40
  71. package/scss/colorpalette/_theme.scss +10 -20
  72. package/scss/colorpalette/_variables.scss +39 -21
  73. package/scss/colorpicker/_layout.scss +2 -11
  74. package/scss/colorpicker/_theme.scss +2 -1
  75. package/scss/column-menu/_layout.scss +5 -56
  76. package/scss/column-menu/_theme.scss +1 -24
  77. package/scss/column-menu/_variables.scss +38 -17
  78. package/scss/combobox/_layout.scss +4 -2
  79. package/scss/combobox/_theme.scss +4 -2
  80. package/scss/core/functions/index.import.scss +1 -0
  81. package/scss/dataviz/_layout.scss +6 -543
  82. package/scss/dataviz/_theme.scss +12 -76
  83. package/scss/dataviz/_variables.scss +152 -33
  84. package/scss/daterangepicker/_layout.scss +2 -37
  85. package/scss/daterangepicker/_theme.scss +16 -7
  86. package/scss/daterangepicker/_variables.scss +9 -0
  87. package/scss/datetimepicker/_layout.scss +3 -41
  88. package/scss/datetimepicker/_theme.scss +3 -2
  89. package/scss/datetimepicker/_variables.scss +5 -1
  90. package/scss/dialog/_layout.scss +8 -53
  91. package/scss/dialog/_theme.scss +5 -25
  92. package/scss/dialog/_variables.scss +31 -60
  93. package/scss/dock-manager/_layout.scss +9 -193
  94. package/scss/dock-manager/_theme.scss +6 -28
  95. package/scss/dock-manager/_variables.scss +74 -36
  96. package/scss/draggable/_layout.scss +13 -59
  97. package/scss/draggable/_theme.scss +10 -15
  98. package/scss/draggable/_variables.scss +45 -23
  99. package/scss/drawer/_layout.scss +7 -198
  100. package/scss/drawer/_theme.scss +25 -52
  101. package/scss/drawer/_variables.scss +73 -45
  102. package/scss/dropdowngrid/_layout.scss +3 -11
  103. package/scss/dropdowngrid/_theme.scss +3 -3
  104. package/scss/dropdownlist/_layout.scss +4 -28
  105. package/scss/dropdownlist/_theme.scss +3 -7
  106. package/scss/dropdowntree/_layout.scss +2 -35
  107. package/scss/dropdowntree/_theme.scss +3 -4
  108. package/scss/dropdowntree/_variables.scss +4 -3
  109. package/scss/dropzone/_layout.scss +7 -31
  110. package/scss/dropzone/_theme.scss +2 -30
  111. package/scss/dropzone/_variables.scss +43 -21
  112. package/scss/editor/_layout.scss +3 -588
  113. package/scss/editor/_theme.scss +12 -78
  114. package/scss/editor/_variables.scss +45 -26
  115. package/scss/expansion-panel/_layout.scss +22 -57
  116. package/scss/expansion-panel/_theme.scss +13 -36
  117. package/scss/expansion-panel/_variables.scss +49 -28
  118. package/scss/fab/_layout.scss +11 -134
  119. package/scss/fab/_theme.scss +37 -126
  120. package/scss/fab/_variables.scss +104 -56
  121. package/scss/filemanager/_layout.scss +2 -240
  122. package/scss/filemanager/_theme.scss +8 -89
  123. package/scss/filemanager/_variables.scss +109 -56
  124. package/scss/filter/_layout.scss +8 -71
  125. package/scss/filter/_theme.scss +5 -14
  126. package/scss/filter/_variables.scss +20 -10
  127. package/scss/floating-label/_layout.scss +3 -75
  128. package/scss/floating-label/_theme.scss +4 -20
  129. package/scss/floating-label/_variables.scss +35 -17
  130. package/scss/forms/_layout.scss +5 -302
  131. package/scss/forms/_theme.scss +5 -24
  132. package/scss/forms/_variables.scss +73 -39
  133. package/scss/gantt/_layout.scss +5 -801
  134. package/scss/gantt/_theme.scss +17 -236
  135. package/scss/gantt/_variables.scss +142 -73
  136. package/scss/grid/_layout.scss +60 -1276
  137. package/scss/grid/_theme.scss +35 -343
  138. package/scss/grid/_variables.scss +306 -183
  139. package/scss/gridlayout/_layout.scss +1 -6
  140. package/scss/gridlayout/_theme.scss +1 -6
  141. package/scss/icons/_layout.scss +4 -33
  142. package/scss/icons/_theme.scss +7 -1
  143. package/scss/icons/_variables.scss +35 -9
  144. package/scss/imageeditor/_layout.scss +2 -152
  145. package/scss/imageeditor/_theme.scss +5 -42
  146. package/scss/imageeditor/_variables.scss +66 -32
  147. package/scss/index.scss +2 -1
  148. package/scss/input/_layout.scss +36 -468
  149. package/scss/input/_theme.scss +52 -128
  150. package/scss/input/_variables.scss +153 -208
  151. package/scss/list/_layout.scss +3 -252
  152. package/scss/list/_theme.scss +10 -81
  153. package/scss/list/_variables.scss +176 -92
  154. package/scss/listbox/_layout.scss +2 -80
  155. package/scss/listbox/_theme.scss +5 -8
  156. package/scss/listbox/_variables.scss +28 -13
  157. package/scss/listgroup/_layout.scss +2 -174
  158. package/scss/listgroup/_theme.scss +2 -8
  159. package/scss/listgroup/_variables.scss +23 -10
  160. package/scss/listview/_layout.scss +6 -133
  161. package/scss/listview/_theme.scss +8 -37
  162. package/scss/listview/_variables.scss +66 -39
  163. package/scss/loader/_layout.scss +15 -572
  164. package/scss/loader/_theme.scss +2 -14
  165. package/scss/loader/_variables.scss +90 -92
  166. package/scss/map/_layout.scss +7 -121
  167. package/scss/map/_theme.scss +5 -17
  168. package/scss/map/_variables.scss +40 -22
  169. package/scss/maskedtextbox/_layout.scss +3 -3
  170. package/scss/maskedtextbox/_theme.scss +3 -3
  171. package/scss/mediaplayer/_layout.scss +5 -72
  172. package/scss/mediaplayer/_theme.scss +5 -15
  173. package/scss/mediaplayer/_variables.scss +27 -14
  174. package/scss/menu/_layout.scss +25 -267
  175. package/scss/menu/_theme.scss +14 -73
  176. package/scss/menu/_variables.scss +135 -76
  177. package/scss/menu-button/_layout.scss +9 -14
  178. package/scss/menu-button/_theme.scss +5 -1
  179. package/scss/menu-button/_variables.scss +10 -0
  180. package/scss/messagebox/_layout.scss +2 -18
  181. package/scss/messagebox/_theme.scss +4 -19
  182. package/scss/messagebox/_variables.scss +33 -37
  183. package/scss/multiselect/_layout.scss +3 -4
  184. package/scss/multiselect/_theme.scss +3 -4
  185. package/scss/no-data/_layout.scss +2 -17
  186. package/scss/no-data/_theme.scss +2 -5
  187. package/scss/no-data/_variables.scss +7 -2
  188. package/scss/notification/_functions.scss +17 -0
  189. package/scss/notification/_layout.scss +2 -68
  190. package/scss/notification/_theme.scss +4 -28
  191. package/scss/notification/_variables.scss +50 -91
  192. package/scss/numerictextbox/_layout.scss +3 -7
  193. package/scss/numerictextbox/_theme.scss +3 -3
  194. package/scss/orgchart/_layout.scss +8 -99
  195. package/scss/orgchart/_theme.scss +4 -45
  196. package/scss/orgchart/_variables.scss +87 -45
  197. package/scss/otp/_layout.scss +1 -34
  198. package/scss/otp/_theme.scss +1 -7
  199. package/scss/otp/_variables.scss +25 -12
  200. package/scss/overlay/_layout.scss +2 -11
  201. package/scss/overlay/_theme.scss +4 -3
  202. package/scss/overlay/_variables.scss +7 -3
  203. package/scss/pager/_layout.scss +11 -145
  204. package/scss/pager/_theme.scss +7 -15
  205. package/scss/pager/_variables.scss +49 -26
  206. package/scss/panel/_layout.scss +2 -24
  207. package/scss/panel/_theme.scss +10 -13
  208. package/scss/panel/_variables.scss +23 -10
  209. package/scss/panelbar/_layout.scss +17 -95
  210. package/scss/panelbar/_theme.scss +15 -164
  211. package/scss/panelbar/_variables.scss +134 -68
  212. package/scss/pdf-viewer/_layout.scss +3 -327
  213. package/scss/pdf-viewer/_theme.scss +2 -80
  214. package/scss/pdf-viewer/_variables.scss +75 -36
  215. package/scss/pivotgrid/_index.scss +0 -6
  216. package/scss/pivotgrid/_layout.scss +44 -579
  217. package/scss/pivotgrid/_theme.scss +5 -192
  218. package/scss/pivotgrid/_variables.scss +144 -70
  219. package/scss/popover/_layout.scss +6 -73
  220. package/scss/popover/_theme.scss +2 -36
  221. package/scss/popover/_variables.scss +54 -27
  222. package/scss/popup/_layout.scss +5 -70
  223. package/scss/popup/_theme.scss +2 -9
  224. package/scss/popup/_variables.scss +25 -12
  225. package/scss/progressbar/_layout.scss +10 -196
  226. package/scss/progressbar/_theme.scss +11 -46
  227. package/scss/progressbar/_variables.scss +57 -34
  228. package/scss/prompt/_layout.scss +2 -75
  229. package/scss/prompt/_theme.scss +2 -35
  230. package/scss/prompt/_variables.scss +43 -20
  231. package/scss/radio/_layout.scss +12 -178
  232. package/scss/radio/_theme.scss +7 -75
  233. package/scss/radio/_variables.scss +72 -36
  234. package/scss/rating/_layout.scss +11 -57
  235. package/scss/rating/_theme.scss +8 -6
  236. package/scss/rating/_variables.scss +21 -13
  237. package/scss/responsivepanel/_layout.scss +2 -45
  238. package/scss/responsivepanel/_theme.scss +3 -3
  239. package/scss/ripple/_layout.scss +2 -50
  240. package/scss/ripple/_theme.scss +2 -2
  241. package/scss/scheduler/_layout.scss +11 -773
  242. package/scss/scheduler/_theme.scss +32 -167
  243. package/scss/scheduler/_variables.scss +149 -77
  244. package/scss/scroller/_layout.scss +2 -80
  245. package/scss/scroller/_theme.scss +2 -5
  246. package/scss/scrollview/_layout.scss +2 -159
  247. package/scss/scrollview/_theme.scss +11 -35
  248. package/scss/scrollview/_variables.scss +52 -29
  249. package/scss/searchbox/_layout.scss +2 -0
  250. package/scss/searchbox/_theme.scss +4 -1
  251. package/scss/searchbox/_variables.scss +1 -1
  252. package/scss/signature/_layout.scss +3 -67
  253. package/scss/signature/_theme.scss +3 -8
  254. package/scss/signature/_variables.scss +46 -25
  255. package/scss/skeleton/_layout.scss +2 -79
  256. package/scss/skeleton/_theme.scss +2 -17
  257. package/scss/skeleton/_variables.scss +15 -6
  258. package/scss/slider/_layout.scss +18 -203
  259. package/scss/slider/_theme.scss +31 -40
  260. package/scss/slider/_variables.scss +58 -41
  261. package/scss/speech-to-text-button/_layout.scss +1 -9
  262. package/scss/speech-to-text-button/_theme.scss +1 -3
  263. package/scss/split-button/_layout.scss +22 -18
  264. package/scss/split-button/_theme.scss +2 -1
  265. package/scss/split-button/_variables.scss +18 -9
  266. package/scss/splitter/_layout.scss +8 -171
  267. package/scss/splitter/_theme.scss +2 -31
  268. package/scss/splitter/_variables.scss +42 -20
  269. package/scss/spreadsheet/_layout.scss +50 -724
  270. package/scss/spreadsheet/_theme.scss +14 -182
  271. package/scss/spreadsheet/_variables.scss +172 -99
  272. package/scss/stacklayout/_layout.scss +1 -5
  273. package/scss/stacklayout/_theme.scss +1 -5
  274. package/scss/stepper/_layout.scss +9 -255
  275. package/scss/stepper/_theme.scss +4 -186
  276. package/scss/stepper/_variables.scss +125 -60
  277. package/scss/suggestion/_layout.scss +2 -38
  278. package/scss/suggestion/_theme.scss +3 -66
  279. package/scss/suggestion/_variables.scss +42 -19
  280. package/scss/switch/_layout.scss +2 -138
  281. package/scss/switch/_theme.scss +2 -136
  282. package/scss/switch/_variables.scss +99 -49
  283. package/scss/table/_layout.scss +6 -249
  284. package/scss/table/_theme.scss +9 -95
  285. package/scss/table/_variables.scss +100 -64
  286. package/scss/tabstrip/_layout.scss +2 -421
  287. package/scss/tabstrip/_theme.scss +12 -123
  288. package/scss/tabstrip/_variables.scss +113 -61
  289. package/scss/taskboard/_layout.scss +28 -178
  290. package/scss/taskboard/_theme.scss +20 -55
  291. package/scss/taskboard/_variables.scss +122 -63
  292. package/scss/textarea/_layout.scss +3 -6
  293. package/scss/textarea/_theme.scss +3 -4
  294. package/scss/textbox/_layout.scss +3 -4
  295. package/scss/textbox/_theme.scss +3 -4
  296. package/scss/tilelayout/_layout.scss +2 -36
  297. package/scss/tilelayout/_theme.scss +13 -10
  298. package/scss/tilelayout/_variables.scss +19 -8
  299. package/scss/time-marker/_layout.scss +2 -15
  300. package/scss/time-marker/_theme.scss +2 -17
  301. package/scss/time-marker/_variables.scss +7 -2
  302. package/scss/timedurationpicker/_layout.scss +3 -4
  303. package/scss/timedurationpicker/_theme.scss +3 -4
  304. package/scss/timeline/_layout.scss +8 -423
  305. package/scss/timeline/_theme.scss +11 -34
  306. package/scss/timeline/_variables.scss +108 -61
  307. package/scss/timepicker/_layout.scss +7 -3
  308. package/scss/timepicker/_theme.scss +3 -4
  309. package/scss/timeselector/_layout.scss +3 -223
  310. package/scss/timeselector/_theme.scss +5 -55
  311. package/scss/timeselector/_variables.scss +84 -41
  312. package/scss/toolbar/_layout.scss +11 -296
  313. package/scss/toolbar/_theme.scss +3 -167
  314. package/scss/toolbar/_variables.scss +65 -32
  315. package/scss/tooltip/_functions.scss +17 -0
  316. package/scss/tooltip/_layout.scss +13 -74
  317. package/scss/tooltip/_theme.scss +17 -23
  318. package/scss/tooltip/_variables.scss +50 -72
  319. package/scss/treelist/_layout.scss +3 -82
  320. package/scss/treelist/_theme.scss +4 -6
  321. package/scss/treelist/_variables.scss +7 -2
  322. package/scss/treeview/_layout.scss +8 -137
  323. package/scss/treeview/_theme.scss +20 -65
  324. package/scss/treeview/_variables.scss +88 -48
  325. package/scss/typography/_layout.scss +3 -113
  326. package/scss/typography/_theme.scss +2 -17
  327. package/scss/typography/_variables.scss +84 -3
  328. package/scss/upload/_layout.scss +7 -219
  329. package/scss/upload/_theme.scss +4 -90
  330. package/scss/upload/_variables.scss +66 -29
  331. package/scss/validator/_layout.scss +2 -16
  332. package/scss/validator/_theme.scss +2 -2
  333. package/scss/virtual-scroller/_layout.scss +2 -34
  334. package/scss/virtual-scroller/_theme.scss +2 -2
  335. package/scss/window/_layout.scss +9 -141
  336. package/scss/window/_theme.scss +7 -35
  337. package/scss/window/_variables.scss +65 -70
  338. package/scss/wizard/_layout.scss +8 -95
  339. package/scss/wizard/_theme.scss +4 -7
  340. package/scss/wizard/_variables.scss +24 -11
package/scss/chat/_variables.scss CHANGED
@@ -6,232 +6,304 @@
6
6
 
7
7
  /// The box shadow transition of the Chat.
8
8
  /// @group chat
9
- $kendo-chat-transition: var( --kendo-transition, inherit ) !default;
9
+ $kendo-chat-transition: var( --kendo-chat-transition, var( --kendo-transition, inherit ) ) !default;
10
10
  /// The hover text color of the Chat bubble links.
11
11
  /// @group chat
12
- $kendo-chat-link-hover-text: k-color(primary-hover) !default;
12
+ $kendo-chat-link-hover-text: var( --kendo-chat-link-hover-text, #{k-color(primary-hover)} ) !default;
13
13
  /// The text color of the Chat bubble links.
14
14
  /// @group chat
15
- $kendo-chat-link-text: k-color(primary) !default;
15
+ $kendo-chat-link-text: var( --kendo-chat-link-text, #{k-color(primary)} ) !default;
16
16
  /// The horizontal padding of the Chat.
17
17
  /// @group chat
18
- $kendo-chat-padding-x: k-spacing(4) !default;
18
+ $kendo-chat-padding-x: var( --kendo-chat-padding-x, #{k-spacing(4)} ) !default;
19
19
  /// The vertical padding of the Chat.
20
20
  /// @group chat
21
- $kendo-chat-padding-y: k-spacing(4) !default;
21
+ $kendo-chat-padding-y: var( --kendo-chat-padding-y, #{k-spacing(4)} ) !default;
22
22
  /// The width of the Chat.
23
23
  /// @group chat
24
- $kendo-chat-width: 500px !default;
24
+ $kendo-chat-width: var( --kendo-chat-width, 500px ) !default;
25
25
  /// The height of the Chat.
26
26
  /// @group chat
27
- $kendo-chat-height: 600px !default;
27
+ $kendo-chat-height: var( --kendo-chat-height, 600px ) !default;
28
28
  /// The border width of the Chat.
29
29
  /// @group chat
30
- $kendo-chat-border-width: 1px !default;
30
+ $kendo-chat-border-width: var( --kendo-chat-border-width, 1px ) !default;
31
31
  /// The font family of the Chat.
32
32
  /// @group chat
33
- $kendo-chat-font-family: var( --kendo-font-family, inherit ) !default;
33
+ $kendo-chat-font-family: var( --kendo-chat-font-family, var( --kendo-font-family, inherit ) ) !default;
34
34
  /// The font size of the Chat.
35
35
  /// @group chat
36
- $kendo-chat-font-size: var( --kendo-font-size, inherit ) !default;
36
+ $kendo-chat-font-size: var( --kendo-chat-font-size, var( --kendo-font-size, inherit ) ) !default;
37
37
  /// The line height of the Chat.
38
38
  /// @group chat
39
- $kendo-chat-line-height: var( --kendo-line-height, normal ) !default;
39
+ $kendo-chat-line-height: var( --kendo-chat-line-height, var( --kendo-line-height, normal ) ) !default;
40
40
 
41
41
  /// The size of the Chat typing indicator dot.
42
42
  /// @group chat
43
- $kendo-chat-typing-indicator-dot-size: 8px !default;
43
+ $kendo-chat-typing-indicator-dot-size: var( --kendo-chat-typing-indicator-dot-size, 8px ) !default;
44
44
  /// The spacing of the Chat typing indicator dot.
45
45
  /// @group chat
46
- $kendo-chat-typing-indicator-dot-spacing: calc( #{k-spacing(2.5)} / 2 ) !default;
46
+ $kendo-chat-typing-indicator-dot-spacing: var( --kendo-chat-typing-indicator-dot-spacing, calc( #{k-spacing(2.5)} / 2 ) ) !default;
47
47
 
48
48
  /// The horizontal spacing between the items of the Chat.
49
49
  /// @group chat
50
- $kendo-chat-item-spacing-x: k-spacing(2) !default;
50
+ $kendo-chat-item-spacing-x: var( --kendo-chat-item-spacing-x, #{k-spacing(2)} ) !default;
51
51
  /// The vertical spacing between the items of the Chat.
52
52
  /// @group chat
53
- $kendo-chat-item-spacing-y: k-spacing(4) !default;
53
+ $kendo-chat-item-spacing-y: var( --kendo-chat-item-spacing-y, #{k-spacing(4)} ) !default;
54
54
 
55
55
  /// The horizontal padding of the Chat message list.
56
56
  /// @group chat
57
- $kendo-chat-message-list-padding-x: $kendo-chat-padding-x !default;
57
+ $kendo-chat-message-list-padding-x: var( --kendo-chat-message-list-padding-x, #{$kendo-chat-padding-x} ) !default;
58
58
  /// The vertical padding of the Chat message list.
59
59
  /// @group chat
60
- $kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
60
+ $kendo-chat-message-list-padding-y: var( --kendo-chat-message-list-padding-y, #{$kendo-chat-padding-y} ) !default;
61
61
  /// The spacing of the Chat message list.
62
62
  /// @group chat
63
- $kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
63
+ $kendo-chat-message-list-spacing: var( --kendo-chat-message-list-spacing, #{$kendo-chat-item-spacing-y} ) !default;
64
64
 
65
65
  /// The font size of the Chat timestamp.
66
66
  /// @group chat
67
- $kendo-chat-timestamp-font-size: var( --kendo-font-size-sm, inherit ) !default;
67
+ $kendo-chat-timestamp-font-size: var( --kendo-chat-timestamp-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
68
68
  /// The line height of the Chat timestamp.
69
69
  /// @group chat
70
- $kendo-chat-timestamp-line-height: var( --kendo-line-height-lg, normal ) !default;
70
+ $kendo-chat-timestamp-line-height: var( --kendo-chat-timestamp-line-height, var( --kendo-line-height-lg, normal ) ) !default;
71
71
  /// The text transform of the Chat timestamp.
72
72
  /// @group chat
73
- $kendo-chat-timestamp-transform: uppercase !default;
73
+ $kendo-chat-timestamp-transform: var( --kendo-chat-timestamp-transform, uppercase ) !default;
74
74
  /// The text color of the Chat timestamp.
75
75
  /// @group chat
76
- $kendo-chat-timestamp-text: k-color(subtle) !default;
76
+ $kendo-chat-timestamp-text: var( --kendo-chat-timestamp-text, #{k-color(subtle)} ) !default;
77
77
  /// The background color of the Chat timestamp.
78
78
  /// @group chat
79
- $kendo-chat-timestamp-bg: normal !default;
79
+ $kendo-chat-timestamp-bg: var( --kendo-chat-timestamp-bg, normal ) !default;
80
80
 
81
81
  /// The font size of the Chat message meta text.
82
82
  /// @group chat
83
- $kendo-chat-message-meta-font-size: var( --kendo-font-size-sm, inherit ) !default;
83
+ $kendo-chat-message-meta-font-size: var( --kendo-chat-message-meta-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
84
84
  /// The line height of the Chat message meta text.
85
85
  /// @group chat
86
- $kendo-chat-message-meta-line-height: var( --kendo-line-height-lg, normal ) !default;
86
+ $kendo-chat-message-meta-line-height: var( --kendo-chat-message-meta-line-height, var( --kendo-line-height-lg, normal ) ) !default;
87
87
 
88
88
  /// The font size of the Chat author text.
89
89
  /// @group chat
90
- $kendo-chat-author-font-size: var( --kendo-font-size-sm, inherit ) !default;
90
+ $kendo-chat-author-font-size: var( --kendo-chat-author-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
91
91
  /// The line height of the Chat author text.
92
92
  /// @group chat
93
- $kendo-chat-author-line-height: var( --kendo-line-height-lg, normal ) !default;
93
+ $kendo-chat-author-line-height: var( --kendo-chat-author-line-height, var( --kendo-line-height-lg, normal ) ) !default;
94
94
 
95
95
  /// The horizontal padding of the Chat bubble message.
96
96
  /// @group chat
97
- $kendo-chat-bubble-padding-x: k-spacing(3) !default;
97
+ $kendo-chat-bubble-padding-x: var( --kendo-chat-bubble-padding-x, #{k-spacing(3)} ) !default;
98
98
  /// The vertical padding of the Chat bubble message.
99
99
  /// @group chat
100
- $kendo-chat-bubble-padding-y: k-spacing(2) !default;
100
+ $kendo-chat-bubble-padding-y: var( --kendo-chat-bubble-padding-y, #{k-spacing(2)} ) !default;
101
101
  /// The spacing of the Chat bubble message.
102
102
  /// @group chat
103
- $kendo-chat-bubble-spacing: k-spacing(0.5) !default;
103
+ $kendo-chat-bubble-spacing: var( --kendo-chat-bubble-spacing, #{k-spacing(0.5)} ) !default;
104
104
  /// The line height of the Chat bubble message.
105
105
  /// @group chat
106
- $kendo-chat-bubble-line-height: var( --kendo-line-height, normal ) !default;
106
+ $kendo-chat-bubble-line-height: var( --kendo-chat-bubble-line-height, var( --kendo-line-height, normal ) ) !default;
107
107
 
108
108
  /// The spacing of the Chat scroll button.
109
109
  /// @group chat
110
- $kendo-chat-scroll-button: k-spacing(2) !default;
110
+ $kendo-chat-scroll-button-padding: var( --kendo-chat-scroll-button-padding, #{k-spacing(2)} ) !default;
111
111
  /// The size of the Chat Card deck scrollbar.
112
112
  /// @group chat
113
- $kendo-card-deck-scrollbar-size: 20px !default;
113
+ $kendo-chat-card-deck-scrollbar-size: var( --kendo-chat-card-deck-scrollbar-size, 20px ) !default;
114
114
 
115
115
  /// The border radius of the Chat bubble message.
116
116
  /// @group chat
117
- $kendo-chat-bubble-border-radius: k-spacing(3) !default;
117
+ $kendo-chat-bubble-border-radius: var( --kendo-chat-bubble-border-radius, #{k-spacing(3)} ) !default;
118
118
  /// The border radius of the Chat small bubble message
119
119
  /// @group chat
120
- $kendo-chat-bubble-border-radius-sm: var( --kendo-border-radius, 0 ) !default;
120
+ $kendo-chat-bubble-border-radius-sm: var( --kendo-chat-bubble-border-radius-sm, var( --kendo-border-radius, 0 ) ) !default;
121
121
 
122
122
  /// The size of the Chat Avatar.
123
123
  /// @group chat
124
- $kendo-chat-avatar-size: 32px !default;
124
+ $kendo-chat-avatar-size: var( --kendo-chat-avatar-size, 32px ) !default;
125
125
  /// The spacing of the Chat Avatar.
126
126
  /// @group chat
127
- $kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
127
+ $kendo-chat-avatar-spacing: var( --kendo-chat-avatar-spacing, #{$kendo-chat-item-spacing-x} ) !default;
128
128
 
129
129
  /// The horizontal padding of the Chat Toolbar.
130
130
  /// @group chat
131
- $kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
131
+ $kendo-chat-toolbar-padding-x: var( --kendo-chat-toolbar-padding-x, #{$kendo-toolbar-md-padding-x} ) !default;
132
132
  /// The vertical padding of the Chat Toolbar.
133
133
  /// @group chat
134
- $kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
134
+ $kendo-chat-toolbar-padding-y: var( --kendo-chat-toolbar-padding-y, #{$kendo-toolbar-md-padding-y} ) !default;
135
135
  /// The spacing of the Chat Toolbar.
136
136
  /// @group chat
137
- $kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
137
+ $kendo-chat-toolbar-spacing: var( --kendo-chat-toolbar-spacing, #{$kendo-toolbar-md-spacing} ) !default;
138
138
  /// The background color of the Chat Toolbar.
139
139
  /// @group chat
140
- $kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
140
+ $kendo-chat-toolbar-bg: var( --kendo-chat-toolbar-bg, #{$kendo-toolbar-bg} ) !default;
141
141
  /// The text color of the Chat Toolbar.
142
142
  /// @group chat
143
- $kendo-chat-toolbar-text: $kendo-toolbar-text !default;
143
+ $kendo-chat-toolbar-text: var( --kendo-chat-toolbar-text, #{$kendo-toolbar-text} ) !default;
144
144
  /// The border color of the Chat Toolbar.
145
145
  /// @group chat
146
- $kendo-chat-toolbar-border: inherit !default;
146
+ $kendo-chat-toolbar-border: var( --kendo-chat-toolbar-border, inherit ) !default;
147
147
 
148
148
  /// The horizontal padding of the Chat quick reply.
149
149
  /// @group chat
150
- $kendo-chat-quick-reply-padding-x: k-spacing(3) !default;
150
+ $kendo-chat-quick-reply-padding-x: var( --kendo-chat-quick-reply-padding-x, #{k-spacing(3)} ) !default;
151
151
  /// The vertical padding of the Chat quick reply.
152
152
  /// @group chat
153
- $kendo-chat-quick-reply-padding-y: k-spacing(2) !default;
153
+ $kendo-chat-quick-reply-padding-y: var( --kendo-chat-quick-reply-padding-y, #{k-spacing(2)} ) !default;
154
154
  /// The spacing of the Chat quick reply.
155
155
  /// @group chat
156
- $kendo-chat-quick-reply-spacing: k-spacing(2) !default;
156
+ $kendo-chat-quick-reply-spacing: var( --kendo-chat-quick-reply-spacing, #{k-spacing(2)} ) !default;
157
157
  /// The line height of the Chat quick reply.
158
158
  /// @group chat
159
- $kendo-chat-quick-reply-line-height: $kendo-chat-bubble-line-height !default;
159
+ $kendo-chat-quick-reply-line-height: var( --kendo-chat-quick-reply-line-height, #{$kendo-chat-bubble-line-height} ) !default;
160
160
 
161
161
  /// The background color of the Chat.
162
162
  /// @group chat
163
- $kendo-chat-bg: k-color(surface) !default;
163
+ $kendo-chat-bg: var( --kendo-chat-bg, #{k-color(surface)} ) !default;
164
164
  /// The text color of the Chat.
165
165
  /// @group chat
166
- $kendo-chat-text: k-color(on-app-surface) !default;
166
+ $kendo-chat-text: var( --kendo-chat-text, #{k-color(on-app-surface)} ) !default;
167
167
  /// The border color of the Chat.
168
168
  /// @group chat
169
- $kendo-chat-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
169
+ $kendo-chat-border: var( --kendo-chat-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
170
170
 
171
171
  /// The background color of the Chat bubble.
172
172
  /// @group chat
173
- $kendo-chat-bubble-bg: k-color(surface-alt) !default;
173
+ $kendo-chat-bubble-bg: var( --kendo-chat-bubble-bg, #{k-color(surface-alt)} ) !default;
174
174
  /// The text color of the Chat bubble.
175
175
  /// @group chat
176
- $kendo-chat-bubble-text: k-color(on-app-surface) !default;
176
+ $kendo-chat-bubble-text: var( --kendo-chat-bubble-text, #{k-color(on-app-surface)} ) !default;
177
177
  /// The border color of the Chat bubble.
178
178
  /// @group chat
179
- $kendo-chat-bubble-border: $kendo-chat-bubble-bg !default;
179
+ $kendo-chat-bubble-border: var( --kendo-chat-bubble-border, #{$kendo-chat-bubble-bg} ) !default;
180
180
  /// The box shadow of the Chat bubble.
181
181
  /// @group chat
182
- $kendo-chat-bubble-shadow: var( --kendo-box-shadow-depth-1, none ) !default;
182
+ $kendo-chat-bubble-shadow: var( --kendo-chat-bubble-shadow, var( --kendo-box-shadow-depth-1, none ) ) !default;
183
183
  /// The shadow of the hovered Chat bubble.
184
184
  /// @group chat
185
- $kendo-chat-bubble-hover-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
185
+ $kendo-chat-bubble-hover-shadow: var( --kendo-chat-bubble-hover-shadow, var( --kendo-box-shadow-depth-2, none ) ) !default;
186
186
  /// The shadow of the selected Chat bubble.
187
187
  /// @group chat
188
- $kendo-chat-bubble-selected-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
188
+ $kendo-chat-bubble-selected-shadow: var( --kendo-chat-bubble-selected-shadow, var( --kendo-box-shadow-depth-3, none ) ) !default;
189
189
 
190
190
  /// The background color of the Chat alt bubble.
191
191
  /// @group chat
192
- $kendo-chat-alt-bubble-bg: k-color(primary) !default;
192
+ $kendo-chat-alt-bubble-bg: var( --kendo-chat-alt-bubble-bg, #{k-color(primary)} ) !default;
193
193
  /// The text color of the Chat alt bubble.
194
194
  /// @group chat
195
- $kendo-chat-alt-bubble-text: k-color(surface-alt) !default;
195
+ $kendo-chat-alt-bubble-text: var( --kendo-chat-alt-bubble-text, #{k-color(surface-alt)} ) !default;
196
196
  /// The border color of the Chat alt bubble.
197
197
  /// @group chat
198
- $kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
198
+ $kendo-chat-alt-bubble-border: var( --kendo-chat-alt-bubble-border, #{$kendo-chat-alt-bubble-bg} ) !default;
199
199
  /// The shadow of the Chat alt bubble.
200
200
  /// @group chat
201
- $kendo-chat-alt-bubble-shadow: var( --kendo-box-shadow-depth-1, none ) !default;
201
+ $kendo-chat-alt-bubble-shadow: var( --kendo-chat-alt-bubble-shadow, var( --kendo-box-shadow-depth-1, none ) ) !default;
202
202
  /// The shadow of the hovered Chat alt bubble.
203
203
  /// @group chat
204
- $kendo-chat-alt-bubble-hover-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
204
+ $kendo-chat-alt-bubble-hover-shadow: var( --kendo-chat-alt-bubble-hover-shadow, var( --kendo-box-shadow-depth-2, none ) ) !default;
205
205
  /// The shadow of the selected Chat alt bubble.
206
206
  /// @group chat
207
- $kendo-chat-alt-bubble-selected-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
207
+ $kendo-chat-alt-bubble-selected-shadow: var( --kendo-chat-alt-bubble-selected-shadow, var( --kendo-box-shadow-depth-3, none ) ) !default;
208
208
 
209
209
  /// The background color of the Chat quick reply.
210
210
  /// @group chat
211
- $kendo-chat-quick-reply-bg: transparent !default;
211
+ $kendo-chat-quick-reply-bg: var( --kendo-chat-quick-reply-bg, transparent ) !default;
212
212
  /// The text color of the Chat quick reply.
213
213
  /// @group chat
214
- $kendo-chat-quick-reply-text: k-color(primary) !default;
214
+ $kendo-chat-quick-reply-text: var( --kendo-chat-quick-reply-text, #{k-color(primary)} ) !default;
215
215
  /// The border color of the Chat quick reply.
216
216
  /// @group chat
217
- $kendo-chat-quick-reply-border: k-color(primary) !default;
217
+ $kendo-chat-quick-reply-border: var( --kendo-chat-quick-reply-border, #{k-color(primary)} ) !default;
218
218
 
219
219
  /// The background color of the hovered Chat quick reply.
220
220
  /// @group chat
221
- $kendo-chat-quick-reply-hover-bg: k-color(primary) !default;
221
+ $kendo-chat-quick-reply-hover-bg: var( --kendo-chat-quick-reply-hover-bg, #{k-color(primary)} ) !default;
222
222
  /// The text color of the hovered Chat quick reply.
223
223
  /// @group chat
224
- $kendo-chat-quick-reply-hover-text: k-color(surface-alt) !default;
224
+ $kendo-chat-quick-reply-hover-text: var( --kendo-chat-quick-reply-hover-text, #{k-color(surface-alt)} ) !default;
225
225
  /// The border color of the hovered Chat quick reply.
226
226
  /// @group chat
227
- $kendo-chat-quick-reply-hover-border: k-color(primary) !default;
227
+ $kendo-chat-quick-reply-hover-border: var( --kendo-chat-quick-reply-hover-border, #{k-color(primary)} ) !default;
228
228
 
229
229
  /// The offset of the focused Chat quick reply.
230
230
  /// @group chat
231
- $kendo-chat-quick-reply-focus-offset: k-spacing(0.5) !default;
231
+ $kendo-chat-quick-reply-focus-offset: var( --kendo-chat-quick-reply-focus-offset, #{k-spacing(0.5)} ) !default;
232
232
  /// The outline width of the focused Chat quick reply.
233
233
  /// @group chat
234
- $kendo-chat-quick-reply-focus-outline-width: 1px !default;
234
+ $kendo-chat-quick-reply-focus-outline-width: var( --kendo-chat-quick-reply-focus-outline-width, 1px ) !default;
235
235
  /// The outline style of the focused Chat quick reply.
236
236
  /// @group chat
237
- $kendo-chat-quick-reply-focus-outline-style: solid !default;
237
+ $kendo-chat-quick-reply-focus-outline-style: var( --kendo-chat-quick-reply-focus-outline-style, solid ) !default;
238
+ /// The outline color of the focused Chat quick reply.
239
+ /// @group chat
240
+ $kendo-chat-quick-reply-focus-outline-color: var( --kendo-chat-quick-reply-focus-outline-color, initial ) !default;
241
+ /// The shadow opacity of the focused Chat quick reply.
242
+ /// @group chat
243
+ $kendo-chat-quick-reply-shadow-opacity: 0 !default;
244
+
245
+ @forward "@progress/kendo-theme-core/scss/components/chat/_variables.scss" with (
246
+ $kendo-chat-padding-x: $kendo-chat-padding-x,
247
+ $kendo-chat-padding-y: $kendo-chat-padding-y,
248
+ $kendo-chat-width: $kendo-chat-width,
249
+ $kendo-chat-height: $kendo-chat-height,
250
+ $kendo-chat-border-width: $kendo-chat-border-width,
251
+ $kendo-chat-font-family: $kendo-chat-font-family,
252
+ $kendo-chat-font-size: $kendo-chat-font-size,
253
+ $kendo-chat-line-height: $kendo-chat-line-height,
254
+ $kendo-chat-item-spacing-x: $kendo-chat-item-spacing-x,
255
+ $kendo-chat-item-spacing-y: $kendo-chat-item-spacing-y,
256
+ $kendo-chat-message-list-padding-x: $kendo-chat-message-list-padding-x,
257
+ $kendo-chat-message-list-padding-y: $kendo-chat-message-list-padding-y,
258
+ $kendo-chat-message-list-spacing: $kendo-chat-message-list-spacing,
259
+ $kendo-chat-timestamp-font-size: $kendo-chat-timestamp-font-size,
260
+ $kendo-chat-timestamp-line-height: $kendo-chat-timestamp-line-height,
261
+ $kendo-chat-timestamp-transform: $kendo-chat-timestamp-transform,
262
+ $kendo-chat-timestamp-text: $kendo-chat-timestamp-text,
263
+ $kendo-chat-timestamp-bg: $kendo-chat-timestamp-bg,
264
+ $kendo-chat-message-meta-font-size: $kendo-chat-message-meta-font-size,
265
+ $kendo-chat-message-meta-line-height: $kendo-chat-message-meta-line-height,
266
+ $kendo-chat-author-font-size: $kendo-chat-author-font-size,
267
+ $kendo-chat-author-line-height: $kendo-chat-author-line-height,
268
+ $kendo-chat-bubble-padding-x: $kendo-chat-bubble-padding-x,
269
+ $kendo-chat-bubble-padding-y: $kendo-chat-bubble-padding-y,
270
+ $kendo-chat-bubble-spacing: $kendo-chat-bubble-spacing,
271
+ $kendo-chat-bubble-line-height: $kendo-chat-bubble-line-height,
272
+ $kendo-chat-bubble-border-radius: $kendo-chat-bubble-border-radius,
273
+ $kendo-chat-bubble-border-radius-sm: $kendo-chat-bubble-border-radius-sm,
274
+ $kendo-chat-avatar-size: $kendo-chat-avatar-size,
275
+ $kendo-chat-avatar-spacing: $kendo-chat-avatar-spacing,
276
+ $kendo-chat-toolbar-padding-x: $kendo-chat-toolbar-padding-x,
277
+ $kendo-chat-toolbar-padding-y: $kendo-chat-toolbar-padding-y,
278
+ $kendo-chat-toolbar-bg: $kendo-chat-toolbar-bg,
279
+ $kendo-chat-toolbar-text: $kendo-chat-toolbar-text,
280
+ $kendo-chat-toolbar-border: $kendo-chat-toolbar-border,
281
+ $kendo-chat-quick-reply-padding-x: $kendo-chat-quick-reply-padding-x,
282
+ $kendo-chat-quick-reply-padding-y: $kendo-chat-quick-reply-padding-y,
283
+ $kendo-chat-quick-reply-spacing: $kendo-chat-quick-reply-spacing,
284
+ $kendo-chat-quick-reply-line-height: $kendo-chat-quick-reply-line-height,
285
+ $kendo-chat-bg: $kendo-chat-bg,
286
+ $kendo-chat-text: $kendo-chat-text,
287
+ $kendo-chat-border: $kendo-chat-border,
288
+ $kendo-chat-bubble-bg: $kendo-chat-bubble-bg,
289
+ $kendo-chat-bubble-text: $kendo-chat-bubble-text,
290
+ $kendo-chat-bubble-border: $kendo-chat-bubble-border,
291
+ $kendo-chat-bubble-shadow: $kendo-chat-bubble-shadow,
292
+ $kendo-chat-bubble-hover-shadow: $kendo-chat-bubble-hover-shadow,
293
+ $kendo-chat-bubble-selected-shadow: $kendo-chat-bubble-selected-shadow,
294
+ $kendo-chat-alt-bubble-bg: $kendo-chat-alt-bubble-bg,
295
+ $kendo-chat-alt-bubble-text: $kendo-chat-alt-bubble-text,
296
+ $kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-border,
297
+ $kendo-chat-alt-bubble-shadow: $kendo-chat-alt-bubble-shadow,
298
+ $kendo-chat-alt-bubble-hover-shadow: $kendo-chat-alt-bubble-hover-shadow,
299
+ $kendo-chat-alt-bubble-selected-shadow: $kendo-chat-alt-bubble-selected-shadow,
300
+ $kendo-chat-quick-reply-bg: $kendo-chat-quick-reply-bg,
301
+ $kendo-chat-quick-reply-text: $kendo-chat-quick-reply-text,
302
+ $kendo-chat-quick-reply-border: $kendo-chat-quick-reply-border,
303
+ $kendo-chat-quick-reply-hover-bg: $kendo-chat-quick-reply-hover-bg,
304
+ $kendo-chat-quick-reply-hover-text: $kendo-chat-quick-reply-hover-text,
305
+ $kendo-chat-quick-reply-hover-border: $kendo-chat-quick-reply-hover-border,
306
+ $kendo-chat-quick-reply-shadow-opacity: $kendo-chat-quick-reply-shadow-opacity,
307
+ $kendo-chat-typing-indicator-dot-size: $kendo-chat-typing-indicator-dot-size,
308
+ $kendo-chat-typing-indicator-dot-spacing: $kendo-chat-typing-indicator-dot-spacing
309
+ );