npm - @kaizen/components - Versions diffs - 1.31.0 → 1.33.0 - Mend

@kaizen/components 1.31.0 → 1.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (763) hide show

package/dist/cjs/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.cjs ADDED Viewed

@@ -0,0 +1,54 @@
+'use strict';
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FieldGroup = require('../../FieldGroup/FieldGroup.cjs');
+var Label = require('../../Label/Label.cjs');
+var ToggleSwitch = require('../ToggleSwitch/ToggleSwitch.cjs');
+var ToggleSwitchField_module = require('./ToggleSwitchField.module.scss.cjs');
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075638160/Toggle+Switch Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-toggleswitch-ield--docs Storybook}
+ */
+const ToggleSwitchField = /*#__PURE__*/function () {
+  const ToggleSwitchField = function (_a) {
+    var propsId = _a.id,
+      labelText = _a.labelText,
+      _b = _a.labelPosition,
+      labelPosition = _b === void 0 ? "start" : _b,
+      toggledStatus = _a.toggledStatus,
+      disabled = _a.disabled,
+      reversed = _a.reversed,
+      inline = _a.inline,
+      fullWidth = _a.fullWidth,
+      restProps = tslib.__rest(_a, ["id", "labelText", "labelPosition", "toggledStatus", "disabled", "reversed", "inline", "fullWidth"]);
+    var reactId = React.useId();
+    var id = propsId || reactId;
+    return React.createElement(FieldGroup.FieldGroup, {
+      id: "".concat(id, "-field-group"),
+      inline: inline,
+      classNameOverride: classnames(ToggleSwitchField_module.container, fullWidth && ToggleSwitchField_module.fullWidth, toggledStatus === "on" && ToggleSwitchField_module.on)
+    }, React.createElement("div", {
+      className: ToggleSwitchField_module.inner
+    }, React.createElement(Label.Label, {
+      id: "".concat(id, "-field-label"),
+      htmlFor: "".concat(id, "-field-toggle"),
+      labelText: labelText,
+      labelType: "toggle",
+      labelPosition: labelPosition,
+      disabled: disabled,
+      reversed: reversed
+    }, React.createElement(ToggleSwitch.ToggleSwitch, tslib.__assign({
+      id: "".concat(id, "-field-toggle"),
+      disabled: disabled,
+      reversed: reversed,
+      toggledStatus: toggledStatus
+    }, restProps)))));
+  };
+  ToggleSwitchField.displayName = "ToggleSwitchField";
+  return ToggleSwitchField;
+}();
+exports.ToggleSwitchField = ToggleSwitchField;
+//# sourceMappingURL=ToggleSwitchField.cjs.map

package/dist/cjs/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToggleSwitchField.cjs","sources":["../../../../src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { Label } from \"~components/Label\"\nimport {\n ToggledStatus,\n ToggleSwitch,\n ToggleSwitchProps,\n} from \"../ToggleSwitch/ToggleSwitch\"\nimport styles from \"./ToggleSwitchField.module.scss\"\n\nexport type ToggleSwitchFieldProps = {\n labelText: React.ReactNode\n labelPosition?: \"start\" | \"end\"\n toggledStatus?: ToggledStatus\n disabled?: boolean\n reversed?: boolean\n inline?: boolean\n fullWidth?: boolean\n} & ToggleSwitchProps\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075638160/Toggle+Switch Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-toggleswitch-ield--docs Storybook}\n */\nexport const ToggleSwitchField = ({\n id: propsId,\n labelText,\n labelPosition = \"start\",\n toggledStatus,\n disabled,\n reversed,\n inline,\n fullWidth,\n ...restProps\n}: ToggleSwitchFieldProps): JSX.Element => {\n const reactId = useId()\n const id = propsId || reactId\n\n return (\n <FieldGroup\n id={`${id}-field-group`}\n inline={inline}\n classNameOverride={classnames(\n styles.container,\n fullWidth && styles.fullWidth,\n toggledStatus === \"on\" && styles.on\n )}\n >\n <div className={styles.inner}>\n <Label\n id={`${id}-field-label`}\n htmlFor={`${id}-field-toggle`}\n labelText={labelText}\n labelType=\"toggle\"\n labelPosition={labelPosition}\n disabled={disabled}\n reversed={reversed}\n >\n <ToggleSwitch\n id={`${id}-field-toggle`}\n disabled={disabled}\n reversed={reversed}\n toggledStatus={toggledStatus}\n {...restProps}\n />\n </Label>\n </div>\n </FieldGroup>\n )\n}\n\nToggleSwitchField.displayName = \"ToggleSwitchField\"\n"],"names":["ToggleSwitchField","_a","propsId","id","labelText","_b","labelPosition","toggledStatus","disabled","reversed","inline","fullWidth","restProps","__rest","reactId","useId","React","createElement","FieldGroup","concat","classNameOverride","classnames","styles","container","on","className","inner","Label","htmlFor","labelType","ToggleSwitch","__assign","displayName"],"mappings":";;;;;;;;;;AAqBA;;;AAGG;AAHH,MAIaA,iBAAiB;EAAA,MAAjBA,iBAAiB,GAAG,SAAAA,CAACC,EAUT,EAAA;IATvB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,EAAuB,GAAAJ,EAAA,CAAAK,aAAA;MAAvBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACvBE,aAAa,GAAAN,EAAA,CAAAM,aAAA;MACbC,QAAQ,GAAAP,EAAA,CAAAO,QAAA;MACRC,QAAQ,GAAAR,EAAA,CAAAQ,QAAA;MACRC,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,SAAS,GAAAV,EAAA,CAAAU,SAAA;MACNC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAZ,EAAA,EAToB,oGAUjC,CADa;IAEZ,IAAMa,OAAO,GAAGC,KAAAA,CAAAA,KAAK,EAAE;IACvB,IAAMZ,EAAE,GAAGD,OAAO,IAAIY,OAAO;IAE7B,OACEE,KAAA,CAAAC,aAAA,CAACC,UAAU,CAAAA,UAAA,EAAA;MACTf,EAAE,EAAE,EAAA,CAAAgB,MAAA,CAAGhB,EAAE,EAAA,cAAA,CAAc;MACvBO,MAAM,EAAEA,MAAM;MACdU,iBAAiB,EAAEC,UAAU,CAC3BC,wBAAM,CAACC,SAAS,EAChBZ,SAAS,IAAIW,wBAAM,CAACX,SAAS,EAC7BJ,aAAa,KAAK,IAAI,IAAIe,wBAAM,CAACE,EAAE;IACpC,CAAA,EAEDR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKQ,SAAS,EAAEH,wBAAM,CAACI;IAAK,CAAA,EAC1BV,KAAA,CAAAC,aAAA,CAACU,WAAK,EAAA;MACJxB,EAAE,EAAE,UAAGA,EAAE,EAAA,cAAA,CAAc;MACvByB,OAAO,EAAE,EAAA,CAAAT,MAAA,CAAGhB,EAAE,EAAA,eAAA,CAAe;MAC7BC,SAAS,EAAEA,SAAS;MACpByB,SAAS,EAAC,QAAQ;MAClBvB,aAAa,EAAEA,aAAa;MAC5BE,QAAQ,EAAEA,QAAQ;MAClBC,QAAQ,EAAEA;IAAQ,CAAA,EAElBO,KAAC,CAAAC,aAAA,CAAAa,YAAAA,CAAAA,YAAY,EACXC,KAAA,CAAAA,QAAA,CAAA;MAAA5B,EAAE,EAAE,EAAA,CAAAgB,MAAA,CAAGhB,EAAE,EAAA,eAAA,CAAe;MACxBK,QAAQ,EAAEA,QAAQ;MAClBC,QAAQ,EAAEA,QAAQ;MAClBF,aAAa,EAAEA;IAAa,CAAA,EACxBK,SAAS,CAAA,CACb,CACI,CACJ,CACK;EAEjB,CAAC;EAEDZ,iBAAiB,CAACgC,WAAW,GAAG,mBAAmB;EAAA,OA/CtChC,iBAAiB;AAAA;"}

package/dist/cjs/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.module.scss.cjs ADDED Viewed

@@ -0,0 +1,10 @@
+'use strict';
+var styles = {
+  "container": "ToggleSwitchField-module_container__e7TXD",
+  "fullWidth": "ToggleSwitchField-module_fullWidth__ybDf-",
+  "inner": "ToggleSwitchField-module_inner__9-O0m",
+  "on": "ToggleSwitchField-module_on__HQOkN"
+};
+module.exports = styles;
+//# sourceMappingURL=ToggleSwitchField.module.scss.cjs.map

package/dist/cjs/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.module.scss.cjs.map ADDED Viewed

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

package/dist/cjs/dts/BrandMoment/_docs/ExampleHeaders.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <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/IconButton/IconButton.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Calendar/CalendarRange/CalendarRange.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <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 CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <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 CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <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 CHANGED Viewed

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

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

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

package/dist/cjs/dts/ErrorPage/hooks/useErrorMessages.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare const statusCodes: readonly ["400", "401", "403", "404", "422", "500", "502", "503", "504"];
+export declare const statusCodes: readonly ["400", "401", "403", "404", "413", "422", "500", "502", "503", "504"];
 export type ErrorStatuses = (typeof statusCodes)[number];
 type TranslationMap = Record<ErrorStatuses, {
     title: string;

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

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

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

@@ -1,3 +1,4 @@
+/// <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 CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <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 CHANGED Viewed

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

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

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

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

@@ -1,3 +1,4 @@
+/// <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 CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <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 CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <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 CHANGED Viewed

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

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

@@ -1,3 +1,4 @@
+/// <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 CHANGED Viewed

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

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

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

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

@@ -1,3 +1,4 @@
+/// <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 CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <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 CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/dts/Icon/ChevronRightIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/ChevronUpIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/ClearIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/ClearWhiteIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/CloseIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/ClosedIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/ClosedWhiteIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/CommentAddIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/CommentAddWhiteIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/CommentBankIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/CommentDisabledIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/CommentDisabledWhiteIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/CommentIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/CommentWhiteIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/CommunicationsIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/CompetencyLibraryIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/ConfigureIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/ConnectIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/ConnectLineIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/CustomIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/DashboardIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/DateEndIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/DateEndWhiteIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/DateRangeIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/DateRangeWhiteIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/DateStartIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/DateStartWhiteIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/DecreaseIndentIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/DeltaBareIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/DeltaBareWhiteIcon.d.ts CHANGED Viewed

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

package/dist/cjs/dts/Icon/DeltaFlatIcon.d.ts CHANGED Viewed

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