@kaizen/components 1.49.3 → 1.50.0

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var InputSearch = require('../../../../Input/InputSearch/InputSearch.cjs');
 require('../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 var SelectionProvider = require('../../context/SelectionProvider/SelectionProvider.cjs');
@@ -15,6 +16,7 @@ var SearchInput = function (_a) {
   var label = _a.label,
     id = _a.id,
     isLoading = _a.isLoading;
+  var formatMessage = i18nReactIntl.useIntl().formatMessage;
   var _b = SelectionProvider.useSelectionContext(),
     setSearchQuery = _b.setSearchQuery,
     searchQuery = _b.searchQuery;
@@ -26,13 +28,23 @@ var SearchInput = function (_a) {
   };
   var reactId = React.useId();
   var inputId = id !== null && id !== void 0 ? id : reactId;
+  var defaultAriaLabel = formatMessage({
+    id: "filterMultiSelectSearchInput.label",
+    defaultMessage: "Filter options by search query",
+    description: "Label for the search input"
+  });
+  var placeholder = formatMessage({
+    id: "filterMultiSelectSearchInput.placeholder",
+    defaultMessage: "Search…",
+    description: "Placeholder for the search input"
+  });
   return React__default.default.createElement("div", {
     className: SearchInput_module.inputSearchContainer
   }, React__default.default.createElement(InputSearch.InputSearch, {
     id: inputId,
-    "aria-label": label !== null && label !== void 0 ? label : "Filter options by search query",
+    "aria-label": label !== null && label !== void 0 ? label : defaultAriaLabel,
     secondary: true,
-    placeholder: "Search\u2026",
+    placeholder: placeholder,
     value: searchQuery,
     onChange: handleChange,
     onClear: handleClear,

package/dist/cjs/Input/InputSearch/InputSearch.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 ClearButton = require('../../ClearButton/ClearButton.cjs');
 var SearchIcon = require('../../Icon/SearchIcon.cjs');
@@ -31,12 +32,18 @@ var InputSearch = function (props) {
     _c = props.secondary,
     secondary = _c === void 0 ? false : _c,
     restProps = tslib.__rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
+  var formatMessage = i18nReactIntl.useIntl().formatMessage;
   var inputRef = React.useRef(null);
   var handleOnClear = function () {
     var _a;
     (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     onClear && onClear();
   };
+  var clearButtonLabel = formatMessage({
+    id: "inputSearch.clear",
+    defaultMessage: "Clear search",
+    description: "Label for the clear search button"
+  });
   return React__default.default.createElement("div", {
     className: classnames__default.default(InputSearch_module.wrapper, secondary ? InputSearch_module.secondary : InputSearch_module.default, reversed && InputSearch_module.reversed, disabled && InputSearch_module.disabled, value && InputSearch_module.hasEndIconAdornment, classNameOverride)
   }, React__default.default.createElement("div", {
@@ -62,7 +69,7 @@ var InputSearch = function (props) {
     onClick: handleOnClear,
     disabled: disabled,
     classNameOverride: InputSearch_module.endIconAdornment,
-    "aria-label": "clear search"
+    "aria-label": clearButtonLabel
   }));
 };
 InputSearch.displayName = "InputSearch";

package/dist/esm/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.mjs

@@ -1,4 +1,5 @@
 import React, { useId } from 'react';
+import { useIntl } from '@cultureamp/i18n-react-intl';
 import { InputSearch } from '../../../../Input/InputSearch/InputSearch.mjs';
 import '../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import { useSelectionContext } from '../../context/SelectionProvider/SelectionProvider.mjs';
@@ -8,6 +9,7 @@ const SearchInput = /*#__PURE__*/function () {
     var label = _a.label,
       id = _a.id,
       isLoading = _a.isLoading;
+    var formatMessage = useIntl().formatMessage;
     var _b = useSelectionContext(),
       setSearchQuery = _b.setSearchQuery,
       searchQuery = _b.searchQuery;
@@ -19,13 +21,23 @@ const SearchInput = /*#__PURE__*/function () {
     };
     var reactId = useId();
     var inputId = id !== null && id !== void 0 ? id : reactId;
+    var defaultAriaLabel = formatMessage({
+      id: "filterMultiSelectSearchInput.label",
+      defaultMessage: "Filter options by search query",
+      description: "Label for the search input"
+    });
+    var placeholder = formatMessage({
+      id: "filterMultiSelectSearchInput.placeholder",
+      defaultMessage: "Search…",
+      description: "Placeholder for the search input"
+    });
     return /*#__PURE__*/React.createElement("div", {
       className: styles.inputSearchContainer
     }, /*#__PURE__*/React.createElement(InputSearch, {
       id: inputId,
-      "aria-label": label !== null && label !== void 0 ? label : "Filter options by search query",
+      "aria-label": label !== null && label !== void 0 ? label : defaultAriaLabel,
       secondary: true,
-      placeholder: "Search\u2026",
+      placeholder: placeholder,
       value: searchQuery,
       onChange: handleChange,
       onClear: handleClear,

package/dist/esm/Input/InputSearch/InputSearch.mjs

@@ -1,5 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { useRef } from 'react';
+import { useIntl } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import { ClearButton } from '../../ClearButton/ClearButton.mjs';
 import { SearchIcon } from '../../Icon/SearchIcon.mjs';
@@ -23,12 +24,18 @@ const InputSearch = /*#__PURE__*/function () {
       _c = props.secondary,
       secondary = _c === void 0 ? false : _c,
       restProps = __rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
+    var formatMessage = useIntl().formatMessage;
     var inputRef = useRef(null);
     var handleOnClear = function () {
       var _a;
       (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
       onClear && onClear();
     };
+    var clearButtonLabel = formatMessage({
+      id: "inputSearch.clear",
+      defaultMessage: "Clear search",
+      description: "Label for the clear search button"
+    });
     return /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.wrapper, secondary ? styles.secondary : styles.default, reversed && styles.reversed, disabled && styles.disabled, value && styles.hasEndIconAdornment, classNameOverride)
     }, /*#__PURE__*/React.createElement("div", {
@@ -54,7 +61,7 @@ const InputSearch = /*#__PURE__*/function () {
       onClick: handleOnClear,
       disabled: disabled,
       classNameOverride: styles.endIconAdornment,
-      "aria-label": "clear search"
+      "aria-label": clearButtonLabel
     })));
   };
   InputSearch.displayName = "InputSearch";

package/dist/styles.css

@@ -2,12 +2,12 @@
 .Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
 .Main-module_main__hMyB1{z-index:0}
 .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
-.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
 .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
-.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
 .Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
+.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
 .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
+.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
 .SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
 .Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}

package/locales/ar.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "التاريخ إلى"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "خيارات التصفية حسب استعلام البحث"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "بحث..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "مسح البحث"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "اتصل بالدعم"

package/locales/bg.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "До дата"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Опции за филтриране по заявка за търсене"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Търсене..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Изчисти търсенето"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "се свържете с екипа за поддръжка"

package/locales/cs.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Datum do"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Vyhledat..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "kontaktovat podporu"

package/locales/cy.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Dyddiad i"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Hidlo opsiynau yn ôl ymholiad chwilio"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Chwilio ..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clirio chwiliad"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "cysylltu â chymorth"

package/locales/da.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Til dato"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Søg …"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "kontakt support"

package/locales/de.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Datum bis"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filteroptionen nach Suchanfrage"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Suche läuft …"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Suche löschen"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "kontaktieren Sie den Support,"

package/locales/el.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Ημερομηνία έως"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Φιλτράρισμα επιλογών κατά ερώτημα αναζήτησης"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Αναζήτηση…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Διαγραφή αναζήτησης"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "επικοινωνήστε με την Υποστήριξη,"

package/locales/en-GB.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Date to"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Search…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "contact support"

package/locales/en.json

@@ -22,6 +22,18 @@
     "description": "Label for the 'date to' field",
     "message": "Date to"
   },
+  "filterMultiSelectSearchInput.label": {
+    "description": "Label for the search input",
+    "message": "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder": {
+    "description": "Placeholder for the search input",
+    "message": "Search…"
+  },
+  "inputSearch.clear": {
+    "description": "Label for the clear search button",
+    "message": "Clear search"
+  },
   "kzErrorPage": {
     "description": "Label for contact button",
     "message": "Contact support"

package/locales/es-419.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Fecha hasta"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Buscar..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "contacte al servicio de asistencia"

package/locales/es.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Fecha final"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Buscar…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "Póngase en contacto con el servicio de asistencia"

package/locales/et.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Kuupäev kuni"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filtreerimisvalikud otsingupäringu järgi"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Otsing..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Tühjenda otsing"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "võtke ühendust toega"

package/locales/fi.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Päättymispäivä"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Hae…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "ota yhteyttä tukeen,"

package/locales/fr-CA.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Date de fin"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Rechercher..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "Contactez l'assistance"

package/locales/fr.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Date de fin"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Rechercher..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "contactez l'assistance"

package/locales/he.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "עד"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Search…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "צור קשר עם צוות התמיכה"

package/locales/hi.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "तारीख तक"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "खोज की जा रही है..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "सहायता से संपर्क करें"

package/locales/ht.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Rive nan dat"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Rechèch..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "Kontakte sèvis sipò a"

package/locales/hu.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Dátum eddig:"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Lehetőségek szűrése keresési lekérdezés alapján"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Keresés…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Keresés törlése"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "forduljon az ügyfélszolgálathoz."

package/locales/id.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Tanggal sampai"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter opsi berdasarkan kueri pencarian"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Cari…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Hapus pencarian"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "dukungan kontak"

package/locales/it.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Data di fine"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filtra le opzioni in base alla query di ricerca"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Cerca…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Cancella ricerca"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "contatta l'assistenza"

package/locales/ja.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "終了日"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "検索クエリによるオプションを絞り込む"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "検索..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "検索をクリア"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "サポートまでご連絡ください"

package/locales/km-KH.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "កាលបរិច្ឆេទទៅ"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "ស្វែងរក..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "ទាក់ទងផ្នែកគាំទ្រ"

package/locales/ko.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "종료 날짜"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "검색어별 필터링 옵션"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "검색..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "검색 지우기"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "지원 센터에 문의하십시오."

package/locales/lt.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Data iki"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filtruoti parinktis pagal paieškos užklausą"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Paieška…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Išvalyti paiešką"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "kreipkitės į pagalbos tarnybą"

package/locales/lv.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Datums līdz"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filtrēt opcijas pēc meklēšanas vaicājuma"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Meklēt…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Notīrīt meklēšanu"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "sazinieties ar atbalsta dienestu"

package/locales/mi.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Date to"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Rapua"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "whakapā ki te kapa tautoko."

package/locales/ms.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Tarikh hingga"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Tapis pilihan mengikut pertanyaan carian"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Cari…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Kosongkan carian"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "hubungi bahagian sokongan"

package/locales/nb.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Dato til"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Søk …"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "kontakt kundestøtten"

package/locales/nl.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Datum tot"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Zoeken…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "neem contact op met de ondersteuning"

package/locales/pl.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Data zakończenia"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Wyszukaj..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "skontaktuj się z działem wsparcia"

package/locales/pt-BR.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Data final"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Opções de filtro por consulta"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Pesquisa…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Limpar pesquisa"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "entre em contato com o suporte"

package/locales/pt.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Data final"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Procurar…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "entre em contato com o suporte"

package/locales/ro.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Data până la"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Opțiuni de filtrare după interogarea de căutare"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Căutare…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Ștergere căutare"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "contactați asistența"

package/locales/ru.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Дата по"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Параметры фильтрации по поисковому запросу"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Поиск..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Очистить поиск"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "обратитесь в службу поддержки,"

package/locales/si-LK.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "දිනය දක්වා"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "සොයන්න…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "සහය හා සම්බන්ධ වන්න"

package/locales/sk.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Dátum do"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Vyhľadáva sa..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "sa obráťte na podporu,"

package/locales/sr.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Datum „Do“"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filtriranje opcija po upitu pretrage"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Pretraga..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Obriši pretragu"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "kontaktirajte podršku"

package/locales/sv.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Slutdatum"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filtrera alternativ efter sökfråga"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Sök …"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Rensa sökning"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "kontakta supporten"

package/locales/th.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "จนถึงวันที่"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "กรองตัวเลือกตามคิวรีการค้นหา"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "ค้นหา…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "ล้างการค้นหา"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "ติดต่อฝ่ายสนับสนุน"

package/locales/tl.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Petsa hanggang"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "I-filter ang mga opsyon ayon sa query sa paghahanap"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Hanapin..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "I-clear ang paghahanap"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "makipag-ugnayan sa suporta"

package/locales/tr.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Şu tarihe kadar"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Ara..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "sorun devam ederse"

package/locales/uk.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Дата по"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Параметри фільтрування за пошуковим запитом"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Пошук…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Очистити пошук"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "зверніться до служби підтримки,"

package/locales/vi.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "Ngày đến"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Tùy chọn lọc theo truy vấn tìm kiếm"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Tìm kiếm…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Tìm kiếm rõ ràng"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "liên hệ với bộ phận hỗ trợ"

package/locales/zh-TW.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "結束日期："
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Filter options by search query"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "搜尋..."
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Clear search"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "聯絡支援中心"

package/locales/zh.json

@@ -21,6 +21,18 @@
     "description" : "Label for the 'date to' field",
     "message" : "结束日期"
   },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "按搜索查询筛选选项"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "搜索…"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "清除搜索"
+  },
   "kzErrorPage" : {
     "description" : "Label for contact button",
     "message" : "联系支持人员"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.49.3",
+  "version": "1.50.0",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -96,7 +96,7 @@
     "tslib": "^2.6.3",
     "tsx": "^4.15.1",
     "@kaizen/design-tokens": "10.4.1",
-    "@kaizen/package-bundler": "1.1.1"
+    "@kaizen/package-bundler": "1.1.2"
   },
   "devDependenciesComments": {
     "postcss": "Installed in root",

package/src/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.tsx

@@ -1,4 +1,5 @@
 import React, { useId } from "react"
+import { useIntl } from "@cultureamp/i18n-react-intl"
 import { InputSearch } from "~components/Input/InputSearch"
 import { useSelectionContext } from "../../context"
 import styles from "./SearchInput.module.scss"
@@ -14,6 +15,7 @@ export const SearchInput = ({
   id,
   isLoading,
 }: SearchInputProps): JSX.Element => {
+  const { formatMessage } = useIntl()
   const { setSearchQuery, searchQuery } = useSelectionContext()
 
   const handleChange: React.ChangeEventHandler<HTMLInputElement> = e => {
@@ -25,13 +27,24 @@ export const SearchInput = ({
   const reactId = useId()
   const inputId = id ?? reactId
 
+  const defaultAriaLabel = formatMessage({
+    id: "filterMultiSelectSearchInput.label",
+    defaultMessage: "Filter options by search query",
+    description: "Label for the search input",
+  })
+  const placeholder = formatMessage({
+    id: "filterMultiSelectSearchInput.placeholder",
+    defaultMessage: "Search…",
+    description: "Placeholder for the search input",
+  })
+
   return (
     <div className={styles.inputSearchContainer}>
       <InputSearch
         id={inputId}
-        aria-label={label ?? "Filter options by search query"}
+        aria-label={label ?? defaultAriaLabel}
         secondary
-        placeholder="Search…"
+        placeholder={placeholder}
         value={searchQuery}
         onChange={handleChange}
         onClear={handleClear}

package/src/Input/InputSearch/InputSearch.tsx

@@ -1,4 +1,5 @@
 import React, { InputHTMLAttributes, useRef } from "react"
+import { useIntl } from "@cultureamp/i18n-react-intl"
 import classnames from "classnames"
 import { ClearButton } from "~components/ClearButton"
 import { SearchIcon } from "~components/Icon/SearchIcon"
@@ -29,12 +30,20 @@ export const InputSearch = (props: InputSearchProps): JSX.Element => {
     secondary = false,
     ...restProps
   } = props
+  const { formatMessage } = useIntl()
   const inputRef = useRef<HTMLInputElement>(null)
 
   const handleOnClear = (): void => {
     inputRef.current?.focus()
     onClear && onClear()
   }
+
+  const clearButtonLabel = formatMessage({
+    id: "inputSearch.clear",
+    defaultMessage: "Clear search",
+    description: "Label for the clear search button",
+  })
+
   return (
     <div
       className={classnames(
@@ -78,7 +87,7 @@ export const InputSearch = (props: InputSearchProps): JSX.Element => {
           onClick={handleOnClear}
           disabled={disabled}
           classNameOverride={styles.endIconAdornment}
-          aria-label="clear search"
+          aria-label={clearButtonLabel}
         />
       )}
     </div>