@kaizen/components 1.45.3 → 1.47.0

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs

@@ -1,113 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useState } from 'react';
-import classnames from 'classnames';
-import '../../../Button/Button/Button.mjs';
-import { IconButton } from '../../../Button/IconButton/IconButton.mjs';
-import { Heading } from '../../../Heading/Heading.mjs';
-import '../../../Icon/subcomponents/SVG/SVG.mjs';
-import { ArrowBackwardIcon } from '../../../Icon/ArrowBackwardIcon.mjs';
-import { InformationIcon } from '../../../Icon/InformationIcon.mjs';
-import { Text } from '../../../Text/Text.mjs';
-import Action from './Action.mjs';
-import styles from './GenericTile.module.scss.mjs';
-const GenericTile = /*#__PURE__*/function () {
-  const GenericTile = function (_a) {
-    var children = _a.children,
-      title = _a.title,
-      _b = _a.titleTag,
-      titleTag = _b === void 0 ? "h3" : _b,
-      metadata = _a.metadata,
-      information = _a.information,
-      mood = _a.mood,
-      footer = _a.footer,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "title", "titleTag", "metadata", "information", "mood", "footer", "classNameOverride"]);
-    var _c = useState(false),
-      isFlipped = _c[0],
-      setIsFlipped = _c[1];
-    var renderTitle = function () {
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.title
-      }, /*#__PURE__*/React.createElement(Heading, {
-        variant: "heading-3",
-        tag: titleTag
-      }, title), metadata && ( /*#__PURE__*/React.createElement("div", {
-        className: styles.titleMeta
-      }, /*#__PURE__*/React.createElement(Text, {
-        variant: "small",
-        color: "dark-reduced-opacity"
-      }, metadata))));
-    };
-    var renderActions = function (primaryAction, secondaryAction, disabled) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles.actions
-      }, secondaryAction && ( /*#__PURE__*/React.createElement(Action, {
-        action: secondaryAction,
-        secondary: true,
-        disabled: disabled
-      })), primaryAction && /*#__PURE__*/React.createElement(Action, {
-        action: primaryAction,
-        disabled: disabled
-      }));
-    };
-    var renderFront = function () {
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames(styles.face, styles.faceFront, mood === "positive" && styles.faceMoodPositive, mood === "informative" && styles.faceMoodInformative, mood === "cautionary" && styles.faceMoodCautionary, mood === "assertive" && styles.faceMoodAssertive, mood === "negative" && styles.faceMoodNegative, mood === "prominent" && styles.faceMoodProminent)
-      }, information && ( /*#__PURE__*/React.createElement("div", {
-        className: styles.informationBtn
-      }, /*#__PURE__*/React.createElement(IconButton, {
-        label: "Information",
-        icon: /*#__PURE__*/React.createElement(InformationIcon, {
-          role: "presentation"
-        }),
-        onClick: function () {
-          return setIsFlipped(true);
-        },
-        disabled: isFlipped,
-        "aria-hidden": isFlipped
-      }))), renderTitle(), /*#__PURE__*/React.createElement("div", {
-        className: styles.children
-      }, children && children), footer && /*#__PURE__*/React.createElement("div", {
-        className: styles.footer
-      }, footer));
-    };
-    var renderInformation = function (informationProp) {
-      if (informationProp && typeof informationProp === "object" && "text" in informationProp) {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-          variant: "body"
-        }, informationProp.text), (informationProp.primaryAction || informationProp.secondaryAction) && ( /*#__PURE__*/React.createElement("div", {
-          className: styles.footer
-        }, renderActions(informationProp.primaryAction, informationProp.secondaryAction, !isFlipped))));
-      }
-      return informationProp;
-    };
-    var renderBack = function () {
-      if (!information) return;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames(styles.face, styles.faceBack)
-      }, /*#__PURE__*/React.createElement("div", {
-        className: styles.informationBtn
-      }, /*#__PURE__*/React.createElement(IconButton, {
-        label: "Information",
-        icon: /*#__PURE__*/React.createElement(ArrowBackwardIcon, {
-          role: "presentation"
-        }),
-        onClick: function () {
-          return setIsFlipped(false);
-        },
-        disabled: !isFlipped,
-        "aria-hidden": !isFlipped
-      })), /*#__PURE__*/React.createElement("div", {
-        className: styles.information
-      }, renderInformation(information)));
-    };
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.root, classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.tile, isFlipped && styles.isFlipped)
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, renderFront(), renderBack())));
-  };
-  GenericTile.displayName = "GenericTile";
-  return GenericTile;
-}();
-export { GenericTile };

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.module.scss.mjs

@@ -1,21 +0,0 @@
-var styles = {
-  "root": "GenericTile-module_root__9ZHdH",
-  "tile": "GenericTile-module_tile__mgFhk",
-  "titleMeta": "GenericTile-module_titleMeta__EREc9",
-  "face": "GenericTile-module_face__-KLVi",
-  "faceFront": "GenericTile-module_faceFront__HywHi",
-  "faceBack": "GenericTile-module_faceBack__NDCQ8",
-  "faceMoodPositive": "GenericTile-module_faceMoodPositive__3MEBl",
-  "faceMoodInformative": "GenericTile-module_faceMoodInformative__D0QsW",
-  "faceMoodCautionary": "GenericTile-module_faceMoodCautionary__oUZXT",
-  "faceMoodAssertive": "GenericTile-module_faceMoodAssertive__PaUZ-",
-  "faceMoodNegative": "GenericTile-module_faceMoodNegative__DmcZH",
-  "faceMoodProminent": "GenericTile-module_faceMoodProminent__VmMmv",
-  "isFlipped": "GenericTile-module_isFlipped__K18mo",
-  "title": "GenericTile-module_title__zC6Qv",
-  "actions": "GenericTile-module_actions__l8vXl",
-  "informationBtn": "GenericTile-module_informationBtn__LY3SW",
-  "information": "GenericTile-module_information__wKXBp",
-  "footer": "GenericTile-module_footer__u2Pei"
-};
-export { styles as default };

package/dist/esm/TimeField/TimeField.mjs

@@ -1,95 +0,0 @@
-import { __assign, __rest } from 'tslib';
-import React, { useId } from 'react';
-import { Time } from '@internationalized/date';
-import { useTimeField } from '@react-aria/datepicker';
-import { I18nProvider } from '@react-aria/i18n';
-import { useTimeFieldState } from '@react-stately/datepicker';
-import classnames from 'classnames';
-import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
-import { Label } from '../Label/Label.mjs';
-import { TimeSegment } from './subcomponents/TimeSegment/TimeSegment.mjs';
-import styles from './TimeField.module.scss.mjs';
-
-// This needed to be placed directly below the props because
-// the prop descriptions wouldn't show in Storybook otherwise.
-const TimeField = /*#__PURE__*/function () {
-  const TimeField = function (props) {
-    return /*#__PURE__*/React.createElement(I18nProvider, {
-      locale: props.locale
-    }, /*#__PURE__*/React.createElement(TimeFieldComponent, __assign({}, props)));
-  };
-  TimeField.displayName = "TimeField";
-  return TimeField;
-}();
-const TimeFieldComponent = /*#__PURE__*/function () {
-  const TimeFieldComponent = function (_a) {
-    var propsId = _a.id,
-      label = _a.label,
-      locale = _a.locale,
-      onChange = _a.onChange,
-      value = _a.value,
-      _b = _a.status,
-      status = _b === void 0 ? "default" : _b,
-      validationMessage = _a.validationMessage,
-      isDisabled = _a.isDisabled,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["id", "label", "locale", "onChange", "value", "status", "validationMessage", "isDisabled", "classNameOverride"]);
-    var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    var handleOnChange = function (timeValue) {
-      if (timeValue === null) {
-        return onChange(null);
-      }
-      onChange({
-        hour: timeValue.hour,
-        minutes: timeValue.minute
-      });
-    };
-    var state = useTimeFieldState(__assign(__assign({}, restProps), {
-      value: value ? new Time(value.hour, value.minutes) : null,
-      onChange: handleOnChange,
-      isDisabled: isDisabled,
-      hideTimeZone: true,
-      locale: locale,
-      validationState: status === "default" ? "valid" : "invalid"
-    }));
-    var hasError = !!validationMessage && status === "error";
-    var descriptionId = hasError ? "".concat(id, "-field-message") : undefined;
-    var inputRef = React.useRef(null);
-    var _c = useTimeField(__assign(__assign({}, restProps), {
-        label: label,
-        isDisabled: isDisabled,
-        "aria-describedby": descriptionId
-      }), state, inputRef),
-      fieldProps = _c.fieldProps,
-      labelProps = _c.labelProps;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNameOverride
-    }, /*#__PURE__*/React.createElement(Label, __assign({
-      disabled: state.isDisabled
-    }, labelProps, {
-      classNameOverride: styles.label
-    }), label), /*#__PURE__*/React.createElement("div", {
-      className: styles.wrapper
-    }, /*#__PURE__*/React.createElement("div", __assign({}, fieldProps, {
-      id: id,
-      ref: inputRef,
-      className: classnames(styles.input, state.isDisabled && styles.isDisabled, state.validationState === "invalid" && styles.error)
-    }), state.segments.map(function (segment, i) {
-      return /*#__PURE__*/React.createElement(TimeSegment, {
-        key: i,
-        segment: segment,
-        state: state
-      });
-    }), /*#__PURE__*/React.createElement("div", {
-      className: styles.focusRing
-    }))), hasError && ( /*#__PURE__*/React.createElement(FieldMessage, {
-      id: descriptionId,
-      message: validationMessage,
-      status: status
-    })));
-  };
-  TimeFieldComponent.displayName = "TimeFieldComponent";
-  return TimeFieldComponent;
-}();
-export { TimeField };

package/dist/esm/TimeField/TimeField.module.scss.mjs

@@ -1,9 +0,0 @@
-var styles = {
-  "wrapper": "TimeField-module_wrapper__YuSI3",
-  "label": "TimeField-module_label__kjKyK",
-  "input": "TimeField-module_input__Hxjcu",
-  "focusRing": "TimeField-module_focusRing__7hgWG",
-  "isDisabled": "TimeField-module_isDisabled__rpEc8",
-  "error": "TimeField-module_error__tK2QY"
-};
-export { styles as default };

package/dist/esm/TimeField/subcomponents/TimeSegment/TimeSegment.mjs

@@ -1,27 +0,0 @@
-import { __assign } from 'tslib';
-import React from 'react';
-import { useDateSegment } from '@react-aria/datepicker';
-import classnames from 'classnames';
-import { generateSegmentDisplayText } from './utils/generateSegmentDisplayText.mjs';
-import styles from './TimeSegment.module.scss.mjs';
-const TimeSegment = /*#__PURE__*/function () {
-  const TimeSegment = function (_a) {
-    var segment = _a.segment,
-      state = _a.state;
-    var ref = React.useRef(null);
-    var segmentProps = useDateSegment(segment, state, ref).segmentProps;
-    // Chrome has a bug where `contenteditable` elements receive focus from external clicks.
-    // This (in combination with the invisible character ​) creates boundaries
-    // for the element.
-    // https://stackoverflow.com/a/34445203
-    return /*#__PURE__*/React.createElement("span", {
-      className: styles.timeSegmentWrapper
-    }, "\u200B", /*#__PURE__*/React.createElement("span", __assign({}, segmentProps, {
-      ref: ref,
-      className: classnames(styles.timeSegment, segment.type === "literal" && styles.literal, segment.isPlaceholder && styles.placeholder, segment.type === "dayPeriod" && styles.dayPeriod)
-    }), generateSegmentDisplayText(segment)), "\u200B");
-  };
-  TimeSegment.displayName = "TimeSegment";
-  return TimeSegment;
-}();
-export { TimeSegment };

package/dist/esm/TimeField/subcomponents/TimeSegment/TimeSegment.module.scss.mjs

@@ -1,8 +0,0 @@
-var styles = {
-  "timeSegmentWrapper": "TimeSegment-module_timeSegmentWrapper__WYD6y",
-  "timeSegment": "TimeSegment-module_timeSegment__eXb0c",
-  "placeholder": "TimeSegment-module_placeholder__j1-gK",
-  "literal": "TimeSegment-module_literal__mOkqz",
-  "dayPeriod": "TimeSegment-module_dayPeriod__fzT5I"
-};
-export { styles as default };

package/dist/esm/TimeField/subcomponents/TimeSegment/utils/generateSegmentDisplayText.mjs

@@ -1,4 +0,0 @@
-var generateSegmentDisplayText = function (segment) {
-  return segment.isPlaceholder && segment.type !== "dayPeriod" ? "--" : segment.text;
-};
-export { generateSegmentDisplayText };

package/dist/esm/TitleBlockZen/TitleBlockZen.mjs

@@ -1,300 +0,0 @@
-import { __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { Avatar } from '../Avatar/Avatar.mjs';
-import '../Button/Button/Button.mjs';
-import { IconButton } from '../Button/IconButton/IconButton.mjs';
-import { Heading } from '../Heading/Heading.mjs';
-import '../Icon/subcomponents/SVG/SVG.mjs';
-import { ArrowLeftIcon } from '../Icon/ArrowLeftIcon.mjs';
-import { ArrowRightIcon } from '../Icon/ArrowRightIcon.mjs';
-import { HamburgerIcon } from '../Icon/HamburgerIcon.mjs';
-import { Select } from '../Select/Select.mjs';
-import { Tag } from '../Tag/Tag.mjs';
-import { useMediaQueries } from '../utils/useMediaQueries.mjs';
-import { MainActions } from './subcomponents/MainActions.mjs';
-import { MobileActions } from './subcomponents/MobileActions.mjs';
-import { SecondaryActions } from './subcomponents/SecondaryActions.mjs';
-import { isReversed, createTabletOverflowMenuItems } from './utils.mjs';
-import styles from './TitleBlockZen.module.scss.mjs';
-var renderTag = function (surveyStatus) {
-  var tagVariant;
-  if (tagVariant === "profile") {
-    return;
-  }
-  if (surveyStatus.status === "draft") {
-    tagVariant = "statusDraft";
-  }
-  /*
-    scheduled is actually a draft survey status that has a launch job scheduled
-    still, we want to differentiate on the UI and render a specific tag
-    the styles must be identical to the draft style
-       we have similar behaviour on programs index page's table
-  */
-  if (surveyStatus.status === "scheduled") {
-    tagVariant = "statusClosed";
-  }
-  if (surveyStatus.status === "live") {
-    tagVariant = "statusLive";
-  }
-  if (surveyStatus.status === "closed") {
-    tagVariant = "statusClosed";
-  }
-  if (surveyStatus.status === "sentimentPositive") {
-    tagVariant = "sentimentPositive";
-  }
-  if (surveyStatus.status === "default") {
-    tagVariant = "default";
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    "data-automation-id": "survey-status-tag",
-    "data-testid": "survey-status-tag",
-    className: styles.tag
-  }, /*#__PURE__*/React.createElement(Tag, {
-    variant: tagVariant,
-    size: "small"
-  }, surveyStatus.text));
-};
-var isJSXElement = function (imageElementOrAvatarProps) {
-  return "props" in imageElementOrAvatarProps;
-};
-var renderAvatar = function (imageElementOrAvatarProps, avatarAutomationId) {
-  return isJSXElement(imageElementOrAvatarProps) ? ( /*#__PURE__*/React.createElement("div", {
-    "data-automation-id": avatarAutomationId,
-    "data-testid": avatarAutomationId,
-    className: classnames(styles.avatar, styles.withBorder)
-  }, imageElementOrAvatarProps)) : ( /*#__PURE__*/React.createElement("div", {
-    "data-automation-id": avatarAutomationId,
-    "data-testid": avatarAutomationId,
-    className: styles.avatar
-  }, /*#__PURE__*/React.createElement(Avatar, __assign({}, imageElementOrAvatarProps, {
-    size: "medium"
-  }))));
-};
-var renderSubtitle = function (subtitle, subtitleAutomationId) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.subtitle
-  }, /*#__PURE__*/React.createElement("span", {
-    "data-automation-id": subtitleAutomationId,
-    "data-testid": subtitleAutomationId,
-    className: styles.subtitleText
-  }, subtitle));
-};
-var defaultRenderSectionTitle = function (sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, sectionTitle && ( /*#__PURE__*/React.createElement("div", {
-    className: styles.sectionTitle
-  }, /*#__PURE__*/React.createElement(Heading, {
-    variant: "heading-2",
-    color: isReversed(variant) ? "white" : "dark",
-    classNameOverride: styles.sectionTitleOverride,
-    "data-automation-id": sectionTitleAutomationId,
-    "data-testid": sectionTitleAutomationId
-  }, sectionTitle))), sectionTitleDescription && ( /*#__PURE__*/React.createElement("div", {
-    "data-automation-id": sectionTitleDescriptionAutomationId,
-    "data-testid": sectionTitleDescriptionAutomationId,
-    className: classnames(styles.sectionTitleDescription, !isReversed(variant) && styles.dark)
-  }, sectionTitleDescription)));
-};
-var Breadcrumb = function (_a) {
-  var breadcrumb = _a.breadcrumb,
-    automationId = _a.automationId,
-    textAutomationId = _a.textAutomationId,
-    textDirection = _a.textDirection;
-  var path = breadcrumb.path,
-    handleClick = breadcrumb.handleClick,
-    text = breadcrumb.text,
-    render = breadcrumb.render;
-  var icon = textDirection === "rtl" ? ( /*#__PURE__*/React.createElement(ArrowRightIcon, {
-    role: "presentation"
-  })) : ( /*#__PURE__*/React.createElement(ArrowLeftIcon, {
-    role: "presentation"
-  }));
-  var InnerContents = function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: styles.circle
-    }, icon), /*#__PURE__*/React.createElement("span", {
-      className: styles.breadcrumbTextLink,
-      "data-automation-id": textAutomationId,
-      "data-testid": textAutomationId
-    }, /*#__PURE__*/React.createElement("span", {
-      className: styles.breadcrumbText
-    }, text)));
-  };
-  if (render) {
-    var CustomRender = render;
-    return /*#__PURE__*/React.createElement(CustomRender, {
-      breadcrumb: breadcrumb,
-      className: styles.breadcrumb,
-      automationId: automationId,
-      textAutomationId: textAutomationId,
-      textDirection: textDirection
-    }, /*#__PURE__*/React.createElement(InnerContents, null));
-  }
-  var TagName = path ? "a" : "button";
-  return /*#__PURE__*/React.createElement(TagName, __assign({}, path && {
-    href: path
-  }, {
-    className: styles.breadcrumb,
-    "data-automation-id": automationId,
-    "data-testid": automationId,
-    onClick: handleClick
-  }), /*#__PURE__*/React.createElement(InnerContents, null));
-};
-// We want to accept undefined here because the NavigationTabs container is
-// important for the flex-based layout (it pushes Secondary Actions over to the right)
-var renderNavigationTabs = function (navigationTabs, collapse, ariaLabel) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.navigationTabScrollerContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.navigationTabsContainer, collapse && styles.navigationTabsContainerCollapsed)
-  }, !collapse && navigationTabs !== undefined && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: styles.navigationTabEdgeShadowLeft
-  }), /*#__PURE__*/React.createElement("nav", {
-    className: styles.navigationTabsNav,
-    "aria-label": ariaLabel
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: styles.navigationTabsList
-  }, navigationTabs.map(function (navigationTab, index) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: index
-    }, navigationTab);
-  }))), /*#__PURE__*/React.createElement("span", {
-    className: styles.navigationTabEdgeShadowRight
-  })))));
-};
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |
- * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}
- */
-const TitleBlockZen = /*#__PURE__*/function () {
-  const TitleBlockZen = function (_a) {
-    var title = _a.title,
-      variant = _a.variant,
-      breadcrumb = _a.breadcrumb,
-      avatar = _a.avatar,
-      subtitle = _a.subtitle,
-      sectionTitle = _a.sectionTitle,
-      sectionTitleDescription = _a.sectionTitleDescription,
-      renderSectionTitle = _a.renderSectionTitle,
-      pageSwitcherSelect = _a.pageSwitcherSelect,
-      handleHamburgerClick = _a.handleHamburgerClick,
-      primaryAction = _a.primaryAction,
-      defaultAction = _a.defaultAction,
-      secondaryActions = _a.secondaryActions,
-      secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
-      navigationTabs = _a.navigationTabs,
-      _b = _a.collapseNavigationAreaWhenPossible,
-      collapseNavigationAreaWhenPossible = _b === void 0 ? false : _b,
-      textDirection = _a.textDirection,
-      surveyStatus = _a.surveyStatus,
-      id = _a.id,
-      _c = _a.titleAutomationId,
-      titleAutomationId = _c === void 0 ? "TitleBlock__Title" : _c,
-      _d = _a.avatarAutomationId,
-      avatarAutomationId = _d === void 0 ? "TitleBlock__Avatar" : _d,
-      _e = _a.subtitleAutomationId,
-      subtitleAutomationId = _e === void 0 ? "TitleBlock__Subtitle" : _e,
-      _f = _a.sectionTitleAutomationId,
-      sectionTitleAutomationId = _f === void 0 ? "TitleBlock__SectionTitle" : _f,
-      _g = _a.sectionTitleDescriptionAutomationId,
-      sectionTitleDescriptionAutomationId = _g === void 0 ? "TitleBlock__SectionTitleDescription" : _g,
-      _h = _a.breadcrumbAutomationId,
-      breadcrumbAutomationId = _h === void 0 ? "TitleBlock__Breadcrumb" : _h,
-      _j = _a.breadcrumbTextAutomationId,
-      breadcrumbTextAutomationId = _j === void 0 ? "TitleBlock__BreadcrumbText" : _j,
-      _k = _a.autoHideMobileActionsMenu,
-      autoHideMobileActionsMenu = _k === void 0 ? false : _k;
-    var hasNavigationTabs = navigationTabs && navigationTabs.length > 0;
-    var collapseNavigationArea = collapseNavigationAreaWhenPossible && !hasNavigationTabs && secondaryActions === undefined;
-    var _l = useMediaQueries().queries,
-      isSmall = _l.isSmall,
-      isMedium = _l.isMedium;
-    var isSmallOrMediumViewport = isMedium || isSmall;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      id: id,
-      className: classnames(styles.titleBlock, styles["".concat(variant, "Variant")], Boolean(subtitle) && styles.hasSubtitle, Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect, collapseNavigationArea && !(sectionTitle || sectionTitleDescription || renderSectionTitle) && styles.collapseNavigationArea, title && title.length >= 30 && styles.hasLongTitle, subtitle && typeof subtitle === "string" && subtitle.length >= 18 && styles.hasLongSubtitle, hasNavigationTabs && styles.hasNavigationTabs)
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.titleRow
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.titleRowInner
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.titleRowInnerContent
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.titleAndAdjacent
-    }, breadcrumb && ( /*#__PURE__*/React.createElement(Breadcrumb, {
-      breadcrumb: breadcrumb,
-      automationId: breadcrumbAutomationId,
-      textAutomationId: breadcrumbTextAutomationId,
-      textDirection: textDirection
-    })), /*#__PURE__*/React.createElement("div", {
-      className: styles.titleAndAdjacentNotBreadcrumb
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, handleHamburgerClick && ( /*#__PURE__*/React.createElement("div", {
-      className: styles.hamburger
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      onClick: handleHamburgerClick,
-      icon: /*#__PURE__*/React.createElement(HamburgerIcon, {
-        role: "presentation"
-      }),
-      label: "Open menu",
-      reversed: isReversed(variant)
-    }))), avatar && renderAvatar(avatar, avatarAutomationId), /*#__PURE__*/React.createElement("div", {
-      className: styles.titleAndSubtitle
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.titleAndSubtitleInner
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.title
-    }, /*#__PURE__*/React.createElement(Heading, {
-      variant: "heading-1",
-      color: isReversed(variant) ? "white" : "dark",
-      classNameOverride: styles.titleTextOverride,
-      "data-automation-id": titleAutomationId,
-      "data-testid": titleAutomationId
-    }, title)), isSmallOrMediumViewport && pageSwitcherSelect && ( /*#__PURE__*/React.createElement("div", {
-      className: styles.pageSwitcherSelectUnderneathTitle
-    }, /*#__PURE__*/React.createElement(Select, __assign({}, pageSwitcherSelect, {
-      variant: "secondary-small",
-      reversed: true
-    })))), subtitle && renderSubtitle(subtitle, subtitleAutomationId))), surveyStatus && renderTag(surveyStatus), !isSmallOrMediumViewport && pageSwitcherSelect && ( /*#__PURE__*/React.createElement("div", {
-      className: styles.pageSwitcherSelectNextToTitle
-    }, /*#__PURE__*/React.createElement(Select, __assign({}, pageSwitcherSelect, {
-      variant: "secondary",
-      reversed: true,
-      fullWidth: true
-    }))))))), (primaryAction || defaultAction || secondaryActions || secondaryOverflowMenuItems) && ( /*#__PURE__*/React.createElement(MainActions, {
-      primaryAction: primaryAction,
-      defaultAction: defaultAction,
-      reversed: isReversed(variant),
-      overflowMenuItems: createTabletOverflowMenuItems(secondaryActions, secondaryOverflowMenuItems),
-      showOverflowMenu: isSmallOrMediumViewport
-    }))))), /*#__PURE__*/React.createElement("div", {
-      className: styles.rowBelowSeparator
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.rowBelowSeparatorInner
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.rowBelowSeparatorInnerContent
-    }, (sectionTitle || sectionTitleDescription || renderSectionTitle) && ( /*#__PURE__*/React.createElement("div", {
-      className: styles.sectionTitleContainer
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.sectionTitleInner
-    }, !!renderSectionTitle ? renderSectionTitle({
-      sectionTitle: sectionTitle,
-      sectionTitleAutomationId: sectionTitleAutomationId,
-      sectionTitleDescription: sectionTitleDescription,
-      sectionTitleDescriptionAutomationId: sectionTitleDescriptionAutomationId
-    }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId)))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions || secondaryOverflowMenuItems) && ( /*#__PURE__*/React.createElement(SecondaryActions, {
-      secondaryActions: secondaryActions,
-      secondaryOverflowMenuItems: secondaryOverflowMenuItems,
-      reversed: isReversed(variant)
-    }))))), /*#__PURE__*/React.createElement(MobileActions, {
-      primaryAction: primaryAction,
-      defaultAction: defaultAction,
-      secondaryActions: secondaryActions,
-      secondaryOverflowMenuItems: secondaryOverflowMenuItems,
-      drawerHandleLabelIconPosition: primaryAction && "iconPosition" in primaryAction ? primaryAction.iconPosition : undefined,
-      autoHide: autoHideMobileActionsMenu
-    })));
-  };
-  TitleBlockZen.displayName = "TitleBlockZen";
-  return TitleBlockZen;
-}();
-export { TitleBlockZen };

package/dist/esm/TitleBlockZen/TitleBlockZen.module.scss.mjs

@@ -1,52 +0,0 @@
-var styles = {
-  "titleBlock": "TitleBlockZen-module_titleBlock__bekbg",
-  "educationVariant": "TitleBlockZen-module_educationVariant__B3I7P",
-  "adminVariant": "TitleBlockZen-module_adminVariant__vvIrj",
-  "titleRow": "TitleBlockZen-module_titleRow__LcreV",
-  "rowBelowSeparator": "TitleBlockZen-module_rowBelowSeparator__ES4X-",
-  "rowBelowSeparatorInner": "TitleBlockZen-module_rowBelowSeparatorInner__ln-Nc",
-  "titleRowInner": "TitleBlockZen-module_titleRowInner__JWjlG",
-  "titleRowInnerContent": "TitleBlockZen-module_titleRowInnerContent__zhZ-S",
-  "collapseNavigationArea": "TitleBlockZen-module_collapseNavigationArea__PkEa9",
-  "title": "TitleBlockZen-module_title__n0doa",
-  "titleAndSubtitle": "TitleBlockZen-module_titleAndSubtitle__l2kEQ",
-  "hasSubtitle": "TitleBlockZen-module_hasSubtitle__onXCE",
-  "titleAndSubtitleInner": "TitleBlockZen-module_titleAndSubtitleInner__-5y1m",
-  "hasLongTitle": "TitleBlockZen-module_hasLongTitle__axGG9",
-  "hasLongSubtitle": "TitleBlockZen-module_hasLongSubtitle__TlqEy",
-  "hasPageSwitcherSelect": "TitleBlockZen-module_hasPageSwitcherSelect__JrYn4",
-  "titleTextOverride": "TitleBlockZen-module_titleTextOverride__Caa0-",
-  "avatar": "TitleBlockZen-module_avatar__CHWTd",
-  "withBorder": "TitleBlockZen-module_withBorder__lzJvb",
-  "hamburger": "TitleBlockZen-module_hamburger__VFufP",
-  "subtitle": "TitleBlockZen-module_subtitle__OD-d5",
-  "subtitleText": "TitleBlockZen-module_subtitleText__odf0T",
-  "sectionTitleContainer": "TitleBlockZen-module_sectionTitleContainer__nzQ-r",
-  "sectionTitleInner": "TitleBlockZen-module_sectionTitleInner__wYAWC",
-  "sectionTitleOverride": "TitleBlockZen-module_sectionTitleOverride__GDHqp",
-  "sectionTitle": "TitleBlockZen-module_sectionTitle__Le5YQ",
-  "sectionTitleDescription": "TitleBlockZen-module_sectionTitleDescription__mIl-A",
-  "dark": "TitleBlockZen-module_dark__Y-v1Z",
-  "rowBelowSeparatorInnerContent": "TitleBlockZen-module_rowBelowSeparatorInnerContent__aho-R",
-  "titleAndAdjacent": "TitleBlockZen-module_titleAndAdjacent__BWNsj",
-  "titleAndAdjacentNotBreadcrumb": "TitleBlockZen-module_titleAndAdjacentNotBreadcrumb__9TuNA",
-  "breadcrumb": "TitleBlockZen-module_breadcrumb__o2c8A",
-  "breadcrumbTextLink": "TitleBlockZen-module_breadcrumbTextLink__1HhXQ",
-  "tag": "TitleBlockZen-module_tag__mWbbU",
-  "pageSwitcherSelectNextToTitle": "TitleBlockZen-module_pageSwitcherSelectNextToTitle__CPnE3",
-  "pageSwitcherSelectUnderneathTitle": "TitleBlockZen-module_pageSwitcherSelectUnderneathTitle__MRZI2",
-  "navigationTabsContainer": "TitleBlockZen-module_navigationTabsContainer__lto6e",
-  "navigationTabsContainerCollapsed": "TitleBlockZen-module_navigationTabsContainerCollapsed__oMPa4",
-  "hasNavigationTabs": "TitleBlockZen-module_hasNavigationTabs__S4JF-",
-  "navigationTabScrollerContainer": "TitleBlockZen-module_navigationTabScrollerContainer__n-B-b",
-  "navigationTabsNav": "TitleBlockZen-module_navigationTabsNav__UOeVY",
-  "navigationTabsList": "TitleBlockZen-module_navigationTabsList__sxozg",
-  "navigationTabEdgeShadowRight": "TitleBlockZen-module_navigationTabEdgeShadowRight__7ySCE",
-  "navigationTabEdgeShadowLeft": "TitleBlockZen-module_navigationTabEdgeShadowLeft__yfKxK",
-  "secondaryActionsContainer": "TitleBlockZen-module_secondaryActionsContainer__Is7rl",
-  "slide-fade": "TitleBlockZen-module_slide-fade__k4tBT",
-  "reverse-slide-fade": "TitleBlockZen-module_reverse-slide-fade__WT9AW",
-  "breadcrumbText": "TitleBlockZen-module_breadcrumbText__O-GCu",
-  "circle": "TitleBlockZen-module_circle__4bfl6"
-};
-export { styles as default };

package/dist/esm/TitleBlockZen/constants.mjs

@@ -1,3 +0,0 @@
-var TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = "title-block-secondary-menu";
-var TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = "title-block-other-actions";
-export { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID, TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID };