@kaizen/components 0.0.0-canary-bundler--fix-style-inject-20240522033251 → 0.0.0-canary-bundler--local-style-inject-20240522043016

package/dist/cjs/Avatar/Avatar.cjs

@@ -0,0 +1,116 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+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
+  };
+}
+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);
+};
+var getMaxFontSizePixels = function (size) {
+  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"
+  });
+};
+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.default.fallbackIcon
+  }, fallbackIcon(fullName)) : React__default.default.createElement("abbr", {
+    className: classnames__default.default(Avatar_module.default.initials, isLongName && Avatar_module.default.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.default.wrapper, Avatar_module.default[size], classNameOverride, isCompany && Avatar_module.default.company, isPersonal && Avatar_module.default.personal, isOtherUser && Avatar_module.default.otherUser, (avatarState === "loading" || avatarState === "error") && Avatar_module.default.loading)
+  }, restProps), avatarState !== "none" && React__default.default.createElement("img", {
+    ref: image,
+    className: classnames__default.default(Avatar_module.default.avatarImage, isCompany && Avatar_module.default.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

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+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%;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;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"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/AvatarGroup/AvatarGroup.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var tslib = require('tslib');
+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
+  };
+}
+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.default.AvatarGroupItem
+  }, React__default.default.createElement("span", {
+    className: AvatarGroup_module.default.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.default.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.default.AvatarGroup, AvatarGroup_module.default[size], classNameOverride),
+    "aria-label": "Avatar Group"
+  }, restProps), renderAvatars(avatars, maxVisible, size));
+};
+exports.AvatarGroup = AvatarGroup;

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

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+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"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Badge/Badge.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+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
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857333/Badge Guidance} |
+ * {@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.default.badge, Badge_module.default[variant], classNameOverride, reversed && Badge_module.default.reversed, size === "large" && Badge_module.default.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.default.animation, isFocused && Badge_module.default.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

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+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"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Brand/Brand.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+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
+  };
+}
+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.default.img
+  }));
+};
+Brand.displayName = "Brand";
+exports.Brand = Brand;

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

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".Brand-module_img__uWvra{display:flex;max-inline-size:100%}";
+var styles = {
+  "img": "Brand-module_img__uWvra"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/BrandMoment/BrandMoment.cjs

@@ -0,0 +1,101 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var hostedAssets = require('@kaizen/hosted-assets');
+var Button = require('../Button/Button/Button.cjs');
+require('../Button/IconButton/IconButton.cjs');
+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
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
+ * {@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.default.body, BrandMoment_module.default[mood], classNameOverride)
+  }, restProps), React__default.default.createElement("header", {
+    className: BrandMoment_module.default.header
+  }, header), React__default.default.createElement("main", {
+    className: BrandMoment_module.default.main
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.default.container
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.default.mainInner
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.default.left
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.default.leftInner
+  }, illustration)), React__default.default.createElement("div", {
+    className: BrandMoment_module.default.right
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.default.rightInner
+  }, text.subtitle && React__default.default.createElement(Heading.Heading, {
+    variant: "heading-3",
+    tag: "h1",
+    classNameOverride: BrandMoment_module.default.subtitle
+  }, text.subtitle), React__default.default.createElement(Heading.Heading, {
+    variant: "display-0",
+    tag: text.subtitle ? "h2" : "h1",
+    classNameOverride: BrandMoment_module.default.title
+  }, text.title), text.body && React__default.default.createElement(Text.Text, {
+    variant: "intro-lede",
+    classNameOverride: BrandMoment_module.default.textBody
+  }, text.body), body && React__default.default.createElement("div", {
+    className: BrandMoment_module.default.textBody
+  }, body), React__default.default.createElement("div", {
+    className: BrandMoment_module.default.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.default.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.default.footer
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.default.container
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.default.footerInner
+  }, React__default.default.createElement("div", {
+    className: BrandMoment_module.default.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.default.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.default.footerTextContainer
+  }, React__default.default.createElement(Text.Text, {
+    variant: "extra-small"
+  }, text.footer))))));
+};
+BrandMoment.displayName = "BrandMoment";
+exports.BrandMoment = BrandMoment;

package/dist/cjs/BrandMoment/BrandMoment.module.scss.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".BrandMoment-module_body__J4lls{align-items:center;display:flex;flex-direction:column;min-height:100vh;width:100%}.BrandMoment-module_body__J4lls.BrandMoment-module_informative__Qvwcd{background:var(--color-blue-100,#e6f6ff)}.BrandMoment-module_body__J4lls.BrandMoment-module_positive__78wqJ{background:var(--color-green-100,#e8f8f4)}.BrandMoment-module_body__J4lls.BrandMoment-module_negative__atXal{background:var(--color-red-100,#fdeaee)}.BrandMoment-module_container__4ORHI{margin:0 auto;max-width:1392px;padding:0 var(--spacing-md,1.5rem)}@media (min-width:1080px){.BrandMoment-module_container__4ORHI{padding:0 var(--spacing-xxl,3.75rem)}}@media (min-width:1366px){.BrandMoment-module_container__4ORHI{padding:0 var(--spacing-xxxxl,5.25rem)}}.BrandMoment-module_header__EAP5Q{inline-size:100%;margin-block-end:var(--spacing-md,1.5rem)}.BrandMoment-module_main__cdWko{align-items:center;display:flex;flex:1 0 auto;margin-block-end:var(--spacing-xxl,3.75rem)}.BrandMoment-module_mainInner__xsFA6{align-items:center;display:grid;gap:var(--spacing-xl,3rem) var(--spacing-lg,2.25rem);grid-template-columns:1fr}@media (min-width:768px){.BrandMoment-module_mainInner__xsFA6{row-gap:var(--spacing-xxl,3.75rem)}}@media (min-width:1080px){.BrandMoment-module_mainInner__xsFA6{grid-template-columns:1fr 1fr}}@media (min-width:1366px){.BrandMoment-module_mainInner__xsFA6{column-gap:var(--spacing-xxxxl,5.25rem)}}.BrandMoment-module_left__ZHJiM{display:flex;justify-content:center}.BrandMoment-module_leftInner__TY5DY{max-width:525px;width:100%}.BrandMoment-module_right__B-PR2{align-items:center;display:flex;flex-direction:column;justify-content:center}.BrandMoment-module_rightInner__XvQ5Y{max-width:543px}.BrandMoment-module_subtitle__z9PL8{margin-bottom:var(--spacing-12,.75rem)}.BrandMoment-module_textBody__W6LvQ,.BrandMoment-module_title__GrdAR{margin-bottom:var(--spacing-lg,2.25rem)}.BrandMoment-module_secondaryAction__d18oJ{margin-block-start:var(--spacing-sm,.75rem)}@media (min-width:768px){.BrandMoment-module_actions__Z3NrK{display:flex}.BrandMoment-module_secondaryAction__d18oJ{margin-block-start:0;margin-inline-start:var(--spacing-sm,.75rem)}}@media (min-width:1080px){.BrandMoment-module_left__ZHJiM{justify-content:flex-end}.BrandMoment-module_right__B-PR2{align-items:flex-start}}.BrandMoment-module_footer__vSeX1{flex:0 0 auto}.BrandMoment-module_footerInner__Wt9Rt{border-block-start:1px solid var(--color-purple-800,#2f2438);border-inline-start:1px solid var(--color-purple-800,#2f2438);display:flex;flex-direction:column;margin-block-end:var(--spacing-lg,2.25rem);padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem)}.BrandMoment-module_poweredByContainer__OkhVN{display:flex;flex:0 0 auto;order:2}.BrandMoment-module_footerTextContainer__8iin9{flex:1 1 auto;margin-block-end:var(--spacing-md,1.5rem);order:1}.BrandMoment-module_poweredByLogo__w6M7o{margin-inline-start:var(--spacing-xs,.375rem)}.BrandMoment-module_poweredByLogo__w6M7o>img{max-width:133px}@media (min-width:1080px){.BrandMoment-module_footerInner__Wt9Rt{align-items:center;flex-direction:row}.BrandMoment-module_footerTextContainer__8iin9{margin-block-end:0;margin-inline-start:var(--spacing-md,1.5rem);order:0}.BrandMoment-module_poweredByContainer__OkhVN{order:0}}";
+var styles = {
+  "body": "BrandMoment-module_body__J4lls",
+  "informative": "BrandMoment-module_informative__Qvwcd",
+  "positive": "BrandMoment-module_positive__78wqJ",
+  "negative": "BrandMoment-module_negative__atXal",
+  "container": "BrandMoment-module_container__4ORHI",
+  "header": "BrandMoment-module_header__EAP5Q",
+  "main": "BrandMoment-module_main__cdWko",
+  "mainInner": "BrandMoment-module_mainInner__xsFA6",
+  "left": "BrandMoment-module_left__ZHJiM",
+  "leftInner": "BrandMoment-module_leftInner__TY5DY",
+  "right": "BrandMoment-module_right__B-PR2",
+  "rightInner": "BrandMoment-module_rightInner__XvQ5Y",
+  "subtitle": "BrandMoment-module_subtitle__z9PL8",
+  "title": "BrandMoment-module_title__GrdAR",
+  "textBody": "BrandMoment-module_textBody__W6LvQ",
+  "secondaryAction": "BrandMoment-module_secondaryAction__d18oJ",
+  "actions": "BrandMoment-module_actions__Z3NrK",
+  "footer": "BrandMoment-module_footer__vSeX1",
+  "footerInner": "BrandMoment-module_footerInner__Wt9Rt",
+  "poweredByContainer": "BrandMoment-module_poweredByContainer__OkhVN",
+  "footerTextContainer": "BrandMoment-module_footerTextContainer__8iin9",
+  "poweredByLogo": "BrandMoment-module_poweredByLogo__w6M7o"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+styleInject(css_248z);
+exports.default = styles;
+exports.styleInject = styleInject;

package/dist/cjs/Button/Button/Button.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var GenericButton = require('../GenericButton/GenericButton.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-buttons-button--docs Storybook}
+ */
+var Button = React.forwardRef(function (props, ref) {
+  return React__default.default.createElement(GenericButton.GenericButton, tslib.__assign({
+    iconPosition: "start",
+    ref: ref
+  }, props));
+});
+Button.displayName = "Button";
+exports.Button = Button;