@kaizen/components 1.28.0 → 1.30.0

package/dist/cjs/Well/Well.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Well.cjs","sources":["../../../src/Well/Well.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { WellBorderStyleType, WellVariantType } from \"./types\"\nimport styles from \"./Well.module.scss\"\n\nexport type WellProps = {\n  children?: React.ReactNode\n  variant?: WellVariantType\n  borderStyle?: WellBorderStyleType\n  noMargin?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}\n */\nexport const Well = ({\n  children,\n  variant = \"default\",\n  borderStyle = \"solid\",\n  noMargin = false,\n  classNameOverride,\n  ...restProps\n}: WellProps): JSX.Element => (\n  <div\n    className={classnames(\n      styles.container,\n      styles[borderStyle],\n      styles[variant],\n      noMargin && styles.noMargin,\n      classNameOverride\n    )}\n    {...restProps}\n  >\n    {children}\n  </div>\n)\n\nWell.displayName = \"Well\"\n"],"names":["Well","_a","children","_b","variant","_c","borderStyle","_d","noMargin","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","container","displayName"],"mappings":";;;;;;;AAaA;;;AAGG;AAHH,MAIaA,IAAI;EAAA,MAAJA,IAAI,GAAG,SAAAA,CAACC,EAOT,EAAA;IANV,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,OAAmB;MAAnBA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAAA,EAAA;MACnBE,EAAqB,GAAAJ,EAAA,CAAAK,WAAA;MAArBA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,OAAO,GAAAA,EAAA;MACrBE,EAAgB,GAAAN,EAAA,CAAAO,QAAA;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAChBE,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAV,EAAA,EANO,uEAOpB,CADa;IACgB,OAC5BW,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MACEC,SAAS,EAAEC,UAAU,CACnBC,WAAM,CAACC,SAAS,EAChBD,WAAM,CAACX,WAAW,CAAC,EACnBW,WAAM,CAACb,OAAO,CAAC,EACfI,QAAQ,IAAIS,WAAM,CAACT,QAAQ,EAC3BC,iBAAiB;OAEfC,SAAS,CAAA,EAEZR,QAAQ,CACL;GACP;EAEDF,IAAI,CAACmB,WAAW,GAAG,MAAM;EAAA,OAtBZnB,IAAI;AAAA;"}

package/dist/cjs/Well/Well.module.scss.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var styles = {
+  "container": "Well-module_container__pi8-W",
+  "noMargin": "Well-module_noMargin__xBvM9",
+  "positive": "Well-module_positive__6ldUu",
+  "negative": "Well-module_negative__mVczy",
+  "informative": "Well-module_informative__81djJ",
+  "cautionary": "Well-module_cautionary__MSYHT",
+  "assertive": "Well-module_assertive__Kl5ql",
+  "prominent": "Well-module_prominent__wdpIQ",
+  "default": "Well-module_default__tSiHp",
+  "solid": "Well-module_solid__ianzm",
+  "dashed": "Well-module_dashed__csujS",
+  "none": "Well-module_none__rWwTB"
+};
+module.exports = styles;
+//# sourceMappingURL=Well.module.scss.cjs.map

package/dist/cjs/Well/Well.module.scss.cjs.map

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

package/dist/cjs/__future__/Tag/RemovableTag/RemovableTag.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Tag = require('../Tag/Tag.cjs');
+var RemoveButton = require('./subcomponents/RemoveButton.cjs');
+var RemovableTag_module = require('./RemovableTag.module.scss.cjs');
+const RemovableTag = /*#__PURE__*/function () {
+  const RemovableTag = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      // Note: We've commented out color support for now, but may introduce it back in later
+      // if a good use case comes along.
+      // color = "gray",
+      removeButtonProps = _a.removeButtonProps,
+      restProps = tslib.__rest(_a, ["children", "classNameOverride", "removeButtonProps"]);
+    return React.createElement(Tag.Tag, tslib.__assign({
+      classNameOverride: classnames(classNameOverride, RemovableTag_module.removableTag)
+    }, restProps), children, React.createElement(RemoveButton.RemoveButton
+    // color={color}
+    , tslib.__assign({}, removeButtonProps)));
+  };
+  RemovableTag.displayName = "RemovableTag";
+  return RemovableTag;
+}();
+exports.RemovableTag = RemovableTag;
+//# sourceMappingURL=RemovableTag.cjs.map

package/dist/cjs/__future__/Tag/RemovableTag/RemovableTag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemovableTag.cjs","sources":["../../../../../src/__future__/Tag/RemovableTag/RemovableTag.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { Tag, TagProps } from \"../Tag\"\nimport {\n  RemoveButton,\n  RemoveButtonBaseProps,\n} from \"./subcomponents/RemoveButton\"\nimport styles from \"./RemovableTag.module.scss\"\n\nexport type RemovableTagProps = {\n  removeButtonProps: RemoveButtonBaseProps\n} & Omit<TagProps, \"color\" | \"icon\">\n\nexport const RemovableTag = ({\n  children,\n  classNameOverride,\n  // Note: We've commented out color support for now, but may introduce it back in later\n  // if a good use case comes along.\n  // color = \"gray\",\n  removeButtonProps,\n  ...restProps\n}: RemovableTagProps): JSX.Element => (\n  <Tag\n    classNameOverride={classNames(classNameOverride, styles.removableTag)}\n    // color={color}\n    {...restProps}\n  >\n    {children}\n    <RemoveButton\n      // color={color}\n      {...removeButtonProps}\n    />\n  </Tag>\n)\n\nRemovableTag.displayName = \"RemovableTag\"\n"],"names":["RemovableTag","_a","children","classNameOverride","removeButtonProps","restProps","__rest","React","createElement","Tag","__assign","classNames","styles","removableTag","RemoveButton","displayName"],"mappings":";;;;;;;;MAaaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPlB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,iBAAiB,GAAAF,EAAA,CAAAE,iBAAA;;;;MAIjBC,iBAAiB,GAAAH,EAAA,CAAAG,iBAAA;MACdC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAL,EAAA,EAPe,sDAQ5B,CADa;IACwB,OACpCM,KAAA,CAAAC,aAAA,CAACC,GAAG,CAAAA,GAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MACFP,iBAAiB,EAAEQ,UAAU,CAACR,iBAAiB,EAAES,mBAAM,CAACC,YAAY;IAAC,GAEjER,SAAS,CAAA,EAEZH,QAAQ,EACTK,KAAA,CAAAC,aAAA,CAACM,YAAY,CAAAA;;yBAEPV,iBAAiB,CAAA,CACrB,CACE;GACP;EAEDJ,YAAY,CAACe,WAAW,GAAG,cAAc;EAAA,OAtB5Bf,YAAY;AAAA;"}

package/dist/cjs/__future__/Tag/RemovableTag/RemovableTag.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "removableTag": "RemovableTag-module_removableTag__IwJHj"
+};
+module.exports = styles;
+//# sourceMappingURL=RemovableTag.module.scss.cjs.map

package/dist/cjs/__future__/Tag/RemovableTag/RemovableTag.module.scss.cjs.map

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

package/dist/cjs/__future__/Tag/RemovableTag/subcomponents/RemoveButton.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var RemoveTagIcon = require('./RemoveTagIcon.cjs');
+var RemoveButton_module = require('./RemoveButton.module.scss.cjs');
+const RemoveButton = /*#__PURE__*/function () {
+  const RemoveButton = function (_a) {
+    var classNameOverride = _a.classNameOverride,
+      // color = "gray",
+      ariaLabel = _a.ariaLabel,
+      onClick = _a.onClick,
+      restProps = tslib.__rest(_a, ["classNameOverride", "ariaLabel", "onClick"]);
+    return React.createElement("button", tslib.__assign({
+      type: "button",
+      "aria-label": ariaLabel,
+      className: classnames(RemoveButton_module.removeButton, classNameOverride),
+      onClick: onClick
+    }, restProps), React.createElement(RemoveTagIcon.RemoveTagIcon, {
+      role: "presentation"
+    }));
+  };
+  RemoveButton.displayName = "RemoveButton";
+  return RemoveButton;
+}();
+exports.RemoveButton = RemoveButton;
+//# sourceMappingURL=RemoveButton.cjs.map

package/dist/cjs/__future__/Tag/RemovableTag/subcomponents/RemoveButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveButton.cjs","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,KAAA,CAAAA,MAAA,CAAAL,EAAA,EALe,6CAM5B,CADa;IACwB,OACpCM;MACEC,IAAI,EAAC,QAAQ;MACD,YAAA,EAAAL,SAAS;MACrBM,SAAS,EAAEC,UAAU,CAACC,mBAAM,CAACC,YAAY,EAAEV,iBAAiB,CAAC;MAC7DE,OAAO,EAAEA;IAAO,CAAA,EACZC,SAAS,CAAA,EAEbE,KAAC,CAAAM,aAAA,CAAAC,aAAa,CAAAA,aAAA;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAC9B;GACV;EAEDf,YAAY,CAACgB,WAAW,GAAG,cAAc;EAAA,OAlB5BhB,YAAY;AAAA;"}

package/dist/cjs/__future__/Tag/RemovableTag/subcomponents/RemoveButton.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "removeButton": "RemoveButton-module_removeButton__9yzxJ"
+};
+module.exports = styles;
+//# sourceMappingURL=RemoveButton.module.scss.cjs.map

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

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

package/dist/cjs/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var SVG = require('../../../../Icon/subcomponents/SVG/SVG.cjs');
+var RemoveTagIcon = function (props) {
+  var svgContent = React.createElement(React.Fragment, null, 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 React.createElement(SVG.SVG, tslib.__assign({}, props, {
+    viewBox: "0 0 20 20"
+  }), svgContent);
+};
+exports.RemoveTagIcon = RemoveTagIcon;
+//# sourceMappingURL=RemoveTagIcon.cjs.map

package/dist/cjs/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveTagIcon.cjs","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,GACdC,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,OACEN,KAAA,CAAAC,aAAA,CAACM,GAAG,CAAAA,GAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKV,KAAK,EAAA;IAAEW,OAAO,EAAC;GAAW,CAAA,EAChCV,UAAU,CACP;AAEV,CAAA;"}

package/dist/cjs/__future__/Tag/{Tag.cjs → Tag/Tag.cjs}

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Tag_module = require('./Tag.module.scss.cjs');
@@ -9,10 +10,11 @@ const Tag = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       icon = _a.icon,
       _b = _a.color,
-      color = _b === void 0 ? "gray" : _b;
-    return React.createElement("span", {
+      color = _b === void 0 ? "gray" : _b,
+      restProps = tslib.__rest(_a, ["children", "classNameOverride", "icon", "color"]);
+    return React.createElement("span", tslib.__assign({
       className: classnames(Tag_module.tag, Tag_module[color], classNameOverride)
-    }, icon && React.createElement("span", {
+    }, restProps), icon && React.createElement("span", {
       className: Tag_module.iconContainer
     }, icon), children);
   };

package/dist/cjs/__future__/Tag/Tag/Tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","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,KAAA,CAAAA,MAAA,CAAAP,EAAA,EALM,kDAMnB,CADa;IACe,OAC3BQ,KACE,CAAAC,aAAA,CAAA,MAAA,EAAAC,KAAAA,CAAAA,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,UAAM,CAACC,GAAG,EAAED,UAAM,CAACR,KAAK,CAAC,EAAEH,iBAAiB;IAAC,GAC/DI,SAAS,CAAA,EAEZH,IAAI,IAAIK;MAAMG,SAAS,EAAEE,UAAM,CAACE;IAAgB,CAAA,EAAAZ,IAAI,CAAQ,EAC5DF,QAAQ,CACJ;GACR;EAEDF,GAAG,CAACiB,WAAW,GAAG,KAAK;EAAA,OAhBVjB,GAAG;AAAA;"}

package/dist/cjs/__future__/Tag/Tag/Tag.module.scss.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+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"
+};
+module.exports = styles;
+//# sourceMappingURL=Tag.module.scss.cjs.map

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/dts/Calendar/CalendarRange/CalendarRange.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DayPickerRangeProps } from "react-day-picker";
 import { OverrideClassName } from "../../types/OverrideClassName";
 export type CalendarRangeElement = HTMLDivElement;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DayPickerSingleProps } from "react-day-picker";
 import { OverrideClassName } from "../../types/OverrideClassName";
 export type CalendarSingleElement = HTMLDivElement;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateRange, DayClickEventHandler, Matcher } from "react-day-picker";
 import { DayOfWeek } from "../enums";
 export type LegacyCalendarRangeElement = HTMLDivElement;

package/dist/cjs/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/cjs/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/cjs/dts/Container/index.d.ts

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

package/dist/cjs/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/cjs/dts/Content/index.d.ts

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

package/dist/cjs/dts/DateInput/DateInputDescription/DateInputDescription.d.ts

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

package/dist/cjs/dts/Filter/_docs/controls/renderTriggerControls.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterButtonProps } from "../../../FilterButton";
 export declare const renderTriggerControls: {
     description: string;

package/dist/cjs/dts/FilterBar/FilterBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OverrideClassName } from "../types/OverrideClassName";
 import { FilterBarProviderProps } from "./context/FilterBarContext";
 import { FiltersValues } from "./types";

package/dist/cjs/dts/FilterBar/context/FilterBarContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterAttributes, FilterState, Filters, FiltersValues } from "../types";
 import { ActiveFiltersArray } from "./types";
 export type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {

package/dist/cjs/dts/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const AddFiltersMenu: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/FilterBar/subcomponents/ClearAllButton/ClearAllButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ClearAllButton: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterDatePickerProps } from "../../../FilterDatePicker";
 export type FilterBarDatePickerProps = Omit<FilterDatePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedDate" | "onDateChange" | "locale"> & {
     id?: string;

package/dist/cjs/dts/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterDateRangePickerProps } from "../../../FilterDateRangePicker";
 export type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedRange" | "onRangeChange" | "locale"> & {
     id?: string;

package/dist/cjs/dts/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterSelectProps, SelectOption } from "../../../FilterSelect";
 export type FilterBarSelectProps<Option extends SelectOption = SelectOption> = Omit<FilterSelectProps<Option>, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKey"> & {
     id?: string;

package/dist/cjs/dts/FilterDatePicker/FilterDatePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterProps } from "../Filter";
 import { FilterButtonProps } from "../FilterButton";
 import { FilterDatePickerFieldProps } from "./subcomponents/FilterDatePickerField";

package/dist/cjs/dts/FilterDateRangePicker/FilterDateRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterProps } from "../Filter";
 import { FilterButtonProps } from "../FilterButton";
 import { FilterDateRangePickerFieldProps } from "./subcomponents/FilterDateRangePickerField";

package/dist/cjs/dts/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type DateRangeDisplayLabelProps = {
     dateRange: {
         from: Date;

package/dist/cjs/dts/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateRangeFieldValidationMessage } from "../FilterDateRangePickerField/types";
 export type DateRangeValidationMessageProps = {
     validationMessage?: DateRangeFieldValidationMessage;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "../../../Button";
 export type LoadMoreButtonProps = ButtonProps;
 export declare const LoadMoreButton: {

package/dist/cjs/dts/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type MenuLoadingSkeletonProps = {
     isAnimated?: boolean;
 };

package/dist/cjs/dts/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MultiSelectItem } from "../../types";
 export interface MultiSelectOptionProps {
     classNameOverride?: string;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/SearchInput/SearchInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type SearchInputProps = {
     label?: string;
     id?: string;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SectionDivider: () => JSX.Element;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ClearButton: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SelectAllButton: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type FilterTriggerButtonProps = {
     label: string;
     selectedOptionLabels: string[];

package/dist/cjs/dts/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterTriggerButtonProps } from "../FilterTriggerButton";
 export type RemovableFilterTriggerProps = FilterTriggerButtonProps & {
     onRemove: () => void;

package/dist/cjs/dts/FilterSelect/FilterSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps as AriaSelectProps } from "@react-stately/select";
 import { FilterButtonProps } from "../FilterButton";
 import { SelectPopoverContentsProps } from "../__future__/Select/subcomponents";

package/dist/cjs/dts/Icon/AcademyIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AcademyIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ActionOffIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOffIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ActionOffWhiteIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOffWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ActionOnIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOnIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AddIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AddLinkIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddLinkIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AddWhiteIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AiIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AiIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArchivedIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArchivedIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArchivedWhiteIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArchivedWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowBackwardIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowBackwardIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowDownIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowDownIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowForwardIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowForwardIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowLeftIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowLeftIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowRightIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowRightIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowUpIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowUpIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BlankIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BlankIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BoldIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BoldIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BookmarkOffIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BookmarkOffIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BookmarkOnIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BookmarkOnIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BranchingIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BranchingIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BullettedListIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BullettedListIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/CaMonogramIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const CaMonogramIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/CameraIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const CameraIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/CautionIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const CautionIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/CautionWhiteIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const CautionWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/CheckIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const CheckIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ChevronDownIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ChevronDownIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ChevronLeftIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ChevronLeftIcon: (props: IconProps) => JSX.Element;