@kaizen/components 0.0.0-canary-bump-react-intl-20230830002428 → 0.0.0-canary-cg-test-20231009044311

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Footer/components/Root/Root.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var FooterRoot_module = require('./FooterRoot.module.scss.js');
+
+var FooterRoot = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("footer", tslib_es6.__assign({ className: classnames(FooterRoot_module.footerRoot, classNameOverride) }, restProps), children);
+};
+FooterRoot.displayName = "Workflow.FooterRoot";
+
+exports.FooterRoot = FooterRoot;
+//# sourceMappingURL=Root.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Footer/components/Root/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sources":["../../../../../../../../../../../src/__future__/Workflow/subcomponents/Footer/components/Root/Root.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FooterRoot.module.scss\"\n\nexport type FooterRootProps = OverrideClassName<\n  HTMLAttributes<HTMLHeadingElement>\n>\n\nexport const FooterRoot = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: FooterRootProps): JSX.Element => (\n  <footer\n    className={classnames(styles.footerRoot, classNameOverride)}\n    {...restProps}\n  >\n    {children}\n  </footer>\n)\n\nFooterRoot.displayName = \"Workflow.FooterRoot\"\n"],"names":["__rest","__assign","styles"],"mappings":";;;;;;;AASa,IAAA,UAAA,GAAa,SAAC,EAIT,EAAA;AAHhB,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAHsB,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI1B,CAAA,CAAA;AAAmC,EAAA,OAClC,KACE,CAAA,aAAA,CAAA,QAAA,EAAAC,kBAAA,CAAA,EAAA,SAAW,EAAA,UAAA,CAAWC,iBAAO,CAAA,UAAA,EAAY,iBAAiB,CAAA,EACtD,EAAA,SAAS,GAEZ,QAAQ,CAAA,CAAA;;AAIb,UAAA,CAAW,WAAc,GAAA,qBAAA;;;;"}

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/Header.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var Titles = require('./components/Titles/Titles.js');
+var Actions = require('./components/Actions/Actions.js');
+var Branding = require('./components/Branding/Branding.js');
+var Root = require('./components/Root/Root.js');
+
+var Header = function(_a) {
+  var workflowName = _a.workflowName, stepName = _a.stepName, status = _a.status, headerActions = _a.headerActions, restProps = tslib_es6.__rest(_a, ["workflowName", "stepName", "status", "headerActions"]);
+  return React.createElement(
+    Root.HeaderRoot,
+    tslib_es6.__assign({}, restProps),
+    React.createElement(Branding.Branding, { alt: "Cultureamp" }),
+    React.createElement(Titles.Titles, { workflowName, stepName, status }),
+    React.createElement(Actions.Actions, { headerActions })
+  );
+};
+Header.displayName = "Workflow.Header";
+
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../../../../src/__future__/Workflow/subcomponents/Header/Header.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  HeaderRoot,\n  Branding,\n  Titles,\n  Actions,\n  WorkflowActionsProps,\n  WorkflowTitlesProps,\n} from \"./components\"\n\nexport type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps\n\nexport const Header = ({\n  workflowName,\n  stepName,\n  status,\n  headerActions,\n  ...restProps\n}: HeaderProps): JSX.Element => (\n  <HeaderRoot {...restProps}>\n    <Branding alt=\"Cultureamp\" />\n    <Titles workflowName={workflowName} stepName={stepName} status={status} />\n    <Actions headerActions={headerActions} />\n  </HeaderRoot>\n)\n\nHeader.displayName = \"Workflow.Header\"\n"],"names":["__rest","HeaderRoot","__assign","Branding","Titles","Actions"],"mappings":";;;;;;;;;AAYa,IAAA,MAAA,GAAS,SAAC,EAMT,EAAA;AALZ,EAAA,IAAA,YAAA,GAAY,GAAA,YACZ,EAAA,QAAA,cACA,EAAA,MAAA,GAAM,GAAA,MACN,EAAA,aAAA,GAAa,GAAA,aACV,EAAA,SAAA,GAASA,iBAAA,EALS,EAAA,uDAMtB,CAAA,CAAA;AAA+B,EAAA,OAC9B,KAAA,CAAA,aAAA;AAAA,IAACC,eAAA;AAAA,IAAUC,kBAAA,CAAA,EAAA,EAAK,SAAS,CAAA;AAAA,IACvB,MAAA,aAAC,CAAAC,iBAAA,EAAQ,EAAC,GAAA,EAAI,cAAe,CAAA;AAAA,IAC7B,MAAA,aAAC,CAAAC,aAAA,EAAM,EAAC,YAA4B,EAAA,QAAA,EAAoB,QAAkB,CAAA;AAAA,IAC1E,KAAC,CAAA,aAAA,CAAAC,mBAAQ,eAAgC,CAAA;AAAA,GAAA,CAAA;;AAI7C,MAAA,CAAO,WAAc,GAAA,iBAAA;;;;"}

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Actions/Actions.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var Actions_module = require('./Actions.module.scss.js');
+
+var Actions = function(_a) {
+  var headerActions = _a.headerActions, restProps = tslib_es6.__rest(_a, ["headerActions"]);
+  return React.createElement("div", tslib_es6.__assign({ className: Actions_module.actions }, restProps), headerActions === null || headerActions === void 0 ? void 0 : headerActions.map(function(action, index) {
+    return React.createElement(action.type, tslib_es6.__assign({ key: "header-actions ".concat(index) }, action.props));
+  }));
+};
+Actions.displayName = "Workflow.Actions";
+
+exports.Actions = Actions;
+//# sourceMappingURL=Actions.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Actions/Actions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Actions.module.scss\"\n\nexport type WorkflowActionsProps = {\n  /**\n   * Header actions will render in order of the array.\n   */\n  headerActions?: JSX.Element[]\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"children\">>\n\n/** A wrapper for an exit trigger (and other) actions of the Header Workflow  */\nexport const Actions = ({\n  headerActions,\n  ...restProps\n}: WorkflowActionsProps): JSX.Element => (\n  <div className={styles.actions} {...restProps}>\n    {headerActions?.map((action, index) => (\n      <action.type key={`header-actions ${index}`} {...action.props} />\n    ))}\n  </div>\n)\n\nActions.displayName = \"Workflow.Actions\"\n"],"names":["__rest","styles"],"mappings":";;;;;;AAYa,IAAA,OAAA,GAAU,SAAC,EAGD,EAAA;AAFrB,EAAA,IAAA,aAAA,GAAa,GAAA,aACV,EAAA,SAAA,GAASA,iBAAA,EAFU,EAAA,iBAGvB,CAAA,CAAA;AAAwC,EACvC,OAAA,KAAA,2CAAK,SAAW,EAAAC,cAAA,CAAO,SAAa,EAAA,SAAS,GAC1C,aAAA,KAAA,IAAA,IAAA,oCAAA,cAAe,GAAI,CAAA,SAAC,QAAQ,KAAK,EAAA;AAAK,IAAA,OACrC,KAAA,CAAA,aAAA,CAAC,MAAO,CAAA,IAAA,uBAAK,GAAA,EAAK,yBAAkB,KAAK,CAAA,EAAQ,EAAA,MAAA,CAAO,KAAK,CAAI,CAAA,CAAA;AAAA,GAClE,CAAC,CAAA,CAAA;;AAIN,OAAA,CAAQ,WAAc,GAAA,kBAAA;;;;"}

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Actions/Actions.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"actions":"Actions-module_actions__Prrp0"};
+
+module.exports = styles;
+//# sourceMappingURL=Actions.module.scss.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Actions/Actions.module.scss.js.map

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

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Branding/Branding.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var brand = require('@kaizen/brand');
+var Branding_module = require('./Branding.module.scss.js');
+
+var Branding = function(_a) {
+  var _b = _a.variant, variant = _b === void 0 ? "logo-horizontal" : _b, alt = _a.alt;
+  return React.createElement(
+    "div",
+    { className: Branding_module.branding },
+    React.createElement(brand.Brand, { classNameOverride: Branding_module.logo, variant, alt })
+  );
+};
+Branding.displayName = "Workflow.Branding";
+
+exports.Branding = Branding;
+//# sourceMappingURL=Branding.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Branding/Branding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Branding.js","sources":["../../../../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Branding/Branding.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Brand, BrandProps } from \"@kaizen/brand\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Branding.module.scss\"\n\nexport type WorflowBrandingProps = {\n  variant?: BrandProps[\"variant\"]\n  alt: string\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Branding = ({\n  variant = \"logo-horizontal\",\n  alt,\n}: WorflowBrandingProps): JSX.Element => (\n  <div className={styles.branding}>\n    <Brand classNameOverride={styles.logo} variant={variant} alt={alt} />\n  </div>\n)\n\nBranding.displayName = \"Workflow.Branding\"\n"],"names":["styles","Brand"],"mappings":";;;;;;AAUa,IAAA,QAAA,GAAW,SAAC,EAGF,EAAA;AAFrB,EAAA,IAAA,EAAA,GAAA,GAAA,OAAA,EAAA,OAAA,GAAO,OAAA,KAAG,CAAA,GAAA,iBAAA,GAAiB,EAC3B,EAAA,GAAA,GAAG,EAAA,CAAA,GAAA,CAAA;AACoC,EAAA,OACvC,KAAK,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,EAAA,SAAW,EAAAA,eAAA,CAAO,QAAQ,EAAA;AAAA,IAC7B,KAAA,CAAA,cAACC,WAAM,EAAA,EAAA,mBAAmBD,eAAO,CAAA,IAAA,EAAM,OAAkB,EAAA,GAAA,EAAQ,CAAA;AAAA,GAAI,CAAA;AAFhC,EAAA;AAMzC,QAAA,CAAS,WAAc,GAAA,mBAAA;;;;"}

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Branding/Branding.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"branding":"Branding-module_branding__4h-rD","logo":"Branding-module_logo__vqqec"};
+
+module.exports = styles;
+//# sourceMappingURL=Branding.module.scss.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Branding/Branding.module.scss.js.map

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

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Root/Root.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Root_module = require('./Root.module.scss.js');
+
+var HeaderRoot = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("header", tslib_es6.__assign({ className: classnames(Root_module.root, classNameOverride) }, restProps), children);
+};
+HeaderRoot.displayName = "Workflow.HeaderRoot";
+
+exports.HeaderRoot = HeaderRoot;
+//# sourceMappingURL=Root.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Root/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sources":["../../../../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Root/Root.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Root.module.scss\"\n\nexport type HeaderRootProps = OverrideClassName<\n  HTMLAttributes<HTMLHeadingElement>\n>\n\nexport const HeaderRoot = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: HeaderRootProps): JSX.Element => (\n  <header className={classnames(styles.root, classNameOverride)} {...restProps}>\n    {children}\n  </header>\n)\n\nHeaderRoot.displayName = \"Workflow.HeaderRoot\"\n"],"names":["__rest","__assign","styles"],"mappings":";;;;;;;AASa,IAAA,UAAA,GAAa,SAAC,EAIT,EAAA;AAHhB,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAHsB,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI1B,CAAA,CAAA;AAAmC,EAAA,OAClC,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAAC,kBAAA,CAAA,EAAA,SAAW,EAAA,UAAA,CAAWC,WAAO,CAAA,IAAA,EAAM,iBAAiB,CAAA,EAAO,EAAA,SAAS,GACzE,QAAQ,CAAA,CAAA;;AAIb,UAAA,CAAW,WAAc,GAAA,qBAAA;;;;"}

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Root/Root.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"root":"Root-module_root__7DVw5"};
+
+module.exports = styles;
+//# sourceMappingURL=Root.module.scss.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Root/Root.module.scss.js.map

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

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var draftTag = require('@kaizen/draft-tag');
+var typography = require('@kaizen/typography');
+var Titles_module = require('./Titles.module.scss.js');
+
+var Titles = function(_a) {
+  var workflowName = _a.workflowName, stepName = _a.stepName, status = _a.status, restProps = tslib_es6.__rest(_a, ["workflowName", "stepName", "status"]);
+  return React.createElement(
+    "div",
+    tslib_es6.__assign({ className: Titles_module.titles }, restProps),
+    React.createElement(
+      typography.Heading,
+      { variant: "heading-1", tag: "h1", color: "dark", classNameOverride: Titles_module.pageTitle },
+      React.createElement(
+        typography.Heading,
+        { classNameOverride: Titles_module.prefix, variant: "heading-6", tag: "span", color: "dark-reduced-opacity" },
+        workflowName,
+        React.createElement("span", { className: "sr-only" }, ":")
+      ),
+      React.createElement("span", null, stepName)
+    ),
+    status && // status may need to be update by a fetch
+    React.createElement(
+      "div",
+      { className: Titles_module.status },
+      React.createElement(draftTag.Tag, { inline: true, variant: (status === null || status === void 0 ? void 0 : status.variant) || "statusDraft" }, status === null || status === void 0 ? void 0 : status.content)
+    )
+  );
+};
+Titles.displayName = "Workflow.Titles";
+
+exports.Titles = Titles;
+//# sourceMappingURL=Titles.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Titles.js","sources":["../../../../../../../../../../../src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Tag, DefaultTagProps } from \"@kaizen/draft-tag\"\nimport { Heading } from \"@kaizen/typography\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <span className=\"sr-only\">:</span>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["__rest","styles","Heading","Tag"],"mappings":";;;;;;;;AAkBa,IAAA,MAAA,GAAS,SAAC,EAKD,EAAA;AAJpB,EAAA,IAAA,eAAY,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,UACR,MAAM,GAAA,EAAA,CAAA,MACH,EAAA,SAAA,GAJkBA,iBAAA,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CAAA,CAAA;AAAuC,EAAA,OACtC;;yBAAK,SAAA,EAAWC,aAAO,CAAA,MAAA,IAAY,SAAS,CAAA;AAAA,IAC1C,KAAA,CAAA,aAAA;AAAA,MAACC,kBAAA;AAAA,MACC,EAAA,SAAQ,WACR,EAAA,GAAA,EAAI,MACJ,KAAM,EAAA,MAAA,EACN,iBAAmB,EAAAD,aAAA,CAAO,SAAS,EAAA;AAAA,MAEnC,KAAA,CAAA,aAAA;AAAA,QAACC,kBAAA;AAAA,QACC,EAAA,mBAAmBD,aAAO,CAAA,MAAA,EAC1B,SAAQ,WACR,EAAA,GAAA,EAAI,MACJ,EAAA,KAAA,EAAM,sBAAsB,EAAA;AAAA,QAE3B,YAAA;AAAA,QACD,MAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAU,EAAA,SAAA,IAAS,GAAA,CAAA;AAAA,OAAS;AAAA,MAEpC,KAAO,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,QAAQ,CAAA;AAAA,KAAQ;AAAA,IAExB,MAAA;AAAA,IAEC,KAAA,CAAA,aAAA;AAAA,MAAA,KAAA;AAAA,MAAA,EAAK,SAAW,EAAAA,aAAA,CAAO,MAAM,EAAA;AAAA,MAC3B,KAAA,CAAA,cAACE,YAAG,EAAA,EAAC,QAAM,IAAC,EAAA,OAAA,EAAA,CAAS,MAAA,KAAA,IAAA,IAAA,MAAA,KAAA,KAAA,CAAA,GAAA,SAAA,MAAQ,CAAA,OAAA,KAAW,eACrC,EAAA,MAAA,KAAA,QAAA,MAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,OAAO,CAAA;AAAA,KACZ;AAAA,GAET,CAAA;;AAIL,MAAA,CAAO,WAAc,GAAA,iBAAA;;;;"}

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"titles":"Titles-module_titles__JYwU0","pageTitle":"Titles-module_pageTitle__YDp9S","prefix":"Titles-module_prefix__40x8n","status":"Titles-module_status__huuP7"};
+
+module.exports = styles;
+//# sourceMappingURL=Titles.module.scss.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Header/components/Titles/Titles.module.scss.js.map

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

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Main/Main.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Main_module = require('./Main.module.scss.js');
+
+var Main = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("main", tslib_es6.__assign({ className: classnames([Main_module.main, classNameOverride]) }, restProps), children);
+};
+Main.displayName = "Workflow.Main";
+
+exports.Main = Main;
+//# sourceMappingURL=Main.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Main/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","sources":["../../../../../../../../../src/__future__/Workflow/subcomponents/Main/Main.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Main.module.scss\"\n\nexport type WorkflowMainProps = OverrideClassName<\n  HTMLAttributes<HTMLDivElement>\n> & {\n  children: ReactNode\n}\n\nexport const Main = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: WorkflowMainProps): JSX.Element => (\n  <main className={classnames([styles.main, classNameOverride])} {...restProps}>\n    {children}\n  </main>\n)\n\nMain.displayName = \"Workflow.Main\"\n"],"names":["__rest","styles"],"mappings":";;;;;;;AAWa,IAAA,IAAA,GAAO,SAAC,EAID,EAAA;AAHlB,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAHgB,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAIpB,CAAA,CAAA;AAAqC,EAAA,OACpC,iDAAM,WAAW,UAAW,CAAA,CAACC,WAAO,CAAA,IAAA,EAAM,iBAAiB,CAAC,CAAA,EAAO,EAAA,SAAS,GACzE,QAAQ,CAAA,CAAA;;AAIb,IAAA,CAAK,WAAc,GAAA,eAAA;;;;"}

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Main/Main.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"main":"Main-module_main__hMyB1"};
+
+module.exports = styles;
+//# sourceMappingURL=Main.module.scss.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Main/Main.module.scss.js.map

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

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Wrapper/Wrapper.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Wrapper_module = require('./Wrapper.module.scss.js');
+
+var Wrapper = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("div", tslib_es6.__assign({ className: classnames(Wrapper_module.wrapper, classNameOverride) }, restProps), children);
+};
+Wrapper.displayName = "Workflow.Wrapper";
+
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=Wrapper.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Wrapper/Wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.js","sources":["../../../../../../../../../src/__future__/Workflow/subcomponents/Wrapper/Wrapper.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Wrapper.module.scss\"\n\nexport type WorkflowWrapperProps = OverrideClassName<\n  HTMLAttributes<HTMLDivElement>\n> & {\n  children: ReactNode\n}\n\nexport const Wrapper = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: WorkflowWrapperProps): JSX.Element => (\n  <div className={classnames(styles.wrapper, classNameOverride)} {...restProps}>\n    {children}\n  </div>\n)\n\nWrapper.displayName = \"Workflow.Wrapper\"\n"],"names":["__rest","__assign","styles"],"mappings":";;;;;;;AAWa,IAAA,OAAA,GAAU,SAAC,EAID,EAAA;AAHrB,EAAA,IAAA,sBACA,EAAA,iBAAA,yBACG,SAHmB,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAIvB,CAAA,CAAA;AAAwC,EAAA,OACvC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAAC,kBAAA,CAAA,EAAA,SAAW,EAAA,UAAA,CAAWC,cAAO,CAAA,OAAA,EAAS,iBAAiB,CAAA,EAAO,EAAA,SAAS,GACzE,QAAQ,CAAA,CAAA;;AAIb,OAAA,CAAQ,WAAc,GAAA,kBAAA;;;;"}

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Wrapper/Wrapper.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"wrapper":"Wrapper-module_wrapper__89WmC"};
+
+module.exports = styles;
+//# sourceMappingURL=Wrapper.module.scss.js.map

package/dist/cjs/packages/components/src/__future__/Workflow/subcomponents/Wrapper/Wrapper.module.scss.js.map

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

package/dist/cjs/packages/components/src/utils/getNodeText.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+
+var getNodeText = function(node) {
+  if (!node)
+    return "";
+  if (typeof node === "string" || typeof node === "number")
+    return node;
+  if (node instanceof Array)
+    return node.map(getNodeText).join("");
+  if (React.isValidElement(node))
+    return getNodeText(node.props.children);
+  return "";
+};
+
+exports.getNodeText = getNodeText;
+//# sourceMappingURL=getNodeText.js.map

package/dist/cjs/packages/components/src/utils/getNodeText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNodeText.js","sources":["../../../../../../src/utils/getNodeText.ts"],"sourcesContent":["import React from \"react\"\n\n// Adapted from https://stackoverflow.com/a/60564620\nexport const getNodeText = (node: React.ReactNode): string | number => {\n  if (!node) return \"\"\n  if (typeof node === \"string\" || typeof node === \"number\") return node\n  if (node instanceof Array) return node.map(getNodeText).join(\"\")\n  if (React.isValidElement(node)) return getNodeText(node.props.children)\n  return \"\"\n}\n"],"names":[],"mappings":";;;;AAGa,IAAA,WAAA,GAAc,SAAC,IAAqB,EAAA;AAC/C,EAAA,IAAI,CAAC,IAAA;AAAM,IAAO,OAAA,EAAA,CAAA;AAClB,EAAA,IAAI,OAAO,IAAA,KAAS,QAAY,IAAA,OAAO,IAAS,KAAA,QAAA;AAAU,IAAO,OAAA,IAAA,CAAA;AACjE,EAAA,IAAI,IAAgB,YAAA,KAAA;AAAO,IAAA,OAAO,IAAK,CAAA,GAAA,CAAI,WAAW,CAAA,CAAE,KAAK,EAAE,CAAA,CAAA;AAC/D,EAAI,IAAA,KAAA,CAAM,eAAe,IAAI,CAAA;AAAG,IAAO,OAAA,WAAA,CAAY,IAAK,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACtE,EAAO,OAAA,EAAA,CAAA;AACT;;;;"}

package/dist/cjs/packages/components/src/utils/isRefObject.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var isRefObject = function(ref) {
+  return ref !== null && "current" in ref;
+};
+
+exports.isRefObject = isRefObject;
+//# sourceMappingURL=isRefObject.js.map

package/dist/cjs/packages/components/src/utils/isRefObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isRefObject.js","sources":["../../../../../../src/utils/isRefObject.ts"],"sourcesContent":["export const isRefObject = (\n  ref: React.ForwardedRef<any>\n): ref is React.MutableRefObject<any> => ref !== null && \"current\" in ref\n"],"names":[],"mappings":";;AAAa,IAAA,WAAA,GAAc,SACzB,GACuC,EAAA;AAAA,EAAA,OAAA,GAAA,KAAQ,QAAQ,SAAa,IAAA,GAAA,CAAA;AAA7B;;;;"}

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

@@ -0,0 +1,50 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type AvatarSizes = "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type BaseAvatarProps = {
+    /**
+     * We use this for the alt text of the avatar, and to derive intials when user has no avatar image.
+     */
+    fullName?: string;
+    /**
+     * There are 5 fixed avatar sizes. `"small"` will remove border and box shadow to save space.
+     */
+    size?: AvatarSizes;
+    /**
+     * Src for the avatar img tag - if not passed we will derive initials from the full name.
+     * Note that the fullName prop will be used as the alt text.
+     */
+    avatarSrc?: string;
+    /**
+     * Default behaviour when an avatarSrc is not provided is to generate initials from the username.
+     * This disables this feature and shows the generic avatar.
+     * Enable this prop when there is no specific individual or group identified.
+     */
+    disableInitials?: boolean;
+    /**
+     * Renders Company Avatar variant - If true `fullName` and `avatarSrc` will be strictly typed.
+     */
+    isCompany?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
+export type GenericAvatarProps = BaseAvatarProps & {
+    isCompany?: false;
+    /**
+     * Shows a different background colour if the avatar is the current user and does not have a avatar img.
+     * @default "true"
+     */
+    isCurrentUser?: boolean;
+};
+export type CompanyAvatarProps = BaseAvatarProps & {
+    fullName: string;
+    avatarSrc: string;
+    disableInitials?: undefined;
+    isCompany: true;
+    isCurrentUser?: undefined;
+};
+export type AvatarProps = GenericAvatarProps | CompanyAvatarProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar--docs Storybook}
+ */
+export declare const Avatar: ({ fullName, size, avatarSrc, disableInitials, isCompany, isCurrentUser, classNameOverride, ...restProps }: AvatarProps) => JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from "react";
+import { CompanyAvatarProps, GenericAvatarProps } from "../Avatar";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type AvatarGroupAvatarProps = Omit<GenericAvatarProps, "size"> | Omit<CompanyAvatarProps, "size">;
+export type AvatarGroupSize = "small" | "medium" | "large";
+export type AvatarList = [AvatarGroupAvatarProps, ...AvatarGroupAvatarProps[]];
+export type AvatarGroupProps = {
+    /**
+     * There are 3 fixed sizes available. `"small"` will remove border and box shadow to save space.
+     * @default "medium"
+     */
+    size?: AvatarGroupSize;
+    /**
+     * If the length of Avatars exceeds the `maxVisible` a counter token will render
+     * @default 2
+     */
+    maxVisible: 2 | 3 | 4 | 5 | 6;
+    /**
+     * Takes a array of `AvatarProps` that must have at least item.
+     * Note that 'size' is omitted from the `AvatarProps` type so it will throw a type error if size is provided.
+     * */
+    avatars: AvatarList;
+} & OverrideClassName<HTMLAttributes<HTMLUListElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar-group--docs Storybook}
+ */
+export declare const AvatarGroup: ({ size, maxVisible, avatars, classNameOverride, ...restProps }: AvatarGroupProps) => JSX.Element;

package/dist/esm/dts/AvatarGroup/_docs/example-data.d.ts

@@ -0,0 +1,8 @@
+import { AvatarGroupAvatarProps, AvatarList } from "../AvatarGroup";
+export declare const EXAMPLE_USER_1: AvatarGroupAvatarProps;
+export declare const EXAMPLE_USER_2: AvatarGroupAvatarProps;
+export declare const EXAMPLE_USER_3: AvatarGroupAvatarProps;
+export declare const EXAMPLE_USER_4: AvatarGroupAvatarProps;
+export declare const EXAMPLE_USER_5: AvatarGroupAvatarProps;
+export declare const EXAMPLE_USER_6: AvatarGroupAvatarProps;
+export declare const AVATARS: AvatarList;

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

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

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

@@ -0,0 +1,32 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+type BadgeCommonProps = {
+    children?: string;
+    /**
+     * The "dark" variant is no longer in the UI kit
+     */
+    variant?: "default" | "active" | "dark";
+    /**
+     * renders reversed colors. Use on purple background
+     */
+    reversed?: boolean;
+    /**
+     * Supports "small" and "large" sizes - defaults to "small"
+     */
+    size?: "small" | "large";
+} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
+type DotProps = Omit<BadgeCommonProps, "variant"> & {
+    children?: never;
+    variant: "dot";
+};
+export type BadgeProps = BadgeCommonProps | DotProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857333/Badge Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-badge--docs Storybook}
+ */
+export declare const Badge: {
+    ({ children, variant, reversed, size, classNameOverride, ...restProps }: BadgeProps): JSX.Element;
+    displayName: string;
+};
+export declare const BadgeAnimated: (props: BadgeProps) => JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type BrandProps = {
+    variant: "logo-horizontal" | "logo-vertical" | "enso" | "collective-intelligence";
+    alt: string;
+    reversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLElement>>;
+export declare const Brand: {
+    ({ variant, alt, reversed, classNameOverride, ...restProps }: BrandProps): JSX.Element;
+    displayName: string;
+};

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

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

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

@@ -2,7 +2,7 @@ import { ReactNode, ReactElement, HTMLAttributes } from "react";
 import { SceneProps } from "@kaizen/draft-illustration";
 import { ButtonProps } from "../Button";
 import { OverrideClassName } from "../types/OverrideClassName";
-export interface BrandMomentProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+export type BrandMomentProps = {
     mood: "informative" | "positive" | "negative";
     illustration: ReactElement<SceneProps>;
     header: ReactNode;
@@ -15,7 +15,11 @@ export interface BrandMomentProps extends OverrideClassName<HTMLAttributes<HTMLD
         body?: ReactNode;
         footer?: ReactNode;
     };
-}
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}
+ */
 export declare const BrandMoment: {
     ({ mood, illustration, header, body, primaryAction, secondaryAction, text, classNameOverride, ...restProps }: BrandMomentProps): JSX.Element;
     displayName: string;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { GenericButtonProps, ButtonRef } from "../GenericButton";
+export type ButtonProps = GenericButtonProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-buttons-button--docs Storybook}
+ */
+export declare const Button: React.ForwardRefExoticComponent<GenericButtonProps & React.RefAttributes<ButtonRef | undefined>>;

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

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

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { GenericProps } from "../GenericButton";
+export type DirectionalLinkProps = {
+    label: string;
+    disabled?: boolean;
+    direction: "prev" | "next" | "start" | "end";
+} & GenericProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
+ * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}
+ */
+export declare const DirectionalLink: {
+    (props: DirectionalLinkProps): JSX.Element;
+    defaultProps: {
+        reversed: boolean;
+        disabled: boolean;
+    };
+    displayName: string;
+};

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

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

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

@@ -0,0 +1,65 @@
+import React, { ComponentType, MouseEvent, FocusEvent } from "react";
+export type CustomButtonProps = {
+    id?: string;
+    className: string;
+    href?: string;
+    disabled?: boolean;
+    onClick?: (e: MouseEvent<any>) => void;
+    onFocus?: (e: FocusEvent<HTMLElement>) => void;
+    onBlur?: (e: FocusEvent<HTMLElement>) => void;
+    children?: React.ReactNode;
+};
+export type ButtonFormAttributes = Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "form" | "formAction" | "formMethod" | "formEncType" | "formTarget" | "formNoValidate">;
+export type GenericProps = {
+    id?: string;
+    reversed?: boolean;
+    onClick?: (e: MouseEvent) => void;
+    onMouseDown?: (e: MouseEvent) => void;
+    href?: string;
+    newTabAndIUnderstandTheAccessibilityImplications?: boolean;
+    disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean;
+    onFocus?: (e: FocusEvent<HTMLElement>) => void;
+    onBlur?: (e: FocusEvent<HTMLElement>) => void;
+    component?: ComponentType<CustomButtonProps>;
+    classNameOverride?: string;
+};
+export type WorkingProps = {
+    working: true;
+    workingLabel: string;
+    workingLabelHidden?: boolean;
+};
+export type WorkingUndefinedProps = {
+    working?: false;
+};
+export type ButtonBadgeProps = {
+    text: string;
+    animateChange?: boolean;
+    variant?: "default" | "dark" | "active";
+    reversed?: boolean;
+};
+export type RenderProps = GenericButtonProps & {
+    additionalContent?: React.ReactNode;
+    iconButton?: boolean;
+    directionalLink?: boolean;
+    paginationLink?: boolean;
+    isActive?: boolean;
+};
+export type ButtonRef = {
+    focus: () => void;
+};
+export type GenericButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
+    label: string;
+    primary?: boolean;
+    destructive?: boolean;
+    secondary?: boolean;
+    /** @default "regular" */
+    size?: "small" | "regular";
+    badge?: ButtonBadgeProps;
+    type?: "submit" | "reset" | "button";
+    fullWidth?: boolean;
+    iconPosition?: "start" | "end";
+    icon?: JSX.Element;
+    disabled?: boolean;
+};
+export declare const GenericButton: React.ForwardRefExoticComponent<RenderProps & React.RefAttributes<ButtonRef | undefined>>;
+export default GenericButton;

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

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