@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup-style-inject-20240409005019

package/dist/cjs/Avatar/Avatar.cjs

@@ -7,73 +7,110 @@ var reactTextfit = require('react-textfit');
 require('../Icon/subcomponents/SVG/SVG.cjs');
 var UserIcon = require('../Icon/UserIcon.cjs');
 var Avatar_module = require('./Avatar.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var getInitials = function (fullName, max2Characters) {
-    if (max2Characters === void 0) { max2Characters = false; }
-    return fullName == null
-        ? ""
-        : fullName
-            .split(/\s/)
-            .reduce(function (acc, name) { return "".concat(acc).concat(name.slice(0, 1)); }, "")
-            .toUpperCase()
-            .substring(0, max2Characters ? 2 : 8);
+  if (max2Characters === void 0) {
+    max2Characters = false;
+  }
+  return fullName == null ? "" : fullName.split(/\s/).reduce(function (acc, name) {
+    return "".concat(acc).concat(name.slice(0, 1));
+  }, "").toUpperCase().substring(0, max2Characters ? 2 : 8);
 };
 var getMaxFontSizePixels = function (size) {
-    if (size === "small")
-        return 8;
-    if (size === "medium")
-        return 16;
-    if (size === "xlarge" || size === "xxlarge")
-        return 34;
-    return 22;
+  if (size === "small") return 8;
+  if (size === "medium") return 16;
+  if (size === "xlarge" || size === "xxlarge") return 34;
+  return 22;
 };
 var fallbackIcon = function (fullName) {
-    if (fullName) {
-        return React__default.default.createElement(UserIcon.UserIcon, { inheritSize: true, role: "img", "aria-label": fullName });
-    }
-    return React__default.default.createElement(UserIcon.UserIcon, { inheritSize: true, role: "presentation" });
+  if (fullName) {
+    return React__default.default.createElement(UserIcon.UserIcon, {
+      inheritSize: true,
+      role: "img",
+      "aria-label": fullName
+    });
+  }
+  return React__default.default.createElement(UserIcon.UserIcon, {
+    inheritSize: true,
+    role: "presentation"
+  });
 };
 var renderInitials = function (fullName, size, disableInitials) {
-    if (fullName === void 0) { fullName = ""; }
-    if (disableInitials === void 0) { disableInitials = false; }
-    var initials = getInitials(fullName);
-    var isLongName = initials.length > 2 && size !== "small";
-    var renderFallback = disableInitials || initials === "";
-    return renderFallback ? (React__default.default.createElement("span", { className: Avatar_module.fallbackIcon }, fallbackIcon(fullName))) : (React__default.default.createElement("abbr", { className: classnames__default.default(Avatar_module.initials, isLongName && Avatar_module.longName), title: fullName || "" }, isLongName ? (
-    // Only called if 3 or more initials, fits text width for long names
-    React__default.default.createElement(reactTextfit.Textfit, { mode: "single", max: getMaxFontSizePixels(size) }, initials)) : (getInitials(fullName, size === "small"))));
+  if (fullName === void 0) {
+    fullName = "";
+  }
+  if (disableInitials === void 0) {
+    disableInitials = false;
+  }
+  var initials = getInitials(fullName);
+  var isLongName = initials.length > 2 && size !== "small";
+  var renderFallback = disableInitials || initials === "";
+  return renderFallback ? React__default.default.createElement("span", {
+    className: Avatar_module.fallbackIcon
+  }, fallbackIcon(fullName)) : React__default.default.createElement("abbr", {
+    className: classnames__default.default(Avatar_module.initials, isLongName && Avatar_module.longName),
+    title: fullName || ""
+  }, isLongName ?
+  // Only called if 3 or more initials, fits text width for long names
+  React__default.default.createElement(reactTextfit.Textfit, {
+    mode: "single",
+    max: getMaxFontSizePixels(size)
+  }, initials) : getInitials(fullName, size === "small"));
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar--docs Storybook}
  */
 var Avatar = function (_a) {
-    var fullName = _a.fullName, _b = _a.size, size = _b === void 0 ? "medium" : _b, avatarSrc = _a.avatarSrc, _c = _a.disableInitials, disableInitials = _c === void 0 ? false : _c, _d = _a.isCompany, isCompany = _d === void 0 ? false : _d, _e = _a.isCurrentUser, isCurrentUser = _e === void 0 ? true : _e, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["fullName", "size", "avatarSrc", "disableInitials", "isCompany", "isCurrentUser", "classNameOverride"]);
-    var _f = React.useState(avatarSrc ? "loading" : "none"), avatarState = _f[0], setAvatarState = _f[1];
-    var image = React.useRef(null);
-    var renderInitialAvatar = !isCompany && (avatarState === "none" || avatarState === "error");
-    React.useEffect(function () {
-        setAvatarState(avatarSrc ? "loading" : "none");
-    }, [avatarSrc]);
-    var onImageFailure = function () { return setAvatarState("error"); };
-    var onImageSuccess = function () { return setAvatarState("success"); };
-    // if the image is cached onLoad may not trigger: https://stackoverflow.com/a/59809184
-    React.useEffect(function () {
-        var _a;
-        if ((_a = image === null || image === void 0 ? void 0 : image.current) === null || _a === void 0 ? void 0 : _a.complete)
-            onImageSuccess();
-    }, [image]);
-    var isNoneOrError = avatarState === "none" || avatarState === "error";
-    var isPersonal = isNoneOrError && isCurrentUser;
-    var isOtherUser = isNoneOrError && !isCurrentUser;
-    return (React__default.default.createElement("span", tslib.__assign({ className: classnames__default.default(Avatar_module.wrapper, Avatar_module[size], classNameOverride, isCompany && Avatar_module.company, isPersonal && Avatar_module.personal, isOtherUser && Avatar_module.otherUser, (avatarState === "loading" || avatarState === "error") && Avatar_module.loading) }, restProps),
-        avatarState !== "none" && (React__default.default.createElement("img", { ref: image, className: classnames__default.default(Avatar_module.avatarImage, isCompany && Avatar_module.companyAvatarImage), src: avatarSrc, onError: onImageFailure, onLoad: onImageSuccess, alt: fullName || "" })),
-        renderInitialAvatar && renderInitials(fullName, size, disableInitials)));
+  var fullName = _a.fullName,
+    _b = _a.size,
+    size = _b === void 0 ? "medium" : _b,
+    avatarSrc = _a.avatarSrc,
+    _c = _a.disableInitials,
+    disableInitials = _c === void 0 ? false : _c,
+    _d = _a.isCompany,
+    isCompany = _d === void 0 ? false : _d,
+    _e = _a.isCurrentUser,
+    isCurrentUser = _e === void 0 ? true : _e,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["fullName", "size", "avatarSrc", "disableInitials", "isCompany", "isCurrentUser", "classNameOverride"]);
+  var _f = React.useState(avatarSrc ? "loading" : "none"),
+    avatarState = _f[0],
+    setAvatarState = _f[1];
+  var image = React.useRef(null);
+  var renderInitialAvatar = !isCompany && (avatarState === "none" || avatarState === "error");
+  React.useEffect(function () {
+    setAvatarState(avatarSrc ? "loading" : "none");
+  }, [avatarSrc]);
+  var onImageFailure = function () {
+    return setAvatarState("error");
+  };
+  var onImageSuccess = function () {
+    return setAvatarState("success");
+  };
+  // if the image is cached onLoad may not trigger: https://stackoverflow.com/a/59809184
+  React.useEffect(function () {
+    var _a;
+    if ((_a = image === null || image === void 0 ? void 0 : image.current) === null || _a === void 0 ? void 0 : _a.complete) onImageSuccess();
+  }, [image]);
+  var isNoneOrError = avatarState === "none" || avatarState === "error";
+  var isPersonal = isNoneOrError && isCurrentUser;
+  var isOtherUser = isNoneOrError && !isCurrentUser;
+  return React__default.default.createElement("span", tslib.__assign({
+    className: classnames__default.default(Avatar_module.wrapper, Avatar_module[size], classNameOverride, isCompany && Avatar_module.company, isPersonal && Avatar_module.personal, isOtherUser && Avatar_module.otherUser, (avatarState === "loading" || avatarState === "error") && Avatar_module.loading)
+  }, restProps), avatarState !== "none" && React__default.default.createElement("img", {
+    ref: image,
+    className: classnames__default.default(Avatar_module.avatarImage, isCompany && Avatar_module.companyAvatarImage),
+    src: avatarSrc,
+    onError: onImageFailure,
+    onLoad: onImageSuccess,
+    alt: fullName || ""
+  }), renderInitialAvatar && renderInitials(fullName, size, disableInitials));
 };
-
 exports.Avatar = Avatar;

package/dist/cjs/Avatar/Avatar.module.scss.cjs

@@ -1,5 +1,29 @@
 'use strict';
 
-var styles = {"wrapper":"Avatar-module_wrapper__LY2q2","small":"Avatar-module_small__PeksS","personal":"Avatar-module_personal__2U7--","otherUser":"Avatar-module_otherUser__b-drl","company":"Avatar-module_company__2qtJE","initials":"Avatar-module_initials__VDY2Q","medium":"Avatar-module_medium__Vy3V8","large":"Avatar-module_large__qiNWs","xlarge":"Avatar-module_xlarge__Vx4IG","xxlarge":"Avatar-module_xxlarge__oOoGq","avatarImage":"Avatar-module_avatarImage__FuULy","loading":"Avatar-module_loading__i9V-D","companyAvatarImage":"Avatar-module_companyAvatarImage__7rlfG","fallbackIcon":"Avatar-module_fallbackIcon__MPWxq","longName":"Avatar-module_longName__31Yuf"};
-
+var styleInject = require('style-inject');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var styleInject__default = /*#__PURE__*/_interopDefault(styleInject);
+var css_248z = ".Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:\"\";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}";
+var styles = {
+  "wrapper": "Avatar-module_wrapper__LY2q2",
+  "small": "Avatar-module_small__PeksS",
+  "personal": "Avatar-module_personal__2U7--",
+  "otherUser": "Avatar-module_otherUser__b-drl",
+  "company": "Avatar-module_company__2qtJE",
+  "initials": "Avatar-module_initials__VDY2Q",
+  "medium": "Avatar-module_medium__Vy3V8",
+  "large": "Avatar-module_large__qiNWs",
+  "xlarge": "Avatar-module_xlarge__Vx4IG",
+  "xxlarge": "Avatar-module_xxlarge__oOoGq",
+  "avatarImage": "Avatar-module_avatarImage__FuULy",
+  "loading": "Avatar-module_loading__i9V-D",
+  "companyAvatarImage": "Avatar-module_companyAvatarImage__7rlfG",
+  "fallbackIcon": "Avatar-module_fallbackIcon__MPWxq",
+  "longName": "Avatar-module_longName__31Yuf"
+};
+styleInject__default.default(css_248z);
 module.exports = styles;

package/dist/cjs/AvatarGroup/AvatarGroup.cjs

@@ -5,33 +5,48 @@ var React = require('react');
 var classnames = require('classnames');
 var Avatar = require('../Avatar/Avatar.cjs');
 var AvatarGroup_module = require('./AvatarGroup.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var renderCounter = function (remainingAvatars) {
-    if (remainingAvatars <= 0)
-        return;
-    return (React__default.default.createElement("li", { "aria-label": "There ".concat(remainingAvatars > 1
-            ? "are ".concat(remainingAvatars, " other members")
-            : "is ".concat(remainingAvatars, " other member"), " of this group"), className: AvatarGroup_module.AvatarGroupItem },
-        React__default.default.createElement("span", { className: AvatarGroup_module.AvatarCounter, "aria-hidden": true }, "+".concat(remainingAvatars))));
+  if (remainingAvatars <= 0) return;
+  return React__default.default.createElement("li", {
+    "aria-label": "There ".concat(remainingAvatars > 1 ? "are ".concat(remainingAvatars, " other members") : "is ".concat(remainingAvatars, " other member"), " of this group"),
+    className: AvatarGroup_module.AvatarGroupItem
+  }, React__default.default.createElement("span", {
+    className: AvatarGroup_module.AvatarCounter,
+    "aria-hidden": true
+  }, "+".concat(remainingAvatars)));
+};
+var renderAvatars = function (avatars, maxVisible, size) {
+  return React__default.default.createElement(React__default.default.Fragment, null, avatars === null || avatars === void 0 ? void 0 : avatars.map(function (avatarProps, index) {
+    return index < maxVisible && React__default.default.createElement("li", {
+      key: "avatar-".concat(index),
+      className: AvatarGroup_module.AvatarGroupItem
+    }, React__default.default.createElement(Avatar.Avatar, tslib.__assign({}, avatarProps, {
+      size: size
+    })));
+  }), renderCounter((avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible));
 };
-var renderAvatars = function (avatars, maxVisible, size) { return (React__default.default.createElement(React__default.default.Fragment, null, avatars === null || avatars === void 0 ? void 0 :
-    avatars.map(function (avatarProps, index) {
-        return index < maxVisible && (React__default.default.createElement("li", { key: "avatar-".concat(index), className: AvatarGroup_module.AvatarGroupItem },
-            React__default.default.createElement(Avatar.Avatar, tslib.__assign({}, avatarProps, { size: size }))));
-    }),
-    renderCounter((avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible))); };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar-group--docs Storybook}
  */
 var AvatarGroup = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? "medium" : _b, _c = _a.maxVisible, maxVisible = _c === void 0 ? 2 : _c, avatars = _a.avatars, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["size", "maxVisible", "avatars", "classNameOverride"]);
-    return (React__default.default.createElement("ul", tslib.__assign({ className: classnames__default.default(AvatarGroup_module.AvatarGroup, AvatarGroup_module[size], classNameOverride), "aria-label": "Avatar Group" }, restProps), renderAvatars(avatars, maxVisible, size)));
+  var _b = _a.size,
+    size = _b === void 0 ? "medium" : _b,
+    _c = _a.maxVisible,
+    maxVisible = _c === void 0 ? 2 : _c,
+    avatars = _a.avatars,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["size", "maxVisible", "avatars", "classNameOverride"]);
+  return React__default.default.createElement("ul", tslib.__assign({
+    className: classnames__default.default(AvatarGroup_module.AvatarGroup, AvatarGroup_module[size], classNameOverride),
+    "aria-label": "Avatar Group"
+  }, restProps), renderAvatars(avatars, maxVisible, size));
 };
-
 exports.AvatarGroup = AvatarGroup;

package/dist/cjs/AvatarGroup/AvatarGroup.module.scss.cjs

@@ -1,5 +1,20 @@
 'use strict';
 
-var styles = {"AvatarGroup":"AvatarGroup-module_AvatarGroup__bdL0o","small":"AvatarGroup-module_small__7uv8k","AvatarGroupItem":"AvatarGroup-module_AvatarGroupItem__xQol-","medium":"AvatarGroup-module_medium__af52y","large":"AvatarGroup-module_large__HN9Yy","AvatarCounter":"AvatarGroup-module_AvatarCounter__PKFzl"};
-
+var styleInject = require('style-inject');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var styleInject__default = /*#__PURE__*/_interopDefault(styleInject);
+var css_248z = ".AvatarGroup-module_AvatarGroup__bdL0o{display:inline-flex;list-style:none;margin:0;padding:0}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-.625rem}[dir=rtl] .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-1.5rem}[dir=rtl] .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-2.25rem}[dir=rtl] .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_AvatarCounter__PKFzl{align-items:center;background:var(--color-gray-300,#eaeaec);border:3px solid var(--color-white,#fff);border-radius:100%;box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{border:none;box-shadow:none;font-size:.5rem;height:1.25rem;width:1.25rem}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl,.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-5-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl{font-size:var(--typography-heading-5-font-size,1rem);height:3rem;width:3rem}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-3-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);height:4.5rem;letter-spacing:var(--typography-heading-3-letter-spacing,normal);width:4.5rem}[dir=rtl] .AvatarGroup-module_AvatarCounter__PKFzl{direction:ltr;margin-left:0}";
+var styles = {
+  "AvatarGroup": "AvatarGroup-module_AvatarGroup__bdL0o",
+  "small": "AvatarGroup-module_small__7uv8k",
+  "AvatarGroupItem": "AvatarGroup-module_AvatarGroupItem__xQol-",
+  "medium": "AvatarGroup-module_medium__af52y",
+  "large": "AvatarGroup-module_large__HN9Yy",
+  "AvatarCounter": "AvatarGroup-module_AvatarCounter__PKFzl"
+};
+styleInject__default.default(css_248z);
 module.exports = styles;

package/dist/cjs/Badge/Badge.cjs

@@ -4,9 +4,11 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Badge_module = require('./Badge.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -15,21 +17,33 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-badge--docs Storybook}
  */
 var Badge = function (_a) {
-    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "default" : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? "small" : _d, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["children", "variant", "reversed", "size", "classNameOverride"]);
-    return (React__default.default.createElement("span", tslib.__assign({ className: classnames__default.default(Badge_module.badge, Badge_module[variant], classNameOverride, reversed && Badge_module.reversed, size === "large" && Badge_module.large) }, restProps), variant !== "dot" && children));
+  var children = _a.children,
+    _b = _a.variant,
+    variant = _b === void 0 ? "default" : _b,
+    _c = _a.reversed,
+    reversed = _c === void 0 ? false : _c,
+    _d = _a.size,
+    size = _d === void 0 ? "small" : _d,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["children", "variant", "reversed", "size", "classNameOverride"]);
+  return React__default.default.createElement("span", tslib.__assign({
+    className: classnames__default.default(Badge_module.badge, Badge_module[variant], classNameOverride, reversed && Badge_module.reversed, size === "large" && Badge_module.large)
+  }, restProps), variant !== "dot" && children);
 };
 var BadgeAnimated = function (props) {
-    var _a = React.useState(false), isFocused = _a[0], setIsFocused = _a[1];
-    React.useLayoutEffect(function () {
-        setIsFocused(true);
-        setTimeout(function () {
-            setIsFocused(false);
-        }, 150);
-    }, [props.children]);
-    return (React__default.default.createElement("span", { className: classnames__default.default(Badge_module.animation, isFocused && Badge_module.animationOn) },
-        React__default.default.createElement(Badge, tslib.__assign({}, props))));
+  var _a = React.useState(false),
+    isFocused = _a[0],
+    setIsFocused = _a[1];
+  React.useLayoutEffect(function () {
+    setIsFocused(true);
+    setTimeout(function () {
+      setIsFocused(false);
+    }, 150);
+  }, [props.children]);
+  return React__default.default.createElement("span", {
+    className: classnames__default.default(Badge_module.animation, isFocused && Badge_module.animationOn)
+  }, React__default.default.createElement(Badge, tslib.__assign({}, props)));
 };
 Badge.displayName = "Badge";
-
 exports.Badge = Badge;
 exports.BadgeAnimated = BadgeAnimated;

package/dist/cjs/Badge/Badge.module.scss.cjs

@@ -1,5 +1,23 @@
 'use strict';
 
-var styles = {"badge":"Badge-module_badge__CRtsW","large":"Badge-module_large__0QOpY","default":"Badge-module_default__k4Kcf","active":"Badge-module_active__-e-i2","reversed":"Badge-module_reversed__OgQLB","dark":"Badge-module_dark__RH34a","dot":"Badge-module_dot__BOKL1","animation":"Badge-module_animation__NTy6C","animationOn":"Badge-module_animationOn__nWK38"};
-
+var styleInject = require('style-inject');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var styleInject__default = /*#__PURE__*/_interopDefault(styleInject);
+var css_248z = ".Badge-module_badge__CRtsW{border-radius:var(--spacing-sm,.75rem);color:var(--color-purple-800,#2f2438);display:inline-block;font-family:var(--typography-paragraph-extra-small-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);font-weight:var(--typography-paragraph-bold-font-weight,600);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem);min-width:8px;padding:1px var(--spacing-xs,.375rem);position:relative;text-align:center}.Badge-module_badge__CRtsW.Badge-module_large__0QOpY{border-radius:var(--spacing-xl,3rem);display:inline-flex;font-size:var(--typography-data-medium-font-size,3rem);justify-content:center;letter-spacing:var(--typography-data-medium-letter-spacing,normal);line-height:var(--typography-data-medium-line-height,5rem);padding:2px 1.875rem;width:24px}.Badge-module_default__k4Kcf{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.Badge-module_active__-e-i2{background-color:var(--color-blue-500,#0168b3);color:var(--color-white,#fff)}.Badge-module_reversed__OgQLB.Badge-module_active__-e-i2{background-color:var(--color-green-300,#8fdbc7);color:var(--color-purple-800,#2f2438)}.Badge-module_dark__RH34a{background-color:rgba(var(--color-purple-700-rgb,74,35,77),.1);color:var(--color-purple-800,#2f2438)}.Badge-module_dot__BOKL1{background-color:var(--color-green-300,#8fdbc7);min-width:unset;padding:var(--spacing-xs,.375rem)}.Badge-module_dot__BOKL1.Badge-module_large__0QOpY{background-color:var(--color-green-300,#8fdbc7);padding:1.875rem;width:unset}.Badge-module_reversed__OgQLB.Badge-module_dot__BOKL1{background-color:var(--color-green-300,#8fdbc7)}.Badge-module_reversed__OgQLB.Badge-module_dark__RH34a{background-color:var(--color-purple-700,#4a234d);color:var(--color-white,#fff)}.Badge-module_reversed__OgQLB{background-color:rgba(var(--color-white-rgb,255,255,255),.1);color:var(--color-white,#fff)}.Badge-module_animation__NTy6C{display:inherit}.Badge-module_animation__NTy6C .Badge-module_badge__CRtsW{transform:scaleX(1);transform-origin:center;transition:transform var(--animation-duration-slow,.4s)/2 var(--animation-easing-function-ease-in,cubic-bezier(.55,.085,.68,.53)),background-color var(--animation-duration-slow,.4s)/2 var(--animation-easing-function-ease-in,cubic-bezier(.55,.085,.68,.53))}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW{transform:scale3d(1.35,1.35,1.35)}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_dark__RH34a{background-color:rgba(var(--color-purple-700-rgb,74,35,77),.2)}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_active__-e-i2{background-color:var(--color-blue-500,#0168b3);color:var(--color-white,#fff)}.Badge-module_animation__NTy6C.Badge-module_animationOn__nWK38 .Badge-module_badge__CRtsW.Badge-module_dot__BOKL1{background-color:var(--color-green-300,#8fdbc7)}";
+var styles = {
+  "badge": "Badge-module_badge__CRtsW",
+  "large": "Badge-module_large__0QOpY",
+  "default": "Badge-module_default__k4Kcf",
+  "active": "Badge-module_active__-e-i2",
+  "reversed": "Badge-module_reversed__OgQLB",
+  "dark": "Badge-module_dark__RH34a",
+  "dot": "Badge-module_dot__BOKL1",
+  "animation": "Badge-module_animation__NTy6C",
+  "animationOn": "Badge-module_animationOn__nWK38"
+};
+styleInject__default.default(css_248z);
 module.exports = styles;

package/dist/cjs/Brand/Brand.cjs

@@ -4,19 +4,33 @@ var tslib = require('tslib');
 var React = require('react');
 var hostedAssets = require('@kaizen/hosted-assets');
 var Brand_module = require('./Brand.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var Brand = function (_a) {
-    var variant = _a.variant, alt = _a.alt, _b = _a.reversed, reversed = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
-    var brandTheme = reversed ? "-reversed" : "-default";
-    return (React__default.default.createElement("picture", tslib.__assign({ className: classNameOverride }, restProps),
-        React__default.default.createElement("source", { srcSet: hostedAssets.assetUrl("brand/".concat(variant, "-reversed.svg")), media: "(forced-colors: active) and (prefers-color-scheme: dark)" }),
-        React__default.default.createElement("source", { srcSet: hostedAssets.assetUrl("brand/".concat(variant, "-default.svg")), media: "(forced-colors: active) and (prefers-color-scheme: light)" }),
-        React__default.default.createElement("img", { src: hostedAssets.assetUrl("brand/".concat(variant).concat(brandTheme, ".svg")), alt: alt, className: Brand_module.img })));
+  var variant = _a.variant,
+    alt = _a.alt,
+    _b = _a.reversed,
+    reversed = _b === void 0 ? false : _b,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
+  var brandTheme = reversed ? "-reversed" : "-default";
+  return React__default.default.createElement("picture", tslib.__assign({
+    className: classNameOverride
+  }, restProps), React__default.default.createElement("source", {
+    srcSet: hostedAssets.assetUrl("brand/".concat(variant, "-reversed.svg")),
+    media: "(forced-colors: active) and (prefers-color-scheme: dark)"
+  }), React__default.default.createElement("source", {
+    srcSet: hostedAssets.assetUrl("brand/".concat(variant, "-default.svg")),
+    media: "(forced-colors: active) and (prefers-color-scheme: light)"
+  }), React__default.default.createElement("img", {
+    src: hostedAssets.assetUrl("brand/".concat(variant).concat(brandTheme, ".svg")),
+    alt: alt,
+    className: Brand_module.img
+  }));
 };
 Brand.displayName = "Brand";
-
 exports.Brand = Brand;

package/dist/cjs/Brand/Brand.module.scss.cjs

@@ -1,5 +1,15 @@
 'use strict';
 
-var styles = {"img":"Brand-module_img__uWvra"};
-
+var styleInject = require('style-inject');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var styleInject__default = /*#__PURE__*/_interopDefault(styleInject);
+var css_248z = ".Brand-module_img__uWvra{display:flex;max-inline-size:100%}";
+var styles = {
+  "img": "Brand-module_img__uWvra"
+};
+styleInject__default.default(css_248z);
 module.exports = styles;

package/dist/cjs/BrandMoment/BrandMoment.cjs

@@ -10,9 +10,11 @@ var Heading = require('../Heading/Heading.cjs');
 var Text = require('../Text/Text.cjs');
 var useMediaQueries = require('../utils/useMediaQueries.cjs');
 var BrandMoment_module = require('./BrandMoment.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -21,35 +23,79 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}
  */
 var BrandMoment = function (_a) {
-    var mood = _a.mood, illustration = _a.illustration, header = _a.header, body = _a.body, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, text = _a.text, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["mood", "illustration", "header", "body", "primaryAction", "secondaryAction", "text", "classNameOverride"]);
-    var queries = useMediaQueries.useMediaQueries().queries;
-    return (React__default.default.createElement("div", tslib.__assign({ className: classnames__default.default(BrandMoment_module.body, BrandMoment_module[mood], classNameOverride) }, restProps),
-        React__default.default.createElement("header", { className: BrandMoment_module.header }, header),
-        React__default.default.createElement("main", { className: BrandMoment_module.main },
-            React__default.default.createElement("div", { className: BrandMoment_module.container },
-                React__default.default.createElement("div", { className: BrandMoment_module.mainInner },
-                    React__default.default.createElement("div", { className: BrandMoment_module.left },
-                        React__default.default.createElement("div", { className: BrandMoment_module.leftInner }, illustration)),
-                    React__default.default.createElement("div", { className: BrandMoment_module.right },
-                        React__default.default.createElement("div", { className: BrandMoment_module.rightInner },
-                            text.subtitle && (React__default.default.createElement(Heading.Heading, { variant: "heading-3", tag: "h1", classNameOverride: BrandMoment_module.subtitle }, text.subtitle)),
-                            React__default.default.createElement(Heading.Heading, { variant: "display-0", tag: text.subtitle ? "h2" : "h1", classNameOverride: BrandMoment_module.title }, text.title),
-                            text.body && (React__default.default.createElement(Text.Text, { variant: "intro-lede", classNameOverride: BrandMoment_module.textBody }, text.body)),
-                            body && React__default.default.createElement("div", { className: BrandMoment_module.textBody }, body),
-                            React__default.default.createElement("div", { className: BrandMoment_module.actions },
-                                primaryAction && (React__default.default.createElement(Button.Button, tslib.__assign({ primary: true, fullWidth: queries.isSmall }, primaryAction))),
-                                secondaryAction && (React__default.default.createElement("div", { className: BrandMoment_module.secondaryAction },
-                                    React__default.default.createElement(Button.Button, tslib.__assign({ secondary: true, fullWidth: queries.isSmall }, secondaryAction)))))))))),
-        text.footer && (React__default.default.createElement("footer", { className: BrandMoment_module.footer },
-            React__default.default.createElement("div", { className: BrandMoment_module.container },
-                React__default.default.createElement("div", { className: BrandMoment_module.footerInner },
-                    React__default.default.createElement("div", { className: BrandMoment_module.poweredByContainer },
-                        React__default.default.createElement(Text.Text, { variant: "extra-small", color: "dark-reduced-opacity" }, "Powered by"),
-                        React__default.default.createElement("a", { href: "https://www.cultureamp.com", className: BrandMoment_module.poweredByLogo },
-                            React__default.default.createElement("img", { src: hostedAssets.assetUrl("brand/logo-horizontal-default.svg"), alt: "Culture Amp" }))),
-                    React__default.default.createElement("div", { className: BrandMoment_module.footerTextContainer },
-                        React__default.default.createElement(Text.Text, { variant: "extra-small" }, text.footer))))))));
+  var mood = _a.mood,
+    illustration = _a.illustration,
+    header = _a.header,
+    body = _a.body,
+    primaryAction = _a.primaryAction,
+    secondaryAction = _a.secondaryAction,
+    text = _a.text,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["mood", "illustration", "header", "body", "primaryAction", "secondaryAction", "text", "classNameOverride"]);
+  var queries = useMediaQueries.useMediaQueries().queries;
+  return React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default(BrandMoment_module.body, BrandMoment_module[mood], classNameOverride)
+  }, restProps), React__default.default.createElement("header", {
+    className: BrandMoment_module.header
+  }, header), React__default.default.createElement("main", {
+    className: BrandMoment_module.main
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.container
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.mainInner
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.left
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.leftInner
+  }, illustration)), React__default.default.createElement("div", {
+    className: BrandMoment_module.right
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.rightInner
+  }, text.subtitle && React__default.default.createElement(Heading.Heading, {
+    variant: "heading-3",
+    tag: "h1",
+    classNameOverride: BrandMoment_module.subtitle
+  }, text.subtitle), React__default.default.createElement(Heading.Heading, {
+    variant: "display-0",
+    tag: text.subtitle ? "h2" : "h1",
+    classNameOverride: BrandMoment_module.title
+  }, text.title), text.body && React__default.default.createElement(Text.Text, {
+    variant: "intro-lede",
+    classNameOverride: BrandMoment_module.textBody
+  }, text.body), body && React__default.default.createElement("div", {
+    className: BrandMoment_module.textBody
+  }, body), React__default.default.createElement("div", {
+    className: BrandMoment_module.actions
+  }, primaryAction && React__default.default.createElement(Button.Button, tslib.__assign({
+    primary: true,
+    fullWidth: queries.isSmall
+  }, primaryAction)), secondaryAction && React__default.default.createElement("div", {
+    className: BrandMoment_module.secondaryAction
+  }, React__default.default.createElement(Button.Button, tslib.__assign({
+    secondary: true,
+    fullWidth: queries.isSmall
+  }, secondaryAction))))))))), text.footer && React__default.default.createElement("footer", {
+    className: BrandMoment_module.footer
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.container
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.footerInner
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.poweredByContainer
+  }, React__default.default.createElement(Text.Text, {
+    variant: "extra-small",
+    color: "dark-reduced-opacity"
+  }, "Powered by"), React__default.default.createElement("a", {
+    href: "https://www.cultureamp.com",
+    className: BrandMoment_module.poweredByLogo
+  }, React__default.default.createElement("img", {
+    src: hostedAssets.assetUrl("brand/logo-horizontal-default.svg"),
+    alt: "Culture Amp"
+  }))), React__default.default.createElement("div", {
+    className: BrandMoment_module.footerTextContainer
+  }, React__default.default.createElement(Text.Text, {
+    variant: "extra-small"
+  }, text.footer))))));
 };
 BrandMoment.displayName = "BrandMoment";
-
 exports.BrandMoment = BrandMoment;