@kaizen/components 3.0.3 → 3.0.5

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

@@ -7,7 +7,7 @@ import { IconButton } from '../../../ButtonV1/IconButton/IconButton.mjs';
 import { Heading } from '../../../Heading/Heading.mjs';
 import { Icon } from '../../../Icon/Icon.mjs';
 import { Text } from '../../../Text/Text.mjs';
-import styles from './GenericTile.module.scss.mjs';
+import modules_fed39cba from './GenericTile.module.scss.mjs';
 const GenericTile = /*#__PURE__*/function () {
   const GenericTile = function (_a) {
     var children = _a.children,
@@ -39,12 +39,12 @@ const GenericTile = /*#__PURE__*/function () {
     });
     var renderTitle = function () {
       return /*#__PURE__*/React.createElement("div", {
-        className: styles.title
+        className: modules_fed39cba.title
       }, /*#__PURE__*/React.createElement(Heading, {
         variant: "heading-3",
         tag: titleTag
       }, title), metadata && (/*#__PURE__*/React.createElement("div", {
-        className: styles.titleMeta
+        className: modules_fed39cba.titleMeta
       }, /*#__PURE__*/React.createElement(Text, {
         variant: "small",
         color: "dark-reduced-opacity"
@@ -52,9 +52,9 @@ const GenericTile = /*#__PURE__*/function () {
     };
     var renderFront = function () {
       return /*#__PURE__*/React.createElement("div", {
-        className: classnames(styles.face, styles.faceFront, styles[variant])
+        className: classnames(modules_fed39cba.face, modules_fed39cba.faceFront, modules_fed39cba[variant])
       }, information && (/*#__PURE__*/React.createElement("div", {
-        className: styles.informationBtn
+        className: modules_fed39cba.informationBtn
       }, /*#__PURE__*/React.createElement(IconButton, {
         label: infoButtonLabel !== null && infoButtonLabel !== void 0 ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
         icon: /*#__PURE__*/React.createElement(Icon, {
@@ -69,9 +69,9 @@ const GenericTile = /*#__PURE__*/function () {
         "aria-hidden": isFlipped,
         ref: infoButtonRef
       }))), renderTitle(), /*#__PURE__*/React.createElement("div", {
-        className: styles.children
+        className: modules_fed39cba.children
       }, children && children), footer && /*#__PURE__*/React.createElement("div", {
-        className: styles.footer
+        className: modules_fed39cba.footer
       }, footer));
     };
     var renderInformation = function (informationProp) {
@@ -80,9 +80,9 @@ const GenericTile = /*#__PURE__*/function () {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
           variant: "body"
         }, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== void 0 ? _a : informationProp.secondaryAction) && (/*#__PURE__*/React.createElement("div", {
-          className: styles.footer
+          className: modules_fed39cba.footer
         }, /*#__PURE__*/React.createElement("div", {
-          className: styles.actions
+          className: modules_fed39cba.actions
         }, informationProp.secondaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
           secondary: true,
           disabled: !isFlipped
@@ -100,9 +100,9 @@ const GenericTile = /*#__PURE__*/function () {
         description: 'Prompts user to interact with button to hide information'
       });
       return /*#__PURE__*/React.createElement("div", {
-        className: classnames(styles.face, styles.faceBack)
+        className: classnames(modules_fed39cba.face, modules_fed39cba.faceBack)
       }, /*#__PURE__*/React.createElement("div", {
-        className: styles.informationBtn
+        className: modules_fed39cba.informationBtn
       }, /*#__PURE__*/React.createElement(IconButton, {
         label: "".concat(returnButtonLabel, " ").concat(title),
         icon: /*#__PURE__*/React.createElement(Icon, {
@@ -116,13 +116,13 @@ const GenericTile = /*#__PURE__*/function () {
         "aria-hidden": !isFlipped,
         ref: infoButtonReturnRef
       })), /*#__PURE__*/React.createElement("div", {
-        className: styles.information
+        className: modules_fed39cba.information
       }, renderInformation(information)));
     };
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.root, classNameOverride)
+      className: classnames(modules_fed39cba.root, classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.tile, isFlipped && styles.isFlipped)
+      className: classnames(modules_fed39cba.tile, isFlipped && modules_fed39cba.isFlipped)
     }, isFlipped ? renderBack() : renderFront()));
   };
   GenericTile.displayName = 'GenericTile';

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

@@ -1,17 +1,17 @@
-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"
+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"
 };
-export { styles as default };
+export { modules_fed39cba 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 styles from './TimeField.module.scss.mjs';
+import modules_0db24a3e 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: styles.label
+      classNameOverride: modules_0db24a3e.label
     }), label), /*#__PURE__*/React.createElement("div", {
-      className: styles.wrapper
+      className: modules_0db24a3e.wrapper
     }, /*#__PURE__*/React.createElement("div", __assign({}, fieldProps, {
       id: id,
       ref: inputRef,
-      className: classnames(styles.input, state.isDisabled && styles.isDisabled, status === 'error' && styles.error)
+      className: classnames(modules_0db24a3e.input, state.isDisabled && modules_0db24a3e.isDisabled, status === 'error' && modules_0db24a3e.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: styles.focusRing
+      className: modules_0db24a3e.focusRing
     }))), hasError && /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,
       message: validationMessage,

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

@@ -0,0 +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"
+};
+export { modules_0db24a3e 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 styles from './TimeSegment.module.scss.mjs';
+import modules_0ac56f95 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: styles.timeSegmentWrapper
+      className: modules_0ac56f95.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, hasPadding && styles.hasPadding)
+      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)
     }), generateSegmentDisplayText(segment)), "\u200B");
   };
   TimeSegment.displayName = 'TimeSegment';

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

@@ -0,0 +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"
+};
+export { modules_0ac56f95 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 styles from './TitleBlock.module.scss.mjs';
+import modules_59bd9bfb 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: styles.tag
+    className: modules_59bd9bfb.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(styles.avatar, styles.withBorder)
+    className: classnames(modules_59bd9bfb.avatar, modules_59bd9bfb.withBorder)
   }, imageElementOrAvatarProps)) : (/*#__PURE__*/React.createElement("div", {
     "data-automation-id": avatarAutomationId,
     "data-testid": avatarAutomationId,
-    className: styles.avatar
+    className: modules_59bd9bfb.avatar
   }, /*#__PURE__*/React.createElement(Avatar, __assign({}, imageElementOrAvatarProps, {
     size: "medium"
   }))));
 };
 var renderSubtitle = function (subtitle, subtitleAutomationId) {
   return /*#__PURE__*/React.createElement("div", {
-    className: styles.subtitle
+    className: modules_59bd9bfb.subtitle
   }, /*#__PURE__*/React.createElement("span", {
     "data-automation-id": subtitleAutomationId,
     "data-testid": subtitleAutomationId,
-    className: styles.subtitleText
+    className: modules_59bd9bfb.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
+    className: modules_59bd9bfb.sectionTitle
   }, /*#__PURE__*/React.createElement(Heading, {
     variant: "heading-2",
     color: isReversed(variant) ? 'white' : 'dark',
-    classNameOverride: styles.sectionTitleOverride,
+    classNameOverride: modules_59bd9bfb.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)
+    className: classnames(modules_59bd9bfb.sectionTitleDescription, !isReversed(variant) && modules_59bd9bfb.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: styles.circle
+      className: modules_59bd9bfb.circle
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "arrow_back",
       isPresentational: true,
       shouldMirrorInRTL: true
     })), /*#__PURE__*/React.createElement("span", {
-      className: styles.breadcrumbTextLink,
+      className: modules_59bd9bfb.breadcrumbTextLink,
       "data-automation-id": textAutomationId,
       "data-testid": textAutomationId
     }, /*#__PURE__*/React.createElement("span", {
-      className: styles.breadcrumbText
+      className: modules_59bd9bfb.breadcrumbText
     }, text)));
   };
   if (render) {
     var CustomRender = render;
     return /*#__PURE__*/React.createElement(CustomRender, {
       breadcrumb: breadcrumb,
-      className: styles.breadcrumb,
+      className: modules_59bd9bfb.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: styles.breadcrumb,
+    className: modules_59bd9bfb.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: styles.navigationTabScrollerContainer
+    className: modules_59bd9bfb.navigationTabScrollerContainer
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.navigationTabsContainer, collapse && styles.navigationTabsContainerCollapsed)
+    className: classnames(modules_59bd9bfb.navigationTabsContainer, collapse && modules_59bd9bfb.navigationTabsContainerCollapsed)
   }, !collapse && navigationTabs !== undefined && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: styles.navigationTabEdgeShadowLeft
+    className: modules_59bd9bfb.navigationTabEdgeShadowLeft
   }), /*#__PURE__*/React.createElement("nav", {
-    className: styles.navigationTabsNav,
+    className: modules_59bd9bfb.navigationTabsNav,
     "aria-label": ariaLabel
   }, /*#__PURE__*/React.createElement("ul", {
-    className: styles.navigationTabsList
+    className: modules_59bd9bfb.navigationTabsList
   }, navigationTabs.map(function (navigationTab, index) {
     return /*#__PURE__*/React.createElement("li", {
       key: index
     }, navigationTab);
   }))), /*#__PURE__*/React.createElement("span", {
-    className: styles.navigationTabEdgeShadowRight
+    className: modules_59bd9bfb.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(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)
+      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)
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.titleRow
+      className: modules_59bd9bfb.titleRow
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.titleRowInner
+      className: modules_59bd9bfb.titleRowInner
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.titleRowInnerContent
+      className: modules_59bd9bfb.titleRowInnerContent
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.titleAndAdjacent
+      className: modules_59bd9bfb.titleAndAdjacent
     }, breadcrumb && (/*#__PURE__*/React.createElement(Breadcrumb, {
       breadcrumb: breadcrumb,
       automationId: breadcrumbAutomationId,
       textAutomationId: breadcrumbTextAutomationId,
       textDirection: textDirection
     })), /*#__PURE__*/React.createElement("div", {
-      className: styles.titleAndAdjacentNotBreadcrumb
+      className: modules_59bd9bfb.titleAndAdjacentNotBreadcrumb
     }, /*#__PURE__*/React.createElement(React.Fragment, null, handleHamburgerClick && (/*#__PURE__*/React.createElement("div", {
-      className: styles.hamburger
+      className: modules_59bd9bfb.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: styles.titleAndSubtitle
+      className: modules_59bd9bfb.titleAndSubtitle
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.titleAndSubtitleInner
+      className: modules_59bd9bfb.titleAndSubtitleInner
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.title
+      className: modules_59bd9bfb.title
     }, /*#__PURE__*/React.createElement(Heading, {
       variant: "composable-header-title",
       color: isReversed(variant) ? 'white' : 'dark',
-      classNameOverride: styles.titleTextOverride,
+      classNameOverride: modules_59bd9bfb.titleTextOverride,
       "data-automation-id": titleAutomationId,
       "data-testid": titleAutomationId
     }, title)), isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React.createElement("div", {
-      className: styles.pageSwitcherSelectUnderneathTitle
+      className: modules_59bd9bfb.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
+      className: modules_59bd9bfb.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: styles.rowBelowSeparator
+      className: modules_59bd9bfb.rowBelowSeparator
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.rowBelowSeparatorInner
+      className: modules_59bd9bfb.rowBelowSeparatorInner
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.rowBelowSeparatorInnerContent
+      className: modules_59bd9bfb.rowBelowSeparatorInnerContent
     }, ((_d = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _d !== void 0 ? _d : renderSectionTitle) && (/*#__PURE__*/React.createElement("div", {
-      className: styles.sectionTitleContainer
+      className: modules_59bd9bfb.sectionTitleContainer
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.sectionTitleInner
+      className: modules_59bd9bfb.sectionTitleInner
     }, renderSectionTitle ? renderSectionTitle({
       sectionTitle: sectionTitle,
       sectionTitleAutomationId: sectionTitleAutomationId,

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

@@ -1,56 +1,56 @@
-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"
+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"
 };
-export { styles as default };
+export { modules_59bd9bfb 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 styles from './MainActions.module.scss.mjs';
+import modules_589d428b 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: styles.overflowMenuButton
+      classNameOverride: modules_589d428b.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: styles.defaultActionButton
+        classNameOverride: modules_589d428b.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: styles.defaultActionButtonMinimized
+        className: modules_589d428b.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: styles.mainActionsContainer
+      className: modules_589d428b.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 styles = {
-  "mainActionsContainer": "MainActions-module_mainActionsContainer__pk-78",
-  "defaultActionButtonMinimized": "MainActions-module_defaultActionButtonMinimized__XePRS",
-  "defaultActionButton": "MainActions-module_defaultActionButton__VbER1"
+var modules_589d428b = {
+  "mainActionsContainer": "MainActions_module_mainActionsContainer__057dc38a",
+  "defaultActionButtonMinimized": "MainActions_module_defaultActionButtonMinimized__057dc38a",
+  "defaultActionButton": "MainActions_module_defaultActionButton__057dc38a"
 };
-export { styles as default };
+export { modules_589d428b 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 styles from './NavigationTabs.module.scss.mjs';
+import modules_bf26b6c3 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(styles.linkAnchor, isLight(props.variant) && styles.lightBackground, props.active && styles.active);
+    var className = classnames(modules_bf26b6c3.linkAnchor, isLight(props.variant) && modules_bf26b6c3.lightBackground, props.active && modules_bf26b6c3.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 styles = {
-  "linkAnchor": "NavigationTabs-module_linkAnchor__R2iEH",
-  "active": "NavigationTabs-module_active__w1NQO",
-  "lightBackground": "NavigationTabs-module_lightBackground__lToVy"
+var modules_bf26b6c3 = {
+  "linkAnchor": "NavigationTabs_module_linkAnchor__4922a6ad",
+  "active": "NavigationTabs_module_active__4922a6ad",
+  "lightBackground": "NavigationTabs_module_lightBackground__4922a6ad"
 };
-export { styles as default };
+export { modules_bf26b6c3 as default };