@kaizen/components 2.4.0 → 3.0.0

package/dist/types/Button/Button.d.ts

@@ -17,11 +17,6 @@ export type ButtonUIProps = {
     iconPosition?: 'start' | 'end';
     /** Controls if the button inherits width from its parent. @default "false" */
     isFullWidth?: boolean;
-    /**
-     * Controls the reversed style of Button
-     * @deprecated Use the ReversedColors Provider instead. This is here to support gradual migration to the ReversedColors Provider and will take precedence if a value is provided. {@link https://cultureamp.design/?path=/docs/actions-button-button-next-api-specification--docs#variants}
-     */
-    isReversed?: boolean;
 };
 export type ButtonProps = ButtonUIProps & PendingButtonProps & Omit<RACButtonProps, 'children'> & {
     /** Used as the label for the button. */

package/dist/types/Calendar/CalendarRange/CalendarRange.d.ts

@@ -1,11 +1,12 @@
 import { type PropsBase, type PropsRange } from 'react-day-picker';
 import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type DeprecatedReactDayPickerProps } from '../types';
 export type CalendarRangeElement = HTMLDivElement;
 export type CalendarRangeProps = {
     id?: string;
     onMount?: (calendarElement: CalendarRangeElement) => void;
     hasDivider?: boolean;
-} & OverrideClassName<Omit<PropsRange & Omit<PropsBase, 'mode'>, 'mode'>>;
+} & OverrideClassName<Omit<PropsRange & Omit<PropsBase, 'mode'>, 'mode' | DeprecatedReactDayPickerProps>>;
 export declare const CalendarRange: {
     ({ id, onMount, hasDivider, classNameOverride, selected, defaultMonth, numberOfMonths, locale, ...restProps }: CalendarRangeProps): JSX.Element;
     displayName: string;

package/dist/types/Calendar/CalendarSingle/CalendarSingle.d.ts

@@ -1,12 +1,13 @@
 import { type PropsBase, type PropsSingle } from 'react-day-picker';
 import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type DeprecatedReactDayPickerProps } from '../types';
 export type CalendarSingleElement = HTMLDivElement;
 export type CalendarSingleProps = {
     id?: string;
     onMount?: (calendarElement: CalendarSingleElement) => void;
     /** Exposes the react-day-picker component prop. Please be aware, consumers using this will have to guarentee functions as expected */
     components?: PropsBase['components'];
-} & OverrideClassName<Omit<PropsSingle & Omit<PropsBase, 'mode'>, 'mode'>>;
+} & OverrideClassName<Omit<PropsSingle & Omit<PropsBase, 'mode'>, 'mode' | DeprecatedReactDayPickerProps>>;
 export declare const CalendarSingle: {
     ({ id, onMount, classNameOverride, selected, defaultMonth, weekStartsOn, locale, components, ...restProps }: CalendarSingleProps): JSX.Element;
     displayName: string;

package/dist/types/Calendar/types.d.ts

@@ -2,6 +2,7 @@ import { type DateInterval, type DateRange, type DayPickerProps } from 'react-da
 import { type DayOfWeek } from './enums';
 export type { DateInterval, DateRange };
 export type DisabledDays = DayPickerProps['disabled'];
+export type DeprecatedReactDayPickerProps = 'fromDate' | 'fromMonth' | 'fromYear' | 'toDate' | 'toMonth' | 'toYear' | 'initialFocus' | 'onDayKeyUp' | 'onDayKeyPress' | 'onDayPointerEnter' | 'onDayPointerLeave' | 'onDayTouchCancel' | 'onDayTouchEnd' | 'onDayTouchMove' | 'onDayTouchStart' | 'onWeekNumberClick';
 export type DisabledDayMatchers = {
     /**
      * Accepts an array of singluar dates and disables them.

package/dist/types/GuidanceBlock/GuidanceBlock.d.ts

@@ -1,39 +1,18 @@
 import React from 'react';
-import { type ButtonProps as V1ButtonProps } from "../ButtonV1";
 import { type HeadingProps } from "../Heading";
 import { type SceneProps, type SpotProps } from "../Illustration";
-import { type TooltipProps } from "../TooltipV1";
 import { type VariantType } from './types';
-export type ActionProps = V1ButtonProps & {
-    'tooltip'?: TooltipProps;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-describedby'?: string;
-};
 type LayoutType = 'default' | 'inline' | 'stacked';
 type IllustrationType = 'spot' | 'scene';
 type TextAlignment = 'center' | 'left';
-type GuidanceBlockActions = {
-    primary: ActionProps;
-    secondary?: ActionProps;
-    dismiss?: {
-        onClick: () => void;
-    };
-};
 type BaseGuidanceBlockProps = {
     layout?: LayoutType;
     illustration: React.ReactElement<SpotProps | SceneProps>;
     illustrationType?: IllustrationType;
     smallScreenTextAlignment?: TextAlignment;
-    /** @deprecated use the `actionsSlot` prop with Button/next instead */
-    actions?: GuidanceBlockActions;
     /** A slot for the primary and secondary action. It is recommended to use the {@link https://cultureamp.design/?path=/docs/components-button-button-next-api-specification--docs | Button} or {@link https://cultureamp.design/?path=/docs/components-linkbutton-usage-guidelines--docs | LinkButton} wrapped in fragment. */
     actionsSlot?: React.ReactNode;
-    /** @deprecated this is no longer a used feature and is only the deprecated `actions` prop, ie: {secondary: { label: "Dismiss action" }}` */
-    secondaryDismiss?: boolean;
     variant?: VariantType;
-    /**  @deprecated use the `actionsSlot` and pass the icon into the JSX elements */
-    withActionButtonArrow?: boolean;
     noMaxWidth?: boolean;
 };
 type GuidanceBlockWithText = {
@@ -47,16 +26,12 @@ type GuidanceBlockPropsWithContent = {
     content: React.ReactElement;
 } & BaseGuidanceBlockProps;
 export type GuidanceBlockProps = GuidanceBlockWithText | GuidanceBlockPropsWithContent;
-export type GuidanceBlockState = {
-    hidden: boolean;
-    removed: boolean;
-};
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093807/Guidance+Block Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-guidanceblock--docs Storybook}
  */
 export declare const GuidanceBlock: {
-    ({ layout, variant, withActionButtonArrow, noMaxWidth, illustrationType, smallScreenTextAlignment, actions, illustration, secondaryDismiss, actionsSlot, ...restProps }: GuidanceBlockProps): JSX.Element;
+    ({ layout, variant, noMaxWidth, illustrationType, smallScreenTextAlignment, illustration, actionsSlot, ...restProps }: GuidanceBlockProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/types/Input/Input/Input.d.ts

@@ -10,12 +10,7 @@ export type InputProps = {
     endIconAdornment?: React.ReactNode;
     reversed?: boolean;
     type?: InputType;
-    /**
-     * @deprecated Use of placeholder text goes against our a11y standards.
-     * Use the `labelText` prop to provide a concise name, and the `description` prop for any help text.
-     */
-    placeholder?: string;
-} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
+} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, 'placeholder'>>;
 export declare const Input: {
     ({ inputRef, status, startIconAdornment, endIconAdornment, reversed, type, value, defaultValue, classNameOverride, disabled, ...restProps }: InputProps): JSX.Element;
     displayName: string;

package/dist/types/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.d.ts

@@ -12,15 +12,11 @@ export type ModalFooterProps = {
     'variant'?: ActionsVariantProps;
     'unpadded'?: boolean;
     'actions': ButtonProps[];
-    /**
-     * @deprecated we are no longer supporting different appearances for ModalFooter, instead there will only be a single default appearance set by the Button.
-     */
-    'appearance'?: 'primary' | 'destructive';
     'data-testid'?: string;
     'alignStart'?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const ModalFooter: {
-    ({ unpadded, actions, appearance, alignStart, variant, ...props }: ModalFooterProps): JSX.Element;
+    ({ unpadded, actions, alignStart, variant, ...props }: ModalFooterProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/types/Select/Select.d.ts

@@ -24,12 +24,7 @@ export type SelectProps = {
      * @default false
      */
     fullWidth?: boolean;
-    /**
-     * @deprecated Use of placeholder text goes against our a11y standards.
-     * Use the `labelText` prop to provide a concise name, and the `description` prop for any help text.
-     */
-    placeholder?: string;
-} & ReactSelectProps<any, boolean>;
+} & Omit<ReactSelectProps<any, boolean>, 'placeholder'>;
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
@@ -57,13 +52,8 @@ export declare const Select: React.ForwardRefExoticComponent<{
      * @default false
      */
     fullWidth?: boolean;
-    /**
-     * @deprecated Use of placeholder text goes against our a11y standards.
-     * Use the `labelText` prop to provide a concise name, and the `description` prop for any help text.
-     */
-    placeholder?: string;
-} & Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<any, boolean, import("react-select").GroupBase<any>>, "onChange" | "value" | "inputValue" | "onInputChange" | "menuIsOpen" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<any, boolean, import("react-select").GroupBase<any>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<any> & React.RefAttributes<any>>;
-interface AsyncProps extends ReactAsyncSelectProps<any, boolean, any>, ReactSelectProps<any, boolean, any> {
+} & Omit<ReactSelectProps<any, boolean>, "placeholder"> & React.RefAttributes<any>>;
+interface AsyncProps extends Omit<ReactAsyncSelectProps<any, boolean, any>, 'placeholder'>, Omit<ReactSelectProps<any, boolean, any>, 'placeholder'> {
 }
 export declare const AsyncSelect: React.ForwardRefExoticComponent<AsyncProps & React.RefAttributes<any>>;
 export {};

package/dist/types/SingleSelect/SingleSelect.d.ts

@@ -46,22 +46,17 @@ export type SingleSelectProps<Option extends SingleSelectOption = SingleSelectOp
      * Creates a portal for the Popover to the matching element id
      */
     portalContainerId?: string;
-    /**
-     * @deprecated Use of placeholder text goes against our a11y standards.
-     * Use the `labelText` prop to provide a concise name, and the `description` prop for any help text.
-     */
-    placeholder?: string;
     /**
      * Handler that is called when the selection changes.
      */
     onSelectionChange?: (key: Key) => void;
-} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>;
+} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps | 'placeholder'>>;
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
  */
 export declare const SingleSelect: {
-    <Option extends SingleSelectOption = SingleSelectOption>({ label, items, id: propsId, trigger, children, status, validationMessage, isReversed, isRequired, isFullWidth, classNameOverride, selectedKey, description, placeholder, isDisabled, onSelectionChange, portalContainerId, ...restProps }: SingleSelectProps<Option>): JSX.Element;
+    <Option extends SingleSelectOption = SingleSelectOption>({ label, items, id: propsId, trigger, children, status, validationMessage, isReversed, isRequired, isFullWidth, classNameOverride, selectedKey, description, isDisabled, onSelectionChange, portalContainerId, ...restProps }: SingleSelectProps<Option>): JSX.Element;
     displayName: string;
     Section: {
         <Option extends SingleSelectOption = SingleSelectOption>({ section, }: import("./subcomponents").ListBoxSectionProps<Option>): JSX.Element;
@@ -79,22 +74,5 @@ export declare const SingleSelect: {
         <Option extends SingleSelectOption = SingleSelectOption>({ item, }: import("./subcomponents").ListItemProps<Option>): JSX.Element;
         displayName: string;
     };
-    TriggerButton: React.ForwardRefExoticComponent<{
-        label: React.ReactNode;
-        labelProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
-        value: React.ReactNode;
-        valueProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
-        isOpen?: boolean;
-        placeholder?: string;
-        status?: "error" | "caution";
-        isDisabled?: boolean;
-        isReversed?: boolean;
-    } & Omit<React.HTMLAttributes<HTMLButtonElement>, "className"> & {
-        classNameOverride?: string;
-    } & React.RefAttributes<HTMLButtonElement>>;
-    ListBox: {
-        <Option extends SingleSelectOption>({ children, menuProps, classNameOverride, ...restProps }: import("./subcomponents").SingleListBoxProps<Option>): JSX.Element;
-        displayName: string;
-    };
 };
 export {};

package/dist/types/SingleSelect/subcomponents/SelectToggle/SelectToggle.d.ts

@@ -8,17 +8,12 @@ export type SelectToggleProps = {
     /** Props for the element representing the selected value. */
     valueProps: DOMAttributes<FocusableElement>;
     isOpen?: boolean;
-    /**
-     * @deprecated Use of placeholder text goes against our a11y standards.
-     * Use the `labelText` prop to provide a concise name, and the `description` prop for any help text.
-     */
-    placeholder?: string;
     /** Updates the styling of the validation. */
     status?: 'error' | 'caution';
     isDisabled?: boolean;
     /** Use the `reversed` styles. */
     isReversed?: boolean;
-} & OverrideClassName<HTMLAttributes<HTMLButtonElement>>;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLButtonElement>, 'placeholder'>>;
 export declare const SelectToggle: React.ForwardRefExoticComponent<{
     label: React.ReactNode;
     labelProps: DOMAttributes<FocusableElement>;
@@ -26,16 +21,11 @@ export declare const SelectToggle: React.ForwardRefExoticComponent<{
     /** Props for the element representing the selected value. */
     valueProps: DOMAttributes<FocusableElement>;
     isOpen?: boolean;
-    /**
-     * @deprecated Use of placeholder text goes against our a11y standards.
-     * Use the `labelText` prop to provide a concise name, and the `description` prop for any help text.
-     */
-    placeholder?: string;
     /** Updates the styling of the validation. */
     status?: "error" | "caution";
     isDisabled?: boolean;
     /** Use the `reversed` styles. */
     isReversed?: boolean;
-} & Omit<React.HTMLAttributes<HTMLButtonElement>, "className"> & {
+} & Omit<Omit<React.HTMLAttributes<HTMLButtonElement>, "placeholder">, "className"> & {
     classNameOverride?: string;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/TextArea/TextArea.d.ts

@@ -9,12 +9,7 @@ export type TextAreaProps = {
      */
     autogrow?: boolean;
     reversed?: boolean;
-    /**
-     * @deprecated Use of placeholder text goes against our a11y standards.
-     * Use the `labelText` prop to provide a concise name, and the `description` prop for any help text.
-     */
-    placeholder?: string;
-} & OverrideClassName<TextareaHTMLAttributes<HTMLTextAreaElement>>;
+} & OverrideClassName<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'placeholder'>>;
 export declare const TextArea: {
     ({ textAreaRef: propsTextAreaRef, status, autogrow, reversed, rows, defaultValue, value, disabled, onChange: propsOnChange, ...restProps }: TextAreaProps): JSX.Element;
     displayName: string;

package/dist/types/TimeField/TimeField.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type TimeFieldStateOptions } from '@react-stately/datepicker';
 import { type OverrideClassName } from "../types/OverrideClassName";
 import { type StatusType, type ValueType } from './types';
-type OmittedTimeFieldProps = 'errorMessage' | 'validationState' | 'value' | 'onChange' | 'label' | 'hideTimeZone';
+type OmittedTimeFieldProps = 'errorMessage' | 'value' | 'onChange' | 'label' | 'hideTimeZone';
 export type TimeFieldProps = {
     id?: string;
     /**

package/locales/ar.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "افتح القائمة الثانوية وقائمة الخيارات الإضافية"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "عرض الاقتراحات لـ {field}"

package/locales/bg.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Отваряне на вторичното и допълнително меню"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Покажи предложения за {field}"

package/locales/cs.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Otevřít sekundární a rozbalovací nabídku"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Zobrazit návrhy pro pole {field}"

package/locales/cy.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Agor y ddewislen eilaidd ac orlif"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Dangos awgrymiadau ar gyfer {field}"

package/locales/da.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Åbn sekundær og overløbsmenu"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Vis forslag for {field}"

package/locales/de.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Sekundär- und Überlaufmenü öffnen"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Vorschläge für {field} anzeigen"

package/locales/el.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Άνοιγμα δευτερεύοντος μενού και μενού υπερχείλισης"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Εμφάνιση προτάσεων για το πεδίο \"{field}\""

package/locales/en-GB.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Open secondary and overflow menu"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Clear selection: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Show suggestions for {field}"

package/locales/en.json

@@ -245,6 +245,10 @@
     "description": "Label for the dropdown menu which displays additional actions",
     "message": "Open secondary and overflow menu"
   },
+  "select.clearButtonAlt": {
+    "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": "Clear selection: {field}"
+  },
   "singleSelect.chevronButton": {
     "description": "Aria label text for the SingleSelect button to open and close suggestions list",
     "message": "Show suggestions for {field}"

package/locales/es-419.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Abrir el menú secundario y el menú de desbordamiento"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Borrar selección: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Mostrar sugerencias para {field}"

package/locales/es.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Abrir el menú secundario y de desbordamiento"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Borrar selección: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Mostrar sugerencias para {field}"

package/locales/et.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Ava sekundaar- ja ülevoolumenüü"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Tühista valik: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Näita ettepanekuid {field}"

package/locales/fi.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Avaa toissijainen ja ylivuotovalikko"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Tyhjennä valinta: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Näytä ehdotuksia kohteelle {field}"

package/locales/fr-CA.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Ouvrir le menu secondaire et le menu de débordement"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Effacer la sélection : {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Afficher les suggestions pour {field}"

package/locales/fr.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Ouvrir le menu secondaire et le menu de débordement"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Effacer la sélection : {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Afficher les suggestions pour {field}"

package/locales/he.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "פתיחת תפריט משני ותפריט עוד"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "הצגת הצעות עבור {field}"

package/locales/hi.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "द्वितीयक और ओवरफ़्लो मेनू खोलो"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "{field} के लिए सुझाव दिखाएँ"

package/locales/ht.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Louvri meni segondè a ak meni dewoulan an"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Efase seleksyon: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Afiche sijesyon pou {field}"

package/locales/hu.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Másodlagos és túlcsorduló menü megnyitása"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Választás törlése: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Javaslatok megjelenítése a következőhöz: {field}"

package/locales/id.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Buka menu sekunder dan tambahan"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Hapus pilihan: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Tampilkan saran untuk {field}"

package/locales/it.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Apri il menu secondario e il menu di overflow"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Cancella selezione: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Mostra suggerimenti per {field}"

package/locales/ja.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "セカンダリメニューとオーバーフローメニューを開く"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "{field}の提案を表示"

package/locales/km-KH.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "បើកម៉ឺនុយបន្ទាប់បន្សំ និងម៉ឺនុយដែលហៀរចេញ"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "បង្ហាញការផ្ដល់យោបល់នានាសម្រាប់ {field}"

package/locales/ko.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "보조 및 오버플로 메뉴 열기"
   },
+  "select.clearButtonAlt" : {
+    "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}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "{field}에 대한 제안 표시"

package/locales/lt.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Atidaryti antrinį ir perpildymo meniu"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Išvalyti pasirinkimą: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Rodyti pasiūlymus {field}"

package/locales/lv.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Atvērt sekundāro un pārpildes izvēlni"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Notīrīt atlasi: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Rādīt {field} ieteikumus"

package/locales/mi.json

@@ -244,6 +244,10 @@
     "description" : "Label for the dropdown menu which displays additional actions",
     "message" : "Whakatuwheratia te tahua tuarua, waipuke hoki"
   },
+  "select.clearButtonAlt" : {
+    "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" : "Ūkui kōwhiringa: {field}"
+  },
   "singleSelect.chevronButton" : {
     "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
     "message" : "Whakaatu whakaaro mo {field}"