@kaizen/components 2.3.3 → 2.3.5

package/dist/cjs/src/TitleBlock/TitleBlock.cjs

@@ -2,6 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
+var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var classnames = require('classnames');
 var Avatar = require('../Avatar/Avatar.cjs');
 require('../ButtonV1/Button/Button.cjs');
@@ -212,6 +213,7 @@ var TitleBlock = function (_a) {
     isSmall = _o.isSmall,
     isMedium = _o.isMedium;
   var isSmallOrMediumViewport = isMedium || isSmall;
+  var formatMessage = i18nReactIntl.useIntl().formatMessage;
   return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
     id: id,
     className: classnames__default.default(TitleBlock_module.titleBlock, TitleBlock_module["".concat(variant, "Variant")], Boolean(subtitle) && TitleBlock_module.hasSubtitle, Boolean(pageSwitcherSelect) && TitleBlock_module.hasPageSwitcherSelect, collapseNavigationArea && !((_b = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _b !== void 0 ? _b : renderSectionTitle) && TitleBlock_module.collapseNavigationArea, title && title.length >= 30 && TitleBlock_module.hasLongTitle, subtitle && typeof subtitle === 'string' && subtitle.length >= 18 && TitleBlock_module.hasLongSubtitle, hasNavigationTabs && TitleBlock_module.hasNavigationTabs)
@@ -238,7 +240,11 @@ var TitleBlock = function (_a) {
       name: "menu",
       isPresentational: true
     }),
-    label: "Open menu",
+    label: formatMessage({
+      id: 'kzTitleBlock.hamburgerMenuLabel',
+      defaultMessage: 'Open menu',
+      description: 'Label for the dropdown menu which displays navigation items'
+    }),
     reversed: utils.isReversed(variant)
   })), avatar && renderAvatar(avatar, avatarAutomationId), React__default.default.createElement("div", {
     className: TitleBlock_module.titleAndSubtitle

package/dist/cjs/src/TitleBlock/subcomponents/MainActions.cjs

@@ -2,6 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
+var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var Button = require('../../ButtonV1/Button/Button.cjs');
 var IconButton = require('../../ButtonV1/IconButton/IconButton.cjs');
 var Icon = require('../../Icon/Icon.cjs');
@@ -19,12 +20,12 @@ function _interopDefault(e) {
   };
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
-var renderSecondaryAndOverflowMenu = function (secondaryOverflowMenuItems, reversed) {
+var renderSecondaryAndOverflowMenu = function (secondaryAndOverflowMenuLabel, secondaryOverflowMenuItems, reversed) {
   if (!secondaryOverflowMenuItems) return undefined;
   return React__default.default.createElement(index.Menu, {
     align: "right",
     button: React__default.default.createElement(IconButton.IconButton, {
-      label: 'Open secondary and overflow menu',
+      label: secondaryAndOverflowMenuLabel,
       reversed: reversed,
       icon: React__default.default.createElement(Icon.Icon, {
         name: "more_horiz",
@@ -47,6 +48,12 @@ var MainActions = function (_a) {
     secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
     _e = _a.reversed,
     reversed = _e === void 0 ? false : _e;
+  var formatMessage = i18nReactIntl.useIntl().formatMessage;
+  var secondaryAndOverflowMenuLabel = formatMessage({
+    id: 'kzTitleBlock.secondaryAndOverflowMenuLabel',
+    defaultMessage: 'Open secondary and overflow menu',
+    description: 'Label for the dropdown menu which displays additional actions'
+  });
   var items;
   // Build combined secondary + overflow menu items once, to be spread into the toolbar items
   var secondaryAndOverflowMenu = [];
@@ -77,7 +84,7 @@ var MainActions = function (_a) {
   if (allMenuItems.length > 0) {
     secondaryAndOverflowMenu.push({
       key: 'overflowMenu',
-      node: renderSecondaryAndOverflowMenu(allMenuItems, reversed)
+      node: renderSecondaryAndOverflowMenu(secondaryAndOverflowMenuLabel, allMenuItems, reversed)
     });
   }
   var defaultActionItem = defaultAction ? [{
@@ -97,7 +104,11 @@ var MainActions = function (_a) {
     }, React__default.default.createElement(index.Menu, {
       align: "right",
       button: React__default.default.createElement(IconButton.IconButton, {
-        label: 'Open default action overflow menu',
+        label: formatMessage({
+          id: 'kzTitleBlock.defaultActionMinimizedOverflowMenuLabel',
+          defaultMessage: 'Open default action overflow menu',
+          description: 'Label for the dropdown menu which displays the default action item'
+        }),
         reversed: reversed,
         icon: React__default.default.createElement(Icon.Icon, {
           name: "more_horiz",

package/dist/cjs/src/TitleBlock/subcomponents/SecondaryActions.cjs

@@ -2,6 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
+var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var Button = require('../../ButtonV1/Button/Button.cjs');
 var IconButton = require('../../ButtonV1/IconButton/IconButton.cjs');
 var Icon = require('../../Icon/Icon.cjs');
@@ -17,7 +18,7 @@ function _interopDefault(e) {
   };
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
-var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed) {
+var renderSecondaryOverflowMenu = function (menuAriaLabel, menuLabel, secondaryOverflowMenuItems, reversed) {
   if (!secondaryOverflowMenuItems || secondaryOverflowMenuItems.length === 0) return undefined;
   return React__default.default.createElement("div", {
     className: TitleBlock_module.secondaryOverflowMenu
@@ -26,7 +27,8 @@ var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed
     button: React__default.default.createElement(Button.Button, {
       secondary: true,
       reversed: reversed,
-      label: "Menu",
+      label: menuLabel,
+      "aria-label": menuAriaLabel,
       "data-automation-id": constants.TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,
       "data-testid": constants.TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,
       icon: React__default.default.createElement(Icon.Icon, {
@@ -42,7 +44,7 @@ var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed
   }))));
 };
 // New: combined overflow menu (secondary actions converted + overflow menu items)
-var renderCombinedSecondaryOverflowMenu = function (secondaryActions, secondaryOverflowMenuItems, reversed) {
+var renderCombinedSecondaryOverflowMenu = function (combinedMenuLabel, secondaryActions, secondaryOverflowMenuItems, reversed) {
   var secondaryConverted = secondaryActions ? utils.convertSecondaryActionsToMenuItems(secondaryActions) : [];
   var overflowItems = secondaryOverflowMenuItems !== null && secondaryOverflowMenuItems !== void 0 ? secondaryOverflowMenuItems : [];
   if (secondaryConverted.length === 0 && overflowItems.length === 0) return undefined;
@@ -52,7 +54,7 @@ var renderCombinedSecondaryOverflowMenu = function (secondaryActions, secondaryO
   }, React__default.default.createElement(index.Menu, {
     align: "right",
     button: React__default.default.createElement(IconButton.IconButton, {
-      label: "Open combined secondary + overflow menu",
+      label: combinedMenuLabel,
       reversed: reversed,
       icon: React__default.default.createElement(Icon.Icon, {
         name: "more_horiz",
@@ -74,7 +76,23 @@ var SecondaryActions = function (_a) {
     secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
     _b = _a.reversed,
     reversed = _b === void 0 ? false : _b;
+  var formatMessage = i18nReactIntl.useIntl().formatMessage;
   if (!secondaryActions && !secondaryOverflowMenuItems) return null;
+  var menuLabel = formatMessage({
+    id: 'kzTitleBlock.overflowMenuLabel',
+    defaultMessage: 'Menu',
+    description: 'Label for the dropdown menu which displays additional action items'
+  });
+  var menuAriaLabel = formatMessage({
+    id: 'kzTitleBlock.overflowMenuAriaLabel',
+    defaultMessage: 'Opens overflow menu',
+    description: 'Aria Label for the dropdown menu which displays additional action items'
+  });
+  var combinedMenuLabel = formatMessage({
+    id: 'kzTitleBlock.combinedOverflowMenuLabel',
+    defaultMessage: 'Open combined secondary and overflow menu',
+    description: 'Label for the dropdown menu which displays additional action items and secondary actions'
+  });
   var secondaryActionsAsToolbarItems = secondaryActions ? secondaryActions.map(function (action, i) {
     if ('menuItems' in action) {
       return {
@@ -118,8 +136,8 @@ var SecondaryActions = function (_a) {
       };
     }
   }) : [];
-  var overflowMenu = renderSecondaryOverflowMenu(secondaryOverflowMenuItems, reversed);
-  var combinedOverflowMenu = renderCombinedSecondaryOverflowMenu(secondaryActions, secondaryOverflowMenuItems, reversed);
+  var overflowMenu = renderSecondaryOverflowMenu(menuAriaLabel, menuLabel, secondaryOverflowMenuItems, reversed);
+  var combinedOverflowMenu = renderCombinedSecondaryOverflowMenu(combinedMenuLabel, secondaryActions, secondaryOverflowMenuItems, reversed);
   var toolbarItems = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], secondaryActionsAsToolbarItems, true), overflowMenu ? [{
     key: 'overflowMenu',
     node: overflowMenu

package/dist/esm/src/TitleBlock/TitleBlock.mjs

@@ -1,5 +1,6 @@
 import { __assign } from 'tslib';
 import React from 'react';
+import { useIntl } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import { Avatar } from '../Avatar/Avatar.mjs';
 import '../ButtonV1/Button/Button.mjs';
@@ -204,6 +205,7 @@ const TitleBlock = /*#__PURE__*/function () {
       isSmall = _o.isSmall,
       isMedium = _o.isMedium;
     var isSmallOrMediumViewport = isMedium || isSmall;
+    var formatMessage = useIntl().formatMessage;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       id: id,
       className: classnames(styles.titleBlock, styles["".concat(variant, "Variant")], Boolean(subtitle) && styles.hasSubtitle, Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect, collapseNavigationArea && !((_b = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _b !== void 0 ? _b : renderSectionTitle) && styles.collapseNavigationArea, title && title.length >= 30 && styles.hasLongTitle, subtitle && typeof subtitle === 'string' && subtitle.length >= 18 && styles.hasLongSubtitle, hasNavigationTabs && styles.hasNavigationTabs)
@@ -230,7 +232,11 @@ const TitleBlock = /*#__PURE__*/function () {
         name: "menu",
         isPresentational: true
       }),
-      label: "Open menu",
+      label: formatMessage({
+        id: 'kzTitleBlock.hamburgerMenuLabel',
+        defaultMessage: 'Open menu',
+        description: 'Label for the dropdown menu which displays navigation items'
+      }),
       reversed: isReversed(variant)
     }))), avatar && renderAvatar(avatar, avatarAutomationId), /*#__PURE__*/React.createElement("div", {
       className: styles.titleAndSubtitle

package/dist/esm/src/TitleBlock/subcomponents/MainActions.mjs

@@ -1,5 +1,6 @@
 import { __spreadArray, __assign } from 'tslib';
 import React from 'react';
+import { useIntl } from '@cultureamp/i18n-react-intl';
 import { Button } from '../../ButtonV1/Button/Button.mjs';
 import { IconButton } from '../../ButtonV1/IconButton/IconButton.mjs';
 import { Icon } from '../../Icon/Icon.mjs';
@@ -11,12 +12,12 @@ import { createTabletOverflowMenuItems, isMenuGroupNotButton } from '../utils.mj
 import { TitleBlockMenuItem } from './TitleBlockMenuItem.mjs';
 import { Toolbar } from './Toolbar.mjs';
 import styles from './MainActions.module.scss.mjs';
-var renderSecondaryAndOverflowMenu = function (secondaryOverflowMenuItems, reversed) {
+var renderSecondaryAndOverflowMenu = function (secondaryAndOverflowMenuLabel, secondaryOverflowMenuItems, reversed) {
   if (!secondaryOverflowMenuItems) return undefined;
   return /*#__PURE__*/React.createElement(Menu, {
     align: "right",
     button: /*#__PURE__*/React.createElement(IconButton, {
-      label: 'Open secondary and overflow menu',
+      label: secondaryAndOverflowMenuLabel,
       reversed: reversed,
       icon: /*#__PURE__*/React.createElement(Icon, {
         name: "more_horiz",
@@ -40,6 +41,12 @@ const MainActions = /*#__PURE__*/function () {
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
       _e = _a.reversed,
       reversed = _e === void 0 ? false : _e;
+    var formatMessage = useIntl().formatMessage;
+    var secondaryAndOverflowMenuLabel = formatMessage({
+      id: 'kzTitleBlock.secondaryAndOverflowMenuLabel',
+      defaultMessage: 'Open secondary and overflow menu',
+      description: 'Label for the dropdown menu which displays additional actions'
+    });
     var items;
     // Build combined secondary + overflow menu items once, to be spread into the toolbar items
     var secondaryAndOverflowMenu = [];
@@ -70,7 +77,7 @@ const MainActions = /*#__PURE__*/function () {
     if (allMenuItems.length > 0) {
       secondaryAndOverflowMenu.push({
         key: 'overflowMenu',
-        node: renderSecondaryAndOverflowMenu(allMenuItems, reversed)
+        node: renderSecondaryAndOverflowMenu(secondaryAndOverflowMenuLabel, allMenuItems, reversed)
       });
     }
     var defaultActionItem = defaultAction ? [{
@@ -90,7 +97,11 @@ const MainActions = /*#__PURE__*/function () {
       }, /*#__PURE__*/React.createElement(Menu, {
         align: "right",
         button: /*#__PURE__*/React.createElement(IconButton, {
-          label: 'Open default action overflow menu',
+          label: formatMessage({
+            id: 'kzTitleBlock.defaultActionMinimizedOverflowMenuLabel',
+            defaultMessage: 'Open default action overflow menu',
+            description: 'Label for the dropdown menu which displays the default action item'
+          }),
           reversed: reversed,
           icon: /*#__PURE__*/React.createElement(Icon, {
             name: "more_horiz",

package/dist/esm/src/TitleBlock/subcomponents/SecondaryActions.mjs

@@ -1,5 +1,6 @@
 import { __assign, __spreadArray } from 'tslib';
 import React from 'react';
+import { useIntl } from '@cultureamp/i18n-react-intl';
 import { Button } from '../../ButtonV1/Button/Button.mjs';
 import { IconButton } from '../../ButtonV1/IconButton/IconButton.mjs';
 import { Icon } from '../../Icon/Icon.mjs';
@@ -9,7 +10,7 @@ import { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from '../constants.mjs';
 import { convertSecondaryActionsToMenuItems } from '../utils.mjs';
 import { TitleBlockMenuItem } from './TitleBlockMenuItem.mjs';
 import { Toolbar } from './Toolbar.mjs';
-var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed) {
+var renderSecondaryOverflowMenu = function (menuAriaLabel, menuLabel, secondaryOverflowMenuItems, reversed) {
   if (!secondaryOverflowMenuItems || secondaryOverflowMenuItems.length === 0) return undefined;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.secondaryOverflowMenu
@@ -18,7 +19,8 @@ var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed
     button: /*#__PURE__*/React.createElement(Button, {
       secondary: true,
       reversed: reversed,
-      label: "Menu",
+      label: menuLabel,
+      "aria-label": menuAriaLabel,
       "data-automation-id": TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,
       "data-testid": TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,
       icon: /*#__PURE__*/React.createElement(Icon, {
@@ -34,7 +36,7 @@ var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed
   }))));
 };
 // New: combined overflow menu (secondary actions converted + overflow menu items)
-var renderCombinedSecondaryOverflowMenu = function (secondaryActions, secondaryOverflowMenuItems, reversed) {
+var renderCombinedSecondaryOverflowMenu = function (combinedMenuLabel, secondaryActions, secondaryOverflowMenuItems, reversed) {
   var secondaryConverted = secondaryActions ? convertSecondaryActionsToMenuItems(secondaryActions) : [];
   var overflowItems = secondaryOverflowMenuItems !== null && secondaryOverflowMenuItems !== void 0 ? secondaryOverflowMenuItems : [];
   if (secondaryConverted.length === 0 && overflowItems.length === 0) return undefined;
@@ -44,7 +46,7 @@ var renderCombinedSecondaryOverflowMenu = function (secondaryActions, secondaryO
   }, /*#__PURE__*/React.createElement(Menu, {
     align: "right",
     button: /*#__PURE__*/React.createElement(IconButton, {
-      label: "Open combined secondary + overflow menu",
+      label: combinedMenuLabel,
       reversed: reversed,
       icon: /*#__PURE__*/React.createElement(Icon, {
         name: "more_horiz",
@@ -67,7 +69,23 @@ const SecondaryActions = /*#__PURE__*/function () {
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
       _b = _a.reversed,
       reversed = _b === void 0 ? false : _b;
+    var formatMessage = useIntl().formatMessage;
     if (!secondaryActions && !secondaryOverflowMenuItems) return null;
+    var menuLabel = formatMessage({
+      id: 'kzTitleBlock.overflowMenuLabel',
+      defaultMessage: 'Menu',
+      description: 'Label for the dropdown menu which displays additional action items'
+    });
+    var menuAriaLabel = formatMessage({
+      id: 'kzTitleBlock.overflowMenuAriaLabel',
+      defaultMessage: 'Opens overflow menu',
+      description: 'Aria Label for the dropdown menu which displays additional action items'
+    });
+    var combinedMenuLabel = formatMessage({
+      id: 'kzTitleBlock.combinedOverflowMenuLabel',
+      defaultMessage: 'Open combined secondary and overflow menu',
+      description: 'Label for the dropdown menu which displays additional action items and secondary actions'
+    });
     var secondaryActionsAsToolbarItems = secondaryActions ? secondaryActions.map(function (action, i) {
       if ('menuItems' in action) {
         return {
@@ -111,8 +129,8 @@ const SecondaryActions = /*#__PURE__*/function () {
         };
       }
     }) : [];
-    var overflowMenu = renderSecondaryOverflowMenu(secondaryOverflowMenuItems, reversed);
-    var combinedOverflowMenu = renderCombinedSecondaryOverflowMenu(secondaryActions, secondaryOverflowMenuItems, reversed);
+    var overflowMenu = renderSecondaryOverflowMenu(menuAriaLabel, menuLabel, secondaryOverflowMenuItems, reversed);
+    var combinedOverflowMenu = renderCombinedSecondaryOverflowMenu(combinedMenuLabel, secondaryActions, secondaryOverflowMenuItems, reversed);
     var toolbarItems = __spreadArray(__spreadArray(__spreadArray([], secondaryActionsAsToolbarItems, true), overflowMenu ? [{
       key: 'overflowMenu',
       node: overflowMenu

package/dist/styles.css

@@ -10248,7 +10248,6 @@
     display: none;
     align-self: self-start;
     box-sizing: border-box;
-    overflow: hidden;
     height: 3rem;
     width: 3rem;
     margin-inline-end: calc(1.5rem / 2);
@@ -10258,6 +10257,7 @@
     max-width: 100%;
   }
   .TitleBlock-module_avatar__mEjJ8.TitleBlock-module_withBorder__D8Mz2 {
+    overflow: hidden;
     border: 3px solid var(--color-white, #ffffff);
     border-radius: 50%;
   }

package/locales/ar.json

@@ -220,6 +220,30 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "إخفاء المعلومات:"
   },
+  "kzTitleBlock.combinedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items and secondary actions",
+    "message" : "افتح القائمة الثانوية وقائمة الخيارات الإضافية"
+  },
+  "kzTitleBlock.defaultActionMinimizedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays the default action item",
+    "message" : "افتح قائمة الخيارات الإضافية للإجراء الافتراضي"
+  },
+  "kzTitleBlock.hamburgerMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays navigation items",
+    "message" : "فتح القائمة"
+  },
+  "kzTitleBlock.overflowMenuAriaLabel" : {
+    "description" : "Aria Label for the dropdown menu which displays additional action items",
+    "message" : "يفتح قائمة الخيارات الإضافية"
+  },
+  "kzTitleBlock.overflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items",
+    "message" : "القائمة"
+  },
+  "kzTitleBlock.secondaryAndOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional actions",
+    "message" : "افتح القائمة الثانوية وقائمة الخيارات الإضافية"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "عرض الاقتراحات لـ {field}"
@@ -227,9 +251,5 @@
   "singleSelect.clearButtonAlt_v2" : {
     "description" : "Alt text for the clear selection button. The button clears the selection the user has made via a dropdown. The field placeholder is the label of the dropdown.",
     "message" : "محو الاختيار: {field}"
-  },
-  "splitButton.dropdownButton.label" : {
-    "description" : "Label for a dropdown menu holding additional actions",
-    "message" : "إجراءات إضافية"
   }
 }

package/locales/bg.json

@@ -220,6 +220,30 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Скриване на информация:"
   },
+  "kzTitleBlock.combinedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items and secondary actions",
+    "message" : "Отваряне на комбинираното вторично и допълнително меню"
+  },
+  "kzTitleBlock.defaultActionMinimizedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays the default action item",
+    "message" : "Отваряне на допълнителното меню с действия по подразбиране"
+  },
+  "kzTitleBlock.hamburgerMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays navigation items",
+    "message" : "Отваряне на менюто"
+  },
+  "kzTitleBlock.overflowMenuAriaLabel" : {
+    "description" : "Aria Label for the dropdown menu which displays additional action items",
+    "message" : "Отваря допълнителното меню"
+  },
+  "kzTitleBlock.overflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items",
+    "message" : "Меню"
+  },
+  "kzTitleBlock.secondaryAndOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional actions",
+    "message" : "Отваряне на вторичното и допълнително меню"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Покажи предложения за {field}"
@@ -227,9 +251,5 @@
   "singleSelect.clearButtonAlt_v2" : {
     "description" : "Alt text for the clear selection button. The button clears the selection the user has made via a dropdown. The field placeholder is the label of the dropdown.",
     "message" : "Изчистване на избора: {field}"
-  },
-  "splitButton.dropdownButton.label" : {
-    "description" : "Label for a dropdown menu holding additional actions",
-    "message" : "Допълнителни действия"
   }
 }

package/locales/cs.json

@@ -220,6 +220,30 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Skrýt informace:"
   },
+  "kzTitleBlock.combinedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items and secondary actions",
+    "message" : "Otevřít kombinovanou sekundární a rozbalovací nabídku"
+  },
+  "kzTitleBlock.defaultActionMinimizedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays the default action item",
+    "message" : "Otevřít výchozí rozbalovací nabídku akcí"
+  },
+  "kzTitleBlock.hamburgerMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays navigation items",
+    "message" : "Otevřít nabídku"
+  },
+  "kzTitleBlock.overflowMenuAriaLabel" : {
+    "description" : "Aria Label for the dropdown menu which displays additional action items",
+    "message" : "Otevře rozbalovací nabídku"
+  },
+  "kzTitleBlock.overflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items",
+    "message" : "Nabídka"
+  },
+  "kzTitleBlock.secondaryAndOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional actions",
+    "message" : "Otevřít sekundární a rozbalovací nabídku"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Zobrazit návrhy pro pole {field}"
@@ -227,9 +251,5 @@
   "singleSelect.clearButtonAlt_v2" : {
     "description" : "Alt text for the clear selection button. The button clears the selection the user has made via a dropdown. The field placeholder is the label of the dropdown.",
     "message" : "Vymazat výběr: {field}"
-  },
-  "splitButton.dropdownButton.label" : {
-    "description" : "Label for a dropdown menu holding additional actions",
-    "message" : "Další akce"
   }
 }

package/locales/cy.json

@@ -220,6 +220,30 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Cuddio gwybodaeth:"
   },
+  "kzTitleBlock.combinedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items and secondary actions",
+    "message" : "Agor y ddewislen eilaidd ac orlif gyfunol"
+  },
+  "kzTitleBlock.defaultActionMinimizedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays the default action item",
+    "message" : "Agor y ddewislen orlif gweithredu ddiofyn"
+  },
+  "kzTitleBlock.hamburgerMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays navigation items",
+    "message" : "Agor y ddewislen"
+  },
+  "kzTitleBlock.overflowMenuAriaLabel" : {
+    "description" : "Aria Label for the dropdown menu which displays additional action items",
+    "message" : "Yn agor y ddewislen orlif"
+  },
+  "kzTitleBlock.overflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items",
+    "message" : "Dewislen"
+  },
+  "kzTitleBlock.secondaryAndOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional actions",
+    "message" : "Agor y ddewislen eilaidd ac orlif"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Dangos awgrymiadau ar gyfer {field}"
@@ -227,9 +251,5 @@
   "singleSelect.clearButtonAlt_v2" : {
     "description" : "Alt text for the clear selection button. The button clears the selection the user has made via a dropdown. The field placeholder is the label of the dropdown.",
     "message" : "Clirio'r dewisiad: {field}"
-  },
-  "splitButton.dropdownButton.label" : {
-    "description" : "Label for a dropdown menu holding additional actions",
-    "message" : "Gweithredoedd ychwanegol"
   }
 }

package/locales/da.json

@@ -220,6 +220,30 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Skjul oplysninger:"
   },
+  "kzTitleBlock.combinedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items and secondary actions",
+    "message" : "Åbn kombineret sekundær og overløbsmenu"
+  },
+  "kzTitleBlock.defaultActionMinimizedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays the default action item",
+    "message" : "Åbn standardoverløbsmenu for handlinger"
+  },
+  "kzTitleBlock.hamburgerMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays navigation items",
+    "message" : "Åbn menu"
+  },
+  "kzTitleBlock.overflowMenuAriaLabel" : {
+    "description" : "Aria Label for the dropdown menu which displays additional action items",
+    "message" : "Åbner overløbsmenuen"
+  },
+  "kzTitleBlock.overflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items",
+    "message" : "Menu"
+  },
+  "kzTitleBlock.secondaryAndOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional actions",
+    "message" : "Åbn sekundær og overløbsmenu"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Vis forslag for {field}"
@@ -227,9 +251,5 @@
   "singleSelect.clearButtonAlt_v2" : {
     "description" : "Alt text for the clear selection button. The button clears the selection the user has made via a dropdown. The field placeholder is the label of the dropdown.",
     "message" : "Ryd valg: {field}"
-  },
-  "splitButton.dropdownButton.label" : {
-    "description" : "Label for a dropdown menu holding additional actions",
-    "message" : "Yderligere handlinger"
   }
 }

package/locales/de.json

@@ -220,6 +220,30 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Informationen ausblenden:"
   },
+  "kzTitleBlock.combinedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items and secondary actions",
+    "message" : "Kombiniertes Sekundär- und Überlaufmenü öffnen"
+  },
+  "kzTitleBlock.defaultActionMinimizedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays the default action item",
+    "message" : "Standard-Maßnahmen-Überlaufmenü öffnen"
+  },
+  "kzTitleBlock.hamburgerMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays navigation items",
+    "message" : "Menü öffnen"
+  },
+  "kzTitleBlock.overflowMenuAriaLabel" : {
+    "description" : "Aria Label for the dropdown menu which displays additional action items",
+    "message" : "Öffnet das Überlaufmenü"
+  },
+  "kzTitleBlock.overflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items",
+    "message" : "Menü"
+  },
+  "kzTitleBlock.secondaryAndOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional actions",
+    "message" : "Sekundär- und Überlaufmenü öffnen"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Vorschläge für {field} anzeigen"
@@ -227,9 +251,5 @@
   "singleSelect.clearButtonAlt_v2" : {
     "description" : "Alt text for the clear selection button. The button clears the selection the user has made via a dropdown. The field placeholder is the label of the dropdown.",
     "message" : "Auswahl löschen: {field}"
-  },
-  "splitButton.dropdownButton.label" : {
-    "description" : "Label for a dropdown menu holding additional actions",
-    "message" : "Zusätzliche Maßnahmen"
   }
 }

package/locales/el.json

@@ -220,6 +220,30 @@
     "description" : "Prompts user to interact with button to hide information",
     "message" : "Κρύψτε πληροφορίες:"
   },
+  "kzTitleBlock.combinedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items and secondary actions",
+    "message" : "Άνοιγμα συνδυαστικού δευτερεύοντος μενού και μενού υπερχείλισης"
+  },
+  "kzTitleBlock.defaultActionMinimizedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays the default action item",
+    "message" : "Άνοιγμα μενού υπερχείλισης προεπιλεγμένων ενεργειών"
+  },
+  "kzTitleBlock.hamburgerMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays navigation items",
+    "message" : "Άνοιγμα μενού"
+  },
+  "kzTitleBlock.overflowMenuAriaLabel" : {
+    "description" : "Aria Label for the dropdown menu which displays additional action items",
+    "message" : "Άνοιγμα μενού υπερχείλισης"
+  },
+  "kzTitleBlock.overflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items",
+    "message" : "Μενού"
+  },
+  "kzTitleBlock.secondaryAndOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional actions",
+    "message" : "Άνοιγμα δευτερεύοντος μενού και μενού υπερχείλισης"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Εμφάνιση προτάσεων για το πεδίο \"{field}\""
@@ -227,9 +251,5 @@
   "singleSelect.clearButtonAlt_v2" : {
     "description" : "Alt text for the clear selection button. The button clears the selection the user has made via a dropdown. The field placeholder is the label of the dropdown.",
     "message" : "Απαλοιφή επιλογής: {field}"
-  },
-  "splitButton.dropdownButton.label" : {
-    "description" : "Label for a dropdown menu holding additional actions",
-    "message" : "Περαιτέρω ενέργειες"
   }
 }