@kaizen/components 2.3.7 → 2.5.0

package/dist/cjs/index.cjs

@@ -355,6 +355,8 @@ exports.NewWaysOfWorking = Spot.NewWaysOfWorking;
 exports.NewYork = Spot.NewYork;
 exports.Objective = Spot.Objective;
 exports.OneOnOne = Spot.OneOnOne;
+exports.PCDPulseSurvey = Spot.PCDPulseSurvey;
+exports.PCDSurvey = Spot.PCDSurvey;
 exports.PaperPen = Spot.PaperPen;
 exports.PartialImport = Spot.PartialImport;
 exports.PerformanceDiagnostics = Spot.PerformanceDiagnostics;

package/dist/cjs/src/Content/Content.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Content_module = require('./Content.module.scss.cjs');
+var Content_module = require('./Content.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Content/{Content.module.scss.cjs → Content.module.css.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "content": "Content-module_content__ZeTRs"
+  "content": "Content-module_content__DUKqQ"
 };
 module.exports = styles;

package/dist/cjs/src/Divider/Divider.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Divider_module = require('./Divider.module.scss.cjs');
+var Divider_module = require('./Divider.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Divider/Divider.module.css.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "wrapper": "Divider-module_wrapper__AzvdU",
+  "content": "Divider-module_content__eq5aD",
+  "menuSeparator": "Divider-module_menuSeparator__FAvna",
+  "canvas": "Divider-module_canvas__G87W-",
+  "reversed": "Divider-module_reversed__GuBmn"
+};
+module.exports = styles;

package/dist/cjs/src/ErrorPage/ErrorPage.cjs

@@ -11,7 +11,7 @@ require('../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.c
 var Scene = require('../Illustration/Scene/Scene.cjs');
 var Text = require('../Text/Text.cjs');
 var useErrorMessages = require('./hooks/useErrorMessages.cjs');
-var ErrorPage_module = require('./ErrorPage.module.scss.cjs');
+var ErrorPage_module = require('./ErrorPage.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/ErrorPage/ErrorPage.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {
+  "paragraphPadding": "ErrorPage-module_paragraphPadding__PJzGg"
+};
+module.exports = styles;

package/dist/cjs/src/Heading/Heading.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Heading_module = require('./Heading.module.scss.cjs');
+var Heading_module = require('./Heading.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Heading/Heading.module.css.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var styles = {
+  "heading": "Heading-module_heading__6D0PM",
+  "display-0": "Heading-module_display-0__Dmiig",
+  "composable-header-title": "Heading-module_composable-header-title__CPBzk",
+  "heading-1": "Heading-module_heading-1__-GXEH",
+  "heading-2": "Heading-module_heading-2__LiRAV",
+  "heading-3": "Heading-module_heading-3__nVAgQ",
+  "heading-4": "Heading-module_heading-4__ESVT7",
+  "heading-5": "Heading-module_heading-5__zzZxI",
+  "heading-6": "Heading-module_heading-6__-JvYA",
+  "dark": "Heading-module_dark__vO-Uw",
+  "dark-reduced-opacity": "Heading-module_dark-reduced-opacity__24gWp",
+  "white": "Heading-module_white__AJgq4",
+  "white-reduced-opacity": "Heading-module_white-reduced-opacity__VvQaa",
+  "positive": "Heading-module_positive__GVkBf",
+  "small": "Heading-module_small__bALDR",
+  "large": "Heading-module_large__FLTyA",
+  "negative": "Heading-module_negative__exyNh"
+};
+module.exports = styles;

package/dist/cjs/src/Illustration/Spot/Spot.cjs

@@ -35,6 +35,13 @@ var Negative = createSpotIllustration("moods-negative.svg");
 var Positive = createSpotIllustration("moods-positive.svg");
 /* prettier-ignore */
 var Assertive = createSpotIllustration("moods-assertive.svg");
+/**
+ * Template Library / PCD
+ */
+/* prettier-ignore */
+var PCDSurvey = createSpotIllustration("template-library-pcq-survey-full.svg");
+/* prettier-ignore */
+var PCDPulseSurvey = createSpotIllustration("template-library-pcq-survey-pulse.svg");
 /**
  * Template Library / Engagement
  */
@@ -398,6 +405,8 @@ exports.NewWaysOfWorking = NewWaysOfWorking;
 exports.NewYork = NewYork;
 exports.Objective = Objective;
 exports.OneOnOne = OneOnOne;
+exports.PCDPulseSurvey = PCDPulseSurvey;
+exports.PCDSurvey = PCDSurvey;
 exports.PaperPen = PaperPen;
 exports.PartialImport = PartialImport;
 exports.PerformanceDiagnostics = PerformanceDiagnostics;

package/dist/cjs/src/Label/Label.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Label_module = require('./Label.module.scss.cjs');
+var Label_module = require('./Label.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Label/Label.module.css.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var styles = {
+  "label": "Label-module_label__jvxMB",
+  "reversed": "Label-module_reversed__Qu7Kc",
+  "disabled": "Label-module_disabled__3Mej6",
+  "text": "Label-module_text__zkbHj",
+  "checkboxOrRadio": "Label-module_checkboxOrRadio__lzm9I",
+  "checkbox": "Label-module_checkbox__vtFpn",
+  "radio": "Label-module_radio__xenTn",
+  "toggle": "Label-module_toggle__prty7",
+  "prependedLabel": "Label-module_prependedLabel__XhXdP",
+  "appendedLabel": "Label-module_appendedLabel__vp5Uc",
+  "prominent": "Label-module_prominent__dW3K7"
+};
+module.exports = styles;

package/dist/cjs/src/LabelledMessage/LabelledMessage.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var LabelledMessage_module = require('./LabelledMessage.module.scss.cjs');
+var LabelledMessage_module = require('./LabelledMessage.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/LabelledMessage/LabelledMessage.module.css.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "labelledMessage": "LabelledMessage-module_labelledMessage__kz-UQ",
+  "labelSeparator": "LabelledMessage-module_labelSeparator__A-4BK"
+};
+module.exports = styles;

package/dist/cjs/src/Notification/InlineNotification/InlineNotification.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var GenericNotification = require('../subcomponents/GenericNotification/GenericNotification.cjs');
-var GenericNotification_module = require('../subcomponents/GenericNotification/GenericNotification.module.scss.cjs');
+var GenericNotification_module = require('../subcomponents/GenericNotification/GenericNotification.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.cjs

@@ -3,7 +3,7 @@
 var React = require('react');
 var ToastNotificationContext = require('../context/ToastNotificationContext.cjs');
 var ToastNotificationsMap = require('./subcomponents/ToastNotificationsMap/ToastNotificationsMap.cjs');
-var ToastNotificationsList_module = require('./ToastNotificationsList.module.scss.cjs');
+var ToastNotificationsList_module = require('./ToastNotificationsList.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Notification/ToastNotification/ToastNotificationsList/{ToastNotificationsList.module.scss.cjs → ToastNotificationsList.module.css.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "toastNotificationsList": "ToastNotificationsList-module_toastNotificationsList__APiSP"
+  "toastNotificationsList": "ToastNotificationsList-module_toastNotificationsList__AUm-A"
 };
 module.exports = styles;

package/dist/cjs/src/Notification/subcomponents/CancelButton/CancelButton.cjs

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var Icon = require('../../../Icon/Icon.cjs');
-var GenericNotification_module = require('../GenericNotification/GenericNotification.module.scss.cjs');
+var GenericNotification_module = require('../GenericNotification/GenericNotification.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Notification/subcomponents/GenericNotification/GenericNotification.cjs

@@ -7,7 +7,7 @@ var isRefObject = require('../../../utils/isRefObject.cjs');
 var CancelButton = require('../CancelButton/CancelButton.cjs');
 var NotificationHeading = require('../NotificationHeading/NotificationHeading.cjs');
 var NotificationIcon = require('../NotificationIcon/NotificationIcon.cjs');
-var GenericNotification_module = require('./GenericNotification.module.scss.cjs');
+var GenericNotification_module = require('./GenericNotification.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Notification/subcomponents/GenericNotification/GenericNotification.module.css.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var styles = {
+  "notification": "GenericNotification-module_notification__-lOMz",
+  "inline": "GenericNotification-module_inline__lnYb9",
+  "toast": "GenericNotification-module_toast__dPvtC",
+  "global": "GenericNotification-module_global__i1IKL",
+  "success": "GenericNotification-module_success__HMC7W",
+  "informative": "GenericNotification-module_informative__S4sGn",
+  "cautionary": "GenericNotification-module_cautionary__VMbSA",
+  "security": "GenericNotification-module_security__pdJT9",
+  "warning": "GenericNotification-module_warning__42AEX",
+  "hidden": "GenericNotification-module_hidden__QOpq1",
+  "icon": "GenericNotification-module_icon__rMIaU",
+  "textContainer": "GenericNotification-module_textContainer__yHSKi",
+  "forceMultiline": "GenericNotification-module_forceMultiline__SlLf9",
+  "title": "GenericNotification-module_title__3cvl6",
+  "notificationTitle": "GenericNotification-module_notificationTitle__-yijp",
+  "text": "GenericNotification-module_text__B5r5l",
+  "cancel": "GenericNotification-module_cancel__4O-Ys",
+  "disabled": "GenericNotification-module_disabled__V2Wyr",
+  "hover": "GenericNotification-module_hover__erovs",
+  "active": "GenericNotification-module_active__2ksOr",
+  "cancelLabel": "GenericNotification-module_cancelLabel__uLIuz",
+  "noBottomMargin": "GenericNotification-module_noBottomMargin__okqYr",
+  "persistent": "GenericNotification-module_persistent__y-Jp7",
+  "subtle": "GenericNotification-module_subtle__TCixZ"
+};
+module.exports = styles;

package/dist/cjs/src/Notification/subcomponents/NotificationHeading/NotificationHeading.cjs

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var Heading = require('../../../Heading/Heading.cjs');
-var GenericNotification_module = require('../GenericNotification/GenericNotification.module.scss.cjs');
+var GenericNotification_module = require('../GenericNotification/GenericNotification.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Select/Select.cjs

@@ -3,8 +3,10 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
+var reactAria = require('react-aria');
 var ReactSelect = require('react-select');
 var Async = require('react-select/async');
+var ClearButton = require('../ClearButton/ClearButton.cjs');
 var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
 var Icon = require('../Icon/Icon.cjs');
 var Label = require('../Label/Label.cjs');
@@ -94,7 +96,7 @@ var AsyncSelect = React__default.default.forwardRef(function (_a, ref) {
       MultiValue: MultiValue,
       IndicatorsContainer: IndicatorsContainer,
       ValueContainer: ValueContainer,
-      ClearIndicator: undefined,
+      ClearIndicator: ClearIndicator,
       IndicatorSeparator: null,
       LoadingMessage: LoadingMessage
     },
@@ -184,12 +186,12 @@ var ValueContainer = function (props) {
   }));
 };
 var ClearIndicator = function (props) {
-  return React__default.default.createElement(ReactSelect.components.ClearIndicator, tslib.__assign({}, props, {
-    className: Select_module.clearIndicator
-  }), React__default.default.createElement(Icon.Icon, {
-    name: "cancel",
-    isPresentational: true,
-    isFilled: true
+  var buttonRef = React__default.default.useRef(null);
+  var buttonProps = reactAria.useButton(tslib.__assign(tslib.__assign({}, props), {
+    onClick: props.clearValue
+  }), buttonRef).buttonProps;
+  return React__default.default.createElement(ClearButton.ClearButton, tslib.__assign({}, buttonProps, {
+    classNameOverride: Select_module.clearIndicator
   }));
 };
 exports.AsyncSelect = AsyncSelect;

package/dist/cjs/src/Tag/Tag.cjs

@@ -6,7 +6,7 @@ var classnames = require('classnames');
 var Avatar = require('../Avatar/Avatar.cjs');
 var Icon = require('../Icon/Icon.cjs');
 var LiveIcon = require('./subcomponents/LiveIcon/LiveIcon.cjs');
-var Tag_module = require('./Tag.module.scss.cjs');
+var Tag_module = require('./Tag.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Tag/Tag.module.css.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var styles = {
+  "root": "Tag-module_root__sGbnM",
+  "profile": "Tag-module_profile__lpDJR",
+  "layoutContainer": "Tag-module_layoutContainer__cPxSs",
+  "validationIcon": "Tag-module_validationIcon__i87BD",
+  "textContent": "Tag-module_textContent__61iwm",
+  "iconWrapper": "Tag-module_iconWrapper__gXgCb",
+  "dismissButton": "Tag-module_dismissButton__MgLNJ",
+  "background": "Tag-module_background__DaA0W",
+  "truncate": "Tag-module_truncate__5kX5V",
+  "inline": "Tag-module_inline__QQfqi",
+  "medium": "Tag-module_medium__PI53x",
+  "small": "Tag-module_small__hcPrf",
+  "default": "Tag-module_default__Wq9hK",
+  "sentimentPositive": "Tag-module_sentimentPositive__M4lXI",
+  "sentimentNeutral": "Tag-module_sentimentNeutral__uxZ6y",
+  "sentimentNegative": "Tag-module_sentimentNegative__JxDtU",
+  "sentimentNone": "Tag-module_sentimentNone__vDXoz",
+  "validationPositive": "Tag-module_validationPositive__KXW2z",
+  "validationInformative": "Tag-module_validationInformative__wJlj5",
+  "validationNegative": "Tag-module_validationNegative__CEuAp",
+  "validationCautionary": "Tag-module_validationCautionary__ay3Dg",
+  "statusLive": "Tag-module_statusLive__Ycm63",
+  "statusAction": "Tag-module_statusAction__Gdpew",
+  "statusClosed": "Tag-module_statusClosed__9Ggv1",
+  "statusDraft": "Tag-module_statusDraft__m3ksY"
+};
+module.exports = styles;

package/dist/cjs/src/Text/Text.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Text_module = require('./Text.module.scss.cjs');
+var Text_module = require('./Text.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Text/Text.module.css.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var styles = {
+  "text": "Text-module_text__3xRq3",
+  "intro-lede": "Text-module_intro-lede__Pf95y",
+  "body": "Text-module_body__o-QuI",
+  "small": "Text-module_small__d6k-f",
+  "extra-small": "Text-module_extra-small__jP3Xx",
+  "dark": "Text-module_dark__ApVTx",
+  "dark-reduced-opacity": "Text-module_dark-reduced-opacity__-ef8o",
+  "white": "Text-module_white__Vj0Na",
+  "white-reduced-opacity": "Text-module_white-reduced-opacity__kYl0h",
+  "positive": "Text-module_positive__ngZQ5",
+  "negative": "Text-module_negative__729Es"
+};
+module.exports = styles;

package/dist/cjs/src/TimeField/TimeField.cjs

@@ -50,8 +50,13 @@ var TimeFieldComponent = function (_a) {
       minutes: timeValue.minute
     });
   };
+  var timeValue = React.useMemo(function () {
+    return value ? new date.Time(value.hour, value.minutes) : null;
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [value === null || value === void 0 ? void 0 : value.hour, value === null || value === void 0 ? void 0 : value.minutes]);
   var state = datepicker.useTimeFieldState(tslib.__assign(tslib.__assign({}, restProps), {
-    value: value ? new date.Time(value.hour, value.minutes) : null,
+    value: timeValue,
     onChange: handleOnChange,
     isDisabled: isDisabled,
     hideTimeZone: true,

package/dist/cjs/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Icon = require('../../Icon/Icon.cjs');
-var ToggleSwitch_module = require('./ToggleSwitch.module.scss.cjs');
+var ToggleSwitch_module = require('./ToggleSwitch.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.module.css.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var styles = {
+  "checkbox": "ToggleSwitch-module_checkbox__NmNyg",
+  "track": "ToggleSwitch-module_track__Zvo6N",
+  "disabled": "ToggleSwitch-module_disabled__qntEm",
+  "thumb": "ToggleSwitch-module_thumb__YIdcS",
+  "checkIcon": "ToggleSwitch-module_checkIcon__J4eSM",
+  "on": "ToggleSwitch-module_on__-OJbU",
+  "off": "ToggleSwitch-module_off__e-dto",
+  "reversed": "ToggleSwitch-module_reversed__5Jz8i"
+};
+module.exports = styles;

package/dist/cjs/src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.cjs

@@ -6,7 +6,7 @@ var classnames = require('classnames');
 var FieldGroup = require('../../FieldGroup/FieldGroup.cjs');
 var Label = require('../../Label/Label.cjs');
 var ToggleSwitch = require('../ToggleSwitch/ToggleSwitch.cjs');
-var ToggleSwitchField_module = require('./ToggleSwitchField.module.scss.cjs');
+var ToggleSwitchField_module = require('./ToggleSwitchField.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.module.css.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "container": "ToggleSwitchField-module_container__6c4oG",
+  "fullWidth": "ToggleSwitchField-module_fullWidth__iGJSg",
+  "inner": "ToggleSwitchField-module_inner__k1hyg",
+  "on": "ToggleSwitchField-module_on__8RJfp"
+};
+module.exports = styles;

package/dist/cjs/src/Tooltip/OverlayArrow.cjs

@@ -6,7 +6,7 @@ var reactAriaComponents = require('react-aria-components');
 require('use-debounce');
 var ReversedColors = require('../utils/ReversedColors/ReversedColors.cjs');
 var mergeClassNames = require('../utils/mergeClassNames.cjs');
-var OverlayArrow_module = require('./OverlayArrow.module.scss.cjs');
+var OverlayArrow_module = require('./OverlayArrow.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Tooltip/OverlayArrow.module.css.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "overlayArrow": "OverlayArrow-module_overlayArrow__65sMU",
+  "reversed": "OverlayArrow-module_reversed__ChGpb"
+};
+module.exports = styles;

package/dist/cjs/src/Tooltip/Tooltip.cjs

@@ -8,7 +8,7 @@ require('use-debounce');
 var ReversedColors = require('../utils/ReversedColors/ReversedColors.cjs');
 var mergeClassNames = require('../utils/mergeClassNames.cjs');
 var OverlayArrow = require('./OverlayArrow.cjs');
-var Tooltip_module = require('./Tooltip.module.scss.cjs');
+var Tooltip_module = require('./Tooltip.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Tooltip/Tooltip.module.css.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "tooltip": "Tooltip-module_tooltip__Q1YfF",
+  "reversed": "Tooltip-module_reversed__IIGeJ"
+};
+module.exports = styles;

package/dist/cjs/src/VisuallyHidden/VisuallyHidden.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var VisuallyHidden_module = require('./VisuallyHidden.module.scss.cjs');
+var VisuallyHidden_module = require('./VisuallyHidden.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/VisuallyHidden/{VisuallyHidden.module.scss.cjs → VisuallyHidden.module.css.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "srOnly": "VisuallyHidden-module_srOnly__tTjOK"
+  "srOnly": "VisuallyHidden-module_srOnly__-f5sJ"
 };
 module.exports = styles;

package/dist/esm/index.mjs

@@ -64,7 +64,7 @@ export { Focusable } from './src/Focusable/Focusable.mjs';
 export { GuidanceBlock } from './src/GuidanceBlock/GuidanceBlock.mjs';
 export { Heading } from './src/Heading/Heading.mjs';
 export { Icon } from './src/Icon/Icon.mjs';
-export { AccountBasics, Action, ActionPlans, AddImage, AddUser, Alarm, AmplifyOthers, Assertive, BCorp, BaselineSurvey, Behaviour, BenefitsSurvey, BlankSurvey, CalendarSync, CandidateSurvey, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, Coaching, Communications, Community, Company, CompanyDetails, Conversations, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DataVisualization, EmergencyResponse, EmployeeData, EndOfProbation, EngagementSurvey, EssentialProductivity, EssentialResilience, ExecutiveReportSharing, ExitSurvey, FastAction, Feedback, Fire, Fireworks, FullImport, Gdpr, GeneralOnboardSurvey, Goals, HaveTheCourageToBeVulnerable, HealthAndSafety, HrisImport, InclusionSurvey, Individual180, Individual360, Individual360Pulse, InfluentialCommunication, Informative, Insights, InternSurvey, LeaderReportSharing, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, London, Manager180, Manager360, Manager360Pulse, ManagerLearning, ManagerReportSharing, MeetingVoices, Melbourne, Microphone, Negative, NewWaysOfWorking, NewYork, Objective, OneOnOne, PaperPen, PartialImport, PerformanceDiagnostics, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, Positive, PowerfulInsights, Privacy, Process, Productivity, PulseSurvey, QuickEngagementSurvey, ReOnboarding, ReadArticle, Recommendation, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, ReportSharing, Resilience, Resources, Response, ReturnToWorkplace, SanFrancisco, ScienceBackedTools, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SpreadsheetTemplate, Starburst, Stop, Strategy, TakeAim, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TeamEffectiveness3, Templates, Timezone, TrafficCone, Training1, Training2, Training3, Trophy, TrustOthersToMakeDecisions, UnderConstruction, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workshop } from './src/Illustration/Spot/Spot.mjs';
+export { AccountBasics, Action, ActionPlans, AddImage, AddUser, Alarm, AmplifyOthers, Assertive, BCorp, BaselineSurvey, Behaviour, BenefitsSurvey, BlankSurvey, CalendarSync, CandidateSurvey, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, Coaching, Communications, Community, Company, CompanyDetails, Conversations, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DataVisualization, EmergencyResponse, EmployeeData, EndOfProbation, EngagementSurvey, EssentialProductivity, EssentialResilience, ExecutiveReportSharing, ExitSurvey, FastAction, Feedback, Fire, Fireworks, FullImport, Gdpr, GeneralOnboardSurvey, Goals, HaveTheCourageToBeVulnerable, HealthAndSafety, HrisImport, InclusionSurvey, Individual180, Individual360, Individual360Pulse, InfluentialCommunication, Informative, Insights, InternSurvey, LeaderReportSharing, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, London, Manager180, Manager360, Manager360Pulse, ManagerLearning, ManagerReportSharing, MeetingVoices, Melbourne, Microphone, Negative, NewWaysOfWorking, NewYork, Objective, OneOnOne, PCDPulseSurvey, PCDSurvey, PaperPen, PartialImport, PerformanceDiagnostics, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, Positive, PowerfulInsights, Privacy, Process, Productivity, PulseSurvey, QuickEngagementSurvey, ReOnboarding, ReadArticle, Recommendation, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, ReportSharing, Resilience, Resources, Response, ReturnToWorkplace, SanFrancisco, ScienceBackedTools, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SpreadsheetTemplate, Starburst, Stop, Strategy, TakeAim, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TeamEffectiveness3, Templates, Timezone, TrafficCone, Training1, Training2, Training3, Trophy, TrustOthersToMakeDecisions, UnderConstruction, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workshop } from './src/Illustration/Spot/Spot.mjs';
 export { BrandMomentCaptureIntro } from './src/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs';
 export { BrandMomentError, BrandMomentLogin, BrandMomentNewAccountOnboarding, BrandMomentPositiveOutro, BrandMomentStarterKit, BrandMomentUploadEmployeeData, Collaboration, Communication, CompanyValues, ConnectTheDots, CultureLab, EmptyStatesAction, EmptyStatesInformative, EmptyStatesNegative, EmptyStatesNeutral, EmptyStatesPositive, EngagementSurveySummaryFemale, EngagementSurveySummaryMale, Information360Upgrade, InformationDemographicFocus, InformationEmergingTrends, InformationEmployeeLifecycle, InformationReportOwner, InformationReportOwnerByRule, InformationTurnoverCalculator, InformationTurnoverForecast, PerformanceCompanySettings, Programs, SkillsCoach1On1Meetings, SkillsCoachCoaching, SkillsCoachEmployeeDevelopment, SkillsCoachEssentialFeedback, SkillsCoachEssentialProductivity, SkillsCoachEssentialResilience, SkillsCoachFeedback, SkillsCoachInfluentialCommunication, SkillsCoachLeadingChange, SkillsCoachManagerHub, SkillsCoachProductivity, SkillsCoachRemoteManager, SkillsCoachResilience, SkillsCoachStrategy, SurveyGetStarted, SurveyOverviewClosed, TermsAgreement } from './src/Illustration/Scene/Scene.mjs';
 export { Input } from './src/Input/Input/Input.mjs';

package/dist/esm/src/Content/Content.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './Content.module.scss.mjs';
+import styles from './Content.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |

package/dist/esm/src/Content/{Content.module.scss.mjs → Content.module.css.mjs}

@@ -1,4 +1,4 @@
 var styles = {
-  "content": "Content-module_content__ZeTRs"
+  "content": "Content-module_content__DUKqQ"
 };
 export { styles as default };

package/dist/esm/src/Divider/Divider.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './Divider.module.scss.mjs';
+import styles from './Divider.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |

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

@@ -0,0 +1,8 @@
+var styles = {
+  "wrapper": "Divider-module_wrapper__AzvdU",
+  "content": "Divider-module_content__eq5aD",
+  "menuSeparator": "Divider-module_menuSeparator__FAvna",
+  "canvas": "Divider-module_canvas__G87W-",
+  "reversed": "Divider-module_reversed__GuBmn"
+};
+export { styles as default };

package/dist/esm/src/ErrorPage/ErrorPage.mjs

@@ -9,7 +9,7 @@ import '../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mj
 import { BrandMomentError } from '../Illustration/Scene/Scene.mjs';
 import { Text } from '../Text/Text.mjs';
 import { useErrorMessages } from './hooks/useErrorMessages.mjs';
-import styles from './ErrorPage.module.scss.mjs';
+import styles from './ErrorPage.module.css.mjs';
 var getMailToHref = function (code) {
   var supportEmail = 'support@cultureamp.com';
   var subject = 'Houston we have a problem';

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

@@ -0,0 +1,4 @@
+var styles = {
+  "paragraphPadding": "ErrorPage-module_paragraphPadding__PJzGg"
+};
+export { styles as default };

package/dist/esm/src/Heading/Heading.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import { createElement } from 'react';
 import classnames from 'classnames';
-import styles from './Heading.module.scss.mjs';
+import styles from './Heading.module.css.mjs';
 var VARIANTS_24PX_OR_GREATER = ['display-0', 'heading-1', 'heading-2'];
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}

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

@@ -0,0 +1,20 @@
+var styles = {
+  "heading": "Heading-module_heading__6D0PM",
+  "display-0": "Heading-module_display-0__Dmiig",
+  "composable-header-title": "Heading-module_composable-header-title__CPBzk",
+  "heading-1": "Heading-module_heading-1__-GXEH",
+  "heading-2": "Heading-module_heading-2__LiRAV",
+  "heading-3": "Heading-module_heading-3__nVAgQ",
+  "heading-4": "Heading-module_heading-4__ESVT7",
+  "heading-5": "Heading-module_heading-5__zzZxI",
+  "heading-6": "Heading-module_heading-6__-JvYA",
+  "dark": "Heading-module_dark__vO-Uw",
+  "dark-reduced-opacity": "Heading-module_dark-reduced-opacity__24gWp",
+  "white": "Heading-module_white__AJgq4",
+  "white-reduced-opacity": "Heading-module_white-reduced-opacity__VvQaa",
+  "positive": "Heading-module_positive__GVkBf",
+  "small": "Heading-module_small__bALDR",
+  "large": "Heading-module_large__FLTyA",
+  "negative": "Heading-module_negative__exyNh"
+};
+export { styles as default };