@kaizen/components 0.0.0-canary-toast-notification-fix-20240822034045 → 0.0.0-canary-workflow-export-20240910075656

package/dist/esm/Workflow/subcomponents/Header/components/Titles/Titles.mjs

@@ -1,19 +1,18 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Heading } from '../../../../../Heading/Heading.mjs';
-import { Tag } from '../../../../../Tag/Tag.mjs';
 import { VisuallyHidden } from '../../../../../VisuallyHidden/VisuallyHidden.mjs';
-import styles from './Titles.module.scss.mjs';
+import styles from './Titles.module.css.mjs';
 const Titles = /*#__PURE__*/function () {
   const Titles = function (_a) {
     var workflowName = _a.workflowName,
       stepName = _a.stepName,
-      status = _a.status,
-      restProps = __rest(_a, ["workflowName", "stepName", "status"]);
+      statusTag = _a.statusTag,
+      restProps = __rest(_a, ["workflowName", "stepName", "statusTag"]);
     return /*#__PURE__*/React.createElement("div", __assign({
       className: styles.titles
     }, restProps), /*#__PURE__*/React.createElement(Heading, {
-      variant: "heading-1",
+      variant: "composable-header-title",
       tag: "h1",
       color: "dark",
       classNameOverride: styles.pageTitle
@@ -22,15 +21,12 @@ const Titles = /*#__PURE__*/function () {
       variant: "heading-6",
       tag: "span",
       color: "dark-reduced-opacity"
-    }, workflowName, /*#__PURE__*/React.createElement(VisuallyHidden, null, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), status && (
+    }, workflowName, /*#__PURE__*/React.createElement(VisuallyHidden, null, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), statusTag && (
     /*#__PURE__*/
     // status may need to be update by a fetch
     React.createElement("div", {
-      className: styles.status
-    }, /*#__PURE__*/React.createElement(Tag, {
-      inline: true,
-      variant: (status === null || status === void 0 ? void 0 : status.variant) || "statusDraft"
-    }, status === null || status === void 0 ? void 0 : status.content))));
+      className: styles.statusTag
+    }, statusTag)));
   };
   Titles.displayName = "Workflow.Titles";
   return Titles;

package/dist/esm/Workflow/subcomponents/Header/components/Titles/Titles.module.css.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "titles": "Titles-module_titles__ENQ0C",
+  "pageTitle": "Titles-module_pageTitle__ePjdw",
+  "prefix": "Titles-module_prefix__FEtyY",
+  "statusTag": "Titles-module_statusTag__hmyfK"
+};
+export { styles as default };

package/dist/esm/Workflow/subcomponents/Main/Main.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './Main.module.scss.mjs';
+import styles from './Main.module.css.mjs';
 const Main = /*#__PURE__*/function () {
   const Main = function (_a) {
     var children = _a.children,

package/dist/esm/{__future__/Workflow/subcomponents/Main/Main.module.scss.mjs → Workflow/subcomponents/Main/Main.module.css.mjs}

@@ -1,4 +1,4 @@
 var styles = {
-  "main": "Main-module_main__hMyB1"
+  "main": "Main-module_main__K9Z0C"
 };
 export { styles as default };

package/dist/esm/Workflow/subcomponents/Wrapper/Wrapper.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './Wrapper.module.scss.mjs';
+import styles from './Wrapper.module.css.mjs';
 const Wrapper = /*#__PURE__*/function () {
   const Wrapper = function (_a) {
     var children = _a.children,

package/dist/esm/Workflow/subcomponents/{Header/components/Actions/Actions.module.scss.mjs → Wrapper/Wrapper.module.css.mjs}

@@ -1,4 +1,4 @@
 var styles = {
-  "actions": "Actions-module_actions__2Zdtd"
+  "wrapper": "Wrapper-module_wrapper__-tWQy"
 };
 export { styles as default };

package/dist/esm/__future__/Select/Select.mjs

@@ -113,12 +113,7 @@ const Select = /*#__PURE__*/function () {
     }, trigger === undefined ? ( /*#__PURE__*/React.createElement(SelectToggle, __assign({}, selectToggleProps))) : trigger(selectToggleProps, selectToggleProps.ref), state.isOpen && ( /*#__PURE__*/React.createElement(Popover, {
       id: popoverId,
       portalContainer: portalContainer,
-      refs: refs,
-      focusOnProps: {
-        onEscapeKey: state.close,
-        onClickOutside: state.close,
-        noIsolation: true
-      }
+      refs: refs
     }, /*#__PURE__*/React.createElement(SelectProvider, {
       state: state
     }, /*#__PURE__*/React.createElement(SelectPopoverContents, {

package/dist/esm/__future__/Select/subcomponents/ListBox/ListBox.mjs

@@ -13,8 +13,7 @@ const ListBox = /*#__PURE__*/function () {
     var state = useSelectContext().state;
     var ref = React.useRef(null);
     var listBoxProps = useListBox(__assign(__assign({}, menuProps), {
-      disallowEmptySelection: true,
-      autoFocus: "first"
+      disallowEmptySelection: true
     }), state, ref).listBoxProps;
     return /*#__PURE__*/React.createElement("ul", __assign({
       ref: ref,

package/dist/esm/__future__/Select/subcomponents/ListBox/ListBox.module.scss.mjs

@@ -1,5 +1,4 @@
 var styles = {
-  "listBox": "ListBox-module_listBox__Uf6Mc",
-  "focus": "ListBox-module_focus__yrwu3"
+  "listBox": "ListBox-module_listBox__Uf6Mc"
 };
 export { styles as default };

package/dist/esm/future.mjs

@@ -1,4 +1,3 @@
 export { Select } from './__future__/Select/Select.mjs';
 export { RemovableTag } from './__future__/Tag/RemovableTag/RemovableTag.mjs';
 export { Tag } from './__future__/Tag/Tag/Tag.mjs';
-export { Workflow } from './__future__/Workflow/Workflow.mjs';

package/dist/esm/index.mjs

@@ -58,6 +58,7 @@ export { getTruncatedLabels } from './Filter/FilterMultiSelect/utils/getTruncate
 export { getSelectedOptionLabels } from './Filter/FilterMultiSelect/utils/getSelectedOptionLabels.mjs';
 export { getSelectedOptionKeys } from './Filter/FilterMultiSelect/utils/getSelectedOptionKeys.mjs';
 export { FilterSelect } from './Filter/FilterSelect/FilterSelect.mjs';
+export { GuidanceBlock } from './GuidanceBlock/GuidanceBlock.mjs';
 export { Heading } from './Heading/Heading.mjs';
 export { AcademyIcon } from './Icon/AcademyIcon.mjs';
 export { ActionOffIcon } from './Icon/ActionOffIcon.mjs';
@@ -407,6 +408,7 @@ export { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID, TITLE_BLOCK_ZEN_SECONDARY_MENU_H
 export { ToggleSwitch } from './ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs';
 export { ToggleSwitchField } from './ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs';
 export { subtractOnePixel, useMediaQueries } from './utils/useMediaQueries.mjs';
+export { assetUrl } from './utils/hostedAssets.mjs';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.mjs';
 export { Well } from './Well/Well.mjs';
 export { Workflow } from './Workflow/Workflow.mjs';
@@ -414,4 +416,3 @@ export { Tooltip } from './__overlays__/Tooltip/v1/index.mjs';
 export { Menu, MenuHeading, MenuItem, MenuList, StatelessMenu } from './__actions__/Menu/v1/index.mjs';
 export { Button } from './__actions__/Button/v1/Button/Button.mjs';
 export { IconButton } from './__actions__/Button/v1/IconButton/IconButton.mjs';
-export { GuidanceBlock } from './__containers__/GuidanceBlock/v1/GuidanceBlock.mjs';

package/dist/esm/utils/hostedAssets.mjs

@@ -0,0 +1,14 @@
+var ORIGIN_BASE_URL = "https://d1e7r7b0lb8p4d.cloudfront.net";
+/**
+ * Returns the full URL of the asset at `path` managed by the
+ * `kaizen-design-system-assets` service.
+ *
+ * @example
+ * assetUrl("some/blob.png") -> "https://<origin>/some/blob.png"
+ *
+ * @see https://github.com/cultureamp/kaizen-design-system-assets/
+ */
+var assetUrl = function (path) {
+  return [ORIGIN_BASE_URL, path].join("/");
+};
+export { assetUrl };

package/dist/esm/utils/useResizeObserver.mjs

@@ -11,6 +11,7 @@ var defaultCallback = function (entry) {
  * @return {Array} An array containing a ref for binding to the observed DOM
  * element, and the current value of the callback-resolved ResizeObserverEntry
  * @callback resolveEntryCallback
+ * @deprecated use native `ResizeObserver` DOM API instead
  */
 var useResizeObserver = function (resolveEntry) {
   if (resolveEntry === void 0) {