@procore/core-react 11.26.1 → 11.26.2

package/dist/Thumbnail/Thumbnail.styles.js

@@ -28,35 +28,35 @@ var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;
 });
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-11_26_1__sc-195f70c-0"
+  componentId: "core-11_26_2__sc-195f70c-0"
 })(["", " display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionBase, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-11_26_1__sc-195f70c-1"
+  componentId: "core-11_26_2__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-11_26_1__sc-195f70c-2"
+  componentId: "core-11_26_2__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-11_26_1__sc-195f70c-3"
+  componentId: "core-11_26_2__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-11_26_1__sc-195f70c-4"
+  componentId: "core-11_26_2__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-11_26_1__sc-195f70c-5"
+  componentId: "core-11_26_2__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-11_26_1__sc-195f70c-6"
+  componentId: "core-11_26_2__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-11_26_1__sc-195f70c-7"
+  componentId: "core-11_26_2__sc-195f70c-7"
 })(["", " ", " color:", ";font-weight:", ";text-align:center;width:100%;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;background-color:", ";"], getTypographyIntent('small'), getEllipsis(), function (_ref5) {
   var _ref5$$color = _ref5.$color,
     $color = _ref5$$color === void 0 ? 'gray15' : _ref5$$color;
@@ -64,7 +64,7 @@ export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig
 }, typographyWeights.bold, labelHeight, spacing.sm / 2, spacing.sm, colors.white);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-11_26_1__sc-195f70c-8"
+  componentId: "core-11_26_2__sc-195f70c-8"
 })(["display:flex;justify-content:center;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;font-size:", "px;background-color:", ";"], labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
 var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid ", ";border-radius:", "px;margin:0;", " ", " &:focus{", ";}", " ", " ", ""], colors.gray85, borderRadius.md, function (_ref6) {
   var clickable = _ref6.clickable;
@@ -86,7 +86,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-11_26_1__sc-195f70c-9"
+  componentId: "core-11_26_2__sc-195f70c-9"
 })(["position:absolute;top:", "px;right:", "px;width:", "px;height:", "px;opacity:0;transform:scale(0.75);transition:transform 250ms ease-out,opacity 100ms ease-out;", " ", ""], spacing.sm, spacing.sm, tickSize, tickSize, function (_ref11) {
   var selected = _ref11.selected;
   return selected ? "\n        opacity: 1;\n        transform: scale(1);\n      " : '';
@@ -96,28 +96,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-11_26_1__sc-195f70c-10"
+  componentId: "core-11_26_2__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-11_26_1__sc-195f70c-11"
+  componentId: "core-11_26_2__sc-195f70c-11"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref13) {
   var $bgImage = _ref13.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-11_26_1__sc-195f70c-12"
+  componentId: "core-11_26_2__sc-195f70c-12"
 })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
 var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
 var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
 export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
   displayName: "StyledImageThumbnailImage",
-  componentId: "core-11_26_1__sc-195f70c-13"
+  componentId: "core-11_26_2__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-11_26_1__sc-195f70c-14"
+  componentId: "core-11_26_2__sc-195f70c-14"
 })(["", " flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref14) {
   var disabled = _ref14.disabled;
   return disabled ? "\n        &,\n        &:hover {\n          ".concat(StyledImageThumbnailOverlay, " {\n            display: block;\n            ").concat(whiteOverlay, "\n          }\n        }\n        ").concat(StyledImageThumbnailPreview, ",\n        ").concat(StyledTickIcon, ",\n        ").concat(StyledImageThumbnailImage, " {\n          filter: saturate(0);\n        }\n        ").concat(StyledFileIcon, " {\n          filter: saturate(0);\n          z-index: -1;\n        }\n      ") : '';
@@ -146,7 +146,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-11_26_1__sc-195f70c-15"
+  componentId: "core-11_26_2__sc-195f70c-15"
 })(["display:flex;", " ", ""], function (_ref20) {
   var size = _ref20.size;
   return size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -157,7 +157,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-11_26_1__sc-195f70c-16"
+  componentId: "core-11_26_2__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref22) {
   var clickable = _ref22.clickable;
   return clickable ? "\n        &:hover {\n          background-color: ".concat(colors.gray96, ";\n        }\n\n      ") : '';

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-11_26_1__sc-1inrbm9-0"
+  componentId: "core-11_26_2__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-11_26_1__sc-1inrbm9-1"
+  componentId: "core-11_26_2__sc-1inrbm9-1"
 })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-11_26_1__sc-1inrbm9-2"
+  componentId: "core-11_26_2__sc-1inrbm9-2"
 })(["display:inline-flex;&:focus{outline:none;}"]);
 // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
 export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
   displayName: "StyledVariableSizeGrid",
-  componentId: "core-11_26_1__sc-1inrbm9-3"
+  componentId: "core-11_26_2__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-11_26_1__sc-1inrbm9-4"
+  componentId: "core-11_26_2__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-11_26_1__sc-1inrbm9-5"
+  componentId: "core-11_26_2__sc-1inrbm9-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailGrid",
-  componentId: "core-11_26_1__sc-1inrbm9-6"
+  componentId: "core-11_26_2__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/TieredSelect/TieredSelect.d.ts

@@ -18,7 +18,7 @@ export declare const TieredSelectContext: React.Context<TieredSelectApi>;
  Other select components are group select, multi select, and select.
  @since 10.19.0
 
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-tieredselect--demo)
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tieredselect--demo)
 
  @see [Design Guidelines](https://design.procore.com/tiered-select)
 

package/dist/TieredSelect/TieredSelect.js

@@ -111,7 +111,7 @@ export var TieredSelectContext = /*#__PURE__*/React.createContext({
  Other select components are group select, multi select, and select.
  @since 10.19.0
 
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-tieredselect--demo)
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tieredselect--demo)
 
  @see [Design Guidelines](https://design.procore.com/tiered-select)
 

package/dist/TieredSelect/TieredSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TieredSelect.js","names":["React","LeafSelectionTieredSelect","TierSelectionTieredSelect","defaultGetGroupId","tier","groupId","defaultGetId","id","defaultGetLabel","label","defaultGetNextGroupId","nextGroupId","getFullPath","getLabel","arguments","length","undefined","getValueString","value","map","join","getLeafOnly","getValueStringFn","valueStringResolution","noop","always","useHighlightItemEffects","_ref","currentTier","searchValue","menuRef","loading","loadingMore","_React$useState","useState","_React$useState2","_slicedToArray","previousTier","setPreviousTier","useEffect","_React$useState3","_React$useState4","previousSearch","setPreviousSearch","currentMenuRef","current","highlightFirst","highlightLast","highlighted","TieredSelectContext","createContext","afterHide","afterShow","beforeHide","beforeShow","getGroupId","getId","getNextGroupId","i18nScope","onChange","TieredSelect","forwardRef","_ref2","ref","_ref2$afterHide","_ref2$afterShow","_ref2$beforeHide","_ref2$beforeShow","block","_ref2$getGroupId","_ref2$getId","_ref2$getLabel","_ref2$getNextGroupId","_ref2$getValueString","_ref2$i18nScope","_ref2$onChange","onClear","onNavigate","onQuickCreate","onScrollBottom","onSearch","_ref2$selectableTiers","selectableTiers","_ref2$isTierDisabled","isTierDisabled","tabIndex","props","_objectWithoutProperties","_excluded","isLeaf","useCallback","createElement","Provider","_extends"],"sources":["../../src/TieredSelect/TieredSelect.tsx"],"sourcesContent":["import React from 'react'\nimport type { MenuRef } from '../MenuImperative/MenuImperative.types'\nimport { LeafSelectionTieredSelect } from './LeafSelectionTieredSelect'\nimport type {\n  GetValueStringFn,\n  Id,\n  Tier,\n  TieredSelectApi,\n  TieredSelectProps,\n} from './TieredSelect.types'\nimport { TierSelectionTieredSelect } from './TierSelectionTieredSelect'\n\nfunction defaultGetGroupId(tier: Tier) {\n  return tier.groupId\n}\n\nfunction defaultGetId(tier: Tier) {\n  return tier.id\n}\n\nfunction defaultGetLabel(tier: Tier) {\n  return tier.label\n}\n\nfunction defaultGetNextGroupId(tier: Tier) {\n  return tier.nextGroupId as Id\n}\n\nfunction getFullPath<T>(\n  getLabel: TieredSelectProps['getLabel'] = defaultGetLabel\n): GetValueStringFn {\n  return function getValueString(value: T[]) {\n    return value.map((tier) => getLabel!(tier)).join(' > ')\n  }\n}\n\nfunction getLeafOnly<T>(\n  getLabel: TieredSelectProps['getLabel'] = defaultGetLabel\n): GetValueStringFn {\n  return function getValueString(value: T[]) {\n    return value.length ? getLabel(value[value.length - 1]) : ''\n  }\n}\n\nfunction getValueStringFn(\n  valueStringResolution: TieredSelectProps['getValueString'],\n  getLabel: TieredSelectProps['getLabel'] = defaultGetLabel\n): GetValueStringFn {\n  if (valueStringResolution === 'full-path') {\n    return getFullPath(getLabel)\n  }\n\n  if (valueStringResolution === 'leaf-only') {\n    return getLeafOnly(getLabel)\n  }\n\n  return valueStringResolution!\n}\n\nfunction noop() {}\n\nfunction always() {\n  return true\n}\n\nexport const useHighlightItemEffects = ({\n  currentTier,\n  searchValue,\n  menuRef,\n  loading,\n  loadingMore,\n}: {\n  currentTier: Id\n  searchValue: string\n  menuRef: React.RefObject<MenuRef>\n  loading: TieredSelectProps['loading']\n  loadingMore: TieredSelectProps['loadingMore']\n}) => {\n  const [previousTier, setPreviousTier] = React.useState<Id>()\n  React.useEffect(() => {\n    setPreviousTier(currentTier)\n  }, [currentTier])\n\n  const [previousSearch, setPreviousSearch] = React.useState<String>('')\n  React.useEffect(() => {\n    setPreviousSearch(searchValue)\n  }, [searchValue])\n\n  const currentMenuRef = menuRef.current\n  React.useEffect(() => {\n    if (previousSearch !== searchValue || previousTier !== currentTier) {\n      currentMenuRef?.highlightFirst()\n    }\n  }, [currentMenuRef, currentTier, previousTier, searchValue, previousSearch])\n\n  React.useEffect(() => {\n    if (loadingMore) {\n      currentMenuRef?.highlightLast(false)\n    }\n  }, [currentMenuRef, loadingMore])\n\n  React.useEffect(() => {\n    if (!loading && !currentMenuRef?.highlighted()) {\n      currentMenuRef?.highlightFirst()\n    }\n  }, [currentMenuRef, loading])\n}\n\nexport const TieredSelectContext = React.createContext<TieredSelectApi>({\n  afterHide: noop,\n  afterShow: noop,\n  beforeHide: always,\n  beforeShow: always,\n  getGroupId: defaultGetGroupId,\n  getId: defaultGetId,\n  getLabel: defaultGetLabel,\n  getNextGroupId: defaultGetNextGroupId,\n  getValueString: getFullPath(defaultGetLabel),\n  i18nScope: 'core.tieredSelect',\n  onChange: noop,\n})\n\n/**\n\n We use tiered selects to allow users to choose a single parent or child option\n that is nested within a tiered list. For example, choosing a location from\n within a list of tiered locations. We typically see these selects on forms.\n\n Other select components are group select, multi select, and select.\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-tieredselect--demo)\n\n @see [Design Guidelines](https://design.procore.com/tiered-select)\n\n */\nexport const TieredSelect = React.forwardRef<HTMLDivElement, TieredSelectProps>(\n  function TieredSelect(\n    {\n      afterHide = noop,\n      afterShow = noop,\n      beforeHide = always,\n      beforeShow = always,\n      block,\n      getGroupId = defaultGetGroupId,\n      getId = defaultGetId,\n      getLabel = defaultGetLabel,\n      getNextGroupId = defaultGetNextGroupId,\n      getValueString = getFullPath(getLabel),\n      i18nScope = 'core.tieredSelect',\n      onChange = noop,\n      onClear,\n      onNavigate,\n      onQuickCreate,\n      onScrollBottom,\n      onSearch,\n      selectableTiers = true,\n      isTierDisabled = () => false,\n      tabIndex,\n      ...props\n    },\n    ref\n  ) {\n    const isLeaf = React.useCallback(\n      function (tier: Tier) {\n        return !getNextGroupId(tier)\n      },\n      [getNextGroupId]\n    )\n\n    return (\n      <TieredSelectContext.Provider\n        value={{\n          afterHide,\n          afterShow,\n          beforeHide,\n          beforeShow,\n          block,\n          getGroupId,\n          getId,\n          getLabel,\n          getNextGroupId,\n          getValueString: getValueStringFn(getValueString),\n          i18nScope,\n          isLeaf,\n          isTierDisabled,\n          onChange,\n          onClear,\n          onNavigate,\n          onQuickCreate,\n          onScrollBottom,\n          onSearch,\n          tabIndex,\n        }}\n      >\n        {selectableTiers ? (\n          <TierSelectionTieredSelect ref={ref} {...props} />\n        ) : (\n          <LeafSelectionTieredSelect ref={ref} {...props} />\n        )}\n      </TieredSelectContext.Provider>\n    )\n  }\n)\n"],"mappings":"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"}
+{"version":3,"file":"TieredSelect.js","names":["React","LeafSelectionTieredSelect","TierSelectionTieredSelect","defaultGetGroupId","tier","groupId","defaultGetId","id","defaultGetLabel","label","defaultGetNextGroupId","nextGroupId","getFullPath","getLabel","arguments","length","undefined","getValueString","value","map","join","getLeafOnly","getValueStringFn","valueStringResolution","noop","always","useHighlightItemEffects","_ref","currentTier","searchValue","menuRef","loading","loadingMore","_React$useState","useState","_React$useState2","_slicedToArray","previousTier","setPreviousTier","useEffect","_React$useState3","_React$useState4","previousSearch","setPreviousSearch","currentMenuRef","current","highlightFirst","highlightLast","highlighted","TieredSelectContext","createContext","afterHide","afterShow","beforeHide","beforeShow","getGroupId","getId","getNextGroupId","i18nScope","onChange","TieredSelect","forwardRef","_ref2","ref","_ref2$afterHide","_ref2$afterShow","_ref2$beforeHide","_ref2$beforeShow","block","_ref2$getGroupId","_ref2$getId","_ref2$getLabel","_ref2$getNextGroupId","_ref2$getValueString","_ref2$i18nScope","_ref2$onChange","onClear","onNavigate","onQuickCreate","onScrollBottom","onSearch","_ref2$selectableTiers","selectableTiers","_ref2$isTierDisabled","isTierDisabled","tabIndex","props","_objectWithoutProperties","_excluded","isLeaf","useCallback","createElement","Provider","_extends"],"sources":["../../src/TieredSelect/TieredSelect.tsx"],"sourcesContent":["import React from 'react'\nimport type { MenuRef } from '../MenuImperative/MenuImperative.types'\nimport { LeafSelectionTieredSelect } from './LeafSelectionTieredSelect'\nimport type {\n  GetValueStringFn,\n  Id,\n  Tier,\n  TieredSelectApi,\n  TieredSelectProps,\n} from './TieredSelect.types'\nimport { TierSelectionTieredSelect } from './TierSelectionTieredSelect'\n\nfunction defaultGetGroupId(tier: Tier) {\n  return tier.groupId\n}\n\nfunction defaultGetId(tier: Tier) {\n  return tier.id\n}\n\nfunction defaultGetLabel(tier: Tier) {\n  return tier.label\n}\n\nfunction defaultGetNextGroupId(tier: Tier) {\n  return tier.nextGroupId as Id\n}\n\nfunction getFullPath<T>(\n  getLabel: TieredSelectProps['getLabel'] = defaultGetLabel\n): GetValueStringFn {\n  return function getValueString(value: T[]) {\n    return value.map((tier) => getLabel!(tier)).join(' > ')\n  }\n}\n\nfunction getLeafOnly<T>(\n  getLabel: TieredSelectProps['getLabel'] = defaultGetLabel\n): GetValueStringFn {\n  return function getValueString(value: T[]) {\n    return value.length ? getLabel(value[value.length - 1]) : ''\n  }\n}\n\nfunction getValueStringFn(\n  valueStringResolution: TieredSelectProps['getValueString'],\n  getLabel: TieredSelectProps['getLabel'] = defaultGetLabel\n): GetValueStringFn {\n  if (valueStringResolution === 'full-path') {\n    return getFullPath(getLabel)\n  }\n\n  if (valueStringResolution === 'leaf-only') {\n    return getLeafOnly(getLabel)\n  }\n\n  return valueStringResolution!\n}\n\nfunction noop() {}\n\nfunction always() {\n  return true\n}\n\nexport const useHighlightItemEffects = ({\n  currentTier,\n  searchValue,\n  menuRef,\n  loading,\n  loadingMore,\n}: {\n  currentTier: Id\n  searchValue: string\n  menuRef: React.RefObject<MenuRef>\n  loading: TieredSelectProps['loading']\n  loadingMore: TieredSelectProps['loadingMore']\n}) => {\n  const [previousTier, setPreviousTier] = React.useState<Id>()\n  React.useEffect(() => {\n    setPreviousTier(currentTier)\n  }, [currentTier])\n\n  const [previousSearch, setPreviousSearch] = React.useState<String>('')\n  React.useEffect(() => {\n    setPreviousSearch(searchValue)\n  }, [searchValue])\n\n  const currentMenuRef = menuRef.current\n  React.useEffect(() => {\n    if (previousSearch !== searchValue || previousTier !== currentTier) {\n      currentMenuRef?.highlightFirst()\n    }\n  }, [currentMenuRef, currentTier, previousTier, searchValue, previousSearch])\n\n  React.useEffect(() => {\n    if (loadingMore) {\n      currentMenuRef?.highlightLast(false)\n    }\n  }, [currentMenuRef, loadingMore])\n\n  React.useEffect(() => {\n    if (!loading && !currentMenuRef?.highlighted()) {\n      currentMenuRef?.highlightFirst()\n    }\n  }, [currentMenuRef, loading])\n}\n\nexport const TieredSelectContext = React.createContext<TieredSelectApi>({\n  afterHide: noop,\n  afterShow: noop,\n  beforeHide: always,\n  beforeShow: always,\n  getGroupId: defaultGetGroupId,\n  getId: defaultGetId,\n  getLabel: defaultGetLabel,\n  getNextGroupId: defaultGetNextGroupId,\n  getValueString: getFullPath(defaultGetLabel),\n  i18nScope: 'core.tieredSelect',\n  onChange: noop,\n})\n\n/**\n\n We use tiered selects to allow users to choose a single parent or child option\n that is nested within a tiered list. For example, choosing a location from\n within a list of tiered locations. We typically see these selects on forms.\n\n Other select components are group select, multi select, and select.\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tieredselect--demo)\n\n @see [Design Guidelines](https://design.procore.com/tiered-select)\n\n */\nexport const TieredSelect = React.forwardRef<HTMLDivElement, TieredSelectProps>(\n  function TieredSelect(\n    {\n      afterHide = noop,\n      afterShow = noop,\n      beforeHide = always,\n      beforeShow = always,\n      block,\n      getGroupId = defaultGetGroupId,\n      getId = defaultGetId,\n      getLabel = defaultGetLabel,\n      getNextGroupId = defaultGetNextGroupId,\n      getValueString = getFullPath(getLabel),\n      i18nScope = 'core.tieredSelect',\n      onChange = noop,\n      onClear,\n      onNavigate,\n      onQuickCreate,\n      onScrollBottom,\n      onSearch,\n      selectableTiers = true,\n      isTierDisabled = () => false,\n      tabIndex,\n      ...props\n    },\n    ref\n  ) {\n    const isLeaf = React.useCallback(\n      function (tier: Tier) {\n        return !getNextGroupId(tier)\n      },\n      [getNextGroupId]\n    )\n\n    return (\n      <TieredSelectContext.Provider\n        value={{\n          afterHide,\n          afterShow,\n          beforeHide,\n          beforeShow,\n          block,\n          getGroupId,\n          getId,\n          getLabel,\n          getNextGroupId,\n          getValueString: getValueStringFn(getValueString),\n          i18nScope,\n          isLeaf,\n          isTierDisabled,\n          onChange,\n          onClear,\n          onNavigate,\n          onQuickCreate,\n          onScrollBottom,\n          onSearch,\n          tabIndex,\n        }}\n      >\n        {selectableTiers ? (\n          <TierSelectionTieredSelect ref={ref} {...props} />\n        ) : (\n          <LeafSelectionTieredSelect ref={ref} {...props} />\n        )}\n      </TieredSelectContext.Provider>\n    )\n  }\n)\n"],"mappings":"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"}

package/dist/TieredSelect/TieredSelect.styles.js

@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
   displayName: "StyledTieredSelect",
-  componentId: "core-11_26_1__sc-e1ql06-0"
+  componentId: "core-11_26_2__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-11_26_1__sc-e1ql06-1"
+  componentId: "core-11_26_2__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-11_26_1__sc-e1ql06-2"
+  componentId: "core-11_26_2__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-11_26_1__sc-e1ql06-3"
+  componentId: "core-11_26_2__sc-e1ql06-3"
 })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
   var $nonInteractive = _ref.$nonInteractive;
   if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
 });
 export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectHome",
-  componentId: "core-11_26_1__sc-e1ql06-4"
+  componentId: "core-11_26_2__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-11_26_1__sc-e1ql06-5"
+  componentId: "core-11_26_2__sc-e1ql06-5"
 })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
 export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectLoadingMore",
-  componentId: "core-11_26_1__sc-e1ql06-6"
+  componentId: "core-11_26_2__sc-e1ql06-6"
 })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
 export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledTieredSelectOverlay",
-  componentId: "core-11_26_1__sc-e1ql06-7"
+  componentId: "core-11_26_2__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-11_26_1__sc-e1ql06-8"
+  componentId: "core-11_26_2__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.js

@@ -39,7 +39,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-11_26_1__sc-8q9p0n-0"
+  componentId: "core-11_26_2__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -49,7 +49,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-11_26_1__sc-8q9p0n-1"
+  componentId: "core-11_26_2__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -65,7 +65,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-11_26_1__sc-8q9p0n-2"
+  componentId: "core-11_26_2__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -74,26 +74,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-11_26_1__sc-8q9p0n-3"
+  componentId: "core-11_26_2__sc-8q9p0n-3"
 })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
 export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
   displayName: "StyledTileContent",
-  componentId: "core-11_26_1__sc-8q9p0n-4"
+  componentId: "core-11_26_2__sc-8q9p0n-4"
 })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", " > ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormikForm, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-11_26_1__sc-8q9p0n-5"
+  componentId: "core-11_26_2__sc-8q9p0n-5"
 })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
   var $orientation = _ref5.$orientation;
   return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-11_26_1__sc-8q9p0n-6"
+  componentId: "core-11_26_2__sc-8q9p0n-6"
 })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
 export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroText",
-  componentId: "core-11_26_1__sc-8q9p0n-7"
+  componentId: "core-11_26_2__sc-8q9p0n-7"
 })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
   var $orientation = _ref6.$orientation;
   return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);

package/dist/Title/Title.styles.js

@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-11_26_1__sc-1t2ye1d-0"
+  componentId: "core-11_26_2__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-11_26_1__sc-1t2ye1d-1"
+  componentId: "core-11_26_2__sc-1t2ye1d-1"
 })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
   var alignment = _ref.alignment;
   return css(["align-self:", ";"], alignment);
 });
 export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleContent",
-  componentId: "core-11_26_1__sc-1t2ye1d-2"
+  componentId: "core-11_26_2__sc-1t2ye1d-2"
 })(["align-self:center;", ""], function (_ref2) {
   var $hasActions = _ref2.$hasActions;
   return $hasActions && css(["margin-right:", "px;"], spacing.lg);
 });
 export var StyledText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledText",
-  componentId: "core-11_26_1__sc-1t2ye1d-3"
+  componentId: "core-11_26_2__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-11_26_1__sc-1t2ye1d-4"
+  componentId: "core-11_26_2__sc-1t2ye1d-4"
 })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
 export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
   displayName: "StyledTitleActions",
-  componentId: "core-11_26_1__sc-1t2ye1d-5"
+  componentId: "core-11_26_2__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-11_26_1__sc-1t2ye1d-6"
+  componentId: "core-11_26_2__sc-1t2ye1d-6"
 })(["display:block;"]);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.d.ts

@@ -13,7 +13,7 @@ import type { ToastProps } from './Toast.types';
 
  @since 10.19.0
 
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-toast--demo)
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)
 
  @see [Design Guidelines](https://design.procore.com/toast)
 

package/dist/Toast/Toast.js

@@ -57,7 +57,7 @@ var Dismiss = /*#__PURE__*/React.forwardRef(function ToastDismiss(_ref2, ref) {
 
  @since 10.19.0
 
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-toast--demo)
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)
 
  @see [Design Guidelines](https://design.procore.com/toast)
 

package/dist/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["Check","Clear","Error","React","useI18nContext","addSubcomponents","StyledToast","StyledToastButton","StyledToastText","Text","forwardRef","Label","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Dismiss","ToastDismiss","_ref2","_objectDestructuringEmpty","I18n","variant","t","Toast_","Toast","_ref3","_excluded2","$variant","size","$legacy","displayName"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Check, Clear, Error } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n  ButtonAttributes,\n  DivAttributes,\n  Props,\n  SpanAttributes,\n} from '../_utils/types'\nimport { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<HTMLSpanElement, SpanAttributes & Props>(\n  function Label({ children, ...props }, ref) {\n    return (\n      <StyledToastText\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </StyledToastText>\n    )\n  }\n)\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n  function ToastDismiss({ ...props }, ref) {\n    const I18n = useI18nContext()\n    return (\n      <StyledToastButton\n        ref={ref}\n        variant=\"tertiary\"\n        aria-hidden=\"false\"\n        aria-label={I18n.t('core.toast.a11y.dismiss')}\n        {...props}\n      >\n        <Clear />\n      </StyledToastButton>\n    )\n  }\n)\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  return (\n    <StyledToast {...props} $variant={variant} ref={ref}>\n      {variant === 'success' ? <Check size=\"lg\" /> : <Error size=\"lg\" />}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":";;;;;;AAAA,SAASA,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,qBAAqB;AACzD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAO7D,SAASC,WAAW,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,gBAAgB;AAGhF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAC3B,SAASC,KAAKA,CAAAC,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACjC,oBACEd,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA;IACd,aAAU,WAAW;IACrB,eAAY,MAAM;IAClBN,GAAG,EAAEA;EAAI,GACLE,KAAK,GAERD,QACc,CAAC;AAEtB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMM,OAAO,gBAAGjB,KAAK,CAACO,UAAU,CAC9B,SAASW,YAAYA,CAAAC,KAAA,EAAeT,GAAG,EAAE;EAAA,IAAdE,KAAK,GAAAI,QAAA,MAAAI,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAC9B,IAAME,IAAI,GAAGpB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAe,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTY,OAAO,EAAC,UAAU;IAClB,eAAY,OAAO;IACnB,cAAYD,IAAI,CAACE,CAAC,CAAC,yBAAyB;EAAE,GAC1CX,KAAK,gBAETZ,KAAA,CAAAe,aAAA,CAACjB,KAAK,MAAE,CACS,CAAC;AAExB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAM0B,MAAM,gBAAGxB,KAAK,CAACO,UAAU,CAGpC,SAASkB,KAAKA,CAAAC,KAAA,EAAkChB,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAEW,OAAO,GAAAI,KAAA,CAAPJ,OAAO;IAAKV,KAAK,GAAAC,wBAAA,CAAAa,KAAA,EAAAC,UAAA;EAC5C,oBACE3B,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KAAKJ,KAAK;IAAEgB,QAAQ,EAAEN,OAAQ;IAACZ,GAAG,EAAEA;EAAI,IACjDY,OAAO,KAAK,SAAS,gBAAGtB,KAAA,CAAAe,aAAA,CAAClB,KAAK;IAACgC,IAAI,EAAC;EAAI,CAAE,CAAC,gBAAG7B,KAAA,CAAAe,aAAA,CAAChB,KAAK;IAAC8B,IAAI,EAAC;EAAI,CAAE,CAAC,EACjE,OAAOlB,QAAQ,KAAK,QAAQ,IAC5BA,QAAQ,IAAI,OAAQA,QAAQ,CAAoB,CAAC,CAAC,KAAK,QAAS;EAAA;EAC/D;EACAX,KAAA,CAAAe,aAAA,CAACV,eAAe;IAACyB,OAAO;EAAA,GAAEnB,QAA0B,CAAC,GAErDA,QAES,CAAC;AAElB,CAAC,CAAC;AAEFa,MAAM,CAACO,WAAW,GAAG,OAAO;AAC5Bd,OAAO,CAACc,WAAW,GAAG,eAAe;AACrCzB,IAAI,CAACyB,WAAW,GAAG,YAAY;AAE/B,OAAO,IAAMN,KAAK,GAAGvB,gBAAgB,CACnC;EACEe,OAAO,EAAPA,OAAO;EACPX,IAAI,EAAJA;AACF,CAAC,EACDkB,MACF,CAAC"}
+{"version":3,"file":"Toast.js","names":["Check","Clear","Error","React","useI18nContext","addSubcomponents","StyledToast","StyledToastButton","StyledToastText","Text","forwardRef","Label","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Dismiss","ToastDismiss","_ref2","_objectDestructuringEmpty","I18n","variant","t","Toast_","Toast","_ref3","_excluded2","$variant","size","$legacy","displayName"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Check, Clear, Error } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n  ButtonAttributes,\n  DivAttributes,\n  Props,\n  SpanAttributes,\n} from '../_utils/types'\nimport { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<HTMLSpanElement, SpanAttributes & Props>(\n  function Label({ children, ...props }, ref) {\n    return (\n      <StyledToastText\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </StyledToastText>\n    )\n  }\n)\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n  function ToastDismiss({ ...props }, ref) {\n    const I18n = useI18nContext()\n    return (\n      <StyledToastButton\n        ref={ref}\n        variant=\"tertiary\"\n        aria-hidden=\"false\"\n        aria-label={I18n.t('core.toast.a11y.dismiss')}\n        {...props}\n      >\n        <Clear />\n      </StyledToastButton>\n    )\n  }\n)\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  return (\n    <StyledToast {...props} $variant={variant} ref={ref}>\n      {variant === 'success' ? <Check size=\"lg\" /> : <Error size=\"lg\" />}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":";;;;;;AAAA,SAASA,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,qBAAqB;AACzD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAO7D,SAASC,WAAW,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,gBAAgB;AAGhF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAC3B,SAASC,KAAKA,CAAAC,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACjC,oBACEd,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA;IACd,aAAU,WAAW;IACrB,eAAY,MAAM;IAClBN,GAAG,EAAEA;EAAI,GACLE,KAAK,GAERD,QACc,CAAC;AAEtB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMM,OAAO,gBAAGjB,KAAK,CAACO,UAAU,CAC9B,SAASW,YAAYA,CAAAC,KAAA,EAAeT,GAAG,EAAE;EAAA,IAAdE,KAAK,GAAAI,QAAA,MAAAI,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAC9B,IAAME,IAAI,GAAGpB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAe,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTY,OAAO,EAAC,UAAU;IAClB,eAAY,OAAO;IACnB,cAAYD,IAAI,CAACE,CAAC,CAAC,yBAAyB;EAAE,GAC1CX,KAAK,gBAETZ,KAAA,CAAAe,aAAA,CAACjB,KAAK,MAAE,CACS,CAAC;AAExB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAM0B,MAAM,gBAAGxB,KAAK,CAACO,UAAU,CAGpC,SAASkB,KAAKA,CAAAC,KAAA,EAAkChB,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAEW,OAAO,GAAAI,KAAA,CAAPJ,OAAO;IAAKV,KAAK,GAAAC,wBAAA,CAAAa,KAAA,EAAAC,UAAA;EAC5C,oBACE3B,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KAAKJ,KAAK;IAAEgB,QAAQ,EAAEN,OAAQ;IAACZ,GAAG,EAAEA;EAAI,IACjDY,OAAO,KAAK,SAAS,gBAAGtB,KAAA,CAAAe,aAAA,CAAClB,KAAK;IAACgC,IAAI,EAAC;EAAI,CAAE,CAAC,gBAAG7B,KAAA,CAAAe,aAAA,CAAChB,KAAK;IAAC8B,IAAI,EAAC;EAAI,CAAE,CAAC,EACjE,OAAOlB,QAAQ,KAAK,QAAQ,IAC5BA,QAAQ,IAAI,OAAQA,QAAQ,CAAoB,CAAC,CAAC,KAAK,QAAS;EAAA;EAC/D;EACAX,KAAA,CAAAe,aAAA,CAACV,eAAe;IAACyB,OAAO;EAAA,GAAEnB,QAA0B,CAAC,GAErDA,QAES,CAAC;AAElB,CAAC,CAAC;AAEFa,MAAM,CAACO,WAAW,GAAG,OAAO;AAC5Bd,OAAO,CAACc,WAAW,GAAG,eAAe;AACrCzB,IAAI,CAACyB,WAAW,GAAG,YAAY;AAE/B,OAAO,IAAMN,KAAK,GAAGvB,gBAAgB,CACnC;EACEe,OAAO,EAAPA,OAAO;EACPX,IAAI,EAAJA;AACF,CAAC,EACDkB,MACF,CAAC"}

package/dist/Toast/Toast.styles.js

@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-11_26_1__sc-1l6lk2n-0"
+  componentId: "core-11_26_2__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant === 'success' ? colors.green30 : colors.red50;
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
 // $legacy is direct string inside Toast. Next is with subcomponents
 export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledToastText",
-  componentId: "core-11_26_1__sc-1l6lk2n-1"
+  componentId: "core-11_26_2__sc-1l6lk2n-1"
 })(["", " font-weight:", ";overflow:hidden;", ""], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
   var $legacy = _ref2.$legacy;
   return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
 });
 export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToastButton",
-  componentId: "core-11_26_1__sc-1l6lk2n-2"
+  componentId: "core-11_26_2__sc-1l6lk2n-2"
 })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

package/dist/ToggleButton/ToggleButton.d.ts

@@ -8,7 +8,7 @@ import type { ToggleButtonProps } from './ToggleButton.types';
 
  @since 10.19.0
 
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-togglebutton--demo)
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-togglebutton--demo)
 
  @see [Design Guidelines](https://design.procore.com/toggle-button)
 

package/dist/ToggleButton/ToggleButton.js

@@ -12,7 +12,7 @@ import { StyledToggleButton } from './ToggleButton.styles';
 
  @since 10.19.0
 
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-togglebutton--demo)
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-togglebutton--demo)
 
  @see [Design Guidelines](https://design.procore.com/toggle-button)
 

package/dist/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","names":["React","StyledToggleButton","ToggleButton","forwardRef","_ref","ref","children","_ref$selected","selected","icon","size","props","_objectWithoutProperties","_excluded","createElement","_extends","$selected","variant","displayName"],"sources":["../../src/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledToggleButton } from './ToggleButton.styles'\nimport type { ToggleButtonProps } from './ToggleButton.types'\n\n/**\n\n A toggle button can be used when an element needs to remain active or open\n for extended periods of time. The affects of a toggle button should visibly\n change content on the page.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-togglebutton--demo)\n\n @see [Design Guidelines](https://design.procore.com/toggle-button)\n\n @a11y  @a11y Important: it is critical the label on a toggle does not change when its `selected` prop changes. Alternatively, if the design were to call for the button label to change from \"Mute\" to \"Unmute,\" the `aria-pressed` prop should be set to `undefined`.\n\n @see https://www.w3.org/WAI/ARIA/apg/patterns/button/\n\n */\nexport const ToggleButton = React.forwardRef<\n  HTMLButtonElement,\n  ToggleButtonProps\n>(function ToggleButton(\n  { children, selected = false, icon, size, ...props },\n  ref\n) {\n  return (\n    <StyledToggleButton\n      aria-pressed={selected}\n      {...props}\n      $selected={selected}\n      icon={icon}\n      size={size}\n      variant=\"tertiary\"\n      ref={ref}\n    >\n      {children || null}\n    </StyledToggleButton>\n  )\n})\n\nToggleButton.displayName = 'ToggleButton'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,uBAAuB;AAG1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CAG1C,SAASD,YAAYA,CAAAE,IAAA,EAErBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,IAAA,CAAEI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGlD,oBACEb,KAAA,CAAAc,aAAA,CAACb,kBAAkB,EAAAc,QAAA;IACjB,gBAAcP;EAAS,GACnBG,KAAK;IACTK,SAAS,EAAER,QAAS;IACpBC,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXO,OAAO,EAAC,UAAU;IAClBZ,GAAG,EAAEA;EAAI,IAERC,QAAQ,IAAI,IACK,CAAC;AAEzB,CAAC,CAAC;AAEFJ,YAAY,CAACgB,WAAW,GAAG,cAAc"}
+{"version":3,"file":"ToggleButton.js","names":["React","StyledToggleButton","ToggleButton","forwardRef","_ref","ref","children","_ref$selected","selected","icon","size","props","_objectWithoutProperties","_excluded","createElement","_extends","$selected","variant","displayName"],"sources":["../../src/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledToggleButton } from './ToggleButton.styles'\nimport type { ToggleButtonProps } from './ToggleButton.types'\n\n/**\n\n A toggle button can be used when an element needs to remain active or open\n for extended periods of time. The affects of a toggle button should visibly\n change content on the page.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-togglebutton--demo)\n\n @see [Design Guidelines](https://design.procore.com/toggle-button)\n\n @a11y  @a11y Important: it is critical the label on a toggle does not change when its `selected` prop changes. Alternatively, if the design were to call for the button label to change from \"Mute\" to \"Unmute,\" the `aria-pressed` prop should be set to `undefined`.\n\n @see https://www.w3.org/WAI/ARIA/apg/patterns/button/\n\n */\nexport const ToggleButton = React.forwardRef<\n  HTMLButtonElement,\n  ToggleButtonProps\n>(function ToggleButton(\n  { children, selected = false, icon, size, ...props },\n  ref\n) {\n  return (\n    <StyledToggleButton\n      aria-pressed={selected}\n      {...props}\n      $selected={selected}\n      icon={icon}\n      size={size}\n      variant=\"tertiary\"\n      ref={ref}\n    >\n      {children || null}\n    </StyledToggleButton>\n  )\n})\n\nToggleButton.displayName = 'ToggleButton'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,uBAAuB;AAG1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CAG1C,SAASD,YAAYA,CAAAE,IAAA,EAErBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,IAAA,CAAEI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGlD,oBACEb,KAAA,CAAAc,aAAA,CAACb,kBAAkB,EAAAc,QAAA;IACjB,gBAAcP;EAAS,GACnBG,KAAK;IACTK,SAAS,EAAER,QAAS;IACpBC,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXO,OAAO,EAAC,UAAU;IAClBZ,GAAG,EAAEA;EAAI,IAERC,QAAQ,IAAI,IACK,CAAC;AAEzB,CAAC,CAAC;AAEFJ,YAAY,CAACgB,WAAW,GAAG,cAAc"}

package/dist/ToggleButton/ToggleButton.styles.js

@@ -3,7 +3,7 @@ import { Button } from '../Button/Button';
 import { colors } from '../_styles/colors';
 export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToggleButton",
-  componentId: "core-11_26_1__sc-1x59fxi-0"
+  componentId: "core-11_26_2__sc-1x59fxi-0"
 })(["", "}"], function (_ref) {
   var $selected = _ref.$selected;
   return $selected && css(["background-color:", ";color:", ";&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";}"], colors.blue50, colors.white, colors.blue40, colors.white, colors.blue50, colors.white, colors.blue85, colors.white);

package/dist/Token/Token.d.ts

@@ -8,7 +8,7 @@ import type { TokenProps } from './Token.types';
 
  @since 10.19.0
 
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-token--demo)
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-token--demo)
 
  @see [Design Guidelines](https://design.procore.com/tokens)
 

package/dist/Token/Token.js

@@ -52,7 +52,7 @@ Label.displayName = 'Token.Label';
 
  @since 10.19.0
 
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-token--demo)
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-token--demo)
 
  @see [Design Guidelines](https://design.procore.com/tokens)
 

package/dist/Token/Token.js.map

@@ -1 +1 @@
-{"version":3,"file":"Token.js","names":["React","useI18nContext","addSubcomponents","StyledLabel","StyledRemove","StyledToken","Parent","forwardRef","Token","_ref","ref","children","_ref$disabled","disabled","_ref$focused","focused","_ref$error","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$disabled","$focused","$error","Remove","TokenRemove","_ref2","_objectDestructuringEmpty","i18n","t","Label","_ref3","_excluded2","displayName"],"sources":["../../src/Token/Token.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n  DivAttributes,\n  Props,\n  SpanAttributes,\n  SVGAttributes,\n} from '../_utils/types'\nimport { StyledLabel, StyledRemove, StyledToken } from './Token.styles'\nimport type { TokenProps } from './Token.types'\n\nconst Parent = React.forwardRef<HTMLDivElement, DivAttributes & TokenProps>(\n  function Token(\n    {\n      children,\n      disabled = false,\n      focused = false,\n      error = false,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <StyledToken\n        {...props}\n        ref={ref}\n        $disabled={disabled || variant === 'disabled'}\n        $focused={focused || variant === 'focused'}\n        $error={error}\n      >\n        {children}\n      </StyledToken>\n    )\n  }\n)\n\nconst Remove = React.forwardRef<SVGSVGElement, SVGAttributes & Props>(\n  function TokenRemove({ ...props }, ref) {\n    const i18n = useI18nContext()\n    return (\n      <StyledRemove\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-label={i18n.t('core.token.remove')}\n        {...props}\n      />\n    )\n  }\n)\n\nconst Label = React.forwardRef<HTMLSpanElement, SpanAttributes & Props>(\n  function Label({ children, ...props }, ref) {\n    return (\n      <StyledLabel ref={ref} {...props}>\n        {children}\n      </StyledLabel>\n    )\n  }\n)\n\nParent.displayName = 'Token'\n\nRemove.displayName = 'Token.Remove'\n\nLabel.displayName = 'Token.Label'\n\n/**\n\n We use tokens in our multi select dropdowns and file attachers to indicate what\n has been selected or attached. Tokens in these components are removable.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-token--demo)\n\n @see [Design Guidelines](https://design.procore.com/tokens)\n\n */\nexport const Token = addSubcomponents(\n  {\n    Label,\n    Remove,\n  },\n  Parent\n)\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAO7D,SAASC,WAAW,EAAEC,YAAY,EAAEC,WAAW,QAAQ,gBAAgB;AAGvE,IAAMC,MAAM,gBAAGN,KAAK,CAACO,UAAU,CAC7B,SAASC,KAAKA,CAAAC,IAAA,EASZC,GAAG,EACH;EAAA,IAREC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,IAAA,CACRI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,YAAA,GAAAL,IAAA,CAChBM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAE,UAAA,GAAAP,IAAA,CACfQ,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IACbE,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACJC,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAIV,oBACErB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,EAAAkB,QAAA,KACNJ,KAAK;IACTT,GAAG,EAAEA,GAAI;IACTc,SAAS,EAAEX,QAAQ,IAAIK,OAAO,KAAK,UAAW;IAC9CO,QAAQ,EAAEV,OAAO,IAAIG,OAAO,KAAK,SAAU;IAC3CQ,MAAM,EAAET;EAAM,IAEbN,QACU,CAAC;AAElB,CACF,CAAC;AAED,IAAMgB,MAAM,gBAAG3B,KAAK,CAACO,UAAU,CAC7B,SAASqB,WAAWA,CAAAC,KAAA,EAAenB,GAAG,EAAE;EAAA,IAAdS,KAAK,GAAAI,QAAA,MAAAO,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAC7B,IAAME,IAAI,GAAG9B,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAsB,aAAA,CAAClB,YAAY,EAAAmB,QAAA;IACXb,GAAG,EAAEA,GAAI;IACT,eAAY,OAAO;IACnB,cAAYqB,IAAI,CAACC,CAAC,CAAC,mBAAmB;EAAE,GACpCb,KAAK,CACV,CAAC;AAEN,CACF,CAAC;AAED,IAAMc,KAAK,gBAAGjC,KAAK,CAACO,UAAU,CAC5B,SAAS0B,KAAKA,CAAAC,KAAA,EAAyBxB,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAuB,KAAA,CAARvB,QAAQ;IAAKQ,KAAK,GAAAC,wBAAA,CAAAc,KAAA,EAAAC,UAAA;EACjC,oBACEnC,KAAA,CAAAsB,aAAA,CAACnB,WAAW,EAAAoB,QAAA;IAACb,GAAG,EAAEA;EAAI,GAAKS,KAAK,GAC7BR,QACU,CAAC;AAElB,CACF,CAAC;AAEDL,MAAM,CAAC8B,WAAW,GAAG,OAAO;AAE5BT,MAAM,CAACS,WAAW,GAAG,cAAc;AAEnCH,KAAK,CAACG,WAAW,GAAG,aAAa;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAM5B,KAAK,GAAGN,gBAAgB,CACnC;EACE+B,KAAK,EAALA,KAAK;EACLN,MAAM,EAANA;AACF,CAAC,EACDrB,MACF,CAAC"}
+{"version":3,"file":"Token.js","names":["React","useI18nContext","addSubcomponents","StyledLabel","StyledRemove","StyledToken","Parent","forwardRef","Token","_ref","ref","children","_ref$disabled","disabled","_ref$focused","focused","_ref$error","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$disabled","$focused","$error","Remove","TokenRemove","_ref2","_objectDestructuringEmpty","i18n","t","Label","_ref3","_excluded2","displayName"],"sources":["../../src/Token/Token.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n  DivAttributes,\n  Props,\n  SpanAttributes,\n  SVGAttributes,\n} from '../_utils/types'\nimport { StyledLabel, StyledRemove, StyledToken } from './Token.styles'\nimport type { TokenProps } from './Token.types'\n\nconst Parent = React.forwardRef<HTMLDivElement, DivAttributes & TokenProps>(\n  function Token(\n    {\n      children,\n      disabled = false,\n      focused = false,\n      error = false,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <StyledToken\n        {...props}\n        ref={ref}\n        $disabled={disabled || variant === 'disabled'}\n        $focused={focused || variant === 'focused'}\n        $error={error}\n      >\n        {children}\n      </StyledToken>\n    )\n  }\n)\n\nconst Remove = React.forwardRef<SVGSVGElement, SVGAttributes & Props>(\n  function TokenRemove({ ...props }, ref) {\n    const i18n = useI18nContext()\n    return (\n      <StyledRemove\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-label={i18n.t('core.token.remove')}\n        {...props}\n      />\n    )\n  }\n)\n\nconst Label = React.forwardRef<HTMLSpanElement, SpanAttributes & Props>(\n  function Label({ children, ...props }, ref) {\n    return (\n      <StyledLabel ref={ref} {...props}>\n        {children}\n      </StyledLabel>\n    )\n  }\n)\n\nParent.displayName = 'Token'\n\nRemove.displayName = 'Token.Remove'\n\nLabel.displayName = 'Token.Label'\n\n/**\n\n We use tokens in our multi select dropdowns and file attachers to indicate what\n has been selected or attached. Tokens in these components are removable.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-token--demo)\n\n @see [Design Guidelines](https://design.procore.com/tokens)\n\n */\nexport const Token = addSubcomponents(\n  {\n    Label,\n    Remove,\n  },\n  Parent\n)\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAO7D,SAASC,WAAW,EAAEC,YAAY,EAAEC,WAAW,QAAQ,gBAAgB;AAGvE,IAAMC,MAAM,gBAAGN,KAAK,CAACO,UAAU,CAC7B,SAASC,KAAKA,CAAAC,IAAA,EASZC,GAAG,EACH;EAAA,IAREC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,IAAA,CACRI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,YAAA,GAAAL,IAAA,CAChBM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAE,UAAA,GAAAP,IAAA,CACfQ,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IACbE,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACJC,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAIV,oBACErB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,EAAAkB,QAAA,KACNJ,KAAK;IACTT,GAAG,EAAEA,GAAI;IACTc,SAAS,EAAEX,QAAQ,IAAIK,OAAO,KAAK,UAAW;IAC9CO,QAAQ,EAAEV,OAAO,IAAIG,OAAO,KAAK,SAAU;IAC3CQ,MAAM,EAAET;EAAM,IAEbN,QACU,CAAC;AAElB,CACF,CAAC;AAED,IAAMgB,MAAM,gBAAG3B,KAAK,CAACO,UAAU,CAC7B,SAASqB,WAAWA,CAAAC,KAAA,EAAenB,GAAG,EAAE;EAAA,IAAdS,KAAK,GAAAI,QAAA,MAAAO,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAC7B,IAAME,IAAI,GAAG9B,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAsB,aAAA,CAAClB,YAAY,EAAAmB,QAAA;IACXb,GAAG,EAAEA,GAAI;IACT,eAAY,OAAO;IACnB,cAAYqB,IAAI,CAACC,CAAC,CAAC,mBAAmB;EAAE,GACpCb,KAAK,CACV,CAAC;AAEN,CACF,CAAC;AAED,IAAMc,KAAK,gBAAGjC,KAAK,CAACO,UAAU,CAC5B,SAAS0B,KAAKA,CAAAC,KAAA,EAAyBxB,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAuB,KAAA,CAARvB,QAAQ;IAAKQ,KAAK,GAAAC,wBAAA,CAAAc,KAAA,EAAAC,UAAA;EACjC,oBACEnC,KAAA,CAAAsB,aAAA,CAACnB,WAAW,EAAAoB,QAAA;IAACb,GAAG,EAAEA;EAAI,GAAKS,KAAK,GAC7BR,QACU,CAAC;AAElB,CACF,CAAC;AAEDL,MAAM,CAAC8B,WAAW,GAAG,OAAO;AAE5BT,MAAM,CAACS,WAAW,GAAG,cAAc;AAEnCH,KAAK,CAACG,WAAW,GAAG,aAAa;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAM5B,KAAK,GAAGN,gBAAgB,CACnC;EACE+B,KAAK,EAALA,KAAK;EACLN,MAAM,EAANA;AACF,CAAC,EACDrB,MACF,CAAC"}

package/dist/Token/Token.styles.js

@@ -6,15 +6,15 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-11_26_1__sc-zqi94b-0"
+  componentId: "core-11_26_2__sc-zqi94b-0"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-11_26_1__sc-zqi94b-1"
+  componentId: "core-11_26_2__sc-zqi94b-1"
 })(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;width:16px;&:hover{background:", ";color:", ";}"], spacing.sm, spacing.sm, colors.white, colors.blue40);
 export var StyledToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToken",
-  componentId: "core-11_26_1__sc-zqi94b-2"
+  componentId: "core-11_26_2__sc-zqi94b-2"
 })(["align-items:center;background-color:", ";border-radius:200px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:24px;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", " ", " ", ""], colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_ref) {
   var _ref$$focused = _ref.$focused,
     $focused = _ref$$focused === void 0 ? false : _ref$$focused,