@progress/kendo-themes-html 7.0.1 → 7.0.2-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 (345) hide show
  1. package/dist/cjs/appbar/templates/appbar-normal.js +4367 -0
  2. package/dist/cjs/appbar/tests/appbar-rtl.js +5011 -0
  3. package/dist/cjs/appbar/tests/appbar.js +123 -310
  4. package/dist/cjs/bottom-nav/bottom-nav.spec.js +41 -3
  5. package/dist/cjs/bottom-nav/templates/bottom-nav-icons.js +4436 -0
  6. package/dist/cjs/bottom-nav/templates/bottom-nav-links.js +4436 -0
  7. package/dist/cjs/bottom-nav/templates/bottom-nav-normal.js +4436 -0
  8. package/dist/cjs/bottom-nav/tests/{bottom-nav-colors.js → bottom-nav-flat.js} +51 -182
  9. package/dist/cjs/bottom-nav/tests/bottom-nav-items.js +70 -44
  10. package/dist/cjs/bottom-nav/tests/bottom-nav-rtl.js +47 -21
  11. package/dist/cjs/bottom-nav/tests/bottom-nav-solid.js +4461 -0
  12. package/dist/cjs/bottom-nav/tests/bottom-nav.js +83 -35
  13. package/dist/cjs/daterangepicker/daterangepicker.spec.js +410 -289
  14. package/dist/cjs/daterangepicker/templates/daterangepicker-adaptive.js +412 -291
  15. package/dist/cjs/daterangepicker/templates/daterangepicker-normal.js +412 -291
  16. package/dist/cjs/daterangepicker/templates/daterangepicker-popup.js +412 -291
  17. package/dist/cjs/daterangepicker/tests/daterangepicker-adaptive.js +422 -301
  18. package/dist/cjs/daterangepicker/tests/daterangepicker-flat.js +431 -310
  19. package/dist/cjs/daterangepicker/tests/daterangepicker-opened.js +422 -301
  20. package/dist/cjs/daterangepicker/tests/daterangepicker-outline.js +431 -310
  21. package/dist/cjs/daterangepicker/tests/daterangepicker-size-rounded.js +425 -304
  22. package/dist/cjs/daterangepicker/tests/daterangepicker-solid.js +431 -310
  23. package/dist/cjs/dialog/templates/dialog-normal.js +5 -3
  24. package/dist/cjs/dialog/tests/dialog-action-buttons.js +5 -3
  25. package/dist/cjs/dialog/tests/dialog-theme-colors.js +5 -3
  26. package/dist/cjs/dialog/tests/dialog.js +5 -3
  27. package/dist/cjs/dock-manager/tests/dock-manager-unpinned-pane.js +72 -60
  28. package/dist/cjs/dock-manager/tests/dock-manager.js +74 -62
  29. package/dist/cjs/editor/editor-toolbar.js +18 -6
  30. package/dist/cjs/editor/templates/editor-normal.js +7678 -3
  31. package/dist/cjs/editor/tests/editor-find-replace.js +119 -91
  32. package/dist/cjs/editor/tests/editor-states.js +51 -23
  33. package/dist/cjs/editor/tests/editor.js +232 -213
  34. package/dist/cjs/expansion-panel/expansion-panel.spec.js +3 -1
  35. package/dist/cjs/expansion-panel/templates/expansion-panel-expanded.js +4386 -0
  36. package/dist/cjs/expansion-panel/templates/expansion-panel-normal.js +4385 -0
  37. package/dist/cjs/expansion-panel/tests/expansion-panel-rtl.js +37 -11
  38. package/dist/cjs/expansion-panel/tests/expansion-panel.js +37 -11
  39. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +65 -53
  40. package/dist/cjs/filemanager/tests/filemanager-dialogs.js +5 -3
  41. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +65 -53
  42. package/dist/cjs/filemanager/tests/filemanager-gridview.js +130 -118
  43. package/dist/cjs/filemanager/tests/filemanager-listview.js +84 -72
  44. package/dist/cjs/filemanager/tests/filemanager-preview.js +183 -171
  45. package/dist/cjs/filter/templates/filter-normal.js +8429 -0
  46. package/dist/cjs/filter/tests/filter.js +139 -67
  47. package/dist/cjs/floating-label/templates/floating-label-normal.js +4793 -2
  48. package/dist/cjs/floating-label/tests/floating-label-flat.js +76 -67
  49. package/dist/cjs/floating-label/tests/floating-label-outline.js +76 -67
  50. package/dist/cjs/floating-label/tests/floating-label-solid.js +76 -67
  51. package/dist/cjs/form/tests/form-field-dateinputs.js +318 -211
  52. package/dist/cjs/gantt/tests/gantt-editing-popup-predecessors.js +52 -40
  53. package/dist/cjs/gantt/tests/gantt-editing-popup-resources.js +95 -83
  54. package/dist/cjs/gantt/tests/gantt-editing-popup-successors.js +52 -40
  55. package/dist/cjs/gantt/tests/gantt-react.js +384 -372
  56. package/dist/cjs/gantt/tests/gantt-row-reordering.js +689 -677
  57. package/dist/cjs/gantt/tests/gantt.js +664 -652
  58. package/dist/cjs/grid/tests/grid-adaptive-search.js +25 -13
  59. package/dist/cjs/grid/tests/grid-column-reordering-actions.js +125 -113
  60. package/dist/cjs/grid/tests/grid-column-reordering.js +130 -118
  61. package/dist/cjs/grid/tests/grid-column-resizing-actions.js +150 -138
  62. package/dist/cjs/grid/tests/grid-editing-inline-angular.js +90 -78
  63. package/dist/cjs/grid/tests/grid-editing-inline-blazor.js +88 -76
  64. package/dist/cjs/grid/tests/grid-editing.js +108 -96
  65. package/dist/cjs/grid/tests/grid-filter-row-angular.js +116 -104
  66. package/dist/cjs/grid/tests/grid-filter-row-blazor.js +111 -99
  67. package/dist/cjs/grid/tests/grid-grouping-actions.js +91 -79
  68. package/dist/cjs/grid/tests/grid-grouping.js +207 -195
  69. package/dist/cjs/grid/tests/grid-row-reordering.js +114 -102
  70. package/dist/cjs/grid/tests/grid-rows-resizing.js +112 -100
  71. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +216 -204
  72. package/dist/cjs/grid/tests/grid-size-sm.js +216 -204
  73. package/dist/cjs/grid/tests/grid-toolbar.js +85 -73
  74. package/dist/cjs/imageeditor/tests/imageeditor-crop-pane.js +80 -68
  75. package/dist/cjs/imageeditor/tests/imageeditor-resize-pane.js +68 -56
  76. package/dist/cjs/imageeditor/tests/imageeditor.js +35 -23
  77. package/dist/cjs/index.js +1996 -1429
  78. package/dist/cjs/listview/templates/listview-normal.js +13 -1
  79. package/dist/cjs/listview/tests/listview-layout.js +13 -1
  80. package/dist/cjs/listview/tests/listview-states.js +13 -1
  81. package/dist/cjs/listview/tests/listview.js +13 -1
  82. package/dist/cjs/mediaplayer/tests/mediaplayer.js +38 -26
  83. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +64 -52
  84. package/dist/cjs/pdf-viewer/tests/pdf-viewer-search-panel.js +69 -57
  85. package/dist/cjs/pdf-viewer/tests/pdf-viewer.js +58 -46
  86. package/dist/cjs/pivotgrid/tests/pivotgrid-jquery.js +98 -86
  87. package/dist/cjs/popover/templates/popover-normal.js +92 -0
  88. package/dist/cjs/popover/tests/popover.js +53 -48
  89. package/dist/cjs/scheduler/tests/scheduler-adaptive-agenda.js +58 -46
  90. package/dist/cjs/scheduler/tests/scheduler-adaptive-day-resource-group.js +236 -224
  91. package/dist/cjs/scheduler/tests/scheduler-adaptive-day.js +159 -147
  92. package/dist/cjs/scheduler/tests/scheduler-adaptive-month.js +104 -92
  93. package/dist/cjs/scheduler/tests/scheduler-angular-agenda-rtl.js +140 -128
  94. package/dist/cjs/scheduler/tests/scheduler-angular-agenda.js +140 -128
  95. package/dist/cjs/scheduler/tests/scheduler-angular-day-rtl.js +196 -184
  96. package/dist/cjs/scheduler/tests/scheduler-angular-month-rtl.js +157 -145
  97. package/dist/cjs/scheduler/tests/scheduler-angular-month.js +157 -145
  98. package/dist/cjs/scheduler/tests/scheduler-angular-rtl.js +312 -300
  99. package/dist/cjs/scheduler/tests/scheduler-angular.js +312 -300
  100. package/dist/cjs/scheduler/tests/scheduler-flex-layout.js +170 -158
  101. package/dist/cjs/scheduler/tests/scheduler-jquery-agenda.js +80 -68
  102. package/dist/cjs/scheduler/tests/scheduler-jquery-month.js +149 -137
  103. package/dist/cjs/scheduler/tests/scheduler-react-agenda.js +227 -215
  104. package/dist/cjs/scheduler/tests/scheduler-react-day.js +712 -700
  105. package/dist/cjs/scheduler/tests/scheduler-react-month.js +1647 -1635
  106. package/dist/cjs/scheduler/tests/scheduler-react-timeline-multi.js +619 -607
  107. package/dist/cjs/scheduler/tests/scheduler-react-timeline.js +533 -521
  108. package/dist/cjs/scheduler/tests/scheduler-react-week.js +1448 -1436
  109. package/dist/cjs/scheduler/tests/scheduler-year.js +762 -750
  110. package/dist/cjs/scheduler/tests/scheduler.js +412 -400
  111. package/dist/cjs/scrollview/templates/scrollview-normal.js +4382 -0
  112. package/dist/cjs/scrollview/tests/scrollview-rtl.js +4412 -0
  113. package/dist/cjs/scrollview/tests/scrollview.js +21 -14
  114. package/dist/cjs/spreadsheet/tests/spreadsheet-cell-contextmenu.js +263 -251
  115. package/dist/cjs/spreadsheet/tests/spreadsheet-filtering.js +256 -244
  116. package/dist/cjs/spreadsheet/tests/spreadsheet-format-dialogs.js +47 -35
  117. package/dist/cjs/spreadsheet/tests/spreadsheet-formula.js +235 -223
  118. package/dist/cjs/spreadsheet/tests/spreadsheet-jquery.js +291 -279
  119. package/dist/cjs/spreadsheet/tests/spreadsheet-row-contextmenu.js +263 -251
  120. package/dist/cjs/spreadsheet/tests/spreadsheet-tools.js +160 -148
  121. package/dist/cjs/spreadsheet/tests/spreadsheet.js +254 -242
  122. package/dist/cjs/taskboard/tests/taskboard-card.js +90 -78
  123. package/dist/cjs/taskboard/tests/taskboard-pane.js +162 -150
  124. package/dist/cjs/taskboard/tests/taskboard-rtl.js +87 -75
  125. package/dist/cjs/taskboard/tests/taskboard.js +81 -69
  126. package/dist/cjs/tilelayout/templates/tilelayout-normal.js +4797 -0
  127. package/dist/cjs/tilelayout/tests/tilelayout-resizing.js +36 -6
  128. package/dist/cjs/tilelayout/tests/tilelayout.js +29 -14
  129. package/dist/cjs/toolbar/templates/toolbar-normal.js +31 -2
  130. package/dist/cjs/toolbar/tests/toolbar-adaptive.js +42 -30
  131. package/dist/cjs/toolbar/tests/toolbar-components.js +18 -1
  132. package/dist/cjs/toolbar/tests/toolbar-popup-size.js +29 -17
  133. package/dist/cjs/toolbar/tests/toolbar-popup.js +52 -40
  134. package/dist/cjs/toolbar/tests/toolbar-sizes.js +37 -25
  135. package/dist/cjs/toolbar/tests/toolbar.js +20 -23
  136. package/dist/esm/appbar/templates/appbar-normal.js +4351 -0
  137. package/dist/esm/appbar/tests/appbar-rtl.js +4995 -0
  138. package/dist/esm/appbar/tests/appbar.js +123 -310
  139. package/dist/esm/bottom-nav/bottom-nav.spec.js +41 -3
  140. package/dist/esm/bottom-nav/templates/bottom-nav-icons.js +4420 -0
  141. package/dist/esm/bottom-nav/templates/bottom-nav-links.js +4420 -0
  142. package/dist/esm/bottom-nav/templates/bottom-nav-normal.js +4420 -0
  143. package/dist/esm/bottom-nav/tests/{bottom-nav-colors.js → bottom-nav-flat.js} +48 -179
  144. package/dist/esm/bottom-nav/tests/bottom-nav-items.js +57 -31
  145. package/dist/esm/bottom-nav/tests/bottom-nav-rtl.js +43 -17
  146. package/dist/esm/bottom-nav/tests/bottom-nav-solid.js +4445 -0
  147. package/dist/esm/bottom-nav/tests/bottom-nav.js +82 -34
  148. package/dist/esm/daterangepicker/daterangepicker.spec.js +410 -289
  149. package/dist/esm/daterangepicker/templates/daterangepicker-adaptive.js +412 -291
  150. package/dist/esm/daterangepicker/templates/daterangepicker-normal.js +412 -291
  151. package/dist/esm/daterangepicker/templates/daterangepicker-popup.js +412 -291
  152. package/dist/esm/daterangepicker/tests/daterangepicker-adaptive.js +422 -301
  153. package/dist/esm/daterangepicker/tests/daterangepicker-flat.js +431 -310
  154. package/dist/esm/daterangepicker/tests/daterangepicker-opened.js +422 -301
  155. package/dist/esm/daterangepicker/tests/daterangepicker-outline.js +431 -310
  156. package/dist/esm/daterangepicker/tests/daterangepicker-size-rounded.js +425 -304
  157. package/dist/esm/daterangepicker/tests/daterangepicker-solid.js +431 -310
  158. package/dist/esm/dialog/templates/dialog-normal.js +6 -4
  159. package/dist/esm/dialog/tests/dialog-action-buttons.js +13 -11
  160. package/dist/esm/dialog/tests/dialog-in-window.js +5 -5
  161. package/dist/esm/dialog/tests/dialog-modal.js +6 -6
  162. package/dist/esm/dialog/tests/dialog-theme-colors.js +13 -11
  163. package/dist/esm/dialog/tests/dialog.js +14 -12
  164. package/dist/esm/dock-manager/tests/dock-manager-unpinned-pane.js +72 -60
  165. package/dist/esm/dock-manager/tests/dock-manager.js +74 -62
  166. package/dist/esm/editor/editor-toolbar.js +18 -6
  167. package/dist/esm/editor/templates/editor-normal.js +7684 -3
  168. package/dist/esm/editor/tests/editor-find-replace.js +119 -91
  169. package/dist/esm/editor/tests/editor-states.js +51 -23
  170. package/dist/esm/editor/tests/editor.js +232 -213
  171. package/dist/esm/expansion-panel/expansion-panel.spec.js +3 -1
  172. package/dist/esm/expansion-panel/templates/expansion-panel-expanded.js +4370 -0
  173. package/dist/esm/expansion-panel/templates/expansion-panel-normal.js +4369 -0
  174. package/dist/esm/expansion-panel/tests/expansion-panel-rtl.js +37 -11
  175. package/dist/esm/expansion-panel/tests/expansion-panel.js +37 -11
  176. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +65 -53
  177. package/dist/esm/filemanager/tests/filemanager-dialogs.js +20 -18
  178. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +65 -53
  179. package/dist/esm/filemanager/tests/filemanager-gridview.js +130 -118
  180. package/dist/esm/filemanager/tests/filemanager-listview.js +84 -72
  181. package/dist/esm/filemanager/tests/filemanager-preview.js +183 -171
  182. package/dist/esm/filemanager/tests/filemanager-toolbar.js +7 -7
  183. package/dist/esm/filter/templates/filter-normal.js +8413 -0
  184. package/dist/esm/filter/tests/filter.js +139 -67
  185. package/dist/esm/floating-label/templates/floating-label-normal.js +4799 -2
  186. package/dist/esm/floating-label/tests/floating-label-flat.js +73 -64
  187. package/dist/esm/floating-label/tests/floating-label-outline.js +73 -64
  188. package/dist/esm/floating-label/tests/floating-label-solid.js +73 -64
  189. package/dist/esm/form/tests/form-field-dateinputs.js +318 -211
  190. package/dist/esm/gantt/tests/gantt-editing-popup-predecessors.js +52 -40
  191. package/dist/esm/gantt/tests/gantt-editing-popup-resources.js +95 -83
  192. package/dist/esm/gantt/tests/gantt-editing-popup-successors.js +52 -40
  193. package/dist/esm/gantt/tests/gantt-react.js +384 -372
  194. package/dist/esm/gantt/tests/gantt-row-reordering.js +689 -677
  195. package/dist/esm/gantt/tests/gantt.js +664 -652
  196. package/dist/esm/grid/tests/grid-adaptive-search.js +25 -13
  197. package/dist/esm/grid/tests/grid-column-reordering-actions.js +125 -113
  198. package/dist/esm/grid/tests/grid-column-reordering.js +130 -118
  199. package/dist/esm/grid/tests/grid-column-resizing-actions.js +150 -138
  200. package/dist/esm/grid/tests/grid-editing-inline-angular.js +90 -78
  201. package/dist/esm/grid/tests/grid-editing-inline-blazor.js +88 -76
  202. package/dist/esm/grid/tests/grid-editing.js +108 -96
  203. package/dist/esm/grid/tests/grid-filter-row-angular.js +116 -104
  204. package/dist/esm/grid/tests/grid-filter-row-blazor.js +111 -99
  205. package/dist/esm/grid/tests/grid-grouping-actions.js +91 -79
  206. package/dist/esm/grid/tests/grid-grouping.js +207 -195
  207. package/dist/esm/grid/tests/grid-row-reordering.js +114 -102
  208. package/dist/esm/grid/tests/grid-rows-resizing.js +112 -100
  209. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +216 -204
  210. package/dist/esm/grid/tests/grid-size-sm.js +216 -204
  211. package/dist/esm/grid/tests/grid-toolbar.js +85 -73
  212. package/dist/esm/imageeditor/tests/imageeditor-crop-pane.js +80 -68
  213. package/dist/esm/imageeditor/tests/imageeditor-resize-pane.js +68 -56
  214. package/dist/esm/imageeditor/tests/imageeditor.js +35 -23
  215. package/dist/esm/index.js +1972 -1415
  216. package/dist/esm/listview/templates/listview-normal.js +14 -2
  217. package/dist/esm/listview/tests/listview-layout.js +27 -15
  218. package/dist/esm/listview/tests/listview-states.js +18 -6
  219. package/dist/esm/listview/tests/listview.js +21 -9
  220. package/dist/esm/mediaplayer/tests/mediaplayer.js +38 -26
  221. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.js +64 -52
  222. package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.js +69 -57
  223. package/dist/esm/pdf-viewer/tests/pdf-viewer.js +58 -46
  224. package/dist/esm/pivotgrid/tests/pivotgrid-jquery.js +98 -86
  225. package/dist/esm/popover/templates/popover-normal.js +70 -0
  226. package/dist/esm/popover/tests/popover.js +49 -44
  227. package/dist/esm/scheduler/tests/scheduler-adaptive-agenda.js +58 -46
  228. package/dist/esm/scheduler/tests/scheduler-adaptive-day-resource-group.js +236 -224
  229. package/dist/esm/scheduler/tests/scheduler-adaptive-day.js +159 -147
  230. package/dist/esm/scheduler/tests/scheduler-adaptive-month.js +104 -92
  231. package/dist/esm/scheduler/tests/scheduler-angular-agenda-rtl.js +140 -128
  232. package/dist/esm/scheduler/tests/scheduler-angular-agenda.js +140 -128
  233. package/dist/esm/scheduler/tests/scheduler-angular-day-rtl.js +196 -184
  234. package/dist/esm/scheduler/tests/scheduler-angular-month-rtl.js +157 -145
  235. package/dist/esm/scheduler/tests/scheduler-angular-month.js +157 -145
  236. package/dist/esm/scheduler/tests/scheduler-angular-rtl.js +312 -300
  237. package/dist/esm/scheduler/tests/scheduler-angular.js +312 -300
  238. package/dist/esm/scheduler/tests/scheduler-flex-layout.js +170 -158
  239. package/dist/esm/scheduler/tests/scheduler-jquery-agenda.js +80 -68
  240. package/dist/esm/scheduler/tests/scheduler-jquery-month.js +149 -137
  241. package/dist/esm/scheduler/tests/scheduler-react-agenda.js +227 -215
  242. package/dist/esm/scheduler/tests/scheduler-react-day.js +712 -700
  243. package/dist/esm/scheduler/tests/scheduler-react-month.js +1647 -1635
  244. package/dist/esm/scheduler/tests/scheduler-react-timeline-multi.js +619 -607
  245. package/dist/esm/scheduler/tests/scheduler-react-timeline.js +533 -521
  246. package/dist/esm/scheduler/tests/scheduler-react-week.js +1448 -1436
  247. package/dist/esm/scheduler/tests/scheduler-year.js +762 -750
  248. package/dist/esm/scheduler/tests/scheduler.js +412 -400
  249. package/dist/esm/scrollview/templates/scrollview-normal.js +4366 -0
  250. package/dist/esm/scrollview/tests/scrollview-rtl.js +4396 -0
  251. package/dist/esm/scrollview/tests/scrollview.js +19 -12
  252. package/dist/esm/spreadsheet/tests/spreadsheet-cell-contextmenu.js +263 -251
  253. package/dist/esm/spreadsheet/tests/spreadsheet-filtering.js +256 -244
  254. package/dist/esm/spreadsheet/tests/spreadsheet-format-dialogs.js +47 -35
  255. package/dist/esm/spreadsheet/tests/spreadsheet-formula.js +235 -223
  256. package/dist/esm/spreadsheet/tests/spreadsheet-jquery.js +291 -279
  257. package/dist/esm/spreadsheet/tests/spreadsheet-row-contextmenu.js +263 -251
  258. package/dist/esm/spreadsheet/tests/spreadsheet-tools.js +160 -148
  259. package/dist/esm/spreadsheet/tests/spreadsheet.js +254 -242
  260. package/dist/esm/taskboard/tests/taskboard-card.js +90 -78
  261. package/dist/esm/taskboard/tests/taskboard-pane.js +162 -150
  262. package/dist/esm/taskboard/tests/taskboard-rtl.js +87 -75
  263. package/dist/esm/taskboard/tests/taskboard.js +81 -69
  264. package/dist/esm/tilelayout/templates/tilelayout-normal.js +4771 -0
  265. package/dist/esm/tilelayout/tests/tilelayout-resizing.js +36 -6
  266. package/dist/esm/tilelayout/tests/tilelayout.js +30 -15
  267. package/dist/esm/toolbar/templates/toolbar-normal.js +31 -2
  268. package/dist/esm/toolbar/tests/toolbar-adaptive.js +42 -30
  269. package/dist/esm/toolbar/tests/toolbar-angular.js +9 -9
  270. package/dist/esm/toolbar/tests/toolbar-components.js +28 -11
  271. package/dist/esm/toolbar/tests/toolbar-popup-size.js +29 -17
  272. package/dist/esm/toolbar/tests/toolbar-popup.js +52 -40
  273. package/dist/esm/toolbar/tests/toolbar-sizes.js +37 -25
  274. package/dist/esm/toolbar/tests/toolbar.js +34 -37
  275. package/dist/types/appbar/index.d.ts +1 -0
  276. package/dist/types/appbar/templates/appbar-normal.d.ts +1 -0
  277. package/dist/types/bottom-nav/bottom-nav.spec.d.ts +7 -3
  278. package/dist/types/bottom-nav/index.d.ts +3 -0
  279. package/dist/types/bottom-nav/templates/bottom-nav-icons.d.ts +1 -0
  280. package/dist/types/bottom-nav/templates/bottom-nav-links.d.ts +1 -0
  281. package/dist/types/bottom-nav/templates/bottom-nav-normal.d.ts +1 -0
  282. package/dist/types/bottom-nav/tests/bottom-nav-flat.d.ts +2 -0
  283. package/dist/types/bottom-nav/tests/bottom-nav-solid.d.ts +2 -0
  284. package/dist/types/dialog/templates/dialog-normal.d.ts +1 -1
  285. package/dist/types/expansion-panel/expansion-panel.spec.d.ts +1 -1
  286. package/dist/types/expansion-panel/index.d.ts +2 -0
  287. package/dist/types/expansion-panel/templates/expansion-panel-expanded.d.ts +1 -0
  288. package/dist/types/expansion-panel/templates/expansion-panel-normal.d.ts +1 -0
  289. package/dist/types/filter/index.d.ts +1 -0
  290. package/dist/types/filter/templates/filter-normal.d.ts +1 -0
  291. package/dist/types/floating-label/templates/floating-label-normal.d.ts +1 -4
  292. package/dist/types/index.d.ts +3 -0
  293. package/dist/types/popover/index.d.ts +1 -0
  294. package/dist/types/popover/templates/popover-normal.d.ts +4 -0
  295. package/dist/types/scrollview/index.d.ts +1 -0
  296. package/dist/types/scrollview/templates/scrollview-normal.d.ts +1 -0
  297. package/dist/types/scrollview/tests/scrollview-rtl.d.ts +2 -0
  298. package/dist/types/tilelayout/index.d.ts +1 -0
  299. package/dist/types/tilelayout/templates/tilelayout-normal.d.ts +1 -0
  300. package/dist/types/toolbar/templates/toolbar-normal.d.ts +1 -4
  301. package/package.json +2 -2
  302. package/src/appbar/index.ts +1 -0
  303. package/src/appbar/templates/appbar-normal.tsx +31 -0
  304. package/src/appbar/tests/appbar-rtl.tsx +110 -0
  305. package/src/appbar/tests/appbar.tsx +41 -412
  306. package/src/bottom-nav/bottom-nav.spec.tsx +13 -4
  307. package/src/bottom-nav/index.ts +3 -0
  308. package/src/bottom-nav/templates/bottom-nav-icons.tsx +13 -0
  309. package/src/bottom-nav/templates/bottom-nav-links.tsx +13 -0
  310. package/src/bottom-nav/templates/bottom-nav-normal.tsx +13 -0
  311. package/src/bottom-nav/tests/bottom-nav-flat.tsx +35 -0
  312. package/src/bottom-nav/tests/bottom-nav-items.tsx +7 -7
  313. package/src/bottom-nav/tests/bottom-nav-rtl.tsx +5 -5
  314. package/src/bottom-nav/tests/bottom-nav-solid.tsx +32 -0
  315. package/src/bottom-nav/tests/bottom-nav.tsx +11 -11
  316. package/src/dialog/templates/dialog-normal.tsx +10 -5
  317. package/src/editor/templates/editor-normal.tsx +21 -2
  318. package/src/editor/tests/editor.tsx +1 -12
  319. package/src/expansion-panel/expansion-panel.spec.tsx +2 -0
  320. package/src/expansion-panel/index.ts +2 -0
  321. package/src/expansion-panel/templates/expansion-panel-expanded.tsx +14 -0
  322. package/src/expansion-panel/templates/expansion-panel-normal.tsx +13 -0
  323. package/src/expansion-panel/tests/expansion-panel-rtl.tsx +23 -53
  324. package/src/expansion-panel/tests/expansion-panel.tsx +23 -52
  325. package/src/filter/index.ts +1 -0
  326. package/src/filter/templates/filter-normal.tsx +95 -0
  327. package/src/filter/tests/filter.tsx +3 -3
  328. package/src/floating-label/templates/floating-label-normal.tsx +9 -3
  329. package/src/index.ts +11 -2
  330. package/src/listview/templates/listview-normal.tsx +12 -2
  331. package/src/popover/index.ts +1 -0
  332. package/src/popover/templates/popover-normal.tsx +7 -0
  333. package/src/popover/tests/popover.tsx +11 -11
  334. package/src/scrollview/index.ts +1 -0
  335. package/src/scrollview/templates/scrollview-normal.tsx +3 -0
  336. package/src/scrollview/tests/scrollview-rtl.tsx +36 -0
  337. package/src/scrollview/tests/scrollview.tsx +8 -7
  338. package/src/tilelayout/index.ts +1 -0
  339. package/src/tilelayout/templates/tilelayout-normal.tsx +14 -0
  340. package/src/tilelayout/tests/tilelayout-resizing.tsx +3 -3
  341. package/src/tilelayout/tests/tilelayout.tsx +3 -3
  342. package/src/toolbar/templates/toolbar-normal.tsx +18 -3
  343. package/src/toolbar/tests/toolbar.tsx +2 -22
  344. package/src/bottom-nav/tests/bottom-nav-colors.tsx +0 -205
  345. /package/dist/types/{bottom-nav/tests/bottom-nav-colors.d.ts → appbar/tests/appbar-rtl.d.ts} +0 -0
package/dist/esm/bottom-nav/tests/{bottom-nav-colors.js → bottom-nav-flat.js} RENAMED
@@ -108,7 +108,9 @@ var States = {
108
108
  // src/bottom-nav/bottom-nav.spec.tsx
109
109
  import { jsx } from "react/jsx-runtime";
110
110
  var BOTTOM_NAV_CLASSNAME = "k-bottom-nav";
111
- var states = [];
111
+ var states = [
112
+ States.disabled
113
+ ];
112
114
  var options = {
113
115
  fillMode: [FillMode.solid, FillMode.flat],
114
116
  themeColor: [
@@ -125,13 +127,14 @@ var options = {
125
127
  ]
126
128
  };
127
129
  var defaultProps = {
128
- fillMode: FillMode.solid,
130
+ fillMode: FillMode.flat,
129
131
  themeColor: ThemeColor.primary,
130
132
  flow: "horizontal",
131
133
  border: false
132
134
  };
133
135
  var BottomNav = (props) => {
134
136
  const {
137
+ disabled,
135
138
  fillMode = defaultProps.fillMode,
136
139
  themeColor = defaultProps.themeColor,
137
140
  flow = defaultProps.flow,
@@ -148,7 +151,10 @@ var BottomNav = (props) => {
148
151
  {
149
152
  [`k-bottom-nav-item-flow-${flow}`]: flow,
150
153
  "k-bottom-nav-border": border
151
- }
154
+ },
155
+ stateClassNames(BOTTOM_NAV_CLASSNAME, {
156
+ disabled
157
+ })
152
158
  ), dir, children: props.children });
153
159
  };
154
160
  BottomNav.states = states;
@@ -4390,190 +4396,53 @@ BottomNavItem.options = options5;
4390
4396
  BottomNavItem.className = BOTTOM_NAV_ITEM_CLASSNAME;
4391
4397
  BottomNavItem.defaultProps = defaultProps5;
4392
4398
 
4393
- // src/bottom-nav/tests/bottom-nav-colors.tsx
4394
- import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
4399
+ // src/bottom-nav/templates/bottom-nav-normal.tsx
4400
+ import { jsx as jsx6 } from "react/jsx-runtime";
4401
+ var BottomNavNormal = (props) => /* @__PURE__ */ jsx6(
4402
+ BottomNav,
4403
+ {
4404
+ children: [
4405
+ /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4406
+ /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4407
+ /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "BottomNavItem" })
4408
+ ],
4409
+ ...props
4410
+ }
4411
+ );
4412
+
4413
+ // src/bottom-nav/templates/bottom-nav-icons.tsx
4414
+ import { jsx as jsx7 } from "react/jsx-runtime";
4415
+
4416
+ // src/bottom-nav/templates/bottom-nav-links.tsx
4417
+ import { jsx as jsx8 } from "react/jsx-runtime";
4418
+
4419
+ // src/bottom-nav/tests/bottom-nav-flat.tsx
4420
+ import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
4395
4421
  var styles = `
4396
4422
  #test-area .colors {
4397
- padding: 10px 20px;
4398
- gap: 20px;
4423
+ padding: 10px;
4424
+ gap: 10px;
4399
4425
  }
4400
4426
  #test-area .colors-flat {
4401
4427
  background-color: rgb(234, 234, 234);
4402
4428
  }
4403
4429
  `;
4404
- var bottom_nav_colors_default = () => /* @__PURE__ */ jsxs2(Fragment4, { children: [
4405
- /* @__PURE__ */ jsx6("style", { children: styles }),
4406
- /* @__PURE__ */ jsxs2("div", { id: "test-area", className: "k-d-grid", children: [
4407
- /* @__PURE__ */ jsx6("h2", { children: "Solid Colors" }),
4408
- /* @__PURE__ */ jsxs2("div", { className: "colors k-d-grid k-grid-cols-2", children: [
4409
- /* @__PURE__ */ jsxs2("section", { children: [
4410
- /* @__PURE__ */ jsx6("span", { className: "k-col-start-1", children: "Primary ThemeColor" }),
4411
- /* @__PURE__ */ jsxs2(BottomNav, { themeColor: "primary", flow: "vertical", children: [
4412
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4413
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4414
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4415
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4416
- ] })
4417
- ] }),
4418
- /* @__PURE__ */ jsxs2("section", { children: [
4419
- /* @__PURE__ */ jsx6("span", { children: "Secondary ThemeColor" }),
4420
- /* @__PURE__ */ jsxs2(BottomNav, { themeColor: "secondary", flow: "vertical", children: [
4421
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4422
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4423
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4424
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4425
- ] })
4426
- ] }),
4427
- /* @__PURE__ */ jsxs2("section", { children: [
4428
- /* @__PURE__ */ jsx6("span", { children: "Tertiary ThemeColor" }),
4429
- /* @__PURE__ */ jsxs2(BottomNav, { themeColor: "tertiary", flow: "vertical", children: [
4430
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4431
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4432
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4433
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4434
- ] })
4435
- ] }),
4436
- /* @__PURE__ */ jsxs2("section", { children: [
4437
- /* @__PURE__ */ jsx6("span", { children: "Info ThemeColor" }),
4438
- /* @__PURE__ */ jsxs2(BottomNav, { themeColor: "info", flow: "vertical", children: [
4439
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4440
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4441
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4442
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4443
- ] })
4444
- ] }),
4445
- /* @__PURE__ */ jsxs2("section", { children: [
4446
- /* @__PURE__ */ jsx6("span", { children: "Success ThemeColor" }),
4447
- /* @__PURE__ */ jsxs2(BottomNav, { themeColor: "success", flow: "vertical", children: [
4448
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4449
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4450
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4451
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4452
- ] })
4453
- ] }),
4454
- /* @__PURE__ */ jsxs2("section", { children: [
4455
- /* @__PURE__ */ jsx6("span", { children: "Warning ThemeColor" }),
4456
- /* @__PURE__ */ jsxs2(BottomNav, { themeColor: "warning", flow: "vertical", children: [
4457
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4458
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4459
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4460
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4461
- ] })
4462
- ] }),
4463
- /* @__PURE__ */ jsxs2("section", { children: [
4464
- /* @__PURE__ */ jsx6("span", { children: "Error ThemeColor" }),
4465
- /* @__PURE__ */ jsxs2(BottomNav, { themeColor: "error", flow: "vertical", children: [
4466
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4467
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4468
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4469
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4470
- ] })
4471
- ] }),
4472
- /* @__PURE__ */ jsxs2("section", { children: [
4473
- /* @__PURE__ */ jsx6("span", { children: "Dark ThemeColor" }),
4474
- /* @__PURE__ */ jsxs2(BottomNav, { themeColor: "dark", flow: "vertical", children: [
4475
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4476
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4477
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4478
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4479
- ] })
4480
- ] }),
4481
- /* @__PURE__ */ jsxs2("section", { children: [
4482
- /* @__PURE__ */ jsx6("span", { children: "Light ThemeColor" }),
4483
- /* @__PURE__ */ jsxs2(BottomNav, { themeColor: "light", flow: "vertical", children: [
4484
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4485
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4486
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4487
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4488
- ] })
4489
- ] })
4430
+ var bottom_nav_flat_default = () => /* @__PURE__ */ jsxs2(Fragment4, { children: [
4431
+ /* @__PURE__ */ jsx9("style", { children: styles }),
4432
+ /* @__PURE__ */ jsx9("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ jsx9("div", { className: "colors colors-flat k-d-grid", children: [...BottomNav.options.themeColor].map((themeColor) => /* @__PURE__ */ jsxs2(Fragment4, { children: [
4433
+ /* @__PURE__ */ jsxs2("span", { children: [
4434
+ "BottomNav ",
4435
+ themeColor,
4436
+ " theme color"
4490
4437
  ] }),
4491
- /* @__PURE__ */ jsx6("h2", { children: "Flat Colors" }),
4492
- /* @__PURE__ */ jsxs2("div", { className: "colors colors-flat k-d-grid k-grid-cols-2", children: [
4493
- /* @__PURE__ */ jsxs2("section", { children: [
4494
- /* @__PURE__ */ jsx6("span", { children: "Primary ThemeColor" }),
4495
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
4496
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4497
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4498
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4499
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4500
- ] })
4501
- ] }),
4502
- /* @__PURE__ */ jsxs2("section", { children: [
4503
- /* @__PURE__ */ jsx6("span", { children: "Secondary ThemeColor" }),
4504
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "secondary", border: true, flow: "vertical", children: [
4505
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4506
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4507
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4508
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4509
- ] })
4510
- ] }),
4511
- /* @__PURE__ */ jsxs2("section", { children: [
4512
- /* @__PURE__ */ jsx6("span", { children: "Tertiary ThemeColor" }),
4513
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "tertiary", border: true, flow: "vertical", children: [
4514
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4515
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4516
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4517
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4518
- ] })
4519
- ] }),
4520
- /* @__PURE__ */ jsxs2("section", { children: [
4521
- /* @__PURE__ */ jsx6("span", { children: "Info ThemeColor" }),
4522
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "info", border: true, flow: "vertical", children: [
4523
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4524
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4525
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4526
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4527
- ] })
4528
- ] }),
4529
- /* @__PURE__ */ jsxs2("section", { children: [
4530
- /* @__PURE__ */ jsx6("span", { children: "Success ThemeColor" }),
4531
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "success", border: true, flow: "vertical", children: [
4532
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4533
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4534
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4535
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4536
- ] })
4537
- ] }),
4538
- /* @__PURE__ */ jsxs2("section", { children: [
4539
- /* @__PURE__ */ jsx6("span", { children: "Warning ThemeColor" }),
4540
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "warning", border: true, flow: "vertical", children: [
4541
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4542
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4543
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4544
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4545
- ] })
4546
- ] }),
4547
- /* @__PURE__ */ jsxs2("section", { children: [
4548
- /* @__PURE__ */ jsx6("span", { children: "Error ThemeColor" }),
4549
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "error", border: true, flow: "vertical", children: [
4550
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4551
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4552
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4553
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4554
- ] })
4555
- ] }),
4556
- /* @__PURE__ */ jsxs2("section", { children: [
4557
- /* @__PURE__ */ jsx6("span", { children: "Dark ThemeColor" }),
4558
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "dark", border: true, flow: "vertical", children: [
4559
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4560
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4561
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4562
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4563
- ] })
4564
- ] }),
4565
- /* @__PURE__ */ jsxs2("section", { children: [
4566
- /* @__PURE__ */ jsx6("span", { children: "Light ThemeColor" }),
4567
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "light", border: true, flow: "vertical", children: [
4568
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4569
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4570
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4571
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4572
- ] })
4573
- ] })
4574
- ] })
4575
- ] })
4438
+ /* @__PURE__ */ jsx9("section", { children: /* @__PURE__ */ jsxs2(BottomNavNormal, { themeColor, border: true, flow: "vertical", children: [
4439
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Normal" }),
4440
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4441
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4442
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4443
+ ] }) })
4444
+ ] })) }) })
4576
4445
  ] });
4577
4446
  export {
4578
- bottom_nav_colors_default as default
4447
+ bottom_nav_flat_default as default
4579
4448
  };
package/dist/esm/bottom-nav/tests/bottom-nav-items.js CHANGED
@@ -4305,7 +4305,9 @@ Icon.defaultProps = defaultProps3;
4305
4305
  // src/bottom-nav/bottom-nav.spec.tsx
4306
4306
  import { jsx as jsx4 } from "react/jsx-runtime";
4307
4307
  var BOTTOM_NAV_CLASSNAME = "k-bottom-nav";
4308
- var states4 = [];
4308
+ var states4 = [
4309
+ States.disabled
4310
+ ];
4309
4311
  var options4 = {
4310
4312
  fillMode: [FillMode.solid, FillMode.flat],
4311
4313
  themeColor: [
@@ -4322,13 +4324,14 @@ var options4 = {
4322
4324
  ]
4323
4325
  };
4324
4326
  var defaultProps4 = {
4325
- fillMode: FillMode.solid,
4327
+ fillMode: FillMode.flat,
4326
4328
  themeColor: ThemeColor.primary,
4327
4329
  flow: "horizontal",
4328
4330
  border: false
4329
4331
  };
4330
4332
  var BottomNav = (props) => {
4331
4333
  const {
4334
+ disabled,
4332
4335
  fillMode = defaultProps4.fillMode,
4333
4336
  themeColor = defaultProps4.themeColor,
4334
4337
  flow = defaultProps4.flow,
@@ -4345,7 +4348,10 @@ var BottomNav = (props) => {
4345
4348
  {
4346
4349
  [`k-bottom-nav-item-flow-${flow}`]: flow,
4347
4350
  "k-bottom-nav-border": border
4348
- }
4351
+ },
4352
+ stateClassNames(BOTTOM_NAV_CLASSNAME, {
4353
+ disabled
4354
+ })
4349
4355
  ), dir, children: props.children });
4350
4356
  };
4351
4357
  BottomNav.states = states4;
@@ -4390,64 +4396,84 @@ BottomNavItem.options = options5;
4390
4396
  BottomNavItem.className = BOTTOM_NAV_ITEM_CLASSNAME;
4391
4397
  BottomNavItem.defaultProps = defaultProps5;
4392
4398
 
4399
+ // src/bottom-nav/templates/bottom-nav-normal.tsx
4400
+ import { jsx as jsx6 } from "react/jsx-runtime";
4401
+ var BottomNavNormal = (props) => /* @__PURE__ */ jsx6(
4402
+ BottomNav,
4403
+ {
4404
+ children: [
4405
+ /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4406
+ /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4407
+ /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "BottomNavItem" })
4408
+ ],
4409
+ ...props
4410
+ }
4411
+ );
4412
+
4413
+ // src/bottom-nav/templates/bottom-nav-icons.tsx
4414
+ import { jsx as jsx7 } from "react/jsx-runtime";
4415
+
4416
+ // src/bottom-nav/templates/bottom-nav-links.tsx
4417
+ import { jsx as jsx8 } from "react/jsx-runtime";
4418
+
4393
4419
  // src/bottom-nav/tests/bottom-nav-items.tsx
4394
- import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
4420
+ import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
4395
4421
  var styles = `
4396
4422
  #test-area {
4397
4423
  background-color: #f3f5f7;
4398
4424
  }
4399
4425
  `;
4400
4426
  var bottom_nav_items_default = () => /* @__PURE__ */ jsxs2(Fragment4, { children: [
4401
- /* @__PURE__ */ jsx6("style", { children: styles }),
4427
+ /* @__PURE__ */ jsx9("style", { children: styles }),
4402
4428
  /* @__PURE__ */ jsxs2("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
4403
4429
  /* @__PURE__ */ jsxs2("section", { children: [
4404
- /* @__PURE__ */ jsx6("h4", { children: "Bottom Navigation with SPAN" }),
4405
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
4406
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4407
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4408
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4409
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4430
+ /* @__PURE__ */ jsx9("h4", { children: "Bottom Navigation with SPAN" }),
4431
+ /* @__PURE__ */ jsxs2(BottomNavNormal, { themeColor: "primary", border: true, flow: "vertical", children: [
4432
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Normal" }),
4433
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4434
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4435
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4410
4436
  ] })
4411
4437
  ] }),
4412
4438
  /* @__PURE__ */ jsxs2("section", { children: [
4413
- /* @__PURE__ */ jsx6("h4", { children: "Bottom Navigation with BUTTON" }),
4414
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
4439
+ /* @__PURE__ */ jsx9("h4", { children: "Bottom Navigation with BUTTON" }),
4440
+ /* @__PURE__ */ jsxs2(BottomNavNormal, { themeColor: "primary", border: true, flow: "vertical", children: [
4415
4441
  /* @__PURE__ */ jsxs2("button", { className: "k-bottom-nav-item", children: [
4416
- /* @__PURE__ */ jsx6(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4417
- /* @__PURE__ */ jsx6("span", { className: "k-bottom-nav-item-text", children: "Normal" })
4442
+ /* @__PURE__ */ jsx9(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4443
+ /* @__PURE__ */ jsx9("span", { className: "k-bottom-nav-item-text", children: "Normal" })
4418
4444
  ] }),
4419
4445
  /* @__PURE__ */ jsxs2("button", { className: "k-bottom-nav-item k-focus", children: [
4420
- /* @__PURE__ */ jsx6(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4421
- /* @__PURE__ */ jsx6("span", { className: "k-bottom-nav-item-text", children: "Focused" })
4446
+ /* @__PURE__ */ jsx9(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4447
+ /* @__PURE__ */ jsx9("span", { className: "k-bottom-nav-item-text", children: "Focused" })
4422
4448
  ] }),
4423
4449
  /* @__PURE__ */ jsxs2("button", { className: "k-bottom-nav-item k-selected", children: [
4424
- /* @__PURE__ */ jsx6(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4425
- /* @__PURE__ */ jsx6("span", { className: "k-bottom-nav-item-text", children: "Selected" })
4450
+ /* @__PURE__ */ jsx9(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4451
+ /* @__PURE__ */ jsx9("span", { className: "k-bottom-nav-item-text", children: "Selected" })
4426
4452
  ] }),
4427
4453
  /* @__PURE__ */ jsxs2("button", { className: "k-bottom-nav-item k-disabled", children: [
4428
- /* @__PURE__ */ jsx6(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4429
- /* @__PURE__ */ jsx6("span", { className: "k-bottom-nav-item-text", children: "Disabled" })
4454
+ /* @__PURE__ */ jsx9(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4455
+ /* @__PURE__ */ jsx9("span", { className: "k-bottom-nav-item-text", children: "Disabled" })
4430
4456
  ] })
4431
4457
  ] })
4432
4458
  ] }),
4433
4459
  /* @__PURE__ */ jsxs2("section", { children: [
4434
- /* @__PURE__ */ jsx6("h4", { children: "Bottom Navigation with A" }),
4435
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
4460
+ /* @__PURE__ */ jsx9("h4", { children: "Bottom Navigation with A" }),
4461
+ /* @__PURE__ */ jsxs2(BottomNavNormal, { themeColor: "primary", border: true, flow: "vertical", children: [
4436
4462
  /* @__PURE__ */ jsxs2("a", { className: "k-bottom-nav-item", children: [
4437
- /* @__PURE__ */ jsx6(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4438
- /* @__PURE__ */ jsx6("span", { className: "k-bottom-nav-item-text", children: "Normal" })
4463
+ /* @__PURE__ */ jsx9(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4464
+ /* @__PURE__ */ jsx9("span", { className: "k-bottom-nav-item-text", children: "Normal" })
4439
4465
  ] }),
4440
4466
  /* @__PURE__ */ jsxs2("a", { className: "k-bottom-nav-item k-focus", href: "#", children: [
4441
- /* @__PURE__ */ jsx6(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4442
- /* @__PURE__ */ jsx6("span", { className: "k-bottom-nav-item-text", children: "Focused" })
4467
+ /* @__PURE__ */ jsx9(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4468
+ /* @__PURE__ */ jsx9("span", { className: "k-bottom-nav-item-text", children: "Focused" })
4443
4469
  ] }),
4444
4470
  /* @__PURE__ */ jsxs2("a", { className: "k-bottom-nav-item k-selected", children: [
4445
- /* @__PURE__ */ jsx6(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4446
- /* @__PURE__ */ jsx6("span", { className: "k-bottom-nav-item-text", children: "Selected" })
4471
+ /* @__PURE__ */ jsx9(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4472
+ /* @__PURE__ */ jsx9("span", { className: "k-bottom-nav-item-text", children: "Selected" })
4447
4473
  ] }),
4448
4474
  /* @__PURE__ */ jsxs2("a", { className: "k-bottom-nav-item k-disabled", children: [
4449
- /* @__PURE__ */ jsx6(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4450
- /* @__PURE__ */ jsx6("span", { className: "k-bottom-nav-item-text", children: "Disabled" })
4475
+ /* @__PURE__ */ jsx9(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4476
+ /* @__PURE__ */ jsx9("span", { className: "k-bottom-nav-item-text", children: "Disabled" })
4451
4477
  ] })
4452
4478
  ] })
4453
4479
  ] })
package/dist/esm/bottom-nav/tests/bottom-nav-rtl.js CHANGED
@@ -108,7 +108,9 @@ var States = {
108
108
  // src/bottom-nav/bottom-nav.spec.tsx
109
109
  import { jsx } from "react/jsx-runtime";
110
110
  var BOTTOM_NAV_CLASSNAME = "k-bottom-nav";
111
- var states = [];
111
+ var states = [
112
+ States.disabled
113
+ ];
112
114
  var options = {
113
115
  fillMode: [FillMode.solid, FillMode.flat],
114
116
  themeColor: [
@@ -125,13 +127,14 @@ var options = {
125
127
  ]
126
128
  };
127
129
  var defaultProps = {
128
- fillMode: FillMode.solid,
130
+ fillMode: FillMode.flat,
129
131
  themeColor: ThemeColor.primary,
130
132
  flow: "horizontal",
131
133
  border: false
132
134
  };
133
135
  var BottomNav = (props) => {
134
136
  const {
137
+ disabled,
135
138
  fillMode = defaultProps.fillMode,
136
139
  themeColor = defaultProps.themeColor,
137
140
  flow = defaultProps.flow,
@@ -148,7 +151,10 @@ var BottomNav = (props) => {
148
151
  {
149
152
  [`k-bottom-nav-item-flow-${flow}`]: flow,
150
153
  "k-bottom-nav-border": border
151
- }
154
+ },
155
+ stateClassNames(BOTTOM_NAV_CLASSNAME, {
156
+ disabled
157
+ })
152
158
  ), dir, children: props.children });
153
159
  };
154
160
  BottomNav.states = states;
@@ -4390,32 +4396,52 @@ BottomNavItem.options = options5;
4390
4396
  BottomNavItem.className = BOTTOM_NAV_ITEM_CLASSNAME;
4391
4397
  BottomNavItem.defaultProps = defaultProps5;
4392
4398
 
4399
+ // src/bottom-nav/templates/bottom-nav-normal.tsx
4400
+ import { jsx as jsx6 } from "react/jsx-runtime";
4401
+ var BottomNavNormal = (props) => /* @__PURE__ */ jsx6(
4402
+ BottomNav,
4403
+ {
4404
+ children: [
4405
+ /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4406
+ /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4407
+ /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "BottomNavItem" })
4408
+ ],
4409
+ ...props
4410
+ }
4411
+ );
4412
+
4413
+ // src/bottom-nav/templates/bottom-nav-icons.tsx
4414
+ import { jsx as jsx7 } from "react/jsx-runtime";
4415
+
4416
+ // src/bottom-nav/templates/bottom-nav-links.tsx
4417
+ import { jsx as jsx8 } from "react/jsx-runtime";
4418
+
4393
4419
  // src/bottom-nav/tests/bottom-nav-rtl.tsx
4394
- import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
4420
+ import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
4395
4421
  var styles = `
4396
4422
  #test-area {
4397
4423
  background-color: #f3f5f7;
4398
4424
  }
4399
4425
  `;
4400
4426
  var bottom_nav_rtl_default = () => /* @__PURE__ */ jsxs2(Fragment4, { children: [
4401
- /* @__PURE__ */ jsx6("style", { children: styles }),
4427
+ /* @__PURE__ */ jsx9("style", { children: styles }),
4402
4428
  /* @__PURE__ */ jsxs2("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
4403
4429
  /* @__PURE__ */ jsxs2("section", { children: [
4404
- /* @__PURE__ */ jsx6("h4", { children: "Bottom Navigation RTL Horizontal" }),
4405
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, dir: "rtl", children: [
4406
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4407
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4408
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4409
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4430
+ /* @__PURE__ */ jsx9("h4", { children: "Bottom Navigation RTL Horizontal" }),
4431
+ /* @__PURE__ */ jsxs2(BottomNavNormal, { themeColor: "primary", border: true, dir: "rtl", children: [
4432
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Normal" }),
4433
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4434
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4435
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4410
4436
  ] })
4411
4437
  ] }),
4412
4438
  /* @__PURE__ */ jsxs2("section", { children: [
4413
- /* @__PURE__ */ jsx6("h4", { children: "Bottom Navigation RTL Vertical" }),
4414
- /* @__PURE__ */ jsxs2(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", dir: "rtl", children: [
4415
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Normal" }),
4416
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4417
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4418
- /* @__PURE__ */ jsx6(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4439
+ /* @__PURE__ */ jsx9("h4", { children: "Bottom Navigation RTL Vertical" }),
4440
+ /* @__PURE__ */ jsxs2(BottomNavNormal, { themeColor: "primary", border: true, flow: "vertical", dir: "rtl", children: [
4441
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Normal" }),
4442
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4443
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4444
+ /* @__PURE__ */ jsx9(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4419
4445
  ] })
4420
4446
  ] })
4421
4447
  ] })