@geotab/zenith 3.13.1 → 3.14.0-beta.1

package/dist/commonStyles/fonts/roboto.less

@@ -1,5 +1,5 @@
 @font-face {
-    font-family: "Roboto";
+    font-family: Roboto;
     font-style: normal;
     font-weight: 300;
     src:
@@ -8,7 +8,7 @@
 }
 
 @font-face {
-    font-family: "Roboto";
+    font-family: Roboto;
     font-style: normal;
     font-weight: 400;
     src:
@@ -17,7 +17,7 @@
 }
 
 @font-face {
-    font-family: "Roboto";
+    font-family: Roboto;
     font-style: normal;
     font-weight: 500;
     src:
@@ -26,7 +26,7 @@
 }
 
 @font-face {
-    font-family: "Roboto";
+    font-family: Roboto;
     font-style: normal;
     font-weight: 700;
     src:
@@ -35,7 +35,7 @@
 }
 
 @font-face {
-    font-family: "Roboto";
+    font-family: Roboto;
     font-style: italic;
     font-weight: 300;
     src:
@@ -44,7 +44,7 @@
 }
 
 @font-face {
-    font-family: "Roboto";
+    font-family: Roboto;
     font-style: italic;
     font-weight: 400;
     src:
@@ -53,7 +53,7 @@
 }
 
 @font-face {
-    font-family: "Roboto";
+    font-family: Roboto;
     font-style: italic;
     font-weight: 700;
     src:

package/dist/commonStyles/link/link.less

@@ -7,7 +7,7 @@
     cursor: pointer;
     background: none;
     border: none;
-    word-wrap: break-word;
+    overflow-wrap: break-word;
 
     &:hover,
     &:focus,

package/dist/commonStyles/notSelectable.less

@@ -1,8 +1,4 @@
 .zen-not-selectable {
     -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
 }

package/dist/commonStyles/pillStyles/pillContent.less

@@ -10,14 +10,12 @@
     @pill-height--mobile: 34px;
 
     .zen-body-s-400();
-    display: flex;
     align-items: center;
     justify-content: space-between;
     border-radius: (30 / @rem);
     height: @pill-height;
     display: grid;
     grid-auto-flow: column;
-
     gap: (8 / @rem);
 
     &--icon-left {
@@ -44,9 +42,11 @@
     &--hidden {
         gap: (4 / @rem);
     }
+
     &.zen-pill-new-content--drive,
     &.zen-pill-new-content--drive-tablet {
         height: @pill-height--drive;
+
         .zen-pill-non-actionable__icon {
             min-width: (16 / @rem);
             max-width: 16px;
@@ -70,9 +70,11 @@
             }
         }
     }
+
     &.zen-pill-new-content--mobile {
         height: @pill-height--mobile;
         .zen-body-m-400-short();
+
         .zen-pill-non-actionable__icon {
             min-width: (16 / @rem);
             max-width: 16px;
@@ -96,9 +98,11 @@
             }
         }
     }
+
     &.zen-pill-new-content--drive {
         .zen-body-s-400-drive();
     }
+
     &.zen-pill-new-content--drive-tablet {
         .zen-body-s-400-drive();
     }

package/dist/commonStyles/pillStyles/pillStyles.less

@@ -6,7 +6,7 @@
     color: var(--text-primary);
     align-items: center;
     justify-content: space-between;
-    padding: (4 / @rem) (12 / @rem) (4 / @rem) (12 / @rem);
+    padding: (4 / @rem) (12 / @rem);
     border-radius: (30 / @rem);
     background: var(--backgrounds-content-1);
 }

package/dist/commonStyles/pillStyles/pillTextContent.less

@@ -7,13 +7,16 @@
     &--hidden {
         visibility: hidden;
     }
+
     &.zen-pill-text-content--drive,
     &.zen-pill-text-content--drive-tablet {
         height: 20px;
     }
+
     &.zen-pill-text-content--drive {
         .zen-body-s-400-drive();
     }
+
     &.zen-pill-text-content--drive-tablet {
         .zen-body-s-400-drive();
     }

package/dist/commonStyles/pillStyles/pillTypes.less

@@ -5,8 +5,10 @@
         background: var(--backgrounds-content-1);
         color: var(--text-primary);
         fill: var(--text-primary);
+
         .zen-pill-non-actionable__close-button {
             fill: var(--text-primary);
+
             &:active .zen-pill-non-actionable__close-icon,
             &:hover .zen-pill-non-actionable__close-icon,
             &:focus .zen-pill-non-actionable__close-icon {
@@ -21,8 +23,10 @@
         color: var(--accents-success--detail);
         background-color: var(--accents-success--main);
         fill: var(--accents-success--detail);
+
         .zen-pill-non-actionable__close-button {
             fill: var(--accents-success--detail);
+
             &:active .zen-pill-non-actionable__close-icon,
             &:hover .zen-pill-non-actionable__close-icon,
             &:focus .zen-pill-non-actionable__close-icon {
@@ -37,8 +41,10 @@
         background-color: var(--accents-error--main);
         color: var(--accents-error--detail);
         fill: var(--accents-error--detail);
+
         .zen-pill-non-actionable__close-button {
             fill: var(--accents-error--detail);
+
             &:active .zen-pill-non-actionable__close-icon,
             &:hover .zen-pill-non-actionable__close-icon,
             &:focus .zen-pill-non-actionable__close-icon {
@@ -53,8 +59,10 @@
         background-color: var(--accents-warning--main);
         color: var(--accents-warning--detail);
         fill: var(--accents-warning--detail);
+
         .zen-pill-non-actionable__close-button {
             fill: var(--accents-warning--detail);
+
             &:active .zen-pill-non-actionable__close-icon,
             &:hover .zen-pill-non-actionable__close-icon,
             &:focus .zen-pill-non-actionable__close-icon {
@@ -69,8 +77,10 @@
         background-color: var(--accents-general--main);
         color: var(--accents-general--detail);
         fill: var(--accents-general--detail);
+
         .zen-pill-non-actionable__close-button {
             fill: var(--accents-general--detail);
+
             &:active .zen-pill-non-actionable__close-icon,
             &:hover .zen-pill-non-actionable__close-icon,
             &:focus .zen-pill-non-actionable__close-icon {

package/dist/commonStyles/rangeFieldMixin.less

@@ -3,14 +3,12 @@
     grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
     grid-template-rows: auto auto;
     gap: (4 / @rem) (8 / @rem);
-    align-items: center;
-    justify-items: start;
+    place-items: center start;
 }
 
 .zen-range-field-wrapper-row {
     display: grid;
-    align-items: center;
-    justify-items: start;
+    place-items: center start;
     grid-template-columns:
         minmax((24 / @rem), (32 / @rem))
         minmax((64 / @rem), (64 / @rem))
@@ -18,6 +16,5 @@
         minmax((24 / @rem), (32 / @rem))
         minmax((64 / @rem), (64 / @rem))
         minmax((24 / @rem), (32 / @rem));
-    row-gap: (4 / @rem);
-    column-gap: (8 / @rem);
+    gap: (4 / @rem) (8 / @rem);
 }

package/dist/commonStyles/shadows/shadows.less

@@ -1,11 +1,11 @@
 .zen-shadow-dropdown-default {
-    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
 }
 
 .zen-card-shadow {
-    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
 }
 
 .zen-chip-shadow {
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
 }

package/dist/commonStyles/typography/typography.less

@@ -548,10 +548,10 @@
 }
 
 :root {
-    --main-font: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
-    --main-font-data: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
-    --data-font-drive: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
-    --arabic-font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+    --main-font: roboto, "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
+    --main-font-data: "Roboto Mono", "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
+    --data-font-drive: "Roboto Mono", "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
+    --arabic-font-family: "Noto Sans Arabic", roboto, "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
 }
 
 // Labels

package/dist/dataFeed/dataFeed.js

@@ -33,8 +33,13 @@ const DataFeedInner = ({ entities, columns, feedWrappers, className, expanded, o
     const { collapsedColumnsQty = 0, onFeedEnd, visibleColumns } = options;
     const feedRef = (0, react_1.useRef)(null);
     const lazyRenderTimerRef = (0, react_1.useRef)(0);
+    const feedEndFiredRef = (0, react_1.useRef)(false);
+    const prevEntitiesRef = (0, react_1.useRef)(entities);
     (0, react_1.useEffect)(() => {
         setPages(1);
+        // Re-arm the once-per-approach guard on a paginated reload (activePage change); in-place
+        // entity-list changes re-arm via the entities effect below.
+        feedEndFiredRef.current = false;
         if (feedRef.current) {
             feedRef.current.scrollTop = 0;
         }
@@ -82,11 +87,21 @@ const DataFeedInner = ({ entities, columns, feedWrappers, className, expanded, o
                 newVisibleRows.forEach(row => newRowsSet.add(row));
                 setVisibleRows(newRowsSet);
             }
-            if (visibleRows.size && checkCloseToTheEnd(feedRef.current)) {
+            const closeToTheEnd = checkCloseToTheEnd(feedRef.current);
+            if (visibleRows.size && closeToTheEnd) {
                 if (entities.length > data.length) {
                     setPages(pages + 1);
                 }
-                onFeedEnd && onFeedEnd();
+                // Fire onFeedEnd once per approach to the bottom (re-armed below once scrolled out),
+                // matching DataGrid.onScrollEnd. Without the guard the consumer is called on every
+                // animation frame near the bottom and has to debounce it itself.
+                if (!feedEndFiredRef.current) {
+                    feedEndFiredRef.current = true;
+                    onFeedEnd && onFeedEnd();
+                }
+            }
+            else if (!closeToTheEnd) {
+                feedEndFiredRef.current = false;
             }
         });
     }, [itemsMap, visibleRows, setVisibleRows, onFeedEnd, pages, setPages, entities, data.length]);
@@ -95,6 +110,17 @@ const DataFeedInner = ({ entities, columns, feedWrappers, className, expanded, o
         (_a = zen_1.zen.cancelAnimationFrame) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, lazyRenderTimerRef.current);
         lazyRenderTimerRef.current = scheduleVisibleChanges();
     }, [scheduleVisibleChanges]);
+    (0, react_1.useEffect)(() => {
+        // An entity-list change (in-place filter/sort swap, or appended rows) re-arms the once-per-approach
+        // guard and re-checks fit, so a short result set still requests the next page and a stale guard
+        // can't suppress the next fire. Keyed on `entities`, not the internal `data` slice, so progressive
+        // `setPages` reveals don't reset the guard and cause repeat fires.
+        if (prevEntitiesRef.current !== entities) {
+            prevEntitiesRef.current = entities;
+            feedEndFiredRef.current = false;
+            scheduleLazyRender();
+        }
+    }, [entities, scheduleLazyRender]);
     const handleScroll = (0, react_1.useCallback)(() => {
         scheduleLazyRender();
     }, [scheduleLazyRender]);

package/dist/dataGrid/columns/actionsColumn/actionsButton.js

@@ -37,6 +37,6 @@ function ActionsButton({ action, entity }) {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(actionsColumnCell_1.ActionColumnCell, { ref: buttonRef, tag: action.createLink !== undefined ? "a" : "button", hash: action.id, title: action.createTitle(entity), href: action.createLink !== undefined ? action.createLink(entity) : undefined, icon: action.icon, onClick: e => {
                     setIsMenuOpen(!isMenuOpen);
                     action.handler && action.handler(entity, e.target);
-                } }, action.id), items.length ? ((0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { triggerRef: buttonRef, alignment: "bottom-right", isOpen: isMenuOpen, setIsOpen: setIsMenuOpen, title: action.createTitle(entity), children: items }, entityId + "-" + action.id + "-menu")) : null] }));
+                } }, action.id), items.length ? ((0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { triggerRef: buttonRef, alignment: "bottom-end", isOpen: isMenuOpen, setIsOpen: setIsMenuOpen, title: action.createTitle(entity), children: items }, entityId + "-" + action.id + "-menu")) : null] }));
 }
 exports.ActionsButton = ActionsButton;

package/dist/dataGrid/withFlexibleColumns/withFlexibleColumns.js

@@ -220,7 +220,7 @@ const withFlexibleColumns = DataGridComponent => {
       }) : (0, jsx_runtime_1.jsx)(popup_1.Popup, {
         ariaLabel: translate("Select visible columns"),
         triggerRef: popupTriggerRef,
-        alignment: "bottom-right",
+        alignment: "bottom-end",
         children: (0, jsx_runtime_1.jsx)(columnSettings_1.ColumnSettings, {
           onReset: onResetListener,
           children: listOfColumns

package/dist/dataGrid/withSelectableRows/withSelectableRows.js

@@ -294,7 +294,7 @@ const withSelectableRows = DataGridComponent => {
         triggerRef: selectMenuRef,
         isOpen: isOpen,
         onOpenChange: setIsOpen,
-        alignment: "bottom-left",
+        alignment: "bottom-start",
         children: (0, jsx_runtime_1.jsx)(selectList_1.SelectList, {
           id: selectId,
           title: translate("Select menu"),

package/dist/dateInputInner/dateInputInnerControlBlock.js

@@ -14,60 +14,60 @@ const timePicker_1 = require("../timePicker/timePicker");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const formFieldError_1 = require("../formFieldError/formFieldError");
-injectString("cs", "The time must be set", "Je t\u0159eba nastavit \u010Das.");
-injectString("da-DK", "The time must be set", "Tiden skal indstilles.");
-injectString("de", "The time must be set", "Die Uhrzeit muss festgelegt werden.");
-injectString("en", "The time must be set", "The time must be set.");
-injectString("es", "The time must be set", "Se debe establecer la hora.");
-injectString("fi-FI", "The time must be set", "Aika on asetettava.");
-injectString("fr", "The time must be set", "L'heure doit \xEAtre programm\xE9e.");
-injectString("fr-FR", "The time must be set", "L'heure doit \xEAtre d\xE9finie.");
-injectString("hu-HU", "The time must be set", "Az id\u0151 be\xE1ll\xEDt\xE1sa k\xF6telez\u0151.");
-injectString("id", "The time must be set", "Waktu harus diatur.");
-injectString("it", "The time must be set", "Impostare l'ora.");
-injectString("ja", "The time must be set", "\u6642\u523B\u3092\u8A2D\u5B9A\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002");
-injectString("ko-KR", "The time must be set", "\uC2DC\uAC04\uC744 \uC124\uC815\uD574\uC57C \uD569\uB2C8\uB2E4.");
-injectString("ms", "The time must be set", "Masa mesti ditetapkan.");
-injectString("nb-NO", "The time must be set", "Tiden m\xE5 settes.");
-injectString("nl", "The time must be set", "De tijd moet worden ingesteld.");
-injectString("pl", "The time must be set", "Godzina musi by\u0107 ustawiona.");
-injectString("pt-BR", "The time must be set", "\xC9 necess\xE1rio definir a hora.");
-injectString("pt-PT", "The time must be set", "A hora deve ser definida");
-injectString("sk-SK", "The time must be set", "Mus\xED\u0161 nastavi\u0165 \u010Das.");
-injectString("sv", "The time must be set", "Tiden m\xE5ste anges.");
-injectString("th", "The time must be set", "\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E40\u0E27\u0E25\u0E32");
-injectString("tr", "The time must be set", "Saat ayarlanmal\u0131d\u0131r.");
-injectString("zh-Hans", "The time must be set", "\u5FC5\u987B\u8BBE\u5B9A\u65F6\u95F4\u3002");
-injectString("zh-TW", "The time must be set", "\u5FC5\u9808\u8A2D\u5B9A\u6642\u9593");
-injectString("ro-RO", "The time must be set", "Trebuie setat\u0103 ora");
-injectString("ar", "The time must be set", "\u064A\u062C\u0628 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0648\u0642\u062A.");
-injectString("cs", "The date must be set", "Je t\u0159eba nastavit datum.");
-injectString("da-DK", "The date must be set", "Datoen skal indstilles.");
-injectString("de", "The date must be set", "Das Datum muss festgelegt werden.");
-injectString("en", "The date must be set", "The date must be set.");
-injectString("es", "The date must be set", "Se debe establecer la fecha.");
-injectString("fi-FI", "The date must be set", "P\xE4iv\xE4m\xE4\xE4r\xE4 on asetettava.");
-injectString("fr", "The date must be set", "La date doit \xEAtre programm\xE9e.");
-injectString("fr-FR", "The date must be set", "La date doit \xEAtre d\xE9finie.");
-injectString("hu-HU", "The date must be set", "A d\xE1tum be\xE1ll\xEDt\xE1sa k\xF6telez\u0151.");
-injectString("id", "The date must be set", "Tanggal harus diatur.");
-injectString("it", "The date must be set", "Impostare la data.");
-injectString("ja", "The date must be set", "\u65E5\u4ED8\u3092\u8A2D\u5B9A\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002");
-injectString("ko-KR", "The date must be set", "\uB0A0\uC9DC\uB97C \uC124\uC815\uD574\uC57C \uD569\uB2C8\uB2E4.");
-injectString("ms", "The date must be set", "Tarikh mesti ditetapkan.");
-injectString("nb-NO", "The date must be set", "Datoen m\xE5 settes.");
-injectString("nl", "The date must be set", "De datum moet worden ingesteld.");
-injectString("pl", "The date must be set", "Data musi by\u0107 ustawiona.");
-injectString("pt-BR", "The date must be set", "\xC9 necess\xE1rio definir a data.");
-injectString("pt-PT", "The date must be set", "A data deve ser definida");
-injectString("sk-SK", "The date must be set", "Mus\xED\u0161 nastavi\u0165 d\xE1tum.");
-injectString("sv", "The date must be set", "Datumet m\xE5ste anges.");
-injectString("th", "The date must be set", "\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48");
-injectString("tr", "The date must be set", "Tarih ayarlanmal\u0131d\u0131r.");
-injectString("zh-Hans", "The date must be set", "\u5FC5\u987B\u8BBE\u5B9A\u65E5\u671F\u3002");
-injectString("zh-TW", "The date must be set", "\u5FC5\u9808\u8A2D\u5B9A\u65E5\u671F");
-injectString("ro-RO", "The date must be set", "Trebuie setat\u0103 data");
-injectString("ar", "The date must be set", "\u064A\u062C\u0628 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u062A\u0627\u0631\u064A\u062E.");
+injectString("cs", "The time must be set.", "Je t\u0159eba nastavit \u010Das.");
+injectString("da-DK", "The time must be set.", "Tiden skal indstilles.");
+injectString("de", "The time must be set.", "Die Uhrzeit muss festgelegt werden.");
+injectString("en", "The time must be set.", "The time must be set.");
+injectString("es", "The time must be set.", "Se debe establecer la hora.");
+injectString("fi-FI", "The time must be set.", "Aika on asetettava.");
+injectString("fr", "The time must be set.", "L'heure doit \xEAtre programm\xE9e.");
+injectString("fr-FR", "The time must be set.", "L'heure doit \xEAtre d\xE9finie.");
+injectString("hu-HU", "The time must be set.", "Az id\u0151 be\xE1ll\xEDt\xE1sa k\xF6telez\u0151.");
+injectString("id", "The time must be set.", "Waktu harus diatur.");
+injectString("it", "The time must be set.", "Impostare l'ora.");
+injectString("ja", "The time must be set.", "\u6642\u523B\u3092\u8A2D\u5B9A\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002");
+injectString("ko-KR", "The time must be set.", "\uC2DC\uAC04\uC744 \uC124\uC815\uD574\uC57C \uD569\uB2C8\uB2E4.");
+injectString("ms", "The time must be set.", "Masa mesti ditetapkan.");
+injectString("nb-NO", "The time must be set.", "Tiden m\xE5 settes.");
+injectString("nl", "The time must be set.", "De tijd moet worden ingesteld.");
+injectString("pl", "The time must be set.", "Godzina musi by\u0107 ustawiona.");
+injectString("pt-BR", "The time must be set.", "\xC9 necess\xE1rio definir a hora.");
+injectString("pt-PT", "The time must be set.", "A hora deve ser definida");
+injectString("sk-SK", "The time must be set.", "Mus\xED\u0161 nastavi\u0165 \u010Das.");
+injectString("sv", "The time must be set.", "Tiden m\xE5ste anges.");
+injectString("th", "The time must be set.", "\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E40\u0E27\u0E25\u0E32");
+injectString("tr", "The time must be set.", "Saat ayarlanmal\u0131d\u0131r.");
+injectString("zh-Hans", "The time must be set.", "\u5FC5\u987B\u8BBE\u5B9A\u65F6\u95F4\u3002");
+injectString("zh-TW", "The time must be set.", "\u5FC5\u9808\u8A2D\u5B9A\u6642\u9593");
+injectString("ro-RO", "The time must be set.", "Trebuie setat\u0103 ora");
+injectString("ar", "The time must be set.", "\u064A\u062C\u0628 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0648\u0642\u062A.");
+injectString("cs", "The date must be set.", "Je t\u0159eba nastavit datum.");
+injectString("da-DK", "The date must be set.", "Datoen skal indstilles.");
+injectString("de", "The date must be set.", "Das Datum muss festgelegt werden.");
+injectString("en", "The date must be set.", "The date must be set.");
+injectString("es", "The date must be set.", "Se debe establecer la fecha.");
+injectString("fi-FI", "The date must be set.", "P\xE4iv\xE4m\xE4\xE4r\xE4 on asetettava.");
+injectString("fr", "The date must be set.", "La date doit \xEAtre programm\xE9e.");
+injectString("fr-FR", "The date must be set.", "La date doit \xEAtre d\xE9finie.");
+injectString("hu-HU", "The date must be set.", "A d\xE1tum be\xE1ll\xEDt\xE1sa k\xF6telez\u0151.");
+injectString("id", "The date must be set.", "Tanggal harus diatur.");
+injectString("it", "The date must be set.", "Impostare la data.");
+injectString("ja", "The date must be set.", "\u65E5\u4ED8\u3092\u8A2D\u5B9A\u3059\u308B\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059\u3002");
+injectString("ko-KR", "The date must be set.", "\uB0A0\uC9DC\uB97C \uC124\uC815\uD574\uC57C \uD569\uB2C8\uB2E4.");
+injectString("ms", "The date must be set.", "Tarikh mesti ditetapkan.");
+injectString("nb-NO", "The date must be set.", "Datoen m\xE5 settes.");
+injectString("nl", "The date must be set.", "De datum moet worden ingesteld.");
+injectString("pl", "The date must be set.", "Data musi by\u0107 ustawiona.");
+injectString("pt-BR", "The date must be set.", "\xC9 necess\xE1rio definir a data.");
+injectString("pt-PT", "The date must be set.", "A data deve ser definida");
+injectString("sk-SK", "The date must be set.", "Mus\xED\u0161 nastavi\u0165 d\xE1tum.");
+injectString("sv", "The date must be set.", "Datumet m\xE5ste anges.");
+injectString("th", "The date must be set.", "\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48");
+injectString("tr", "The date must be set.", "Tarih ayarlanmal\u0131d\u0131r.");
+injectString("zh-Hans", "The date must be set.", "\u5FC5\u987B\u8BBE\u5B9A\u65E5\u671F\u3002");
+injectString("zh-TW", "The date must be set.", "\u5FC5\u9808\u8A2D\u5B9A\u65E5\u671F");
+injectString("ro-RO", "The date must be set.", "Trebuie setat\u0103 data");
+injectString("ar", "The date must be set.", "\u064A\u062C\u0628 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u062A\u0627\u0631\u064A\u062E.");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const DateInputInnerControlBlock = props => {
   const {
@@ -122,7 +122,7 @@ const DateInputInnerControlBlock = props => {
       dataTimeId: id
     }), isHasTimeError ? (0, jsx_runtime_1.jsx)(formFieldError_1.FormFieldError, {
       id: timeErrorId,
-      error: translate("The time must be set")
+      error: translate("The time must be set.")
     }) : null]
   }) : null, [selectTime, isActiveField, isHasTimeError, timePickerValue, timeChangeHandler, isMobileView, id, timeErrorId, translate]);
   return (0, jsx_runtime_1.jsxs)("div", {
@@ -137,7 +137,7 @@ const DateInputInnerControlBlock = props => {
         className: "zen-date-input-inner__inputs-block-item",
         children: [memoizedDateInput, isHasDateError ? (0, jsx_runtime_1.jsx)(formFieldError_1.FormFieldError, {
           id: dateErrorId,
-          error: translate("The date must be set")
+          error: translate("The date must be set.")
         }) : null]
       }), memoizedTimeSelect]
     }), assistiveText ? (0, jsx_runtime_1.jsx)("div", {
@@ -147,4 +147,4 @@ const DateInputInnerControlBlock = props => {
   });
 };
 exports.DateInputInnerControlBlock = DateInputInnerControlBlock;
-exports.TRANSLATIONS = ["The date must be set", "The time must be set"];
+exports.TRANSLATIONS = ["The date must be set.", "The time must be set."];

package/dist/divider/divider.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const Divider = ({ className, spacing }) => {
     const classes = (0, classNames_1.classNames)(["zen-divider", className !== null && className !== void 0 ? className : ""]);
-    const style = spacing ? { marginTop: spacing, marginBottom: spacing } : undefined;
+    const style = spacing ? { marginBlockStart: spacing, marginBlockEnd: spacing } : undefined;
     return (0, jsx_runtime_1.jsx)("hr", { className: classes, style: style, role: "separator" });
 };
 exports.Divider = Divider;

package/dist/dropdownRaw/dropdownRaw.js

@@ -96,7 +96,7 @@ const DropdownRaw = props => {
     getSelectedItem,
     buttonType = "secondary",
     listLimit = dropdown_1.LIST_LIMIT,
-    alignment = "bottom-left",
+    alignment = "bottom-start",
     isReadOnly,
     sortFn,
     checkboxLabel,

package/dist/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js

@@ -165,4 +165,4 @@ const FiltersBarPeriodPicker = ({ props, hasApplyButton, className, useSidePanel
     return ((0, jsx_runtime_1.jsx)(sidePanelCell_1.SidePanelCell, { role: "group", labelledBy: filterBarLabelledId, titleId: filterBarLabelledId, title: sidePanelTitle, withoutSidePaddings: !isUsePopup, children: isUsePopup ? popup : component }));
 };
 exports.FiltersBarPeriodPicker = FiltersBarPeriodPicker;
-exports.TRANSLATIONS = ["Clear", "Reset", "Apply", "Date range filter", "The start date cannot be empty.", "The end date cannot be empty."];
+exports.TRANSLATIONS = ["Clear", "Reset", "Apply", "Date range filter", "The Start date cannot be empty.", "The End date cannot be empty."];

package/dist/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js

@@ -24,33 +24,33 @@ const textIconButton_2 = require("../../textIconButton/textIconButton");
 const button_1 = require("../../button/button");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
 const sidePanelReducer_1 = require("./sidePanelReducer");
-injectString("cs", "Reset All", "Obnovit v\u0161e");
-injectString("da-DK", "Reset All", "Nulstil alle");
-injectString("de", "Reset All", "Alles zur\xFCcksetzen");
-injectString("en", "Reset All", "Reset all");
-injectString("es", "Reset All", "Restablecer todo");
-injectString("fi-FI", "Reset All", "Palauta kaikki");
-injectString("fr", "Reset All", "R\xE9initialiser tout");
-injectString("fr-FR", "Reset All", "R\xE9initialiser tout");
-injectString("hu-HU", "Reset All", "\xC1ll\xEDtsd vissza mindet.");
-injectString("id", "Reset All", "Atur ulang semua");
-injectString("it", "Reset All", "Ripristinare tutto");
-injectString("ja", "Reset All", "\u3059\u3079\u3066\u30EA\u30BB\u30C3\u30C8");
-injectString("ko-KR", "Reset All", "\uC804\uCCB4 \uC7AC\uC124\uC815");
-injectString("ms", "Reset All", "Tetapkan semula semua");
-injectString("nb-NO", "Reset All", "Tilbakestill alt");
-injectString("nl", "Reset All", "Alles resetten");
-injectString("pl", "Reset All", "Resetuj wszystko");
-injectString("pt-BR", "Reset All", "Redefinir tudo");
-injectString("pt-PT", "Reset All", "Redefinir tudo");
-injectString("sk-SK", "Reset All", "Vynulova\u0165 v\u0161etko");
-injectString("sv", "Reset All", "\xC5terst\xE4ll alla");
-injectString("th", "Reset All", "\u0E23\u0E35\u0E40\u0E0B\u0E47\u0E15\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
-injectString("tr", "Reset All", "T\xFCm\xFCn\xFC s\u0131f\u0131rla");
-injectString("zh-Hans", "Reset All", "\u5168\u90E8\u91CD\u7F6E");
-injectString("zh-TW", "Reset All", "\u5168\u90E8\u91CD\u8A2D");
-injectString("ro-RO", "Reset All", "Reseta\u021Bi tot");
-injectString("ar", "Reset All", "\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0643\u0644");
+injectString("cs", "Reset all", "Obnovit v\u0161e");
+injectString("da-DK", "Reset all", "Nulstil alle");
+injectString("de", "Reset all", "Alles zur\xFCcksetzen");
+injectString("en", "Reset all", "Reset all");
+injectString("es", "Reset all", "Restablecer todo");
+injectString("fi-FI", "Reset all", "Palauta kaikki");
+injectString("fr", "Reset all", "R\xE9initialiser tout");
+injectString("fr-FR", "Reset all", "R\xE9initialiser tout");
+injectString("hu-HU", "Reset all", "\xC1ll\xEDtsd vissza mindet.");
+injectString("id", "Reset all", "Atur ulang semua");
+injectString("it", "Reset all", "Ripristinare tutto");
+injectString("ja", "Reset all", "\u3059\u3079\u3066\u30EA\u30BB\u30C3\u30C8");
+injectString("ko-KR", "Reset all", "\uC804\uCCB4 \uC7AC\uC124\uC815");
+injectString("ms", "Reset all", "Tetapkan semula semua");
+injectString("nb-NO", "Reset all", "Tilbakestill alt");
+injectString("nl", "Reset all", "Alles resetten");
+injectString("pl", "Reset all", "Resetuj wszystko");
+injectString("pt-BR", "Reset all", "Redefinir tudo");
+injectString("pt-PT", "Reset all", "Redefinir tudo");
+injectString("sk-SK", "Reset all", "Vynulova\u0165 v\u0161etko");
+injectString("sv", "Reset all", "\xC5terst\xE4ll alla");
+injectString("th", "Reset all", "\u0E23\u0E35\u0E40\u0E0B\u0E47\u0E15\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
+injectString("tr", "Reset all", "T\xFCm\xFCn\xFC s\u0131f\u0131rla");
+injectString("zh-Hans", "Reset all", "\u5168\u90E8\u91CD\u7F6E");
+injectString("zh-TW", "Reset all", "\u5168\u90E8\u91CD\u8A2D");
+injectString("ro-RO", "Reset all", "Reseta\u021Bi tot");
+injectString("ar", "Reset all", "\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0643\u0644");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -192,7 +192,7 @@ const FiltersBarSidePanel = ({
   const {
     translate
   } = (0, useLanguage_1.useLanguage)();
-  const isLongTextLanguages = (0, react_1.useMemo)(() => `${translate("Reset All")}${translate("Cancel")}${translate("Apply")}`.length > 31, [translate]);
+  const isLongTextLanguages = (0, react_1.useMemo)(() => `${translate("Reset all")}${translate("Cancel")}${translate("Apply")}`.length > 31, [translate]);
   const dataShieldId = (0, useUniqueId_1.useUniqueId)();
   const isMobile = (0, useMobile_1.useMobile)();
   const {
@@ -365,7 +365,7 @@ const FiltersBarSidePanel = ({
             className: "zen-side-panel-filters-bar__clear-button",
             onClick: onResetFilters,
             type: "tertiary",
-            children: translate("Reset All")
+            children: translate("Reset all")
           })]
         }) : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
           children: [(0, jsx_runtime_1.jsx)("div", {
@@ -374,7 +374,7 @@ const FiltersBarSidePanel = ({
               type: "tertiary",
               className: "zen-side-panel-filters-bar__clear-button",
               onClick: onResetFilters,
-              children: translate("Reset All")
+              children: translate("Reset all")
             })
           }), (0, jsx_runtime_1.jsxs)("div", {
             className: "zen-side-panel-filters-bar__footer-section",
@@ -409,4 +409,4 @@ const FiltersBarSidePanel = ({
 exports.FiltersBarSidePanel = FiltersBarSidePanel;
 const FiltersBarSidePanelContainer = _ => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
 exports.FiltersBarSidePanelContainer = FiltersBarSidePanelContainer;
-exports.TRANSLATIONS = ["Apply", "Clear", "Reset All", "Close", "Cancel"];
+exports.TRANSLATIONS = ["Apply", "Clear", "Reset all", "Close", "Cancel"];