@progress/kendo-themes-html 7.0.1-dev.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/cjs/bottom-nav/tests/{bottom-nav-colors.js → bottom-nav-flat.js} RENAMED
@@ -16,12 +16,12 @@ var __copyProps = (to, from, except, desc) => {
16
16
  };
17
17
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
18
 
19
- // src/bottom-nav/tests/bottom-nav-colors.tsx
20
- var bottom_nav_colors_exports = {};
21
- __export(bottom_nav_colors_exports, {
22
- default: () => bottom_nav_colors_default
19
+ // src/bottom-nav/tests/bottom-nav-flat.tsx
20
+ var bottom_nav_flat_exports = {};
21
+ __export(bottom_nav_flat_exports, {
22
+ default: () => bottom_nav_flat_default
23
23
  });
24
- module.exports = __toCommonJS(bottom_nav_colors_exports);
24
+ module.exports = __toCommonJS(bottom_nav_flat_exports);
25
25
 
26
26
  // src/misc/class-names.ts
27
27
  var classNames = (...args) => {
@@ -127,7 +127,9 @@ var States = {
127
127
  // src/bottom-nav/bottom-nav.spec.tsx
128
128
  var import_jsx_runtime = require("react/jsx-runtime");
129
129
  var BOTTOM_NAV_CLASSNAME = "k-bottom-nav";
130
- var states = [];
130
+ var states = [
131
+ States.disabled
132
+ ];
131
133
  var options = {
132
134
  fillMode: [FillMode.solid, FillMode.flat],
133
135
  themeColor: [
@@ -144,13 +146,14 @@ var options = {
144
146
  ]
145
147
  };
146
148
  var defaultProps = {
147
- fillMode: FillMode.solid,
149
+ fillMode: FillMode.flat,
148
150
  themeColor: ThemeColor.primary,
149
151
  flow: "horizontal",
150
152
  border: false
151
153
  };
152
154
  var BottomNav = (props) => {
153
155
  const {
156
+ disabled,
154
157
  fillMode = defaultProps.fillMode,
155
158
  themeColor = defaultProps.themeColor,
156
159
  flow = defaultProps.flow,
@@ -167,7 +170,10 @@ var BottomNav = (props) => {
167
170
  {
168
171
  [`k-bottom-nav-item-flow-${flow}`]: flow,
169
172
  "k-bottom-nav-border": border
170
- }
173
+ },
174
+ stateClassNames(BOTTOM_NAV_CLASSNAME, {
175
+ disabled
176
+ })
171
177
  ), dir, children: props.children });
172
178
  };
173
179
  BottomNav.states = states;
@@ -4409,187 +4415,50 @@ BottomNavItem.options = options5;
4409
4415
  BottomNavItem.className = BOTTOM_NAV_ITEM_CLASSNAME;
4410
4416
  BottomNavItem.defaultProps = defaultProps5;
4411
4417
 
4412
- // src/bottom-nav/tests/bottom-nav-colors.tsx
4418
+ // src/bottom-nav/templates/bottom-nav-normal.tsx
4413
4419
  var import_jsx_runtime6 = require("react/jsx-runtime");
4420
+ var BottomNavNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
4421
+ BottomNav,
4422
+ {
4423
+ children: [
4424
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4425
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4426
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "BottomNavItem" })
4427
+ ],
4428
+ ...props
4429
+ }
4430
+ );
4431
+
4432
+ // src/bottom-nav/templates/bottom-nav-icons.tsx
4433
+ var import_jsx_runtime7 = require("react/jsx-runtime");
4434
+
4435
+ // src/bottom-nav/templates/bottom-nav-links.tsx
4436
+ var import_jsx_runtime8 = require("react/jsx-runtime");
4437
+
4438
+ // src/bottom-nav/tests/bottom-nav-flat.tsx
4439
+ var import_jsx_runtime9 = require("react/jsx-runtime");
4414
4440
  var styles = `
4415
4441
  #test-area .colors {
4416
- padding: 10px 20px;
4417
- gap: 20px;
4442
+ padding: 10px;
4443
+ gap: 10px;
4418
4444
  }
4419
4445
  #test-area .colors-flat {
4420
4446
  background-color: rgb(234, 234, 234);
4421
4447
  }
4422
4448
  `;
4423
- var bottom_nav_colors_default = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
4424
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: styles }),
4425
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
4426
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "Solid Colors" }),
4427
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "colors k-d-grid k-grid-cols-2", children: [
4428
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4429
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-col-start-1", children: "Primary ThemeColor" }),
4430
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "primary", flow: "vertical", children: [
4431
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4432
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4433
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4434
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4435
- ] })
4436
- ] }),
4437
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4438
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Secondary ThemeColor" }),
4439
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "secondary", flow: "vertical", children: [
4440
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4441
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4442
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4443
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4444
- ] })
4445
- ] }),
4446
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4447
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Tertiary ThemeColor" }),
4448
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "tertiary", flow: "vertical", children: [
4449
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4450
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4451
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4452
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4453
- ] })
4454
- ] }),
4455
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4456
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Info ThemeColor" }),
4457
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "info", flow: "vertical", children: [
4458
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4459
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4460
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4461
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4462
- ] })
4463
- ] }),
4464
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4465
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Success ThemeColor" }),
4466
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "success", flow: "vertical", children: [
4467
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4468
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4469
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4470
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4471
- ] })
4472
- ] }),
4473
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4474
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Warning ThemeColor" }),
4475
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "warning", flow: "vertical", children: [
4476
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4477
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4478
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4479
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4480
- ] })
4481
- ] }),
4482
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4483
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Error ThemeColor" }),
4484
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "error", flow: "vertical", children: [
4485
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4486
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4487
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4488
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4489
- ] })
4490
- ] }),
4491
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4492
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Dark ThemeColor" }),
4493
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "dark", flow: "vertical", children: [
4494
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4495
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4496
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4497
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4498
- ] })
4499
- ] }),
4500
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4501
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Light ThemeColor" }),
4502
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { themeColor: "light", flow: "vertical", children: [
4503
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4504
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4505
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4506
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4507
- ] })
4508
- ] })
4449
+ var bottom_nav_flat_default = () => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
4450
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("style", { children: styles }),
4451
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "colors colors-flat k-d-grid", children: [...BottomNav.options.themeColor].map((themeColor) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
4452
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { children: [
4453
+ "BottomNav ",
4454
+ themeColor,
4455
+ " theme color"
4509
4456
  ] }),
4510
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "Flat Colors" }),
4511
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "colors colors-flat k-d-grid k-grid-cols-2", children: [
4512
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4513
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Primary ThemeColor" }),
4514
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
4515
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4516
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4517
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4518
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4519
- ] })
4520
- ] }),
4521
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4522
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Secondary ThemeColor" }),
4523
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "secondary", border: true, flow: "vertical", children: [
4524
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4525
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4526
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4527
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4528
- ] })
4529
- ] }),
4530
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4531
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Tertiary ThemeColor" }),
4532
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "tertiary", border: true, flow: "vertical", children: [
4533
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4534
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4535
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4536
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4537
- ] })
4538
- ] }),
4539
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4540
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Info ThemeColor" }),
4541
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "info", border: true, flow: "vertical", children: [
4542
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4543
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4544
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4545
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4546
- ] })
4547
- ] }),
4548
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4549
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Success ThemeColor" }),
4550
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "success", border: true, flow: "vertical", children: [
4551
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4552
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4553
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4554
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4555
- ] })
4556
- ] }),
4557
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4558
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Warning ThemeColor" }),
4559
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "warning", border: true, flow: "vertical", children: [
4560
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4561
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4562
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4563
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4564
- ] })
4565
- ] }),
4566
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4567
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Error ThemeColor" }),
4568
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "error", border: true, flow: "vertical", children: [
4569
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4570
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4571
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4572
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4573
- ] })
4574
- ] }),
4575
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4576
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Dark ThemeColor" }),
4577
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "dark", border: true, flow: "vertical", children: [
4578
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4579
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4580
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4581
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4582
- ] })
4583
- ] }),
4584
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4585
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Light ThemeColor" }),
4586
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "light", border: true, flow: "vertical", children: [
4587
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4588
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4589
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4590
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4591
- ] })
4592
- ] })
4593
- ] })
4594
- ] })
4457
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(BottomNavNormal, { themeColor, border: true, flow: "vertical", children: [
4458
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4459
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4460
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4461
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4462
+ ] }) })
4463
+ ] })) }) })
4595
4464
  ] });
package/dist/cjs/bottom-nav/tests/bottom-nav-items.js CHANGED
@@ -4324,7 +4324,9 @@ Icon.defaultProps = defaultProps3;
4324
4324
  // src/bottom-nav/bottom-nav.spec.tsx
4325
4325
  var import_jsx_runtime4 = require("react/jsx-runtime");
4326
4326
  var BOTTOM_NAV_CLASSNAME = "k-bottom-nav";
4327
- var states4 = [];
4327
+ var states4 = [
4328
+ States.disabled
4329
+ ];
4328
4330
  var options4 = {
4329
4331
  fillMode: [FillMode.solid, FillMode.flat],
4330
4332
  themeColor: [
@@ -4341,13 +4343,14 @@ var options4 = {
4341
4343
  ]
4342
4344
  };
4343
4345
  var defaultProps4 = {
4344
- fillMode: FillMode.solid,
4346
+ fillMode: FillMode.flat,
4345
4347
  themeColor: ThemeColor.primary,
4346
4348
  flow: "horizontal",
4347
4349
  border: false
4348
4350
  };
4349
4351
  var BottomNav = (props) => {
4350
4352
  const {
4353
+ disabled,
4351
4354
  fillMode = defaultProps4.fillMode,
4352
4355
  themeColor = defaultProps4.themeColor,
4353
4356
  flow = defaultProps4.flow,
@@ -4364,7 +4367,10 @@ var BottomNav = (props) => {
4364
4367
  {
4365
4368
  [`k-bottom-nav-item-flow-${flow}`]: flow,
4366
4369
  "k-bottom-nav-border": border
4367
- }
4370
+ },
4371
+ stateClassNames(BOTTOM_NAV_CLASSNAME, {
4372
+ disabled
4373
+ })
4368
4374
  ), dir, children: props.children });
4369
4375
  };
4370
4376
  BottomNav.states = states4;
@@ -4409,64 +4415,84 @@ BottomNavItem.options = options5;
4409
4415
  BottomNavItem.className = BOTTOM_NAV_ITEM_CLASSNAME;
4410
4416
  BottomNavItem.defaultProps = defaultProps5;
4411
4417
 
4412
- // src/bottom-nav/tests/bottom-nav-items.tsx
4418
+ // src/bottom-nav/templates/bottom-nav-normal.tsx
4413
4419
  var import_jsx_runtime6 = require("react/jsx-runtime");
4420
+ var BottomNavNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
4421
+ BottomNav,
4422
+ {
4423
+ children: [
4424
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4425
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4426
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "BottomNavItem" })
4427
+ ],
4428
+ ...props
4429
+ }
4430
+ );
4431
+
4432
+ // src/bottom-nav/templates/bottom-nav-icons.tsx
4433
+ var import_jsx_runtime7 = require("react/jsx-runtime");
4434
+
4435
+ // src/bottom-nav/templates/bottom-nav-links.tsx
4436
+ var import_jsx_runtime8 = require("react/jsx-runtime");
4437
+
4438
+ // src/bottom-nav/tests/bottom-nav-items.tsx
4439
+ var import_jsx_runtime9 = require("react/jsx-runtime");
4414
4440
  var styles = `
4415
4441
  #test-area {
4416
4442
  background-color: #f3f5f7;
4417
4443
  }
4418
4444
  `;
4419
- var bottom_nav_items_default = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
4420
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: styles }),
4421
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
4422
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4423
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Bottom Navigation with SPAN" }),
4424
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
4425
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4426
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4427
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4428
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4445
+ var bottom_nav_items_default = () => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
4446
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("style", { children: styles }),
4447
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
4448
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { children: [
4449
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h4", { children: "Bottom Navigation with SPAN" }),
4450
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(BottomNavNormal, { themeColor: "primary", border: true, flow: "vertical", children: [
4451
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4452
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4453
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4454
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4429
4455
  ] })
4430
4456
  ] }),
4431
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4432
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Bottom Navigation with BUTTON" }),
4433
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
4434
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "k-bottom-nav-item", children: [
4435
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4436
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Normal" })
4457
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { children: [
4458
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h4", { children: "Bottom Navigation with BUTTON" }),
4459
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(BottomNavNormal, { themeColor: "primary", border: true, flow: "vertical", children: [
4460
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "k-bottom-nav-item", children: [
4461
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4462
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "k-bottom-nav-item-text", children: "Normal" })
4437
4463
  ] }),
4438
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "k-bottom-nav-item k-focus", children: [
4439
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4440
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Focused" })
4464
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "k-bottom-nav-item k-focus", children: [
4465
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4466
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "k-bottom-nav-item-text", children: "Focused" })
4441
4467
  ] }),
4442
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "k-bottom-nav-item k-selected", children: [
4443
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4444
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Selected" })
4468
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "k-bottom-nav-item k-selected", children: [
4469
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4470
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "k-bottom-nav-item-text", children: "Selected" })
4445
4471
  ] }),
4446
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "k-bottom-nav-item k-disabled", children: [
4447
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4448
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Disabled" })
4472
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "k-bottom-nav-item k-disabled", children: [
4473
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4474
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "k-bottom-nav-item-text", children: "Disabled" })
4449
4475
  ] })
4450
4476
  ] })
4451
4477
  ] }),
4452
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4453
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Bottom Navigation with A" }),
4454
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", children: [
4455
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { className: "k-bottom-nav-item", children: [
4456
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4457
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Normal" })
4478
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { children: [
4479
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h4", { children: "Bottom Navigation with A" }),
4480
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(BottomNavNormal, { themeColor: "primary", border: true, flow: "vertical", children: [
4481
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("a", { className: "k-bottom-nav-item", children: [
4482
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4483
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "k-bottom-nav-item-text", children: "Normal" })
4458
4484
  ] }),
4459
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { className: "k-bottom-nav-item k-focus", href: "#", children: [
4460
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4461
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Focused" })
4485
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("a", { className: "k-bottom-nav-item k-focus", href: "#", children: [
4486
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4487
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "k-bottom-nav-item-text", children: "Focused" })
4462
4488
  ] }),
4463
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { className: "k-bottom-nav-item k-selected", children: [
4464
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4465
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Selected" })
4489
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("a", { className: "k-bottom-nav-item k-selected", children: [
4490
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4491
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "k-bottom-nav-item-text", children: "Selected" })
4466
4492
  ] }),
4467
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { className: "k-bottom-nav-item k-disabled", children: [
4468
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4469
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-bottom-nav-item-text", children: "Disabled" })
4493
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("a", { className: "k-bottom-nav-item k-disabled", children: [
4494
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "k-bottom-nav-item-icon", icon: "envelope", size: "xlarge" }),
4495
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "k-bottom-nav-item-text", children: "Disabled" })
4470
4496
  ] })
4471
4497
  ] })
4472
4498
  ] })
package/dist/cjs/bottom-nav/tests/bottom-nav-rtl.js CHANGED
@@ -127,7 +127,9 @@ var States = {
127
127
  // src/bottom-nav/bottom-nav.spec.tsx
128
128
  var import_jsx_runtime = require("react/jsx-runtime");
129
129
  var BOTTOM_NAV_CLASSNAME = "k-bottom-nav";
130
- var states = [];
130
+ var states = [
131
+ States.disabled
132
+ ];
131
133
  var options = {
132
134
  fillMode: [FillMode.solid, FillMode.flat],
133
135
  themeColor: [
@@ -144,13 +146,14 @@ var options = {
144
146
  ]
145
147
  };
146
148
  var defaultProps = {
147
- fillMode: FillMode.solid,
149
+ fillMode: FillMode.flat,
148
150
  themeColor: ThemeColor.primary,
149
151
  flow: "horizontal",
150
152
  border: false
151
153
  };
152
154
  var BottomNav = (props) => {
153
155
  const {
156
+ disabled,
154
157
  fillMode = defaultProps.fillMode,
155
158
  themeColor = defaultProps.themeColor,
156
159
  flow = defaultProps.flow,
@@ -167,7 +170,10 @@ var BottomNav = (props) => {
167
170
  {
168
171
  [`k-bottom-nav-item-flow-${flow}`]: flow,
169
172
  "k-bottom-nav-border": border
170
- }
173
+ },
174
+ stateClassNames(BOTTOM_NAV_CLASSNAME, {
175
+ disabled
176
+ })
171
177
  ), dir, children: props.children });
172
178
  };
173
179
  BottomNav.states = states;
@@ -4409,32 +4415,52 @@ BottomNavItem.options = options5;
4409
4415
  BottomNavItem.className = BOTTOM_NAV_ITEM_CLASSNAME;
4410
4416
  BottomNavItem.defaultProps = defaultProps5;
4411
4417
 
4412
- // src/bottom-nav/tests/bottom-nav-rtl.tsx
4418
+ // src/bottom-nav/templates/bottom-nav-normal.tsx
4413
4419
  var import_jsx_runtime6 = require("react/jsx-runtime");
4420
+ var BottomNavNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
4421
+ BottomNav,
4422
+ {
4423
+ children: [
4424
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4425
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "BottomNavItem" }),
4426
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "BottomNavItem" })
4427
+ ],
4428
+ ...props
4429
+ }
4430
+ );
4431
+
4432
+ // src/bottom-nav/templates/bottom-nav-icons.tsx
4433
+ var import_jsx_runtime7 = require("react/jsx-runtime");
4434
+
4435
+ // src/bottom-nav/templates/bottom-nav-links.tsx
4436
+ var import_jsx_runtime8 = require("react/jsx-runtime");
4437
+
4438
+ // src/bottom-nav/tests/bottom-nav-rtl.tsx
4439
+ var import_jsx_runtime9 = require("react/jsx-runtime");
4414
4440
  var styles = `
4415
4441
  #test-area {
4416
4442
  background-color: #f3f5f7;
4417
4443
  }
4418
4444
  `;
4419
- var bottom_nav_rtl_default = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
4420
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: styles }),
4421
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
4422
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4423
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Bottom Navigation RTL Horizontal" }),
4424
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, dir: "rtl", children: [
4425
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4426
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4427
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4428
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4445
+ var bottom_nav_rtl_default = () => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
4446
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("style", { children: styles }),
4447
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
4448
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { children: [
4449
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h4", { children: "Bottom Navigation RTL Horizontal" }),
4450
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(BottomNavNormal, { themeColor: "primary", border: true, dir: "rtl", children: [
4451
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4452
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4453
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4454
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4429
4455
  ] })
4430
4456
  ] }),
4431
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { children: [
4432
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Bottom Navigation RTL Vertical" }),
4433
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BottomNav, { fillMode: "flat", themeColor: "primary", border: true, flow: "vertical", dir: "rtl", children: [
4434
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4435
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4436
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4437
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4457
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { children: [
4458
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h4", { children: "Bottom Navigation RTL Vertical" }),
4459
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(BottomNavNormal, { themeColor: "primary", border: true, flow: "vertical", dir: "rtl", children: [
4460
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Normal" }),
4461
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Focused", focus: true }),
4462
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Selected", selected: true }),
4463
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BottomNavItem, { icon: "envelope", text: "Disabled", disabled: true })
4438
4464
  ] })
4439
4465
  ] })
4440
4466
  ] })