@kaizen/components 3.0.5 → 3.0.6

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

@@ -1,17 +1,17 @@
-var modules_fed39cba = {
-  "root": "GenericTile_module_root__de9f2627",
-  "tile": "GenericTile_module_tile__de9f2627",
-  "titleMeta": "GenericTile_module_titleMeta__de9f2627",
-  "face": "GenericTile_module_face__de9f2627",
-  "faceFront": "GenericTile_module_faceFront__de9f2627",
-  "faceBack": "GenericTile_module_faceBack__de9f2627",
-  "default": "GenericTile_module_default__de9f2627",
-  "expert-advice": "GenericTile_module_expertAdvice__de9f2627",
-  "isFlipped": "GenericTile_module_isFlipped__de9f2627",
-  "title": "GenericTile_module_title__de9f2627",
-  "actions": "GenericTile_module_actions__de9f2627",
-  "informationBtn": "GenericTile_module_informationBtn__de9f2627",
-  "information": "GenericTile_module_information__de9f2627",
-  "footer": "GenericTile_module_footer__de9f2627"
+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",
+  "default": "GenericTile-module_default__z-CEg",
+  "expert-advice": "GenericTile-module_expert-advice__qSnxo",
+  "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 { modules_fed39cba as default };
+export { styles as default };

package/dist/esm/src/TimeField/TimeField.mjs

@@ -8,7 +8,7 @@ import classnames from 'classnames';
 import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
 import { Label } from '../Label/Label.mjs';
 import { TimeSegment } from './subcomponents/TimeSegment/TimeSegment.mjs';
-import modules_0db24a3e from './TimeField.module.css.mjs';
+import styles from './TimeField.module.css.mjs';
 
 // This needed to be placed directly below the props because
 // the prop descriptions wouldn't show in Storybook otherwise.
@@ -72,13 +72,13 @@ const TimeFieldComponent = /*#__PURE__*/function () {
     }, /*#__PURE__*/React.createElement(Label, __assign({
       disabled: state.isDisabled
     }, labelProps, {
-      classNameOverride: modules_0db24a3e.label
+      classNameOverride: styles.label
     }), label), /*#__PURE__*/React.createElement("div", {
-      className: modules_0db24a3e.wrapper
+      className: styles.wrapper
     }, /*#__PURE__*/React.createElement("div", __assign({}, fieldProps, {
       id: id,
       ref: inputRef,
-      className: classnames(modules_0db24a3e.input, state.isDisabled && modules_0db24a3e.isDisabled, status === 'error' && modules_0db24a3e.error)
+      className: classnames(styles.input, state.isDisabled && styles.isDisabled, status === 'error' && styles.error)
     }), state.segments.map(function (segment, i) {
       return /*#__PURE__*/React.createElement(TimeSegment, {
         key: i,
@@ -87,7 +87,7 @@ const TimeFieldComponent = /*#__PURE__*/function () {
         hasPadding: ![8294, 8297].includes(segment.text.charCodeAt(0))
       });
     }), /*#__PURE__*/React.createElement("div", {
-      className: modules_0db24a3e.focusRing
+      className: styles.focusRing
     }))), hasError && /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,
       message: validationMessage,

package/dist/esm/src/TimeField/TimeField.module.css.mjs

@@ -1,9 +1,9 @@
-var modules_0db24a3e = {
-  "wrapper": "TimeField_module_wrapper__bbac96fc",
-  "label": "TimeField_module_label__bbac96fc",
-  "input": "TimeField_module_input__bbac96fc",
-  "focusRing": "TimeField_module_focusRing__bbac96fc",
-  "isDisabled": "TimeField_module_isDisabled__bbac96fc",
-  "error": "TimeField_module_error__bbac96fc"
+var styles = {
+  "wrapper": "TimeField-module_wrapper__pQZdC",
+  "label": "TimeField-module_label__1znpw",
+  "input": "TimeField-module_input__tYw7K",
+  "focusRing": "TimeField-module_focusRing__YmCyC",
+  "isDisabled": "TimeField-module_isDisabled__KIIuQ",
+  "error": "TimeField-module_error__lgr4N"
 };
-export { modules_0db24a3e as default };
+export { styles as default };

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { useDateSegment } from '@react-aria/datepicker';
 import classnames from 'classnames';
 import { generateSegmentDisplayText } from './utils/generateSegmentDisplayText.mjs';
-import modules_0ac56f95 from './TimeSegment.module.css.mjs';
+import styles from './TimeSegment.module.css.mjs';
 const TimeSegment = /*#__PURE__*/function () {
   const TimeSegment = function (_a) {
     var segment = _a.segment,
@@ -17,10 +17,10 @@ const TimeSegment = /*#__PURE__*/function () {
     // for the element.
     // https://stackoverflow.com/a/34445203
     return /*#__PURE__*/React.createElement("span", {
-      className: modules_0ac56f95.timeSegmentWrapper
+      className: styles.timeSegmentWrapper
     }, "\u200B", /*#__PURE__*/React.createElement("span", __assign({}, segmentProps, {
       ref: ref,
-      className: classnames(modules_0ac56f95.timeSegment, segment.type === 'literal' && modules_0ac56f95.literal, segment.isPlaceholder && modules_0ac56f95.placeholder, segment.type === 'dayPeriod' && modules_0ac56f95.dayPeriod, hasPadding && modules_0ac56f95.hasPadding)
+      className: classnames(styles.timeSegment, segment.type === 'literal' && styles.literal, segment.isPlaceholder && styles.placeholder, segment.type === 'dayPeriod' && styles.dayPeriod, hasPadding && styles.hasPadding)
     }), generateSegmentDisplayText(segment)), "\u200B");
   };
   TimeSegment.displayName = 'TimeSegment';

package/dist/esm/src/TimeField/subcomponents/TimeSegment/TimeSegment.module.css.mjs

@@ -1,9 +1,9 @@
-var modules_0ac56f95 = {
-  "timeSegmentWrapper": "TimeSegment_module_timeSegmentWrapper__812aaa15",
-  "timeSegment": "TimeSegment_module_timeSegment__812aaa15",
-  "hasPadding": "TimeSegment_module_hasPadding__812aaa15",
-  "placeholder": "TimeSegment_module_placeholder__812aaa15",
-  "literal": "TimeSegment_module_literal__812aaa15",
-  "dayPeriod": "TimeSegment_module_dayPeriod__812aaa15"
+var styles = {
+  "timeSegmentWrapper": "TimeSegment-module_timeSegmentWrapper__VHChp",
+  "timeSegment": "TimeSegment-module_timeSegment__MYvxk",
+  "hasPadding": "TimeSegment-module_hasPadding__s-PMt",
+  "placeholder": "TimeSegment-module_placeholder__gfr9g",
+  "literal": "TimeSegment-module_literal__Ep2-S",
+  "dayPeriod": "TimeSegment-module_dayPeriod__WOOH2"
 };
-export { modules_0ac56f95 as default };
+export { styles as default };

package/dist/esm/src/TitleBlock/TitleBlock.mjs

@@ -13,7 +13,7 @@ import { useMediaQueries } from '../utils/useMediaQueries.mjs';
 import { MainActions } from './subcomponents/MainActions.mjs';
 import { SecondaryActions } from './subcomponents/SecondaryActions.mjs';
 import { isReversed } from './utils.mjs';
-import modules_59bd9bfb from './TitleBlock.module.scss.mjs';
+import styles from './TitleBlock.module.scss.mjs';
 var renderTag = function (surveyStatus) {
   var tagVariant;
   if (tagVariant === 'profile') {
@@ -46,7 +46,7 @@ var renderTag = function (surveyStatus) {
   return /*#__PURE__*/React.createElement("div", {
     "data-automation-id": "survey-status-tag",
     "data-testid": "survey-status-tag",
-    className: modules_59bd9bfb.tag
+    className: styles.tag
   }, /*#__PURE__*/React.createElement(Tag, {
     variant: tagVariant,
     size: "small"
@@ -59,37 +59,37 @@ var renderAvatar = function (imageElementOrAvatarProps, avatarAutomationId) {
   return isJSXElement(imageElementOrAvatarProps) ? (/*#__PURE__*/React.createElement("div", {
     "data-automation-id": avatarAutomationId,
     "data-testid": avatarAutomationId,
-    className: classnames(modules_59bd9bfb.avatar, modules_59bd9bfb.withBorder)
+    className: classnames(styles.avatar, styles.withBorder)
   }, imageElementOrAvatarProps)) : (/*#__PURE__*/React.createElement("div", {
     "data-automation-id": avatarAutomationId,
     "data-testid": avatarAutomationId,
-    className: modules_59bd9bfb.avatar
+    className: styles.avatar
   }, /*#__PURE__*/React.createElement(Avatar, __assign({}, imageElementOrAvatarProps, {
     size: "medium"
   }))));
 };
 var renderSubtitle = function (subtitle, subtitleAutomationId) {
   return /*#__PURE__*/React.createElement("div", {
-    className: modules_59bd9bfb.subtitle
+    className: styles.subtitle
   }, /*#__PURE__*/React.createElement("span", {
     "data-automation-id": subtitleAutomationId,
     "data-testid": subtitleAutomationId,
-    className: modules_59bd9bfb.subtitleText
+    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: modules_59bd9bfb.sectionTitle
+    className: styles.sectionTitle
   }, /*#__PURE__*/React.createElement(Heading, {
     variant: "heading-2",
     color: isReversed(variant) ? 'white' : 'dark',
-    classNameOverride: modules_59bd9bfb.sectionTitleOverride,
+    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(modules_59bd9bfb.sectionTitleDescription, !isReversed(variant) && modules_59bd9bfb.dark)
+    className: classnames(styles.sectionTitleDescription, !isReversed(variant) && styles.dark)
   }, sectionTitleDescription)));
 };
 var Breadcrumb = function (_a) {
@@ -103,24 +103,24 @@ var Breadcrumb = function (_a) {
     render = breadcrumb.render;
   var InnerContents = function () {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.circle
+      className: styles.circle
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "arrow_back",
       isPresentational: true,
       shouldMirrorInRTL: true
     })), /*#__PURE__*/React.createElement("span", {
-      className: modules_59bd9bfb.breadcrumbTextLink,
+      className: styles.breadcrumbTextLink,
       "data-automation-id": textAutomationId,
       "data-testid": textAutomationId
     }, /*#__PURE__*/React.createElement("span", {
-      className: modules_59bd9bfb.breadcrumbText
+      className: styles.breadcrumbText
     }, text)));
   };
   if (render) {
     var CustomRender = render;
     return /*#__PURE__*/React.createElement(CustomRender, {
       breadcrumb: breadcrumb,
-      className: modules_59bd9bfb.breadcrumb,
+      className: styles.breadcrumb,
       automationId: automationId,
       textAutomationId: textAutomationId,
       textDirection: textDirection
@@ -130,7 +130,7 @@ var Breadcrumb = function (_a) {
   return /*#__PURE__*/React.createElement(TagName, __assign({}, path && {
     href: path
   }, {
-    className: modules_59bd9bfb.breadcrumb,
+    className: styles.breadcrumb,
     "data-automation-id": automationId,
     "data-testid": automationId,
     onClick: handleClick
@@ -140,22 +140,22 @@ var Breadcrumb = function (_a) {
 // 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: modules_59bd9bfb.navigationTabScrollerContainer
+    className: styles.navigationTabScrollerContainer
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(modules_59bd9bfb.navigationTabsContainer, collapse && modules_59bd9bfb.navigationTabsContainerCollapsed)
+    className: classnames(styles.navigationTabsContainer, collapse && styles.navigationTabsContainerCollapsed)
   }, !collapse && navigationTabs !== undefined && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: modules_59bd9bfb.navigationTabEdgeShadowLeft
+    className: styles.navigationTabEdgeShadowLeft
   }), /*#__PURE__*/React.createElement("nav", {
-    className: modules_59bd9bfb.navigationTabsNav,
+    className: styles.navigationTabsNav,
     "aria-label": ariaLabel
   }, /*#__PURE__*/React.createElement("ul", {
-    className: modules_59bd9bfb.navigationTabsList
+    className: styles.navigationTabsList
   }, navigationTabs.map(function (navigationTab, index) {
     return /*#__PURE__*/React.createElement("li", {
       key: index
     }, navigationTab);
   }))), /*#__PURE__*/React.createElement("span", {
-    className: modules_59bd9bfb.navigationTabEdgeShadowRight
+    className: styles.navigationTabEdgeShadowRight
   })))));
 };
 /**
@@ -208,24 +208,24 @@ const TitleBlock = /*#__PURE__*/function () {
     var formatMessage = useIntl().formatMessage;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       id: id,
-      className: classnames(modules_59bd9bfb.titleBlock, modules_59bd9bfb["".concat(variant, "Variant")], Boolean(subtitle) && modules_59bd9bfb.hasSubtitle, Boolean(pageSwitcherSelect) && modules_59bd9bfb.hasPageSwitcherSelect, collapseNavigationArea && !((_b = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _b !== void 0 ? _b : renderSectionTitle) && modules_59bd9bfb.collapseNavigationArea, title && title.length >= 30 && modules_59bd9bfb.hasLongTitle, subtitle && typeof subtitle === 'string' && subtitle.length >= 18 && modules_59bd9bfb.hasLongSubtitle, hasNavigationTabs && modules_59bd9bfb.hasNavigationTabs)
+      className: classnames(styles.titleBlock, styles["".concat(variant, "Variant")], Boolean(subtitle) && styles.hasSubtitle, Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect, collapseNavigationArea && !((_b = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _b !== void 0 ? _b : 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: modules_59bd9bfb.titleRow
+      className: styles.titleRow
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleRowInner
+      className: styles.titleRowInner
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleRowInnerContent
+      className: styles.titleRowInnerContent
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleAndAdjacent
+      className: styles.titleAndAdjacent
     }, breadcrumb && (/*#__PURE__*/React.createElement(Breadcrumb, {
       breadcrumb: breadcrumb,
       automationId: breadcrumbAutomationId,
       textAutomationId: breadcrumbTextAutomationId,
       textDirection: textDirection
     })), /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleAndAdjacentNotBreadcrumb
+      className: styles.titleAndAdjacentNotBreadcrumb
     }, /*#__PURE__*/React.createElement(React.Fragment, null, handleHamburgerClick && (/*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.hamburger
+      className: styles.hamburger
     }, /*#__PURE__*/React.createElement(IconButton, {
       onClick: handleHamburgerClick,
       icon: /*#__PURE__*/React.createElement(Icon, {
@@ -239,24 +239,24 @@ const TitleBlock = /*#__PURE__*/function () {
       }),
       reversed: isReversed(variant)
     }))), avatar && renderAvatar(avatar, avatarAutomationId), /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleAndSubtitle
+      className: styles.titleAndSubtitle
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleAndSubtitleInner
+      className: styles.titleAndSubtitleInner
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.title
+      className: styles.title
     }, /*#__PURE__*/React.createElement(Heading, {
       variant: "composable-header-title",
       color: isReversed(variant) ? 'white' : 'dark',
-      classNameOverride: modules_59bd9bfb.titleTextOverride,
+      classNameOverride: styles.titleTextOverride,
       "data-automation-id": titleAutomationId,
       "data-testid": titleAutomationId
     }, title)), isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.pageSwitcherSelectUnderneathTitle
+      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: modules_59bd9bfb.pageSwitcherSelectNextToTitle
+      className: styles.pageSwitcherSelectNextToTitle
     }, /*#__PURE__*/React.createElement(Select, __assign({}, pageSwitcherSelect, {
       variant: "secondary",
       reversed: true,
@@ -268,15 +268,15 @@ const TitleBlock = /*#__PURE__*/function () {
       secondaryOverflowMenuItems: secondaryOverflowMenuItems,
       reversed: isReversed(variant)
     }))))), /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.rowBelowSeparator
+      className: styles.rowBelowSeparator
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.rowBelowSeparatorInner
+      className: styles.rowBelowSeparatorInner
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.rowBelowSeparatorInnerContent
+      className: styles.rowBelowSeparatorInnerContent
     }, ((_d = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _d !== void 0 ? _d : renderSectionTitle) && (/*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.sectionTitleContainer
+      className: styles.sectionTitleContainer
     }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.sectionTitleInner
+      className: styles.sectionTitleInner
     }, renderSectionTitle ? renderSectionTitle({
       sectionTitle: sectionTitle,
       sectionTitleAutomationId: sectionTitleAutomationId,

package/dist/esm/src/TitleBlock/TitleBlock.module.scss.mjs

@@ -1,56 +1,56 @@
-var modules_59bd9bfb = {
-  "titleBlock": "TitleBlock_module_titleBlock__4c011478",
-  "lightVariant": "TitleBlock_module_lightVariant__4c011478",
-  "educationVariant": "TitleBlock_module_educationVariant__4c011478",
-  "adminVariant": "TitleBlock_module_adminVariant__4c011478",
-  "titleRow": "TitleBlock_module_titleRow__4c011478",
-  "rowBelowSeparator": "TitleBlock_module_rowBelowSeparator__4c011478",
-  "rowBelowSeparatorInner": "TitleBlock_module_rowBelowSeparatorInner__4c011478",
-  "titleRowInner": "TitleBlock_module_titleRowInner__4c011478",
-  "titleRowInnerContent": "TitleBlock_module_titleRowInnerContent__4c011478",
-  "collapseNavigationArea": "TitleBlock_module_collapseNavigationArea__4c011478",
-  "title": "TitleBlock_module_title__4c011478",
-  "titleAndSubtitle": "TitleBlock_module_titleAndSubtitle__4c011478",
-  "hasSubtitle": "TitleBlock_module_hasSubtitle__4c011478",
-  "titleAndSubtitleInner": "TitleBlock_module_titleAndSubtitleInner__4c011478",
-  "hasLongTitle": "TitleBlock_module_hasLongTitle__4c011478",
-  "hasLongSubtitle": "TitleBlock_module_hasLongSubtitle__4c011478",
-  "hasPageSwitcherSelect": "TitleBlock_module_hasPageSwitcherSelect__4c011478",
-  "titleTextOverride": "TitleBlock_module_titleTextOverride__4c011478",
-  "avatar": "TitleBlock_module_avatar__4c011478",
-  "withBorder": "TitleBlock_module_withBorder__4c011478",
-  "hamburger": "TitleBlock_module_hamburger__4c011478",
-  "subtitle": "TitleBlock_module_subtitle__4c011478",
-  "subtitleText": "TitleBlock_module_subtitleText__4c011478",
-  "sectionTitleContainer": "TitleBlock_module_sectionTitleContainer__4c011478",
-  "sectionTitle": "TitleBlock_module_sectionTitle__4c011478",
-  "sectionTitleInner": "TitleBlock_module_sectionTitleInner__4c011478",
-  "sectionTitleOverride": "TitleBlock_module_sectionTitleOverride__4c011478",
-  "sectionTitleDescription": "TitleBlock_module_sectionTitleDescription__4c011478",
-  "dark": "TitleBlock_module_dark__4c011478",
-  "rowBelowSeparatorInnerContent": "TitleBlock_module_rowBelowSeparatorInnerContent__4c011478",
-  "titleAndAdjacent": "TitleBlock_module_titleAndAdjacent__4c011478",
-  "titleAndAdjacentNotBreadcrumb": "TitleBlock_module_titleAndAdjacentNotBreadcrumb__4c011478",
-  "breadcrumb": "TitleBlock_module_breadcrumb__4c011478",
-  "breadcrumbTextLink": "TitleBlock_module_breadcrumbTextLink__4c011478",
-  "tag": "TitleBlock_module_tag__4c011478",
-  "pageSwitcherSelectNextToTitle": "TitleBlock_module_pageSwitcherSelectNextToTitle__4c011478",
-  "pageSwitcherSelectUnderneathTitle": "TitleBlock_module_pageSwitcherSelectUnderneathTitle__4c011478",
-  "navigationTabsContainer": "TitleBlock_module_navigationTabsContainer__4c011478",
-  "navigationTabsContainerCollapsed": "TitleBlock_module_navigationTabsContainerCollapsed__4c011478",
-  "hasNavigationTabs": "TitleBlock_module_hasNavigationTabs__4c011478",
-  "navigationTabScrollerContainer": "TitleBlock_module_navigationTabScrollerContainer__4c011478",
-  "navigationTabsNav": "TitleBlock_module_navigationTabsNav__4c011478",
-  "navigationTabsList": "TitleBlock_module_navigationTabsList__4c011478",
-  "navigationTabEdgeShadowRight": "TitleBlock_module_navigationTabEdgeShadowRight__4c011478",
-  "navigationTabEdgeShadowLeft": "TitleBlock_module_navigationTabEdgeShadowLeft__4c011478",
-  "secondaryActionsContainer": "TitleBlock_module_secondaryActionsContainer__4c011478",
-  "secondaryOverflowCombinedMenu": "TitleBlock_module_secondaryOverflowCombinedMenu__4c011478",
-  "secondaryButtonContainer": "TitleBlock_module_secondaryButtonContainer__4c011478",
-  "secondaryOverflowMenu": "TitleBlock_module_secondaryOverflowMenu__4c011478",
-  "slide-fade": "TitleBlock_module_slideFade__4c011478",
-  "reverse-slide-fade": "TitleBlock_module_reverseSlideFade__4c011478",
-  "breadcrumbText": "TitleBlock_module_breadcrumbText__4c011478",
-  "circle": "TitleBlock_module_circle__4c011478"
+var styles = {
+  "titleBlock": "TitleBlock-module_titleBlock__7jxn3",
+  "lightVariant": "TitleBlock-module_lightVariant__1EeLV",
+  "educationVariant": "TitleBlock-module_educationVariant__YvpWa",
+  "adminVariant": "TitleBlock-module_adminVariant__s95nS",
+  "titleRow": "TitleBlock-module_titleRow__Ifqiu",
+  "rowBelowSeparator": "TitleBlock-module_rowBelowSeparator__H4E63",
+  "rowBelowSeparatorInner": "TitleBlock-module_rowBelowSeparatorInner__3gNec",
+  "titleRowInner": "TitleBlock-module_titleRowInner__SlArS",
+  "titleRowInnerContent": "TitleBlock-module_titleRowInnerContent__NhTHV",
+  "collapseNavigationArea": "TitleBlock-module_collapseNavigationArea__x9hzQ",
+  "title": "TitleBlock-module_title__c5JWR",
+  "titleAndSubtitle": "TitleBlock-module_titleAndSubtitle__-kLSn",
+  "hasSubtitle": "TitleBlock-module_hasSubtitle__DQWKd",
+  "titleAndSubtitleInner": "TitleBlock-module_titleAndSubtitleInner__TX8xw",
+  "hasLongTitle": "TitleBlock-module_hasLongTitle__L-6FV",
+  "hasLongSubtitle": "TitleBlock-module_hasLongSubtitle__ZVMVl",
+  "hasPageSwitcherSelect": "TitleBlock-module_hasPageSwitcherSelect__p5sDo",
+  "titleTextOverride": "TitleBlock-module_titleTextOverride__VhhQU",
+  "avatar": "TitleBlock-module_avatar__mEjJ8",
+  "withBorder": "TitleBlock-module_withBorder__D8Mz2",
+  "hamburger": "TitleBlock-module_hamburger__qe4R0",
+  "subtitle": "TitleBlock-module_subtitle__AI9tj",
+  "subtitleText": "TitleBlock-module_subtitleText__gpXET",
+  "sectionTitleContainer": "TitleBlock-module_sectionTitleContainer__LrDPV",
+  "sectionTitle": "TitleBlock-module_sectionTitle__b8daw",
+  "sectionTitleInner": "TitleBlock-module_sectionTitleInner__nJfOP",
+  "sectionTitleOverride": "TitleBlock-module_sectionTitleOverride__XcD8g",
+  "sectionTitleDescription": "TitleBlock-module_sectionTitleDescription__wuVwm",
+  "dark": "TitleBlock-module_dark__KJexf",
+  "rowBelowSeparatorInnerContent": "TitleBlock-module_rowBelowSeparatorInnerContent__g5H9w",
+  "titleAndAdjacent": "TitleBlock-module_titleAndAdjacent__Q7W-m",
+  "titleAndAdjacentNotBreadcrumb": "TitleBlock-module_titleAndAdjacentNotBreadcrumb__NesyY",
+  "breadcrumb": "TitleBlock-module_breadcrumb__lVNKz",
+  "breadcrumbTextLink": "TitleBlock-module_breadcrumbTextLink__ngx82",
+  "tag": "TitleBlock-module_tag__GDzmQ",
+  "pageSwitcherSelectNextToTitle": "TitleBlock-module_pageSwitcherSelectNextToTitle__KZ0Uc",
+  "pageSwitcherSelectUnderneathTitle": "TitleBlock-module_pageSwitcherSelectUnderneathTitle__7-yxl",
+  "navigationTabsContainer": "TitleBlock-module_navigationTabsContainer__aLbT3",
+  "navigationTabsContainerCollapsed": "TitleBlock-module_navigationTabsContainerCollapsed__ZJF6M",
+  "hasNavigationTabs": "TitleBlock-module_hasNavigationTabs__v09jL",
+  "navigationTabScrollerContainer": "TitleBlock-module_navigationTabScrollerContainer__o234q",
+  "navigationTabsNav": "TitleBlock-module_navigationTabsNav__cggvg",
+  "navigationTabsList": "TitleBlock-module_navigationTabsList__spzUx",
+  "navigationTabEdgeShadowRight": "TitleBlock-module_navigationTabEdgeShadowRight__xkIWc",
+  "navigationTabEdgeShadowLeft": "TitleBlock-module_navigationTabEdgeShadowLeft__9pGhR",
+  "secondaryActionsContainer": "TitleBlock-module_secondaryActionsContainer__-4q0l",
+  "secondaryOverflowCombinedMenu": "TitleBlock-module_secondaryOverflowCombinedMenu__CTddK",
+  "secondaryButtonContainer": "TitleBlock-module_secondaryButtonContainer__xFL9X",
+  "secondaryOverflowMenu": "TitleBlock-module_secondaryOverflowMenu__gvmgW",
+  "slide-fade": "TitleBlock-module_slide-fade__o5TnP",
+  "reverse-slide-fade": "TitleBlock-module_reverse-slide-fade__LZZ98",
+  "breadcrumbText": "TitleBlock-module_breadcrumbText__vDi0k",
+  "circle": "TitleBlock-module_circle__68z-T"
 };
-export { modules_59bd9bfb as default };
+export { styles as default };

package/dist/esm/src/TitleBlock/subcomponents/MainActions.mjs

@@ -11,7 +11,7 @@ import { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from '../constants.mjs';
 import { createTabletOverflowMenuItems, isMenuGroupNotButton } from '../utils.mjs';
 import { TitleBlockMenuItem } from './TitleBlockMenuItem.mjs';
 import { Toolbar } from './Toolbar.mjs';
-import modules_589d428b from './MainActions.module.scss.mjs';
+import styles from './MainActions.module.scss.mjs';
 var renderSecondaryAndOverflowMenu = function (secondaryAndOverflowMenuLabel, secondaryOverflowMenuItems, reversed) {
   if (!secondaryOverflowMenuItems) return undefined;
   return /*#__PURE__*/React.createElement(Menu, {
@@ -24,7 +24,7 @@ var renderSecondaryAndOverflowMenu = function (secondaryAndOverflowMenuLabel, se
         isPresentational: true
       }),
       id: TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,
-      classNameOverride: modules_589d428b.overflowMenuButton
+      classNameOverride: styles.overflowMenuButton
     })
   }, /*#__PURE__*/React.createElement(MenuList, null, secondaryOverflowMenuItems.map(function (menuItem, i) {
     return /*#__PURE__*/React.createElement(TitleBlockMenuItem, __assign({
@@ -83,7 +83,7 @@ const MainActions = /*#__PURE__*/function () {
     var defaultActionItem = defaultAction ? [{
       key: 'defaultAction',
       node: (/*#__PURE__*/React.createElement(Button, __assign({
-        classNameOverride: modules_589d428b.defaultActionButton
+        classNameOverride: styles.defaultActionButton
       }, defaultAction, {
         reversed: (_b = defaultAction.reversed) !== null && _b !== void 0 ? _b : reversed,
         "data-automation-id": "title-block-default-action-button",
@@ -93,7 +93,7 @@ const MainActions = /*#__PURE__*/function () {
     var defaultActionItemMinimized = defaultAction ? [{
       key: 'defaultActionMinimized',
       node: (/*#__PURE__*/React.createElement("div", {
-        className: modules_589d428b.defaultActionButtonMinimized
+        className: styles.defaultActionButtonMinimized
       }, /*#__PURE__*/React.createElement(Menu, {
         align: "right",
         button: /*#__PURE__*/React.createElement(IconButton, {
@@ -155,7 +155,7 @@ const MainActions = /*#__PURE__*/function () {
       }] : [], true);
     }
     return /*#__PURE__*/React.createElement("div", {
-      className: modules_589d428b.mainActionsContainer
+      className: styles.mainActionsContainer
     }, /*#__PURE__*/React.createElement(Toolbar, {
       items: items,
       automationId: "title-block-main-actions-toolbar",

package/dist/esm/src/TitleBlock/subcomponents/MainActions.module.scss.mjs

@@ -1,6 +1,6 @@
-var modules_589d428b = {
-  "mainActionsContainer": "MainActions_module_mainActionsContainer__057dc38a",
-  "defaultActionButtonMinimized": "MainActions_module_defaultActionButtonMinimized__057dc38a",
-  "defaultActionButton": "MainActions_module_defaultActionButton__057dc38a"
+var styles = {
+  "mainActionsContainer": "MainActions-module_mainActionsContainer__pk-78",
+  "defaultActionButtonMinimized": "MainActions-module_defaultActionButtonMinimized__XePRS",
+  "defaultActionButton": "MainActions-module_defaultActionButton__VbER1"
 };
-export { modules_589d428b as default };
+export { styles as default };

package/dist/esm/src/TitleBlock/subcomponents/NavigationTabs.mjs

@@ -2,13 +2,13 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { NON_REVERSED_VARIANTS } from '../utils.mjs';
-import modules_bf26b6c3 from './NavigationTabs.module.scss.mjs';
+import styles from './NavigationTabs.module.scss.mjs';
 var isLight = function (variant) {
   return variant !== undefined && NON_REVERSED_VARIANTS.includes(variant);
 };
 const NavigationTab = /*#__PURE__*/function () {
   const NavigationTab = function (props) {
-    var className = classnames(modules_bf26b6c3.linkAnchor, isLight(props.variant) && modules_bf26b6c3.lightBackground, props.active && modules_bf26b6c3.active);
+    var className = classnames(styles.linkAnchor, isLight(props.variant) && styles.lightBackground, props.active && styles.active);
     if (props.render) {
       var Component = props.render,
         otherProps = __rest(props, ["render"]);

package/dist/esm/src/TitleBlock/subcomponents/NavigationTabs.module.scss.mjs

@@ -1,6 +1,6 @@
-var modules_bf26b6c3 = {
-  "linkAnchor": "NavigationTabs_module_linkAnchor__4922a6ad",
-  "active": "NavigationTabs_module_active__4922a6ad",
-  "lightBackground": "NavigationTabs_module_lightBackground__4922a6ad"
+var styles = {
+  "linkAnchor": "NavigationTabs-module_linkAnchor__R2iEH",
+  "active": "NavigationTabs-module_active__w1NQO",
+  "lightBackground": "NavigationTabs-module_lightBackground__lToVy"
 };
-export { modules_bf26b6c3 as default };
+export { styles as default };

package/dist/esm/src/TitleBlock/subcomponents/SecondaryActions.mjs

@@ -5,7 +5,7 @@ import { Button } from '../../ButtonV1/Button/Button.mjs';
 import { IconButton } from '../../ButtonV1/IconButton/IconButton.mjs';
 import { Icon } from '../../Icon/Icon.mjs';
 import { Menu, MenuList } from '../../MenuV1/index.mjs';
-import modules_59bd9bfb from '../TitleBlock.module.scss.mjs';
+import styles from '../TitleBlock.module.scss.mjs';
 import { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from '../constants.mjs';
 import { convertSecondaryActionsToMenuItems } from '../utils.mjs';
 import { TitleBlockMenuItem } from './TitleBlockMenuItem.mjs';
@@ -13,7 +13,7 @@ import { Toolbar } from './Toolbar.mjs';
 var renderSecondaryOverflowMenu = function (menuAriaLabel, menuLabel, secondaryOverflowMenuItems, reversed) {
   if (!secondaryOverflowMenuItems || secondaryOverflowMenuItems.length === 0) return undefined;
   return /*#__PURE__*/React.createElement("div", {
-    className: modules_59bd9bfb.secondaryOverflowMenu
+    className: styles.secondaryOverflowMenu
   }, /*#__PURE__*/React.createElement(Menu, {
     align: "right",
     button: /*#__PURE__*/React.createElement(Button, {
@@ -42,7 +42,7 @@ var renderCombinedSecondaryOverflowMenu = function (combinedMenuLabel, secondary
   if (secondaryConverted.length === 0 && overflowItems.length === 0) return undefined;
   var combined = __spreadArray(__spreadArray([], secondaryConverted, true), overflowItems, true);
   return /*#__PURE__*/React.createElement("div", {
-    className: modules_59bd9bfb.secondaryOverflowCombinedMenu
+    className: styles.secondaryOverflowCombinedMenu
   }, /*#__PURE__*/React.createElement(Menu, {
     align: "right",
     button: /*#__PURE__*/React.createElement(IconButton, {
@@ -91,7 +91,7 @@ const SecondaryActions = /*#__PURE__*/function () {
         return {
           key: "titleblock_secondary_action_".concat(i),
           node: (/*#__PURE__*/React.createElement("div", {
-            className: modules_59bd9bfb.secondaryButtonContainer
+            className: styles.secondaryButtonContainer
           }, /*#__PURE__*/React.createElement(Menu, {
             align: "right",
             button: /*#__PURE__*/React.createElement(Button, {
@@ -118,7 +118,7 @@ const SecondaryActions = /*#__PURE__*/function () {
         return {
           key: "".concat(i),
           node: (/*#__PURE__*/React.createElement("div", {
-            className: modules_59bd9bfb.secondaryButtonContainer
+            className: styles.secondaryButtonContainer
           }, /*#__PURE__*/React.createElement(Button, __assign({
             secondary: true,
             reversed: reversed
@@ -139,7 +139,7 @@ const SecondaryActions = /*#__PURE__*/function () {
       node: combinedOverflowMenu
     }] : [], true);
     return /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.secondaryActionsContainer
+      className: styles.secondaryActionsContainer
     }, /*#__PURE__*/React.createElement(Toolbar, {
       items: toolbarItems,
       noGap: true,