@procore/core-react 11.25.2 → 11.26.1

package/dist/Tearsheet/Tearsheet.styles.js

@@ -47,7 +47,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-11_25_2__sc-ljrxoq-0"
+  componentId: "core-11_26_1__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -67,7 +67,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
 export var minScrimSize = spacing.xxl * 3;
 export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetBody",
-  componentId: "core-11_25_2__sc-ljrxoq-1"
+  componentId: "core-11_26_1__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";", " ", "}"], colors.white, function (_ref5) {
   var $placement = _ref5.$placement,
     $stretch = _ref5.$stretch;
@@ -87,7 +87,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
 var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
 export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledScrimContainer",
-  componentId: "core-11_25_2__sc-ljrxoq-2"
+  componentId: "core-11_26_1__sc-ljrxoq-2"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -95,7 +95,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-11_25_2__sc-ljrxoq-3"
+  componentId: "core-11_26_1__sc-ljrxoq-3"
 })(["", ""], function (_ref8) {
   var $placement = _ref8.$placement;
   switch ($placement) {
@@ -110,7 +110,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-11_25_2__sc-ljrxoq-4"
+  componentId: "core-11_26_1__sc-ljrxoq-4"
 })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref9) {
   var $open = _ref9.$open;
   return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);

package/dist/TextArea/TextArea.styles.js

@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-11_25_2__sc-u5mow1-0"
+  componentId: "core-11_26_1__sc-u5mow1-0"
 })(["", " min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
   var _ref$resize = _ref.resize,
     resize = _ref$resize === void 0 ? 'both' : _ref$resize;

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "core-11_25_2__sc-1lje1b0-0"
+  componentId: "core-11_26_1__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

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_25_2__sc-195f70c-0"
+  componentId: "core-11_26_1__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_25_2__sc-195f70c-1"
+  componentId: "core-11_26_1__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-11_25_2__sc-195f70c-2"
+  componentId: "core-11_26_1__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-11_25_2__sc-195f70c-3"
+  componentId: "core-11_26_1__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-11_25_2__sc-195f70c-4"
+  componentId: "core-11_26_1__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-11_25_2__sc-195f70c-5"
+  componentId: "core-11_26_1__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-11_25_2__sc-195f70c-6"
+  componentId: "core-11_26_1__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-11_25_2__sc-195f70c-7"
+  componentId: "core-11_26_1__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_25_2__sc-195f70c-8"
+  componentId: "core-11_26_1__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_25_2__sc-195f70c-9"
+  componentId: "core-11_26_1__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_25_2__sc-195f70c-10"
+  componentId: "core-11_26_1__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-11_25_2__sc-195f70c-11"
+  componentId: "core-11_26_1__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_25_2__sc-195f70c-12"
+  componentId: "core-11_26_1__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_25_2__sc-195f70c-13"
+  componentId: "core-11_26_1__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-11_25_2__sc-195f70c-14"
+  componentId: "core-11_26_1__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_25_2__sc-195f70c-15"
+  componentId: "core-11_26_1__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_25_2__sc-195f70c-16"
+  componentId: "core-11_26_1__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_25_2__sc-1inrbm9-0"
+  componentId: "core-11_26_1__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-11_25_2__sc-1inrbm9-1"
+  componentId: "core-11_26_1__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_25_2__sc-1inrbm9-2"
+  componentId: "core-11_26_1__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_25_2__sc-1inrbm9-3"
+  componentId: "core-11_26_1__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-11_25_2__sc-1inrbm9-4"
+  componentId: "core-11_26_1__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-11_25_2__sc-1inrbm9-5"
+  componentId: "core-11_26_1__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_25_2__sc-1inrbm9-6"
+  componentId: "core-11_26_1__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/TieredSelect/TieredSelect.js

@@ -1,4 +1,4 @@
-var _excluded = ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "getGroupId", "getId", "getLabel", "getNextGroupId", "getValueString", "i18nScope", "onChange", "onClear", "onNavigate", "onQuickCreate", "onScrollBottom", "onSearch", "selectableTiers", "tabIndex"];
+var _excluded = ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "getGroupId", "getId", "getLabel", "getNextGroupId", "getValueString", "i18nScope", "onChange", "onClear", "onNavigate", "onQuickCreate", "onScrollBottom", "onSearch", "selectableTiers", "isTierDisabled", "tabIndex"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -147,6 +147,10 @@ export var TieredSelect = /*#__PURE__*/React.forwardRef(function TieredSelect(_r
     onSearch = _ref2.onSearch,
     _ref2$selectableTiers = _ref2.selectableTiers,
     selectableTiers = _ref2$selectableTiers === void 0 ? true : _ref2$selectableTiers,
+    _ref2$isTierDisabled = _ref2.isTierDisabled,
+    isTierDisabled = _ref2$isTierDisabled === void 0 ? function () {
+      return false;
+    } : _ref2$isTierDisabled,
     tabIndex = _ref2.tabIndex,
     props = _objectWithoutProperties(_ref2, _excluded);
   var isLeaf = React.useCallback(function (tier) {
@@ -166,6 +170,7 @@ export var TieredSelect = /*#__PURE__*/React.forwardRef(function TieredSelect(_r
       getValueString: getValueStringFn(getValueString),
       i18nScope: i18nScope,
       isLeaf: isLeaf,
+      isTierDisabled: isTierDisabled,
       onChange: onChange,
       onClear: onClear,
       onNavigate: onNavigate,

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","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      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          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://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":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,yBAAyB,QAAQ,6BAA6B;AAQvE,SAASC,yBAAyB,QAAQ,6BAA6B;AAEvE,SAASC,iBAAiBA,CAACC,IAAU,EAAE;EACrC,OAAOA,IAAI,CAACC,OAAO;AACrB;AAEA,SAASC,YAAYA,CAACF,IAAU,EAAE;EAChC,OAAOA,IAAI,CAACG,EAAE;AAChB;AAEA,SAASC,eAAeA,CAACJ,IAAU,EAAE;EACnC,OAAOA,IAAI,CAACK,KAAK;AACnB;AAEA,SAASC,qBAAqBA,CAACN,IAAU,EAAE;EACzC,OAAOA,IAAI,CAACO,WAAW;AACzB;AAEA,SAASC,WAAWA,CAAA,EAEA;EAAA,IADlBC,QAAuC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGN,eAAe;EAEzD,OAAO,SAASS,cAAcA,CAACC,KAAU,EAAE;IACzC,OAAOA,KAAK,CAACC,GAAG,CAAC,UAACf,IAAI;MAAA,OAAKS,QAAQ,CAAET,IAAI,CAAC;IAAA,EAAC,CAACgB,IAAI,CAAC,KAAK,CAAC;EACzD,CAAC;AACH;AAEA,SAASC,WAAWA,CAAA,EAEA;EAAA,IADlBR,QAAuC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGN,eAAe;EAEzD,OAAO,SAASS,cAAcA,CAACC,KAAU,EAAE;IACzC,OAAOA,KAAK,CAACH,MAAM,GAAGF,QAAQ,CAACK,KAAK,CAACA,KAAK,CAACH,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE;EAC9D,CAAC;AACH;AAEA,SAASO,gBAAgBA,CACvBC,qBAA0D,EAExC;EAAA,IADlBV,QAAuC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGN,eAAe;EAEzD,IAAIe,qBAAqB,KAAK,WAAW,EAAE;IACzC,OAAOX,WAAW,CAACC,QAAQ,CAAC;EAC9B;EAEA,IAAIU,qBAAqB,KAAK,WAAW,EAAE;IACzC,OAAOF,WAAW,CAACR,QAAQ,CAAC;EAC9B;EAEA,OAAOU,qBAAqB;AAC9B;AAEA,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,SAASC,MAAMA,CAAA,EAAG;EAChB,OAAO,IAAI;AACb;AAEA,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAAC,IAAA,EAY9B;EAAA,IAXJC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,WAAW,GAAAL,IAAA,CAAXK,WAAW;EAQX,IAAAC,eAAA,GAAwCjC,KAAK,CAACkC,QAAQ,CAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAArDI,YAAY,GAAAF,gBAAA;IAAEG,eAAe,GAAAH,gBAAA;EACpCnC,KAAK,CAACuC,SAAS,CAAC,YAAM;IACpBD,eAAe,CAACV,WAAW,CAAC;EAC9B,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAAY,gBAAA,GAA4CxC,KAAK,CAACkC,QAAQ,CAAS,EAAE,CAAC;IAAAO,gBAAA,GAAAL,cAAA,CAAAI,gBAAA;IAA/DE,cAAc,GAAAD,gBAAA;IAAEE,iBAAiB,GAAAF,gBAAA;EACxCzC,KAAK,CAACuC,SAAS,CAAC,YAAM;IACpBI,iBAAiB,CAACd,WAAW,CAAC;EAChC,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAMe,cAAc,GAAGd,OAAO,CAACe,OAAO;EACtC7C,KAAK,CAACuC,SAAS,CAAC,YAAM;IACpB,IAAIG,cAAc,KAAKb,WAAW,IAAIQ,YAAY,KAAKT,WAAW,EAAE;MAClEgB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEE,cAAc,CAAC,CAAC;IAClC;EACF,CAAC,EAAE,CAACF,cAAc,EAAEhB,WAAW,EAAES,YAAY,EAAER,WAAW,EAAEa,cAAc,CAAC,CAAC;EAE5E1C,KAAK,CAACuC,SAAS,CAAC,YAAM;IACpB,IAAIP,WAAW,EAAE;MACfY,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEG,aAAa,CAAC,KAAK,CAAC;IACtC;EACF,CAAC,EAAE,CAACH,cAAc,EAAEZ,WAAW,CAAC,CAAC;EAEjChC,KAAK,CAACuC,SAAS,CAAC,YAAM;IACpB,IAAI,CAACR,OAAO,IAAI,EAACa,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEI,WAAW,CAAC,CAAC,GAAE;MAC9CJ,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEE,cAAc,CAAC,CAAC;IAClC;EACF,CAAC,EAAE,CAACF,cAAc,EAAEb,OAAO,CAAC,CAAC;AAC/B,CAAC;AAED,OAAO,IAAMkB,mBAAmB,gBAAGjD,KAAK,CAACkD,aAAa,CAAkB;EACtEC,SAAS,EAAE3B,IAAI;EACf4B,SAAS,EAAE5B,IAAI;EACf6B,UAAU,EAAE5B,MAAM;EAClB6B,UAAU,EAAE7B,MAAM;EAClB8B,UAAU,EAAEpD,iBAAiB;EAC7BqD,KAAK,EAAElD,YAAY;EACnBO,QAAQ,EAAEL,eAAe;EACzBiD,cAAc,EAAE/C,qBAAqB;EACrCO,cAAc,EAAEL,WAAW,CAACJ,eAAe,CAAC;EAC5CkD,SAAS,EAAE,mBAAmB;EAC9BC,QAAQ,EAAEnC;AACZ,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMoC,YAAY,gBAAG5D,KAAK,CAAC6D,UAAU,CAC1C,SAASD,YAAYA,CAAAE,KAAA,EAwBnBC,GAAG,EACH;EAAA,IAAAC,eAAA,GAAAF,KAAA,CAvBEX,SAAS;IAATA,SAAS,GAAAa,eAAA,cAAGxC,IAAI,GAAAwC,eAAA;IAAAC,eAAA,GAAAH,KAAA,CAChBV,SAAS;IAATA,SAAS,GAAAa,eAAA,cAAGzC,IAAI,GAAAyC,eAAA;IAAAC,gBAAA,GAAAJ,KAAA,CAChBT,UAAU;IAAVA,UAAU,GAAAa,gBAAA,cAAGzC,MAAM,GAAAyC,gBAAA;IAAAC,gBAAA,GAAAL,KAAA,CACnBR,UAAU;IAAVA,UAAU,GAAAa,gBAAA,cAAG1C,MAAM,GAAA0C,gBAAA;IACnBC,KAAK,GAAAN,KAAA,CAALM,KAAK;IAAAC,gBAAA,GAAAP,KAAA,CACLP,UAAU;IAAVA,UAAU,GAAAc,gBAAA,cAAGlE,iBAAiB,GAAAkE,gBAAA;IAAAC,WAAA,GAAAR,KAAA,CAC9BN,KAAK;IAALA,KAAK,GAAAc,WAAA,cAAGhE,YAAY,GAAAgE,WAAA;IAAAC,cAAA,GAAAT,KAAA,CACpBjD,QAAQ;IAARA,QAAQ,GAAA0D,cAAA,cAAG/D,eAAe,GAAA+D,cAAA;IAAAC,oBAAA,GAAAV,KAAA,CAC1BL,cAAc;IAAdA,cAAc,GAAAe,oBAAA,cAAG9D,qBAAqB,GAAA8D,oBAAA;IAAAC,oBAAA,GAAAX,KAAA,CACtC7C,cAAc;IAAdA,cAAc,GAAAwD,oBAAA,cAAG7D,WAAW,CAACC,QAAQ,CAAC,GAAA4D,oBAAA;IAAAC,eAAA,GAAAZ,KAAA,CACtCJ,SAAS;IAATA,SAAS,GAAAgB,eAAA,cAAG,mBAAmB,GAAAA,eAAA;IAAAC,cAAA,GAAAb,KAAA,CAC/BH,QAAQ;IAARA,QAAQ,GAAAgB,cAAA,cAAGnD,IAAI,GAAAmD,cAAA;IACfC,OAAO,GAAAd,KAAA,CAAPc,OAAO;IACPC,UAAU,GAAAf,KAAA,CAAVe,UAAU;IACVC,aAAa,GAAAhB,KAAA,CAAbgB,aAAa;IACbC,cAAc,GAAAjB,KAAA,CAAdiB,cAAc;IACdC,QAAQ,GAAAlB,KAAA,CAARkB,QAAQ;IAAAC,qBAAA,GAAAnB,KAAA,CACRoB,eAAe;IAAfA,eAAe,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAE,oBAAA,GAAArB,KAAA,CACtBsB,cAAc;IAAdA,cAAc,GAAAD,oBAAA,cAAG;MAAA,OAAM,KAAK;IAAA,IAAAA,oBAAA;IAC5BE,QAAQ,GAAAvB,KAAA,CAARuB,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAzB,KAAA,EAAA0B,SAAA;EAIV,IAAMC,MAAM,GAAGzF,KAAK,CAAC0F,WAAW,CAC9B,UAAUtF,IAAU,EAAE;IACpB,OAAO,CAACqD,cAAc,CAACrD,IAAI,CAAC;EAC9B,CAAC,EACD,CAACqD,cAAc,CACjB,CAAC;EAED,oBACEzD,KAAA,CAAA2F,aAAA,CAAC1C,mBAAmB,CAAC2C,QAAQ;IAC3B1E,KAAK,EAAE;MACLiC,SAAS,EAATA,SAAS;MACTC,SAAS,EAATA,SAAS;MACTC,UAAU,EAAVA,UAAU;MACVC,UAAU,EAAVA,UAAU;MACVc,KAAK,EAALA,KAAK;MACLb,UAAU,EAAVA,UAAU;MACVC,KAAK,EAALA,KAAK;MACL3C,QAAQ,EAARA,QAAQ;MACR4C,cAAc,EAAdA,cAAc;MACdxC,cAAc,EAAEK,gBAAgB,CAACL,cAAc,CAAC;MAChDyC,SAAS,EAATA,SAAS;MACT+B,MAAM,EAANA,MAAM;MACNL,cAAc,EAAdA,cAAc;MACdzB,QAAQ,EAARA,QAAQ;MACRiB,OAAO,EAAPA,OAAO;MACPC,UAAU,EAAVA,UAAU;MACVC,aAAa,EAAbA,aAAa;MACbC,cAAc,EAAdA,cAAc;MACdC,QAAQ,EAARA,QAAQ;MACRK,QAAQ,EAARA;IACF;EAAE,GAEDH,eAAe,gBACdlF,KAAA,CAAA2F,aAAA,CAACzF,yBAAyB,EAAA2F,QAAA;IAAC9B,GAAG,EAAEA;EAAI,GAAKuB,KAAK,CAAG,CAAC,gBAElDtF,KAAA,CAAA2F,aAAA,CAAC1F,yBAAyB,EAAA4F,QAAA;IAAC9B,GAAG,EAAEA;EAAI,GAAKuB,KAAK,CAAG,CAEvB,CAAC;AAEnC,CACF,CAAC"}

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_25_2__sc-e1ql06-0"
+  componentId: "core-11_26_1__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-11_25_2__sc-e1ql06-1"
+  componentId: "core-11_26_1__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-11_25_2__sc-e1ql06-2"
+  componentId: "core-11_26_1__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-11_25_2__sc-e1ql06-3"
+  componentId: "core-11_26_1__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_25_2__sc-e1ql06-4"
+  componentId: "core-11_26_1__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-11_25_2__sc-e1ql06-5"
+  componentId: "core-11_26_1__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_25_2__sc-e1ql06-6"
+  componentId: "core-11_26_1__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_25_2__sc-e1ql06-7"
+  componentId: "core-11_26_1__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-11_25_2__sc-e1ql06-8"
+  componentId: "core-11_26_1__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_25_2__sc-8q9p0n-0"
+  componentId: "core-11_26_1__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_25_2__sc-8q9p0n-1"
+  componentId: "core-11_26_1__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_25_2__sc-8q9p0n-2"
+  componentId: "core-11_26_1__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_25_2__sc-8q9p0n-3"
+  componentId: "core-11_26_1__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_25_2__sc-8q9p0n-4"
+  componentId: "core-11_26_1__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_25_2__sc-8q9p0n-5"
+  componentId: "core-11_26_1__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_25_2__sc-8q9p0n-6"
+  componentId: "core-11_26_1__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_25_2__sc-8q9p0n-7"
+  componentId: "core-11_26_1__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.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import type { DivAttributes } from '../_utils/types';
-import type { TitleProps } from './Title.types';
+import type { TitleAssetsProps, TitleProps } from './Title.types';
 export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLDivElement>> & {
     Pills: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
     Text: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
     Subtext: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
     Actions: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
-    Assets: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Assets: React.ForwardRefExoticComponent<DivAttributes & TitleAssetsProps & React.RefAttributes<HTMLDivElement>>;
 };

package/dist/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":["React","addSubcomponents","slotify","StyledAssets","StyledSubtext","StyledText","StyledTitle","StyledTitleActions","StyledTitleContent","StyledTitlePill","isValidElement","element","Boolean","Title_","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","_slotify","pills","TitlePills","text","TitleText","subtext","TitleSubtext","actions","TitleActions","assets","TitleAssets","hasActions","slotChildren","hasAssets","hasPills","hasText","hasSubtext","isEmpty","every","el","createElement","_extends","slotRef","slotProps","$hasActions","color","Title","Pills","Text","Subtext","Actions","Assets"],"sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { slotify } from '../_utils/slotify'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n  StyledAssets,\n  StyledSubtext,\n  StyledText,\n  StyledTitle,\n  StyledTitleActions,\n  StyledTitleContent,\n  StyledTitlePill,\n} from './Title.styles'\nimport type { TitleProps } from './Title.types'\n\nfunction isValidElement(element: unknown) {\n  return Boolean(element)\n}\n\nconst Title_ = React.forwardRef<HTMLDivElement, TitleProps>(function Title_(\n  { children, ...props },\n  ref\n) {\n  const { pills, text, subtext, actions, assets } = slotify(children, {\n    pills: TitlePills,\n    text: TitleText,\n    subtext: TitleSubtext,\n    actions: TitleActions,\n    assets: TitleAssets,\n  })\n\n  const hasActions = isValidElement(actions.slotChildren)\n  const hasAssets = isValidElement(assets.slotChildren)\n  const hasPills = isValidElement(pills.slotChildren)\n  const hasText = isValidElement(text.slotChildren)\n  const hasSubtext = isValidElement(subtext.slotChildren)\n  const isEmpty = [hasActions, hasAssets, hasPills, hasText, hasSubtext].every(\n    (el) => !el\n  )\n\n  if (isEmpty) {\n    return null\n  }\n\n  return (\n    <StyledTitle ref={ref} {...props}>\n      {hasAssets && (\n        <StyledAssets ref={assets.slotRef} {...assets.slotProps}>\n          {assets.slotChildren}\n        </StyledAssets>\n      )}\n      <StyledTitleContent $hasActions={hasActions}>\n        {hasText && (\n          <StyledText ref={text.slotRef} {...text.slotProps}>\n            {text.slotChildren}\n          </StyledText>\n        )}\n        {hasPills && (\n          <StyledTitlePill ref={pills.slotRef} {...pills.slotProps}>\n            {pills.slotChildren}\n          </StyledTitlePill>\n        )}\n        {hasSubtext && (\n          <StyledSubtext\n            ref={subtext.slotRef}\n            {...subtext.slotProps}\n            color=\"gray45\"\n          >\n            {subtext.slotChildren}\n          </StyledSubtext>\n        )}\n      </StyledTitleContent>\n      {hasActions && (\n        <StyledTitleActions ref={actions.slotRef} {...actions.slotProps}>\n          {actions.slotChildren}\n        </StyledTitleActions>\n      )}\n    </StyledTitle>\n  )\n})\n\nconst TitlePills = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitlePills() {\n    return <div />\n  }\n)\nconst TitleText = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitleText() {\n    return <div />\n  }\n)\nconst TitleSubtext = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitleSubtext() {\n    return <div />\n  }\n)\nconst TitleActions = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitleActions() {\n    return <div />\n  }\n)\nconst TitleAssets = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitleAssets() {\n    return <div />\n  }\n)\n\nexport const Title = addSubcomponents(\n  {\n    Pills: TitlePills,\n    Text: TitleText,\n    Subtext: TitleSubtext,\n    Actions: TitleActions,\n    Assets: TitleAssets,\n  },\n  Title_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Title.js","names":["React","addSubcomponents","slotify","StyledAssets","StyledSubtext","StyledText","StyledTitle","StyledTitleActions","StyledTitleContent","StyledTitlePill","isValidElement","element","Boolean","Title_","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","_slotify","pills","TitlePills","text","TitleText","subtext","TitleSubtext","actions","TitleActions","assets","TitleAssets","hasActions","slotChildren","hasAssets","hasPills","hasText","hasSubtext","isEmpty","every","el","createElement","_extends","slotRef","slotProps","$hasActions","color","Title","Pills","Text","Subtext","Actions","Assets"],"sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { slotify } from '../_utils/slotify'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n  StyledAssets,\n  StyledSubtext,\n  StyledText,\n  StyledTitle,\n  StyledTitleActions,\n  StyledTitleContent,\n  StyledTitlePill,\n} from './Title.styles'\nimport type { TitleAssetsProps, TitleProps } from './Title.types'\n\nfunction isValidElement(element: unknown) {\n  return Boolean(element)\n}\n\nconst Title_ = React.forwardRef<HTMLDivElement, TitleProps>(function Title_(\n  { children, ...props },\n  ref\n) {\n  const { pills, text, subtext, actions, assets } = slotify(children, {\n    pills: TitlePills,\n    text: TitleText,\n    subtext: TitleSubtext,\n    actions: TitleActions,\n    assets: TitleAssets,\n  })\n\n  const hasActions = isValidElement(actions.slotChildren)\n  const hasAssets = isValidElement(assets.slotChildren)\n  const hasPills = isValidElement(pills.slotChildren)\n  const hasText = isValidElement(text.slotChildren)\n  const hasSubtext = isValidElement(subtext.slotChildren)\n  const isEmpty = [hasActions, hasAssets, hasPills, hasText, hasSubtext].every(\n    (el) => !el\n  )\n\n  if (isEmpty) {\n    return null\n  }\n\n  return (\n    <StyledTitle ref={ref} {...props}>\n      {hasAssets && (\n        <StyledAssets ref={assets.slotRef} {...assets.slotProps}>\n          {assets.slotChildren}\n        </StyledAssets>\n      )}\n      <StyledTitleContent $hasActions={hasActions}>\n        {hasText && (\n          <StyledText ref={text.slotRef} {...text.slotProps}>\n            {text.slotChildren}\n          </StyledText>\n        )}\n        {hasPills && (\n          <StyledTitlePill ref={pills.slotRef} {...pills.slotProps}>\n            {pills.slotChildren}\n          </StyledTitlePill>\n        )}\n        {hasSubtext && (\n          <StyledSubtext\n            ref={subtext.slotRef}\n            {...subtext.slotProps}\n            color=\"gray45\"\n          >\n            {subtext.slotChildren}\n          </StyledSubtext>\n        )}\n      </StyledTitleContent>\n      {hasActions && (\n        <StyledTitleActions ref={actions.slotRef} {...actions.slotProps}>\n          {actions.slotChildren}\n        </StyledTitleActions>\n      )}\n    </StyledTitle>\n  )\n})\n\nconst TitlePills = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitlePills() {\n    return <div />\n  }\n)\nconst TitleText = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitleText() {\n    return <div />\n  }\n)\nconst TitleSubtext = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitleSubtext() {\n    return <div />\n  }\n)\nconst TitleActions = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitleActions() {\n    return <div />\n  }\n)\nconst TitleAssets = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & TitleAssetsProps\n>(function TitleAssets() {\n  return <div />\n})\n\nexport const Title = addSubcomponents(\n  {\n    Pills: TitlePills,\n    Text: TitleText,\n    Subtext: TitleSubtext,\n    Actions: TitleActions,\n    Assets: TitleAssets,\n  },\n  Title_\n)\n"],"mappings":"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"}

package/dist/Title/Title.styles.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import type { TitleAssetsProps } from './Title.types';
 export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAssets: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAssets: import("styled-components").StyledComponent<"div", any, TitleAssetsProps, never>;
 export declare const StyledTitleContent: import("styled-components").StyledComponent<"div", any, {
     $hasActions: boolean;
 }, never>;

package/dist/Title/Title.styles.js

@@ -5,33 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-11_25_2__sc-1t2ye1d-0"
+  componentId: "core-11_26_1__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-11_25_2__sc-1t2ye1d-1"
-})(["margin-right:", "px;"], spacing.md);
+  componentId: "core-11_26_1__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_25_2__sc-1t2ye1d-2"
-})(["align-self:center;", ""], function (_ref) {
-  var $hasActions = _ref.$hasActions;
+  componentId: "core-11_26_1__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_25_2__sc-1t2ye1d-3"
+  componentId: "core-11_26_1__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-11_25_2__sc-1t2ye1d-4"
+  componentId: "core-11_26_1__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_25_2__sc-1t2ye1d-5"
+  componentId: "core-11_26_1__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-11_25_2__sc-1t2ye1d-6"
+  componentId: "core-11_26_1__sc-1t2ye1d-6"
 })(["display:block;"]);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Title/Title.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.styles.js","names":["styled","css","StyledActions","StyledPill","Typography","spacing","StyledTitle","div","withConfig","displayName","componentId","StyledAssets","md","StyledTitleContent","_ref","$hasActions","lg","StyledText","span","StyledTitlePill","sm","StyledTitleActions","StyledSubtext"],"sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledActions } from '../Content/Content.styles'\nimport { StyledPill } from '../Pill/Pill.styles'\nimport { Typography } from '../Typography/Typography'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledTitle = styled.div`\n  display: flex;\n  align-items: flex-start;\n`\n\nexport const StyledAssets = styled.div`\n  margin-right: ${spacing.md}px;\n`\n\nexport const StyledTitleContent = styled.div<{ $hasActions: boolean }>`\n  align-self: center;\n\n  ${({ $hasActions }) =>\n    $hasActions &&\n    css`\n      margin-right: ${spacing.lg}px;\n    `}\n`\n\nexport const StyledText = styled.span`\n  > h1,\n  > h2,\n  > h3 {\n    display: inline;\n  }\n`\n\nexport const StyledTitlePill = styled.span`\n  margin-left: ${spacing.sm}px;\n\n  ${StyledPill} {\n    vertical-align: text-top;\n  }\n`\n\nexport const StyledTitleActions = styled(StyledActions)`\n  margin-left: auto;\n`\n\nexport const StyledSubtext = styled(Typography)`\n  display: block;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,WAAW,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAGpC;AAED,OAAO,IAAMC,YAAY,gBAAGX,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6BACpBL,OAAO,CAACO,EAAE,CAC3B;AAED,OAAO,IAAMC,kBAAkB,gBAAGb,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAGxC,UAAAI,IAAA;EAAA,IAAGC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EAAA,OACdA,WAAW,IACXd,GAAG,2BACeI,OAAO,CAACW,EAAE,CAC3B;AAAA,EACJ;AAED,OAAO,IAAMC,UAAU,gBAAGjB,MAAM,CAACkB,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uCAMpC;AAED,OAAO,IAAMS,eAAe,gBAAGnB,MAAM,CAACkB,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DACzBL,OAAO,CAACe,EAAE,EAEvBjB,UAAU,CAGb;AAED,OAAO,IAAMkB,kBAAkB,gBAAGrB,MAAM,CAACE,aAAa,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEtD;AAED,OAAO,IAAMY,aAAa,gBAAGtB,MAAM,CAACI,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAE9C"}
+{"version":3,"file":"Title.styles.js","names":["styled","css","StyledActions","StyledPill","Typography","spacing","StyledTitle","div","withConfig","displayName","componentId","StyledAssets","md","_ref","alignment","StyledTitleContent","_ref2","$hasActions","lg","StyledText","span","StyledTitlePill","sm","StyledTitleActions","StyledSubtext"],"sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledActions } from '../Content/Content.styles'\nimport { StyledPill } from '../Pill/Pill.styles'\nimport { Typography } from '../Typography/Typography'\nimport { spacing } from '../_styles/spacing'\nimport type { TitleAssetsProps } from './Title.types'\n\nexport const StyledTitle = styled.div`\n  display: flex;\n  align-items: flex-start;\n`\n\nexport const StyledAssets = styled.div<TitleAssetsProps>`\n  margin-right: ${spacing.md}px;\n  ${({ alignment }) =>\n    css`\n      align-self: ${alignment};\n    `}\n`\n\nexport const StyledTitleContent = styled.div<{ $hasActions: boolean }>`\n  align-self: center;\n\n  ${({ $hasActions }) =>\n    $hasActions &&\n    css`\n      margin-right: ${spacing.lg}px;\n    `}\n`\n\nexport const StyledText = styled.span`\n  > h1,\n  > h2,\n  > h3 {\n    display: inline;\n  }\n`\n\nexport const StyledTitlePill = styled.span`\n  margin-left: ${spacing.sm}px;\n\n  ${StyledPill} {\n    vertical-align: text-top;\n  }\n`\n\nexport const StyledTitleActions = styled(StyledActions)`\n  margin-left: auto;\n`\n\nexport const StyledSubtext = styled(Typography)`\n  display: block;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,WAAW,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAGpC;AAED,OAAO,IAAMC,YAAY,gBAAGX,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCACpBL,OAAO,CAACO,EAAE,EACxB,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZb,GAAG,uBACaa,SAAS;AAAA,CACxB,CACJ;AAED,OAAO,IAAMC,kBAAkB,gBAAGf,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAGxC,UAAAM,KAAA;EAAA,IAAGC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EAAA,OACdA,WAAW,IACXhB,GAAG,2BACeI,OAAO,CAACa,EAAE,CAC3B;AAAA,EACJ;AAED,OAAO,IAAMC,UAAU,gBAAGnB,MAAM,CAACoB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uCAMpC;AAED,OAAO,IAAMW,eAAe,gBAAGrB,MAAM,CAACoB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DACzBL,OAAO,CAACiB,EAAE,EAEvBnB,UAAU,CAGb;AAED,OAAO,IAAMoB,kBAAkB,gBAAGvB,MAAM,CAACE,aAAa,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEtD;AAED,OAAO,IAAMc,aAAa,gBAAGxB,MAAM,CAACI,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAE9C"}

package/dist/Title/Title.types.d.ts

@@ -1,3 +1,10 @@
 import type { DivAttributes } from '../_utils/types';
 export interface TitleProps extends DivAttributes {
 }
+export interface TitleAssetsProps {
+    /**
+     * Alias for `align-self` css property.
+     * @since 11.26.0
+     */
+    alignment?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+}

package/dist/Title/Title.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.types.js","names":[],"sources":["../../src/Title/Title.types.ts"],"sourcesContent":["import type { DivAttributes } from '../_utils/types'\n\nexport interface TitleProps extends DivAttributes {}\n"],"mappings":""}
+{"version":3,"file":"Title.types.js","names":[],"sources":["../../src/Title/Title.types.ts"],"sourcesContent":["import type { DivAttributes } from '../_utils/types'\n\nexport interface TitleProps extends DivAttributes {}\n\nexport interface TitleAssetsProps {\n  /**\n   * Alias for `align-self` css property.\n   * @since 11.26.0\n   */\n  alignment?:\n    | 'auto'\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'baseline'\n    | 'stretch'\n}\n"],"mappings":""}

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_25_2__sc-1l6lk2n-0"
+  componentId: "core-11_26_1__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_25_2__sc-1l6lk2n-1"
+  componentId: "core-11_26_1__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_25_2__sc-1l6lk2n-2"
+  componentId: "core-11_26_1__sc-1l6lk2n-2"
 })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

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_25_2__sc-1x59fxi-0"
+  componentId: "core-11_26_1__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);