@galaxy-ds/core 2.0.20 → 2.0.22

package/dist/Chip/Chip.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Chip").ChipOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "color" | "sx" | "label" | "tabIndex" | "disabled" | "size" | "icon" | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "sx" | "label" | "tabIndex" | "disabled" | "variant" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/dist/CssBaseline/CssBaseline.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const meta: {
     title: string;
     component: (props: import("./CssBaseline.types").CssBaselineProps) => import("react").JSX.Element;

package/dist/DatePicker/DatePicker.stories.d.ts

@@ -1,7 +1,15 @@
-/// <reference types="react" />
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+/**
+ *  ```js
+ *  import { DatePicker } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: {
     component: import("react").FC<import("./DatePicker.types").DatePickerProps>;
     title: string;
+    parameters: {
+        badges: BADGE[];
+    };
 };
 export default meta;
 export declare const Default: {

package/dist/DatePicker/DatePicker.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Calendar } from 'react-date-range';
 export declare const StyledCalendar: import("@emotion/styled").StyledComponent<import("react-date-range").CalendarProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {
     ref?: import("react").Ref<Calendar> | undefined;

package/dist/DateRangePicker/DateRangePicker.stories.d.ts

@@ -1,24 +1,29 @@
-/// <reference types="react" />
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
 /**
  * Date range picker with default 2 months side by side.
  *
+ *  ```js
+ *  import { DateRangePicker } from "@galaxy-ds/core";
+ * ```
  *
- * ### Shape of ranges
- * ```js
- * {
- *   startDate: PropTypes.object,
- *   endDate: PropTypes.object,
- *   color: PropTypes.string,
- *   key: PropTypes.string,
- *   autoFocus: PropTypes.bool,
- *   disabled: PropTypes.bool,
- *   showDateDisplay: PropTypes.bool,
+ *```js
+ * interface Range {
+ *  startDate?: Date | undefined;
+ *  endDate?: Date | undefined;
+ *  color?: string | undefined;
+ *  key?: string | undefined;
+ *  autoFocus?: boolean | undefined;
+ *  disabled?: boolean | undefined;
+ *  showDateDisplay?: boolean | undefined;
  * }
  * ```
  */
 declare const meta: {
     component: (props: import("./DateRangePicker.types").DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
     title: string;
+    parameters: {
+        badges: BADGE[];
+    };
 };
 export default meta;
 export declare const Default: {
@@ -35,25 +40,25 @@ export declare const Default: {
     };
     render: (args: {
         hasBorder?: boolean | undefined;
-        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview | undefined) => void) | undefined;
+        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview) => void) | undefined;
         onChange?: ((rangesByKey: import("react-date-range").RangeKeyDict) => void) | undefined;
         moveRangeOnFirstSelection?: boolean | undefined;
         retainEndDateOnFirstSelection?: boolean | undefined;
         className?: string | undefined;
         color?: string | undefined;
-        direction?: "horizontal" | "vertical" | undefined;
+        direction?: "vertical" | "horizontal" | undefined;
         scroll?: import("react-date-range").ScrollOptions | undefined;
         date?: Date | undefined;
-        locale?: Locale | undefined;
+        locale?: import("date-fns").Locale | undefined;
         ariaLabels?: import("react-date-range").AriaLabelsShape | undefined;
-        calendarFocus?: "backwards" | "forwards" | undefined;
+        calendarFocus?: "forwards" | "backwards" | undefined;
         classNames?: import("react-date-range").ClassNames | undefined;
         dateDisplayFormat?: string | undefined;
         dayContentRenderer?: ((date: Date) => import("react").ReactNode) | undefined;
         dayDisplayFormat?: string | undefined;
         disabledDates?: Date[] | undefined;
         disabledDay?: ((date: Date) => boolean) | undefined;
-        displayMode?: "date" | "dateRange" | undefined;
+        displayMode?: "dateRange" | "date" | undefined;
         dragSelectionEnabled?: boolean | undefined;
         editableDateInputs?: boolean | undefined;
         endDatePlaceholder?: string | undefined;
@@ -64,7 +69,7 @@ export declare const Default: {
         minDate?: Date | undefined;
         monthDisplayFormat?: string | undefined;
         months?: number | undefined;
-        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: string | number | Date, mode?: "set" | "setYear" | "setMonth" | "monthOffset" | undefined) => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
+        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: Date | number | string, mode?: "set" | "setYear" | "setMonth" | "monthOffset") => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
         onRangeFocusChange?: ((newFocusedRange: import("react-date-range").RangeFocus) => void) | undefined;
         onShownDateChange?: ((date: Date) => void) | undefined;
         preventSnapRefocus?: boolean | undefined;
@@ -79,9 +84,9 @@ export declare const Default: {
         startDatePlaceholder?: string | undefined;
         updateRange?: ((newRange: import("react-date-range").Range) => void) | undefined;
         weekdayDisplayFormat?: string | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 4 | 5 | 6 | 3 | undefined;
-        footerContent?: import("react").ReactNode;
-        headerContent?: import("react").ReactNode;
+        weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+        footerContent?: import("react").ReactNode | undefined;
+        headerContent?: import("react").ReactNode | undefined;
         inputRanges?: import("react-date-range").InputRange[] | undefined;
         renderStaticRangeLabel?: ((staticRange: import("react-date-range").StaticRange) => import("react").ReactNode) | undefined;
         staticRanges?: import("react-date-range").StaticRange[] | undefined;
@@ -104,25 +109,25 @@ export declare const SingleMonth: {
     };
     render: (args: {
         hasBorder?: boolean | undefined;
-        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview | undefined) => void) | undefined;
+        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview) => void) | undefined;
         onChange?: ((rangesByKey: import("react-date-range").RangeKeyDict) => void) | undefined;
         moveRangeOnFirstSelection?: boolean | undefined;
         retainEndDateOnFirstSelection?: boolean | undefined;
         className?: string | undefined;
         color?: string | undefined;
-        direction?: "horizontal" | "vertical" | undefined;
+        direction?: "vertical" | "horizontal" | undefined;
         scroll?: import("react-date-range").ScrollOptions | undefined;
         date?: Date | undefined;
-        locale?: Locale | undefined;
+        locale?: import("date-fns").Locale | undefined;
         ariaLabels?: import("react-date-range").AriaLabelsShape | undefined;
-        calendarFocus?: "backwards" | "forwards" | undefined;
+        calendarFocus?: "forwards" | "backwards" | undefined;
         classNames?: import("react-date-range").ClassNames | undefined;
         dateDisplayFormat?: string | undefined;
         dayContentRenderer?: ((date: Date) => import("react").ReactNode) | undefined;
         dayDisplayFormat?: string | undefined;
         disabledDates?: Date[] | undefined;
         disabledDay?: ((date: Date) => boolean) | undefined;
-        displayMode?: "date" | "dateRange" | undefined;
+        displayMode?: "dateRange" | "date" | undefined;
         dragSelectionEnabled?: boolean | undefined;
         editableDateInputs?: boolean | undefined;
         endDatePlaceholder?: string | undefined;
@@ -133,7 +138,7 @@ export declare const SingleMonth: {
         minDate?: Date | undefined;
         monthDisplayFormat?: string | undefined;
         months?: number | undefined;
-        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: string | number | Date, mode?: "set" | "setYear" | "setMonth" | "monthOffset" | undefined) => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
+        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: Date | number | string, mode?: "set" | "setYear" | "setMonth" | "monthOffset") => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
         onRangeFocusChange?: ((newFocusedRange: import("react-date-range").RangeFocus) => void) | undefined;
         onShownDateChange?: ((date: Date) => void) | undefined;
         preventSnapRefocus?: boolean | undefined;
@@ -148,9 +153,9 @@ export declare const SingleMonth: {
         startDatePlaceholder?: string | undefined;
         updateRange?: ((newRange: import("react-date-range").Range) => void) | undefined;
         weekdayDisplayFormat?: string | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 4 | 5 | 6 | 3 | undefined;
-        footerContent?: import("react").ReactNode;
-        headerContent?: import("react").ReactNode;
+        weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+        footerContent?: import("react").ReactNode | undefined;
+        headerContent?: import("react").ReactNode | undefined;
         inputRanges?: import("react-date-range").InputRange[] | undefined;
         renderStaticRangeLabel?: ((staticRange: import("react-date-range").StaticRange) => import("react").ReactNode) | undefined;
         staticRanges?: import("react-date-range").StaticRange[] | undefined;
@@ -170,25 +175,25 @@ export declare const NoBorder: {
     };
     render: (args: {
         hasBorder?: boolean | undefined;
-        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview | undefined) => void) | undefined;
+        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview) => void) | undefined;
         onChange?: ((rangesByKey: import("react-date-range").RangeKeyDict) => void) | undefined;
         moveRangeOnFirstSelection?: boolean | undefined;
         retainEndDateOnFirstSelection?: boolean | undefined;
         className?: string | undefined;
         color?: string | undefined;
-        direction?: "horizontal" | "vertical" | undefined;
+        direction?: "vertical" | "horizontal" | undefined;
         scroll?: import("react-date-range").ScrollOptions | undefined;
         date?: Date | undefined;
-        locale?: Locale | undefined;
+        locale?: import("date-fns").Locale | undefined;
         ariaLabels?: import("react-date-range").AriaLabelsShape | undefined;
-        calendarFocus?: "backwards" | "forwards" | undefined;
+        calendarFocus?: "forwards" | "backwards" | undefined;
         classNames?: import("react-date-range").ClassNames | undefined;
         dateDisplayFormat?: string | undefined;
         dayContentRenderer?: ((date: Date) => import("react").ReactNode) | undefined;
         dayDisplayFormat?: string | undefined;
         disabledDates?: Date[] | undefined;
         disabledDay?: ((date: Date) => boolean) | undefined;
-        displayMode?: "date" | "dateRange" | undefined;
+        displayMode?: "dateRange" | "date" | undefined;
         dragSelectionEnabled?: boolean | undefined;
         editableDateInputs?: boolean | undefined;
         endDatePlaceholder?: string | undefined;
@@ -199,7 +204,7 @@ export declare const NoBorder: {
         minDate?: Date | undefined;
         monthDisplayFormat?: string | undefined;
         months?: number | undefined;
-        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: string | number | Date, mode?: "set" | "setYear" | "setMonth" | "monthOffset" | undefined) => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
+        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: Date | number | string, mode?: "set" | "setYear" | "setMonth" | "monthOffset") => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
         onRangeFocusChange?: ((newFocusedRange: import("react-date-range").RangeFocus) => void) | undefined;
         onShownDateChange?: ((date: Date) => void) | undefined;
         preventSnapRefocus?: boolean | undefined;
@@ -214,9 +219,9 @@ export declare const NoBorder: {
         startDatePlaceholder?: string | undefined;
         updateRange?: ((newRange: import("react-date-range").Range) => void) | undefined;
         weekdayDisplayFormat?: string | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 4 | 5 | 6 | 3 | undefined;
-        footerContent?: import("react").ReactNode;
-        headerContent?: import("react").ReactNode;
+        weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+        footerContent?: import("react").ReactNode | undefined;
+        headerContent?: import("react").ReactNode | undefined;
         inputRanges?: import("react-date-range").InputRange[] | undefined;
         renderStaticRangeLabel?: ((staticRange: import("react-date-range").StaticRange) => import("react").ReactNode) | undefined;
         staticRanges?: import("react-date-range").StaticRange[] | undefined;

package/dist/DateRangePicker/DateRangePicker.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateRangePicker } from 'react-date-range';
 export declare const StyledDateRangePicker: import("@emotion/styled").StyledComponent<import("react-date-range").DateRangePickerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {
     ref?: import("react").Ref<DateRangePicker> | undefined;