@spaced-out/ui-design-system 0.4.15 → 0.5.0

package/lib/components/DateRangePicker/Calendar.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { DateRange } from '../../types';
+import type { MARKERS, NAVIGATION_ACTION } from '../../utils';
+type CalendarProps = {
+    value: string;
+    marker: (typeof MARKERS)[keyof typeof MARKERS];
+    minDate?: string;
+    maxDate?: string;
+    hoverDay: string;
+    dateRange: DateRange;
+    inHoverRange: (day: string) => boolean;
+    handlers: {
+        onDayClick: (day: string) => void;
+        onDayHover: (day: string) => void;
+        onMonthNavigate: (marker: (typeof MARKERS)[keyof typeof MARKERS], action: (typeof NAVIGATION_ACTION)[keyof typeof NAVIGATION_ACTION]) => void;
+    };
+    today: string;
+    t: ((key: string, fallback: string) => string) | null | undefined;
+};
+export declare const Calendar: ({ value, marker, minDate, maxDate, handlers, hoverDay, dateRange, inHoverRange, today, t, }: CalendarProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Calendar.d.ts.map

package/lib/components/DateRangePicker/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAuB5D,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,QAAQ,EAAE;QACR,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,eAAe,EAAE,CACf,MAAM,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,EAC9C,MAAM,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,KAC/D,IAAI,CAAC;KACX,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACnE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,6FAYtB,aAAa,sBAiDf,CAAC"}

package/lib/components/DateRangePicker/Calendar.js

@@ -13,10 +13,10 @@ var _Day = require("./Day");
 var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// $FlowFixMe[untyped-import]
 const Calendar = _ref => {
   let {
     value,
+    // @ts-ignore - TS6133 - 'marker' is declared but its value is never read.
     marker,
     minDate,
     maxDate = (0, _utils.formatIsoDate)(),
@@ -58,7 +58,9 @@ const Calendar = _ref => {
       disabled: minDate && (0, _dateRangePicker.isBefore)(date, minDate) || (0, _dateRangePicker.isAfter)(date, maxDate) || !(0, _dateRangePicker.isSame)(date, value, 'month'),
       endOfRange: isEnd && !isRangeValid,
       highlighted: highlighted && !isRangeValid,
-      startOfRange: isStart && !isRangeValid,
+      startOfRange: isStart && !isRangeValid
+      // @ts-ignore - TS2322 - Type 'number' is not assignable to type 'string'.
+      ,
       value: dateValue.date(),
       hoverDay: hoverDay
     });

package/lib/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,22 @@
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { DateRangePickerError, DateRangeWithTimezone } from '../../types';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type DateRangePickerProps = {
+    classNames?: ClassNames;
+    selectedDateRange?: DateRangeWithTimezone;
+    onApply: (datePickerSelectedRange: DateRangeWithTimezone) => void;
+    onError?: (arg1: DateRangePickerError) => void;
+    onCancel: () => void;
+    hideTimezone?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    startDateLabel?: string;
+    endDateLabel?: string;
+    t?: ((key: string, fallback: string) => string) | null | undefined;
+    locale?: string;
+};
+export declare const DateRangePicker: Flow.AbstractComponent<DateRangePickerProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/lib/components/DateRangePicker/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAEV,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,aAAa,CAAC;AAyBrB,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,OAAO,EAAE,CAAC,uBAAuB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CA8Jf,CAAC"}

package/lib/components/DateRangePicker/DateRangePicker.js

@@ -14,7 +14,6 @@ var _DateRangeWrapper = require("./DateRangeWrapper");
 var _DateRangePickerModule = _interopRequireDefault(require("./DateRangePicker.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// $FlowFixMe[untyped-import]
 const DateRangePicker = exports.DateRangePicker = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     minDate,

package/lib/components/DateRangePicker/DateRangePicker.stories.d.ts

@@ -0,0 +1,184 @@
+import * as React from 'react';
+import type { DateRangePickerProps } from './DateRangePicker';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<DateRangePickerProps, HTMLDivElement>;
+    argTypes: {
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        selectedDateRange: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        minDate: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        maxDate: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        hideTimezone: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        onCancel: {
+            description: string;
+            control: null;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onError: {
+            description: string;
+            control: null;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onApply: {
+            description: string;
+            control: null;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        startDateLabel: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        endDateLabel: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        t: {
+            description: string;
+            control: null;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        locale: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Default: {
+    (args: DateRangePickerProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+    };
+};
+export declare const _WithSelectedDateRange: {
+    (args: DateRangePickerProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        selectedDateRange: {
+            startDate: string;
+            endDate: string;
+            timezone: string;
+        };
+    };
+};
+export declare const _WithInputDropdown: {
+    ({ selectedDateRange, classNames, }: DateRangePickerProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+    };
+};
+export declare const _WithMinAndMaxDate: {
+    (args: DateRangePickerProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        minDate: string;
+        maxDate: string;
+    };
+};
+//# sourceMappingURL=DateRangePicker.stories.d.ts.map

package/lib/components/DateRangePicker/DateRangePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA4CK,MAAM;;;;;;;;;;;;;;6BAYpB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlDzD,wBAiPE;AAEF,eAAO,MAAM,QAAQ;WAAU,oBAAoB;;;;;;CAIlD,CAAC;AAMF,eAAO,MAAM,sBAAsB;WAAU,oBAAoB;;;;;;;;;;;CAIhE,CAAC;AAWF,eAAO,MAAM,kBAAkB;yCAG5B,oBAAoB;;;;;;CAsFtB,CAAC;AAMF,eAAO,MAAM,kBAAkB;WAAU,oBAAoB;;;;;iBAQH,MAAM;iBAClC,MAAM;;CALnC,CAAC"}

package/lib/components/DateRangePicker/DateRangeWrapper.d.ts

@@ -0,0 +1,33 @@
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { DateRange, DateRangeWithTimezone } from '../../types';
+import { MARKERS, NAVIGATION_ACTION } from '../../utils';
+type DateRangeWrapperProps = {
+    dateRange: DateRange;
+    hoverDay: string;
+    minDate: string;
+    maxDate: string;
+    rangeStartMonth: string;
+    rangeEndMonth: string;
+    cardWrapperClass: string | null | undefined;
+    setRangeStartMonth: (arg1: string) => void;
+    setRangeEndMonth: (arg1: string) => void;
+    setTimezone: (arg1: string) => void;
+    timezone: string;
+    onApply: (datePickerSelectedRange: DateRangeWithTimezone) => void;
+    onCancel: () => void;
+    inHoverRange: (day: string) => boolean;
+    hideTimezone: boolean;
+    handlers: {
+        onDayClick: (day: string) => void;
+        onDayHover: (day: string) => void;
+        onMonthNavigate: (marker: (typeof MARKERS)[keyof typeof MARKERS], action: (typeof NAVIGATION_ACTION)[keyof typeof NAVIGATION_ACTION]) => void;
+    };
+    today: string;
+    startDateLabel?: string;
+    endDateLabel?: string;
+    t?: ((key: string, fallback: string) => string) | null | undefined;
+    locale?: string;
+};
+export declare const DateRangeWrapper: Flow.AbstractComponent<DateRangeWrapperProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=DateRangeWrapper.d.ts.map

package/lib/components/DateRangePicker/DateRangeWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangeWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,SAAS,EAAE,qBAAqB,EAAC,MAAM,aAAa,CAAC;AAClE,OAAO,EAML,OAAO,EACP,iBAAiB,EAClB,MAAM,aAAa,CAAC;AA8CrB,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,uBAAuB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE;QACR,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,eAAe,EAAE,CACf,MAAM,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,EAC9C,MAAM,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,KAC/D,IAAI,CAAC;KACX,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAwFF,eAAO,MAAM,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CACnD,qBAAqB,EACrB,cAAc,CAiNf,CAAC"}

package/lib/components/DateRangePicker/DateRangeWrapper.js

@@ -15,11 +15,11 @@ var _Dropdown = require("../Dropdown");
 var _FocusManager = require("../FocusManager");
 var _Icon = require("../Icon");
 var _Text = require("../Text");
-var _Calendar = require("./Calendar.js");
+var _Calendar = require("./Calendar");
 var _DateRangeWrapperModule = _interopRequireDefault(require("./DateRangeWrapper.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // $FlowFixMe[untyped-import]
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const CalendarHeader = _ref => {
   let {
     t,
@@ -70,6 +70,7 @@ const CalendarHeader = _ref => {
       options: availableMonths
     },
     onChange: event => {
+      // @ts-ignore - TS2345 - Argument of type 'Moment' is not assignable to parameter of type 'string'. | TS2339 - Property 'key' does not exist on type 'ChangeEvent<HTMLInputElement> | MenuOption'.
       setMonth((0, _utils.getMonthEndDate)(_moment.default.utc(date).set('M', event.key)));
     },
     dropdownInputText: MONTHS[_moment.default.utc(date).month()].label,
@@ -82,8 +83,11 @@ const CalendarHeader = _ref => {
     },
     size: "small",
     onChange: event => {
+      // @ts-ignore - TS2345 - Argument of type 'Moment' is not assignable to parameter of type 'string'. | TS2339 - Property 'key' does not exist on type 'ChangeEvent<HTMLInputElement> | MenuOption'.
       setMonth((0, _utils.getMonthEndDate)(_moment.default.utc(date).set('y', event.key)));
-    },
+    }
+    // @ts-ignore - TS2769 - No overload matches this call.
+    ,
     dropdownInputText: _moment.default.utc(date).year(),
     scrollMenuToBottom: true
   }), /*#__PURE__*/React.createElement(_Icon.ClickableIcon, {
@@ -223,12 +227,16 @@ const DateRangeWrapper = exports.DateRangeWrapper = /*#__PURE__*/React.forwardRe
         RESULT: (0, _dateRangePicker.getTranslation)(t, 'result'),
         RESULTS: (0, _dateRangePicker.getTranslation)(t, 'results')
       }
-    },
+    }
+    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly 'Pacific/Niue': "(GMT-11:00) Niue"; readonly 'Pacific/Pago_Pago': "(GMT-11:00) Pago Pago"; readonly 'Pacific/Honolulu': "(GMT-10:00) Hawaii Time"; readonly 'Pacific/Rarotonga': "(GMT-10:00) Rarotonga"; ... 247 more ...; readonly 'Pacific/Kiritimati': "(GMT+14:00) Kiritimati"; }'.
+    ,
     dropdownInputText: (0, _dateRangePicker.getTranslation)(t, _dateRangePicker.TIMEZONES[timezone]),
     disabled: (0, _dateRangePicker.isAfter)(minDate, maxDate),
     classNames: {
       box: _DateRangeWrapperModule.default.timezoneDropdown
-    },
+    }
+    // @ts-ignore - TS2339 - Property 'key' does not exist on type 'ChangeEvent<HTMLInputElement> | MenuOption'.
+    ,
     onChange: event => setTimezone(event.key),
     size: "small"
   })), /*#__PURE__*/React.createElement(_Card.CardActions, null, /*#__PURE__*/React.createElement(_Button.Button, {

package/lib/components/DateRangePicker/Day.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+type DayProps = {
+    date: string;
+    value: string;
+    filled: boolean;
+    hoverDay: string;
+    outlined: boolean;
+    disabled: boolean;
+    endOfRange: boolean;
+    highlighted: boolean;
+    startOfRange: boolean;
+    onClick: () => void;
+    onHover: () => void;
+};
+export declare const Day: ({ date, value, filled, onHover, onClick, disabled, hoverDay, outlined, endOfRange, highlighted, startOfRange, }: DayProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Day.d.ts.map

package/lib/components/DateRangePicker/Day.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/Day.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAYF,eAAO,MAAM,GAAG,GAAI,iHAYjB,QAAQ,sBA2BV,CAAC"}

package/lib/components/DateRangePicker/Day.js

@@ -12,8 +12,6 @@ var _Text = require("../Text");
 var _DayModule = _interopRequireDefault(require("./Day.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// $FlowFixMe[untyped-import]
-// $FlowFixMe[untyped-import]
 const getTextColor = (disabled, filled) => {
   if (disabled) {
     return _Text.TEXT_COLORS.disabled;
@@ -42,11 +40,15 @@ const Day = _ref => {
     className: (0, _classify.default)(_DayModule.default.calendarItemButton, {
       [_DayModule.default.calendarRowItemDisabled]: disabled,
       [_DayModule.default.calendarRowItemHighlighted]: !disabled && (highlighted || startOfRange || endOfRange)
-    }),
+    })
+    // @ts-ignore - TS2769 - No overload matches this call.
+    ,
     onMouseOver: onHover,
     onClick: onClick,
     onKeyUp: onHover
-  }, /*#__PURE__*/React.createElement(_Text.BodyMedium, {
+  }, /*#__PURE__*/React.createElement(_Text.BodyMedium
+  // @ts-ignore - TS2769 - No overload matches this call.
+  , {
     type: "ghost",
     color: getTextColor(disabled, filled),
     className: (0, _classify.default)(_DayModule.default.calendarRowItem, {

package/lib/components/DateRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DateRangePicker';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/DateRangePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/components/Dialog/Dialog.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import type { ModalProps } from '../Modal';
+type FooterClassNames = Readonly<{
+    wrapper?: string;
+    actions?: string;
+}>;
+export declare const DIALOG_SEMANTIC: Readonly<{
+    neutral: "neutral";
+    success: "success";
+    information: "information";
+    warning: "warning";
+    danger: "danger";
+}>;
+export type DialogSemanticType = (typeof DIALOG_SEMANTIC)[keyof typeof DIALOG_SEMANTIC];
+export type DialogHeaderProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+export type DialogFooterProps = {
+    children?: React.ReactNode;
+    classNames?: FooterClassNames;
+};
+export type DialogBodyProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+export type DialogPropsBase = ModalProps;
+export type DialogProps = DialogPropsBase & {
+    semantic?: DialogSemanticType;
+    iconName?: string;
+};
+export type BasicDialogProps = DialogProps & {
+    heading?: React.ReactNode;
+    body?: React.ReactNode;
+    confirmText?: string;
+    abortText?: string;
+    handleConfirm?: (event: React.SyntheticEvent) => unknown;
+    handleAbort?: (event: React.SyntheticEvent) => unknown;
+};
+export declare const DialogHeader: ({ children, className }: DialogHeaderProps) => React.JSX.Element;
+export declare const DialogBody: ({ children, className }: DialogBodyProps) => React.JSX.Element;
+export declare const DialogFooter: ({ children, classNames }: DialogFooterProps) => React.JSX.Element;
+export declare const Dialog: ({ children, isOpen, hideBackdrop, onClose, tapOutsideToClose, iconName, semantic, classNames, ...restDialogProps }: DialogProps) => React.JSX.Element;
+export declare const BasicDialog: ({ heading, body, confirmText, abortText, handleConfirm, handleAbort, ...restDialogProps }: BasicDialogProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Dialog.d.ts.map

package/lib/components/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAMzC,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;CACxD,CAAC;AAiEF,eAAO,MAAM,YAAY,GAAI,yBAAuB,iBAAiB,sBAQpE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yBAAuB,eAAe,sBAEhE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,0BAAwB,iBAAiB,sBAUrE,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,oHAUpB,WAAW,sBA4Bb,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,2FAQzB,gBAAgB,sBAiBlB,CAAC"}

package/lib/components/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,171 @@
+import * as React from 'react';
+import type { DialogProps } from './Dialog';
+declare const _default: {
+    tags: string[];
+    title: string;
+    argTypes: {
+        semantic: {
+            options: unknown[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: "neutral";
+                };
+            };
+        };
+        iconName: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        isOpen: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        tapOutsideToClose: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClose: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        customAnimation: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        hideBackdrop: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        initialFocus: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Dialog: {
+    (args: DialogProps): React.JSX.Element;
+    args: {
+        classNames: {
+            container: string;
+        };
+        initialFocus: number;
+        semantic: string;
+    };
+};
+/**
+ * Basic Dialog supports these additional props <br><br>
+ * `heading?: React.Node` <br>
+ * `body?: React.Node` <br>
+ * `confirmText?: string` <br>
+ * `abortText?: string` <br>
+ * `handleConfirm?: (event: SyntheticEvent<>) => mixed` <br>
+ * `handleAbort?: (event: SyntheticEvent<>) => mixed`
+ */
+export declare const _BasicDialog: {
+    (args: DialogProps): React.JSX.Element;
+    args: {
+        semantic: string;
+        heading: string;
+        body: string;
+        abortText: string;
+        confirmText: string;
+    };
+};
+//# sourceMappingURL=Dialog.stories.d.ts.map

package/lib/components/Dialog/Dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAe1C,wBAyJE;AAEF,eAAO,MAAM,OAAO;WAAU,WAAW;;;;;;;;CAkCxC,CAAC;AAQF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;WAAU,WAAW;;;;;;;;CAmB7C,CAAC"}

package/lib/components/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Dialog';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}