@kaizen/components 1.22.3 → 1.24.0

package/dist/cjs/dts/Icons/index.d.ts

@@ -0,0 +1,236 @@
+export * from "./AcademyIcon";
+export * from "./ActionOffIcon";
+export * from "./ActionOffWhiteIcon";
+export * from "./ActionOnIcon";
+export * from "./AddIcon";
+export * from "./AddLinkIcon";
+export * from "./AddWhiteIcon";
+export * from "./ArchivedIcon";
+export * from "./ArchivedWhiteIcon";
+export * from "./ArrowBackwardIcon";
+export * from "./ArrowDownIcon";
+export * from "./ArrowForwardIcon";
+export * from "./ArrowLeftIcon";
+export * from "./ArrowRightIcon";
+export * from "./ArrowUpIcon";
+export * from "./BlankIcon";
+export * from "./BoldIcon";
+export * from "./BookmarkOffIcon";
+export * from "./BookmarkOnIcon";
+export * from "./BranchingIcon";
+export * from "./BullettedListIcon";
+export * from "./CaMonogramIcon";
+export * from "./CameraIcon";
+export * from "./CautionIcon";
+export * from "./CautionWhiteIcon";
+export * from "./CheckIcon";
+export * from "./ChevronDownIcon";
+export * from "./ChevronLeftIcon";
+export * from "./ChevronRightIcon";
+export * from "./ChevronUpIcon";
+export * from "./ClearIcon";
+export * from "./ClearWhiteIcon";
+export * from "./CloseIcon";
+export * from "./ClosedIcon";
+export * from "./ClosedWhiteIcon";
+export * from "./CommentAddIcon";
+export * from "./CommentAddWhiteIcon";
+export * from "./CommentBankIcon";
+export * from "./CommentDisabledIcon";
+export * from "./CommentDisabledWhiteIcon";
+export * from "./CommentIcon";
+export * from "./CommentWhiteIcon";
+export * from "./CommunicationsIcon";
+export * from "./CompetencyLibraryIcon";
+export * from "./ConfigureIcon";
+export * from "./ConnectIcon";
+export * from "./ConnectLineIcon";
+export * from "./CustomIcon";
+export * from "./DashboardIcon";
+export * from "./DateEndIcon";
+export * from "./DateEndWhiteIcon";
+export * from "./DateRangeIcon";
+export * from "./DateRangeWhiteIcon";
+export * from "./DateStartIcon";
+export * from "./DateStartWhiteIcon";
+export * from "./DecreaseIndentIcon";
+export * from "./DeltaBareIcon";
+export * from "./DeltaBareWhiteIcon";
+export * from "./DeltaFlatIcon";
+export * from "./DeltaIcon";
+export * from "./DeltaNegativeIcon";
+export * from "./DeltaPositiveIcon";
+export * from "./DeltaWhiteIcon";
+export * from "./DemographicsIcon";
+export * from "./DepartmentIcon";
+export * from "./DraftIcon";
+export * from "./DraftWhiteIcon";
+export * from "./DragIcon";
+export * from "./DuplicateIcon";
+export * from "./EditIcon";
+export * from "./EffectivenessIcon";
+export * from "./EllipsisIcon";
+export * from "./EmailIcon";
+export * from "./EmptyIcon";
+export * from "./EmptyWhiteIcon";
+export * from "./EndIcon";
+export * from "./EngagementIcon";
+export * from "./EngagementWhiteIcon";
+export * from "./EqualIcon";
+export * from "./EqualWhiteIcon";
+export * from "./ExclamationIcon";
+export * from "./ExclamationOctagonIcon";
+export * from "./ExclamationOctagonWhiteIcon";
+export * from "./ExclamationWhiteIcon";
+export * from "./ExperienceIcon";
+export * from "./ExportIcon";
+export * from "./ExportWhiteIcon";
+export * from "./ExternalLinkIcon";
+export * from "./FaceDissatisfiedIcon";
+export * from "./FaceDissatisfiedWhiteIcon";
+export * from "./FaceNeutralIcon";
+export * from "./FaceNeutralWhiteIcon";
+export * from "./FaceSatisfiedIcon";
+export * from "./FaceSatisfiedWhiteIcon";
+export * from "./FaceVeryDissatisfiedIcon";
+export * from "./FaceVeryDissatisfiedWhiteIcon";
+export * from "./FaceVerySatisfiedIcon";
+export * from "./FaceVerySatisfiedWhiteIcon";
+export * from "./FactorsIcon";
+export * from "./FavoriteOffIcon";
+export * from "./FavoriteOnIcon";
+export * from "./FeedbackClassifyIcon";
+export * from "./FeedbackClassifyWhiteIcon";
+export * from "./FeedbackCompletedIcon";
+export * from "./FeedbackCompletedWhiteIcon";
+export * from "./FeedbackReportIcon";
+export * from "./FeedbackReportWhiteIcon";
+export * from "./FeedbackReviewIcon";
+export * from "./FeedbackReviewWhiteIcon";
+export * from "./FeedbackShareIcon";
+export * from "./FeedbackShareWhiteIcon";
+export * from "./FileIcon";
+export * from "./FileWhiteIcon";
+export * from "./FilterIcon";
+export * from "./FlagOffIcon";
+export * from "./FlagOffWhiteIcon";
+export * from "./FlagOnIcon";
+export * from "./FullIcon";
+export * from "./GridViewIcon";
+export * from "./GuidanceIcon";
+export * from "./HamburgerIcon";
+export * from "./HeatmapIcon";
+export * from "./HeatmapWhiteIcon";
+export * from "./HierarchyIcon";
+export * from "./HomeIcon";
+export * from "./ImportIcon";
+export * from "./ImportWhiteIcon";
+export * from "./IncreaseIndentIcon";
+export * from "./IndicatorActiveIcon";
+export * from "./IndicatorInactiveIcon";
+export * from "./InformationIcon";
+export * from "./InformationWhiteIcon";
+export * from "./InsightIcon";
+export * from "./InsightsIcon";
+export * from "./InvisibleIcon";
+export * from "./ItalicsIcon";
+export * from "./KebabIcon";
+export * from "./KioskIcon";
+export * from "./KioskWhiteIcon";
+export * from "./LaunchIcon";
+export * from "./LaunchWhiteIcon";
+export * from "./LeaderboardIcon";
+export * from "./ListViewIcon";
+export * from "./LiveIcon";
+export * from "./LockIcon";
+export * from "./LockWhiteIcon";
+export * from "./LogOutIcon";
+export * from "./MaximizeIcon";
+export * from "./MeatballsIcon";
+export * from "./MinimizeIcon";
+export * from "./MinusIcon";
+export * from "./NavigatorIcon";
+export * from "./NotificationIcon";
+export * from "./NumberedListIcon";
+export * from "./NumberedListRtlIcon";
+export * from "./OpenIcon";
+export * from "./OpenWhiteIcon";
+export * from "./OrganizationIcon";
+export * from "./ParticipationIcon";
+export * from "./ParticipationWhiteIcon";
+export * from "./PauseIcon";
+export * from "./PauseWhiteIcon";
+export * from "./PercentageIcon";
+export * from "./PermissionsIcon";
+export * from "./PersonIcon";
+export * from "./PhotoUploadIcon";
+export * from "./PowerIcon";
+export * from "./PrintIcon";
+export * from "./PrintWhiteIcon";
+export * from "./ProcessManagerIcon";
+export * from "./PromotionIcon";
+export * from "./PromotionWhiteIcon";
+export * from "./QuestionIcon";
+export * from "./QuestionWhiteIcon";
+export * from "./QuestionsIcon";
+export * from "./RedoIcon";
+export * from "./RefreshIcon";
+export * from "./RemoveLinkIcon";
+export * from "./RepeatsIcon";
+export * from "./ReportIcon";
+export * from "./ReportSharingIcon";
+export * from "./RestoreIcon";
+export * from "./SaveIcon";
+export * from "./SearchIcon";
+export * from "./SearchWhiteIcon";
+export * from "./SecurityTipIcon";
+export * from "./SendIcon";
+export * from "./SendRtlIcon";
+export * from "./SettingsIcon";
+export * from "./SettingsWhiteIcon";
+export * from "./ShareIcon";
+export * from "./SkipIcon";
+export * from "./SkipWhiteIcon";
+export * from "./SortAscendingIcon";
+export * from "./SortDescendingIcon";
+export * from "./SpinnerIcon";
+export * from "./StarOffIcon";
+export * from "./StarOnIcon";
+export * from "./StartIcon";
+export * from "./SubtractIcon";
+export * from "./SubtractWhiteIcon";
+export * from "./SuccessIcon";
+export * from "./SuccessWhiteIcon";
+export * from "./SupportIcon";
+export * from "./SurveysIcon";
+export * from "./SurveysWhiteIcon";
+export * from "./SyncIcon";
+export * from "./TagIcon";
+export * from "./TasksIcon";
+export * from "./TasksWhiteIcon";
+export * from "./TemplateIcon";
+export * from "./TemplateWhiteIcon";
+export * from "./TextAnalyticsIcon";
+export * from "./TextAnalyticsWhiteIcon";
+export * from "./ThumbsDownIcon";
+export * from "./ThumbsUpIcon";
+export * from "./TimeIcon";
+export * from "./TimeWhiteIcon";
+export * from "./TranslationIcon";
+export * from "./TrashIcon";
+export * from "./UnattributedIcon";
+export * from "./UnattributedWhiteIcon";
+export * from "./UnderlineIcon";
+export * from "./UndoIcon";
+export * from "./UserAddIcon";
+export * from "./UserDeleteIcon";
+export * from "./UserExitIcon";
+export * from "./UserIcon";
+export * from "./UserSelectIcon";
+export * from "./UserSettingsIcon";
+export * from "./UserUpdateIcon";
+export * from "./UsersIcon";
+export * from "./VisibleIcon";
+export * from "./WritingIcon";
+export * from "./ZoomInIcon";
+export * from "./ZoomOutIcon";

package/dist/cjs/dts/Icons/subComponents/SVG/SVG.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode, SVGAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+type BaseSVGProps = {
+    inheritSize?: boolean;
+} & OverrideClassName<SVGAttributes<SVGElement>>;
+type MeaningfulIcon = {
+    role: "img";
+    "aria-label": string;
+};
+type DecorativeIcon = {
+    role: "presentation";
+    "aria-label"?: never;
+};
+export type IconProps = BaseSVGProps & (MeaningfulIcon | DecorativeIcon);
+export type SVGProps = IconProps & {
+    children: ReactNode;
+};
+/**
+ * {@link https://cultureamp.design/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}
+ */
+export declare const SVG: {
+    ({ inheritSize, role, viewBox, classNameOverride, children, ...restProps }: SVGProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/Icons/subComponents/Template.d.ts

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

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

@@ -1,12 +1,12 @@
 import { InputHTMLAttributes } from "react";
 import { OverrideClassName } from "../types/OverrideClassName";
-export interface InputSearchProps extends OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue">> {
+export type InputSearchProps = {
     id: string;
     reversed?: boolean;
     loading?: boolean;
     secondary?: boolean;
     onClear?: () => void;
-}
+} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue">>;
 export declare const InputSearch: {
     (props: InputSearchProps): JSX.Element;
     displayName: string;

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

@@ -1,10 +1,10 @@
 import React from "react";
 import { ThemeManager } from "./ThemeProvider";
-export interface KaizenProviderProps {
+export type KaizenProviderProps = {
     children: React.ReactNode;
     themeManager?: ThemeManager;
     locale?: string;
-}
+};
 export declare const KaizenProvider: {
     ({ children, themeManager, locale, }: KaizenProviderProps): JSX.Element;
     displayName: string;

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

@@ -1,9 +1,10 @@
-import React from "react";
-export interface LabelledMessageProps {
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type LabelledMessageProps = {
     label: string | React.ReactElement;
     message: string | React.ReactElement;
-}
+} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
 export declare const LabelledMessage: {
-    ({ label, message, }: LabelledMessageProps): JSX.Element;
+    ({ label, message, classNameOverride, ...restProps }: LabelledMessageProps): JSX.Element;
     displayName: string;
 };

package/dist/cjs/dts/MultiSelect/subcomponents/Checkbox/Checkbox.d.ts

@@ -0,0 +1,19 @@
+import { InputHTMLAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+export type CheckedStatus = "checked" | "unchecked" | "indeterminate";
+type ReadOnly = {
+    readOnly: true;
+    onChange?: never;
+};
+type Controlled = {
+    readOnly?: false;
+    onChange: Required<InputHTMLAttributes<HTMLInputElement>["onChange"]>;
+};
+export type CheckboxProps = {
+    checkedStatus: CheckedStatus;
+} & (ReadOnly | Controlled) & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "checked">>;
+export declare const Checkbox: {
+    ({ checkedStatus, classNameOverride, ...restProps }: CheckboxProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/MultiSelect/subcomponents/Checkbox/index.d.ts

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

package/dist/cjs/dts/Workflow/subcomponents/Footer/Footer.d.ts

@@ -1,12 +1,12 @@
 import { HTMLAttributes } from "react";
 import { OverrideClassName } from "../../../types/OverrideClassName";
 import { ProgressStepperProps } from "./components";
-export interface FooterProps extends OverrideClassName<Omit<HTMLAttributes<HTMLElement>, "children">>, ProgressStepperProps {
+export type FooterProps = {
     /** An action to return to a previous step */
     previousAction?: JSX.Element;
     /** An action to progress to the next step or submit the form */
     nextAction?: JSX.Element;
-}
+} & ProgressStepperProps & OverrideClassName<Omit<HTMLAttributes<HTMLElement>, "children">>;
 export declare const Footer: {
     ({ steps, stepName, isComplete, previousAction, nextAction, ...restProps }: FooterProps): JSX.Element;
     displayName: string;

package/dist/cjs/dts/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.d.ts

@@ -1,10 +1,9 @@
 import { HTMLAttributes } from "react";
 import { OverrideClassName } from "../../../../../types/OverrideClassName";
-export interface FooterActionsProps extends OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">> {
-    /** @default "start" */
+export type FooterActionsProps = {
     actionType?: "Previous" | "Next";
     action?: JSX.Element;
-}
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>;
 /** A simple wrapper for a Footer previous or next action  */
 export declare const FooterAction: {
     ({ actionType, action, ...restProps }: FooterActionsProps): JSX.Element;

package/dist/cjs/dts/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export interface ProgressStepperProps {
+export type ProgressStepperProps = {
     stepName: string;
     steps: [string, ...string[]];
     isComplete?: boolean;
-}
+};
 export declare const ProgressStepper: {
     ({ stepName, steps, isComplete, ...restprops }: ProgressStepperProps): JSX.Element;
     displayName: string;

package/dist/cjs/dts/Workflow/subcomponents/Header/components/Actions/Actions.d.ts

@@ -1,11 +1,11 @@
 import { HTMLAttributes } from "react";
 import { OverrideClassName } from "../../../../../types/OverrideClassName";
-export interface WorkflowActionsProps extends OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">> {
+export type WorkflowActionsProps = {
     /**
      * Header actions will render in order of the array.
      */
     headerActions?: JSX.Element[];
-}
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>;
 /** A wrapper for an exit trigger (and other) actions of the Header Workflow  */
 export declare const Actions: {
     ({ headerActions, ...restProps }: WorkflowActionsProps): JSX.Element;

package/dist/cjs/dts/Workflow/subcomponents/Header/components/Branding/Branding.d.ts

@@ -1,11 +1,10 @@
 import { HTMLAttributes } from "react";
 import { BrandProps } from "@kaizen/brand";
 import { OverrideClassName } from "../../../../../types/OverrideClassName";
-export interface WorflowBrandingProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
-    /** * @default: "logo-horizontal" */
+export type WorflowBrandingProps = {
     variant?: BrandProps["variant"];
     alt: string;
-}
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 export declare const Branding: {
     ({ variant, alt, }: WorflowBrandingProps): JSX.Element;
     displayName: string;

package/dist/cjs/dts/Workflow/subcomponents/Header/components/Titles/Titles.d.ts

@@ -6,11 +6,11 @@ export type WorkflowStatus = {
     variant?: DefaultTagProps["variant"];
     content?: string;
 };
-export interface WorkflowTitlesProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+export type WorkflowTitlesProps = {
     workflowName: string;
     stepName: string;
     status?: WorkflowStatus;
-}
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 export declare const Titles: {
     ({ workflowName, stepName, status, ...restProps }: WorkflowTitlesProps): JSX.Element;
     displayName: string;

package/dist/cjs/dts/__future__/Workflow/subcomponents/Footer/Footer.d.ts

@@ -1,12 +1,12 @@
-import { HTMLAttributes } from "react";
+/// <reference types="react" />
 import { OverrideClassName } from "../../../../types/OverrideClassName";
-import { ProgressStepperProps } from "./components";
-export interface FooterProps extends OverrideClassName<Omit<HTMLAttributes<HTMLElement>, "children">>, ProgressStepperProps {
+import { ProgressStepperProps, FooterRootProps } from "./components";
+export type FooterProps = {
     /** An action to return to a previous step */
     previousAction?: JSX.Element;
     /** An action to progress to the next step or submit the form */
     nextAction?: JSX.Element;
-}
+} & ProgressStepperProps & OverrideClassName<Omit<FooterRootProps, "children">>;
 export declare const Footer: {
     ({ steps, currentStepId, isComplete, previousAction, nextAction, ...restProps }: FooterProps): JSX.Element;
     displayName: string;

package/dist/cjs/dts/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.d.ts

@@ -1,10 +1,9 @@
 import { HTMLAttributes } from "react";
 import { OverrideClassName } from "../../../../../../types/OverrideClassName";
-export interface FooterActionsProps extends OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">> {
-    /** @default "start" */
+export type FooterActionsProps = {
     actionType?: "Previous" | "Next";
     action?: JSX.Element;
-}
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>;
 /** A simple wrapper for a Footer previous or next action  */
 export declare const FooterAction: {
     ({ actionType, action, ...restProps }: FooterActionsProps): JSX.Element;

package/dist/cjs/dts/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.d.ts

@@ -4,14 +4,13 @@ export type Step = {
     label: string;
 };
 export type Steps = [Step, ...Step[]];
-export interface ProgressStepperProps {
-    /** the id reference to within a Step object */
+export type ProgressStepperProps = {
+    /** The id reference to within a Step object */
     currentStepId: Step["id"];
     /** A non-empty array of Steps */
     steps: Steps;
-    /** @default false */
     isComplete?: boolean;
-}
+};
 export declare const ProgressStepper: {
     ({ currentStepId, steps, isComplete, ...restprops }: ProgressStepperProps): JSX.Element;
     displayName: string;

package/dist/cjs/dts/__future__/Workflow/subcomponents/Header/components/Actions/Actions.d.ts

@@ -1,11 +1,11 @@
 import { HTMLAttributes } from "react";
 import { OverrideClassName } from "../../../../../../types/OverrideClassName";
-export interface WorkflowActionsProps extends OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">> {
+export type WorkflowActionsProps = {
     /**
      * Header actions will render in order of the array.
      */
     headerActions?: JSX.Element[];
-}
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "children">>;
 /** A wrapper for an exit trigger (and other) actions of the Header Workflow  */
 export declare const Actions: {
     ({ headerActions, ...restProps }: WorkflowActionsProps): JSX.Element;

package/dist/cjs/dts/__future__/Workflow/subcomponents/Header/components/Branding/Branding.d.ts

@@ -1,11 +1,10 @@
 import { HTMLAttributes } from "react";
 import { BrandProps } from "@kaizen/brand";
 import { OverrideClassName } from "../../../../../../types/OverrideClassName";
-export interface WorflowBrandingProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
-    /** * @default: "logo-horizontal" */
+export type WorflowBrandingProps = {
     variant?: BrandProps["variant"];
     alt: string;
-}
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 export declare const Branding: {
     ({ variant, alt, }: WorflowBrandingProps): JSX.Element;
     displayName: string;

package/dist/cjs/dts/__future__/Workflow/subcomponents/Header/components/Titles/Titles.d.ts

@@ -6,11 +6,11 @@ export type WorkflowStatus = {
     variant?: DefaultTagProps["variant"];
     content?: string;
 };
-export interface WorkflowTitlesProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+export type WorkflowTitlesProps = {
     workflowName: string;
     stepName: string;
     status?: WorkflowStatus;
-}
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 export declare const Titles: {
     ({ workflowName, stepName, status, ...restProps }: WorkflowTitlesProps): JSX.Element;
     displayName: string;

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

@@ -1,5 +1,7 @@
+export * from "./types/DatePicker";
 export * from "./Button";
 export * from "./ClearButton";
+export * from "./ErrorPage";
 export * from "./Filter";
 export * from "./FilterBar";
 export * from "./FilterButton";
@@ -10,5 +12,4 @@ export * from "./FilterSelect";
 export * from "./InputSearch";
 export * from "./KaizenProvider";
 export * from "./Workflow";
-export * from "./types/DatePicker";
-export * from "./ErrorPage";
+export * from "./Icons";

package/dist/cjs/future.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var SuccessIcon = require('./SuccessIcon-69e05534.js');
+var SuccessIcon = require('./SuccessIcon-3b7434ae.js');
 var React = require('react');
 var classnames = require('classnames');
 var typography = require('@kaizen/typography');
+require('uuid');
 var draftTag = require('@kaizen/draft-tag');
 var brand = require('@kaizen/brand');