@procore/core-react 12.53.0 → 12.53.2

package/dist/Panel/Panel.styles.d.ts

@@ -1,22 +1,43 @@
-/// <reference types="react" />
-export declare const StyledHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Semantic/Semantic.types").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & {
-    ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledHeaderBackAction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledHeader: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledTitle: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("../Semantic/Semantic.types").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & {
+    ref?: ((instance: HTMLHeadingElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<import("react").ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledHeaderBackAction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $active: boolean;
 }>> & string;
-export declare const StyledMoreMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledHeaderActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    secondaryBgColor?: boolean | undefined;
+export declare const StyledMoreMenu: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledHeaderActions: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    secondaryBgColor?: boolean;
 }>> & string;
-export declare const StyledPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const StyledFooterNotation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledFooterActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledPanel: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledFooterNotation: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledFooterActions: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $hasShadow: boolean;
 }>> & string;

package/dist/Panel/Panel.styles.js

@@ -12,15 +12,15 @@ var gutter = /*#__PURE__*/css(["> * + *{margin-left:", "px;}"], spacing.sm);
 var panel = /*#__PURE__*/css(["display:flex;padding:", "px;background:", ";"], spacing.lg, colors.white);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-12_53_0__sc-lidix2-0"
+  componentId: "core-12_53_2__sc-lidix2-0"
 })(["border-bottom:1px solid ", ";", ""], colors.gray85, panel);
 export var StyledTitle = /*#__PURE__*/styled(H2).withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_53_0__sc-lidix2-1"
+  componentId: "core-12_53_2__sc-lidix2-1"
 })(["flex-grow:1;"]);
 export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBackAction",
-  componentId: "core-12_53_0__sc-lidix2-2"
+  componentId: "core-12_53_2__sc-lidix2-2"
 })(["transition:all 300ms ease-out;flex-shrink:0;width:", "px;margin-right:", "px;opacity:", ";transform:translateX( ", "px );"], function (_ref) {
   var $active = _ref.$active;
   return $active ? headerActionSize : 0;
@@ -36,38 +36,38 @@ export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledMoreMenu = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledMoreMenu",
-  componentId: "core-12_53_0__sc-lidix2-3"
+  componentId: "core-12_53_2__sc-lidix2-3"
 })(["max-height:128px;"]);
 export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderActions",
-  componentId: "core-12_53_0__sc-lidix2-4"
+  componentId: "core-12_53_2__sc-lidix2-4"
 })(["display:flex;margin-left:", "px;flex-shrink:0;", ""], spacing.lg, gutter);
 export var StyledCloseButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledCloseButton",
-  componentId: "core-12_53_0__sc-lidix2-5"
+  componentId: "core-12_53_2__sc-lidix2-5"
 })(["margin-left:", "px;"], spacing.sm);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_53_0__sc-lidix2-6"
+  componentId: "core-12_53_2__sc-lidix2-6"
 })(["height:100%;background:", ";overflow-y:auto;> ", "{margin:", "px;}&:focus-visible{", "}> ", "{padding-left:", "px;padding-right:", "px;", "{padding-left:0;padding-right:0;}&:first-child > ", "{padding-top:", "px;}}"], function (_ref5) {
   var secondaryBgColor = _ref5.secondaryBgColor;
   return secondaryBgColor ? colors.gray96 : colors.white;
 }, StyledRequiredContainer, spacing.lg, getFocusInset(), StyledSection, spacing.lg, spacing.lg, StyledSection, StyledSectionInner, spacing.lg);
 export var StyledPanel = /*#__PURE__*/styled.aside.withConfig({
   displayName: "StyledPanel",
-  componentId: "core-12_53_0__sc-lidix2-7"
+  componentId: "core-12_53_2__sc-lidix2-7"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background:", ";overflow:hidden;"], colors.white);
 export var StyledFooterNotation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooterNotation",
-  componentId: "core-12_53_0__sc-lidix2-8"
+  componentId: "core-12_53_2__sc-lidix2-8"
 })(["flex-grow:1;"]);
 export var StyledFooterActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooterActions",
-  componentId: "core-12_53_0__sc-lidix2-9"
+  componentId: "core-12_53_2__sc-lidix2-9"
 })(["", ""], gutter);
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_53_0__sc-lidix2-10"
+  componentId: "core-12_53_2__sc-lidix2-10"
 })(["border-top:1px solid ", ";justify-content:flex-end;", " ", ""], colors.gray85, panel, function (_ref6) {
   var $hasShadow = _ref6.$hasShadow;
   return $hasShadow && css(["box-shadow:0 -4px 6px 0 #0000001a;z-index:1;"]);

package/dist/Panel/Panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.styles.js","names":["styled","css","Card","StyledRequiredContainer","StyledSection","StyledSectionInner","H2","colors","getFocusInset","spacing","headerActionSize","buttonShadowWidth","gutter","sm","panel","lg","white","StyledHeader","div","withConfig","displayName","componentId","gray85","StyledTitle","StyledHeaderBackAction","_ref","$active","_ref2","_ref3","_ref4","StyledMoreMenu","StyledHeaderActions","StyledCloseButton","StyledBody","_ref5","secondaryBgColor","gray96","StyledPanel","aside","StyledFooterNotation","StyledFooterActions","StyledFooter","_ref6","$hasShadow"],"sources":["../../src/Panel/Panel.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Card } from '../Card'\nimport { StyledRequiredContainer } from '../Required/Required.styles'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { H2 } from '../Semantic'\nimport { colors } from '../_styles/colors'\nimport { getFocusInset } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nconst headerActionSize = 36\nconst buttonShadowWidth = 2\n\nconst gutter = css`\n  > * + * {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nconst panel = css`\n  display: flex;\n  padding: ${spacing.lg}px;\n  background: ${colors.white};\n`\n\nexport const StyledHeader = styled.div`\n  border-bottom: 1px solid ${colors.gray85};\n\n  ${panel}\n`\n\nexport const StyledTitle = styled(H2)`\n  flex-grow: 1;\n`\n\nexport const StyledHeaderBackAction = styled.div<{ $active: boolean }>`\n  transition: all 300ms ease-out;\n  flex-shrink: 0;\n\n  width: ${({ $active }) => ($active ? headerActionSize : 0)}px;\n  margin-right: ${({ $active }) => ($active ? spacing.lg : 0)}px;\n  opacity: ${({ $active }) => ($active ? 1 : 0)};\n  transform: translateX(\n    ${({ $active }) =>\n      $active ? 0 : -(spacing.lg + headerActionSize + buttonShadowWidth)}px\n  );\n`\n\nexport const StyledMoreMenu = styled(Card)`\n  max-height: 128px;\n`\n\nexport const StyledHeaderActions = styled.div`\n  display: flex;\n  margin-left: ${spacing.lg}px;\n  flex-shrink: 0;\n\n  ${gutter}\n`\n\nexport const StyledCloseButton = styled.div`\n  margin-left: ${spacing.sm}px;\n`\n\nexport const StyledBody = styled.div<{ secondaryBgColor?: boolean }>`\n  height: 100%;\n  background: ${({ secondaryBgColor }) =>\n    secondaryBgColor ? colors.gray96 : colors.white};\n  overflow-y: auto;\n\n  > ${StyledRequiredContainer} {\n    margin: ${spacing.lg}px;\n  }\n\n  &:focus-visible {\n    ${getFocusInset()}\n  }\n\n  > ${StyledSection} {\n    padding-left: ${spacing.lg}px;\n    padding-right: ${spacing.lg}px;\n\n    ${StyledSection} {\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    &:first-child > ${StyledSectionInner} {\n      padding-top: ${spacing.lg}px;\n    }\n  }\n`\n\nexport const StyledPanel = styled.aside`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ${colors.white};\n  overflow: hidden;\n`\n\nexport const StyledFooterNotation = styled.div`\n  flex-grow: 1;\n`\n\nexport const StyledFooterActions = styled.div`\n  ${gutter}\n`\n\nexport const StyledFooter = styled.div<{ $hasShadow: boolean }>`\n  border-top: 1px solid ${colors.gray85};\n  justify-content: flex-end;\n\n  ${panel}\n\n  ${({ $hasShadow }) =>\n    $hasShadow &&\n    css`\n      box-shadow: 0 -4px 6px 0 #0000001a;\n      z-index: 1;\n    `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Panel.styles.js","names":["styled","css","Card","StyledRequiredContainer","StyledSection","StyledSectionInner","H2","colors","getFocusInset","spacing","headerActionSize","buttonShadowWidth","gutter","sm","panel","lg","white","StyledHeader","div","withConfig","displayName","componentId","gray85","StyledTitle","StyledHeaderBackAction","_ref","$active","_ref2","_ref3","_ref4","StyledMoreMenu","StyledHeaderActions","StyledCloseButton","StyledBody","_ref5","secondaryBgColor","gray96","StyledPanel","aside","StyledFooterNotation","StyledFooterActions","StyledFooter","_ref6","$hasShadow"],"sources":["../../src/Panel/Panel.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Card } from '../Card'\nimport { StyledRequiredContainer } from '../Required/Required.styles'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { H2 } from '../Semantic'\nimport { colors } from '../_styles/colors'\nimport { getFocusInset } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nconst headerActionSize = 36\nconst buttonShadowWidth = 2\n\nconst gutter = css`\n  > * + * {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nconst panel = css`\n  display: flex;\n  padding: ${spacing.lg}px;\n  background: ${colors.white};\n`\n\nexport const StyledHeader = styled.div`\n  border-bottom: 1px solid ${colors.gray85};\n\n  ${panel}\n`\n\nexport const StyledTitle = styled(H2)`\n  flex-grow: 1;\n`\n\nexport const StyledHeaderBackAction = styled.div<{ $active: boolean }>`\n  transition: all 300ms ease-out;\n  flex-shrink: 0;\n\n  width: ${({ $active }) => ($active ? headerActionSize : 0)}px;\n  margin-right: ${({ $active }) => ($active ? spacing.lg : 0)}px;\n  opacity: ${({ $active }) => ($active ? 1 : 0)};\n  transform: translateX(\n    ${({ $active }) =>\n      $active ? 0 : -(spacing.lg + headerActionSize + buttonShadowWidth)}px\n  );\n`\n\nexport const StyledMoreMenu = styled(Card)`\n  max-height: 128px;\n`\n\nexport const StyledHeaderActions = styled.div`\n  display: flex;\n  margin-left: ${spacing.lg}px;\n  flex-shrink: 0;\n\n  ${gutter}\n`\n\nexport const StyledCloseButton = styled.div`\n  margin-left: ${spacing.sm}px;\n`\n\nexport const StyledBody = styled.div<{ secondaryBgColor?: boolean }>`\n  height: 100%;\n  background: ${({ secondaryBgColor }) =>\n    secondaryBgColor ? colors.gray96 : colors.white};\n  overflow-y: auto;\n\n  > ${StyledRequiredContainer} {\n    margin: ${spacing.lg}px;\n  }\n\n  &:focus-visible {\n    ${getFocusInset()}\n  }\n\n  > ${StyledSection} {\n    padding-left: ${spacing.lg}px;\n    padding-right: ${spacing.lg}px;\n\n    ${StyledSection} {\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    &:first-child > ${StyledSectionInner} {\n      padding-top: ${spacing.lg}px;\n    }\n  }\n`\n\nexport const StyledPanel = styled.aside`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ${colors.white};\n  overflow: hidden;\n`\n\nexport const StyledFooterNotation = styled.div`\n  flex-grow: 1;\n`\n\nexport const StyledFooterActions = styled.div`\n  ${gutter}\n`\n\nexport const StyledFooter = styled.div<{ $hasShadow: boolean }>`\n  border-top: 1px solid ${colors.gray85};\n  justify-content: flex-end;\n\n  ${panel}\n\n  ${({ $hasShadow }) =>\n    $hasShadow &&\n    css`\n      box-shadow: 0 -4px 6px 0 #0000001a;\n      z-index: 1;\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,uBAAuB,QAAQ,6BAA6B;AACrE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,2BAA2B;AAC7E,SAASC,EAAE,QAAQ,aAAa;AAChC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,gBAAgB,GAAG,EAAE;AAC3B,IAAMC,iBAAiB,GAAG,CAAC;AAE3B,IAAMC,MAAM,gBAAGX,GAAG,mCAECQ,OAAO,CAACI,EAAE,CAE5B;AAED,IAAMC,KAAK,gBAAGb,GAAG,mDAEJQ,OAAO,CAACM,EAAE,EACPR,MAAM,CAACS,KAAK,CAC3B;AAED,OAAO,IAAMC,YAAY,gBAAGjB,MAAM,CAACkB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0CACTd,MAAM,CAACe,MAAM,EAEtCR,KAAK,CACR;AAED,OAAO,IAAMS,WAAW,gBAAGvB,MAAM,CAACM,EAAE,CAAC,CAAAa,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oBAEpC;AAED,OAAO,IAAMG,sBAAsB,gBAAGxB,MAAM,CAACkB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kIAIrC,UAAAI,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAQA,OAAO,GAAGhB,gBAAgB,GAAG,CAAC;AAAA,CAAC,EAC1C,UAAAiB,KAAA;EAAA,IAAGD,OAAO,GAAAC,KAAA,CAAPD,OAAO;EAAA,OAAQA,OAAO,GAAGjB,OAAO,CAACM,EAAE,GAAG,CAAC;AAAA,CAAC,EAChD,UAAAa,KAAA;EAAA,IAAGF,OAAO,GAAAE,KAAA,CAAPF,OAAO;EAAA,OAAQA,OAAO,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC,EAEzC,UAAAG,KAAA;EAAA,IAAGH,OAAO,GAAAG,KAAA,CAAPH,OAAO;EAAA,OACVA,OAAO,GAAG,CAAC,GAAG,EAAEjB,OAAO,CAACM,EAAE,GAAGL,gBAAgB,GAAGC,iBAAiB,CAAC;AAAA,EAEvE;AAED,OAAO,IAAMmB,cAAc,gBAAG9B,MAAM,CAACE,IAAI,CAAC,CAAAiB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEzC;AAED,OAAO,IAAMU,mBAAmB,gBAAG/B,MAAM,CAACkB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2DAE5BZ,OAAO,CAACM,EAAE,EAGvBH,MAAM,CACT;AAED,OAAO,IAAMoB,iBAAiB,gBAAGhC,MAAM,CAACkB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAC1BZ,OAAO,CAACI,EAAE,CAC1B;AAED,OAAO,IAAMoB,UAAU,gBAAGjC,MAAM,CAACkB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+NAEpB,UAAAa,KAAA;EAAA,IAAGC,gBAAgB,GAAAD,KAAA,CAAhBC,gBAAgB;EAAA,OAC/BA,gBAAgB,GAAG5B,MAAM,CAAC6B,MAAM,GAAG7B,MAAM,CAACS,KAAK;AAAA,GAG7Cb,uBAAuB,EACfM,OAAO,CAACM,EAAE,EAIlBP,aAAa,CAAC,CAAC,EAGfJ,aAAa,EACCK,OAAO,CAACM,EAAE,EACTN,OAAO,CAACM,EAAE,EAEzBX,aAAa,EAKGC,kBAAkB,EACnBI,OAAO,CAACM,EAAE,CAG9B;AAED,OAAO,IAAMsB,WAAW,gBAAGrC,MAAM,CAACsC,KAAK,CAAAnB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGAKvBd,MAAM,CAACS,KAAK,CAE3B;AAED,OAAO,IAAMuB,oBAAoB,gBAAGvC,MAAM,CAACkB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oBAE7C;AAED,OAAO,IAAMmB,mBAAmB,gBAAGxC,MAAM,CAACkB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzCT,MAAM,CACT;AAED,OAAO,IAAM6B,YAAY,gBAAGzC,MAAM,CAACkB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEACZd,MAAM,CAACe,MAAM,EAGnCR,KAAK,EAEL,UAAA4B,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,IACV1C,GAAG,kDAGF;AAAA,EACJ","ignoreList":[]}

package/dist/Panel/Panel.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonProps } from '../Button/Button.types';
 import type { SectionProps } from '../Section/Section.types';
 export interface PanelQaTags {

package/dist/Panel/Panel.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.types.js","names":[],"sources":["../../src/Panel/Panel.types.ts"],"sourcesContent":["import type { ButtonProps } from '../Button/Button.types'\nimport type { SectionProps } from '../Section/Section.types'\n\nexport interface PanelQaTags {\n  /**\n   * @since 10.19.0\n   */\n  moreIcon?: string\n  /**\n   * @since 10.19.0\n   */\n  title?: string\n}\n\nexport interface PanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * @a11y `role='region'` should be labelled. It uses the panel's title as a label by default.\n   * This is an optional prop to specify a custom label if needed.\n   * @since 12.24.0\n   */\n  'aria-labelledby'?: string\n}\n\nexport interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Controls visibility and behavior for the \"chevron-left\" icon on the left\n   * side of the title.\n   * @since 10.19.0\n   */\n  onClickBack?: () => void\n  /**\n   * @since 10.19.0\n   */\n  onClose?: () => void\n}\n\nexport interface PanelHeaderActionProps extends ButtonProps {\n  /**\n   * Tooltip/Overflow menu label text.\n   * @since 10.19.0\n   * */\n  title: string\n}\n\nexport interface PanelBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Applies the gray secondary background color.\n   * @since 10.19.0\n   */\n  secondaryBgColor?: boolean\n}\n\nexport interface PanelContextShape {\n  /**\n   * @since 12.24.0\n   */\n  ariaLabelledBy?: string\n  /**\n   * @since 12.11.2\n   */\n  isScrolling: boolean\n  /**\n   * @since 12.11.2\n   * */\n  setIsScrolling: (value: boolean) => void\n}\n\nexport interface PanelSectionProps extends SectionProps {}\n"],"mappings":""}
+{"version":3,"file":"Panel.types.js","names":[],"sources":["../../src/Panel/Panel.types.ts"],"sourcesContent":["import type { ButtonProps } from '../Button/Button.types'\nimport type { SectionProps } from '../Section/Section.types'\n\nexport interface PanelQaTags {\n  /**\n   * @since 10.19.0\n   */\n  moreIcon?: string\n  /**\n   * @since 10.19.0\n   */\n  title?: string\n}\n\nexport interface PanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * @a11y `role='region'` should be labelled. It uses the panel's title as a label by default.\n   * This is an optional prop to specify a custom label if needed.\n   * @since 12.24.0\n   */\n  'aria-labelledby'?: string\n}\n\nexport interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Controls visibility and behavior for the \"chevron-left\" icon on the left\n   * side of the title.\n   * @since 10.19.0\n   */\n  onClickBack?: () => void\n  /**\n   * @since 10.19.0\n   */\n  onClose?: () => void\n}\n\nexport interface PanelHeaderActionProps extends ButtonProps {\n  /**\n   * Tooltip/Overflow menu label text.\n   * @since 10.19.0\n   * */\n  title: string\n}\n\nexport interface PanelBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Applies the gray secondary background color.\n   * @since 10.19.0\n   */\n  secondaryBgColor?: boolean\n}\n\nexport interface PanelContextShape {\n  /**\n   * @since 12.24.0\n   */\n  ariaLabelledBy?: string\n  /**\n   * @since 12.11.2\n   */\n  isScrolling: boolean\n  /**\n   * @since 12.11.2\n   * */\n  setIsScrolling: (value: boolean) => void\n}\n\nexport interface PanelSectionProps extends SectionProps {}\n"],"mappings":"","ignoreList":[]}

package/dist/Panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Panel"],"sources":["../../src/Panel/index.ts"],"sourcesContent":["export { Panel } from './Panel'\nexport type {\n  PanelBodyProps,\n  PanelHeaderActionProps,\n  PanelHeaderProps,\n  PanelProps,\n  PanelSectionProps,\n} from './Panel.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS"}
+{"version":3,"file":"index.js","names":["Panel"],"sources":["../../src/Panel/index.ts"],"sourcesContent":["export { Panel } from './Panel'\nexport type {\n  PanelBodyProps,\n  PanelHeaderActionProps,\n  PanelHeaderProps,\n  PanelProps,\n  PanelSectionProps,\n} from './Panel.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS","ignoreList":[]}

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

@@ -1 +1 @@
-{"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 type { 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"}
+{"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 type { 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","ignoreList":[]}

package/dist/Pill/Pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","names":["React","useId","useI18nContext","StyledPill","StyledRemove","StyledRemoveButton","Remove","forwardRef","TokenRemove","_ref","ref","_ref$color","color","props","_objectWithoutProperties","_excluded","i18n","createElement","_extends","role","size","$color","Pill","_ref2","_ref2$color","onClear","_excluded2","contentId","children","id","type","t","onClick"],"sources":["../../src/Pill/Pill.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useId } from '@react-aria/utils'\nimport { useI18nContext } from '../_hooks/I18n'\nimport type { Props } from '../_utils/types'\nimport { StyledPill, StyledRemove, StyledRemoveButton } from './Pill.styles'\nimport type { PillColor, PillProps } from './Pill.types'\n\ntype SVGAttributesWithPillColor = Omit<\n  React.SVGAttributes<SVGElement>,\n  'color'\n> & {\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 ref={ref} role=\"img\" size=\"sm\" $color={color} {...props} />\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://stories.core.procore.com/?path=/story/core-react_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  const i18n = useI18nContext()\n  const contentId = useId()\n  return (\n    <StyledPill $color={color} {...props} ref={ref}>\n      {props.children && <span id={contentId}>{props.children}</span>}\n      {onClear && (\n        <StyledRemoveButton\n          type=\"button\"\n          aria-describedby={contentId}\n          aria-label={i18n.t('core.token.remove')}\n          onClick={onClear}\n          $color={color}\n        >\n          <Remove color={color} />\n        </StyledRemoveButton>\n      )}\n    </StyledPill>\n  )\n})\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,KAAK,QAAQ,mBAAmB;AACzC,SAASC,cAAc,QAAQ,gBAAgB;AAE/C,SAASC,UAAU,EAAEC,YAAY,EAAEC,kBAAkB,QAAQ,eAAe;AAU5E,IAAMC,MAAM,gBAAGN,KAAK,CAACO,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,GAAGd,cAAc,CAAC,CAAC;EAC7B,oBACEF,KAAA,CAAAiB,aAAA,CAACb,YAAY,EAAAc,QAAA;IAACR,GAAG,EAAEA,GAAI;IAACS,IAAI,EAAC,KAAK;IAACC,IAAI,EAAC,IAAI;IAACC,MAAM,EAAET;EAAM,GAAKC,KAAK,CAAG,CAAC;AAE7E,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMS,IAAI,gBAAGtB,KAAK,CAACO,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,IAAMV,IAAI,GAAGd,cAAc,CAAC,CAAC;EAC7B,IAAMyB,SAAS,GAAG1B,KAAK,CAAC,CAAC;EACzB,oBACED,KAAA,CAAAiB,aAAA,CAACd,UAAU,EAAAe,QAAA;IAACG,MAAM,EAAET;EAAM,GAAKC,KAAK;IAAEH,GAAG,EAAEA;EAAI,IAC5CG,KAAK,CAACe,QAAQ,iBAAI5B,KAAA,CAAAiB,aAAA;IAAMY,EAAE,EAAEF;EAAU,GAAEd,KAAK,CAACe,QAAe,CAAC,EAC9DH,OAAO,iBACNzB,KAAA,CAAAiB,aAAA,CAACZ,kBAAkB;IACjByB,IAAI,EAAC,QAAQ;IACb,oBAAkBH,SAAU;IAC5B,cAAYX,IAAI,CAACe,CAAC,CAAC,mBAAmB,CAAE;IACxCC,OAAO,EAAEP,OAAQ;IACjBJ,MAAM,EAAET;EAAM,gBAEdZ,KAAA,CAAAiB,aAAA,CAACX,MAAM;IAACM,KAAK,EAAEA;EAAM,CAAE,CACL,CAEZ,CAAC;AAEjB,CAAC,CAAC"}
+{"version":3,"file":"Pill.js","names":["React","useId","useI18nContext","StyledPill","StyledRemove","StyledRemoveButton","Remove","forwardRef","TokenRemove","_ref","ref","_ref$color","color","props","_objectWithoutProperties","_excluded","i18n","createElement","_extends","role","size","$color","Pill","_ref2","_ref2$color","onClear","_excluded2","contentId","children","id","type","t","onClick"],"sources":["../../src/Pill/Pill.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useId } from '@react-aria/utils'\nimport { useI18nContext } from '../_hooks/I18n'\nimport type { Props } from '../_utils/types'\nimport { StyledPill, StyledRemove, StyledRemoveButton } from './Pill.styles'\nimport type { PillColor, PillProps } from './Pill.types'\n\ntype SVGAttributesWithPillColor = Omit<\n  React.SVGAttributes<SVGElement>,\n  'color'\n> & {\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 ref={ref} role=\"img\" size=\"sm\" $color={color} {...props} />\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://stories.core.procore.com/?path=/story/core-react_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  const i18n = useI18nContext()\n  const contentId = useId()\n  return (\n    <StyledPill $color={color} {...props} ref={ref}>\n      {props.children && <span id={contentId}>{props.children}</span>}\n      {onClear && (\n        <StyledRemoveButton\n          type=\"button\"\n          aria-describedby={contentId}\n          aria-label={i18n.t('core.token.remove')}\n          onClick={onClear}\n          $color={color}\n        >\n          <Remove color={color} />\n        </StyledRemoveButton>\n      )}\n    </StyledPill>\n  )\n})\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,KAAK,QAAQ,mBAAmB;AACzC,SAASC,cAAc,QAAQ,gBAAgB;AAE/C,SAASC,UAAU,EAAEC,YAAY,EAAEC,kBAAkB,QAAQ,eAAe;AAU5E,IAAMC,MAAM,gBAAGN,KAAK,CAACO,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,GAAGd,cAAc,CAAC,CAAC;EAC7B,oBACEF,KAAA,CAAAiB,aAAA,CAACb,YAAY,EAAAc,QAAA;IAACR,GAAG,EAAEA,GAAI;IAACS,IAAI,EAAC,KAAK;IAACC,IAAI,EAAC,IAAI;IAACC,MAAM,EAAET;EAAM,GAAKC,KAAK,CAAG,CAAC;AAE7E,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMS,IAAI,gBAAGtB,KAAK,CAACO,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,IAAMV,IAAI,GAAGd,cAAc,CAAC,CAAC;EAC7B,IAAMyB,SAAS,GAAG1B,KAAK,CAAC,CAAC;EACzB,oBACED,KAAA,CAAAiB,aAAA,CAACd,UAAU,EAAAe,QAAA;IAACG,MAAM,EAAET;EAAM,GAAKC,KAAK;IAAEH,GAAG,EAAEA;EAAI,IAC5CG,KAAK,CAACe,QAAQ,iBAAI5B,KAAA,CAAAiB,aAAA;IAAMY,EAAE,EAAEF;EAAU,GAAEd,KAAK,CAACe,QAAe,CAAC,EAC9DH,OAAO,iBACNzB,KAAA,CAAAiB,aAAA,CAACZ,kBAAkB;IACjByB,IAAI,EAAC,QAAQ;IACb,oBAAkBH,SAAU;IAC5B,cAAYX,IAAI,CAACe,CAAC,CAAC,mBAAmB,CAAE;IACxCC,OAAO,EAAEP,OAAQ;IACjBJ,MAAM,EAAET;EAAM,gBAEdZ,KAAA,CAAAiB,aAAA,CAACX,MAAM;IAACM,KAAK,EAAEA;EAAM,CAAE,CACL,CAEZ,CAAC;AAEjB,CAAC,CAAC","ignoreList":[]}

package/dist/Pill/Pill.styles.d.ts

@@ -1,17 +1,22 @@
-/// <reference types="react" />
 import type { PillColor } from './Pill.types';
-export declare const StyledPill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const StyledPill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $color: PillColor;
 }>> & string;
-export declare const StyledRemove: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
-    size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
+export declare const StyledRemove: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<Omit<{
+    size?: import("@procore/core-icons/dist/Icon").IconSize;
 } & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }, {
     $color: PillColor;
 }>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
+    size?: import("@procore/core-icons/dist/Icon").IconSize;
 } & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledRemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const StyledRemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $color: PillColor;
 }>> & string;

package/dist/Pill/Pill.styles.js

@@ -6,18 +6,18 @@ import { PillColorPalets } from './Pill.colorPalette';
 var pillButtonSize = 16;
 export var StyledPill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledPill",
-  componentId: "core-12_53_0__sc-99e1t5-0"
+  componentId: "core-12_53_2__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 = /*#__PURE__*/styled(Clear).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_53_0__sc-99e1t5-1"
+  componentId: "core-12_53_2__sc-99e1t5-1"
 })(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:", "px;width:", "px;vertical-align:top;"], pillButtonSize, pillButtonSize);
 export var StyledRemoveButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledRemoveButton",
-  componentId: "core-12_53_0__sc-99e1t5-2"
+  componentId: "core-12_53_2__sc-99e1t5-2"
 })(["border:0;padding:0;border-radius:100%;margin:0 -", "px 0 ", "px;color:inherit;", ""], pillButtonSize / 2 - spacing.xxs, spacing.xxs, function (_ref2) {
   var $color = _ref2.$color;
   return css(["&:hover{background:", ";color:", ";}"], PillColorPalets[$color].color, PillColorPalets[$color].backgroundColor);

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

@@ -1 +1 @@
-{"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","StyledRemoveButton","button","xxs","_ref2"],"sources":["../../src/Pill/Pill.styles.ts"],"sourcesContent":["import { Clear } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { spacing } from '../_styles/spacing'\nimport { PillColorPalets } from './Pill.colorPalette'\nimport type { 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  width: ${pillButtonSize}px;\n  vertical-align: top;\n`\n\nexport const StyledRemoveButton = styled.button<{ $color: PillColor }>`\n  border: 0;\n  padding: 0;\n  border-radius: 100%;\n\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\n  color: inherit;\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,qBAAqB;AAC3C,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,uGAM7BL,cAAc,EACfA,cAAc,CAExB;AAED,OAAO,IAAMc,kBAAkB,gBAAGnB,MAAM,CAACoB,MAAM,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2FAMhCL,cAAc,GAAG,CAAC,GAAGF,OAAO,CAACkB,GAAG,EAAQlB,OAAO,CAACkB,GAAG,EAI9D,UAAAC,KAAA,EAAgB;EAAA,IAAbR,MAAM,GAAAQ,KAAA,CAANR,MAAM;EACT,OAAOb,GAAG,2CAEQG,eAAe,CAACU,MAAM,CAAC,CAACG,KAAK,EAClCb,eAAe,CAACU,MAAM,CAAC,CAACC,eAAe;AAGtD,CAAC,CACF"}
+{"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","StyledRemoveButton","button","xxs","_ref2"],"sources":["../../src/Pill/Pill.styles.ts"],"sourcesContent":["import { Clear } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { spacing } from '../_styles/spacing'\nimport { PillColorPalets } from './Pill.colorPalette'\nimport type { 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  width: ${pillButtonSize}px;\n  vertical-align: top;\n`\n\nexport const StyledRemoveButton = styled.button<{ $color: PillColor }>`\n  border: 0;\n  padding: 0;\n  border-radius: 100%;\n\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\n  color: inherit;\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,qBAAqB;AAC3C,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,uGAM7BL,cAAc,EACfA,cAAc,CAExB;AAED,OAAO,IAAMc,kBAAkB,gBAAGnB,MAAM,CAACoB,MAAM,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2FAMhCL,cAAc,GAAG,CAAC,GAAGF,OAAO,CAACkB,GAAG,EAAQlB,OAAO,CAACkB,GAAG,EAI9D,UAAAC,KAAA,EAAgB;EAAA,IAAbR,MAAM,GAAAQ,KAAA,CAANR,MAAM;EACT,OAAOb,GAAG,2CAEQG,eAAe,CAACU,MAAM,CAAC,CAACG,KAAK,EAClCb,eAAe,CAACU,MAAM,CAAC,CAACC,eAAe;AAGtD,CAAC,CACF","ignoreList":[]}

package/dist/Pill/Pill.types.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare type PillColor = 'blue' | 'cyan' | 'gray' | 'green' | 'magenta' | 'red' | 'UNSAFE_orange' | 'yellow';
+export type PillColor = 'blue' | 'cyan' | 'gray' | 'green' | 'magenta' | 'red' | 'UNSAFE_orange' | 'yellow';
 export interface PillProps extends React.ComponentPropsWithoutRef<'span'> {
     /**
      * Controls the border, background and color of the Pill

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

@@ -1 +1 @@
-{"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   * ```\n   * (event) => {}\n   * ```\n   * @since 11.13.1\n   */\n  onClear?: React.MouseEventHandler<HTMLButtonElement>\n}\n"],"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   * ```\n   * (event) => {}\n   * ```\n   * @since 11.13.1\n   */\n  onClear?: React.MouseEventHandler<HTMLButtonElement>\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Pill/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Pill"],"sources":["../../src/Pill/index.ts"],"sourcesContent":["export { Pill } from './Pill'\nexport type { PillColor, PillProps } from './Pill.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ"}
+{"version":3,"file":"index.js","names":["Pill"],"sources":["../../src/Pill/index.ts"],"sourcesContent":["export { Pill } from './Pill'\nexport type { PillColor, PillProps } from './Pill.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ","ignoreList":[]}

package/dist/PillSelect/PillSelect.js

@@ -140,11 +140,11 @@ export var PillSelect = /*#__PURE__*/React.forwardRef(function PillSelect(_ref3,
     setIsOpened = _React$useState2[1];
   var afterShow = React.useCallback(function () {
     setIsOpened(true);
-    afterShow_ === null || afterShow_ === void 0 ? void 0 : afterShow_();
+    afterShow_ === null || afterShow_ === void 0 || afterShow_();
   }, [afterShow_]);
   var afterHide = React.useCallback(function () {
     setIsOpened(false);
-    afterHide_ === null || afterHide_ === void 0 ? void 0 : afterHide_();
+    afterHide_ === null || afterHide_ === void 0 || afterHide_();
   }, [afterHide_]);
   return /*#__PURE__*/React.createElement(Select, _extends({
     afterHide: afterHide,

package/dist/PillSelect/PillSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PillSelect.js","names":["Check","React","Pill","Select","useSelectButtonFocused","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","PillSelectOverflowContent","_ref2","isOverflowing","overflowRef","disabled","isOpened","isFocused","pill","showTooltip","trigger","overlay","PillSelect","_ref3","afterHide_","afterHide","afterShow_","afterShow","_ref3$getColor","getColor","_ref3$getGroup","getGroup","_ref3$getId","getId","_ref3$getLabel","getLabel","_ref3$getSuggested","getSuggested","_ref3$groupGetId","groupGetId","_ref3$groupGetLabel","groupGetLabel","optgroups","_ref3$options","options","value","_excluded2","_React$useMemo","useMemo","optionsByGroup","map","optgroup","filter","_ref4","length","_React$useState","useState","_React$useState2","_slicedToArray","setIsOpened","useCallback","_ref5","_ref6","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 type { PillColor } from '../Pill/Pill.types'\nimport { Select, useSelectButtonFocused } from '../Select/Select'\nimport type { SelectOptGroupProps } from '../Select/Select.types'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport {\n  PillSelectCheckedContainer,\n  PillSelectLabel,\n  PillSelectLabelWrapper,\n  PillSelectOptionWrapper,\n} from './PillSelect.styles'\nimport type {\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<\n  HTMLDivElement,\n  SelectOptGroupProps\n>(function PillSelectOptGroup(props, ref) {\n  return <Select.OptGroup {...props} ref={ref} />\n})\n\nfunction PillSelectOverflowContent({\n  isOverflowing,\n  overflowRef,\n  color,\n  label,\n  disabled,\n  isOpened,\n}: {\n  isOverflowing: boolean\n  overflowRef: (node: HTMLElement | null) => void\n  color: PillColor | undefined\n  label: React.ReactNode\n  disabled: boolean | undefined\n  isOpened: boolean\n}) {\n  const isFocused = useSelectButtonFocused()\n\n  const pill = (\n    <PillSelectLabel color={color} ref={overflowRef}>\n      {label}\n    </PillSelectLabel>\n  )\n\n  const showTooltip = isOverflowing && !isOpened\n\n  return (\n    <PillSelectLabelWrapper disabled={disabled}>\n      {showTooltip ? (\n        <Tooltip trigger={isFocused ? 'always' : 'hover'} overlay={label}>\n          {pill}\n        </Tooltip>\n      ) : (\n        pill\n      )}\n    </PillSelectLabelWrapper>\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://stories.core.procore.com/?path=/story/core-react_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              <PillSelectOverflowContent\n                isOverflowing={isOverflowing}\n                overflowRef={ref}\n                color={color}\n                label={label}\n                disabled={props.disabled}\n                isOpened={isOpened}\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\n              key={groupGetId(optgroup)}\n              label={groupGetLabel(optgroup)}\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            </PillSelectOptGroup>\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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"}
+{"version":3,"file":"PillSelect.js","names":["Check","React","Pill","Select","useSelectButtonFocused","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","PillSelectOverflowContent","_ref2","isOverflowing","overflowRef","disabled","isOpened","isFocused","pill","showTooltip","trigger","overlay","PillSelect","_ref3","afterHide_","afterHide","afterShow_","afterShow","_ref3$getColor","getColor","_ref3$getGroup","getGroup","_ref3$getId","getId","_ref3$getLabel","getLabel","_ref3$getSuggested","getSuggested","_ref3$groupGetId","groupGetId","_ref3$groupGetLabel","groupGetLabel","optgroups","_ref3$options","options","value","_excluded2","_React$useMemo","useMemo","optionsByGroup","map","optgroup","filter","_ref4","length","_React$useState","useState","_React$useState2","_slicedToArray","setIsOpened","useCallback","_ref5","_ref6","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 type { PillColor } from '../Pill/Pill.types'\nimport { Select, useSelectButtonFocused } from '../Select/Select'\nimport type { SelectOptGroupProps } from '../Select/Select.types'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport {\n  PillSelectCheckedContainer,\n  PillSelectLabel,\n  PillSelectLabelWrapper,\n  PillSelectOptionWrapper,\n} from './PillSelect.styles'\nimport type {\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<\n  HTMLDivElement,\n  SelectOptGroupProps\n>(function PillSelectOptGroup(props, ref) {\n  return <Select.OptGroup {...props} ref={ref} />\n})\n\nfunction PillSelectOverflowContent({\n  isOverflowing,\n  overflowRef,\n  color,\n  label,\n  disabled,\n  isOpened,\n}: {\n  isOverflowing: boolean\n  overflowRef: (node: HTMLElement | null) => void\n  color: PillColor | undefined\n  label: React.ReactNode\n  disabled: boolean | undefined\n  isOpened: boolean\n}) {\n  const isFocused = useSelectButtonFocused()\n\n  const pill = (\n    <PillSelectLabel color={color} ref={overflowRef}>\n      {label}\n    </PillSelectLabel>\n  )\n\n  const showTooltip = isOverflowing && !isOpened\n\n  return (\n    <PillSelectLabelWrapper disabled={disabled}>\n      {showTooltip ? (\n        <Tooltip trigger={isFocused ? 'always' : 'hover'} overlay={label}>\n          {pill}\n        </Tooltip>\n      ) : (\n        pill\n      )}\n    </PillSelectLabelWrapper>\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://stories.core.procore.com/?path=/story/core-react_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              <PillSelectOverflowContent\n                isOverflowing={isOverflowing}\n                overflowRef={ref}\n                color={color}\n                label={label}\n                disabled={props.disabled}\n                isOpened={isOpened}\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\n              key={groupGetId(optgroup)}\n              label={groupGetLabel(optgroup)}\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            </PillSelectOptGroup>\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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","ignoreList":[]}

package/dist/PillSelect/PillSelect.styles.d.ts

@@ -1,9 +1,16 @@
-/// <reference types="react" />
-export declare const PillSelectOptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PillSelectCheckedContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PillSelectLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").PillProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").PillProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const PillSelectLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    disabled?: boolean | undefined;
+export declare const PillSelectOptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const PillSelectCheckedContainer: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const PillSelectLabel: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("..").PillProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<import("react").ForwardRefExoticComponent<import("..").PillProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const PillSelectLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    disabled?: boolean;
 }>> & string;

package/dist/PillSelect/PillSelect.styles.js

@@ -6,19 +6,19 @@ import { spacing } from '../_styles/spacing';
 var checkedIconPlaceholderWidth = 32;
 export var PillSelectOptionWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectOptionWrapper",
-  componentId: "core-12_53_0__sc-1ai2ze0-0"
+  componentId: "core-12_53_2__sc-1ai2ze0-0"
 })(["display:flex;align-items:center;justify-content:space-between;"]);
 export var PillSelectCheckedContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectCheckedContainer",
-  componentId: "core-12_53_0__sc-1ai2ze0-1"
+  componentId: "core-12_53_2__sc-1ai2ze0-1"
 })(["align-items:center;color:", ";display:inline-flex;padding-left:", "px;width:", "px;"], colors.blue50, spacing.sm, checkedIconPlaceholderWidth);
 export var PillSelectLabel = /*#__PURE__*/styled(Pill).withConfig({
   displayName: "PillSelectLabel",
-  componentId: "core-12_53_0__sc-1ai2ze0-2"
+  componentId: "core-12_53_2__sc-1ai2ze0-2"
 })(["", ""], getEllipsis);
 export var PillSelectLabelWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectLabelWrapper",
-  componentId: "core-12_53_0__sc-1ai2ze0-3"
+  componentId: "core-12_53_2__sc-1ai2ze0-3"
 })(["display:flex;max-width:100%;pointer-events:auto;", ""], function (_ref) {
   var disabled = _ref.disabled;
   return disabled && css(["pointer-events:none;"]);

package/dist/PillSelect/PillSelect.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PillSelect.styles.js","names":["styled","css","Pill","colors","getEllipsis","spacing","checkedIconPlaceholderWidth","PillSelectOptionWrapper","div","withConfig","displayName","componentId","PillSelectCheckedContainer","blue50","sm","PillSelectLabel","PillSelectLabelWrapper","_ref","disabled"],"sources":["../../src/PillSelect/PillSelect.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Pill } from '../Pill/Pill'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nconst checkedIconPlaceholderWidth = 32\n\nexport const PillSelectOptionWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`\n\nexport const PillSelectCheckedContainer = styled.div`\n  align-items: center;\n  color: ${colors.blue50};\n  display: inline-flex;\n  padding-left: ${spacing.sm}px;\n  width: ${checkedIconPlaceholderWidth}px;\n`\n\nexport const PillSelectLabel = styled(Pill)`\n  ${getEllipsis}\n`\n\nexport const PillSelectLabelWrapper = styled.div<{ disabled?: boolean }>`\n  display: flex;\n  max-width: 100%;\n  pointer-events: auto;\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      pointer-events: none;\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,2BAA2B,GAAG,EAAE;AAEtC,OAAO,IAAMC,uBAAuB,gBAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sEAIhD;AAED,OAAO,IAAMC,0BAA0B,gBAAGZ,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FAEzCR,MAAM,CAACU,MAAM,EAENR,OAAO,CAACS,EAAE,EACjBR,2BAA2B,CACrC;AAED,OAAO,IAAMS,eAAe,gBAAGf,MAAM,CAACE,IAAI,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACvCP,WAAW,CACd;AAED,OAAO,IAAMY,sBAAsB,gBAAGhB,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAK5C,UAAAM,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,IACRjB,GAAG,0BAEF;AAAA,EACJ"}
+{"version":3,"file":"PillSelect.styles.js","names":["styled","css","Pill","colors","getEllipsis","spacing","checkedIconPlaceholderWidth","PillSelectOptionWrapper","div","withConfig","displayName","componentId","PillSelectCheckedContainer","blue50","sm","PillSelectLabel","PillSelectLabelWrapper","_ref","disabled"],"sources":["../../src/PillSelect/PillSelect.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Pill } from '../Pill/Pill'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nconst checkedIconPlaceholderWidth = 32\n\nexport const PillSelectOptionWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`\n\nexport const PillSelectCheckedContainer = styled.div`\n  align-items: center;\n  color: ${colors.blue50};\n  display: inline-flex;\n  padding-left: ${spacing.sm}px;\n  width: ${checkedIconPlaceholderWidth}px;\n`\n\nexport const PillSelectLabel = styled(Pill)`\n  ${getEllipsis}\n`\n\nexport const PillSelectLabelWrapper = styled.div<{ disabled?: boolean }>`\n  display: flex;\n  max-width: 100%;\n  pointer-events: auto;\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      pointer-events: none;\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,2BAA2B,GAAG,EAAE;AAEtC,OAAO,IAAMC,uBAAuB,gBAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sEAIhD;AAED,OAAO,IAAMC,0BAA0B,gBAAGZ,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FAEzCR,MAAM,CAACU,MAAM,EAENR,OAAO,CAACS,EAAE,EACjBR,2BAA2B,CACrC;AAED,OAAO,IAAMS,eAAe,gBAAGf,MAAM,CAACE,IAAI,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACvCP,WAAW,CACd;AAED,OAAO,IAAMY,sBAAsB,gBAAGhB,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAK5C,UAAAM,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,IACRjB,GAAG,0BAEF;AAAA,EACJ","ignoreList":[]}

package/dist/PillSelect/PillSelect.types.d.ts

@@ -1,6 +1,6 @@
 import type { PillColor } from '../Pill/Pill.types';
 import type { SelectOptionProps, SelectProps } from '../Select/Select.types';
-declare type Id = string | number;
+type Id = string | number;
 export interface PillOption {
     /**
      * @since 10.19.0

package/dist/PillSelect/PillSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"PillSelect.types.js","names":[],"sources":["../../src/PillSelect/PillSelect.types.ts"],"sourcesContent":["import type { PillColor } from '../Pill/Pill.types'\nimport type { SelectOptionProps, SelectProps } from '../Select/Select.types'\n\ntype Id = string | number\n\nexport interface PillOption {\n  /**\n   * @since 10.19.0\n   */\n  color: PillColor\n  /**\n   * @since 10.19.0\n   */\n  groupId?: Id\n  /**\n   * @since 10.19.0\n   */\n  id: Id\n  /**\n   * @since 10.19.0\n   */\n  label: string\n  /**\n   * @since 10.19.0\n   */\n  suggested?: SelectOptionProps['suggested']\n}\n\nexport interface PillOptionProps extends SelectOptionProps {\n  /**\n   * @since 10.19.0\n   */\n  color: PillOption['color']\n  /**\n   * @since 10.19.0\n   */\n  label: PillOption['label']\n}\n\nexport interface PillOptGroup {\n  /**\n   * @since 10.19.0\n   */\n  id: Id\n  /**\n   * @since 10.19.0\n   */\n  label: string\n}\n\nexport interface PillSelectProps<\n  Option = PillOption,\n  OptionGroup = PillOptGroup\n> extends Omit<SelectProps, 'label'> {\n  /**\n   * A function returning the display color of an option's `Pill`\n   * `(option: unknown) => PillColor`\n   * @defaultValue `(option) => (option as PillOption).color`\n   * @since 10.19.0\n   */\n  getColor?: (option: Option) => PillOption['color']\n  /**\n   * A function returning group ID for a given option to define a relation to `optgroups`\n   * `(option: unknown) => string | number`\n   * @defaultValue `(option) => (option as PillOption).groupId`\n   * @since 10.19.0\n   */\n  getGroup?: (option: Option) => PillOption['groupId']\n  /**\n   * A function returning ID of a given option\n   * `(option: unknown) => string | number`\n   * @defaultValue `(option) => (option as PillOption).id`\n   * @since 10.19.0\n   */\n  getId?: (option: Option) => PillOption['id']\n  /**\n   * A function returning label of an option\n   * `(option: unknown) => string`\n   * @defaultValue `(option) => (option as PillOption).label`\n   * @since 10.19.0\n   */\n  getLabel?: (option: Option) => PillOption['label']\n  /**\n   * A function returning `boolean` value to suggest this option if nothing is selected.\n   * `(option: unknown) => boolean`\n   * @defaultValue `(option) => (option as PillOption).suggested`\n   * @since 10.19.0\n   */\n  getSuggested?: (option: Option) => PillOption['suggested']\n  /**\n   * A function returning the ID of a group\n   * `(group: unknown) => string | number`\n   * @defaultValue `(group) => (group as PillOptgroup).id`\n   * @since 10.19.0\n   */\n  groupGetId?: (group: OptionGroup) => PillOptGroup['id']\n  /**\n   * A function returning label of a group\n   * `(group: unknown) => string`\n   * @defaultValue `(group) => (group as PillOptgroup).label`\n   * @since 10.19.0\n   */\n  groupGetLabel?: (group: OptionGroup) => PillOptGroup['label']\n  /**\n   * Array of available options\n   * @since 10.19.0\n   */\n  options?: Option[]\n  /**\n   * Array of available option groups\n   * @since 10.19.0\n   */\n  optgroups?: OptionGroup[]\n  /**\n   * Currently selected value\n   * @since 10.19.0\n   */\n  value: Option\n}\n"],"mappings":""}
+{"version":3,"file":"PillSelect.types.js","names":[],"sources":["../../src/PillSelect/PillSelect.types.ts"],"sourcesContent":["import type { PillColor } from '../Pill/Pill.types'\nimport type { SelectOptionProps, SelectProps } from '../Select/Select.types'\n\ntype Id = string | number\n\nexport interface PillOption {\n  /**\n   * @since 10.19.0\n   */\n  color: PillColor\n  /**\n   * @since 10.19.0\n   */\n  groupId?: Id\n  /**\n   * @since 10.19.0\n   */\n  id: Id\n  /**\n   * @since 10.19.0\n   */\n  label: string\n  /**\n   * @since 10.19.0\n   */\n  suggested?: SelectOptionProps['suggested']\n}\n\nexport interface PillOptionProps extends SelectOptionProps {\n  /**\n   * @since 10.19.0\n   */\n  color: PillOption['color']\n  /**\n   * @since 10.19.0\n   */\n  label: PillOption['label']\n}\n\nexport interface PillOptGroup {\n  /**\n   * @since 10.19.0\n   */\n  id: Id\n  /**\n   * @since 10.19.0\n   */\n  label: string\n}\n\nexport interface PillSelectProps<\n  Option = PillOption,\n  OptionGroup = PillOptGroup\n> extends Omit<SelectProps, 'label'> {\n  /**\n   * A function returning the display color of an option's `Pill`\n   * `(option: unknown) => PillColor`\n   * @defaultValue `(option) => (option as PillOption).color`\n   * @since 10.19.0\n   */\n  getColor?: (option: Option) => PillOption['color']\n  /**\n   * A function returning group ID for a given option to define a relation to `optgroups`\n   * `(option: unknown) => string | number`\n   * @defaultValue `(option) => (option as PillOption).groupId`\n   * @since 10.19.0\n   */\n  getGroup?: (option: Option) => PillOption['groupId']\n  /**\n   * A function returning ID of a given option\n   * `(option: unknown) => string | number`\n   * @defaultValue `(option) => (option as PillOption).id`\n   * @since 10.19.0\n   */\n  getId?: (option: Option) => PillOption['id']\n  /**\n   * A function returning label of an option\n   * `(option: unknown) => string`\n   * @defaultValue `(option) => (option as PillOption).label`\n   * @since 10.19.0\n   */\n  getLabel?: (option: Option) => PillOption['label']\n  /**\n   * A function returning `boolean` value to suggest this option if nothing is selected.\n   * `(option: unknown) => boolean`\n   * @defaultValue `(option) => (option as PillOption).suggested`\n   * @since 10.19.0\n   */\n  getSuggested?: (option: Option) => PillOption['suggested']\n  /**\n   * A function returning the ID of a group\n   * `(group: unknown) => string | number`\n   * @defaultValue `(group) => (group as PillOptgroup).id`\n   * @since 10.19.0\n   */\n  groupGetId?: (group: OptionGroup) => PillOptGroup['id']\n  /**\n   * A function returning label of a group\n   * `(group: unknown) => string`\n   * @defaultValue `(group) => (group as PillOptgroup).label`\n   * @since 10.19.0\n   */\n  groupGetLabel?: (group: OptionGroup) => PillOptGroup['label']\n  /**\n   * Array of available options\n   * @since 10.19.0\n   */\n  options?: Option[]\n  /**\n   * Array of available option groups\n   * @since 10.19.0\n   */\n  optgroups?: OptionGroup[]\n  /**\n   * Currently selected value\n   * @since 10.19.0\n   */\n  value: Option\n}\n"],"mappings":"","ignoreList":[]}

package/dist/PillSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PillSelect"],"sources":["../../src/PillSelect/index.ts"],"sourcesContent":["export { PillSelect } from './PillSelect'\nexport type {\n  PillOption,\n  PillOptionProps,\n  PillSelectProps,\n} from './PillSelect.types'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc"}
+{"version":3,"file":"index.js","names":["PillSelect"],"sources":["../../src/PillSelect/index.ts"],"sourcesContent":["export { PillSelect } from './PillSelect'\nexport type {\n  PillOption,\n  PillOptionProps,\n  PillSelectProps,\n} from './PillSelect.types'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc","ignoreList":[]}

package/dist/Popover/Popover.js

@@ -42,9 +42,9 @@ function PopoverInner(_ref2, ref) {
     overlayRef = _ref2.overlayRef,
     role = _ref2.role,
     props = _objectWithoutProperties(_ref2, _excluded2);
-  var overlayNode = isReactElement(overlay) ? /*#__PURE__*/React.cloneElement(overlay, {
+  var overlayNode = isReactElement(overlay) ? (/*#__PURE__*/React.cloneElement(overlay, {
     placement: placement
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null);
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null);
   return /*#__PURE__*/React.createElement(OverlayTrigger, _objectSpread(_objectSpread({}, props), {}, {
     initialIsVisible: initialIsVisible,
     overlay: overlayNode,

package/dist/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["React","OverlayTrigger","addSubcomponents","isReactElement","StyledPopover","StyledPopoverContent","Content","forwardRef","_ref","ref","children","_ref$block","block","_ref$fluid","fluid","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","_extends","$block","$fluid","$placement","PopoverInner","_ref2","_ref2$initialIsVisibl","initialIsVisible","restoreFocusOnHide","_ref2$placement","overlay","overlayRef","role","_excluded2","overlayNode","cloneElement","Fragment","_objectSpread","shrinkOverlay","arrow","trackAriaExpanded","Popover_","displayName","Popover"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import React from 'react'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport { StyledPopover, StyledPopoverContent } from './Popover.styles'\nimport type {\n  PopoverContentProps,\n  PopoverProps,\n  PopoverRole,\n} from './Popover.types'\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & PopoverContentProps\n>(function Content(\n  { children, block = false, fluid = false, placement = 'top', ...props },\n  ref\n) {\n  return (\n    <StyledPopover ref={ref}>\n      <StyledPopoverContent\n        {...props}\n        $block={block}\n        $fluid={fluid}\n        $placement={placement}\n      >\n        {children}\n      </StyledPopoverContent>\n    </StyledPopover>\n  )\n})\n\nfunction PopoverInner<Role extends PopoverRole>(\n  {\n    children,\n    initialIsVisible = false,\n    restoreFocusOnHide,\n    placement = 'top',\n    overlay,\n    overlayRef,\n    role,\n    ...props\n  }: PopoverProps<Role>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const overlayNode = isReactElement(overlay) ? (\n    React.cloneElement(overlay, { placement })\n  ) : (\n    <React.Fragment />\n  )\n\n  return (\n    <OverlayTrigger\n      {...{\n        ...props,\n        initialIsVisible,\n        overlay: overlayNode,\n        placement,\n        role,\n        ref,\n        restoreFocusOnHide: restoreFocusOnHide ?? role === 'dialog',\n        shrinkOverlay: true,\n        arrow: true,\n        overlayRef,\n        trackAriaExpanded: true,\n      }}\n    >\n      {children}\n    </OverlayTrigger>\n  )\n}\n\nconst Popover_ = React.forwardRef(PopoverInner) as <Role extends PopoverRole>(\n  props: PopoverProps<Role>\n) => ReturnType<typeof PopoverInner>\n\n// @ts-expect-error\nPopover_.displayName = 'Popover'\n\nContent.displayName = 'Popover.Content'\n\n/**\n\n We use popovers to display more of an item’s information or details on hover.\n This may be used to show additional fields in an item’s form that aren’t shown\n by default in the UI. Oftentimes, there will be a visual queue to indicate that\n more information is available.\n\n Do not use popovers to display large amounts of information, perform data\n entry, or use as a replacement for an overflow, menu, or modal.\n\n If you want to show descriptive / educational information about an item,\n use a tooltip.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-popover--demo)\n\n @see [Design Guidelines](https://design.procore.com/popover)\n\n*/\nexport const Popover = addSubcomponents({ Content }, Popover_)\n"],"mappings":"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"}
+{"version":3,"file":"Popover.js","names":["React","OverlayTrigger","addSubcomponents","isReactElement","StyledPopover","StyledPopoverContent","Content","forwardRef","_ref","ref","children","_ref$block","block","_ref$fluid","fluid","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","_extends","$block","$fluid","$placement","PopoverInner","_ref2","_ref2$initialIsVisibl","initialIsVisible","restoreFocusOnHide","_ref2$placement","overlay","overlayRef","role","_excluded2","overlayNode","cloneElement","Fragment","_objectSpread","shrinkOverlay","arrow","trackAriaExpanded","Popover_","displayName","Popover"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import React from 'react'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport { StyledPopover, StyledPopoverContent } from './Popover.styles'\nimport type {\n  PopoverContentProps,\n  PopoverProps,\n  PopoverRole,\n} from './Popover.types'\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & PopoverContentProps\n>(function Content(\n  { children, block = false, fluid = false, placement = 'top', ...props },\n  ref\n) {\n  return (\n    <StyledPopover ref={ref}>\n      <StyledPopoverContent\n        {...props}\n        $block={block}\n        $fluid={fluid}\n        $placement={placement}\n      >\n        {children}\n      </StyledPopoverContent>\n    </StyledPopover>\n  )\n})\n\nfunction PopoverInner<Role extends PopoverRole>(\n  {\n    children,\n    initialIsVisible = false,\n    restoreFocusOnHide,\n    placement = 'top',\n    overlay,\n    overlayRef,\n    role,\n    ...props\n  }: PopoverProps<Role>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const overlayNode = isReactElement(overlay) ? (\n    React.cloneElement(overlay, { placement })\n  ) : (\n    <React.Fragment />\n  )\n\n  return (\n    <OverlayTrigger\n      {...{\n        ...props,\n        initialIsVisible,\n        overlay: overlayNode,\n        placement,\n        role,\n        ref,\n        restoreFocusOnHide: restoreFocusOnHide ?? role === 'dialog',\n        shrinkOverlay: true,\n        arrow: true,\n        overlayRef,\n        trackAriaExpanded: true,\n      }}\n    >\n      {children}\n    </OverlayTrigger>\n  )\n}\n\nconst Popover_ = React.forwardRef(PopoverInner) as <Role extends PopoverRole>(\n  props: PopoverProps<Role>\n) => ReturnType<typeof PopoverInner>\n\n// @ts-expect-error\nPopover_.displayName = 'Popover'\n\nContent.displayName = 'Popover.Content'\n\n/**\n\n We use popovers to display more of an item’s information or details on hover.\n This may be used to show additional fields in an item’s form that aren’t shown\n by default in the UI. Oftentimes, there will be a visual queue to indicate that\n more information is available.\n\n Do not use popovers to display large amounts of information, perform data\n entry, or use as a replacement for an overflow, menu, or modal.\n\n If you want to show descriptive / educational information about an item,\n use a tooltip.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-popover--demo)\n\n @see [Design Guidelines](https://design.procore.com/popover)\n\n*/\nexport const Popover = addSubcomponents({ Content }, Popover_)\n"],"mappings":"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","ignoreList":[]}