@elliemae/ds-date-picker 2.3.0-alpha.8 → 2.3.0-alpha.9

package/dist/types/components/DSDatePickerImpl.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export default class DSDatePickerImpl extends React.Component {
+    constructor(props: any);
+    static getDerivedStateFromProps(nextProps: any, prevState: any): {} | null;
+    onClickPicker: () => void;
+    getSafeValue: () => any;
+    getSafeInputValue: () => any;
+    isControlled: () => boolean;
+    handleDateChange: (date: any, event: any) => void;
+    handleInputChange: (dataInput: any, newDate: any) => void;
+    handleChange: (newDate: any) => void;
+    handleFocus: ({ focused }: {
+        focused: any;
+    }) => void;
+    handleCalendarClose: () => void;
+    handleClickEscape: () => void;
+    handleOnBlur: () => void;
+    handleInputFocus: (dataInput: any) => void;
+    render(): JSX.Element;
+}
+export { DSDatePickerImpl };

package/dist/types/components/DatePickerController/DatePickerController.d.ts

@@ -0,0 +1,80 @@
+import React from 'react';
+import moment from 'moment';
+import 'react-dates/initialize';
+interface DSDatePickerControllerStateType {
+    selectedDate: any;
+    firstFocusableItem: React.RefObject<HTMLElement>;
+    datePicker: React.RefObject<HTMLElement>;
+}
+export default class DSDatePickerController extends React.Component<any, DSDatePickerControllerStateType> {
+    static defaultProps: {
+        date: string;
+        value: string;
+        enableOutsideDays: boolean;
+        initialVisibleMonth: moment.Moment;
+        firstDayOfWeek: number;
+        keepOpenOnDateSelect: boolean;
+        hideKeyboardShortcutsPanel: boolean;
+        onPrevMonthClick: () => null;
+        onNextMonthClick: () => null;
+        onClose: () => null;
+        onChange: () => null;
+        onClickEscape: () => null;
+        onDateChange: () => null;
+        phrases: {
+            calendarLabel: string;
+            roleDescription: string;
+            closeDatePicker: string;
+            clearDate: string;
+            jumpToPrevMonth: string;
+            jumpToNextMonth: string;
+            keyboardShortcuts: string;
+            showKeyboardShortcutsPanel: string;
+            hideKeyboardShortcutsPanel: string;
+            openThisPanel: string;
+            enterKey: string;
+            leftArrowRightArrow: string;
+            upArrowDownArrow: string;
+            pageUpPageDown: string;
+            homeEnd: string;
+            escape: string;
+            questionMark: string;
+            selectFocusedDate: string;
+            moveFocusByOneDay: string;
+            moveFocusByOneWeek: string;
+            moveFocusByOneMonth: string;
+            moveFocustoStartAndEndOfWeek: string;
+            returnFocusToInput: string;
+            keyboardForwardNavigationInstructions: string;
+            keyboardBackwardNavigationInstructions: string;
+            chooseAvailableDate: ({ date }: {
+                date: any;
+            }) => any;
+            dateIsUnavailable: ({ date }: {
+                date: any;
+            }) => string;
+            dateIsSelected: ({ date }: {
+                date: any;
+            }) => string;
+        };
+        displayFormatDay: string;
+        transitionDuration: number;
+        isDayBlocked: () => boolean;
+        isOutsideRange: () => boolean;
+        isDayHighlighted: () => boolean;
+        numberOfMonths: number;
+    };
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleMouseUp: () => void;
+    handleKeyDown: (event: any) => void;
+    getSafeValue: () => moment.Moment | null;
+    isControlled: () => boolean;
+    handleDateChange: (date: any) => void;
+    handleChange: (dataInput: any) => void;
+    handleNavClick: (date: any, nav: any) => void;
+    insideBlur: (event: any) => void;
+    render(): JSX.Element;
+}
+export { DSDatePickerController };

package/dist/types/components/DatePickerDay/DatePickerDay.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const Day: {
+    ({ className, date }: {
+        className?: string | undefined;
+        date?: string | undefined;
+    }): JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        date: PropTypes.Requireable<string | number>;
+    };
+};
+export { Day as DatePickerDay };
+export default Day;

package/dist/types/components/DatePickerDropdown.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare function DatePickerDropdown({ disabled, readOnly, onClick, isOpen, menu, zIndex, pickerProps, pickerRef, }: {
+    disabled?: boolean | undefined;
+    readOnly: any;
+    onClick?: (() => null) | undefined;
+    isOpen: any;
+    menu: any;
+    zIndex?: number | undefined;
+    pickerProps: any;
+    pickerRef: any;
+}): JSX.Element;
+declare namespace DatePickerDropdown {
+    var propTypes: {
+        pickerRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+            current: PropTypes.Requireable<any>;
+        }>>;
+        disabled: PropTypes.Requireable<boolean>;
+        readOnly: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        isOpen: PropTypes.Requireable<boolean>;
+        menu: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        zIndex: PropTypes.Requireable<number>;
+        pickerProps: PropTypes.Requireable<PropTypes.InferProps<{
+            innerRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+                current: PropTypes.Requireable<any>;
+            }>>;
+            className: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            size: PropTypes.Requireable<unknown>;
+            buttonActionType: PropTypes.Requireable<"link" | "text" | "secondary" | "primary">;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+            onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+            readOnly: PropTypes.Requireable<boolean>;
+            tabIndex: PropTypes.Requireable<number>;
+        }>>;
+    };
+}
+export { DatePickerDropdown };
+export default DatePickerDropdown;

package/dist/types/components/DatePickerHeader/DatePickerHeader.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const DatePickerHeader: {
+    ({ onInputChange, selectedDate, updateKeyDate }: {
+        onInputChange?: (() => null) | undefined;
+        selectedDate: any;
+        updateKeyDate: any;
+    }): JSX.Element;
+    propTypes: {
+        onInputChange: PropTypes.Requireable<(...args: any[]) => any>;
+        selectedDate: PropTypes.Requireable<any>;
+        updateKeyDate: PropTypes.Requireable<any>;
+    };
+};
+export { DatePickerHeader };
+export default DatePickerHeader;

package/dist/types/components/DatePickerNavigation/DatePickerNavigation.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const Navigation: {
+    ({ className, icon: Icon, color, size, innerRef, }: {
+        className?: string | undefined;
+        icon?: ((rest: any) => JSX.Element) | undefined;
+        color?: string[] | undefined;
+        size?: string | undefined;
+        innerRef: any;
+    }): JSX.Element;
+    propTypes: {
+        className: string;
+        icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        color: PropTypes.Requireable<unknown>;
+        size: PropTypes.Requireable<unknown>;
+        innerRef: PropTypes.Requireable<any>;
+    };
+};
+export { Navigation as DatePickerNavigation };
+export default Navigation;

package/dist/types/components/DatePickerPicker/DatePickerPicker.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+export declare const Picker: {
+    ({ className, disabled, icon, size, buttonActionType, onClick, onBlur, readOnly, tabIndex, innerRef, ...rest }: {
+        [x: string]: any;
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        icon?: JSX.Element | undefined;
+        size?: string | undefined;
+        buttonActionType?: string | undefined;
+        onClick?: (() => null) | undefined;
+        onBlur?: (() => null) | undefined;
+        readOnly?: boolean | undefined;
+        tabIndex?: number | undefined;
+        innerRef: any;
+    }): JSX.Element;
+    propTypes: {
+        innerRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+            current: PropTypes.Requireable<any>;
+        }>>;
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        size: PropTypes.Requireable<unknown>;
+        buttonActionType: PropTypes.Requireable<"link" | "text" | "secondary" | "primary">;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        readOnly: PropTypes.Requireable<boolean>;
+        tabIndex: PropTypes.Requireable<number>;
+    };
+};
+export declare const PickerPropsTypes: {
+    innerRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+        current: PropTypes.Requireable<any>;
+    }>>;
+    className: PropTypes.Requireable<string>;
+    disabled: PropTypes.Requireable<boolean>;
+    icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+    size: PropTypes.Requireable<unknown>;
+    buttonActionType: PropTypes.Requireable<"link" | "text" | "secondary" | "primary">;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+    onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+    readOnly: PropTypes.Requireable<boolean>;
+    tabIndex: PropTypes.Requireable<number>;
+};
+export { Picker as DatePickerPicker };
+export default Picker;

package/dist/types/components/DatePickerRange/DatePickerRange.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const DatePickerRangeDate: ({ dateStart, dateEnd, displayFormatDay, showHeader, otherProps }: {
+    dateStart: any;
+    dateEnd: any;
+    displayFormatDay?: string | undefined;
+    showHeader?: boolean | undefined;
+    otherProps: any;
+}) => JSX.Element;
+export { DatePickerRangeDate };
+export default DatePickerRangeDate;

package/dist/types/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const DatePickerRangeHeader: {
+    ({ onStartInputChange, onEndInputChange, onFocusChange, selectedStartDate, selectedEndDate, handleDatesChange, autoJumpOnEdit, }: {
+        onStartInputChange?: (() => null) | undefined;
+        onEndInputChange?: (() => null) | undefined;
+        onFocusChange?: (() => null) | undefined;
+        selectedStartDate: any;
+        selectedEndDate: any;
+        handleDatesChange: any;
+        autoJumpOnEdit?: boolean | undefined;
+    }): JSX.Element;
+    propTypes: {
+        onStartInputChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onEndInputChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocusChange: PropTypes.Requireable<(...args: any[]) => any>;
+        selectedStartDate: PropTypes.Requireable<any>;
+        selectedEndDate: PropTypes.Requireable<any>;
+        handleDatesChange: PropTypes.Requireable<(...args: any[]) => any>;
+        autoJumpOnEdit: PropTypes.Requireable<boolean>;
+    };
+};
+export { DatePickerRangeHeader };
+export default DatePickerRangeHeader;

package/dist/types/components/DatePickerRangeHeader/tests/DatePickerRangeHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/DatePickerRenderMonth/DatePickerRenderMonth.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const renderMonthElement: ({ month, onYearSelect }: {
+    month: any;
+    onYearSelect: any;
+}) => JSX.Element;

package/dist/types/components/DatePickerSingleDate/DatePickerSingleDate.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const DatePickerSingleDate: ({ date, displayFormatDay, isDayHighlighted, enableOutsideDays, showHeader, onChange, ...rest }: {
+    [x: string]: any;
+    date: any;
+    displayFormatDay?: string | undefined;
+    isDayHighlighted?: (() => boolean) | undefined;
+    enableOutsideDays?: boolean | undefined;
+    showHeader?: boolean | undefined;
+    onChange?: (() => null) | undefined;
+}) => JSX.Element;
+export { DatePickerSingleDate };
+export default DatePickerSingleDate;

package/dist/types/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare const SingleRangeDateSwitcher: ({ onStartInputChange, onEndInputChange, onSingleInputChange, onFocusChange, selectedStartDate, selectedEndDate, selectedSingleDate, isDateRange, setIsDateRange, handleDatesChange, updateKeyDate, focusedInput, }: {
+    onStartInputChange: any;
+    onEndInputChange: any;
+    onSingleInputChange: any;
+    onFocusChange: any;
+    selectedStartDate: any;
+    selectedEndDate: any;
+    selectedSingleDate: any;
+    isDateRange: any;
+    setIsDateRange: any;
+    handleDatesChange: any;
+    updateKeyDate: any;
+    focusedInput: any;
+}) => JSX.Element;
+export { SingleRangeDateSwitcher };
+export default SingleRangeDateSwitcher;

package/dist/types/components/index.d.ts

@@ -0,0 +1,10 @@
+export { default as DatePickerNavigation } from './DatePickerNavigation/DatePickerNavigation';
+export { default as DatePickerDay } from './DatePickerDay/DatePickerDay';
+export { default as DatePickerPicker } from './DatePickerPicker/DatePickerPicker';
+export { default as DatePickerDropdown } from './DatePickerDropdown';
+export { default as DatePickerSingleDate } from './DatePickerSingleDate/DatePickerSingleDate';
+export { default as DatePickerHeader } from './DatePickerHeader/DatePickerHeader';
+export { default as DatePickerRange } from './DatePickerRange/DatePickerRange';
+export { default as DatePickerRangeHeader } from './DatePickerRangeHeader/DatePickerRangeHeader';
+export { default as SingleRangeDateSwitcher } from './SingleRangeDateSwitcher/SingleRangeDateSwitcher';
+export { renderMonthElement } from './DatePickerRenderMonth/DatePickerRenderMonth';

package/dist/types/components/tests/DatePickerHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/tests/DatePickerRange.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/tests/DatePickerRangeHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/tests/DatePickerSelectedDate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/tests/DatePickerSingleDate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/tests/SingleRangeDateSwitcher.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/defaultPhrases.d.ts

@@ -0,0 +1,225 @@
+declare const _default: {
+    calendarLabel: string;
+    roleDescription: string;
+    closeDatePicker: string;
+    focusStartDate: string;
+    clearDate: string;
+    clearDates: string;
+    jumpToPrevMonth: string;
+    jumpToNextMonth: string;
+    keyboardShortcuts: string;
+    showKeyboardShortcutsPanel: string;
+    hideKeyboardShortcutsPanel: string;
+    openThisPanel: string;
+    enterKey: string;
+    leftArrowRightArrow: string;
+    upArrowDownArrow: string;
+    pageUpPageDown: string;
+    homeEnd: string;
+    escape: string;
+    questionMark: string;
+    selectFocusedDate: string;
+    moveFocusByOneDay: string;
+    moveFocusByOneWeek: string;
+    moveFocusByOneMonth: string;
+    moveFocustoStartAndEndOfWeek: string;
+    returnFocusToInput: string;
+    keyboardForwardNavigationInstructions: string;
+    keyboardBackwardNavigationInstructions: string;
+    chooseAvailableStartDate: ({ date }: {
+        date: any;
+    }) => string;
+    chooseAvailableEndDate: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsUnavailable: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelected: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelectedAsStartDate: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelectedAsEndDate: ({ date }: {
+        date: any;
+    }) => string;
+};
+export default _default;
+export declare const DateRangePickerPhrases: {
+    calendarLabel: string;
+    roleDescription: string;
+    closeDatePicker: string;
+    clearDates: string;
+    focusStartDate: string;
+    jumpToPrevMonth: string;
+    jumpToNextMonth: string;
+    keyboardShortcuts: string;
+    showKeyboardShortcutsPanel: string;
+    hideKeyboardShortcutsPanel: string;
+    openThisPanel: string;
+    enterKey: string;
+    leftArrowRightArrow: string;
+    upArrowDownArrow: string;
+    pageUpPageDown: string;
+    homeEnd: string;
+    escape: string;
+    questionMark: string;
+    selectFocusedDate: string;
+    moveFocusByOneDay: string;
+    moveFocusByOneWeek: string;
+    moveFocusByOneMonth: string;
+    moveFocustoStartAndEndOfWeek: string;
+    returnFocusToInput: string;
+    keyboardForwardNavigationInstructions: string;
+    keyboardBackwardNavigationInstructions: string;
+    chooseAvailableStartDate: ({ date }: {
+        date: any;
+    }) => string;
+    chooseAvailableEndDate: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsUnavailable: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelected: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelectedAsStartDate: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelectedAsEndDate: ({ date }: {
+        date: any;
+    }) => string;
+};
+export declare const DateRangePickerInputPhrases: {
+    focusStartDate: string;
+    clearDates: string;
+    keyboardForwardNavigationInstructions: string;
+    keyboardBackwardNavigationInstructions: string;
+};
+export declare const SingleDatePickerPhrases: {
+    calendarLabel: string;
+    roleDescription: string;
+    closeDatePicker: string;
+    clearDate: string;
+    jumpToPrevMonth: string;
+    jumpToNextMonth: string;
+    keyboardShortcuts: string;
+    showKeyboardShortcutsPanel: string;
+    hideKeyboardShortcutsPanel: string;
+    openThisPanel: string;
+    enterKey: string;
+    leftArrowRightArrow: string;
+    upArrowDownArrow: string;
+    pageUpPageDown: string;
+    homeEnd: string;
+    escape: string;
+    questionMark: string;
+    selectFocusedDate: string;
+    moveFocusByOneDay: string;
+    moveFocusByOneWeek: string;
+    moveFocusByOneMonth: string;
+    moveFocustoStartAndEndOfWeek: string;
+    returnFocusToInput: string;
+    keyboardForwardNavigationInstructions: string;
+    keyboardBackwardNavigationInstructions: string;
+    chooseAvailableDate: ({ date }: {
+        date: any;
+    }) => any;
+    dateIsUnavailable: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelected: ({ date }: {
+        date: any;
+    }) => string;
+};
+export declare const SingleDatePickerInputPhrases: {
+    clearDate: string;
+    keyboardForwardNavigationInstructions: string;
+    keyboardBackwardNavigationInstructions: string;
+};
+export declare const DayPickerPhrases: {
+    calendarLabel: string;
+    roleDescription: string;
+    jumpToPrevMonth: string;
+    jumpToNextMonth: string;
+    keyboardShortcuts: string;
+    showKeyboardShortcutsPanel: string;
+    hideKeyboardShortcutsPanel: string;
+    openThisPanel: string;
+    enterKey: string;
+    leftArrowRightArrow: string;
+    upArrowDownArrow: string;
+    pageUpPageDown: string;
+    homeEnd: string;
+    escape: string;
+    questionMark: string;
+    selectFocusedDate: string;
+    moveFocusByOneDay: string;
+    moveFocusByOneWeek: string;
+    moveFocusByOneMonth: string;
+    moveFocustoStartAndEndOfWeek: string;
+    returnFocusToInput: string;
+    chooseAvailableStartDate: ({ date }: {
+        date: any;
+    }) => string;
+    chooseAvailableEndDate: ({ date }: {
+        date: any;
+    }) => string;
+    chooseAvailableDate: ({ date }: {
+        date: any;
+    }) => any;
+    dateIsUnavailable: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelected: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelectedAsStartDate: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelectedAsEndDate: ({ date }: {
+        date: any;
+    }) => string;
+};
+export declare const DayPickerKeyboardShortcutsPhrases: {
+    keyboardShortcuts: string;
+    showKeyboardShortcutsPanel: string;
+    hideKeyboardShortcutsPanel: string;
+    openThisPanel: string;
+    enterKey: string;
+    leftArrowRightArrow: string;
+    upArrowDownArrow: string;
+    pageUpPageDown: string;
+    homeEnd: string;
+    escape: string;
+    questionMark: string;
+    selectFocusedDate: string;
+    moveFocusByOneDay: string;
+    moveFocusByOneWeek: string;
+    moveFocusByOneMonth: string;
+    moveFocustoStartAndEndOfWeek: string;
+    returnFocusToInput: string;
+};
+export declare const DayPickerNavigationPhrases: {
+    jumpToPrevMonth: string;
+    jumpToNextMonth: string;
+};
+export declare const CalendarDayPhrases: {
+    chooseAvailableDate: ({ date }: {
+        date: any;
+    }) => any;
+    dateIsUnavailable: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelected: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelectedAsStartDate: ({ date }: {
+        date: any;
+    }) => string;
+    dateIsSelectedAsEndDate: ({ date }: {
+        date: any;
+    }) => string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './DSDatePicker';
+export * from './DSDatePicker';
+export { SingleDatePickerPhrases } from './defaultPhrases';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-picker",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-alpha.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Picker",
   "files": [
@@ -89,15 +89,15 @@
   },
   "author": "ICE MT",
   "dependencies": {
-    "@elliemae/ds-basic": "2.3.0-alpha.8",
-    "@elliemae/ds-button": "2.3.0-alpha.8",
-    "@elliemae/ds-classnames": "2.3.0-alpha.8",
-    "@elliemae/ds-form": "2.3.0-alpha.8",
-    "@elliemae/ds-grid": "2.3.0-alpha.8",
-    "@elliemae/ds-icons": "2.3.0-alpha.8",
-    "@elliemae/ds-popper": "2.3.0-alpha.8",
-    "@elliemae/ds-shared": "2.3.0-alpha.8",
-    "@elliemae/ds-system": "2.3.0-alpha.8",
+    "@elliemae/ds-basic": "2.3.0-alpha.9",
+    "@elliemae/ds-button": "2.3.0-alpha.9",
+    "@elliemae/ds-classnames": "2.3.0-alpha.9",
+    "@elliemae/ds-form": "2.3.0-alpha.9",
+    "@elliemae/ds-grid": "2.3.0-alpha.9",
+    "@elliemae/ds-icons": "2.3.0-alpha.9",
+    "@elliemae/ds-popper": "2.3.0-alpha.9",
+    "@elliemae/ds-shared": "2.3.0-alpha.9",
+    "@elliemae/ds-system": "2.3.0-alpha.9",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-dates": "~21.8.0",