@geotab/zenith 3.14.1 → 3.15.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (520) hide show
  1. package/README.md +28 -2
  2. package/dist/advancedGroupsFilter/advancedGroupsFilterFormSection.js +17 -7
  3. package/dist/alert/banner.d.ts +2 -3
  4. package/dist/alert/hooks/useAlertState.d.ts +0 -1
  5. package/dist/banner/bannerMultipLine.d.ts +0 -1
  6. package/dist/banner/bannerSingleLine.d.ts +0 -1
  7. package/dist/banner/utils/isSummaryErrorElement.d.ts +1 -2
  8. package/dist/calendar/dateUtils.js +2 -2
  9. package/dist/card/card.js +17 -7
  10. package/dist/card/components/content.d.ts +0 -1
  11. package/dist/cardContainer/helpers/getSizeClass.js +1 -2
  12. package/dist/chart/accessibleChart/accessibleChart.js +1 -1
  13. package/dist/chart/accessibleChart/accessibleChartNarrative.d.ts +1 -1
  14. package/dist/chart/accessibleChart/accessibleChartNarrative.js +11 -5
  15. package/dist/chart/accessibleChart/generatePieNarrative.d.ts +7 -0
  16. package/dist/chart/accessibleChart/generatePieNarrative.js +179 -0
  17. package/dist/chart/accessibleChart/interfaces.d.ts +1 -0
  18. package/dist/chart/barChart/getDefaultOptions.js +5 -6
  19. package/dist/chart/barChart.js +152 -50
  20. package/dist/chart/interfaces.d.ts +0 -1
  21. package/dist/chart/lineChart/getDefaultOptions.js +5 -6
  22. package/dist/chart/lineChart/useChartTicks.d.ts +0 -1
  23. package/dist/chart/lineChart/useSummary.d.ts +7 -8
  24. package/dist/chart/lineChart.js +167 -59
  25. package/dist/chart/pieChart.js +174 -76
  26. package/dist/chart/plugins/linePlugin/getInterpolatedValue.js +10 -2
  27. package/dist/chart/utils/convertDates.d.ts +1 -1
  28. package/dist/chart/utils/getFormattedLabel.js +1 -2
  29. package/dist/chart/utils/getNiceAxisRange.d.ts +21 -0
  30. package/dist/chart/utils/getNiceAxisRange.js +76 -0
  31. package/dist/chart/utils/getRange.js +2 -2
  32. package/dist/chart/utils/getYAxisMeta.d.ts +2 -5
  33. package/dist/chart/utils/getYAxisMeta.js +17 -2
  34. package/dist/chart/utils/getYAxisTickCount.d.ts +15 -0
  35. package/dist/chart/utils/getYAxisTickCount.js +19 -0
  36. package/dist/chart/utils/resampleArrayEvenly.js +1 -2
  37. package/dist/checkbox/checkbox.js +17 -7
  38. package/dist/checkboxListWithAction/checkboxListWithAction.d.ts +0 -1
  39. package/dist/chip/chip.d.ts +0 -1
  40. package/dist/chip/utils/useChip.d.ts +0 -1
  41. package/dist/commonHelpers/HOC/reducerLogger/reducerLogger.d.ts +1 -1
  42. package/dist/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.d.ts +0 -1
  43. package/dist/commonHelpers/arrowNavigation/hooks/useHoldOnScroll.d.ts +0 -1
  44. package/dist/commonHelpers/generateId.js +1 -2
  45. package/dist/commonHelpers/hooks/breakpoints.d.ts +4 -0
  46. package/dist/commonHelpers/hooks/breakpoints.js +7 -0
  47. package/dist/commonHelpers/hooks/fetch.reducer.d.ts +1 -1
  48. package/dist/commonHelpers/hooks/fetch.reducer.js +1 -2
  49. package/dist/commonHelpers/hooks/useDebouncedMemo.d.ts +0 -1
  50. package/dist/commonHelpers/hooks/useDebouncedMemo.js +1 -2
  51. package/dist/commonHelpers/hooks/useDeviceType.js +2 -2
  52. package/dist/commonHelpers/hooks/useEscape.d.ts +1 -1
  53. package/dist/commonHelpers/hooks/useGridSize.d.ts +0 -1
  54. package/dist/commonHelpers/hooks/useMobileOrTablet.d.ts +1 -0
  55. package/dist/commonHelpers/hooks/useMobileOrTablet.js +21 -0
  56. package/dist/commonHelpers/hooks/usePillSize.d.ts +0 -1
  57. package/dist/{gridLayout → commonHelpers}/hooks/useTablet.js +8 -11
  58. package/dist/commonHelpers/utils.js +3 -3
  59. package/dist/commonStyles/colors/colors.less +1 -0
  60. package/dist/dataFeed/dataFeed.d.ts +1 -1
  61. package/dist/dataFeed/dataFeed.js +2 -2
  62. package/dist/dataFeed/dataFeedCell/dataFeedCell.d.ts +3 -1
  63. package/dist/dataFeed/dataFeedColumnsItems.d.ts +2 -2
  64. package/dist/dataGrid/cell/cell.d.ts +3 -1
  65. package/dist/dataGrid/columns/actionsColumn/actionsButton.js +1 -2
  66. package/dist/dataGrid/columns/actionsColumn/actionsColumn.d.ts +3 -3
  67. package/dist/dataGrid/dataGrid.d.ts +13 -1
  68. package/dist/dataGrid/dataGrid.js +48 -3
  69. package/dist/dataGrid/emptySearchList/emptySearchList.d.ts +0 -1
  70. package/dist/dataGrid/row/row.d.ts +3 -1
  71. package/dist/dataGrid/withActions/withActions.d.ts +1 -1
  72. package/dist/dataGrid/withFlexibleColumns/components/columnSettingsList.js +1 -2
  73. package/dist/dataGrid/withFlexibleColumns/withFlexibleColumns.d.ts +1 -1
  74. package/dist/dataGrid/withLoading/withLoading.d.ts +1 -1
  75. package/dist/dataGrid/withSelectableRows/withLimitedSelectableRows.d.ts +1 -1
  76. package/dist/dataGrid/withSelectableRows/withSelectableRows.d.ts +1 -1
  77. package/dist/dataGrid/withSortableColumns/withSortableColumns.d.ts +1 -1
  78. package/dist/dateInputInner/dateInputInnerReducer.js +2 -2
  79. package/dist/dateRangeRaw/utils/areMapsEqual.js +1 -2
  80. package/dist/dialog/dialog.d.ts +0 -1
  81. package/dist/dropdown/dropdown.js +1 -1
  82. package/dist/dropdown/useDropdownState.d.ts +0 -1
  83. package/dist/dropdownRaw/dropdownHelper.js +2 -2
  84. package/dist/dropdownRaw/dropdownList.d.ts +3 -2
  85. package/dist/dropdownRaw/dropdownList.js +31 -49
  86. package/dist/dropdownRaw/dropdownRaw.js +34 -13
  87. package/dist/dropdownRaw/stateReducer/stateReducer.d.ts +4 -1
  88. package/dist/dropdownRaw/stateReducer/stateReducer.js +33 -23
  89. package/dist/dropdownRaw/stateReducer/stateReducerHelper.d.ts +1 -2
  90. package/dist/dropdownRaw/stateReducer/stateReducerHelper.js +8 -13
  91. package/dist/dropdownRaw/types.d.ts +20 -0
  92. package/dist/feedbackContainer/feedbackContainer.js +17 -7
  93. package/dist/feedbackContainer/hooks/useFeedbackAlert.d.ts +0 -1
  94. package/dist/feedbackContainer/hooks/useFeedbackToast.d.ts +0 -1
  95. package/dist/filters/components/filtersDropdown.js +2 -2
  96. package/dist/filters/components/filtersItem.d.ts +2 -2
  97. package/dist/filters/components/filtersSearchList.d.ts +0 -1
  98. package/dist/filters/components/filtersSelect.d.ts +0 -1
  99. package/dist/filters/components/filtersSelectCompact.d.ts +0 -1
  100. package/dist/filters/components/filtersSelectListItem.d.ts +0 -1
  101. package/dist/filters/components/filtersSelectUnfoldingPill.d.ts +0 -1
  102. package/dist/filters/components/filtersSidePanelItem.js +17 -7
  103. package/dist/filters/filtersHelper.d.ts +1 -1
  104. package/dist/filters/filtersHelper.js +5 -5
  105. package/dist/filters/filtersHooks.d.ts +0 -1
  106. package/dist/filtersBar/components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox.js +1 -1
  107. package/dist/filtersBar/components/filtersBarPeriodPicker/getRangeOption.js +2 -2
  108. package/dist/filtersBar/filtersBar.js +2 -2
  109. package/dist/filtersBar/filtersBarActions/filtersBarActions.d.ts +0 -1
  110. package/dist/filtersBar/filtersBarInterfaces.d.ts +0 -1
  111. package/dist/filtersBar/filtersBarReducer.js +2 -2
  112. package/dist/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelDropdownWithCheckbox/filtersBarSidePanelDropdownWithCheckbox.d.ts +4 -10
  113. package/dist/filtersBar/filtersBarSidePanel/sidePanelReducer.js +2 -2
  114. package/dist/filtersBar/utils/getNumberOfChangedFilters.js +1 -2
  115. package/dist/footerButtons/footerButtons.js +17 -7
  116. package/dist/formField/components/formFieldAdditionalInfo.d.ts +0 -1
  117. package/dist/formField/components/formFieldCounter.d.ts +0 -1
  118. package/dist/formField/components/formFieldLoading.d.ts +0 -1
  119. package/dist/formField/components/formFieldSkeleton.d.ts +0 -1
  120. package/dist/formField/components/formFieldWithLabel.d.ts +0 -1
  121. package/dist/formField/components/formFieldWithoutLabel.d.ts +0 -1
  122. package/dist/formField/formField.d.ts +1 -1
  123. package/dist/formField/hooks/useBanner.d.ts +0 -1
  124. package/dist/formField/hooks/useDisabled.d.ts +1 -1
  125. package/dist/formGroup/components/customRow/customRow.d.ts +0 -1
  126. package/dist/formGroup/formGroup.js +17 -7
  127. package/dist/formGroup/hooks/listHooks/useStateToElements.d.ts +0 -1
  128. package/dist/formGroup/hooks/listHooks/useStateToElements.js +1 -1
  129. package/dist/formGroup/utils/formGroupProvider.d.ts +0 -1
  130. package/dist/formGroup/utils/isFormLabel.d.ts +1 -1
  131. package/dist/formGroupItem/formGroupItem.d.ts +0 -1
  132. package/dist/formLayout/components/layoutColumn/layoutColum.d.ts +0 -1
  133. package/dist/formLayout/hooks/useFormButtons.d.ts +1 -1
  134. package/dist/formLayout/types.d.ts +0 -1
  135. package/dist/formLayout/utils/attachHeadings.d.ts +1 -1
  136. package/dist/formLayout/utils/attachSeparators.d.ts +0 -1
  137. package/dist/formLayout/utils/getChildrenWithCustomColumns.d.ts +1 -2
  138. package/dist/formLayout/utils/getChildrenWithCustomColumns.js +2 -2
  139. package/dist/formLayout/utils/getFieldLabel.js +5 -5
  140. package/dist/formSection/components/actions.d.ts +0 -1
  141. package/dist/formSection/components/additional.d.ts +0 -1
  142. package/dist/formSection/utils/isFormSection.d.ts +2 -4
  143. package/dist/formStepper/components/formStepRaw.d.ts +0 -1
  144. package/dist/formStepper/formStepper.d.ts +0 -1
  145. package/dist/formStepper/formStepper.js +5 -5
  146. package/dist/formStepperButtons/formStepperButtons.js +3 -3
  147. package/dist/gridLayout/hooks/useStretch.js +1 -1
  148. package/dist/gridLayout/utils/convertStateToClasses.js +1 -2
  149. package/dist/gridLayout/utils/gridLayoutProvider.d.ts +0 -1
  150. package/dist/gridLayout/utils/gridLayoutProvider.js +1 -1
  151. package/dist/gridLayout/utils/isGridItem.d.ts +1 -1
  152. package/dist/groupsFilter/groupsHelper.d.ts +5 -5
  153. package/dist/groupsFilterRaw/groupsFilterHelper.js +16 -16
  154. package/dist/groupsFilterRaw/groupsHelper.d.ts +1 -1
  155. package/dist/groupsFilterRaw/groupsHelper.js +4 -4
  156. package/dist/groupsFilterRaw/stateReducer/stateReducer.d.ts +1 -1
  157. package/dist/groupsFilterRaw/stateReducer/stateReducer.js +2 -2
  158. package/dist/groupsFilterRaw/testData.js +3 -4
  159. package/dist/groupsFilterRaw/uiStateReducer/uiStateReducer.js +2 -2
  160. package/dist/header/components/collapsedItemsControl/utils/handleCustomMenuWrapper.js +5 -0
  161. package/dist/header/components/mobileFilterControl/mobileFilterControl.d.ts +0 -1
  162. package/dist/header/components/mobileSearchControl/mobileSearchControl.d.ts +0 -1
  163. package/dist/header/header.js +17 -7
  164. package/dist/header/headerButton.d.ts +0 -1
  165. package/dist/header/headerContext.d.ts +1 -2
  166. package/dist/header/headerHelpers.d.ts +5 -5
  167. package/dist/header/headerHelpers.js +17 -7
  168. package/dist/header/hooks/useNonFittingElements.d.ts +3 -4
  169. package/dist/headerTitle/headerTitle.d.ts +0 -1
  170. package/dist/icons/iconAce.d.ts +3 -0
  171. package/dist/icons/iconAce.js +12 -0
  172. package/dist/icons/iconBreak.d.ts +3 -0
  173. package/dist/icons/iconBreak.js +12 -0
  174. package/dist/icons/iconChevronStepper.d.ts +3 -0
  175. package/dist/icons/iconChevronStepper.js +12 -0
  176. package/dist/icons/iconPotato.d.ts +3 -0
  177. package/dist/icons/iconPotato.js +12 -0
  178. package/dist/icons/iconToggleLarge.d.ts +3 -0
  179. package/dist/icons/iconToggleLarge.js +12 -0
  180. package/dist/icons/iconToggleSmall.d.ts +3 -0
  181. package/dist/icons/iconToggleSmall.js +12 -0
  182. package/dist/icons/iconTrendNeutral.d.ts +3 -0
  183. package/dist/icons/iconTrendNeutral.js +12 -0
  184. package/dist/icons/iconTruck.d.ts +3 -0
  185. package/dist/icons/iconTruck.js +12 -0
  186. package/dist/index.css +234 -33
  187. package/dist/index.d.ts +8 -0
  188. package/dist/index.js +30 -13
  189. package/dist/layout/layout.d.ts +2 -1
  190. package/dist/layout/layout.js +17 -7
  191. package/dist/layout/layoutBanner.d.ts +0 -1
  192. package/dist/lineChart/lineChart.d.ts +1 -0
  193. package/dist/lineChart/lineChart.js +135 -70
  194. package/dist/lineChartMini/lineChartMini.d.ts +1 -0
  195. package/dist/lineChartMini/lineChartMini.js +141 -73
  196. package/dist/list/itemData/itemData.d.ts +2 -1
  197. package/dist/list/itemData/itemDataInternal.d.ts +2 -1
  198. package/dist/list/list.d.ts +0 -1
  199. package/dist/list/utils/changeOrder.js +1 -2
  200. package/dist/list/utils/isDataListitem.d.ts +1 -1
  201. package/dist/list/viewportProvider/viewportContext.d.ts +0 -1
  202. package/dist/menu/components/controlledMenuList/controlledMenuList.d.ts +2 -4
  203. package/dist/menu/components/controlledMenuList/controlledMenuList.js +3 -1
  204. package/dist/menu/components/createControlledMenuList.js +1 -2
  205. package/dist/menu/components/createMenuItem.js +1 -2
  206. package/dist/menu/contexts/usePathContext.js +1 -2
  207. package/dist/menu/utils/buildMenuContent.js +1 -2
  208. package/dist/menu/utils/findPrevFocusable.js +1 -2
  209. package/dist/menu/utils/useDisplayContent.d.ts +21 -0
  210. package/dist/menu/utils/useDisplayContent.js +35 -0
  211. package/dist/menu/utils/useMenuItemKeyboardNav.js +1 -2
  212. package/dist/miniTabs/miniTabsHelper.js +17 -7
  213. package/dist/mobileSheet/components/mobileSheetTitle.d.ts +0 -1
  214. package/dist/modal/modal.js +17 -7
  215. package/dist/nav/context/nav.context.d.ts +0 -1
  216. package/dist/nav/navFooter/navEditFooter/navEditFooter.d.ts +0 -1
  217. package/dist/nav/navFooter/navFooter.d.ts +1 -1
  218. package/dist/nav/navFooter/navFooterAction/navFooterAction.d.ts +2 -1
  219. package/dist/nav/navFooter/navFooterAction/navFooterAction.js +3 -1
  220. package/dist/nav/navItem/navItem.d.ts +2 -0
  221. package/dist/nav/navItem/navItem.js +56 -47
  222. package/dist/nav/navItem/navItemContent.d.ts +19 -0
  223. package/dist/nav/navItem/navItemContent.js +21 -0
  224. package/dist/nav/navItem/navItemType.d.ts +7 -0
  225. package/dist/nav/navItem/navItemType.js +9 -0
  226. package/dist/nav/utils/navUtils.d.ts +2 -4
  227. package/dist/nav/utils/navUtils.js +2 -2
  228. package/dist/overview/overview.d.ts +0 -1
  229. package/dist/pageHeader/pageHeader.d.ts +1 -1
  230. package/dist/pageHeader/pageHeaderButton.d.ts +0 -1
  231. package/dist/pageHeader/pageHeaderHelpers.d.ts +1 -1
  232. package/dist/pageHeader/pageHeaderMenu.d.ts +0 -1
  233. package/dist/pagination/paginationArrow.d.ts +0 -1
  234. package/dist/pill/interfaces/pill.interface.d.ts +0 -1
  235. package/dist/pillBox/components/pillBoxItem.d.ts +1 -2
  236. package/dist/popup/popup.js +17 -7
  237. package/dist/progressIndicator/progressIndicator.d.ts +39 -0
  238. package/dist/progressIndicator/progressIndicator.js +30 -0
  239. package/dist/progressIndicator/progressIndicatorUtils.d.ts +12 -0
  240. package/dist/progressIndicator/progressIndicatorUtils.js +30 -0
  241. package/dist/radioGroupRaw/radioGroupRaw.js +17 -7
  242. package/dist/radioGroupRaw/types.d.ts +0 -1
  243. package/dist/react-chartjs/dateFns/dateFns.js +10 -11
  244. package/dist/react-chartjs/utils.d.ts +3 -3
  245. package/dist/react-chartjs/utils.js +8 -9
  246. package/dist/searchInputRaw/searchInputRaw.js +17 -7
  247. package/dist/searchInputRaw/types.d.ts +0 -1
  248. package/dist/selectField/selectField.d.ts +2 -3
  249. package/dist/selectList/selectList.d.ts +0 -1
  250. package/dist/selectRaw/hooks/usePopupWidth.js +17 -7
  251. package/dist/selectRaw/selectRaw.js +20 -7
  252. package/dist/sidePanel/sidePanelCell/sidePanelCell.d.ts +0 -1
  253. package/dist/summaries/utils/splitIntoPairs.js +1 -2
  254. package/dist/summaryTile/summaryTile.js +17 -7
  255. package/dist/summaryTile/summaryTileTrigger.js +17 -7
  256. package/dist/table/actions/actionsMenu.d.ts +0 -1
  257. package/dist/table/children/useTableChildren.d.ts +7 -7
  258. package/dist/table/detailPanel/interfaces.d.ts +0 -1
  259. package/dist/table/flexible/columnsList.js +1 -2
  260. package/dist/table/loading/useLoading.d.ts +10 -10
  261. package/dist/table/nested/nestedData.d.ts +3 -1
  262. package/dist/table/nested/useNestedRows.d.ts +2 -2
  263. package/dist/table/selectable/selectableHeader.d.ts +2 -1
  264. package/dist/table/selectable/selectableHeader.js +4 -3
  265. package/dist/table/selectable/useSelectableRows.d.ts +1 -1
  266. package/dist/table/selectable/useSelectableRows.js +7 -4
  267. package/dist/table/table.d.ts +16 -1
  268. package/dist/table/table.js +101 -5
  269. package/dist/tag/tag.d.ts +19 -0
  270. package/dist/tag/tag.js +14 -0
  271. package/dist/textIconButton/textIconButton.js +17 -7
  272. package/dist/toastRaw/toastRaw.d.ts +1 -1
  273. package/dist/toastRaw/toastRaw.js +3 -1
  274. package/dist/toggleButtonRaw/toggleButtonRaw.js +17 -7
  275. package/dist/toggleButtonRaw/types.d.ts +0 -1
  276. package/dist/tooltip/tooltip.js +17 -7
  277. package/dist/tooltipInfo/tooltipInfo.d.ts +0 -1
  278. package/dist/utils/compareElementsUtils/isArraysEqualDeeply.js +1 -2
  279. package/dist/utils/compareElementsUtils/isElementsEqual.js +2 -2
  280. package/dist/utils/escapeHtml.js +1 -2
  281. package/dist/utils/localization/directionContext.d.ts +0 -1
  282. package/dist/utils/localization/languageContext.d.ts +0 -1
  283. package/dist/utils/localization/translations/en.json +12 -1
  284. package/dist/utils/theme/themeContext.d.ts +0 -1
  285. package/dist/utils/topWindow/topWindowContext.d.ts +0 -1
  286. package/dist/utils/useFadeComponent.d.ts +0 -1
  287. package/dist/utils/userFormat/userFormatContext.d.ts +0 -1
  288. package/dist/waiting/waiting.d.ts +2 -1
  289. package/dist/waiting/waiting.js +23 -6
  290. package/esm/alert/banner.d.ts +2 -3
  291. package/esm/alert/hooks/useAlertState.d.ts +0 -1
  292. package/esm/banner/bannerMultipLine.d.ts +0 -1
  293. package/esm/banner/bannerSingleLine.d.ts +0 -1
  294. package/esm/banner/utils/isSummaryErrorElement.d.ts +1 -2
  295. package/esm/card/components/content.d.ts +0 -1
  296. package/esm/chart/accessibleChart/accessibleChart.js +1 -1
  297. package/esm/chart/accessibleChart/accessibleChartNarrative.d.ts +1 -1
  298. package/esm/chart/accessibleChart/accessibleChartNarrative.js +8 -2
  299. package/esm/chart/accessibleChart/generatePieNarrative.d.ts +7 -0
  300. package/esm/chart/accessibleChart/generatePieNarrative.js +167 -0
  301. package/esm/chart/accessibleChart/interfaces.d.ts +1 -0
  302. package/esm/chart/barChart/getDefaultOptions.js +5 -6
  303. package/esm/chart/barChart.js +147 -50
  304. package/esm/chart/interfaces.d.ts +0 -1
  305. package/esm/chart/lineChart/getDefaultOptions.js +5 -6
  306. package/esm/chart/lineChart/useChartTicks.d.ts +0 -1
  307. package/esm/chart/lineChart/useSummary.d.ts +7 -8
  308. package/esm/chart/lineChart.js +162 -59
  309. package/esm/chart/pieChart.js +169 -76
  310. package/esm/chart/plugins/linePlugin/getInterpolatedValue.js +9 -0
  311. package/esm/chart/utils/convertDates.d.ts +1 -1
  312. package/esm/chart/utils/getNiceAxisRange.d.ts +21 -0
  313. package/esm/chart/utils/getNiceAxisRange.js +72 -0
  314. package/esm/chart/utils/getRange.js +2 -2
  315. package/esm/chart/utils/getYAxisMeta.d.ts +2 -5
  316. package/esm/chart/utils/getYAxisMeta.js +17 -2
  317. package/esm/chart/utils/getYAxisTickCount.d.ts +15 -0
  318. package/esm/chart/utils/getYAxisTickCount.js +15 -0
  319. package/esm/checkboxListWithAction/checkboxListWithAction.d.ts +0 -1
  320. package/esm/chip/chip.d.ts +0 -1
  321. package/esm/chip/utils/useChip.d.ts +0 -1
  322. package/esm/commonHelpers/HOC/reducerLogger/reducerLogger.d.ts +1 -1
  323. package/esm/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.d.ts +0 -1
  324. package/esm/commonHelpers/arrowNavigation/hooks/useHoldOnScroll.d.ts +0 -1
  325. package/esm/commonHelpers/hooks/breakpoints.d.ts +4 -0
  326. package/esm/commonHelpers/hooks/breakpoints.js +4 -0
  327. package/esm/commonHelpers/hooks/fetch.reducer.d.ts +1 -1
  328. package/esm/commonHelpers/hooks/useDebouncedMemo.d.ts +0 -1
  329. package/esm/commonHelpers/hooks/useDeviceType.js +2 -2
  330. package/esm/commonHelpers/hooks/useEscape.d.ts +1 -1
  331. package/esm/commonHelpers/hooks/useGridSize.d.ts +0 -1
  332. package/esm/commonHelpers/hooks/useMobileOrTablet.d.ts +1 -0
  333. package/esm/commonHelpers/hooks/useMobileOrTablet.js +17 -0
  334. package/esm/commonHelpers/hooks/usePillSize.d.ts +0 -1
  335. package/esm/commonHelpers/hooks/useTablet.js +17 -0
  336. package/esm/dataFeed/dataFeed.d.ts +1 -1
  337. package/esm/dataFeed/dataFeed.js +2 -2
  338. package/esm/dataFeed/dataFeedCell/dataFeedCell.d.ts +3 -1
  339. package/esm/dataFeed/dataFeedColumnsItems.d.ts +2 -2
  340. package/esm/dataGrid/cell/cell.d.ts +3 -1
  341. package/esm/dataGrid/columns/actionsColumn/actionsColumn.d.ts +3 -3
  342. package/esm/dataGrid/dataGrid.d.ts +13 -1
  343. package/esm/dataGrid/dataGrid.js +48 -3
  344. package/esm/dataGrid/emptySearchList/emptySearchList.d.ts +0 -1
  345. package/esm/dataGrid/row/row.d.ts +3 -1
  346. package/esm/dataGrid/withActions/withActions.d.ts +1 -1
  347. package/esm/dataGrid/withFlexibleColumns/withFlexibleColumns.d.ts +1 -1
  348. package/esm/dataGrid/withLoading/withLoading.d.ts +1 -1
  349. package/esm/dataGrid/withSelectableRows/withLimitedSelectableRows.d.ts +1 -1
  350. package/esm/dataGrid/withSelectableRows/withSelectableRows.d.ts +1 -1
  351. package/esm/dataGrid/withSortableColumns/withSortableColumns.d.ts +1 -1
  352. package/esm/dialog/dialog.d.ts +0 -1
  353. package/esm/dropdown/dropdown.js +1 -1
  354. package/esm/dropdown/useDropdownState.d.ts +0 -1
  355. package/esm/dropdownRaw/dropdownList.d.ts +3 -2
  356. package/esm/dropdownRaw/dropdownList.js +14 -42
  357. package/esm/dropdownRaw/dropdownRaw.js +35 -14
  358. package/esm/dropdownRaw/stateReducer/stateReducer.d.ts +4 -1
  359. package/esm/dropdownRaw/stateReducer/stateReducer.js +32 -22
  360. package/esm/dropdownRaw/stateReducer/stateReducerHelper.d.ts +1 -2
  361. package/esm/dropdownRaw/stateReducer/stateReducerHelper.js +5 -10
  362. package/esm/dropdownRaw/types.d.ts +20 -0
  363. package/esm/feedbackContainer/hooks/useFeedbackAlert.d.ts +0 -1
  364. package/esm/feedbackContainer/hooks/useFeedbackToast.d.ts +0 -1
  365. package/esm/filters/components/filtersItem.d.ts +2 -2
  366. package/esm/filters/components/filtersSearchList.d.ts +0 -1
  367. package/esm/filters/components/filtersSelect.d.ts +0 -1
  368. package/esm/filters/components/filtersSelectCompact.d.ts +0 -1
  369. package/esm/filters/components/filtersSelectListItem.d.ts +0 -1
  370. package/esm/filters/components/filtersSelectUnfoldingPill.d.ts +0 -1
  371. package/esm/filters/filtersHelper.d.ts +1 -1
  372. package/esm/filters/filtersHooks.d.ts +0 -1
  373. package/esm/filtersBar/components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox.js +1 -1
  374. package/esm/filtersBar/filtersBar.js +2 -2
  375. package/esm/filtersBar/filtersBarActions/filtersBarActions.d.ts +0 -1
  376. package/esm/filtersBar/filtersBarInterfaces.d.ts +0 -1
  377. package/esm/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelDropdownWithCheckbox/filtersBarSidePanelDropdownWithCheckbox.d.ts +4 -10
  378. package/esm/formField/components/formFieldAdditionalInfo.d.ts +0 -1
  379. package/esm/formField/components/formFieldCounter.d.ts +0 -1
  380. package/esm/formField/components/formFieldLoading.d.ts +0 -1
  381. package/esm/formField/components/formFieldSkeleton.d.ts +0 -1
  382. package/esm/formField/components/formFieldWithLabel.d.ts +0 -1
  383. package/esm/formField/components/formFieldWithoutLabel.d.ts +0 -1
  384. package/esm/formField/formField.d.ts +1 -1
  385. package/esm/formField/hooks/useBanner.d.ts +0 -1
  386. package/esm/formField/hooks/useDisabled.d.ts +1 -1
  387. package/esm/formGroup/components/customRow/customRow.d.ts +0 -1
  388. package/esm/formGroup/hooks/listHooks/useStateToElements.d.ts +0 -1
  389. package/esm/formGroup/hooks/listHooks/useStateToElements.js +1 -1
  390. package/esm/formGroup/utils/formGroupProvider.d.ts +0 -1
  391. package/esm/formGroup/utils/isFormLabel.d.ts +1 -1
  392. package/esm/formGroupItem/formGroupItem.d.ts +0 -1
  393. package/esm/formLayout/components/layoutColumn/layoutColum.d.ts +0 -1
  394. package/esm/formLayout/hooks/useFormButtons.d.ts +1 -1
  395. package/esm/formLayout/types.d.ts +0 -1
  396. package/esm/formLayout/utils/attachHeadings.d.ts +1 -1
  397. package/esm/formLayout/utils/attachSeparators.d.ts +0 -1
  398. package/esm/formLayout/utils/getChildrenWithCustomColumns.d.ts +1 -2
  399. package/esm/formLayout/utils/getChildrenWithCustomColumns.js +2 -2
  400. package/esm/formLayout/utils/getFieldLabel.js +5 -5
  401. package/esm/formSection/components/actions.d.ts +0 -1
  402. package/esm/formSection/components/additional.d.ts +0 -1
  403. package/esm/formSection/utils/isFormSection.d.ts +2 -4
  404. package/esm/formStepper/components/formStepRaw.d.ts +0 -1
  405. package/esm/formStepper/formStepper.d.ts +0 -1
  406. package/esm/formStepper/formStepper.js +5 -5
  407. package/esm/formStepperButtons/formStepperButtons.js +3 -3
  408. package/esm/gridLayout/hooks/useStretch.js +1 -1
  409. package/esm/gridLayout/utils/gridLayoutProvider.d.ts +0 -1
  410. package/esm/gridLayout/utils/gridLayoutProvider.js +1 -1
  411. package/esm/gridLayout/utils/isGridItem.d.ts +1 -1
  412. package/esm/groupsFilter/groupsHelper.d.ts +5 -5
  413. package/esm/groupsFilterRaw/groupsHelper.d.ts +1 -1
  414. package/esm/groupsFilterRaw/stateReducer/stateReducer.d.ts +1 -1
  415. package/esm/groupsFilterRaw/testData.js +1 -2
  416. package/esm/header/components/collapsedItemsControl/utils/handleCustomMenuWrapper.js +5 -0
  417. package/esm/header/components/mobileFilterControl/mobileFilterControl.d.ts +0 -1
  418. package/esm/header/components/mobileSearchControl/mobileSearchControl.d.ts +0 -1
  419. package/esm/header/headerButton.d.ts +0 -1
  420. package/esm/header/headerContext.d.ts +1 -2
  421. package/esm/header/headerHelpers.d.ts +5 -5
  422. package/esm/header/hooks/useNonFittingElements.d.ts +3 -4
  423. package/esm/headerTitle/headerTitle.d.ts +0 -1
  424. package/esm/icons/iconAce.d.ts +3 -0
  425. package/esm/icons/iconAce.js +8 -0
  426. package/esm/icons/iconBreak.d.ts +3 -0
  427. package/esm/icons/iconBreak.js +8 -0
  428. package/esm/icons/iconChevronStepper.d.ts +3 -0
  429. package/esm/icons/iconChevronStepper.js +8 -0
  430. package/esm/icons/iconPotato.d.ts +3 -0
  431. package/esm/icons/iconPotato.js +8 -0
  432. package/esm/icons/iconToggleLarge.d.ts +3 -0
  433. package/esm/icons/iconToggleLarge.js +8 -0
  434. package/esm/icons/iconToggleSmall.d.ts +3 -0
  435. package/esm/icons/iconToggleSmall.js +8 -0
  436. package/esm/icons/iconTrendNeutral.d.ts +3 -0
  437. package/esm/icons/iconTrendNeutral.js +8 -0
  438. package/esm/icons/iconTruck.d.ts +3 -0
  439. package/esm/icons/iconTruck.js +8 -0
  440. package/esm/index.d.ts +8 -0
  441. package/esm/index.js +8 -0
  442. package/esm/layout/layout.d.ts +2 -1
  443. package/esm/layout/layoutBanner.d.ts +0 -1
  444. package/esm/lineChart/lineChart.d.ts +1 -0
  445. package/esm/lineChart/lineChart.js +129 -69
  446. package/esm/lineChartMini/lineChartMini.d.ts +1 -0
  447. package/esm/lineChartMini/lineChartMini.js +136 -73
  448. package/esm/list/itemData/itemData.d.ts +2 -1
  449. package/esm/list/itemData/itemDataInternal.d.ts +2 -1
  450. package/esm/list/list.d.ts +0 -1
  451. package/esm/list/utils/isDataListitem.d.ts +1 -1
  452. package/esm/list/viewportProvider/viewportContext.d.ts +0 -1
  453. package/esm/menu/components/controlledMenuList/controlledMenuList.d.ts +2 -4
  454. package/esm/menu/components/controlledMenuList/controlledMenuList.js +3 -1
  455. package/esm/menu/utils/useDisplayContent.d.ts +21 -0
  456. package/esm/menu/utils/useDisplayContent.js +31 -0
  457. package/esm/mobileSheet/components/mobileSheetTitle.d.ts +0 -1
  458. package/esm/nav/context/nav.context.d.ts +0 -1
  459. package/esm/nav/navFooter/navEditFooter/navEditFooter.d.ts +0 -1
  460. package/esm/nav/navFooter/navFooter.d.ts +1 -1
  461. package/esm/nav/navFooter/navFooterAction/navFooterAction.d.ts +2 -1
  462. package/esm/nav/navFooter/navFooterAction/navFooterAction.js +3 -1
  463. package/esm/nav/navItem/navItem.d.ts +2 -0
  464. package/esm/nav/navItem/navItem.js +57 -48
  465. package/esm/nav/navItem/navItemContent.d.ts +19 -0
  466. package/esm/nav/navItem/navItemContent.js +17 -0
  467. package/esm/nav/navItem/navItemType.d.ts +7 -0
  468. package/esm/nav/navItem/navItemType.js +6 -0
  469. package/esm/nav/utils/navUtils.d.ts +2 -4
  470. package/esm/overview/overview.d.ts +0 -1
  471. package/esm/pageHeader/pageHeader.d.ts +1 -1
  472. package/esm/pageHeader/pageHeaderButton.d.ts +0 -1
  473. package/esm/pageHeader/pageHeaderHelpers.d.ts +1 -1
  474. package/esm/pageHeader/pageHeaderMenu.d.ts +0 -1
  475. package/esm/pagination/paginationArrow.d.ts +0 -1
  476. package/esm/pill/interfaces/pill.interface.d.ts +0 -1
  477. package/esm/pillBox/components/pillBoxItem.d.ts +1 -2
  478. package/esm/progressIndicator/progressIndicator.d.ts +39 -0
  479. package/esm/progressIndicator/progressIndicator.js +26 -0
  480. package/esm/progressIndicator/progressIndicatorUtils.d.ts +12 -0
  481. package/esm/progressIndicator/progressIndicatorUtils.js +25 -0
  482. package/esm/radioGroupRaw/types.d.ts +0 -1
  483. package/esm/react-chartjs/utils.d.ts +3 -3
  484. package/esm/searchInputRaw/types.d.ts +0 -1
  485. package/esm/selectField/selectField.d.ts +2 -3
  486. package/esm/selectList/selectList.d.ts +0 -1
  487. package/esm/selectRaw/selectRaw.js +3 -0
  488. package/esm/sidePanel/sidePanelCell/sidePanelCell.d.ts +0 -1
  489. package/esm/table/actions/actionsMenu.d.ts +0 -1
  490. package/esm/table/children/useTableChildren.d.ts +7 -7
  491. package/esm/table/detailPanel/interfaces.d.ts +0 -1
  492. package/esm/table/loading/useLoading.d.ts +10 -10
  493. package/esm/table/nested/nestedData.d.ts +3 -1
  494. package/esm/table/nested/useNestedRows.d.ts +2 -2
  495. package/esm/table/selectable/selectableHeader.d.ts +2 -1
  496. package/esm/table/selectable/selectableHeader.js +4 -3
  497. package/esm/table/selectable/useSelectableRows.d.ts +1 -1
  498. package/esm/table/selectable/useSelectableRows.js +7 -4
  499. package/esm/table/table.d.ts +16 -1
  500. package/esm/table/table.js +102 -6
  501. package/esm/tag/tag.d.ts +19 -0
  502. package/esm/tag/tag.js +10 -0
  503. package/esm/testHelpers/geotab-axe/index.d.ts +0 -1
  504. package/esm/toastRaw/toastRaw.d.ts +1 -1
  505. package/esm/toastRaw/toastRaw.js +3 -1
  506. package/esm/toggleButtonRaw/types.d.ts +0 -1
  507. package/esm/tooltipInfo/tooltipInfo.d.ts +0 -1
  508. package/esm/utils/localization/directionContext.d.ts +0 -1
  509. package/esm/utils/localization/languageContext.d.ts +0 -1
  510. package/esm/utils/localization/translations/en.json +12 -1
  511. package/esm/utils/theme/themeContext.d.ts +0 -1
  512. package/esm/utils/topWindow/topWindowContext.d.ts +0 -1
  513. package/esm/utils/useFadeComponent.d.ts +0 -1
  514. package/esm/utils/userFormat/userFormatContext.d.ts +0 -1
  515. package/esm/waiting/waiting.d.ts +2 -1
  516. package/esm/waiting/waiting.js +24 -7
  517. package/package.json +13 -6
  518. package/esm/gridLayout/hooks/useTablet.js +0 -20
  519. /package/dist/{gridLayout → commonHelpers}/hooks/useTablet.d.ts +0 -0
  520. /package/esm/{gridLayout → commonHelpers}/hooks/useTablet.d.ts +0 -0
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.IconTruck = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const classNames_1 = require("../commonHelpers/classNames/classNames");
7
+ const IconTruck = ({ className, size, title, description, focusable = false }) => {
8
+ const uniqueId = (0, react_1.useId)();
9
+ const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
10
+ return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconTruck", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 5C8 4.44772 8.44772 4 9 4H21C21.5523 4 22 4.44772 22 5V16C22 16.5523 21.5523 17 21 17H19.9646C19.7219 18.6961 18.2632 20 16.5 20C14.7368 20 13.2781 18.6961 13.0354 17H10.9646C10.7219 18.6961 9.26324 20 7.5 20C5.73676 20 4.27806 18.6961 4.03544 17H3C2.44772 17 2 16.5523 2 16V10C2 9.80258 2.05844 9.60957 2.16795 9.4453L4.16795 6.4453C4.35342 6.1671 4.66565 6 5 6H8V5ZM8 8H5.53518L4 10.3028V15H4.33682C4.89855 13.8175 6.1038 13 7.5 13C7.66976 13 7.8367 13.0121 8 13.0354V8ZM9.94949 14C10.2424 14.2871 10.4851 14.6252 10.6632 15H13.3368C13.8985 13.8175 15.1038 13 16.5 13C17.8962 13 19.1015 13.8175 19.6632 15H20V6H10V14H9.94949ZM7.5 15C6.67157 15 6 15.6716 6 16.5C6 17.3284 6.67157 18 7.5 18C8.32843 18 9 17.3284 9 16.5C9 15.6716 8.32843 15 7.5 15ZM16.5 15C15.6716 15 15 15.6716 15 16.5C15 17.3284 15.6716 18 16.5 18C17.3284 18 18 17.3284 18 16.5C18 15.6716 17.3284 15 16.5 15Z" })] }));
11
+ };
12
+ exports.IconTruck = IconTruck;
package/dist/index.css CHANGED
@@ -1927,6 +1927,7 @@ html:lang(ar) .mobile-data-s-drive {
1927
1927
  --data--categorical-grey: #8a94a2;
1928
1928
  }
1929
1929
  .zen-dark {
1930
+ color: var(--text-primary);
1930
1931
  --text-primary: #ffffff;
1931
1932
  --text-secondary: #c0ccd8;
1932
1933
  --text-placeholder: #a6b8c9;
@@ -2702,6 +2703,7 @@ html:lang(ar) .zen-button--mobile {
2702
2703
  width: 11px;
2703
2704
  height: 11px;
2704
2705
  display: inline;
2706
+ fill: currentcolor;
2705
2707
  }
2706
2708
  .zen-icon * {
2707
2709
  box-sizing: border-box;
@@ -3342,15 +3344,17 @@ html:lang(ar) .zen-tooltip__title {
3342
3344
  /* stylelint-enable */
3343
3345
  }
3344
3346
  .zen-tooltip__arrow--top {
3345
- top: 100%;
3346
- left: 50%;
3347
- border-top-color: var(--backgrounds-content-1);
3347
+ inset-block-start: 100%;
3348
+ inset-inline-start: 50%;
3349
+ border-color: var(--backgrounds-content-1) transparent transparent transparent;
3350
+ border-width: 6px 5px 0 5px;
3348
3351
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
3349
3352
  }
3350
3353
  .zen-tooltip__arrow--bottom {
3351
3354
  bottom: 100%;
3352
- left: 0.875rem;
3353
- border-bottom-color: var(--backgrounds-content-1);
3355
+ inset-inline-start: 0.875rem;
3356
+ border-color: transparent transparent var(--backgrounds-content-1) transparent;
3357
+ border-width: 0 5px 6px 5px;
3354
3358
  filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, 0.2));
3355
3359
  }
3356
3360
  .zen-tooltip__arrow--right {
@@ -4301,6 +4305,10 @@ html:lang(ar) .zen-side-panel-cell__title {
4301
4305
  background-color: var(--accents-success--main);
4302
4306
  border-color: var(--accents-success--detail);
4303
4307
  }
4308
+ .zen-toast--error {
4309
+ background-color: var(--accents-error--main);
4310
+ border-color: var(--accents-error--detail);
4311
+ }
4304
4312
  .zen-toast__icon {
4305
4313
  padding-inline-end: 0.5rem;
4306
4314
  }
@@ -4310,6 +4318,9 @@ html:lang(ar) .zen-side-panel-cell__title {
4310
4318
  .zen-toast__icon--success {
4311
4319
  fill: var(--accents-success--detail);
4312
4320
  }
4321
+ .zen-toast__icon--error {
4322
+ fill: var(--accents-error--detail);
4323
+ }
4313
4324
  .zen-toast__header {
4314
4325
  display: -webkit-box;
4315
4326
  -webkit-line-clamp: 2;
@@ -4336,6 +4347,10 @@ html:lang(ar) .zen-toast__header {
4336
4347
  color: var(--accents-success--detail);
4337
4348
  fill: var(--accents-success--detail);
4338
4349
  }
4350
+ .zen-toast__header--error {
4351
+ color: var(--accents-error--detail);
4352
+ fill: var(--accents-error--detail);
4353
+ }
4339
4354
  .zen-toast__close-button {
4340
4355
  display: flex;
4341
4356
  align-items: center;
@@ -4364,6 +4379,11 @@ html:lang(ar) .zen-toast__header {
4364
4379
  color: var(--accents-success--detail);
4365
4380
  outline-color: var(--accents-success--detail);
4366
4381
  }
4382
+ .zen-toast__close-button--error {
4383
+ fill: var(--accents-error--detail);
4384
+ color: var(--accents-error--detail);
4385
+ outline-color: var(--accents-error--detail);
4386
+ }
4367
4387
  .zen-toast__action {
4368
4388
  max-width: 6.875rem;
4369
4389
  overflow: hidden;
@@ -4373,11 +4393,18 @@ html:lang(ar) .zen-toast__header {
4373
4393
  justify-self: end;
4374
4394
  }
4375
4395
  .zen-toast__progress {
4376
- border-radius: 4px 4px 0 0;
4396
+ justify-self: start;
4397
+ border-start-start-radius: 4px;
4398
+ border-start-end-radius: 4px;
4399
+ border-end-start-radius: 0;
4400
+ border-end-end-radius: 0;
4377
4401
  transition: width 0.3s linear;
4378
4402
  }
4379
4403
  .zen-toast__progress--active {
4380
- border-radius: 4px 0 0 0;
4404
+ border-start-start-radius: 4px;
4405
+ border-start-end-radius: 0;
4406
+ border-end-start-radius: 0;
4407
+ border-end-end-radius: 0;
4381
4408
  }
4382
4409
  .zen-toast__progress--info {
4383
4410
  background-color: var(--accents-general--detail);
@@ -4385,6 +4412,9 @@ html:lang(ar) .zen-toast__header {
4385
4412
  .zen-toast__progress--success {
4386
4413
  background-color: var(--accents-success--detail);
4387
4414
  }
4415
+ .zen-toast__progress--error {
4416
+ background-color: var(--accents-error--detail);
4417
+ }
4388
4418
  .zen-alert {
4389
4419
  box-sizing: border-box;
4390
4420
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -5473,10 +5503,12 @@ html:lang(ar) .zen-checkbox__label-text {
5473
5503
  .zen-checkbox:has(.zen-checkbox__input:disabled) .zen-checkbox__label {
5474
5504
  fill: var(--text-reverse-primary);
5475
5505
  color: var(--text-button-disabled);
5506
+ cursor: default;
5476
5507
  }
5477
5508
  .zen-checkbox:has(.zen-checkbox__input:disabled) .zen-checkbox__box {
5478
5509
  border-color: var(--borders-general);
5479
5510
  background-color: var(--backgrounds-field-disabled);
5511
+ cursor: default;
5480
5512
  }
5481
5513
  .zen-checkbox:has(.zen-checkbox__input:disabled:checked) .zen-checkbox__box,
5482
5514
  .zen-checkbox:has(.zen-checkbox__input:disabled:indeterminate) .zen-checkbox__box {
@@ -6167,6 +6199,7 @@ html:lang(ar) .zen-columns-list__title {
6167
6199
  line-height: 1rem;
6168
6200
  text-transform: none;
6169
6201
  text-decoration: none;
6202
+ color: var(--text-primary);
6170
6203
  margin: 0;
6171
6204
  }
6172
6205
  html:lang(ar) .zen-empty-state__header {
@@ -6181,6 +6214,7 @@ html:lang(ar) .zen-empty-state__header {
6181
6214
  line-height: 1rem;
6182
6215
  text-transform: none;
6183
6216
  text-decoration: none;
6217
+ color: var(--text-secondary);
6184
6218
  }
6185
6219
  html:lang(ar) .zen-empty-state__description {
6186
6220
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -8189,6 +8223,11 @@ html:lang(ar) .zen-checkbox-list-with-action__label {
8189
8223
  color: var(--text-hyperlink);
8190
8224
  fill: var(--text-hyperlink);
8191
8225
  }
8226
+ .zen-checkbox-list-with-action__label--action:disabled {
8227
+ cursor: default;
8228
+ color: var(--text-button-disabled);
8229
+ fill: var(--text-button-disabled);
8230
+ }
8192
8231
  .zen-checkbox-list-with-action__label-text {
8193
8232
  display: flex;
8194
8233
  flex-grow: 1;
@@ -8457,6 +8496,27 @@ html:lang(ar) .zen-dropdown-list__action-label {
8457
8496
  .zen-dropdown-list__action-button:disabled svg {
8458
8497
  fill: var(--text-button-disabled);
8459
8498
  }
8499
+ .zen-dropdown-list__action-button--selected {
8500
+ background-color: var(--action-primary--default);
8501
+ }
8502
+ .zen-dropdown-list__action-button--selected.zen-dropdown-list__item--interactive:not(:disabled):hover,
8503
+ .zen-dropdown-list__action-button--selected.zen-dropdown-list__item--interactive:not(:disabled):focus {
8504
+ background-color: var(--action-primary--default);
8505
+ fill: var(--text-reverse-primary);
8506
+ color: var(--text-reverse-primary);
8507
+ }
8508
+ .zen-dropdown-list__action-button--selected.zen-dropdown-list__item--interactive:not(:disabled):focus-visible {
8509
+ border-color: var(--backgrounds-content-1);
8510
+ outline: 1px solid var(--borders-form-field--active);
8511
+ outline-offset: 2px;
8512
+ }
8513
+ .zen-dropdown-list__action-button--selected .zen-dropdown-list__icon {
8514
+ color: var(--text-reverse-primary);
8515
+ fill: var(--text-reverse-primary);
8516
+ }
8517
+ .zen-dropdown-list__action-button--selected .zen-dropdown-list__action-label {
8518
+ color: var(--text-reverse-primary);
8519
+ }
8460
8520
  .zen-dropdown-list__footer {
8461
8521
  display: flex;
8462
8522
  justify-content: flex-start;
@@ -11128,6 +11188,10 @@ html:lang(ar) .zen-calendar__day {
11128
11188
  height: 100%;
11129
11189
  gap: 1rem;
11130
11190
  }
11191
+ .zen-chart:focus-visible {
11192
+ outline: 2px solid var(--borders-form-field--active);
11193
+ outline-offset: -2px;
11194
+ }
11131
11195
  .zen-chart__chart {
11132
11196
  flex: 1 1 100%;
11133
11197
  overflow: hidden;
@@ -12803,37 +12867,37 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12803
12867
  .zen-alerts {
12804
12868
  position: fixed;
12805
12869
  top: 0;
12806
- right: 0;
12870
+ inset-inline-end: 0;
12807
12871
  z-index: 11020;
12808
12872
  display: grid;
12809
12873
  gap: 16px;
12810
12874
  margin-top: 48px;
12811
- padding-right: 24px;
12875
+ padding-inline-end: 24px;
12812
12876
  }
12813
12877
  .zen-alerts--mobile {
12814
12878
  width: 100%;
12815
12879
  gap: 8px;
12816
12880
  margin-top: 40px;
12817
- padding-right: 12px;
12818
- padding-left: 12px;
12881
+ padding-inline-end: 12px;
12882
+ padding-inline-start: 12px;
12819
12883
  box-sizing: border-box;
12820
12884
  }
12821
12885
  .zen-toasts {
12822
12886
  position: fixed;
12823
12887
  bottom: 0;
12824
- right: 0;
12888
+ inset-inline-end: 0;
12825
12889
  z-index: 11020;
12826
12890
  display: grid;
12827
12891
  gap: 16px;
12828
12892
  margin-bottom: 32px;
12829
- padding-right: 24px;
12893
+ padding-inline-end: 24px;
12830
12894
  }
12831
12895
  .zen-toasts--mobile {
12832
12896
  width: 100%;
12833
12897
  gap: 8px;
12834
12898
  margin-bottom: 16px;
12835
- padding-right: 12px;
12836
- padding-left: 12px;
12899
+ padding-inline-end: 12px;
12900
+ padding-inline-start: 12px;
12837
12901
  box-sizing: border-box;
12838
12902
  }
12839
12903
  @keyframes waiting {
@@ -12852,6 +12916,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12852
12916
  left: 0;
12853
12917
  right: 0;
12854
12918
  overflow: hidden;
12919
+ pointer-events: auto;
12855
12920
  z-index: 10005;
12856
12921
  }
12857
12922
  .zen-waiting * {
@@ -12951,6 +13016,18 @@ html:lang(ar) .zen-waiting__spinner-text {
12951
13016
  transform-origin: 2rem 2rem;
12952
13017
  animation: waiting 1.5s linear infinite;
12953
13018
  }
13019
+ .zen-waiting__status {
13020
+ box-sizing: border-box;
13021
+ position: absolute;
13022
+ inset-block: 0;
13023
+ inset-inline: 0;
13024
+ overflow: hidden;
13025
+ pointer-events: none;
13026
+ z-index: 10005;
13027
+ }
13028
+ .zen-waiting__status * {
13029
+ box-sizing: border-box;
13030
+ }
12954
13031
  .zen-file-upload {
12955
13032
  box-sizing: border-box;
12956
13033
  position: relative;
@@ -13264,6 +13341,9 @@ html:lang(ar) .zen-file-upload__file-name {
13264
13341
  .zen-filters__main-row:hover .zen-search-input__input {
13265
13342
  background-color: var(--backgrounds-content-0);
13266
13343
  }
13344
+ .zen-filters__main-row--mobile {
13345
+ margin: 0.5rem;
13346
+ }
13267
13347
  .zen-filters__main-row--initial {
13268
13348
  view-transition-name: expand-panel;
13269
13349
  }
@@ -13381,16 +13461,21 @@ html:lang(ar) .zen-file-upload__file-name {
13381
13461
  }
13382
13462
  .zen-filters-popup__content .zen-filters-popup__right-panel {
13383
13463
  flex-grow: 1;
13384
- display: flex;
13385
- flex-direction: column;
13386
- min-height: 0;
13464
+ height: 100%;
13465
+ max-width: calc(100% - 7.6875rem);
13466
+ }
13467
+ .zen-filters-popup.zen-filters-popup--mobile {
13468
+ width: 100%;
13469
+ max-width: 100%;
13470
+ view-transition-name: expand-panel;
13471
+ }
13472
+ .zen-filters-popup.zen-filters-popup--mobile .zen-filters-popup__right-panel {
13387
13473
  max-width: 100%;
13388
13474
  }
13389
13475
  .zen-filters-container {
13390
13476
  display: flex;
13391
- flex-flow: row wrap;
13392
- flex-grow: 1;
13393
- min-width: 0;
13477
+ flex-direction: row;
13478
+ flex-wrap: wrap;
13394
13479
  gap: 0.25rem;
13395
13480
  margin-block-start: 0;
13396
13481
  padding: 0.5rem 0;
@@ -13449,6 +13534,9 @@ html:lang(ar) .zen-file-upload__file-name {
13449
13534
  .zen-filters-container__mobile-scroll-wrapper > * {
13450
13535
  flex-shrink: 0;
13451
13536
  }
13537
+ .zen-filters-container__mobile-scroll-wrapper:last-child {
13538
+ margin-inline-end: 0.5rem;
13539
+ }
13452
13540
  .zen-filters-container.zen-filters__container--no-search {
13453
13541
  margin-block-start: 0;
13454
13542
  padding: 0;
@@ -13745,7 +13833,8 @@ html:lang(ar) .zen-file-upload__file-name {
13745
13833
  font-size: 0.75rem;
13746
13834
  border: none;
13747
13835
  outline: none;
13748
- padding-inline-end: 0.3125rem;
13836
+ padding-block: 0;
13837
+ padding-inline: 0 0.3125rem;
13749
13838
  -webkit-appearance: none;
13750
13839
  appearance: none;
13751
13840
  background-color: inherit;
@@ -14673,6 +14762,7 @@ html:lang(ar) .zen-list-item__secondary {
14673
14762
  }
14674
14763
  .zen-filters-search-list--mobile {
14675
14764
  padding: 1rem 0;
14765
+ overflow-y: auto;
14676
14766
  }
14677
14767
  .zen-filters-search-list__header {
14678
14768
  display: flex;
@@ -14695,10 +14785,9 @@ html:lang(ar) .zen-list-item__secondary {
14695
14785
  html:lang(ar) .zen-filters-search-list__header-title {
14696
14786
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
14697
14787
  }
14698
- .zen-filters-search-list__header-actions {
14699
- display: flex;
14700
- align-items: center;
14701
- gap: 0.25rem;
14788
+ .zen-filters-search-list__data {
14789
+ padding: 1px;
14790
+ max-height: 18.5rem;
14702
14791
  }
14703
14792
  .zen-filters-search-list .zen-filters-search-list__header--drive .zen-filters-search-list__header-title {
14704
14793
  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15186,7 +15275,8 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15186
15275
  overflow-y: hidden;
15187
15276
  scrollbar-width: none;
15188
15277
  -ms-overflow-style: none;
15189
- padding: 0.0625rem;
15278
+ padding-block-start: 0.0625rem;
15279
+ padding-inline: 0.0625rem;
15190
15280
  }
15191
15281
  .zen-tabs__scrollable::-webkit-scrollbar {
15192
15282
  display: none;
@@ -15513,8 +15603,8 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
15513
15603
  text-decoration: none;
15514
15604
  }
15515
15605
  .zen-tab-item:focus-visible {
15516
- outline: none;
15517
- box-shadow: 0 0 0 1px var(--borders-form-field--active), 0 0 0 2px var(--backgrounds-main);
15606
+ outline: 1px solid var(--borders-form-field--active);
15607
+ outline-offset: -1px;
15518
15608
  }
15519
15609
  .zen-filters-toolbar {
15520
15610
  box-sizing: border-box;
@@ -16387,11 +16477,13 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
16387
16477
  min-width: 1.375rem;
16388
16478
  justify-content: center;
16389
16479
  }
16390
- .zen-filters-search.zen-filters-popup__search-with-pills {
16480
+ .zen-filters-search.zen-filters-popup__search-with-pills.zen-filters-search--mobile {
16391
16481
  margin: 0;
16392
16482
  padding: 0 0.75rem;
16483
+ border: var(--border-width-default) solid var(--borders-general);
16484
+ border-radius: var(--border-radius-default);
16393
16485
  }
16394
- .zen-filters-search.zen-filters-popup__search-with-pills .zen-filters-search__selected {
16486
+ .zen-filters-search.zen-filters-popup__search-with-pills.zen-filters-search--mobile .zen-filters-search__selected {
16395
16487
  flex-shrink: 0;
16396
16488
  }
16397
16489
  .zen-filters-search--mobile {
@@ -16616,9 +16708,14 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
16616
16708
  padding-block: 1rem 0.25rem;
16617
16709
  padding-inline: 1rem;
16618
16710
  width: 100%;
16619
- box-sizing: border-box;
16620
16711
  overflow-x: auto;
16621
- flex-shrink: 0;
16712
+ -ms-overflow-style: none;
16713
+ /* IE and Edge */
16714
+ scrollbar-width: none;
16715
+ /* Firefox */
16716
+ }
16717
+ .zen-filters-select-compact::-webkit-scrollbar {
16718
+ display: none;
16622
16719
  }
16623
16720
  .zen-filters-select-compact__list {
16624
16721
  display: flex;
@@ -17405,6 +17502,7 @@ html:lang(ar) .zen-form-layout-secondary {
17405
17502
  justify-content: flex-end;
17406
17503
  display: flex;
17407
17504
  gap: 0.5rem;
17505
+ align-items: center;
17408
17506
  }
17409
17507
  .zen-main-header__mobile-container {
17410
17508
  display: flex;
@@ -17797,6 +17895,14 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17797
17895
  font-size: 0.875rem;
17798
17896
  }
17799
17897
  }
17898
+ .zen-line-chart:focus-visible {
17899
+ outline: 2px solid var(--borders-form-field--active);
17900
+ outline-offset: -2px;
17901
+ }
17902
+ .zen-line-chart-mini:focus-visible {
17903
+ outline: 2px solid var(--borders-form-field--active);
17904
+ outline-offset: -2px;
17905
+ }
17800
17906
  .zen-mini-tabs {
17801
17907
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
17802
17908
  font-size: 0.875rem;
@@ -18129,6 +18235,16 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
18129
18235
  border-radius: 4px;
18130
18236
  padding: 4px;
18131
18237
  }
18238
+ .zen-nav-item--tertiary .zen-nav-item__main {
18239
+ color: var(--text-hyperlink);
18240
+ fill: var(--text-hyperlink);
18241
+ }
18242
+ .zen-nav-item--tertiary .zen-nav-item__main:hover,
18243
+ .zen-nav-item--tertiary .zen-nav-item__main:focus-visible,
18244
+ .zen-nav-item--tertiary .zen-nav-item__main:focus {
18245
+ color: var(--action-primary--active);
18246
+ fill: var(--action-primary--active);
18247
+ }
18132
18248
  .zen-nav-item--nested.zen-nav-item--mobile .zen-nav-item__main {
18133
18249
  border-radius: 0;
18134
18250
  }
@@ -18190,6 +18306,7 @@ html:lang(ar) .zen-nav-item__main {
18190
18306
  align-items: center;
18191
18307
  gap: 4px;
18192
18308
  overflow: hidden;
18309
+ text-align: start;
18193
18310
  }
18194
18311
  .zen-nav-item__title-text {
18195
18312
  overflow: hidden;
@@ -18383,6 +18500,9 @@ html:lang(ar) .zen-nav-edit-list__header {
18383
18500
  .zen-nav-edit-list__header--no-gap {
18384
18501
  margin-bottom: calc(var(--nav-items-gap) * -1);
18385
18502
  }
18503
+ .zen-nav-edit-list__header--emphasized {
18504
+ color: var(--text-primary);
18505
+ }
18386
18506
  .zen-nav-edit-list .zen-nav-edit-list__item--placeholder {
18387
18507
  list-style-type: none;
18388
18508
  }
@@ -19025,6 +19145,35 @@ html:lang(ar) .zen-pill-actionable__block {
19025
19145
  .zen-progress__bar--high {
19026
19146
  background-color: var(--chart-sequential-green-1);
19027
19147
  }
19148
+ .zen-progress-indicator {
19149
+ box-sizing: border-box;
19150
+ display: flex;
19151
+ align-items: center;
19152
+ width: 100%;
19153
+ height: 0.5rem;
19154
+ border-radius: 62.4375rem;
19155
+ background-color: var(--backgrounds-hover);
19156
+ overflow: hidden;
19157
+ }
19158
+ .zen-progress-indicator * {
19159
+ box-sizing: border-box;
19160
+ }
19161
+ .zen-progress-indicator__fill {
19162
+ height: 100%;
19163
+ border-radius: 62.4375rem;
19164
+ }
19165
+ .zen-progress-indicator__fill--positive {
19166
+ background-color: var(--data--categorical-green);
19167
+ }
19168
+ .zen-progress-indicator__fill--negative {
19169
+ background-color: var(--data--categorical-red);
19170
+ }
19171
+ .zen-progress-indicator__fill--warning {
19172
+ background-color: var(--data--categorical-yellow);
19173
+ }
19174
+ .zen-progress-indicator__fill--default {
19175
+ background-color: var(--action-primary--default);
19176
+ }
19028
19177
  .zen-sort-container {
19029
19178
  box-sizing: border-box;
19030
19179
  display: flex;
@@ -19321,6 +19470,7 @@ html:lang(ar) .zen-stepper-field.zen-stepper-field--mobile {
19321
19470
  display: block;
19322
19471
  width: 100%;
19323
19472
  flex-grow: 1;
19473
+ color: var(--text-primary);
19324
19474
  }
19325
19475
  .zen-tab-bar-content * {
19326
19476
  box-sizing: border-box;
@@ -19350,6 +19500,57 @@ html:lang(ar) .zen-tab-bar-content {
19350
19500
  .zen-tab-bar * {
19351
19501
  box-sizing: border-box;
19352
19502
  }
19503
+ .zen-tag {
19504
+ box-sizing: border-box;
19505
+ display: inline-flex;
19506
+ align-items: center;
19507
+ gap: 0.375rem;
19508
+ min-width: 0;
19509
+ max-width: 100%;
19510
+ }
19511
+ .zen-tag * {
19512
+ box-sizing: border-box;
19513
+ }
19514
+ .zen-tag__dot {
19515
+ flex-shrink: 0;
19516
+ width: 0.375rem;
19517
+ height: 0.375rem;
19518
+ border-radius: 50%;
19519
+ }
19520
+ .zen-tag__dot--red {
19521
+ background-color: var(--data--categorical-red);
19522
+ }
19523
+ .zen-tag__dot--yellow {
19524
+ background-color: var(--data--categorical-yellow);
19525
+ }
19526
+ .zen-tag__dot--green {
19527
+ background-color: var(--data--categorical-green);
19528
+ }
19529
+ .zen-tag__dot--blue {
19530
+ background-color: var(--data--categorical-blue);
19531
+ }
19532
+ .zen-tag__dot--grey {
19533
+ background-color: var(--data--categorical-grey);
19534
+ }
19535
+ .zen-tag__label {
19536
+ font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
19537
+ font-size: 0.75rem;
19538
+ font-style: normal;
19539
+ font-weight: 400;
19540
+ letter-spacing: 0.02rem;
19541
+ line-height: 1rem;
19542
+ text-transform: none;
19543
+ text-decoration: none;
19544
+ overflow: hidden;
19545
+ text-overflow: ellipsis;
19546
+ white-space: nowrap;
19547
+ word-wrap: normal;
19548
+ color: var(--text-primary);
19549
+ min-width: 0;
19550
+ }
19551
+ html:lang(ar) .zen-tag__label {
19552
+ font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
19553
+ }
19353
19554
  .zen-toast {
19354
19555
  box-sizing: border-box;
19355
19556
  }
package/dist/index.d.ts CHANGED
@@ -174,6 +174,7 @@ export { type IHeaderButton, HeaderButtonDisplayName, HeaderButton } from "./hea
174
174
  export { type IHeaderMenu, HeaderMenuDisplayName, HeaderMenu } from "./header/headerMenu";
175
175
  export { useCustomMenu } from "./header/hooks/useCustomMenu";
176
176
  export { type IIcon } from "./icons/icon";
177
+ export { IconAce } from "./icons/iconAce";
177
178
  export { IconActivity } from "./icons/iconActivity";
178
179
  export { IconAddPeople } from "./icons/iconAddPeople";
179
180
  export { IconAiImages } from "./icons/iconAiImages";
@@ -243,6 +244,7 @@ export { IconBookmarkFill } from "./icons/iconBookmarkFill";
243
244
  export { IconBookmarkPlus } from "./icons/iconBookmarkPlus";
244
245
  export { IconBookmarkSelectedHover } from "./icons/iconBookmarkSelectedHover";
245
246
  export { IconBranches } from "./icons/iconBranches";
247
+ export { IconBreak } from "./icons/iconBreak";
246
248
  export { IconBrokenLink } from "./icons/iconBrokenLink";
247
249
  export { IconBrowser } from "./icons/iconBrowser";
248
250
  export { IconBrush } from "./icons/iconBrush";
@@ -294,6 +296,7 @@ export { IconChevronLeft } from "./icons/iconChevronLeft";
294
296
  export { IconChevronLeftSmall } from "./icons/iconChevronLeftSmall";
295
297
  export { IconChevronRight } from "./icons/iconChevronRight";
296
298
  export { IconChevronRightSmall } from "./icons/iconChevronRightSmall";
299
+ export { IconChevronStepper } from "./icons/iconChevronStepper";
297
300
  export { IconChevronTop } from "./icons/iconChevronTop";
298
301
  export { IconChevronTopSmall } from "./icons/iconChevronTopSmall";
299
302
  export { IconChromecast } from "./icons/iconChromecast";
@@ -567,6 +570,7 @@ export { IconPlusCircle } from "./icons/iconPlusCircle";
567
570
  export { IconPlusFile } from "./icons/iconPlusFile";
568
571
  export { IconPlusLines } from "./icons/iconPlusLines";
569
572
  export { IconPlusSquare } from "./icons/iconPlusSquare";
573
+ export { IconPotato } from "./icons/iconPotato";
570
574
  export { IconPound } from "./icons/iconPound";
571
575
  export { IconPrinter } from "./icons/iconPrinter";
572
576
  export { IconProcessor } from "./icons/iconProcessor";
@@ -647,7 +651,11 @@ export { IconThermograph } from "./icons/iconThermograph";
647
651
  export { IconThermometer } from "./icons/iconThermometer";
648
652
  export { IconThumbsDown } from "./icons/iconThumbsDown";
649
653
  export { IconThumbsUp } from "./icons/iconThumbsUp";
654
+ export { IconToggleLarge } from "./icons/iconToggleLarge";
655
+ export { IconToggleSmall } from "./icons/iconToggleSmall";
650
656
  export { IconTrailer } from "./icons/iconTrailer";
657
+ export { IconTrendNeutral } from "./icons/iconTrendNeutral";
658
+ export { IconTruck } from "./icons/iconTruck";
651
659
  export { IconUmbrella } from "./icons/iconUmbrella";
652
660
  export { IconUnderline } from "./icons/iconUnderline";
653
661
  export { IconUndo } from "./icons/iconUndo";