@procore/core-react 12.52.0 → 12.53.1

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,8 @@
-/// <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;
+    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;
 }, 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;
+    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_52_0__sc-1ai2ze0-0"
+  componentId: "core-12_53_1__sc-1ai2ze0-0"
 })(["display:flex;align-items:center;justify-content:space-between;"]);
 export var PillSelectCheckedContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectCheckedContainer",
-  componentId: "core-12_52_0__sc-1ai2ze0-1"
+  componentId: "core-12_53_1__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_52_0__sc-1ai2ze0-2"
+  componentId: "core-12_53_1__sc-1ai2ze0-2"
 })(["", ""], getEllipsis);
 export var PillSelectLabelWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectLabelWrapper",
-  componentId: "core-12_52_0__sc-1ai2ze0-3"
+  componentId: "core-12_53_1__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":[]}

package/dist/Popover/Popover.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Placement } from '../_utils/placement';
 export declare const popoverArrowSize = 6;
 interface StyledPopoverProps {

package/dist/Popover/Popover.styles.js

@@ -5,7 +5,7 @@ import { getShadow } from '../_styles/shadows';
 export var popoverArrowSize = 6;
 export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledPopoverContent",
-  componentId: "core-12_52_0__sc-1cd0ihn-0"
+  componentId: "core-12_53_1__sc-1cd0ihn-0"
 })(["background-color:", ";border-radius:inherit;color:", ";display:inline-block;max-width:250px;position:relative;", ""], colors.white, colors.gray15, function (_ref) {
   var $block = _ref.$block,
     $fluid = _ref.$fluid;
@@ -15,6 +15,6 @@ export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPopover",
-  componentId: "core-12_52_0__sc-1cd0ihn-1"
+  componentId: "core-12_53_1__sc-1cd0ihn-1"
 })(["display:inline-block;border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}"], borderRadius.md, getShadow(3), colors.white);
 //# sourceMappingURL=Popover.styles.js.map

package/dist/Popover/Popover.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.styles.js","names":["styled","css","borderRadius","colors","getShadow","popoverArrowSize","StyledPopoverContent","span","withConfig","displayName","componentId","white","gray15","_ref","$block","$fluid","StyledPopover","div","md"],"sources":["../../src/Popover/Popover.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport type { Placement } from '../_utils/placement'\n\nexport const popoverArrowSize = 6\n\ninterface StyledPopoverProps {\n  $block: boolean\n  $fluid: boolean\n  $placement: Placement\n}\n\nexport const StyledPopoverContent = styled.span<StyledPopoverProps>`\n  background-color: ${colors.white};\n  border-radius: inherit;\n\n  color: ${colors.gray15};\n  display: inline-block;\n  max-width: 250px;\n  position: relative;\n\n  ${({ $block, $fluid }) => {\n    if ($block || $fluid) {\n      return css`\n        max-width: none;\n      `\n    }\n  }}\n`\n\nexport const StyledPopover = styled.div`\n  display: inline-block;\n  border-radius: ${borderRadius.md}px;\n  ${getShadow(3)}\n\n  & + [data-overlay-arrow] {\n    background: ${colors.white};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAG9C,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AAQjC,OAAO,IAAMC,oBAAoB,gBAAGN,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2HACzBP,MAAM,CAACQ,KAAK,EAGvBR,MAAM,CAACS,MAAM,EAKpB,UAAAC,IAAA,EAAwB;EAAA,IAArBC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;EACjB,IAAID,MAAM,IAAIC,MAAM,EAAE;IACpB,OAAOd,GAAG;EAGZ;AACF,CAAC,CACF;AAED,OAAO,IAAMe,aAAa,gBAAGhB,MAAM,CAACiB,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGAEpBR,YAAY,CAACgB,EAAE,EAC9Bd,SAAS,CAAC,CAAC,CAAC,EAGED,MAAM,CAACQ,KAAK,CAE7B"}
+{"version":3,"file":"Popover.styles.js","names":["styled","css","borderRadius","colors","getShadow","popoverArrowSize","StyledPopoverContent","span","withConfig","displayName","componentId","white","gray15","_ref","$block","$fluid","StyledPopover","div","md"],"sources":["../../src/Popover/Popover.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport type { Placement } from '../_utils/placement'\n\nexport const popoverArrowSize = 6\n\ninterface StyledPopoverProps {\n  $block: boolean\n  $fluid: boolean\n  $placement: Placement\n}\n\nexport const StyledPopoverContent = styled.span<StyledPopoverProps>`\n  background-color: ${colors.white};\n  border-radius: inherit;\n\n  color: ${colors.gray15};\n  display: inline-block;\n  max-width: 250px;\n  position: relative;\n\n  ${({ $block, $fluid }) => {\n    if ($block || $fluid) {\n      return css`\n        max-width: none;\n      `\n    }\n  }}\n`\n\nexport const StyledPopover = styled.div`\n  display: inline-block;\n  border-radius: ${borderRadius.md}px;\n  ${getShadow(3)}\n\n  & + [data-overlay-arrow] {\n    background: ${colors.white};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAG9C,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AAQjC,OAAO,IAAMC,oBAAoB,gBAAGN,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2HACzBP,MAAM,CAACQ,KAAK,EAGvBR,MAAM,CAACS,MAAM,EAKpB,UAAAC,IAAA,EAAwB;EAAA,IAArBC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;EACjB,IAAID,MAAM,IAAIC,MAAM,EAAE;IACpB,OAAOd,GAAG;EAGZ;AACF,CAAC,CACF;AAED,OAAO,IAAMe,aAAa,gBAAGhB,MAAM,CAACiB,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGAEpBR,YAAY,CAACgB,EAAE,EAC9Bd,SAAS,CAAC,CAAC,CAAC,EAGED,MAAM,CAACQ,KAAK,CAE7B","ignoreList":[]}

package/dist/Popover/Popover.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types';
 import type { BeforeCallback } from '../_hooks/DelayedCallback';
 import type { TriggerConfig } from '../_hooks/Trigger';
@@ -20,7 +19,7 @@ export interface PopoverContentProps {
      */
     placement?: Placement;
 }
-export declare type PopoverRole = 'dialog' | undefined;
+export type PopoverRole = 'dialog' | undefined;
 export interface PopoverBaseProps<Role extends PopoverRole = undefined> extends Props {
     /**
      * Whether to show the overlay on initial render
@@ -83,4 +82,4 @@ export interface PopoverBaseProps<Role extends PopoverRole = undefined> extends
      */
     beforeShow?: BeforeCallback;
 }
-export declare type PopoverProps<Role extends PopoverRole = undefined> = Role extends 'dialog' ? AriaLabelled<PopoverBaseProps<'dialog'>> : PopoverBaseProps<undefined>;
+export type PopoverProps<Role extends PopoverRole = undefined> = Role extends 'dialog' ? AriaLabelled<PopoverBaseProps<'dialog'>> : PopoverBaseProps<undefined>;

package/dist/Popover/Popover.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.js","names":[],"sources":["../../src/Popover/Popover.types.ts"],"sourcesContent":["import type { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerConfig } from '../_hooks/Trigger'\nimport type { Placement } from '../_utils/placement'\nimport type { AriaLabelled, Props } from '../_utils/types'\n\nexport interface PopoverContentProps {\n  /**\n   * @since 12.18.0\n   * */\n  block?: boolean\n  /**\n   * @since 10.19.0\n   * @deprecatedSince 12.18.0\n   * @deprecated Use `block` as a drop-in replacement\n   */\n  fluid?: boolean\n  /**\n   * @since 10.19.0\n   */\n  placement?: Placement\n}\n\nexport type PopoverRole = 'dialog' | undefined\n\nexport interface PopoverBaseProps<Role extends PopoverRole = undefined>\n  extends Props {\n  /**\n   * Whether to show the overlay on initial render\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  initialIsVisible?: boolean\n  /**\n   * The tip we want to display\n   * @since 10.19.0\n   */\n  overlay?: React.ReactElement<{ placement?: Placement }>\n  /**\n   * Determines the position of the arrow\n   * @defaultValue top\n   * @since 10.19.0\n   */\n  placement?: Placement\n  /**\n   * Return focus to the trigger after the Popover closes.\n   * @a11y Required for `role=\"dialog\"` (WCAG 2.4.3). Defaults to `true` when\n   *       `role=\"dialog\"`, `false` otherwise. Override only with intent.\n   * @defaultValue `true` when `role=\"dialog\"`, otherwise `false`\n   * @since 11.8.0\n   */\n  restoreFocusOnHide?: boolean\n  /**\n   * The event to trigger the overlay\n   * @defaultValue click\n   * @since 10.19.0\n   */\n  trigger?: TriggerConfig['trigger']\n\n  /**\n   * Toggles overlay visibility\n   * @since 11.2.0\n   */\n  overlayRef?: React.Ref<OverlayTriggerRef>\n  /**\n   * @since 11.11.0\n   */\n  role?: Role\n\n  /**\n   *  The callback to run before the overlay is hidden. Returning\n   *  `false` will prevent hiding.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeHide?: BeforeCallback\n\n  /**\n   *  The callback to run before the overlay is shown. Returning\n   *  `false` will prevent showing.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeShow?: BeforeCallback\n}\n\nexport type PopoverProps<Role extends PopoverRole = undefined> =\n  Role extends 'dialog'\n    ? AriaLabelled<PopoverBaseProps<'dialog'>>\n    : PopoverBaseProps<undefined>\n"],"mappings":""}
+{"version":3,"file":"Popover.types.js","names":[],"sources":["../../src/Popover/Popover.types.ts"],"sourcesContent":["import type { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerConfig } from '../_hooks/Trigger'\nimport type { Placement } from '../_utils/placement'\nimport type { AriaLabelled, Props } from '../_utils/types'\n\nexport interface PopoverContentProps {\n  /**\n   * @since 12.18.0\n   * */\n  block?: boolean\n  /**\n   * @since 10.19.0\n   * @deprecatedSince 12.18.0\n   * @deprecated Use `block` as a drop-in replacement\n   */\n  fluid?: boolean\n  /**\n   * @since 10.19.0\n   */\n  placement?: Placement\n}\n\nexport type PopoverRole = 'dialog' | undefined\n\nexport interface PopoverBaseProps<Role extends PopoverRole = undefined>\n  extends Props {\n  /**\n   * Whether to show the overlay on initial render\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  initialIsVisible?: boolean\n  /**\n   * The tip we want to display\n   * @since 10.19.0\n   */\n  overlay?: React.ReactElement<{ placement?: Placement }>\n  /**\n   * Determines the position of the arrow\n   * @defaultValue top\n   * @since 10.19.0\n   */\n  placement?: Placement\n  /**\n   * Return focus to the trigger after the Popover closes.\n   * @a11y Required for `role=\"dialog\"` (WCAG 2.4.3). Defaults to `true` when\n   *       `role=\"dialog\"`, `false` otherwise. Override only with intent.\n   * @defaultValue `true` when `role=\"dialog\"`, otherwise `false`\n   * @since 11.8.0\n   */\n  restoreFocusOnHide?: boolean\n  /**\n   * The event to trigger the overlay\n   * @defaultValue click\n   * @since 10.19.0\n   */\n  trigger?: TriggerConfig['trigger']\n\n  /**\n   * Toggles overlay visibility\n   * @since 11.2.0\n   */\n  overlayRef?: React.Ref<OverlayTriggerRef>\n  /**\n   * @since 11.11.0\n   */\n  role?: Role\n\n  /**\n   *  The callback to run before the overlay is hidden. Returning\n   *  `false` will prevent hiding.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeHide?: BeforeCallback\n\n  /**\n   *  The callback to run before the overlay is shown. Returning\n   *  `false` will prevent showing.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeShow?: BeforeCallback\n}\n\nexport type PopoverProps<Role extends PopoverRole = undefined> =\n  Role extends 'dialog'\n    ? AriaLabelled<PopoverBaseProps<'dialog'>>\n    : PopoverBaseProps<undefined>\n"],"mappings":"","ignoreList":[]}

package/dist/Popover/index.js.map

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

package/dist/Portal/Portal.js

@@ -19,7 +19,7 @@ export function Portal(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var zIndexCtx = useZIndexContext();
   var globalPortalContainer = usePortalContainer();
-  return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(StyledPortal, _extends({}, props, {
+  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement(StyledPortal, _extends({}, props, {
     style: {
       zIndex: zIndexCtx.value
     }

package/dist/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","names":["React","ReactDOM","useZIndexContext","StyledPortal","usePortalContainer","Portal","_ref","children","container","props","_objectWithoutProperties","_excluded","zIndexCtx","globalPortalContainer","createPortal","createElement","_extends","style","zIndex","value","document","body"],"sources":["../../src/Portal/Portal.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport { StyledPortal } from './Portal.styles'\nimport type { PortalProps } from './Portal.types'\nimport { usePortalContainer } from './PortalProvider'\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_coverage-portal--defaults)\n */\nexport function Portal({\n  children,\n  container,\n  ...props\n}: PortalProps): React.ReactPortal {\n  const zIndexCtx = useZIndexContext()\n  const globalPortalContainer = usePortalContainer()\n\n  return ReactDOM.createPortal(\n    <StyledPortal {...props} style={{ zIndex: zIndexCtx.value }}>\n      {children}\n    </StyledPortal>,\n    container || globalPortalContainer || document.body\n  )\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,kBAAkB,QAAQ,kBAAkB;;AAErD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAAC,IAAA,EAIa;EAAA,IAHjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACNC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,IAAMC,SAAS,GAAGV,gBAAgB,CAAC,CAAC;EACpC,IAAMW,qBAAqB,GAAGT,kBAAkB,CAAC,CAAC;EAElD,oBAAOH,QAAQ,CAACa,YAAY,eAC1Bd,KAAA,CAAAe,aAAA,CAACZ,YAAY,EAAAa,QAAA,KAAKP,KAAK;IAAEQ,KAAK,EAAE;MAAEC,MAAM,EAAEN,SAAS,CAACO;IAAM;EAAE,IACzDZ,QACW,CAAC,EACfC,SAAS,IAAIK,qBAAqB,IAAIO,QAAQ,CAACC,IACjD,CAAC;AACH"}
+{"version":3,"file":"Portal.js","names":["React","ReactDOM","useZIndexContext","StyledPortal","usePortalContainer","Portal","_ref","children","container","props","_objectWithoutProperties","_excluded","zIndexCtx","globalPortalContainer","createPortal","createElement","_extends","style","zIndex","value","document","body"],"sources":["../../src/Portal/Portal.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport { StyledPortal } from './Portal.styles'\nimport type { PortalProps } from './Portal.types'\nimport { usePortalContainer } from './PortalProvider'\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_coverage-portal--defaults)\n */\nexport function Portal({\n  children,\n  container,\n  ...props\n}: PortalProps): React.ReactPortal {\n  const zIndexCtx = useZIndexContext()\n  const globalPortalContainer = usePortalContainer()\n\n  return ReactDOM.createPortal(\n    <StyledPortal {...props} style={{ zIndex: zIndexCtx.value }}>\n      {children}\n    </StyledPortal>,\n    container || globalPortalContainer || document.body\n  )\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,kBAAkB,QAAQ,kBAAkB;;AAErD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAAC,IAAA,EAIa;EAAA,IAHjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACNC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,IAAMC,SAAS,GAAGV,gBAAgB,CAAC,CAAC;EACpC,IAAMW,qBAAqB,GAAGT,kBAAkB,CAAC,CAAC;EAElD,oBAAOH,QAAQ,CAACa,YAAY,cAC1Bd,KAAA,CAAAe,aAAA,CAACZ,YAAY,EAAAa,QAAA,KAAKP,KAAK;IAAEQ,KAAK,EAAE;MAAEC,MAAM,EAAEN,SAAS,CAACO;IAAM;EAAE,IACzDZ,QACW,CAAC,EACfC,SAAS,IAAIK,qBAAqB,IAAIO,QAAQ,CAACC,IACjD,CAAC;AACH","ignoreList":[]}

package/dist/Portal/Portal.styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const StyledPortal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/Portal/Portal.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledPortal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortal",
-  componentId: "core-12_52_0__sc-15o1h2-0"
+  componentId: "core-12_53_1__sc-15o1h2-0"
 })(["left:0;pointer-events:none;position:fixed;top:0;> *{pointer-events:all;}"]);
 //# sourceMappingURL=Portal.styles.js.map

package/dist/Portal/Portal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.styles.js","names":["styled","StyledPortal","div","withConfig","displayName","componentId"],"sources":["../../src/Portal/Portal.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledPortal = styled.div`\n  left: 0;\n  pointer-events: none;\n  position: fixed;\n  top: 0;\n\n  > * {\n    pointer-events: all;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,IAAMC,YAAY,gBAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gFASrC"}
+{"version":3,"file":"Portal.styles.js","names":["styled","StyledPortal","div","withConfig","displayName","componentId"],"sources":["../../src/Portal/Portal.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledPortal = styled.div`\n  left: 0;\n  pointer-events: none;\n  position: fixed;\n  top: 0;\n\n  > * {\n    pointer-events: all;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,IAAMC,YAAY,gBAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gFASrC","ignoreList":[]}

package/dist/Portal/Portal.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.types.js","names":[],"sources":["../../src/Portal/Portal.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface PortalProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  container?: HTMLElement | ShadowRoot\n}\n"],"mappings":""}
+{"version":3,"file":"Portal.types.js","names":[],"sources":["../../src/Portal/Portal.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface PortalProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  container?: HTMLElement | ShadowRoot\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Portal/PortalProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProvider.js","names":["React","PortalContext","createContext","undefined","PortalProvider","_ref","children","container","createElement","Provider","value","usePortalContainer","useContext"],"sources":["../../src/Portal/PortalProvider.tsx"],"sourcesContent":["import React from 'react'\nimport type { PortalProviderProps } from './PortalProvider.types'\n\nexport const PortalContext = React.createContext<\n  HTMLElement | ShadowRoot | undefined\n>(undefined)\n\nexport function PortalProvider({ children, container }: PortalProviderProps) {\n  return (\n    <PortalContext.Provider value={container}>\n      {children}\n    </PortalContext.Provider>\n  )\n}\n\nexport function usePortalContainer(): HTMLElement | ShadowRoot | undefined {\n  const container = React.useContext(PortalContext)\n  return container\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,IAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAa,CAE9CC,SAAS,CAAC;AAEZ,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAA+C;EAAA,IAA5CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAClD,oBACEP,KAAA,CAAAQ,aAAA,CAACP,aAAa,CAACQ,QAAQ;IAACC,KAAK,EAAEH;EAAU,GACtCD,QACqB,CAAC;AAE7B;AAEA,OAAO,SAASK,kBAAkBA,CAAA,EAAyC;EACzE,IAAMJ,SAAS,GAAGP,KAAK,CAACY,UAAU,CAACX,aAAa,CAAC;EACjD,OAAOM,SAAS;AAClB"}
+{"version":3,"file":"PortalProvider.js","names":["React","PortalContext","createContext","undefined","PortalProvider","_ref","children","container","createElement","Provider","value","usePortalContainer","useContext"],"sources":["../../src/Portal/PortalProvider.tsx"],"sourcesContent":["import React from 'react'\nimport type { PortalProviderProps } from './PortalProvider.types'\n\nexport const PortalContext = React.createContext<\n  HTMLElement | ShadowRoot | undefined\n>(undefined)\n\nexport function PortalProvider({ children, container }: PortalProviderProps) {\n  return (\n    <PortalContext.Provider value={container}>\n      {children}\n    </PortalContext.Provider>\n  )\n}\n\nexport function usePortalContainer(): HTMLElement | ShadowRoot | undefined {\n  const container = React.useContext(PortalContext)\n  return container\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,IAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAa,CAE9CC,SAAS,CAAC;AAEZ,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAA+C;EAAA,IAA5CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAClD,oBACEP,KAAA,CAAAQ,aAAA,CAACP,aAAa,CAACQ,QAAQ;IAACC,KAAK,EAAEH;EAAU,GACtCD,QACqB,CAAC;AAE7B;AAEA,OAAO,SAASK,kBAAkBA,CAAA,EAAyC;EACzE,IAAMJ,SAAS,GAAGP,KAAK,CAACY,UAAU,CAACX,aAAa,CAAC;EACjD,OAAOM,SAAS;AAClB","ignoreList":[]}

package/dist/Portal/PortalProvider.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProvider.types.js","names":[],"sources":["../../src/Portal/PortalProvider.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface PortalProviderProps extends Props {\n  container?: HTMLElement | ShadowRoot\n}\n"],"mappings":""}
+{"version":3,"file":"PortalProvider.types.js","names":[],"sources":["../../src/Portal/PortalProvider.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface PortalProviderProps extends Props {\n  container?: HTMLElement | ShadowRoot\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Portal","PortalProvider","usePortalContainer"],"sources":["../../src/Portal/index.ts"],"sourcesContent":["export { Portal } from './Portal'\nexport type { PortalProps } from './Portal.types'\nexport { PortalProvider, usePortalContainer } from './PortalProvider'\nexport type { PortalProviderProps } from './PortalProvider.types'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU;AAEjC,SAASC,cAAc,EAAEC,kBAAkB,QAAQ,kBAAkB"}
+{"version":3,"file":"index.js","names":["Portal","PortalProvider","usePortalContainer"],"sources":["../../src/Portal/index.ts"],"sourcesContent":["export { Portal } from './Portal'\nexport type { PortalProps } from './Portal.types'\nexport { PortalProvider, usePortalContainer } from './PortalProvider'\nexport type { PortalProviderProps } from './PortalProvider.types'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU;AAEjC,SAASC,cAAc,EAAEC,kBAAkB,QAAQ,kBAAkB","ignoreList":[]}

package/dist/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["React","clamp","maxProgressValue","minProgressValue","StyledProgressBar","StyledProgressBarLoader","finalAnimationDuration","ProgressBar","forwardRef","_ref","ref","_ref$animated","animated","value","props","_objectWithoutProperties","_excluded","isProgressValueComplete","_React$useState","useState","_React$useState2","_slicedToArray","isFinalized","setFinalized","_React$useState3","_React$useState4","isProgressComplete","setProgressComplete","didMountRef","useRef","useEffect","current","timerId","window","setTimeout","clearTimeout","clampedValue","createElement","_extends","$complete","$finalized","role","displayName"],"sources":["../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react'\nimport { clamp, maxProgressValue, minProgressValue } from '../Loader/Loader'\nimport {\n  StyledProgressBar,\n  StyledProgressBarLoader,\n} from './ProgressBar.styles'\nimport type { ProgressBarProps } from './ProgressBar.types'\n\nconst finalAnimationDuration = 900\n\n/**\n\n Progress bars visually show system loading progress, such as uploading a file\n or loading a page, as well as user progress, like filling out a form.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-progressbar--demo)\n\n @see [Design Guidelines](https://design.procore.com/progress-bar)\n\n @a11y Please use an `aria-label`. The `aria-label` value should not include the term \"Progress Bar\" as a role already identifies it as such\n\n */\nexport const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n  function ProgressBar({ animated = false, value, ...props }, ref) {\n    const isProgressValueComplete = value >= maxProgressValue\n    const [isFinalized, setFinalized] = React.useState(false)\n    const [isProgressComplete, setProgressComplete] = React.useState(\n      isProgressValueComplete\n    )\n    const didMountRef = React.useRef(false)\n\n    React.useEffect(() => {\n      const isFinalized = didMountRef.current && isProgressValueComplete\n      const timerId: number | null = isFinalized\n        ? window.setTimeout(() => {\n            setFinalized(false)\n          }, finalAnimationDuration)\n        : null\n\n      setProgressComplete(isProgressValueComplete)\n      setFinalized(isFinalized)\n\n      if (!didMountRef.current) {\n        didMountRef.current = true\n      }\n\n      return () => {\n        timerId && clearTimeout(timerId)\n      }\n    }, [isProgressValueComplete])\n\n    const clampedValue = clamp(value)\n\n    return (\n      <StyledProgressBar\n        $complete={isProgressComplete}\n        $finalized={isFinalized}\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={minProgressValue}\n        aria-valuemax={maxProgressValue}\n        {...props}\n        aria-valuetext={\n          typeof props['aria-valuetext'] === 'function'\n            ? props['aria-valuetext']({ value: clampedValue })\n            : props['aria-valuetext']\n        }\n      >\n        <StyledProgressBarLoader value={value} animated={animated} />\n      </StyledProgressBar>\n    )\n  }\n)\n\nProgressBar.displayName = 'ProgressBar'\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,kBAAkB;AAC5E,SACEC,iBAAiB,EACjBC,uBAAuB,QAClB,sBAAsB;AAG7B,IAAMC,sBAAsB,GAAG,GAAG;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGP,KAAK,CAACQ,UAAU,CACzC,SAASD,WAAWA,CAAAE,IAAA,EAAwCC,GAAG,EAAE;EAAA,IAAAC,aAAA,GAAAF,IAAA,CAA1CG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACtD,IAAMC,uBAAuB,GAAGJ,KAAK,IAAIX,gBAAgB;EACzD,IAAAgB,eAAA,GAAoClB,KAAK,CAACmB,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAlDI,WAAW,GAAAF,gBAAA;IAAEG,YAAY,GAAAH,gBAAA;EAChC,IAAAI,gBAAA,GAAkDxB,KAAK,CAACmB,QAAQ,CAC9DF,uBACF,CAAC;IAAAQ,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAFME,kBAAkB,GAAAD,gBAAA;IAAEE,mBAAmB,GAAAF,gBAAA;EAG9C,IAAMG,WAAW,GAAG5B,KAAK,CAAC6B,MAAM,CAAC,KAAK,CAAC;EAEvC7B,KAAK,CAAC8B,SAAS,CAAC,YAAM;IACpB,IAAMR,WAAW,GAAGM,WAAW,CAACG,OAAO,IAAId,uBAAuB;IAClE,IAAMe,OAAsB,GAAGV,WAAW,GACtCW,MAAM,CAACC,UAAU,CAAC,YAAM;MACtBX,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC,EAAEjB,sBAAsB,CAAC,GAC1B,IAAI;IAERqB,mBAAmB,CAACV,uBAAuB,CAAC;IAC5CM,YAAY,CAACD,WAAW,CAAC;IAEzB,IAAI,CAACM,WAAW,CAACG,OAAO,EAAE;MACxBH,WAAW,CAACG,OAAO,GAAG,IAAI;IAC5B;IAEA,OAAO,YAAM;MACXC,OAAO,IAAIG,YAAY,CAACH,OAAO,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACf,uBAAuB,CAAC,CAAC;EAE7B,IAAMmB,YAAY,GAAGnC,KAAK,CAACY,KAAK,CAAC;EAEjC,oBACEb,KAAA,CAAAqC,aAAA,CAACjC,iBAAiB,EAAAkC,QAAA;IAChBC,SAAS,EAAEb,kBAAmB;IAC9Bc,UAAU,EAAElB,WAAY;IACxBZ,GAAG,EAAEA,GAAI;IACT+B,IAAI,EAAC,aAAa;IAClB,iBAAeL,YAAa;IAC5B,iBAAejC,gBAAiB;IAChC,iBAAeD;EAAiB,GAC5BY,KAAK;IACT,kBACE,OAAOA,KAAK,CAAC,gBAAgB,CAAC,KAAK,UAAU,GACzCA,KAAK,CAAC,gBAAgB,CAAC,CAAC;MAAED,KAAK,EAAEuB;IAAa,CAAC,CAAC,GAChDtB,KAAK,CAAC,gBAAgB;EAC3B,iBAEDd,KAAA,CAAAqC,aAAA,CAAChC,uBAAuB;IAACQ,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA;EAAS,CAAE,CAC3C,CAAC;AAExB,CACF,CAAC;AAEDL,WAAW,CAACmC,WAAW,GAAG,aAAa"}
+{"version":3,"file":"ProgressBar.js","names":["React","clamp","maxProgressValue","minProgressValue","StyledProgressBar","StyledProgressBarLoader","finalAnimationDuration","ProgressBar","forwardRef","_ref","ref","_ref$animated","animated","value","props","_objectWithoutProperties","_excluded","isProgressValueComplete","_React$useState","useState","_React$useState2","_slicedToArray","isFinalized","setFinalized","_React$useState3","_React$useState4","isProgressComplete","setProgressComplete","didMountRef","useRef","useEffect","current","timerId","window","setTimeout","clearTimeout","clampedValue","createElement","_extends","$complete","$finalized","role","displayName"],"sources":["../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react'\nimport { clamp, maxProgressValue, minProgressValue } from '../Loader/Loader'\nimport {\n  StyledProgressBar,\n  StyledProgressBarLoader,\n} from './ProgressBar.styles'\nimport type { ProgressBarProps } from './ProgressBar.types'\n\nconst finalAnimationDuration = 900\n\n/**\n\n Progress bars visually show system loading progress, such as uploading a file\n or loading a page, as well as user progress, like filling out a form.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-progressbar--demo)\n\n @see [Design Guidelines](https://design.procore.com/progress-bar)\n\n @a11y Please use an `aria-label`. The `aria-label` value should not include the term \"Progress Bar\" as a role already identifies it as such\n\n */\nexport const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n  function ProgressBar({ animated = false, value, ...props }, ref) {\n    const isProgressValueComplete = value >= maxProgressValue\n    const [isFinalized, setFinalized] = React.useState(false)\n    const [isProgressComplete, setProgressComplete] = React.useState(\n      isProgressValueComplete\n    )\n    const didMountRef = React.useRef(false)\n\n    React.useEffect(() => {\n      const isFinalized = didMountRef.current && isProgressValueComplete\n      const timerId: number | null = isFinalized\n        ? window.setTimeout(() => {\n            setFinalized(false)\n          }, finalAnimationDuration)\n        : null\n\n      setProgressComplete(isProgressValueComplete)\n      setFinalized(isFinalized)\n\n      if (!didMountRef.current) {\n        didMountRef.current = true\n      }\n\n      return () => {\n        timerId && clearTimeout(timerId)\n      }\n    }, [isProgressValueComplete])\n\n    const clampedValue = clamp(value)\n\n    return (\n      <StyledProgressBar\n        $complete={isProgressComplete}\n        $finalized={isFinalized}\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={minProgressValue}\n        aria-valuemax={maxProgressValue}\n        {...props}\n        aria-valuetext={\n          typeof props['aria-valuetext'] === 'function'\n            ? props['aria-valuetext']({ value: clampedValue })\n            : props['aria-valuetext']\n        }\n      >\n        <StyledProgressBarLoader value={value} animated={animated} />\n      </StyledProgressBar>\n    )\n  }\n)\n\nProgressBar.displayName = 'ProgressBar'\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,kBAAkB;AAC5E,SACEC,iBAAiB,EACjBC,uBAAuB,QAClB,sBAAsB;AAG7B,IAAMC,sBAAsB,GAAG,GAAG;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGP,KAAK,CAACQ,UAAU,CACzC,SAASD,WAAWA,CAAAE,IAAA,EAAwCC,GAAG,EAAE;EAAA,IAAAC,aAAA,GAAAF,IAAA,CAA1CG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACtD,IAAMC,uBAAuB,GAAGJ,KAAK,IAAIX,gBAAgB;EACzD,IAAAgB,eAAA,GAAoClB,KAAK,CAACmB,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAlDI,WAAW,GAAAF,gBAAA;IAAEG,YAAY,GAAAH,gBAAA;EAChC,IAAAI,gBAAA,GAAkDxB,KAAK,CAACmB,QAAQ,CAC9DF,uBACF,CAAC;IAAAQ,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAFME,kBAAkB,GAAAD,gBAAA;IAAEE,mBAAmB,GAAAF,gBAAA;EAG9C,IAAMG,WAAW,GAAG5B,KAAK,CAAC6B,MAAM,CAAC,KAAK,CAAC;EAEvC7B,KAAK,CAAC8B,SAAS,CAAC,YAAM;IACpB,IAAMR,WAAW,GAAGM,WAAW,CAACG,OAAO,IAAId,uBAAuB;IAClE,IAAMe,OAAsB,GAAGV,WAAW,GACtCW,MAAM,CAACC,UAAU,CAAC,YAAM;MACtBX,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC,EAAEjB,sBAAsB,CAAC,GAC1B,IAAI;IAERqB,mBAAmB,CAACV,uBAAuB,CAAC;IAC5CM,YAAY,CAACD,WAAW,CAAC;IAEzB,IAAI,CAACM,WAAW,CAACG,OAAO,EAAE;MACxBH,WAAW,CAACG,OAAO,GAAG,IAAI;IAC5B;IAEA,OAAO,YAAM;MACXC,OAAO,IAAIG,YAAY,CAACH,OAAO,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACf,uBAAuB,CAAC,CAAC;EAE7B,IAAMmB,YAAY,GAAGnC,KAAK,CAACY,KAAK,CAAC;EAEjC,oBACEb,KAAA,CAAAqC,aAAA,CAACjC,iBAAiB,EAAAkC,QAAA;IAChBC,SAAS,EAAEb,kBAAmB;IAC9Bc,UAAU,EAAElB,WAAY;IACxBZ,GAAG,EAAEA,GAAI;IACT+B,IAAI,EAAC,aAAa;IAClB,iBAAeL,YAAa;IAC5B,iBAAejC,gBAAiB;IAChC,iBAAeD;EAAiB,GAC5BY,KAAK;IACT,kBACE,OAAOA,KAAK,CAAC,gBAAgB,CAAC,KAAK,UAAU,GACzCA,KAAK,CAAC,gBAAgB,CAAC,CAAC;MAAED,KAAK,EAAEuB;IAAa,CAAC,CAAC,GAChDtB,KAAK,CAAC,gBAAgB;EAC3B,iBAEDd,KAAA,CAAAqC,aAAA,CAAChC,uBAAuB;IAACQ,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA;EAAS,CAAE,CAC3C,CAAC;AAExB,CACF,CAAC;AAEDL,WAAW,CAACmC,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/ProgressBar/ProgressBar.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledProgressBarLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Loader/Loader.types").LoaderProps, never>> & string & Omit<import("react").FC<import("../Loader/Loader.types").LoaderProps>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $complete: boolean;

package/dist/ProgressBar/ProgressBar.styles.js

@@ -7,11 +7,11 @@ var animationDelay = '300ms';
 var fadeIn = /*#__PURE__*/keyframes(["from{opacity:1;}to{opacity:0;}"]);
 export var StyledProgressBarLoader = /*#__PURE__*/styled(Loader).withConfig({
   displayName: "StyledProgressBarLoader",
-  componentId: "core-12_52_0__sc-vdy2wl-0"
+  componentId: "core-12_53_1__sc-vdy2wl-0"
 })([""]);
 export var StyledProgressBar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledProgressBar",
-  componentId: "core-12_52_0__sc-vdy2wl-1"
+  componentId: "core-12_53_1__sc-vdy2wl-1"
 })(["background-color:", ";border-radius:", "px;border:1px solid ", ";display:block;height:", "px;margin:", "px 0;overflow:hidden;position:relative;transition:background-color 0s linear;", " ", ";"], function (_ref) {
   var $complete = _ref.$complete;
   return $complete ? colors.blue50 : colors.gray94;

package/dist/ProgressBar/ProgressBar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.styles.js","names":["styled","css","keyframes","Loader","colors","spacing","loaderGridUnit","sm","animationDelay","fadeIn","StyledProgressBarLoader","withConfig","displayName","componentId","StyledProgressBar","div","_ref","$complete","blue50","gray94","gray50","_ref2","$finalized","_ref3"],"sources":["../../src/ProgressBar/ProgressBar.styles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Loader } from '../Loader/Loader'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nconst loaderGridUnit = spacing.sm\n\nconst animationDelay = '300ms'\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n`\n\nexport const StyledProgressBarLoader = styled(Loader)``\n\nexport const StyledProgressBar = styled.div<{\n  $complete: boolean\n  $finalized: boolean\n}>`\n  background-color: ${({ $complete }) =>\n    $complete ? colors.blue50 : colors.gray94};\n  border-radius: ${loaderGridUnit * 2}px;\n  border: 1px solid ${colors.gray50};\n  display: block;\n  height: ${loaderGridUnit}px;\n  margin: ${loaderGridUnit * 2}px 0;\n  overflow: hidden;\n  position: relative;\n  transition: background-color 0s linear;\n\n  ${({ $finalized }) =>\n    $finalized &&\n    css`\n      transition-delay: ${animationDelay};\n\n      ${StyledProgressBarLoader} {\n        animation: ${fadeIn} 0 ease-out ${animationDelay} forwards;\n      }\n    `}\n\n  ${({ $complete, $finalized }) =>\n    $complete &&\n    !$finalized &&\n    css`\n      ${StyledProgressBarLoader} {\n        opacity: 0;\n      }\n    `};\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,cAAc,GAAGD,OAAO,CAACE,EAAE;AAEjC,IAAMC,cAAc,GAAG,OAAO;AAE9B,IAAMC,MAAM,gBAAGP,SAAS,oCAOvB;AAED,OAAO,IAAMQ,uBAAuB,gBAAGV,MAAM,CAACG,MAAM,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEvD,OAAO,IAAMC,iBAAiB,gBAAGd,MAAM,CAACe,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wMAIrB,UAAAG,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAC9BA,SAAS,GAAGb,MAAM,CAACc,MAAM,GAAGd,MAAM,CAACe,MAAM;AAAA,GAC1Bb,cAAc,GAAG,CAAC,EACfF,MAAM,CAACgB,MAAM,EAEvBd,cAAc,EACdA,cAAc,GAAG,CAAC,EAK1B,UAAAe,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,IACVrB,GAAG,2EACmBO,cAAc,EAEhCE,uBAAuB,EACVD,MAAM,EAAeD,cAAc,CAEnD;AAAA,GAED,UAAAe,KAAA;EAAA,IAAGN,SAAS,GAAAM,KAAA,CAATN,SAAS;IAAEK,UAAU,GAAAC,KAAA,CAAVD,UAAU;EAAA,OACxBL,SAAS,IACT,CAACK,UAAU,IACXrB,GAAG,uBACCS,uBAAuB,CAG1B;AAAA,EACJ"}
+{"version":3,"file":"ProgressBar.styles.js","names":["styled","css","keyframes","Loader","colors","spacing","loaderGridUnit","sm","animationDelay","fadeIn","StyledProgressBarLoader","withConfig","displayName","componentId","StyledProgressBar","div","_ref","$complete","blue50","gray94","gray50","_ref2","$finalized","_ref3"],"sources":["../../src/ProgressBar/ProgressBar.styles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Loader } from '../Loader/Loader'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nconst loaderGridUnit = spacing.sm\n\nconst animationDelay = '300ms'\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n`\n\nexport const StyledProgressBarLoader = styled(Loader)``\n\nexport const StyledProgressBar = styled.div<{\n  $complete: boolean\n  $finalized: boolean\n}>`\n  background-color: ${({ $complete }) =>\n    $complete ? colors.blue50 : colors.gray94};\n  border-radius: ${loaderGridUnit * 2}px;\n  border: 1px solid ${colors.gray50};\n  display: block;\n  height: ${loaderGridUnit}px;\n  margin: ${loaderGridUnit * 2}px 0;\n  overflow: hidden;\n  position: relative;\n  transition: background-color 0s linear;\n\n  ${({ $finalized }) =>\n    $finalized &&\n    css`\n      transition-delay: ${animationDelay};\n\n      ${StyledProgressBarLoader} {\n        animation: ${fadeIn} 0 ease-out ${animationDelay} forwards;\n      }\n    `}\n\n  ${({ $complete, $finalized }) =>\n    $complete &&\n    !$finalized &&\n    css`\n      ${StyledProgressBarLoader} {\n        opacity: 0;\n      }\n    `};\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,cAAc,GAAGD,OAAO,CAACE,EAAE;AAEjC,IAAMC,cAAc,GAAG,OAAO;AAE9B,IAAMC,MAAM,gBAAGP,SAAS,oCAOvB;AAED,OAAO,IAAMQ,uBAAuB,gBAAGV,MAAM,CAACG,MAAM,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEvD,OAAO,IAAMC,iBAAiB,gBAAGd,MAAM,CAACe,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wMAIrB,UAAAG,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAC9BA,SAAS,GAAGb,MAAM,CAACc,MAAM,GAAGd,MAAM,CAACe,MAAM;AAAA,GAC1Bb,cAAc,GAAG,CAAC,EACfF,MAAM,CAACgB,MAAM,EAEvBd,cAAc,EACdA,cAAc,GAAG,CAAC,EAK1B,UAAAe,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,IACVrB,GAAG,2EACmBO,cAAc,EAEhCE,uBAAuB,EACVD,MAAM,EAAeD,cAAc,CAEnD;AAAA,GAED,UAAAe,KAAA;EAAA,IAAGN,SAAS,GAAAM,KAAA,CAATN,SAAS;IAAEK,UAAU,GAAAC,KAAA,CAAVD,UAAU;EAAA,OACxBL,SAAS,IACT,CAACK,UAAU,IACXrB,GAAG,uBACCS,uBAAuB,CAG1B;AAAA,EACJ","ignoreList":[]}

package/dist/ProgressBar/ProgressBar.types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { LoaderProps } from '../Loader/Loader.types';
-declare type ValueTextRender = (props: {
+type ValueTextRender = (props: {
     value: number;
 }) => string;
 export interface ProgressBarProps extends LoaderProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'aria-valuetext' | 'role'> {

package/dist/ProgressBar/ProgressBar.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.types.js","names":[],"sources":["../../src/ProgressBar/ProgressBar.types.ts"],"sourcesContent":["import type { LoaderProps } from '../Loader/Loader.types'\n\ntype ValueTextRender = (props: { value: number }) => string\n\n// TODO: add required 'aria-label' when closer to the major version\nexport interface ProgressBarProps\n  extends LoaderProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'aria-valuetext' | 'role'> {\n  /**\n   * @a11y Assistive technologies often present the value of `aria-valuenow` as a percentage.\n   * If this would not be accurate, use this property to make the progress bar value understandable.\n   *\n   * @since 11.8.0\n   */\n  ['aria-valuetext']?: string | ValueTextRender\n}\n"],"mappings":""}
+{"version":3,"file":"ProgressBar.types.js","names":[],"sources":["../../src/ProgressBar/ProgressBar.types.ts"],"sourcesContent":["import type { LoaderProps } from '../Loader/Loader.types'\n\ntype ValueTextRender = (props: { value: number }) => string\n\n// TODO: add required 'aria-label' when closer to the major version\nexport interface ProgressBarProps\n  extends LoaderProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'aria-valuetext' | 'role'> {\n  /**\n   * @a11y Assistive technologies often present the value of `aria-valuenow` as a percentage.\n   * If this would not be accurate, use this property to make the progress bar value understandable.\n   *\n   * @since 11.8.0\n   */\n  ['aria-valuetext']?: string | ValueTextRender\n}\n"],"mappings":"","ignoreList":[]}

package/dist/ProgressBar/index.js.map

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

package/dist/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":["React","StyledRadioButton","StyledRadioButtonInput","StyledRadioButtonLabel","RadioButton","forwardRef","_ref","ref","children","className","_ref$error","error","style","props","_objectWithoutProperties","_excluded","createElement","$children","$error","_extends","undefined","type","displayName"],"sources":["../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  StyledRadioButton,\n  StyledRadioButtonInput,\n  StyledRadioButtonLabel,\n} from './RadioButton.styles'\nimport type { RadioButtonProps } from './RadioButton.types'\n\n/**\n\n We use radio buttons to allow users to select a single, exclusive option from\n a list of multiple options.\n\n To present options in a dropdown, use a single select.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-radiobutton--demo)\n\n @see [Design Guidelines](https://design.procore.com/radio-button)\n\n */\nexport const RadioButton = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & RadioButtonProps\n>(function RadioButton(\n  { children, className, error = false, style, ...props },\n  ref\n) {\n  return (\n    <StyledRadioButton\n      className={className}\n      style={style}\n      $children={children}\n      $error={error}\n    >\n      <StyledRadioButtonInput\n        aria-invalid={!error ? undefined : true}\n        type=\"radio\"\n        ref={ref}\n        {...props}\n      />\n      <StyledRadioButtonLabel>{children}</StyledRadioButtonLabel>\n    </StyledRadioButton>\n  )\n})\n\nRadioButton.displayName = 'RadioButton'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,sBAAsB,QACjB,sBAAsB;AAG7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGJ,KAAK,CAACK,UAAU,CAGzC,SAASD,WAAWA,CAAAE,IAAA,EAEpBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAEE,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGrD,oBACEf,KAAA,CAAAgB,aAAA,CAACf,iBAAiB;IAChBQ,SAAS,EAAEA,SAAU;IACrBG,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAET,QAAS;IACpBU,MAAM,EAAEP;EAAM,gBAEdX,KAAA,CAAAgB,aAAA,CAACd,sBAAsB,EAAAiB,QAAA;IACrB,gBAAc,CAACR,KAAK,GAAGS,SAAS,GAAG,IAAK;IACxCC,IAAI,EAAC,OAAO;IACZd,GAAG,EAAEA;EAAI,GACLM,KAAK,CACV,CAAC,eACFb,KAAA,CAAAgB,aAAA,CAACb,sBAAsB,QAAEK,QAAiC,CACzC,CAAC;AAExB,CAAC,CAAC;AAEFJ,WAAW,CAACkB,WAAW,GAAG,aAAa"}
+{"version":3,"file":"RadioButton.js","names":["React","StyledRadioButton","StyledRadioButtonInput","StyledRadioButtonLabel","RadioButton","forwardRef","_ref","ref","children","className","_ref$error","error","style","props","_objectWithoutProperties","_excluded","createElement","$children","$error","_extends","undefined","type","displayName"],"sources":["../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  StyledRadioButton,\n  StyledRadioButtonInput,\n  StyledRadioButtonLabel,\n} from './RadioButton.styles'\nimport type { RadioButtonProps } from './RadioButton.types'\n\n/**\n\n We use radio buttons to allow users to select a single, exclusive option from\n a list of multiple options.\n\n To present options in a dropdown, use a single select.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-radiobutton--demo)\n\n @see [Design Guidelines](https://design.procore.com/radio-button)\n\n */\nexport const RadioButton = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & RadioButtonProps\n>(function RadioButton(\n  { children, className, error = false, style, ...props },\n  ref\n) {\n  return (\n    <StyledRadioButton\n      className={className}\n      style={style}\n      $children={children}\n      $error={error}\n    >\n      <StyledRadioButtonInput\n        aria-invalid={!error ? undefined : true}\n        type=\"radio\"\n        ref={ref}\n        {...props}\n      />\n      <StyledRadioButtonLabel>{children}</StyledRadioButtonLabel>\n    </StyledRadioButton>\n  )\n})\n\nRadioButton.displayName = 'RadioButton'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,sBAAsB,QACjB,sBAAsB;AAG7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGJ,KAAK,CAACK,UAAU,CAGzC,SAASD,WAAWA,CAAAE,IAAA,EAEpBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAEE,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGrD,oBACEf,KAAA,CAAAgB,aAAA,CAACf,iBAAiB;IAChBQ,SAAS,EAAEA,SAAU;IACrBG,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAET,QAAS;IACpBU,MAAM,EAAEP;EAAM,gBAEdX,KAAA,CAAAgB,aAAA,CAACd,sBAAsB,EAAAiB,QAAA;IACrB,gBAAc,CAACR,KAAK,GAAGS,SAAS,GAAG,IAAK;IACxCC,IAAI,EAAC,OAAO;IACZd,GAAG,EAAEA;EAAI,GACLM,KAAK,CACV,CAAC,eACFb,KAAA,CAAAgB,aAAA,CAACb,sBAAsB,QAAEK,QAAiC,CACzC,CAAC;AAExB,CAAC,CAAC;AAEFJ,WAAW,CAACkB,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/RadioButton/RadioButton.styles.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 export declare const dataQa: {
     focused: string;
 };
 export declare const StyledRadioButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
     $children?: React.ReactNode;
-    $error?: boolean | undefined;
+    $error?: boolean;
 }>> & string;
 export declare const StyledRadioButtonLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledRadioButtonInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/RadioButton/RadioButton.styles.js

@@ -9,7 +9,7 @@ export var dataQa = {
 var radioButtonSize = 20;
 export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
   displayName: "StyledRadioButton",
-  componentId: "core-12_52_0__sc-nd95zs-0"
+  componentId: "core-12_53_1__sc-nd95zs-0"
 })(["color:", ";display:flex;position:relative;vertical-align:middle;& + &{margin-top:", "px;}", " ", ""], colors.gray15, spacing.md, function (_ref) {
   var $error = _ref.$error;
   return $error && css(["", ":before,", ":checked:not(:disabled) + ", ":before{border-color:", ";}", ":checked:disabled + ", ":before{border-color:", ";}"], StyledRadioButtonLabel, StyledRadioButtonInput, StyledRadioButtonLabel, colors.red50, StyledRadioButtonInput, StyledRadioButtonLabel, colors.gray85);
@@ -19,10 +19,10 @@ export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
 });
 export var StyledRadioButtonLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRadioButtonLabel",
-  componentId: "core-12_52_0__sc-nd95zs-1"
+  componentId: "core-12_53_1__sc-nd95zs-1"
 })(["", ";cursor:default;display:flex;&:before{background:", ";border-radius:100%;border:2px solid ", ";content:'';display:inline-block;flex:0;height:", "px;min-width:", "px;width:", "px;}"], getTypographyIntent('body'), colors.white, colors.gray50, radioButtonSize, radioButtonSize, radioButtonSize);
 export var StyledRadioButtonInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledRadioButtonInput",
-  componentId: "core-12_52_0__sc-nd95zs-2"
+  componentId: "core-12_53_1__sc-nd95zs-2"
 })(["left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;&:focus:not(:checked),&[data-qa=", "]:not(:checked){&:not(:disabled) + ", ":before{", "}}&:focus:checked:not(:disabled),&[data-qa=", "]:checked:not(:disabled){+ ", ":before{box-shadow:0 0 0 2px ", ";}}&:checked + ", ":before{border:6px solid ", ";}&:disabled + ", ":before{border-color:", ";}&:disabled:checked + ", ":before{border-color:", ";}"], dataQa.focused, StyledRadioButtonLabel, getFocus(), dataQa.focused, StyledRadioButtonLabel, colors.blue40, StyledRadioButtonLabel, colors.blue50, StyledRadioButtonLabel, colors.gray85, StyledRadioButtonLabel, colors.blue85);
 //# sourceMappingURL=RadioButton.styles.js.map

package/dist/RadioButton/RadioButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.styles.js","names":["styled","css","getTypographyIntent","colors","getFocus","spacing","dataQa","focused","radioButtonSize","StyledRadioButton","label","withConfig","displayName","componentId","gray15","md","_ref","$error","StyledRadioButtonLabel","StyledRadioButtonInput","red50","gray85","_ref2","$children","span","white","gray50","input","blue40","blue50","blue85"],"sources":["../../src/RadioButton/RadioButton.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const dataQa = {\n  focused: 'core-radio-focused',\n}\n\nconst radioButtonSize = 20\n\nexport const StyledRadioButton = styled.label<{\n  $children?: React.ReactNode\n  $error?: boolean\n}>`\n  color: ${colors.gray15};\n  display: flex;\n  position: relative;\n  vertical-align: middle;\n\n  & + & {\n    margin-top: ${spacing.md}px;\n  }\n\n  ${({ $error }) =>\n    $error &&\n    css`\n      ${StyledRadioButtonLabel}:before,\n      ${StyledRadioButtonInput}:checked:not(:disabled) + ${StyledRadioButtonLabel}:before {\n        border-color: ${colors.red50};\n      }\n\n      ${StyledRadioButtonInput}:checked:disabled + ${StyledRadioButtonLabel}:before {\n        border-color: ${colors.gray85};\n      }\n    `}\n\n  ${({ $children }) =>\n    $children &&\n    css`\n      ${StyledRadioButtonLabel} {\n        &:before {\n          margin-right: ${spacing.md}px;\n        }\n      }\n    `}\n`\n\nexport const StyledRadioButtonLabel = styled.span`\n  ${getTypographyIntent('body')};\n\n  cursor: default;\n  display: flex;\n\n  &:before {\n    background: ${colors.white};\n    border-radius: 100%;\n    border: 2px solid ${colors.gray50};\n    content: '';\n    display: inline-block;\n    flex: 0;\n    height: ${radioButtonSize}px;\n    min-width: ${radioButtonSize}px;\n    width: ${radioButtonSize}px;\n  }\n`\n\nexport const StyledRadioButtonInput = styled.input`\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n\n  &:focus:not(:checked),\n  &[data-qa=${dataQa.focused}]:not(:checked) {\n    &:not(:disabled) + ${StyledRadioButtonLabel}:before {\n      ${getFocus()}\n    }\n  }\n\n  &:focus:checked:not(:disabled),\n  &[data-qa=${dataQa.focused}]:checked:not(:disabled) {\n    + ${StyledRadioButtonLabel}:before {\n      box-shadow: 0 0 0 2px ${colors.blue40};\n    }\n  }\n\n  &:checked + ${StyledRadioButtonLabel}:before {\n    border: 6px solid ${colors.blue50};\n  }\n\n  &:disabled + ${StyledRadioButtonLabel}:before {\n    border-color: ${colors.gray85};\n  }\n\n  &:disabled:checked + ${StyledRadioButtonLabel}:before {\n    border-color: ${colors.blue85};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,eAAe,GAAG,EAAE;AAE1B,OAAO,IAAMC,iBAAiB,gBAAGT,MAAM,CAACU,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2GAIlCV,MAAM,CAACW,MAAM,EAMNT,OAAO,CAACU,EAAE,EAGxB,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OACTA,MAAM,IACNhB,GAAG,uIACCiB,sBAAsB,EACtBC,sBAAsB,EAA6BD,sBAAsB,EACzDf,MAAM,CAACiB,KAAK,EAG5BD,sBAAsB,EAAuBD,sBAAsB,EACnDf,MAAM,CAACkB,MAAM,CAEhC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTtB,GAAG,2CACCiB,sBAAsB,EAEJb,OAAO,CAACU,EAAE,CAG/B;AAAA,EACJ;AAED,OAAO,IAAMG,sBAAsB,gBAAGlB,MAAM,CAACwB,IAAI,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gMAC7CX,mBAAmB,CAAC,MAAM,CAAC,EAMbC,MAAM,CAACsB,KAAK,EAENtB,MAAM,CAACuB,MAAM,EAIvBlB,eAAe,EACZA,eAAe,EACnBA,eAAe,CAE3B;AAED,OAAO,IAAMW,sBAAsB,gBAAGnB,MAAM,CAAC2B,KAAK,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6ZASpCP,MAAM,CAACC,OAAO,EACHW,sBAAsB,EACvCd,QAAQ,CAAC,CAAC,EAKJE,MAAM,CAACC,OAAO,EACpBW,sBAAsB,EACAf,MAAM,CAACyB,MAAM,EAI3BV,sBAAsB,EACdf,MAAM,CAAC0B,MAAM,EAGpBX,sBAAsB,EACnBf,MAAM,CAACkB,MAAM,EAGRH,sBAAsB,EAC3Bf,MAAM,CAAC2B,MAAM,CAEhC"}
+{"version":3,"file":"RadioButton.styles.js","names":["styled","css","getTypographyIntent","colors","getFocus","spacing","dataQa","focused","radioButtonSize","StyledRadioButton","label","withConfig","displayName","componentId","gray15","md","_ref","$error","StyledRadioButtonLabel","StyledRadioButtonInput","red50","gray85","_ref2","$children","span","white","gray50","input","blue40","blue50","blue85"],"sources":["../../src/RadioButton/RadioButton.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const dataQa = {\n  focused: 'core-radio-focused',\n}\n\nconst radioButtonSize = 20\n\nexport const StyledRadioButton = styled.label<{\n  $children?: React.ReactNode\n  $error?: boolean\n}>`\n  color: ${colors.gray15};\n  display: flex;\n  position: relative;\n  vertical-align: middle;\n\n  & + & {\n    margin-top: ${spacing.md}px;\n  }\n\n  ${({ $error }) =>\n    $error &&\n    css`\n      ${StyledRadioButtonLabel}:before,\n      ${StyledRadioButtonInput}:checked:not(:disabled) + ${StyledRadioButtonLabel}:before {\n        border-color: ${colors.red50};\n      }\n\n      ${StyledRadioButtonInput}:checked:disabled + ${StyledRadioButtonLabel}:before {\n        border-color: ${colors.gray85};\n      }\n    `}\n\n  ${({ $children }) =>\n    $children &&\n    css`\n      ${StyledRadioButtonLabel} {\n        &:before {\n          margin-right: ${spacing.md}px;\n        }\n      }\n    `}\n`\n\nexport const StyledRadioButtonLabel = styled.span`\n  ${getTypographyIntent('body')};\n\n  cursor: default;\n  display: flex;\n\n  &:before {\n    background: ${colors.white};\n    border-radius: 100%;\n    border: 2px solid ${colors.gray50};\n    content: '';\n    display: inline-block;\n    flex: 0;\n    height: ${radioButtonSize}px;\n    min-width: ${radioButtonSize}px;\n    width: ${radioButtonSize}px;\n  }\n`\n\nexport const StyledRadioButtonInput = styled.input`\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n\n  &:focus:not(:checked),\n  &[data-qa=${dataQa.focused}]:not(:checked) {\n    &:not(:disabled) + ${StyledRadioButtonLabel}:before {\n      ${getFocus()}\n    }\n  }\n\n  &:focus:checked:not(:disabled),\n  &[data-qa=${dataQa.focused}]:checked:not(:disabled) {\n    + ${StyledRadioButtonLabel}:before {\n      box-shadow: 0 0 0 2px ${colors.blue40};\n    }\n  }\n\n  &:checked + ${StyledRadioButtonLabel}:before {\n    border: 6px solid ${colors.blue50};\n  }\n\n  &:disabled + ${StyledRadioButtonLabel}:before {\n    border-color: ${colors.gray85};\n  }\n\n  &:disabled:checked + ${StyledRadioButtonLabel}:before {\n    border-color: ${colors.blue85};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,eAAe,GAAG,EAAE;AAE1B,OAAO,IAAMC,iBAAiB,gBAAGT,MAAM,CAACU,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2GAIlCV,MAAM,CAACW,MAAM,EAMNT,OAAO,CAACU,EAAE,EAGxB,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OACTA,MAAM,IACNhB,GAAG,uIACCiB,sBAAsB,EACtBC,sBAAsB,EAA6BD,sBAAsB,EACzDf,MAAM,CAACiB,KAAK,EAG5BD,sBAAsB,EAAuBD,sBAAsB,EACnDf,MAAM,CAACkB,MAAM,CAEhC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTtB,GAAG,2CACCiB,sBAAsB,EAEJb,OAAO,CAACU,EAAE,CAG/B;AAAA,EACJ;AAED,OAAO,IAAMG,sBAAsB,gBAAGlB,MAAM,CAACwB,IAAI,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gMAC7CX,mBAAmB,CAAC,MAAM,CAAC,EAMbC,MAAM,CAACsB,KAAK,EAENtB,MAAM,CAACuB,MAAM,EAIvBlB,eAAe,EACZA,eAAe,EACnBA,eAAe,CAE3B;AAED,OAAO,IAAMW,sBAAsB,gBAAGnB,MAAM,CAAC2B,KAAK,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6ZASpCP,MAAM,CAACC,OAAO,EACHW,sBAAsB,EACvCd,QAAQ,CAAC,CAAC,EAKJE,MAAM,CAACC,OAAO,EACpBW,sBAAsB,EACAf,MAAM,CAACyB,MAAM,EAI3BV,sBAAsB,EACdf,MAAM,CAAC0B,MAAM,EAGpBX,sBAAsB,EACnBf,MAAM,CAACkB,MAAM,EAGRH,sBAAsB,EAC3Bf,MAAM,CAAC2B,MAAM,CAEhC","ignoreList":[]}

package/dist/RadioButton/RadioButton.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.types.js","names":[],"sources":["../../src/RadioButton/RadioButton.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RadioButtonProps extends Props {\n  /**\n   * Selected state of the radio button\n   * @since 10.19.0\n   */\n  checked?: boolean\n\n  /**\n   * Disabled state of the radio button\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * Error state of the radio button\n   * @since 10.19.0\n   */\n  error?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"RadioButton.types.js","names":[],"sources":["../../src/RadioButton/RadioButton.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RadioButtonProps extends Props {\n  /**\n   * Selected state of the radio button\n   * @since 10.19.0\n   */\n  checked?: boolean\n\n  /**\n   * Disabled state of the radio button\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * Error state of the radio button\n   * @since 10.19.0\n   */\n  error?: boolean\n}\n"],"mappings":"","ignoreList":[]}

package/dist/RadioButton/index.js.map

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