@procore/core-react 11.22.1 → 11.23.0

package/dist/ContactItem/ContactItem.js

@@ -1,29 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["imageUrl", "icon", "initials", "selected", "disabled", "clickable", "children"],
+  _excluded2 = ["children"],
+  _excluded3 = ["children"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { Avatar } from '../Avatar/Avatar';
 import { addSubcomponents } from '../_utils/addSubcomponents';
-import { ContactItemAvatar, ContactItemAvatarWrapper, ContactItemText, ContactItemTextWrapper, ContactItemWrapper, } from './ContactItem.styles';
+import { ContactItemAvatar, ContactItemAvatarWrapper, ContactItemText, ContactItemTextWrapper, ContactItemWrapper } from './ContactItem.styles';
 /**
 
  The contact item component is a more complex alternative to a standard line
@@ -38,34 +22,61 @@ import { ContactItemAvatar, ContactItemAvatarWrapper, ContactItemText, ContactIt
  @see [Design Guidelines](https://design.procore.com/contact-item)
 
  */
-var ContactItem_ = React.forwardRef(function ContactItem(_a, ref) {
-    var imageUrl = _a.imageUrl, icon = _a.icon, initials = _a.initials, _b = _a.selected, selected = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.clickable, clickable = _d === void 0 ? false : _d, children = _a.children, props = __rest(_a, ["imageUrl", "icon", "initials", "selected", "disabled", "clickable", "children"]);
-    var showAvatar = imageUrl || icon || initials;
-    return (React.createElement(ContactItemWrapper, __assign({ "$selected": selected, "$disabled": disabled, "$clickable": clickable, ref: ref }, props),
-        showAvatar && (React.createElement(ContactItemAvatarWrapper, null,
-            React.createElement(ContactItemAvatar, { "aria-hidden": true, size: "lg", disabled: disabled }, (function () {
-                if (imageUrl)
-                    return React.createElement(Avatar.Portrait, { imageUrl: imageUrl });
-                if (icon)
-                    return React.createElement(Avatar.Icon, { icon: icon });
-                if (initials)
-                    return React.createElement(Avatar.Label, null, initials);
-            })()))),
-        React.createElement(ContactItemTextWrapper, null, children)));
+var ContactItem_ = /*#__PURE__*/React.forwardRef(function ContactItem(_ref, ref) {
+  var imageUrl = _ref.imageUrl,
+    icon = _ref.icon,
+    initials = _ref.initials,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? false : _ref$selected,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$clickable = _ref.clickable,
+    clickable = _ref$clickable === void 0 ? false : _ref$clickable,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var showAvatar = imageUrl || icon || initials;
+  return /*#__PURE__*/React.createElement(ContactItemWrapper, _extends({
+    $selected: selected,
+    $disabled: disabled,
+    $clickable: clickable,
+    ref: ref
+  }, props), showAvatar && /*#__PURE__*/React.createElement(ContactItemAvatarWrapper, null, /*#__PURE__*/React.createElement(ContactItemAvatar, {
+    "aria-hidden": true,
+    size: "lg",
+    disabled: disabled
+  }, function () {
+    if (imageUrl) return /*#__PURE__*/React.createElement(Avatar.Portrait, {
+      imageUrl: imageUrl
+    });
+    if (icon) return /*#__PURE__*/React.createElement(Avatar.Icon, {
+      icon: icon
+    });
+    if (initials) return /*#__PURE__*/React.createElement(Avatar.Label, null, initials);
+  }())), /*#__PURE__*/React.createElement(ContactItemTextWrapper, null, children));
 });
-var Title = React.forwardRef(function Title(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(ContactItemText, __assign({ weight: "bold", color: "gray15", ref: ref }, props), children));
+var Title = /*#__PURE__*/React.forwardRef(function Title(_ref2, ref) {
+  var children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(ContactItemText, _extends({
+    weight: "bold",
+    color: "gray15",
+    ref: ref
+  }, props), children);
 });
-var Description = React.forwardRef(function Description(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(ContactItemText, __assign({ weight: "regular", color: "gray45", ref: ref }, props), children));
+var Description = /*#__PURE__*/React.forwardRef(function Description(_ref3, ref) {
+  var children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/React.createElement(ContactItemText, _extends({
+    weight: "regular",
+    color: "gray45",
+    ref: ref
+  }, props), children);
 });
 ContactItem_.displayName = 'ContactItem';
 Title.displayName = 'ContactItem.Title';
 Description.displayName = 'ContactItem.Description';
 export var ContactItem = addSubcomponents({
-    Title: Title,
-    Description: Description,
+  Title: Title,
+  Description: Description
 }, ContactItem_);
 //# sourceMappingURL=ContactItem.js.map

package/dist/ContactItem/ContactItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContactItem.js","sourceRoot":"","sources":["../../src/ContactItem/ContactItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,sBAAsB,CAAA;AAG7B;;;;;;;;;;;;;GAaG;AACH,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,WAAW,CAClB,EASC,EACD,GAAG;IATD,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACL,KAAK,cARV,iFASC,CADS;IAIV,IAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,IAAI,QAAQ,CAAA;IAE/C,OAAO,CACL,oBAAC,kBAAkB,0BACN,QAAQ,eACR,QAAQ,gBACP,SAAS,EACrB,GAAG,EAAE,GAAG,IACJ,KAAK;QAER,UAAU,IAAI,CACb,oBAAC,wBAAwB;YACvB,oBAAC,iBAAiB,yBAAa,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,QAAQ,IACxD,CAAC;gBACA,IAAI,QAAQ;oBAAE,OAAO,oBAAC,MAAM,CAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAA;gBAC5D,IAAI,IAAI;oBAAE,OAAO,oBAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAA;gBAC5C,IAAI,QAAQ;oBAAE,OAAO,oBAAC,MAAM,CAAC,KAAK,QAAE,QAAQ,CAAgB,CAAA;YAC9D,CAAC,CAAC,EAAE,CACc,CACK,CAC5B;QACD,oBAAC,sBAAsB,QAAE,QAAQ,CAA0B,CACxC,CACtB,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,CACL,oBAAC,eAAe,aAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC9D,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,WAAW,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACzC,OAAO,CACL,oBAAC,eAAe,aAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GACjE,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,aAAa,CAAA;AAExC,KAAK,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEvC,WAAW,CAAC,WAAW,GAAG,yBAAyB,CAAA;AAEnD,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CACzC;IACE,KAAK,OAAA;IACL,WAAW,aAAA;CACZ,EACD,YAAY,CACb,CAAA"}
+{"version":3,"file":"ContactItem.js","names":["React","Avatar","addSubcomponents","ContactItemAvatar","ContactItemAvatarWrapper","ContactItemText","ContactItemTextWrapper","ContactItemWrapper","ContactItem_","forwardRef","ContactItem","_ref","ref","imageUrl","icon","initials","_ref$selected","selected","_ref$disabled","disabled","_ref$clickable","clickable","children","props","_objectWithoutProperties","_excluded","showAvatar","createElement","_extends","$selected","$disabled","$clickable","size","Portrait","Icon","Label","Title","_ref2","_excluded2","weight","color","Description","_ref3","_excluded3","displayName"],"sources":["../../src/ContactItem/ContactItem.tsx"],"sourcesContent":["import React from 'react'\nimport { Avatar } from '../Avatar/Avatar'\nimport { TypographyProps } from '../Typography/Typography.types'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { SpanAttributes } from '../_utils/types'\nimport {\n  ContactItemAvatar,\n  ContactItemAvatarWrapper,\n  ContactItemText,\n  ContactItemTextWrapper,\n  ContactItemWrapper,\n} from './ContactItem.styles'\nimport { ContactItemProps } from './ContactItem.types'\n\n/**\n\n The contact item component is a more complex alternative to a standard line\n of text found in a list or form component. Use this component when you have\n a list or set of items that can benefit from an additional line of content or\n an avatar.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-contact-item--demo)\n\n @see [Design Guidelines](https://design.procore.com/contact-item)\n\n */\nconst ContactItem_ = React.forwardRef<HTMLDivElement, ContactItemProps>(\n  function ContactItem(\n    {\n      imageUrl,\n      icon,\n      initials,\n      selected = false,\n      disabled = false,\n      clickable = false,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const showAvatar = imageUrl || icon || initials\n\n    return (\n      <ContactItemWrapper\n        $selected={selected}\n        $disabled={disabled}\n        $clickable={clickable}\n        ref={ref}\n        {...props}\n      >\n        {showAvatar && (\n          <ContactItemAvatarWrapper>\n            <ContactItemAvatar aria-hidden size=\"lg\" disabled={disabled}>\n              {(() => {\n                if (imageUrl) return <Avatar.Portrait imageUrl={imageUrl} />\n                if (icon) return <Avatar.Icon icon={icon} />\n                if (initials) return <Avatar.Label>{initials}</Avatar.Label>\n              })()}\n            </ContactItemAvatar>\n          </ContactItemAvatarWrapper>\n        )}\n        <ContactItemTextWrapper>{children}</ContactItemTextWrapper>\n      </ContactItemWrapper>\n    )\n  }\n)\n\nconst Title = React.forwardRef<\n  HTMLDivElement,\n  SpanAttributes & TypographyProps\n>(function Title({ children, ...props }, ref) {\n  return (\n    <ContactItemText weight=\"bold\" color=\"gray15\" ref={ref} {...props}>\n      {children}\n    </ContactItemText>\n  )\n})\n\nconst Description = React.forwardRef<\n  HTMLDivElement,\n  SpanAttributes & TypographyProps\n>(function Description({ children, ...props }, ref) {\n  return (\n    <ContactItemText weight=\"regular\" color=\"gray45\" ref={ref} {...props}>\n      {children}\n    </ContactItemText>\n  )\n})\n\nContactItem_.displayName = 'ContactItem'\n\nTitle.displayName = 'ContactItem.Title'\n\nDescription.displayName = 'ContactItem.Description'\n\nexport const ContactItem = addSubcomponents(\n  {\n    Title,\n    Description,\n  },\n  ContactItem_\n)\n"],"mappings":"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"}

package/dist/ContactItem/ContactItem.styles.js

@@ -1,7 +1,3 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
 import { Avatar } from '../Avatar/Avatar';
 import { Typography } from '../Typography/Typography';
@@ -9,22 +5,36 @@ import { typographyWeights } from '../Typography/Typography.styles';
 import { colors } from '../_styles/colors';
 import { getLineClamp } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
-export var ContactItemAvatarWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-self: flex-start;\n"], ["\n  display: inline-flex;\n  align-self: flex-start;\n"])));
-export var ContactItemAvatar = styled(Avatar)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  cursor: inherit;\n  font-weight: ", ";\n"], ["\n  cursor: inherit;\n  font-weight: ", ";\n"])), typographyWeights.bold);
-export var ContactItemTextWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  overflow: hidden;\n  margin-left: ", "px;\n"], ["\n  overflow: hidden;\n  margin-left: ", "px;\n"])), spacing.sm);
-export var ContactItemText = styled(Typography)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  ", "\n"], ["\n  display: flex;\n  ", "\n"])), getLineClamp());
-export var ContactItemWrapper = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: ", "px ", "px ", "px ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: ", "px ", "px ", "px ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), spacing.sm, spacing.lg, spacing.sm, spacing.sm, function (_a) {
-    var $disabled = _a.$disabled, $clickable = _a.$clickable;
-    if ($clickable) {
-        return $disabled
-            ? css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            cursor: not-allowed;\n          "], ["\n            cursor: not-allowed;\n          "]))) : css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n            cursor: pointer;\n\n            &:hover,\n            &.hovered {\n              background-color: ", ";\n            }\n          "], ["\n            cursor: pointer;\n\n            &:hover,\n            &.hovered {\n              background-color: ", ";\n            }\n          "])), colors.gray96);
-    }
-}, function (_a) {
-    var $selected = _a.$selected;
-    return $selected && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", " {\n        color: ", ";\n      }\n    "], ["\n      ", " {\n        color: ", ";\n      }\n    "])), ContactItemText, colors.blue40);
-}, function (_a) {
-    var $disabled = _a.$disabled;
-    return $disabled && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      ", " {\n        color: ", ";\n      }\n    "], ["\n      ", " {\n        color: ", ";\n      }\n    "])), ContactItemText, colors.gray70);
+export var ContactItemAvatarWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ContactItemAvatarWrapper",
+  componentId: "core-11_23_0__sc-1c4z9pn-0"
+})(["display:inline-flex;align-self:flex-start;"]);
+export var ContactItemAvatar = /*#__PURE__*/styled(Avatar).withConfig({
+  displayName: "ContactItemAvatar",
+  componentId: "core-11_23_0__sc-1c4z9pn-1"
+})(["cursor:inherit;font-weight:", ";"], typographyWeights.bold);
+export var ContactItemTextWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ContactItemTextWrapper",
+  componentId: "core-11_23_0__sc-1c4z9pn-2"
+})(["overflow:hidden;margin-left:", "px;"], spacing.sm);
+export var ContactItemText = /*#__PURE__*/styled(Typography).withConfig({
+  displayName: "ContactItemText",
+  componentId: "core-11_23_0__sc-1c4z9pn-3"
+})(["display:flex;", ""], getLineClamp());
+export var ContactItemWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ContactItemWrapper",
+  componentId: "core-11_23_0__sc-1c4z9pn-4"
+})(["display:flex;flex-direction:row;align-items:center;padding:", "px ", "px ", "px ", "px;", " ", " ", ""], spacing.sm, spacing.lg, spacing.sm, spacing.sm, function (_ref) {
+  var $disabled = _ref.$disabled,
+    $clickable = _ref.$clickable;
+  if ($clickable) {
+    return $disabled ? css(["cursor:not-allowed;"]) : css(["cursor:pointer;&:hover,&.hovered{background-color:", ";}"], colors.gray96);
+  }
+}, function (_ref2) {
+  var $selected = _ref2.$selected;
+  return $selected && css(["", "{color:", ";}"], ContactItemText, colors.blue40);
+}, function (_ref3) {
+  var $disabled = _ref3.$disabled;
+  return $disabled && css(["", "{color:", ";}"], ContactItemText, colors.gray70);
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
 //# sourceMappingURL=ContactItem.styles.js.map

package/dist/ContactItem/ContactItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContactItem.styles.js","sourceRoot":"","sources":["../../src/ContactItem/ContactItem.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,2HAAA,wDAGjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,iHAAA,uCAE9B,EAAsB,KACtC,KADgB,iBAAiB,CAAC,IAAI,CACtC,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,oHAAA,wCAE/B,EAAU,OAC1B,KADgB,OAAO,CAAC,EAAE,CAC1B,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,iGAAA,wBAE7C,EAAc,IACjB,KADG,YAAY,EAAE,CACjB,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,gNAI1C,iFAIW,EAAU,KAAM,EAAU,KAAM,EAAU,KAAM,EAAU,WAEnE,EAeD,QAEC,EAMC,QAED,EAMC,IACJ,KAlCY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAEnE,UAAC,EAAyB;QAAvB,SAAS,eAAA,EAAE,UAAU,gBAAA;IACxB,IAAI,UAAU,EAAE;QACd,OAAO,SAAS;YACd,CAAC,CAAC,GAAG,mHAAA,gDAEF,KACH,CAAC,CAAC,GAAG,sNAAA,mHAKqB,EAAa,8BAEpC,KAFuB,MAAM,CAAC,MAAM,CAEpC,CAAA;KACN;AACH,CAAC,EAEC,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS,IACT,GAAG,wHAAA,UACC,EAAe,qBACN,EAAa,kBAEzB,KAHG,eAAe,EACN,MAAM,CAAC,MAAM,CAEzB;AALD,CAKC,EAED,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS,IACT,GAAG,wHAAA,UACC,EAAe,qBACN,EAAa,kBAEzB,KAHG,eAAe,EACN,MAAM,CAAC,MAAM,CAEzB;AALD,CAKC,CACJ,CAAA"}
+{"version":3,"file":"ContactItem.styles.js","names":["styled","css","Avatar","Typography","typographyWeights","colors","getLineClamp","spacing","ContactItemAvatarWrapper","div","withConfig","displayName","componentId","ContactItemAvatar","bold","ContactItemTextWrapper","sm","ContactItemText","ContactItemWrapper","lg","_ref","$disabled","$clickable","gray96","_ref2","$selected","blue40","_ref3","gray70"],"sources":["../../src/ContactItem/ContactItem.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Avatar } from '../Avatar/Avatar'\nimport { Typography } from '../Typography/Typography'\nimport { typographyWeights } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getLineClamp } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const ContactItemAvatarWrapper = styled.div`\n  display: inline-flex;\n  align-self: flex-start;\n`\n\nexport const ContactItemAvatar = styled(Avatar)`\n  cursor: inherit;\n  font-weight: ${typographyWeights.bold};\n`\n\nexport const ContactItemTextWrapper = styled.div`\n  overflow: hidden;\n  margin-left: ${spacing.sm}px;\n`\n\nexport const ContactItemText = styled(Typography)`\n  display: flex;\n  ${getLineClamp()}\n`\n\nexport const ContactItemWrapper = styled.div<{\n  $selected: boolean\n  $disabled: boolean\n  $clickable: boolean\n}>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: ${spacing.sm}px ${spacing.lg}px ${spacing.sm}px ${spacing.sm}px;\n\n  ${({ $disabled, $clickable }) => {\n    if ($clickable) {\n      return $disabled\n        ? css`\n            cursor: not-allowed;\n          `\n        : css`\n            cursor: pointer;\n\n            &:hover,\n            &.hovered {\n              background-color: ${colors.gray96};\n            }\n          `\n    }\n  }}\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      ${ContactItemText} {\n        color: ${colors.blue40};\n      }\n    `}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      ${ContactItemText} {\n        color: ${colors.gray70};\n      }\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,wBAAwB,gBAAGR,MAAM,CAACS,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAGjD;AAED,OAAO,IAAMC,iBAAiB,gBAAGb,MAAM,CAACE,MAAM,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAE9BR,iBAAiB,CAACU,IAAI,CACtC;AAED,OAAO,IAAMC,sBAAsB,gBAAGf,MAAM,CAACS,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAE/BL,OAAO,CAACS,EAAE,CAC1B;AAED,OAAO,IAAMC,eAAe,gBAAGjB,MAAM,CAACG,UAAU,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0BAE7CN,YAAY,CAAC,CAAC,CACjB;AAED,OAAO,IAAMY,kBAAkB,gBAAGlB,MAAM,CAACS,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8GAQ/BL,OAAO,CAACS,EAAE,EAAMT,OAAO,CAACY,EAAE,EAAMZ,OAAO,CAACS,EAAE,EAAMT,OAAO,CAACS,EAAE,EAEnE,UAAAI,IAAA,EAA+B;EAAA,IAA5BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EACxB,IAAIA,UAAU,EAAE;IACd,OAAOD,SAAS,GACZpB,GAAG,4BAGHA,GAAG,+DAKqBI,MAAM,CAACkB,MAAM,CAEpC;EACP;AACF,CAAC,EAEC,UAAAC,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTxB,GAAG,wBACCgB,eAAe,EACNZ,MAAM,CAACqB,MAAM,CAEzB;AAAA,GAED,UAAAC,KAAA;EAAA,IAAGN,SAAS,GAAAM,KAAA,CAATN,SAAS;EAAA,OACZA,SAAS,IACTpB,GAAG,wBACCgB,eAAe,EACNZ,MAAM,CAACuB,MAAM,CAEzB;AAAA,EACJ"}

package/dist/ContactItem/ContactItem.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContactItem.types.js","sourceRoot":"","sources":["../../src/ContactItem/ContactItem.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"ContactItem.types.js","names":[],"sources":["../../src/ContactItem/ContactItem.types.ts"],"sourcesContent":["import { AvatarIconProps } from '../Avatar/Avatar.types'\nimport { Props } from '../_utils/types'\n\nexport interface ContactItemProps extends Props {\n  /**\n   * The avatar rich media url\n   * @since 10.19.0\n   */\n  imageUrl?: string\n  /**\n   * The icon to display\n   * @since 10.19.0\n   */\n  icon?: AvatarIconProps['icon']\n  /**\n   * Avatar text label\n   */\n  initials?: string\n  /**\n   * Is the contact item selected\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * Is the contact item disabled\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * Is the contact item clickable\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  clickable?: boolean\n}\n"],"mappings":""}

package/dist/ContactItem/index.js

@@ -1,2 +1,3 @@
 export { ContactItem } from './ContactItem';
+export { ContactItemProps } from './ContactItem.types';
 //# sourceMappingURL=index.js.map

package/dist/ContactItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ContactItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","names":["ContactItem","ContactItemProps"],"sources":["../../src/ContactItem/index.ts"],"sourcesContent":["export { ContactItem } from './ContactItem'\nexport { ContactItemProps } from './ContactItem.types'\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe;AAC3C,SAASC,gBAAgB,QAAQ,qBAAqB"}

package/dist/Content/Content.js

@@ -1,20 +1,9 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import React from 'react';
 import { StyledActions, StyledContent } from './Content.styles';
 export function Actions(props) {
-    return React.createElement(StyledActions, __assign({}, props));
+  return /*#__PURE__*/React.createElement(StyledActions, props);
 }
 export function Content(props) {
-    return React.createElement(StyledContent, __assign({}, props));
+  return /*#__PURE__*/React.createElement(StyledContent, props);
 }
 //# sourceMappingURL=Content.js.map

package/dist/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../src/Content/Content.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAE/D,MAAM,UAAU,OAAO,CAAC,KAAY;IAClC,OAAO,oBAAC,aAAa,eAAK,KAAK,EAAI,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAY;IAClC,OAAO,oBAAC,aAAa,eAAK,KAAK,EAAI,CAAA;AACrC,CAAC"}
+{"version":3,"file":"Content.js","names":["React","StyledActions","StyledContent","Actions","props","createElement","Content"],"sources":["../../src/Content/Content.tsx"],"sourcesContent":["import React from 'react'\nimport { Props } from '../_utils/types'\nimport { StyledActions, StyledContent } from './Content.styles'\n\nexport function Actions(props: Props) {\n  return <StyledActions {...props} />\n}\n\nexport function Content(props: Props) {\n  return <StyledContent {...props} />\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,EAAEC,aAAa,QAAQ,kBAAkB;AAE/D,OAAO,SAASC,OAAOA,CAACC,KAAY,EAAE;EACpC,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,aAAa,EAAKG,KAAQ,CAAC;AACrC;AAEA,OAAO,SAASE,OAAOA,CAACF,KAAY,EAAE;EACpC,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,aAAa,EAAKE,KAAQ,CAAC;AACrC"}

package/dist/Content/Content.styles.js

@@ -1,13 +1,14 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled from 'styled-components';
 import { Box } from '../Box/Box';
-import { StyledForm, StyledFormFieldBanner, StyledFormikForm, StyledFormRow, } from '../Form/Form.styles';
+import { StyledForm, StyledFormFieldBanner, StyledFormikForm, StyledFormRow } from '../Form/Form.styles';
 import { mediaIE11Hack } from '../_styles/media';
 import { spacing } from '../_styles/spacing';
-export var StyledContent = styled(Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  // any element that isn't first start with this space above\n  // less specific than :first-child and one less rule\n  > * + *,\n  // these tags as components apply a browser reset\n  // XComp and Content both have 10 specifity, which will be at mercy\n  // of the CSS load order. Make these slighty more specific 11.\n  // Keeping general spacing rules here (and less specific) rather than sprinkled everywhere\n  > * + h1,\n  > * + h2,\n  > * + h3,\n  > * + h4,\n  > * + p,\n  > * + ul,\n  > * + ol {\n    margin-top: ", "px;\n  }\n\n  > ", " + * {\n    margin-top: 0;\n  }\n\n  > ", ",\n    > ", "\n    > ", ",\n    > ", "\n    > ", " {\n    ", " {\n      min-height: 0;\n      margin-bottom: ", "px;\n    }\n    &:last-child ", " {\n      margin-bottom: 0;\n    }\n  }\n"], ["\n  // any element that isn't first start with this space above\n  // less specific than :first-child and one less rule\n  > * + *,\n  // these tags as components apply a browser reset\n  // XComp and Content both have 10 specifity, which will be at mercy\n  // of the CSS load order. Make these slighty more specific 11.\n  // Keeping general spacing rules here (and less specific) rather than sprinkled everywhere\n  > * + h1,\n  > * + h2,\n  > * + h3,\n  > * + h4,\n  > * + p,\n  > * + ul,\n  > * + ol {\n    margin-top: ", "px;\n  }\n\n  > ", " + * {\n    margin-top: 0;\n  }\n\n  > ", ",\n    > ", "\n    > ", ",\n    > ", "\n    > ", " {\n    ", " {\n      min-height: 0;\n      margin-bottom: ", "px;\n    }\n    &:last-child ", " {\n      margin-bottom: 0;\n    }\n  }\n"])), spacing.lg, StyledFormRow, StyledFormRow, StyledForm, StyledFormRow, StyledFormikForm, StyledFormRow, StyledFormFieldBanner, spacing.md, StyledFormFieldBanner);
-export var StyledActions = styled(Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  gap: ", "px;\n\n  // Support horizontal space\n  // Does not support vertical space when content wraps\n  @media ", " {\n    & > * + * {\n      margin-left: ", "px;\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  gap: ", "px;\n\n  // Support horizontal space\n  // Does not support vertical space when content wraps\n  @media ", " {\n    & > * + * {\n      margin-left: ", "px;\n    }\n  }\n"])), spacing.sm, mediaIE11Hack, spacing.sm);
-var templateObject_1, templateObject_2;
+export var StyledContent = /*#__PURE__*/styled(Box).withConfig({
+  displayName: "StyledContent",
+  componentId: "core-11_23_0__sc-10y57gh-0"
+})(["> * + *,> * + h1,> * + h2,> * + h3,> * + h4,> * + p,> * + ul,> * + ol{margin-top:", "px;}> ", " + *{margin-top:0;}> ", ",> ", " > ", ",> ", " > ", "{", "{min-height:0;margin-bottom:", "px;}&:last-child ", "{margin-bottom:0;}}"], spacing.lg, StyledFormRow, StyledFormRow, StyledForm, StyledFormRow, StyledFormikForm, StyledFormRow, StyledFormFieldBanner, spacing.md, StyledFormFieldBanner);
+export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
+  displayName: "StyledActions",
+  componentId: "core-11_23_0__sc-10y57gh-1"
+})(["display:flex;justify-content:flex-end;gap:", "px;@media ", "{& > * + *{margin-left:", "px;}}"], spacing.sm, mediaIE11Hack, spacing.sm);
 //# sourceMappingURL=Content.styles.js.map

package/dist/Content/Content.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.styles.js","sourceRoot":"","sources":["../../src/Content/Content.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAChC,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,GACd,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,+0BAAA,8gBAetB,EAAU,kBAGtB,EAAa,yCAIb,EAAa,WACX,EAAU,UACV,EAAa,WACb,EAAgB,UAChB,EAAa,UACf,EAAqB,iDAEJ,EAAU,+BAEd,EAAqB,2CAIvC,KApBiB,OAAO,CAAC,EAAE,EAGtB,aAAa,EAIb,aAAa,EACX,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,aAAa,EACf,qBAAqB,EAEJ,OAAO,CAAC,EAAE,EAEd,qBAAqB,CAIvC,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,2SAAA,2DAG/B,EAAU,0GAIR,EAAa,0CAEH,EAAU,mBAG9B,KATQ,OAAO,CAAC,EAAE,EAIR,aAAa,EAEH,OAAO,CAAC,EAAE,CAG9B,CAAA"}
+{"version":3,"file":"Content.styles.js","names":["styled","Box","StyledForm","StyledFormFieldBanner","StyledFormikForm","StyledFormRow","mediaIE11Hack","spacing","StyledContent","withConfig","displayName","componentId","lg","md","StyledActions","sm"],"sources":["../../src/Content/Content.styles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Box } from '../Box/Box'\nimport {\n  StyledForm,\n  StyledFormFieldBanner,\n  StyledFormikForm,\n  StyledFormRow,\n} from '../Form/Form.styles'\nimport { mediaIE11Hack } from '../_styles/media'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledContent = styled(Box)`\n  // any element that isn't first start with this space above\n  // less specific than :first-child and one less rule\n  > * + *,\n  // these tags as components apply a browser reset\n  // XComp and Content both have 10 specifity, which will be at mercy\n  // of the CSS load order. Make these slighty more specific 11.\n  // Keeping general spacing rules here (and less specific) rather than sprinkled everywhere\n  > * + h1,\n  > * + h2,\n  > * + h3,\n  > * + h4,\n  > * + p,\n  > * + ul,\n  > * + ol {\n    margin-top: ${spacing.lg}px;\n  }\n\n  > ${StyledFormRow} + * {\n    margin-top: 0;\n  }\n\n  > ${StyledFormRow},\n    > ${StyledForm}\n    > ${StyledFormRow},\n    > ${StyledFormikForm}\n    > ${StyledFormRow} {\n    ${StyledFormFieldBanner} {\n      min-height: 0;\n      margin-bottom: ${spacing.md}px;\n    }\n    &:last-child ${StyledFormFieldBanner} {\n      margin-bottom: 0;\n    }\n  }\n`\n\nexport const StyledActions = styled(Box)`\n  display: flex;\n  justify-content: flex-end;\n  gap: ${spacing.sm}px;\n\n  // Support horizontal space\n  // Does not support vertical space when content wraps\n  @media ${mediaIE11Hack} {\n    & > * + * {\n      margin-left: ${spacing.sm}px;\n    }\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,GAAG,QAAQ,YAAY;AAChC,SACEC,UAAU,EACVC,qBAAqB,EACrBC,gBAAgB,EAChBC,aAAa,QACR,qBAAqB;AAC5B,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,aAAa,gBAAGR,MAAM,CAACC,GAAG,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0OAetBJ,OAAO,CAACK,EAAE,EAGtBP,aAAa,EAIbA,aAAa,EACXH,UAAU,EACVG,aAAa,EACbD,gBAAgB,EAChBC,aAAa,EACfF,qBAAqB,EAEJI,OAAO,CAACM,EAAE,EAEdV,qBAAqB,CAIvC;AAED,OAAO,IAAMW,aAAa,gBAAGd,MAAM,CAACC,GAAG,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGAG/BJ,OAAO,CAACQ,EAAE,EAIRT,aAAa,EAEHC,OAAO,CAACQ,EAAE,CAG9B"}

package/dist/Content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Content/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.js","names":["Content"],"sources":["../../src/Content/index.ts"],"sourcesContent":["export { Content } from './Content'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW"}