@procore/core-react 11.22.1 → 11.23.1

package/dist/Panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.js","names":["Panel","PanelBodyProps","PanelHeaderActionProps","PanelHeaderProps","PanelProps","PanelSectionProps"],"sources":["../../src/Panel/index.ts"],"sourcesContent":["export { Panel } from './Panel'\nexport {\n  PanelBodyProps,\n  PanelHeaderActionProps,\n  PanelHeaderProps,\n  PanelProps,\n  PanelSectionProps,\n} from './Panel.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SACEC,cAAc,EACdC,sBAAsB,EACtBC,gBAAgB,EAChBC,UAAU,EACVC,iBAAiB,QACZ,eAAe"}

package/dist/Pill/Pill.colorPalette.js

@@ -1,44 +1,44 @@
 import { colors } from '../_styles/colors';
 export var PillColorPalets = {
-    blue: {
-        backgroundColor: colors.blue94,
-        borderColor: colors.blue85,
-        color: colors.blue45,
-    },
-    cyan: {
-        backgroundColor: colors.cyan94,
-        borderColor: colors.cyan85,
-        color: colors.cyan30,
-    },
-    gray: {
-        backgroundColor: colors.gray94,
-        borderColor: colors.gray85,
-        color: colors.gray30,
-    },
-    green: {
-        backgroundColor: colors.green94,
-        borderColor: colors.green70,
-        color: colors.green30,
-    },
-    magenta: {
-        backgroundColor: colors.magenta94,
-        borderColor: colors.magenta85,
-        color: colors.magenta40,
-    },
-    red: {
-        backgroundColor: colors.red94,
-        borderColor: colors.red85,
-        color: colors.red45,
-    },
-    UNSAFE_orange: {
-        backgroundColor: colors.orange98,
-        borderColor: colors.orange85,
-        color: colors.orange40,
-    },
-    yellow: {
-        backgroundColor: colors.yellow90,
-        borderColor: colors.yellow60,
-        color: colors.orange30,
-    },
+  blue: {
+    backgroundColor: colors.blue94,
+    borderColor: colors.blue85,
+    color: colors.blue45
+  },
+  cyan: {
+    backgroundColor: colors.cyan94,
+    borderColor: colors.cyan85,
+    color: colors.cyan30
+  },
+  gray: {
+    backgroundColor: colors.gray94,
+    borderColor: colors.gray85,
+    color: colors.gray30
+  },
+  green: {
+    backgroundColor: colors.green94,
+    borderColor: colors.green70,
+    color: colors.green30
+  },
+  magenta: {
+    backgroundColor: colors.magenta94,
+    borderColor: colors.magenta85,
+    color: colors.magenta40
+  },
+  red: {
+    backgroundColor: colors.red94,
+    borderColor: colors.red85,
+    color: colors.red45
+  },
+  UNSAFE_orange: {
+    backgroundColor: colors.orange98,
+    borderColor: colors.orange85,
+    color: colors.orange40
+  },
+  yellow: {
+    backgroundColor: colors.yellow90,
+    borderColor: colors.yellow60,
+    color: colors.orange30
+  }
 };
 //# sourceMappingURL=Pill.colorPalette.js.map

package/dist/Pill/Pill.colorPalette.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.colorPalette.js","sourceRoot":"","sources":["../../src/Pill/Pill.colorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAQ1C,MAAM,CAAC,IAAM,eAAe,GAAkC;IAC5D,IAAI,EAAE;QACJ,eAAe,EAAE,MAAM,CAAC,MAAM;QAC9B,WAAW,EAAE,MAAM,CAAC,MAAM;QAC1B,KAAK,EAAE,MAAM,CAAC,MAAM;KACrB;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,MAAM,CAAC,MAAM;QAC9B,WAAW,EAAE,MAAM,CAAC,MAAM;QAC1B,KAAK,EAAE,MAAM,CAAC,MAAM;KACrB;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,MAAM,CAAC,MAAM;QAC9B,WAAW,EAAE,MAAM,CAAC,MAAM;QAC1B,KAAK,EAAE,MAAM,CAAC,MAAM;KACrB;IACD,KAAK,EAAE;QACL,eAAe,EAAE,MAAM,CAAC,OAAO;QAC/B,WAAW,EAAE,MAAM,CAAC,OAAO;QAC3B,KAAK,EAAE,MAAM,CAAC,OAAO;KACtB;IACD,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC,SAAS;QACjC,WAAW,EAAE,MAAM,CAAC,SAAS;QAC7B,KAAK,EAAE,MAAM,CAAC,SAAS;KACxB;IACD,GAAG,EAAE;QACH,eAAe,EAAE,MAAM,CAAC,KAAK;QAC7B,WAAW,EAAE,MAAM,CAAC,KAAK;QACzB,KAAK,EAAE,MAAM,CAAC,KAAK;KACpB;IACD,aAAa,EAAE;QACb,eAAe,EAAE,MAAM,CAAC,QAAQ;QAChC,WAAW,EAAE,MAAM,CAAC,QAAQ;QAC5B,KAAK,EAAE,MAAM,CAAC,QAAQ;KACvB;IACD,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC,QAAQ;QAChC,WAAW,EAAE,MAAM,CAAC,QAAQ;QAC5B,KAAK,EAAE,MAAM,CAAC,QAAQ;KACvB;CACF,CAAA"}
+{"version":3,"file":"Pill.colorPalette.js","names":["colors","PillColorPalets","blue","backgroundColor","blue94","borderColor","blue85","color","blue45","cyan","cyan94","cyan85","cyan30","gray","gray94","gray85","gray30","green","green94","green70","green30","magenta","magenta94","magenta85","magenta40","red","red94","red85","red45","UNSAFE_orange","orange98","orange85","orange40","yellow","yellow90","yellow60","orange30"],"sources":["../../src/Pill/Pill.colorPalette.ts"],"sourcesContent":["import { colors } from '../_styles/colors'\nimport { PillColor } from './Pill.types'\n\ninterface ColorField {\n  backgroundColor: string\n  borderColor: string\n  color: string\n}\nexport const PillColorPalets: Record<PillColor, ColorField> = {\n  blue: {\n    backgroundColor: colors.blue94,\n    borderColor: colors.blue85,\n    color: colors.blue45,\n  },\n  cyan: {\n    backgroundColor: colors.cyan94,\n    borderColor: colors.cyan85,\n    color: colors.cyan30,\n  },\n  gray: {\n    backgroundColor: colors.gray94,\n    borderColor: colors.gray85,\n    color: colors.gray30,\n  },\n  green: {\n    backgroundColor: colors.green94,\n    borderColor: colors.green70,\n    color: colors.green30,\n  },\n  magenta: {\n    backgroundColor: colors.magenta94,\n    borderColor: colors.magenta85,\n    color: colors.magenta40,\n  },\n  red: {\n    backgroundColor: colors.red94,\n    borderColor: colors.red85,\n    color: colors.red45,\n  },\n  UNSAFE_orange: {\n    backgroundColor: colors.orange98,\n    borderColor: colors.orange85,\n    color: colors.orange40,\n  },\n  yellow: {\n    backgroundColor: colors.yellow90,\n    borderColor: colors.yellow60,\n    color: colors.orange30,\n  },\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,mBAAmB;AAQ1C,OAAO,IAAMC,eAA8C,GAAG;EAC5DC,IAAI,EAAE;IACJC,eAAe,EAAEH,MAAM,CAACI,MAAM;IAC9BC,WAAW,EAAEL,MAAM,CAACM,MAAM;IAC1BC,KAAK,EAAEP,MAAM,CAACQ;EAChB,CAAC;EACDC,IAAI,EAAE;IACJN,eAAe,EAAEH,MAAM,CAACU,MAAM;IAC9BL,WAAW,EAAEL,MAAM,CAACW,MAAM;IAC1BJ,KAAK,EAAEP,MAAM,CAACY;EAChB,CAAC;EACDC,IAAI,EAAE;IACJV,eAAe,EAAEH,MAAM,CAACc,MAAM;IAC9BT,WAAW,EAAEL,MAAM,CAACe,MAAM;IAC1BR,KAAK,EAAEP,MAAM,CAACgB;EAChB,CAAC;EACDC,KAAK,EAAE;IACLd,eAAe,EAAEH,MAAM,CAACkB,OAAO;IAC/Bb,WAAW,EAAEL,MAAM,CAACmB,OAAO;IAC3BZ,KAAK,EAAEP,MAAM,CAACoB;EAChB,CAAC;EACDC,OAAO,EAAE;IACPlB,eAAe,EAAEH,MAAM,CAACsB,SAAS;IACjCjB,WAAW,EAAEL,MAAM,CAACuB,SAAS;IAC7BhB,KAAK,EAAEP,MAAM,CAACwB;EAChB,CAAC;EACDC,GAAG,EAAE;IACHtB,eAAe,EAAEH,MAAM,CAAC0B,KAAK;IAC7BrB,WAAW,EAAEL,MAAM,CAAC2B,KAAK;IACzBpB,KAAK,EAAEP,MAAM,CAAC4B;EAChB,CAAC;EACDC,aAAa,EAAE;IACb1B,eAAe,EAAEH,MAAM,CAAC8B,QAAQ;IAChCzB,WAAW,EAAEL,MAAM,CAAC+B,QAAQ;IAC5BxB,KAAK,EAAEP,MAAM,CAACgC;EAChB,CAAC;EACDC,MAAM,EAAE;IACN9B,eAAe,EAAEH,MAAM,CAACkC,QAAQ;IAChC7B,WAAW,EAAEL,MAAM,CAACmC,QAAQ;IAC5B5B,KAAK,EAAEP,MAAM,CAACoC;EAChB;AACF,CAAC"}

package/dist/Pill/Pill.js

@@ -1,33 +1,25 @@
-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 = ["color"],
+  _excluded2 = ["color", "onClear"];
+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 { useI18nContext } from '../_hooks/I18n';
 import { StyledPill, StyledRemove } from './Pill.styles';
-var Remove = React.forwardRef(function TokenRemove(_a, ref) {
-    var _b = _a.color, color = _b === void 0 ? 'gray' : _b, props = __rest(_a, ["color"]);
-    var i18n = useI18nContext();
-    return (React.createElement(StyledRemove, __assign({ ref: ref, "aria-hidden": "false", "aria-label": i18n.t('core.token.remove'), size: "sm", "$color": color }, props)));
+var Remove = /*#__PURE__*/React.forwardRef(function TokenRemove(_ref, ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'gray' : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var i18n = useI18nContext();
+  return /*#__PURE__*/React.createElement(StyledRemove, _extends({
+    ref: ref,
+    "aria-hidden": "false",
+    "aria-label": i18n.t('core.token.remove'),
+    size: "sm",
+    $color: color
+  }, props));
 });
+
 /**
 
  Pills are used to highlight important information in a list or form such as
@@ -40,10 +32,19 @@ var Remove = React.forwardRef(function TokenRemove(_a, ref) {
  @see [Design Guidelines](https://design.procore.com/pill)
 
  */
-export var Pill = React.forwardRef(function Pill(_a, ref) {
-    var _b = _a.color, color = _b === void 0 ? 'gray' : _b, onClear = _a.onClear, props = __rest(_a, ["color", "onClear"]);
-    return (React.createElement(StyledPill, __assign({ "$color": color }, props, { ref: ref }),
-        props.children,
-        onClear && React.createElement(Remove, { color: color, onClick: onClear, tabIndex: 0 })));
+export var Pill = /*#__PURE__*/React.forwardRef(function Pill(_ref2, ref) {
+  var _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? 'gray' : _ref2$color,
+    onClear = _ref2.onClear,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(StyledPill, _extends({
+    $color: color
+  }, props, {
+    ref: ref
+  }), props.children, onClear && /*#__PURE__*/React.createElement(Remove, {
+    color: color,
+    onClick: onClear,
+    tabIndex: 0
+  }));
 });
 //# sourceMappingURL=Pill.js.map

package/dist/Pill/Pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../src/Pill/Pill.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAOxD,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,SAAS,WAAW,CAAC,EAA4B,EAAE,GAAG;IAA/B,IAAA,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAK,KAAK,cAA1B,SAA4B,CAAF;IAC/C,IAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,OAAO,CACL,oBAAC,YAAY,aACX,GAAG,EAAE,GAAG,iBACI,OAAO,gBACP,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,EACvC,IAAI,EAAC,IAAI,YACD,KAAK,IACT,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA6B,SAAS,IAAI,CAC5E,EAAqC,EACrC,GAAG;IADD,IAAA,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAnC,oBAAqC,CAAF;IAGnC,OAAO,CACL,oBAAC,UAAU,uBAAS,KAAK,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG;QAC3C,KAAK,CAAC,QAAQ;QACd,OAAO,IAAI,oBAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,GAAI,CACxD,CACd,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"Pill.js","names":["React","useI18nContext","StyledPill","StyledRemove","Remove","forwardRef","TokenRemove","_ref","ref","_ref$color","color","props","_objectWithoutProperties","_excluded","i18n","createElement","_extends","t","size","$color","Pill","_ref2","_ref2$color","onClear","_excluded2","children","onClick","tabIndex"],"sources":["../../src/Pill/Pill.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { Props, SVGAttributes } from '../_utils/types'\nimport { StyledPill, StyledRemove } from './Pill.styles'\nimport { PillColor, PillProps } from './Pill.types'\n\ntype SVGAttributesWithPillColor = Omit<SVGAttributes, 'color'> & {\n  color: PillColor\n}\n\nconst Remove = React.forwardRef<\n  SVGSVGElement,\n  SVGAttributesWithPillColor & Props\n>(function TokenRemove({ color = 'gray', ...props }, ref) {\n  const i18n = useI18nContext()\n  return (\n    <StyledRemove\n      ref={ref}\n      aria-hidden=\"false\"\n      aria-label={i18n.t('core.token.remove')}\n      size=\"sm\"\n      $color={color}\n      {...props}\n    />\n  )\n})\n\n/**\n\n Pills are used to highlight important information in a list or form such as\n a status.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-pill--demo)\n\n @see [Design Guidelines](https://design.procore.com/pill)\n\n */\nexport const Pill = React.forwardRef<HTMLSpanElement, PillProps>(function Pill(\n  { color = 'gray', onClear, ...props },\n  ref\n) {\n  return (\n    <StyledPill $color={color} {...props} ref={ref}>\n      {props.children}\n      {onClear && <Remove color={color} onClick={onClear} tabIndex={0} />}\n    </StyledPill>\n  )\n})\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAE/C,SAASC,UAAU,EAAEC,YAAY,QAAQ,eAAe;AAOxD,IAAMC,MAAM,gBAAGJ,KAAK,CAACK,UAAU,CAG7B,SAASC,WAAWA,CAAAC,IAAA,EAA+BC,GAAG,EAAE;EAAA,IAAAC,UAAA,GAAAF,IAAA,CAAjCG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC/C,IAAMC,IAAI,GAAGb,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAe,aAAA,CAACZ,YAAY,EAAAa,QAAA;IACXR,GAAG,EAAEA,GAAI;IACT,eAAY,OAAO;IACnB,cAAYM,IAAI,CAACG,CAAC,CAAC,mBAAmB,CAAE;IACxCC,IAAI,EAAC,IAAI;IACTC,MAAM,EAAET;EAAM,GACVC,KAAK,CACV,CAAC;AAEN,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMS,IAAI,gBAAGpB,KAAK,CAACK,UAAU,CAA6B,SAASe,IAAIA,CAAAC,KAAA,EAE5Eb,GAAG,EACH;EAAA,IAAAc,WAAA,GAAAD,KAAA,CAFEX,KAAK;IAALA,KAAK,GAAAY,WAAA,cAAG,MAAM,GAAAA,WAAA;IAAEC,OAAO,GAAAF,KAAA,CAAPE,OAAO;IAAKZ,KAAK,GAAAC,wBAAA,CAAAS,KAAA,EAAAG,UAAA;EAGnC,oBACExB,KAAA,CAAAe,aAAA,CAACb,UAAU,EAAAc,QAAA;IAACG,MAAM,EAAET;EAAM,GAAKC,KAAK;IAAEH,GAAG,EAAEA;EAAI,IAC5CG,KAAK,CAACc,QAAQ,EACdF,OAAO,iBAAIvB,KAAA,CAAAe,aAAA,CAACX,MAAM;IAACM,KAAK,EAAEA,KAAM;IAACgB,OAAO,EAAEH,OAAQ;IAACI,QAAQ,EAAE;EAAE,CAAE,CACxD,CAAC;AAEjB,CAAC,CAAC"}

package/dist/Pill/Pill.styles.js

@@ -1,20 +1,21 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { Clear } from '@procore/core-icons/dist';
 import styled, { css } from 'styled-components';
 import { getTypographyIntent } from '../Typography/Typography.styles';
 import { spacing } from '../_styles/spacing';
 import { PillColorPalets } from './Pill.colorPalette';
 var pillButtonSize = 16;
-export var StyledPill = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  display: inline-block;\n  padding: 1px ", "px;\n  border: 1px solid;\n  border-radius: 10px;\n  font-weight: 600;\n\n  & + & {\n    margin-left: ", "px;\n  }\n\n  ", "\n"], ["\n  ", "\n  display: inline-block;\n  padding: 1px ", "px;\n  border: 1px solid;\n  border-radius: 10px;\n  font-weight: 600;\n\n  & + & {\n    margin-left: ", "px;\n  }\n\n  ", "\n"])), getTypographyIntent('small'), spacing.sm, spacing.xs, function (_a) {
-    var $color = _a.$color;
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    "], ["\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    "])), PillColorPalets[$color].backgroundColor, PillColorPalets[$color].borderColor, PillColorPalets[$color].color);
+export var StyledPill = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledPill",
+  componentId: "core-11_23_1__sc-99e1t5-0"
+})(["", " display:inline-block;padding:1px ", "px;border:1px solid;border-radius:10px;font-weight:600;& + &{margin-left:", "px;}", ""], getTypographyIntent('small'), spacing.sm, spacing.xs, function (_ref) {
+  var $color = _ref.$color;
+  return css(["background-color:", ";border-color:", ";color:", ";"], PillColorPalets[$color].backgroundColor, PillColorPalets[$color].borderColor, PillColorPalets[$color].color);
 });
-export var StyledRemove = styled(Clear)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border-radius: 100%;\n  cursor: pointer;\n  flex: 0 0 auto;\n  height: ", "px;\n  /* if pillButtonSize is 16 => 8px is the radios - 2px padding = 6px */\n  margin: 0 -", "px 0 ", "px;\n  width: ", "px;\n  vertical-align: top;\n\n  ", "\n"], ["\n  border-radius: 100%;\n  cursor: pointer;\n  flex: 0 0 auto;\n  height: ", "px;\n  /* if pillButtonSize is 16 => 8px is the radios - 2px padding = 6px */\n  margin: 0 -", "px 0 ", "px;\n  width: ", "px;\n  vertical-align: top;\n\n  ", "\n"])), pillButtonSize, pillButtonSize / 2 - spacing.xxs, spacing.xxs, pillButtonSize, function (_a) {
-    var $color = _a.$color;
-    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      &:hover {\n        background: ", ";\n        color: ", ";\n      }\n    "], ["\n      &:hover {\n        background: ", ";\n        color: ", ";\n      }\n    "])), PillColorPalets[$color].color, PillColorPalets[$color].backgroundColor);
+export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
+  displayName: "StyledRemove",
+  componentId: "core-11_23_1__sc-99e1t5-1"
+})(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:", "px;margin:0 -", "px 0 ", "px;width:", "px;vertical-align:top;", ""], pillButtonSize, pillButtonSize / 2 - spacing.xxs, spacing.xxs, pillButtonSize, function (_ref2) {
+  var $color = _ref2.$color;
+  return css(["&:hover{background:", ";color:", ";}"], PillColorPalets[$color].color, PillColorPalets[$color].backgroundColor);
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=Pill.styles.js.map

package/dist/Pill/Pill.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.styles.js","sourceRoot":"","sources":["../../src/Pill/Pill.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAGrD,IAAM,cAAc,GAAG,EAAE,CAAA;AAEzB,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,0PAAuB,MACxD,EAA4B,6CAEf,EAAU,wGAMR,EAAU,gBAGzB,EAMD,IACF,KAlBG,mBAAmB,CAAC,OAAO,CAAC,EAEf,OAAO,CAAC,EAAE,EAMR,OAAO,CAAC,EAAE,EAGzB,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAO,GAAG,yJAAA,4BACY,EAAuC,yBAC3C,EAAmC,kBAC1C,EAA6B,SACvC,KAHqB,eAAe,CAAC,MAAM,CAAC,CAAC,eAAe,EAC3C,eAAe,CAAC,MAAM,CAAC,CAAC,WAAW,EAC1C,eAAe,CAAC,MAAM,CAAC,CAAC,KAAK,EACvC;AACH,CAAC,CACF,CAAA;AACD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,sTAEvC,6EAIU,EAAc,8FAEX,EAAgC,OAAQ,EAAW,gBACvD,EAAc,mCAGrB,EAOD,IACF,KAdW,cAAc,EAEX,cAAc,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,EAAQ,OAAO,CAAC,GAAG,EACvD,cAAc,EAGrB,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAO,GAAG,sJAAA,yCAEQ,EAA6B,oBAClC,EAAuC,kBAEnD,KAHiB,eAAe,CAAC,MAAM,CAAC,CAAC,KAAK,EAClC,eAAe,CAAC,MAAM,CAAC,CAAC,eAAe,EAEnD;AACH,CAAC,CACF,CAAA"}
+{"version":3,"file":"Pill.styles.js","names":["Clear","styled","css","getTypographyIntent","spacing","PillColorPalets","pillButtonSize","StyledPill","span","withConfig","displayName","componentId","sm","xs","_ref","$color","backgroundColor","borderColor","color","StyledRemove","xxs","_ref2"],"sources":["../../src/Pill/Pill.styles.ts"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { spacing } from '../_styles/spacing'\nimport { PillColorPalets } from './Pill.colorPalette'\nimport { PillColor } from './Pill.types'\n\nconst pillButtonSize = 16\n\nexport const StyledPill = styled.span<{ $color: PillColor }>`\n  ${getTypographyIntent('small')}\n  display: inline-block;\n  padding: 1px ${spacing.sm}px;\n  border: 1px solid;\n  border-radius: 10px;\n  font-weight: 600;\n\n  & + & {\n    margin-left: ${spacing.xs}px;\n  }\n\n  ${({ $color }) => {\n    return css`\n      background-color: ${PillColorPalets[$color].backgroundColor};\n      border-color: ${PillColorPalets[$color].borderColor};\n      color: ${PillColorPalets[$color].color};\n    `\n  }}\n`\nexport const StyledRemove = styled(Clear)<{\n  $color: PillColor\n}>`\n  border-radius: 100%;\n  cursor: pointer;\n  flex: 0 0 auto;\n  height: ${pillButtonSize}px;\n  /* if pillButtonSize is 16 => 8px is the radios - 2px padding = 6px */\n  margin: 0 -${pillButtonSize / 2 - spacing.xxs}px 0 ${spacing.xxs}px;\n  width: ${pillButtonSize}px;\n  vertical-align: top;\n\n  ${({ $color }) => {\n    return css`\n      &:hover {\n        background: ${PillColorPalets[$color].color};\n        color: ${PillColorPalets[$color].backgroundColor};\n      }\n    `\n  }}\n`\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,0BAA0B;AAChD,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,eAAe,QAAQ,qBAAqB;AAGrD,IAAMC,cAAc,GAAG,EAAE;AAEzB,OAAO,IAAMC,UAAU,gBAAGN,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wIACjCR,mBAAmB,CAAC,OAAO,CAAC,EAEfC,OAAO,CAACQ,EAAE,EAMRR,OAAO,CAACS,EAAE,EAGzB,UAAAC,IAAA,EAAgB;EAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;EACT,OAAOb,GAAG,0DACYG,eAAe,CAACU,MAAM,CAAC,CAACC,eAAe,EAC3CX,eAAe,CAACU,MAAM,CAAC,CAACE,WAAW,EAC1CZ,eAAe,CAACU,MAAM,CAAC,CAACG,KAAK;AAE1C,CAAC,CACF;AACD,OAAO,IAAMC,YAAY,gBAAGlB,MAAM,CAACD,KAAK,CAAC,CAAAS,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qIAM7BL,cAAc,EAEXA,cAAc,GAAG,CAAC,GAAGF,OAAO,CAACgB,GAAG,EAAQhB,OAAO,CAACgB,GAAG,EACvDd,cAAc,EAGrB,UAAAe,KAAA,EAAgB;EAAA,IAAbN,MAAM,GAAAM,KAAA,CAANN,MAAM;EACT,OAAOb,GAAG,2CAEQG,eAAe,CAACU,MAAM,CAAC,CAACG,KAAK,EAClCb,eAAe,CAACU,MAAM,CAAC,CAACC,eAAe;AAGtD,CAAC,CACF"}

package/dist/Pill/Pill.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.types.js","sourceRoot":"","sources":["../../src/Pill/Pill.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Pill.types.js","names":[],"sources":["../../src/Pill/Pill.types.ts"],"sourcesContent":["export type PillColor =\n  | 'blue'\n  | 'cyan'\n  | 'gray'\n  | 'green'\n  | 'magenta'\n  | 'red'\n  | 'UNSAFE_orange'\n  | 'yellow'\n\nexport interface PillProps extends React.ComponentPropsWithoutRef<'span'> {\n  /**\n   * Controls the border, background and color of the Pill\n   * @defaultValue gray\n   * @since 10.19.0\n   */\n  color?: PillColor\n  /**\n   * It is possible for this component to have an empty value\n   * (render placeholder). Enables the x icon.\n   * <CodeBlock>{'(event) => {}'}</CodeBlock>\n   * @since 11.13.1\n   */\n  onClear?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void\n}\n"],"mappings":""}

package/dist/Pill/index.js

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

package/dist/Pill/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Pill/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}
+{"version":3,"file":"index.js","names":["Pill","PillColor","PillProps"],"sources":["../../src/Pill/index.ts"],"sourcesContent":["export { Pill } from './Pill'\nexport { PillColor, PillProps } from './Pill.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,SAAS,EAAEC,SAAS,QAAQ,cAAc"}

package/dist/PillSelect/PillSelect.js

@@ -1,58 +1,58 @@
-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 = ["color", "label", "selected"],
+  _excluded2 = ["afterHide", "afterShow", "getColor", "getGroup", "getId", "getLabel", "getSuggested", "groupGetId", "groupGetLabel", "optgroups", "options", "value"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 { Check } from '@procore/core-icons/dist';
 import React from 'react';
 import { Pill } from '../Pill/Pill';
 import { Select } from '../Select/Select';
 import { Tooltip } from '../Tooltip/Tooltip';
 import { OverflowObserver } from '../_hooks/OverflowObserver';
-import { PillSelectCheckedContainer, PillSelectLabel, PillSelectLabelWrapper, PillSelectOptionWrapper, } from './PillSelect.styles';
+import { PillSelectCheckedContainer, PillSelectLabel, PillSelectLabelWrapper, PillSelectOptionWrapper } from './PillSelect.styles';
 var emptyArr = [];
 function defaultGetId(option) {
-    return option.id;
+  return option.id;
 }
 function defaultGetLabel(option) {
-    return option.label;
+  return option.label;
 }
 function defaultGetGroup(option) {
-    return option.groupId;
+  return option.groupId;
 }
 function defaultGetSuggested(option) {
-    return option.suggested;
+  return option.suggested;
 }
 export function defaultGetColor(option) {
-    return option.color;
+  return option.color;
 }
-var PillSelectOption = React.forwardRef(function PillSelectOption(_a, ref) {
-    var color = _a.color, label = _a.label, selected = _a.selected, props = __rest(_a, ["color", "label", "selected"]);
-    return (React.createElement(Select.Option, __assign({ selected: selected }, props, { ref: ref }),
-        React.createElement(PillSelectOptionWrapper, null,
-            React.createElement(Pill, { color: color }, label),
-            React.createElement(PillSelectCheckedContainer, null, selected && React.createElement(Check, { size: "sm" })))));
+var PillSelectOption = /*#__PURE__*/React.forwardRef(function PillSelectOption(_ref, ref) {
+  var color = _ref.color,
+    label = _ref.label,
+    selected = _ref.selected,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Select.Option, _extends({
+    selected: selected
+  }, props, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(PillSelectOptionWrapper, null, /*#__PURE__*/React.createElement(Pill, {
+    color: color
+  }, label), /*#__PURE__*/React.createElement(PillSelectCheckedContainer, null, selected && /*#__PURE__*/React.createElement(Check, {
+    size: "sm"
+  }))));
 });
-var PillSelectOptGroup = React.forwardRef(function PillSelectOptGroup(props, ref) {
-    return React.createElement(Select.OptGroup, __assign({}, props, { ref: ref }));
+var PillSelectOptGroup = /*#__PURE__*/React.forwardRef(function PillSelectOptGroup(props, ref) {
+  return /*#__PURE__*/React.createElement(Select.OptGroup, _extends({}, props, {
+    ref: ref
+  }));
 });
+
 /**
 
  Pill Selects are used when you need a user to select between one of several
@@ -66,47 +66,113 @@ var PillSelectOptGroup = React.forwardRef(function PillSelectOptGroup(props, ref
  @see [Design Guidelines](https://design.procore.com/pill-select)
 
  */
-export var PillSelect = React.forwardRef(function PillSelect(_a, ref) {
-    var afterHide_ = _a.afterHide, afterShow_ = _a.afterShow, _b = _a.getColor, getColor = _b === void 0 ? defaultGetColor : _b, _c = _a.getGroup, getGroup = _c === void 0 ? defaultGetGroup : _c, _d = _a.getId, getId = _d === void 0 ? defaultGetId : _d, _e = _a.getLabel, getLabel = _e === void 0 ? defaultGetLabel : _e, _f = _a.getSuggested, getSuggested = _f === void 0 ? defaultGetSuggested : _f, _g = _a.groupGetId, groupGetId = _g === void 0 ? defaultGetId : _g, _h = _a.groupGetLabel, groupGetLabel = _h === void 0 ? defaultGetLabel : _h, optgroups = _a.optgroups, _j = _a.options, options = _j === void 0 ? emptyArr : _j, value = _a.value, props = __rest(_a, ["afterHide", "afterShow", "getColor", "getGroup", "getId", "getLabel", "getSuggested", "groupGetId", "groupGetLabel", "optgroups", "options", "value"]);
-    var _k = React.useMemo(function () {
-        if (!value) {
-            return {};
-        }
-        return {
-            color: getColor(value),
-            id: getId(value),
-            label: getLabel(value),
-        };
-    }, [getColor, getId, getLabel, value]), color = _k.color, id = _k.id, label = _k.label;
-    var optionsByGroup = React.useMemo(function () {
-        return optgroups === null || optgroups === void 0 ? void 0 : optgroups.map(function (optgroup) { return ({
-            optgroup: optgroup,
-            options: options.filter(function (option) { return getGroup(option) === groupGetId(optgroup); }),
-        }); }).filter(function (_a) {
-            var options = _a.options;
-            return options.length;
-        });
-    }, [options, optgroups, groupGetId, getGroup]);
-    var _l = React.useState(false), isOpened = _l[0], setIsOpened = _l[1];
-    var afterShow = React.useCallback(function () {
-        setIsOpened(true);
-        afterShow_ === null || afterShow_ === void 0 ? void 0 : afterShow_();
-    }, [afterShow_]);
-    var afterHide = React.useCallback(function () {
-        setIsOpened(false);
-        afterHide_ === null || afterHide_ === void 0 ? void 0 : afterHide_();
-    }, [afterHide_]);
-    return (React.createElement(Select, __assign({ afterHide: afterHide, afterShow: afterShow, label: label ? (React.createElement(OverflowObserver, null, function (_a) {
-            var isOverflowing = _a.isOverflowing, ref = _a.ref;
-            var pill = (React.createElement(PillSelectLabel, { color: color, ref: ref }, label));
-            var showTooltip = isOverflowing && !isOpened;
-            return (React.createElement(PillSelectLabelWrapper, { disabled: props.disabled }, showTooltip ? (React.createElement(Tooltip, { trigger: "hover", overlay: label }, pill)) : (pill)));
-        })) : null }, props, { ref: ref }), optionsByGroup ? (optionsByGroup.map(function (_a) {
-        var optgroup = _a.optgroup, options = _a.options;
-        return (React.createElement(React.Fragment, { key: groupGetId(optgroup) },
-            React.createElement(PillSelectOptGroup, { key: groupGetId(optgroup) }, groupGetLabel(optgroup)),
-            options.map(function (option) { return (React.createElement(PillSelectOption, { key: getId(option), color: getColor(option), label: getLabel(option), selected: getId(option) === id, suggested: getSuggested(option), value: option })); })));
-    })) : (React.createElement(React.Fragment, null, options.map(function (option) { return (React.createElement(PillSelectOption, { key: getId(option), color: getColor(option), label: getLabel(option), selected: getId(option) === id, suggested: getSuggested(option), value: option })); })))));
+export var PillSelect = /*#__PURE__*/React.forwardRef(function PillSelect(_ref2, ref) {
+  var afterHide_ = _ref2.afterHide,
+    afterShow_ = _ref2.afterShow,
+    _ref2$getColor = _ref2.getColor,
+    getColor = _ref2$getColor === void 0 ? defaultGetColor : _ref2$getColor,
+    _ref2$getGroup = _ref2.getGroup,
+    getGroup = _ref2$getGroup === void 0 ? defaultGetGroup : _ref2$getGroup,
+    _ref2$getId = _ref2.getId,
+    getId = _ref2$getId === void 0 ? defaultGetId : _ref2$getId,
+    _ref2$getLabel = _ref2.getLabel,
+    getLabel = _ref2$getLabel === void 0 ? defaultGetLabel : _ref2$getLabel,
+    _ref2$getSuggested = _ref2.getSuggested,
+    getSuggested = _ref2$getSuggested === void 0 ? defaultGetSuggested : _ref2$getSuggested,
+    _ref2$groupGetId = _ref2.groupGetId,
+    groupGetId = _ref2$groupGetId === void 0 ? defaultGetId : _ref2$groupGetId,
+    _ref2$groupGetLabel = _ref2.groupGetLabel,
+    groupGetLabel = _ref2$groupGetLabel === void 0 ? defaultGetLabel : _ref2$groupGetLabel,
+    optgroups = _ref2.optgroups,
+    _ref2$options = _ref2.options,
+    options = _ref2$options === void 0 ? emptyArr : _ref2$options,
+    value = _ref2.value,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var _React$useMemo = React.useMemo(function () {
+      if (!value) {
+        return {};
+      }
+      return {
+        color: getColor(value),
+        id: getId(value),
+        label: getLabel(value)
+      };
+    }, [getColor, getId, getLabel, value]),
+    color = _React$useMemo.color,
+    id = _React$useMemo.id,
+    label = _React$useMemo.label;
+  var optionsByGroup = React.useMemo(function () {
+    return optgroups === null || optgroups === void 0 ? void 0 : optgroups.map(function (optgroup) {
+      return {
+        optgroup: optgroup,
+        options: options.filter(function (option) {
+          return getGroup(option) === groupGetId(optgroup);
+        })
+      };
+    }).filter(function (_ref3) {
+      var options = _ref3.options;
+      return options.length;
+    });
+  }, [options, optgroups, groupGetId, getGroup]);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isOpened = _React$useState2[0],
+    setIsOpened = _React$useState2[1];
+  var afterShow = React.useCallback(function () {
+    setIsOpened(true);
+    afterShow_ === null || afterShow_ === void 0 ? void 0 : afterShow_();
+  }, [afterShow_]);
+  var afterHide = React.useCallback(function () {
+    setIsOpened(false);
+    afterHide_ === null || afterHide_ === void 0 ? void 0 : afterHide_();
+  }, [afterHide_]);
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    afterHide: afterHide,
+    afterShow: afterShow,
+    label: label ? /*#__PURE__*/React.createElement(OverflowObserver, null, function (_ref4) {
+      var isOverflowing = _ref4.isOverflowing,
+        ref = _ref4.ref;
+      var pill = /*#__PURE__*/React.createElement(PillSelectLabel, {
+        color: color,
+        ref: ref
+      }, label);
+      var showTooltip = isOverflowing && !isOpened;
+      return /*#__PURE__*/React.createElement(PillSelectLabelWrapper, {
+        disabled: props.disabled
+      }, showTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+        trigger: "hover",
+        overlay: label
+      }, pill) : pill);
+    }) : null
+  }, props, {
+    ref: ref
+  }), optionsByGroup ? optionsByGroup.map(function (_ref5) {
+    var optgroup = _ref5.optgroup,
+      options = _ref5.options;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: groupGetId(optgroup)
+    }, /*#__PURE__*/React.createElement(PillSelectOptGroup, {
+      key: groupGetId(optgroup)
+    }, groupGetLabel(optgroup)), options.map(function (option) {
+      return /*#__PURE__*/React.createElement(PillSelectOption, {
+        key: getId(option),
+        color: getColor(option),
+        label: getLabel(option),
+        selected: getId(option) === id,
+        suggested: getSuggested(option),
+        value: option
+      });
+    }));
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option) {
+    return /*#__PURE__*/React.createElement(PillSelectOption, {
+      key: getId(option),
+      color: getColor(option),
+      label: getLabel(option),
+      selected: getId(option) === id,
+      suggested: getSuggested(option),
+      value: option
+    });
+  })));
 });
 PillSelect.displayName = 'PillSelect';
 //# sourceMappingURL=PillSelect.js.map

package/dist/PillSelect/PillSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PillSelect.js","sourceRoot":"","sources":["../../src/PillSelect/PillSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PillSelect.js","names":["Check","React","Pill","Select","Tooltip","OverflowObserver","PillSelectCheckedContainer","PillSelectLabel","PillSelectLabelWrapper","PillSelectOptionWrapper","emptyArr","defaultGetId","option","id","defaultGetLabel","label","defaultGetGroup","groupId","defaultGetSuggested","suggested","defaultGetColor","color","PillSelectOption","forwardRef","_ref","ref","selected","props","_objectWithoutProperties","_excluded","createElement","Option","_extends","size","PillSelectOptGroup","OptGroup","PillSelect","_ref2","afterHide_","afterHide","afterShow_","afterShow","_ref2$getColor","getColor","_ref2$getGroup","getGroup","_ref2$getId","getId","_ref2$getLabel","getLabel","_ref2$getSuggested","getSuggested","_ref2$groupGetId","groupGetId","_ref2$groupGetLabel","groupGetLabel","optgroups","_ref2$options","options","value","_excluded2","_React$useMemo","useMemo","optionsByGroup","map","optgroup","filter","_ref3","length","_React$useState","useState","_React$useState2","_slicedToArray","isOpened","setIsOpened","useCallback","_ref4","isOverflowing","pill","showTooltip","disabled","trigger","overlay","_ref5","Fragment","key","displayName"],"sources":["../../src/PillSelect/PillSelect.tsx"],"sourcesContent":["import { Check } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Pill } from '../Pill/Pill'\nimport { Select } from '../Select/Select'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { DivAttributes } from '../_utils/types'\nimport {\n  PillSelectCheckedContainer,\n  PillSelectLabel,\n  PillSelectLabelWrapper,\n  PillSelectOptionWrapper,\n} from './PillSelect.styles'\nimport {\n  PillOptGroup,\n  PillOption,\n  PillOptionProps,\n  PillSelectProps,\n} from './PillSelect.types'\n\nconst emptyArr: Array<any> = []\n\nfunction defaultGetId(option: PillOption | PillOptGroup) {\n  return option.id\n}\n\nfunction defaultGetLabel(option: PillOption | PillOptGroup) {\n  return option.label\n}\n\nfunction defaultGetGroup(option: PillOption) {\n  return option.groupId\n}\n\nfunction defaultGetSuggested(option: PillOption) {\n  return option.suggested\n}\n\nexport function defaultGetColor(option: PillOption) {\n  return option.color\n}\n\nconst PillSelectOption = React.forwardRef<HTMLDivElement, PillOptionProps>(\n  function PillSelectOption({ color, label, selected, ...props }, ref) {\n    return (\n      <Select.Option selected={selected} {...props} ref={ref}>\n        <PillSelectOptionWrapper>\n          <Pill color={color}>{label}</Pill>\n          <PillSelectCheckedContainer>\n            {selected && <Check size=\"sm\" />}\n          </PillSelectCheckedContainer>\n        </PillSelectOptionWrapper>\n      </Select.Option>\n    )\n  }\n)\n\nconst PillSelectOptGroup = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function PillSelectOptGroup(props, ref) {\n    return <Select.OptGroup {...props} ref={ref} />\n  }\n)\n\n/**\n\n Pill Selects are used when you need a user to select between one of several\n options that are shown as pills. Often this will be a status, such as marking\n an item “closed”, “draft”, etc.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-pillselect--demo)\n\n @see [Design Guidelines](https://design.procore.com/pill-select)\n\n */\nexport const PillSelect = React.forwardRef<\n  HTMLDivElement,\n  PillSelectProps<any, any>\n>(function PillSelect(\n  {\n    afterHide: afterHide_,\n    afterShow: afterShow_,\n    getColor = defaultGetColor,\n    getGroup = defaultGetGroup,\n    getId = defaultGetId,\n    getLabel = defaultGetLabel,\n    getSuggested = defaultGetSuggested,\n    groupGetId = defaultGetId,\n    groupGetLabel = defaultGetLabel,\n    optgroups,\n    options = emptyArr,\n    value,\n    ...props\n  },\n  ref\n) {\n  const { color, id, label } = React.useMemo(() => {\n    if (!value) {\n      return {}\n    }\n    return {\n      color: getColor(value),\n      id: getId(value),\n      label: getLabel(value),\n    }\n  }, [getColor, getId, getLabel, value])\n\n  const optionsByGroup = React.useMemo(\n    () =>\n      optgroups\n        ?.map((optgroup) => ({\n          optgroup,\n          options: options.filter(\n            (option) => getGroup(option) === groupGetId(optgroup)\n          ),\n        }))\n        .filter(({ options }) => options.length),\n    [options, optgroups, groupGetId, getGroup]\n  )\n\n  const [isOpened, setIsOpened] = React.useState(false)\n\n  const afterShow = React.useCallback(() => {\n    setIsOpened(true)\n    afterShow_?.()\n  }, [afterShow_])\n\n  const afterHide = React.useCallback(() => {\n    setIsOpened(false)\n    afterHide_?.()\n  }, [afterHide_])\n\n  return (\n    <Select\n      afterHide={afterHide}\n      afterShow={afterShow}\n      label={\n        label ? (\n          <OverflowObserver>\n            {({ isOverflowing, ref }) => {\n              const pill = (\n                <PillSelectLabel color={color} ref={ref}>\n                  {label}\n                </PillSelectLabel>\n              )\n\n              const showTooltip = isOverflowing && !isOpened\n\n              return (\n                <PillSelectLabelWrapper disabled={props.disabled}>\n                  {showTooltip ? (\n                    <Tooltip trigger=\"hover\" overlay={label}>\n                      {pill}\n                    </Tooltip>\n                  ) : (\n                    pill\n                  )}\n                </PillSelectLabelWrapper>\n              )\n            }}\n          </OverflowObserver>\n        ) : null\n      }\n      {...props}\n      ref={ref}\n    >\n      {optionsByGroup ? (\n        optionsByGroup.map(({ optgroup, options }) => (\n          <React.Fragment key={groupGetId(optgroup)}>\n            <PillSelectOptGroup key={groupGetId(optgroup)}>\n              {groupGetLabel(optgroup)}\n            </PillSelectOptGroup>\n            {options.map((option) => (\n              <PillSelectOption\n                key={getId(option)}\n                color={getColor(option)}\n                label={getLabel(option)}\n                selected={getId(option) === id}\n                suggested={getSuggested(option)}\n                value={option}\n              />\n            ))}\n          </React.Fragment>\n        ))\n      ) : (\n        <>\n          {options.map((option) => (\n            <PillSelectOption\n              key={getId(option)}\n              color={getColor(option)}\n              label={getLabel(option)}\n              selected={getId(option) === id}\n              suggested={getSuggested(option)}\n              value={option}\n            />\n          ))}\n        </>\n      )}\n    </Select>\n  )\n})\n\nPillSelect.displayName = 'PillSelect'\n"],"mappings":"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"}