@kaizen/components 1.46.0 → 1.47.0

package/dist/cjs/utils/getNodeText.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var React = require('react');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// Adapted from https://stackoverflow.com/a/60564620
-var getNodeText = function (node) {
-  if (!node) return "";
-  if (typeof node === "string" || typeof node === "number") return node;
-  if (node instanceof Array) return node.map(getNodeText).join("");
-  if (React__default.default.isValidElement(node)) return getNodeText(node.props.children);
-  return "";
-};
-exports.getNodeText = getNodeText;

package/dist/cjs/utils/isRefObject.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var isRefObject = function (ref) {
-  return ref !== null && "current" in ref;
-};
-exports.isRefObject = isRefObject;

package/dist/cjs/utils/useMediaQueries.cjs

@@ -1,178 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var subtractOnePixel = function (breakpoint) {
-  return "".concat(parseInt(breakpoint, 10) - 1, "px");
-};
-var useMediaQueries = function (propQueries) {
-  if (propQueries === void 0) {
-    propQueries = {};
-  }
-  if (typeof window === "undefined") {
-    return {
-      queries: {
-        isSmall: false,
-        isMedium: false,
-        isLarge: false,
-        isMediumOrSmaller: false,
-        isMediumOrLarger: true
-      },
-      components: {
-        SmallOnly: function () {
-          return React__default.default.createElement(React__default.default.Fragment, null);
-        },
-        MediumOnly: function () {
-          return React__default.default.createElement(React__default.default.Fragment, null);
-        },
-        LargeOnly: function () {
-          return React__default.default.createElement(React__default.default.Fragment, null);
-        },
-        MediumOrSmaller: function () {
-          return React__default.default.createElement(React__default.default.Fragment, null);
-        },
-        MediumOrLarger: function (props) {
-          return React__default.default.createElement(React__default.default.Fragment, null, props.children);
-        }
-      }
-    };
-  }
-  // Ensure these match the tokens in @kaizen/design-tokens
-  var breakpoints = {
-    medium: "768px",
-    large: "1080px"
-  };
-  // The `addEventListener` calls blow up legacy Edge (<= v18/pre chromium),
-  // so we disable the functionality of updating after page load.
-  var isLegacyEdge = navigator.userAgent.match(/Edge/);
-  var isUnsupportedSafari = window.matchMedia("").addEventListener === undefined;
-  // ---------------------------------------
-  // Create Kaizen breakpoint matches for initial state
-  // ---------------------------------------
-  var smallMatchMedia = React.useMemo(function () {
-    return window.matchMedia("(max-width: ".concat(subtractOnePixel(breakpoints.medium), ")"));
-  }, [breakpoints.medium]);
-  var mediumMatchMedia = React.useMemo(function () {
-    return window.matchMedia("(min-width: ".concat(breakpoints.medium, ") and (max-width: ").concat(subtractOnePixel(breakpoints.large), ")"));
-  }, [breakpoints.large]);
-  var largeMatchMedia = React.useMemo(function () {
-    return window.matchMedia("(min-width: ".concat(breakpoints.large, ")"));
-  }, [breakpoints.large]);
-  var isSmall = smallMatchMedia.matches || false;
-  var isMedium = mediumMatchMedia.matches || false;
-  var isLarge = largeMatchMedia.matches || false;
-  var _a = React.useState({
-      isSmall: isSmall,
-      isMedium: isMedium,
-      isLarge: isLarge,
-      isMediumOrSmaller: !isLarge,
-      isMediumOrLarger: !isSmall
-      // Note: ^the last two will need an adjustment in logic if/when we add more breakpoints
-    }),
-    kaizenMatches = _a[0],
-    setKaizenMatches = _a[1];
-  // ---------------------------------------
-  // Create an event listener based on the medium breakpoint and update state whenever it changes
-  // ---------------------------------------
-  React.useEffect(function () {
-    if (isLegacyEdge || isUnsupportedSafari) {
-      return;
-    }
-    var updateMatches = function () {
-      var isSmallAfterUpdate = smallMatchMedia.matches || false;
-      var isMediumAfterUpdate = mediumMatchMedia.matches || false;
-      var isLargeAfterUpdate = largeMatchMedia.matches || false;
-      setKaizenMatches({
-        isSmall: isSmallAfterUpdate,
-        isMedium: isMediumAfterUpdate,
-        isLarge: isLargeAfterUpdate,
-        isMediumOrSmaller: !isLargeAfterUpdate,
-        isMediumOrLarger: !isSmallAfterUpdate
-      });
-    };
-    mediumMatchMedia.addEventListener("change", updateMatches, true);
-    return function () {
-      mediumMatchMedia.removeEventListener("change", updateMatches);
-    };
-  }, []);
-  // ---------------------------------------
-  // Create custom queries matches for initial state
-  // ---------------------------------------
-  var customQueryMatchMedias = new Map();
-  var customQueryMatches = {};
-  new Map(Object.entries(propQueries)).forEach(function (queryString, queryName) {
-    var matchMedia = window.matchMedia(queryString);
-    customQueryMatches[queryName] = matchMedia.matches || false;
-    // Store this matchMedia so that we can loop over it later and add event listeners
-    customQueryMatchMedias.set(queryName, matchMedia);
-  });
-  var _b = React.useState(customQueryMatches),
-    customMatches = _b[0],
-    setCustomMatches = _b[1];
-  // ---------------------------------------
-  // Create an event listener for each custom query
-  // ---------------------------------------
-  React.useEffect(function () {
-    if (isLegacyEdge || isUnsupportedSafari) {
-      return;
-    }
-    var updateCustomMatches = function (matchMedia, queryName) {
-      var _a;
-      return setCustomMatches(tslib.__assign(tslib.__assign({}, customQueryMatches), (_a = {}, _a[queryName] = matchMedia.matches || false, _a)));
-    };
-    var allEventListeners = new Map();
-    customQueryMatchMedias.forEach(function (matchMedia, queryName) {
-      // Store this method so that we can reference it in the cleanup function below
-      var updateCustomMatchesForQuery = function () {
-        updateCustomMatches(matchMedia, queryName);
-      };
-      allEventListeners.set(matchMedia, updateCustomMatchesForQuery);
-      // Add the event listener
-      matchMedia.addEventListener("change", updateCustomMatchesForQuery, true);
-    });
-    return function () {
-      allEventListeners.forEach(function (eventListener, matchMedia) {
-        matchMedia.removeEventListener("change", eventListener);
-      });
-    };
-  }, []);
-  var kaizenComponents = {
-    SmallOnly: function (props) {
-      return React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isSmall && props.children);
-    },
-    MediumOnly: function (props) {
-      return React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isMedium && props.children);
-    },
-    LargeOnly: function (props) {
-      return React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isLarge && props.children);
-    },
-    MediumOrSmaller: function (props) {
-      return React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isMediumOrSmaller && props.children);
-    },
-    MediumOrLarger: function (props) {
-      return React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isMediumOrLarger && props.children);
-    }
-  };
-  // ---------------------------------------
-  // Create custom query helper components
-  // ---------------------------------------
-  var customComponents = {};
-  Object.keys(propQueries).map(function (key) {
-    var componentName = key.charAt(0).toUpperCase() + key.slice(1);
-    customComponents[componentName] = function (props) {
-      return React__default.default.createElement(React__default.default.Fragment, null, customMatches[key] && props.children);
-    };
-  });
-  return {
-    queries: tslib.__assign(tslib.__assign({}, kaizenMatches), customQueryMatches),
-    components: tslib.__assign(tslib.__assign({}, kaizenComponents), customComponents)
-  };
-};
-exports.subtractOnePixel = subtractOnePixel;
-exports.useMediaQueries = useMediaQueries;

package/dist/cjs/utils/useResizeObserver.cjs

@@ -1,63 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ResizeObserver = require('resize-observer-polyfill');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var ResizeObserver__default = /*#__PURE__*/_interopDefault(ResizeObserver);
-var defaultCallback = function (entry) {
-  return entry;
-};
-/**
- * Hook for observing changes to a DOM element via ResizeObserver.
- *
- * @param {resolveEntryCallback} resolveEntry - Callback for resolving the
- * desired value from each ResizeObserverEntry emitted by ResizeObserver
- * @return {Array} An array containing a ref for binding to the observed DOM
- * element, and the current value of the callback-resolved ResizeObserverEntry
- * @callback resolveEntryCallback
- */
-var useResizeObserver = function (resolveEntry) {
-  if (resolveEntry === void 0) {
-    resolveEntry = defaultCallback;
-  }
-  var destroyResizeObserverRef = React.useRef(undefined);
-  var _a = React.useState(undefined),
-    dimensions = _a[0],
-    setDimensions = _a[1];
-  var resolveEntryRef = React.useRef(resolveEntry);
-  var ref = React.useCallback(function (node) {
-    if (node) {
-      var resizeObserver_1 = new ResizeObserver__default.default(function (entries) {
-        for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
-          var entry = entries_1[_i];
-          var value = resolveEntryRef.current(entry);
-          if (value) {
-            setDimensions(value);
-          }
-        }
-      });
-      resizeObserver_1.observe(node);
-      destroyResizeObserverRef.current = function () {
-        resizeObserver_1.disconnect();
-      };
-    }
-  }, [destroyResizeObserverRef, setDimensions, resolveEntryRef]);
-  // Ensure the resolveEntryRef has the latest value
-  React.useEffect(function () {
-    resolveEntryRef.current = resolveEntry;
-  }, [resolveEntry]);
-  // Destroy the observer on unmount
-  React.useEffect(function () {
-    return function () {
-      if (destroyResizeObserverRef.current) {
-        destroyResizeObserverRef.current();
-      }
-    };
-  }, []);
-  return [ref, dimensions];
-};
-exports.useResizeObserver = useResizeObserver;

package/dist/esm/Avatar/Avatar.mjs

@@ -1,108 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useState, useRef, useEffect } from 'react';
-import classnames from 'classnames';
-import { Textfit } from 'react-textfit';
-import '../Icon/subcomponents/SVG/SVG.mjs';
-import { UserIcon } from '../Icon/UserIcon.mjs';
-import styles from './Avatar.module.scss.mjs';
-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 /*#__PURE__*/React.createElement(UserIcon, {
-      inheritSize: true,
-      role: "img",
-      "aria-label": fullName
-    });
-  }
-  return /*#__PURE__*/React.createElement(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 ? ( /*#__PURE__*/React.createElement("span", {
-    className: styles.fallbackIcon
-  }, fallbackIcon(fullName))) : ( /*#__PURE__*/React.createElement("abbr", {
-    className: classnames(styles.initials, isLongName && styles.longName),
-    title: fullName || ""
-  }, isLongName ? (
-  /*#__PURE__*/
-  // Only called if 3 or more initials, fits text width for long names
-  React.createElement(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 = __rest(_a, ["fullName", "size", "avatarSrc", "disableInitials", "isCompany", "isCurrentUser", "classNameOverride"]);
-  var _f = useState(avatarSrc ? "loading" : "none"),
-    avatarState = _f[0],
-    setAvatarState = _f[1];
-  var image = useRef(null);
-  var renderInitialAvatar = !isCompany && (avatarState === "none" || avatarState === "error");
-  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
-  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 /*#__PURE__*/React.createElement("span", __assign({
-    className: classnames(styles.wrapper, styles[size], classNameOverride, isCompany && styles.company, isPersonal && styles.personal, isOtherUser && styles.otherUser, (avatarState === "loading" || avatarState === "error") && styles.loading)
-  }, restProps), avatarState !== "none" && ( /*#__PURE__*/React.createElement("img", {
-    ref: image,
-    className: classnames(styles.avatarImage, isCompany && styles.companyAvatarImage),
-    src: avatarSrc,
-    onError: onImageFailure,
-    onLoad: onImageSuccess,
-    alt: fullName || ""
-  })), renderInitialAvatar && renderInitials(fullName, size, disableInitials));
-};
-export { Avatar };

package/dist/esm/Avatar/Avatar.module.scss.mjs

@@ -1,18 +0,0 @@
-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"
-};
-export { styles as default };

package/dist/esm/AvatarGroup/AvatarGroup.mjs

@@ -1,43 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { Avatar } from '../Avatar/Avatar.mjs';
-import styles from './AvatarGroup.module.scss.mjs';
-var renderCounter = function (remainingAvatars) {
-  if (remainingAvatars <= 0) return;
-  return /*#__PURE__*/React.createElement("li", {
-    "aria-label": "There ".concat(remainingAvatars > 1 ? "are ".concat(remainingAvatars, " other members") : "is ".concat(remainingAvatars, " other member"), " of this group"),
-    className: styles.AvatarGroupItem
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.AvatarCounter,
-    "aria-hidden": true
-  }, "+".concat(remainingAvatars)));
-};
-var renderAvatars = function (avatars, maxVisible, size) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, avatars === null || avatars === void 0 ? void 0 : avatars.map(function (avatarProps, index) {
-    return index < maxVisible && ( /*#__PURE__*/React.createElement("li", {
-      key: "avatar-".concat(index),
-      className: styles.AvatarGroupItem
-    }, /*#__PURE__*/React.createElement(Avatar, __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 = __rest(_a, ["size", "maxVisible", "avatars", "classNameOverride"]);
-  return /*#__PURE__*/React.createElement("ul", __assign({
-    className: classnames(styles.AvatarGroup, styles[size], classNameOverride),
-    "aria-label": "Avatar Group"
-  }, restProps), renderAvatars(avatars, maxVisible, size));
-};
-export { AvatarGroup };

package/dist/esm/AvatarGroup/AvatarGroup.module.scss.mjs

@@ -1,9 +0,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"
-};
-export { styles as default };

package/dist/esm/Badge/Badge.mjs

@@ -1,42 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useState, useLayoutEffect } from 'react';
-import classnames from 'classnames';
-import styles from './Badge.module.scss.mjs';
-
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857333/Badge Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-badge--docs Storybook}
- */
-const Badge = /*#__PURE__*/function () {
-  const 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 = __rest(_a, ["children", "variant", "reversed", "size", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("span", __assign({
-      className: classnames(styles.badge, styles[variant], classNameOverride, reversed && styles.reversed, size === "large" && styles.large)
-    }, restProps), variant !== "dot" && children);
-  };
-  Badge.displayName = "Badge";
-  return Badge;
-}();
-var BadgeAnimated = function (props) {
-  var _a = useState(false),
-    isFocused = _a[0],
-    setIsFocused = _a[1];
-  useLayoutEffect(function () {
-    setIsFocused(true);
-    setTimeout(function () {
-      setIsFocused(false);
-    }, 150);
-  }, [props.children]);
-  return /*#__PURE__*/React.createElement("span", {
-    className: classnames(styles.animation, isFocused && styles.animationOn)
-  }, /*#__PURE__*/React.createElement(Badge, __assign({}, props)));
-};
-export { Badge, BadgeAnimated };

package/dist/esm/Badge/Badge.module.scss.mjs

@@ -1,12 +0,0 @@
-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"
-};
-export { styles as default };

package/dist/esm/Brand/Brand.mjs

@@ -1,31 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { assetUrl } from '@kaizen/hosted-assets';
-import styles from './Brand.module.scss.mjs';
-const Brand = /*#__PURE__*/function () {
-  const Brand = function (_a) {
-    var variant = _a.variant,
-      alt = _a.alt,
-      _b = _a.reversed,
-      reversed = _b === void 0 ? false : _b,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
-    var brandTheme = reversed ? "-reversed" : "-default";
-    return /*#__PURE__*/React.createElement("picture", __assign({
-      className: classNameOverride
-    }, restProps), /*#__PURE__*/React.createElement("source", {
-      srcSet: assetUrl("brand/".concat(variant, "-reversed.svg")),
-      media: "(forced-colors: active) and (prefers-color-scheme: dark)"
-    }), /*#__PURE__*/React.createElement("source", {
-      srcSet: assetUrl("brand/".concat(variant, "-default.svg")),
-      media: "(forced-colors: active) and (prefers-color-scheme: light)"
-    }), /*#__PURE__*/React.createElement("img", {
-      src: assetUrl("brand/".concat(variant).concat(brandTheme, ".svg")),
-      alt: alt,
-      className: styles.img
-    }));
-  };
-  Brand.displayName = "Brand";
-  return Brand;
-}();
-export { Brand };

package/dist/esm/Brand/Brand.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "img": "Brand-module_img__uWvra"
-};
-export { styles as default };

package/dist/esm/BrandMoment/BrandMoment.mjs

@@ -1,95 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { assetUrl } from '@kaizen/hosted-assets';
-import { Button } from '../Button/Button/Button.mjs';
-import '../Button/IconButton/IconButton.mjs';
-import { Heading } from '../Heading/Heading.mjs';
-import { Text } from '../Text/Text.mjs';
-import { useMediaQueries } from '../utils/useMediaQueries.mjs';
-import styles from './BrandMoment.module.scss.mjs';
-
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}
- */
-const BrandMoment = /*#__PURE__*/function () {
-  const 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 = __rest(_a, ["mood", "illustration", "header", "body", "primaryAction", "secondaryAction", "text", "classNameOverride"]);
-    var queries = useMediaQueries().queries;
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.body, styles[mood], classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement("header", {
-      className: styles.header
-    }, header), /*#__PURE__*/React.createElement("main", {
-      className: styles.main
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.container
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.mainInner
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.left
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.leftInner
-    }, illustration)), /*#__PURE__*/React.createElement("div", {
-      className: styles.right
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.rightInner
-    }, text.subtitle && ( /*#__PURE__*/React.createElement(Heading, {
-      variant: "heading-3",
-      tag: "h1",
-      classNameOverride: styles.subtitle
-    }, text.subtitle)), /*#__PURE__*/React.createElement(Heading, {
-      variant: "display-0",
-      tag: text.subtitle ? "h2" : "h1",
-      classNameOverride: styles.title
-    }, text.title), text.body && ( /*#__PURE__*/React.createElement(Text, {
-      variant: "intro-lede",
-      classNameOverride: styles.textBody
-    }, text.body)), body && /*#__PURE__*/React.createElement("div", {
-      className: styles.textBody
-    }, body), /*#__PURE__*/React.createElement("div", {
-      className: styles.actions
-    }, primaryAction && ( /*#__PURE__*/React.createElement(Button, __assign({
-      primary: true,
-      fullWidth: queries.isSmall
-    }, primaryAction))), secondaryAction && ( /*#__PURE__*/React.createElement("div", {
-      className: styles.secondaryAction
-    }, /*#__PURE__*/React.createElement(Button, __assign({
-      secondary: true,
-      fullWidth: queries.isSmall
-    }, secondaryAction)))))))))), text.footer && ( /*#__PURE__*/React.createElement("footer", {
-      className: styles.footer
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.container
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.footerInner
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.poweredByContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      variant: "extra-small",
-      color: "dark-reduced-opacity"
-    }, "Powered by"), /*#__PURE__*/React.createElement("a", {
-      href: "https://www.cultureamp.com",
-      className: styles.poweredByLogo
-    }, /*#__PURE__*/React.createElement("img", {
-      src: assetUrl("brand/logo-horizontal-default.svg"),
-      alt: "Culture Amp"
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: styles.footerTextContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      variant: "extra-small"
-    }, text.footer)))))));
-  };
-  BrandMoment.displayName = "BrandMoment";
-  return BrandMoment;
-}();
-export { BrandMoment };

package/dist/esm/BrandMoment/BrandMoment.module.scss.mjs

@@ -1,25 +0,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"
-};
-export { styles as default };