@kaizen/components 1.27.0 → 1.29.0

package/dist/esm/__future__/Tag/RemovableTag/subcomponents/RemoveButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveButton.mjs","sources":["../../../../../../src/__future__/Tag/RemovableTag/subcomponents/RemoveButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { RemoveTagIcon } from \"./RemoveTagIcon\"\nimport styles from \"./RemoveButton.module.scss\"\n\n// type RemoveButtonColor =\n// | \"gray\"\n// | \"blue\"\n// | \"green\"\n// | \"yellow\"\n// | \"orange\"\n// | \"red\"\n// | \"purple\"\n\nexport type RemoveButtonBaseProps = {\n  // color?: RemoveButtonColor\n  ariaLabel: string\n  onClick: () => void\n}\nexport type RemoveButtonProps = OverrideClassName<\n  Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\" | \"color\"> &\n    RemoveButtonBaseProps\n>\n\nexport const RemoveButton = ({\n  classNameOverride,\n  // color = \"gray\",\n  ariaLabel,\n  onClick,\n  ...restProps\n}: RemoveButtonProps): JSX.Element => (\n  <button\n    type=\"button\"\n    aria-label={ariaLabel}\n    className={classnames(styles.removeButton, classNameOverride)}\n    onClick={onClick}\n    {...restProps}\n  >\n    <RemoveTagIcon role=\"presentation\" />\n  </button>\n)\n\nRemoveButton.displayName = \"RemoveButton\"\n"],"names":["RemoveButton","_a","classNameOverride","ariaLabel","onClick","restProps","__rest","React","type","className","classnames","styles","removeButton","createElement","RemoveTagIcon","role","displayName"],"mappings":";;;;;MAyBaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAMT,EAAA;IALlB,IAAAC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;;MAEjBC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,OAAO,GAAAH,EAAA,CAAAG,OAAA;MACJC,SAAS,GAAAC,MAAA,CAAAL,EAAA,EALe,6CAM5B,CADa;IACwB,oBACpCM;MACEC,IAAI,EAAC,QAAQ;MACD,YAAA,EAAAL,SAAS;MACrBM,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,YAAY,EAAEV,iBAAiB,CAAC;MAC7DE,OAAO,EAAEA;IAAO,CAAA,EACZC,SAAS,CAAA,eAEbE,KAAC,CAAAM,aAAA,CAAAC,aAAa;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAC9B;GACV;EAEDf,YAAY,CAACgB,WAAW,GAAG,cAAc;EAAA,OAlB5BhB,YAAY;AAAA;"}

package/dist/esm/__future__/Tag/RemovableTag/subcomponents/RemoveButton.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "removeButton": "RemoveButton-module_removeButton__9yzxJ"
+};
+export { styles as default };
+//# sourceMappingURL=RemoveButton.module.scss.mjs.map

package/dist/esm/__future__/Tag/RemovableTag/subcomponents/RemoveButton.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveButton.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.mjs

@@ -0,0 +1,16 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { SVG } from '../../../../Icon/subcomponents/SVG/SVG.mjs';
+var RemoveTagIcon = function (props) {
+  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.97304 10.0337L5.05893 13.9478L6.11959 15.0085L10.0337 11.0944L13.9478 15.0085L15.0085 13.9478L11.0944 10.0337L15.0085 6.11959L13.9478 5.05893L10.0337 8.97304L6.11959 5.05893L5.05893 6.11959L8.97304 10.0337Z",
+    fill: "currentColor"
+  }));
+  return /*#__PURE__*/React.createElement(SVG, __assign({}, props, {
+    viewBox: "0 0 20 20"
+  }), svgContent);
+};
+export { RemoveTagIcon };
+//# sourceMappingURL=RemoveTagIcon.mjs.map

package/dist/esm/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveTagIcon.mjs","sources":["../../../../../../src/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const RemoveTagIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8.97304 10.0337L5.05893 13.9478L6.11959 15.0085L10.0337 11.0944L13.9478 15.0085L15.0085 13.9478L11.0944 10.0337L15.0085 6.11959L13.9478 5.05893L10.0337 8.97304L6.11959 5.05893L5.05893 6.11959L8.97304 10.0337Z\"\n        fill=\"currentColor\"\n      />\n    </>\n  )\n  return (\n    <SVG {...props} viewBox=\"0 0 20 20\">\n      {svgContent}\n    </SVG>\n  )\n}\n"],"names":["RemoveTagIcon","props","svgContent","React","createElement","Fragment","fillRule","clipRule","d","fill","SVG","__assign","viewBox"],"mappings":";;;AAGO,IAAMA,aAAa,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC5C,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACEE,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,mNAAmN;IACrNC,IAAI,EAAC;EACL,CAAA,CAAA,CAEL;EACD,oBACEN,KAAA,CAAAC,aAAA,CAACM,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKV,KAAK,EAAA;IAAEW,OAAO,EAAC;GAAW,CAAA,EAChCV,UAAU,CACP;AAEV,CAAA;"}

package/dist/esm/__future__/Tag/{Tag.mjs → Tag/Tag.mjs}

@@ -1,3 +1,4 @@
+import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import styles from './Tag.module.scss.mjs';
@@ -7,10 +8,11 @@ const Tag = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       icon = _a.icon,
       _b = _a.color,
-      color = _b === void 0 ? "gray" : _b;
-    return /*#__PURE__*/React.createElement("span", {
+      color = _b === void 0 ? "gray" : _b,
+      restProps = __rest(_a, ["children", "classNameOverride", "icon", "color"]);
+    return /*#__PURE__*/React.createElement("span", __assign({
       className: classnames(styles.tag, styles[color], classNameOverride)
-    }, icon && /*#__PURE__*/React.createElement("span", {
+    }, restProps), icon && /*#__PURE__*/React.createElement("span", {
       className: styles.iconContainer
     }, icon), children);
   };

package/dist/esm/__future__/Tag/Tag/Tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.mjs","sources":["../../../../../src/__future__/Tag/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode, HTMLAttributes } from \"react\"\nimport classNames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TagColors } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagProps = {\n  children: ReactNode\n  color?: TagColors\n  icon?: React.ReactElement\n} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>\n\nexport const Tag = ({\n  children,\n  classNameOverride,\n  icon,\n  color = \"gray\",\n  ...restProps\n}: TagProps): JSX.Element => (\n  <span\n    className={classNames(styles.tag, styles[color], classNameOverride)}\n    {...restProps}\n  >\n    {icon && <span className={styles.iconContainer}>{icon}</span>}\n    {children}\n  </span>\n)\n\nTag.displayName = \"Tag\"\n"],"names":["Tag","_a","children","classNameOverride","icon","_b","color","restProps","__rest","React","createElement","__assign","className","classNames","styles","tag","iconContainer","displayName"],"mappings":";;;;MAYaA,GAAG;EAAA,MAAHA,GAAG,GAAG,SAAAA,CAACC,EAMT,EAAA;IALT,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;MACjBC,IAAI,GAAAH,EAAA,CAAAG,IAAA;MACJC,aAAc;MAAdC,KAAK,mBAAG,MAAM,GAAAD,EAAA;MACXE,SAAS,GAAAC,MAAA,CAAAP,EAAA,EALM,kDAMnB,CADa;IACe,oBAC3BQ,KACE,CAAAC,aAAA,CAAA,MAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,GAAG,EAAED,MAAM,CAACR,KAAK,CAAC,EAAEH,iBAAiB;IAAC,GAC/DI,SAAS,CAAA,EAEZH,IAAI,iBAAIK;MAAMG,SAAS,EAAEE,MAAM,CAACE;IAAgB,CAAA,EAAAZ,IAAI,CAAQ,EAC5DF,QAAQ,CACJ;GACR;EAEDF,GAAG,CAACiB,WAAW,GAAG,KAAK;EAAA,OAhBVjB,GAAG;AAAA;"}

package/dist/esm/__future__/Tag/Tag/Tag.module.scss.mjs

@@ -0,0 +1,13 @@
+var styles = {
+  "tag": "Tag-module_tag__Ef8Iu",
+  "iconContainer": "Tag-module_iconContainer__tEPTW",
+  "gray": "Tag-module_gray__4YmDZ",
+  "blue": "Tag-module_blue__CjyTI",
+  "green": "Tag-module_green__uC0TU",
+  "yellow": "Tag-module_yellow__wEk5Z",
+  "orange": "Tag-module_orange__V-KdG",
+  "red": "Tag-module_red__cg1Rf",
+  "purple": "Tag-module_purple__OR2Jt"
+};
+export { styles as default };
+//# sourceMappingURL=Tag.module.scss.mjs.map

package/dist/esm/dts/BrandMoment/_docs/ExampleHeaders.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const MinimalBasic: () => JSX.Element;
 export declare const MinimalCustomerFocused: () => JSX.Element;
 export declare const FakeNavBar: () => JSX.Element;

package/dist/esm/dts/Button/GenericButton/GenericButton.d.ts

@@ -8,6 +8,7 @@ export type CustomButtonProps = {
     onFocus?: (e: FocusEvent<HTMLElement>) => void;
     onBlur?: (e: FocusEvent<HTMLElement>) => void;
     children?: React.ReactNode;
+    "data-testid"?: string;
 };
 export type ButtonFormAttributes = Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "form" | "formAction" | "formMethod" | "formEncType" | "formTarget" | "formNoValidate">;
 export type GenericProps = {

package/dist/esm/dts/Button/IconButton/IconButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GenericProps, ButtonFormAttributes, WorkingProps, WorkingUndefinedProps, ButtonBadgeProps } from "../GenericButton";
 export type IconButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
     label: string;

package/dist/esm/dts/Button/index.d.ts

@@ -1,5 +1,3 @@
 export type { CustomButtonProps } from "./GenericButton";
 export * from "./Button";
 export * from "./IconButton";
-export * from "./PaginationLink";
-export * from "./DirectionalLink";

package/dist/esm/dts/Calendar/CalendarPopover/CalendarPopover.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from "react";
+import { Options } from "@popperjs/core";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarPopoverProps = {
+    children: React.ReactNode;
+    referenceElement: HTMLElement | null;
+    popperOptions?: Partial<Options>;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * Only for use with Calendar components.
+ * @todo: Replace with Popover when we have a reusable one.
+ */
+export declare const CalendarPopover: {
+    ({ children, referenceElement, popperOptions, classNameOverride, ...restProps }: CalendarPopoverProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/Calendar/CalendarPopover/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarPopover";

package/dist/esm/dts/Calendar/CalendarRange/CalendarRange.d.ts

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

package/dist/esm/dts/Calendar/CalendarRange/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarRange";

package/dist/esm/dts/Calendar/CalendarSingle/CalendarSingle.d.ts

@@ -0,0 +1,11 @@
+import { DayPickerSingleProps } from "react-day-picker";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarSingleElement = HTMLDivElement;
+export type CalendarSingleProps = {
+    id?: string;
+    onMount?: (calendarElement: CalendarSingleElement) => void;
+} & OverrideClassName<Omit<DayPickerSingleProps, "mode">>;
+export declare const CalendarSingle: {
+    ({ id, onMount, classNameOverride, selected, defaultMonth, weekStartsOn, locale, ...restProps }: CalendarSingleProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/Calendar/CalendarSingle/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarSingle";

package/dist/esm/dts/Calendar/LegacyCalendarRange/LegacyCalendarRange.d.ts

@@ -0,0 +1,16 @@
+import { DateRange, DayClickEventHandler, Matcher } from "react-day-picker";
+import { DayOfWeek } from "../enums";
+export type LegacyCalendarRangeElement = HTMLDivElement;
+export type LegacyCalendarRangeProps = {
+    classNameOverride?: string;
+    defaultMonth?: Date;
+    weekStartsOn?: DayOfWeek;
+    disabledDays?: Matcher[];
+    selectedRange?: DateRange;
+    locale: Locale;
+    onDayChange: DayClickEventHandler;
+};
+export declare const LegacyCalendarRange: {
+    ({ classNameOverride, defaultMonth, weekStartsOn, disabledDays, selectedRange, locale, onDayChange, }: LegacyCalendarRangeProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/Calendar/LegacyCalendarRange/index.d.ts

@@ -0,0 +1 @@
+export * from "./LegacyCalendarRange";

package/dist/esm/dts/Calendar/_docs/controls/weekStartsOnControls.d.ts

@@ -0,0 +1,26 @@
+export declare const weekStartsOnControls: {
+    weekStartsOn: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                Sun: string;
+                Mon: string;
+                Tue: string;
+                Wed: string;
+                Thu: string;
+                Fri: string;
+                Sat: string;
+            };
+        };
+        mapping: {
+            Sun: 0;
+            Mon: 1;
+            Tue: 2;
+            Wed: 3;
+            Thu: 4;
+            Fri: 5;
+            Sat: 6;
+        };
+    };
+};

package/dist/esm/dts/Calendar/baseCalendarClassNames.d.ts

@@ -0,0 +1,2 @@
+import { ClassNames } from "react-day-picker";
+export declare const baseCalendarClassNames: ClassNames;

package/dist/esm/dts/Calendar/enums.d.ts

@@ -0,0 +1,15 @@
+export declare const DayOfWeek: {
+    readonly Sun: 0;
+    readonly Mon: 1;
+    readonly Tue: 2;
+    readonly Wed: 3;
+    readonly Thu: 4;
+    readonly Fri: 5;
+    readonly Sat: 6;
+};
+export type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek];
+export declare const DateFormat: {
+    readonly Numeral: "P";
+    readonly Text: "PP";
+};
+export type DateFormat = (typeof DateFormat)[keyof typeof DateFormat];

package/dist/esm/dts/Calendar/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./CalendarSingle";
+export * from "./CalendarRange";
+export * from "./enums";
+export * from "./types";
+export * from "./utils";

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

@@ -0,0 +1,37 @@
+import { DateInterval, DateRange, DayPickerProps } from "react-day-picker";
+import { DayOfWeek } from "./enums";
+export type { DateInterval, DateRange };
+export type DisabledDays = DayPickerProps["disabled"];
+export type DisabledDayMatchers = {
+    /**
+     * Accepts an array of singluar dates and disables them.
+     * e.g. [new Date(2022, 1, 12), new Date(2022, 1, 25)]
+     */
+    disabledDates?: Date[];
+    /**
+     * Accepts an array of DayOfWeek values and disables those days throughout
+     * the calendar.
+     * e.g. [DayOfWeek.Mon, DayOfWeek.Tue]
+     */
+    disabledDaysOfWeek?: DayOfWeek[];
+    /**
+     * Accepts an object with a `from` and `to` date. Disables any date
+     * inside of that range, including the specified dates.
+     * { from: new Date(2022, 1, 12), to: new Date(2022, 1, 16) }
+     */
+    disabledRange?: DateRange;
+    /**
+     * Accepts an object with a `before` and `after` date. Disables any date
+     * inside of that range, excluding the specified dates.
+     * { after: new Date(2022, 1, 12), before: new Date(2022, 1, 16) }
+     */
+    disabledBeforeAfter?: DateInterval;
+    /**
+     * Accepts single date and disables all days before it.
+     * */
+    disabledBefore?: Date;
+    /**
+     * Accepts single date and disables all days after it.
+     */
+    disabledAfter?: Date;
+};

package/dist/esm/dts/Calendar/utils/calculateDisabledDays.d.ts

@@ -0,0 +1,3 @@
+import { Matcher } from "react-day-picker";
+import { DisabledDayMatchers } from "../types";
+export declare const calculateDisabledDays: ({ disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, }: DisabledDayMatchers) => Matcher[];

package/dist/esm/dts/Calendar/utils/formatDateAsNumeral.d.ts

@@ -0,0 +1 @@
+export declare const formatDateAsNumeral: (date: Date, locale: Locale) => string;

package/dist/esm/dts/Calendar/utils/formatDateAsText.d.ts

@@ -0,0 +1,2 @@
+import { DisabledDays } from "../types";
+export declare const formatDateAsText: (date: Date, disabledDays: DisabledDays, locale: Locale) => string;

package/dist/esm/dts/Calendar/utils/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./calculateDisabledDays";
+export * from "./formatDateAsNumeral";
+export * from "./formatDateAsText";
+export * from "./isDisabledDate";
+export * from "./isInvalidDate";
+export * from "./isValidWeekStartsOn";
+export * from "./isSelectingDayInCalendar";
+export * from "./parseDateAsTextOrNumeral";
+export * from "./parseDateFromNumeralFormatValue";
+export * from "./parseDateFromTextFormatValue";
+export * from "./setFocusInCalendar";

package/dist/esm/dts/Calendar/utils/isDisabledDate.d.ts

@@ -0,0 +1,2 @@
+import { DisabledDays } from "../types";
+export declare const isDisabledDate: (date: Date, disabledDays: DisabledDays) => boolean;

package/dist/esm/dts/Calendar/utils/isInvalidDate.d.ts

@@ -0,0 +1 @@
+export declare const isInvalidDate: (parsedDate: Date) => boolean;

package/dist/esm/dts/Calendar/utils/isSelectingDayInCalendar.d.ts

@@ -0,0 +1 @@
+export declare const isSelectingDayInCalendar: (target: (EventTarget & Element) | null) => boolean;

package/dist/esm/dts/Calendar/utils/isValidWeekStartsOn.d.ts

@@ -0,0 +1,2 @@
+import { DayOfWeek } from "../enums";
+export declare const isValidWeekStartsOn: (day: DayOfWeek | undefined) => day is 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;

package/dist/esm/dts/Calendar/utils/parseDateAsTextOrNumeral.d.ts

@@ -0,0 +1 @@
+export declare const parseDateAsTextOrNumeral: (value: string, locale: Locale) => Date;

package/dist/esm/dts/Calendar/utils/parseDateFromNumeralFormatValue.d.ts

@@ -0,0 +1 @@
+export declare const parseDateFromNumeralFormatValue: (value: string, locale: Locale) => Date;

package/dist/esm/dts/Calendar/utils/parseDateFromTextFormatValue.d.ts

@@ -0,0 +1 @@
+export declare const parseDateFromTextFormatValue: (value: string, locale: Locale) => Date;

package/dist/esm/dts/Calendar/utils/setFocusInCalendar.d.ts

@@ -0,0 +1,3 @@
+import { CalendarRangeElement } from "../CalendarRange";
+import { CalendarSingleElement } from "../CalendarSingle";
+export declare const setFocusInCalendar: (calendarElement: CalendarSingleElement | CalendarRangeElement, selectedDay: Date | undefined) => void;

package/dist/esm/dts/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CollapsibleProps } from "../Collapsible";
 export type ExpertAdviceCollapsibleProps = Omit<CollapsibleProps, "renderHeader" | "variant" | "group" | "separated">;
 /**

package/dist/esm/dts/Container/Container.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
+ */
+export declare const Container: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    style?: Pick<React.CSSProperties, "transform" | "left" | "right" | "position" | "top" | "bottom" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "transformBox" | "transformOrigin" | "transformStyle"> | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    classNameOverride?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/dts/Container/index.d.ts

@@ -0,0 +1 @@
+export * from "./Container";

package/dist/esm/dts/Content/Content.d.ts

@@ -0,0 +1,22 @@
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type ContentProps = {
+    children?: React.ReactNode;
+    /**
+     * Not recommended. A short-circuit for dynamically overriding layout in a pinch
+     */
+    style?: Pick<React.CSSProperties, "bottom" | "left" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "transform" | "transformBox" | "transformOrigin" | "transformStyle">;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
+ */
+export declare const Content: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    /**
+     * Not recommended. A short-circuit for dynamically overriding layout in a pinch
+     */
+    style?: Pick<React.CSSProperties, "transform" | "left" | "right" | "position" | "top" | "bottom" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "transformBox" | "transformOrigin" | "transformStyle"> | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    classNameOverride?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/dts/Content/index.d.ts

@@ -0,0 +1 @@
+export * from "./Content";

package/dist/esm/dts/DateInput/DateInput/DateInput.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { InputProps } from "../../Input";
+type OmittedInputProps = "reversed" | "type" | "inputRef";
+export type DateInputProps = {
+    labelText: React.ReactNode;
+    isReversed?: boolean;
+} & Omit<InputProps, OmittedInputProps>;
+export declare const DateInput: React.ForwardRefExoticComponent<{
+    labelText: React.ReactNode;
+    isReversed?: boolean | undefined;
+} & Omit<InputProps, OmittedInputProps> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/esm/dts/DateInput/DateInput/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateInput";

package/dist/{cjs/dts/FilterDateRangePicker/subcomponents → esm/dts/DateInput}/DateInputDescription/DateInputDescription.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type DateInputDescriptionProps = {
     description?: string | JSX.Element;
     locale: Locale;

package/dist/esm/dts/DateInput/DateInputWithIconButton/DateInputWithIconButton.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { DateInputProps } from "../DateInput";
+export type DateInputWithIconButtonProps = {
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment">;
+export type DateInputWithIconButtonRefs = {
+    inputRef?: React.RefObject<HTMLInputElement>;
+    buttonRef?: React.RefObject<HTMLButtonElement>;
+};
+export declare const DateInputWithIconButton: React.ForwardRefExoticComponent<{
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment"> & React.RefAttributes<DateInputWithIconButtonRefs>>;

package/dist/esm/dts/DateInput/DateInputWithIconButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateInputWithIconButton";

package/dist/esm/dts/DateInput/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./DateInput";
+export * from "./DateInputDescription";
+export * from "./DateInputWithIconButton";

package/dist/esm/dts/DatePicker/DatePicker.d.ts

@@ -0,0 +1,55 @@
+import { RefObject } from "react";
+import { CalendarSingleProps, DisabledDayMatchers } from "../Calendar";
+import { DateInputFieldProps } from "./subcomponents/DateInputField";
+import { ValidationResponse } from "./types";
+import { DatePickerSupportedLocales } from "./utils/getLocale";
+type OmittedDateInputFieldProps = "onClick" | "onFocus" | "onChange" | "onBlur" | "onButtonClick" | "value" | "locale" | "id";
+export type DatePickerProps = {
+    id?: string;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    onInputClick?: DateInputFieldProps["onClick"];
+    onInputFocus?: DateInputFieldProps["onFocus"];
+    onInputChange?: DateInputFieldProps["onChange"];
+    onInputBlur?: DateInputFieldProps["onBlur"];
+    onButtonClick?: DateInputFieldProps["onButtonClick"];
+    locale?: DatePickerSupportedLocales;
+    /**
+     * Accepts a DayOfWeek value to start the week on that day. By default,
+     * it's set to Monday.
+     */
+    weekStartsOn?: CalendarSingleProps["weekStartsOn"];
+    /**
+     * Accepts a date to display that month on first render.
+     */
+    defaultMonth?: CalendarSingleProps["defaultMonth"];
+    /**
+     *  The date passed in from the consumer that renders in the input and calendar.
+     */
+    selectedDay: Date | undefined;
+    /**
+     * Callback when date is updated either by the calendar picker or by typing and bluring.
+     * Date will return as undefined if invalid or disabled.
+     */
+    onDayChange: (date: Date | undefined) => void;
+    /**
+     * Callback when a date is selected. Utilises internal validation if not set.
+     */
+    onValidate?: (validationResponse: ValidationResponse) => void;
+    /**
+     * Updates the styling of the validation FieldMessage.
+     */
+    status?: DateInputFieldProps["status"] | undefined;
+    /**
+     * A descriptive message for the 'status' states.
+     */
+    validationMessage?: DateInputFieldProps["validationMessage"] | undefined;
+} & DisabledDayMatchers & Omit<DateInputFieldProps, OmittedDateInputFieldProps>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}
+ */
+export declare const DatePicker: {
+    ({ id: propsId, buttonRef: propsButtonRef, locale: propsLocale, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDay, status, validationMessage, onInputClick, onInputFocus, onInputChange, onInputBlur, onButtonClick, onDayChange, onValidate, ...restDateInputFieldProps }: DatePickerProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/esm/dts/DatePicker/_docs/controls/datePickerLocaleControls.d.ts

@@ -0,0 +1,8 @@
+export declare const datePickerLocaleControls: {
+    locale: {
+        options: string[];
+        control: {
+            type: string;
+        };
+    };
+};

package/dist/esm/dts/DatePicker/_docs/controls/disabledDayMatchersControls.d.ts

@@ -0,0 +1,96 @@
+export declare const disabledDayMatchersControls: {
+    disabledDates: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                Today: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            Today: Date[];
+            May2022: Date[];
+        };
+    };
+    disabledRange: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: {
+                from: Date;
+                to: Date;
+            };
+        };
+    };
+    disabledBeforeAfter: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: {
+                before: Date;
+                after: Date;
+            };
+        };
+    };
+    disabledBefore: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: Date;
+        };
+    };
+    disabledAfter: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: Date;
+        };
+    };
+    disabledDaysOfWeek: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                Fridays: string;
+                Weekends: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            Fridays: 5[];
+            Weekends: (0 | 6)[];
+        };
+    };
+};

package/dist/esm/dts/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DatePicker";
+export * from "./types";