@procore/core-react 12.20.1 → 12.20.2

package/dist/Tabs/Tabs.styles.js

@@ -17,17 +17,17 @@ var borderRadius = /*#__PURE__*/css(["border-radius:", "px ", "px 0 0;"], spacin
  */
 var StyledTabBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabBase",
-  componentId: "core-12_20_1__sc-17s58xs-0"
+  componentId: "core-12_20_2__sc-17s58xs-0"
 })(["align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;position:relative;white-space:nowrap;text-decoration:none;background-color:transparent;border:none;font-family:inherit;padding:0;"]);
 var StyledTabInnerBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabInnerBase",
-  componentId: "core-12_20_1__sc-17s58xs-1"
+  componentId: "core-12_20_2__sc-17s58xs-1"
 })(["align-self:baseline;box-sizing:border-box;&,> a{display:flex;text-decoration:none;width:100%;}"]);
 
 // This so that it can be visible/hidden via CSS down below
 var StyledDropdownTabBase = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledDropdownTabBase",
-  componentId: "core-12_20_1__sc-17s58xs-2"
+  componentId: "core-12_20_2__sc-17s58xs-2"
 })(["", ""], hiddenTab);
 
 //// END BASE LAYOUT COMPONENTS FOR TABS ////
@@ -50,11 +50,11 @@ function getTabStyle() {
 }
 var StyledTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledTab",
-  componentId: "core-12_20_1__sc-17s58xs-3"
+  componentId: "core-12_20_2__sc-17s58xs-3"
 })(["", ""], getTabStyle);
 var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledTabInner",
-  componentId: "core-12_20_1__sc-17s58xs-4"
+  componentId: "core-12_20_2__sc-17s58xs-4"
 })(["", " padding:0 ", "px;font-weight:", ";&,> a{", ";color:", ";height:23px;}", ""], getTypographyIntent('body'), spacing.xs, function (_ref3) {
   var $selected = _ref3.$selected;
   return $selected ? 600 : 400;
@@ -67,15 +67,15 @@ var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
 });
 var StyledDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledDropdownTab",
-  componentId: "core-12_20_1__sc-17s58xs-5"
+  componentId: "core-12_20_2__sc-17s58xs-5"
 })(["", ""], getTabStyle);
 var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
   displayName: "StyledDropdownTabInner",
-  componentId: "core-12_20_1__sc-17s58xs-6"
+  componentId: "core-12_20_2__sc-17s58xs-6"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_20_1__sc-17s58xs-7"
+  componentId: "core-12_20_2__sc-17s58xs-7"
 })(["align-items:center;display:flex;height:23px;", ";box-sizing:border-box;"], borderRadius);
 
 //// END TRADITIONAL DESIGN SYSTEM TAB STYLES ////
@@ -92,34 +92,34 @@ function getHelixHeaderTabStyles() {
 }
 var StyledGlobalNavigationTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledGlobalNavigationTab",
-  componentId: "core-12_20_1__sc-17s58xs-8"
+  componentId: "core-12_20_2__sc-17s58xs-8"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTab",
-  componentId: "core-12_20_1__sc-17s58xs-9"
+  componentId: "core-12_20_2__sc-17s58xs-9"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTabInner",
-  componentId: "core-12_20_1__sc-17s58xs-10"
+  componentId: "core-12_20_2__sc-17s58xs-10"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledGlobalNavigationLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledGlobalNavigationLink",
-  componentId: "core-12_20_1__sc-17s58xs-11"
+  componentId: "core-12_20_2__sc-17s58xs-11"
 })(["padding-left:6px;padding-right:6px;"]);
 
 //// END HELIX GLOBAL NAVIGATION TAB STYLES ////
 
 export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledOverlay",
-  componentId: "core-12_20_1__sc-17s58xs-12"
+  componentId: "core-12_20_2__sc-17s58xs-12"
 })(["max-height:40vh;", "{padding:0;display:flex;justify-content:center;a{margin:unset;padding:unset;}}", "{padding:0;display:flex;}", "{padding:2px 16px 4px 16px;}", ",", "{color:", ";border-radius:0;display:flex;width:100%;background:inherit;font-weight:inherit;font-size:inherit;padding:0;}[data-selected='true']{", ",", "{border-bottom-color:transparent;color:", ";}}"], StyledItem, StyledLink, StyledTabInnerBase, StyledLink, StyledTabBase, colors.gray15, StyledLink, StyledTabBase, colors.blue50);
 export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabList",
-  componentId: "core-12_20_1__sc-17s58xs-13"
+  componentId: "core-12_20_2__sc-17s58xs-13"
 })(["display:flex;width:100%;"]);
 export var StyledTabs = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledTabs",
-  componentId: "core-12_20_1__sc-17s58xs-14"
+  componentId: "core-12_20_2__sc-17s58xs-14"
 })(["background-color:", ";display:flex;overflow:hidden;width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref6) {
   var $dark = _ref6.$dark;
   return $dark && colors.gray15;

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-12_20_1__sc-ljrxoq-0"
+  componentId: "core-12_20_2__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-12_20_1__sc-ljrxoq-1"
+  componentId: "core-12_20_2__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";", " ", "}"], colors.white, function (_ref5) {
   var $block = _ref5.$block,
     $placement = _ref5.$placement,
@@ -88,7 +88,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-12_20_1__sc-ljrxoq-2"
+  componentId: "core-12_20_2__sc-ljrxoq-2"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -96,7 +96,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-12_20_1__sc-ljrxoq-3"
+  componentId: "core-12_20_2__sc-ljrxoq-3"
 })(["", ""], function (_ref8) {
   var $placement = _ref8.$placement;
   switch ($placement) {
@@ -111,7 +111,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-12_20_1__sc-ljrxoq-4"
+  componentId: "core-12_20_2__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-12_20_1__sc-u5mow1-0"
+  componentId: "core-12_20_2__sc-u5mow1-0"
 })(["", " height:auto;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-12_20_1__sc-1lje1b0-0"
+  componentId: "core-12_20_2__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/Thumbnail/Thumbnail.hooks.d.ts

@@ -90,7 +90,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -391,7 +391,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -695,7 +695,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -898,6 +898,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     list?: string | undefined;
+    step?: string | number | undefined;
     height?: string | number | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
@@ -916,7 +917,6 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     multiple?: boolean | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
-    step?: string | number | undefined;
     alt: string;
     error?: boolean | undefined;
     variant?: import("./ThumbnailDocumentIcon").ThumbnailDocumentIconVariant | undefined;
@@ -1019,7 +1019,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -1222,6 +1222,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     list?: string | undefined;
+    step?: string | number | undefined;
     height?: string | number | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
@@ -1240,7 +1241,6 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     multiple?: boolean | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
-    step?: string | number | undefined;
     alt: string;
     error?: boolean | undefined;
     variant?: import("./ThumbnailDocumentIcon").ThumbnailDocumentIconVariant | undefined;

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

package/dist/TieredDropdown/TieredDropdown.js

@@ -129,6 +129,7 @@ var TieredDropdownInternal = /*#__PURE__*/React.forwardRef(function TieredDropdo
   var internalAfterHide = React.useCallback(function () {
     setCurrentTier(null);
     setInternalValue([]);
+    setSearch('');
     afterHide && afterHide();
   }, [afterHide]);
 

package/dist/TieredDropdown/TieredDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"TieredDropdown.js","names":["React","Button","OverlayTrigger","TieredSelectContext","TieredSelectMenu","always","defaultGetGroupId","defaultGetId","defaultGetLabel","defaultGetNextGroupId","defaultIsTierDisabled","empty","findPath","getPathKey","hideKeys","noop","useSearch","TieredDropdownInternal","forwardRef","_ref","ref","className","_ref$disabled","disabled","_ref$loading","loading","onKeyDown","_ref$options","options","_ref$value","value","style","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","afterHide","afterShow","beforeHide","beforeShow","block","getLabel","getGroupId","getNextGroupId","isLeaf","onChange","onNavigate","onSearch","tabIndex","searchablePaths","useMemo","paths","optionsByNextGroupId","reduce","map","option","nextGroupId","_objectSpread","_defineProperty","forEach","item","path","pathKey","push","label","node","_useSearch","items","keysToSearch","searchTerm","filteredItems","setSearch","menuOptions","length","tieredSelectMenuRef","useRef","_React$useState","useState","_React$useState2","_slicedToArray","currentTier","setCurrentTier","_React$useState3","_React$useState4","internalValue","setInternalValue","internalOnNavigate","useCallback","internalOnSearch","event","undefined","target","internalOnChange","selection","internalAfterHide","useEffect","lastEntryInValue","createElement","e","canFlip","overlay","_extends","menuRef","previousValue","placement","trigger","icon","iconRight","size","variant","children","TieredDropdown","_ref2","_ref2$afterHide","_ref2$afterShow","_ref2$beforeHide","_ref2$beforeShow","_ref2$getGroupId","_ref2$getId","getId","_ref2$getLabel","_ref2$getNextGroupId","_ref2$i18nScope","i18nScope","_ref2$isTierDisabled","isTierDisabled","_ref2$onSelect","onSelect","onScrollBottom","_excluded2","tier","Provider","getValueString"],"sources":["../../src/TieredDropdown/TieredDropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from '../Button/Button'\nimport type { MenuRef } from '../MenuImperative/MenuImperative.types'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { TieredSelectContext } from '../TieredSelect/TieredSelect'\nimport type {\n  Id,\n  Tier,\n  TieredSelectMenuProps,\n} from '../TieredSelect/TieredSelect.types'\nimport { TieredSelectMenu } from '../TieredSelect/TieredSelectMenu'\nimport {\n  always,\n  defaultGetGroupId,\n  defaultGetId,\n  defaultGetLabel,\n  defaultGetNextGroupId,\n  defaultIsTierDisabled,\n  empty,\n  findPath,\n  getPathKey,\n  hideKeys,\n  noop,\n} from './TieredDropdown.helpers'\nimport type {\n  InternalTieredDropdownProps,\n  SearchablePath,\n  TieredDropdownProps,\n} from './TieredDropdown.types'\nimport { useSearch } from './useSearch'\n\nconst TieredDropdownInternal = React.forwardRef<\n  HTMLDivElement,\n  InternalTieredDropdownProps\n>(function TieredDropdownInternal(\n  {\n    className,\n    disabled = false,\n    loading = false,\n    onKeyDown,\n    options = empty,\n    value = empty,\n    style,\n    ...props\n  },\n  ref\n) {\n  const {\n    afterHide,\n    afterShow,\n    beforeHide,\n    beforeShow,\n    block,\n    getLabel,\n    getGroupId,\n    getNextGroupId,\n    isLeaf,\n    onChange,\n    onNavigate,\n    onSearch,\n    tabIndex,\n  } = React.useContext(TieredSelectContext)\n\n  const searchablePaths = React.useMemo<SearchablePath[]>(() => {\n    if (onSearch) {\n      return []\n    }\n\n    const paths: SearchablePath[] = []\n\n    const optionsByNextGroupId = options.reduce((map, option) => {\n      const nextGroupId = getNextGroupId(option)\n      if (nextGroupId) {\n        return {\n          ...map,\n          [nextGroupId]: option,\n        }\n      }\n      return map\n    }, {})\n\n    options.forEach((item) => {\n      if (!getNextGroupId(item)) {\n        const path = findPath(optionsByNextGroupId, item, getGroupId)\n\n        const pathKey = getPathKey(path, getLabel)\n        paths.push({\n          path,\n          pathKey,\n          label: pathKey,\n          node: item,\n        })\n      }\n    })\n\n    return paths\n  }, [getGroupId, getLabel, getNextGroupId, onSearch, options])\n\n  const { searchTerm, filteredItems, setSearch } = useSearch({\n    items: searchablePaths,\n    keysToSearch: ['pathKey'],\n  })\n\n  const menuOptions = React.useMemo(() => {\n    return searchTerm?.length > 0 ? filteredItems : options\n  }, [filteredItems, options, searchTerm])\n\n  const tieredSelectMenuRef = React.useRef<MenuRef>(null)\n  const [currentTier, setCurrentTier] = React.useState<Id>(null)\n\n  // internal value used for navigation\n  const [internalValue, setInternalValue] = React.useState<Tier[]>(value)\n\n  const internalOnNavigate = React.useCallback(\n    function (nextGroupId: Id, value: any[]) {\n      setInternalValue(value)\n      setCurrentTier(nextGroupId)\n      onNavigate?.(nextGroupId, value)\n    },\n    [onNavigate]\n  )\n\n  const internalOnSearch = React.useCallback(\n    function (event: any) {\n      if (onSearch === undefined) {\n        setSearch(event.target.value || '')\n      } else {\n        onSearch(event)\n      }\n    },\n    [onSearch, setSearch]\n  )\n\n  /**\n   * Emulates on select\n   */\n  const internalOnChange = React.useCallback<TieredSelectMenuProps['onChange']>(\n    (selection) => {\n      if (searchTerm?.length > 0) {\n        onChange?.({\n          ...selection,\n          value: (selection.item as SearchablePath).path,\n          item: (selection.item as SearchablePath).node,\n        })\n      } else {\n        onChange?.(selection)\n      }\n    },\n    [onChange, searchTerm]\n  )\n\n  /**\n   * Used to reset state after selection\n   */\n  const internalAfterHide = React.useCallback(() => {\n    setCurrentTier(null)\n    setInternalValue([])\n    afterHide && afterHide()\n  }, [afterHide])\n\n  // if value prop changes, update value state, current tier, and set button label\n  // else open to root\n  React.useEffect(\n    function () {\n      if (value?.length > 0) {\n        const lastEntryInValue = value[value.length - 1]\n        setInternalValue(value)\n        // show children of last tier in value if not a leaf node\n        // otherwise we want to show the parent of the last tier in value\n        if (isLeaf && !isLeaf(lastEntryInValue)) {\n          setCurrentTier(getNextGroupId(lastEntryInValue))\n        } else {\n          setCurrentTier(getGroupId(lastEntryInValue) || null)\n        }\n      } else {\n        setCurrentTier(null)\n        setInternalValue([])\n      }\n    },\n    [getGroupId, getNextGroupId, isLeaf, value]\n  )\n\n  return (\n    <OverlayTrigger\n      afterHide={internalAfterHide}\n      afterShow={afterShow}\n      beforeHide={beforeHide}\n      beforeShow={(e: Event) => {\n        return beforeShow && beforeShow(e)\n      }}\n      canFlip={true}\n      hideKeys={hideKeys}\n      overlay={\n        disabled ? null : (\n          <TieredSelectMenu\n            currentTier={currentTier}\n            options={menuOptions}\n            loading={loading}\n            menuRef={tieredSelectMenuRef}\n            onNavigate={internalOnNavigate}\n            onSearch={internalOnSearch}\n            onChange={internalOnChange}\n            value={internalValue}\n            previousValue={[]}\n            {...props}\n          />\n        )\n      }\n      placement=\"bottom-left\"\n      ref={ref}\n      trigger=\"click\"\n    >\n      <Button\n        data-qa={props['data-qa']}\n        block={block}\n        className={className}\n        disabled={disabled}\n        icon={props.icon}\n        iconRight={props.iconRight}\n        loading={loading}\n        size={props.size}\n        style={style}\n        tabIndex={tabIndex}\n        variant={props.variant}\n      >\n        {props.children}\n      </Button>\n    </OverlayTrigger>\n  )\n})\n\nexport const TieredDropdown = React.forwardRef<\n  HTMLDivElement,\n  TieredDropdownProps\n>(function TieredDropdown(\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    i18nScope = 'core.tieredDropdown',\n    isTierDisabled = defaultIsTierDisabled,\n    onSelect = noop,\n    onNavigate,\n    onScrollBottom,\n    onSearch,\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: () => '',\n        i18nScope,\n        isTierDisabled,\n        isLeaf,\n        onChange: onSelect,\n        onNavigate,\n        onScrollBottom,\n        onSearch,\n        tabIndex,\n      }}\n    >\n      <TieredDropdownInternal ref={ref} {...props} value={[]} />\n    </TieredSelectContext.Provider>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"TieredDropdown.js","names":["React","Button","OverlayTrigger","TieredSelectContext","TieredSelectMenu","always","defaultGetGroupId","defaultGetId","defaultGetLabel","defaultGetNextGroupId","defaultIsTierDisabled","empty","findPath","getPathKey","hideKeys","noop","useSearch","TieredDropdownInternal","forwardRef","_ref","ref","className","_ref$disabled","disabled","_ref$loading","loading","onKeyDown","_ref$options","options","_ref$value","value","style","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","afterHide","afterShow","beforeHide","beforeShow","block","getLabel","getGroupId","getNextGroupId","isLeaf","onChange","onNavigate","onSearch","tabIndex","searchablePaths","useMemo","paths","optionsByNextGroupId","reduce","map","option","nextGroupId","_objectSpread","_defineProperty","forEach","item","path","pathKey","push","label","node","_useSearch","items","keysToSearch","searchTerm","filteredItems","setSearch","menuOptions","length","tieredSelectMenuRef","useRef","_React$useState","useState","_React$useState2","_slicedToArray","currentTier","setCurrentTier","_React$useState3","_React$useState4","internalValue","setInternalValue","internalOnNavigate","useCallback","internalOnSearch","event","undefined","target","internalOnChange","selection","internalAfterHide","useEffect","lastEntryInValue","createElement","e","canFlip","overlay","_extends","menuRef","previousValue","placement","trigger","icon","iconRight","size","variant","children","TieredDropdown","_ref2","_ref2$afterHide","_ref2$afterShow","_ref2$beforeHide","_ref2$beforeShow","_ref2$getGroupId","_ref2$getId","getId","_ref2$getLabel","_ref2$getNextGroupId","_ref2$i18nScope","i18nScope","_ref2$isTierDisabled","isTierDisabled","_ref2$onSelect","onSelect","onScrollBottom","_excluded2","tier","Provider","getValueString"],"sources":["../../src/TieredDropdown/TieredDropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from '../Button/Button'\nimport type { MenuRef } from '../MenuImperative/MenuImperative.types'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { TieredSelectContext } from '../TieredSelect/TieredSelect'\nimport type {\n  Id,\n  Tier,\n  TieredSelectMenuProps,\n} from '../TieredSelect/TieredSelect.types'\nimport { TieredSelectMenu } from '../TieredSelect/TieredSelectMenu'\nimport {\n  always,\n  defaultGetGroupId,\n  defaultGetId,\n  defaultGetLabel,\n  defaultGetNextGroupId,\n  defaultIsTierDisabled,\n  empty,\n  findPath,\n  getPathKey,\n  hideKeys,\n  noop,\n} from './TieredDropdown.helpers'\nimport type {\n  InternalTieredDropdownProps,\n  SearchablePath,\n  TieredDropdownProps,\n} from './TieredDropdown.types'\nimport { useSearch } from './useSearch'\n\nconst TieredDropdownInternal = React.forwardRef<\n  HTMLDivElement,\n  InternalTieredDropdownProps\n>(function TieredDropdownInternal(\n  {\n    className,\n    disabled = false,\n    loading = false,\n    onKeyDown,\n    options = empty,\n    value = empty,\n    style,\n    ...props\n  },\n  ref\n) {\n  const {\n    afterHide,\n    afterShow,\n    beforeHide,\n    beforeShow,\n    block,\n    getLabel,\n    getGroupId,\n    getNextGroupId,\n    isLeaf,\n    onChange,\n    onNavigate,\n    onSearch,\n    tabIndex,\n  } = React.useContext(TieredSelectContext)\n\n  const searchablePaths = React.useMemo<SearchablePath[]>(() => {\n    if (onSearch) {\n      return []\n    }\n\n    const paths: SearchablePath[] = []\n\n    const optionsByNextGroupId = options.reduce((map, option) => {\n      const nextGroupId = getNextGroupId(option)\n      if (nextGroupId) {\n        return {\n          ...map,\n          [nextGroupId]: option,\n        }\n      }\n      return map\n    }, {})\n\n    options.forEach((item) => {\n      if (!getNextGroupId(item)) {\n        const path = findPath(optionsByNextGroupId, item, getGroupId)\n\n        const pathKey = getPathKey(path, getLabel)\n        paths.push({\n          path,\n          pathKey,\n          label: pathKey,\n          node: item,\n        })\n      }\n    })\n\n    return paths\n  }, [getGroupId, getLabel, getNextGroupId, onSearch, options])\n\n  const { searchTerm, filteredItems, setSearch } = useSearch({\n    items: searchablePaths,\n    keysToSearch: ['pathKey'],\n  })\n\n  const menuOptions = React.useMemo(() => {\n    return searchTerm?.length > 0 ? filteredItems : options\n  }, [filteredItems, options, searchTerm])\n\n  const tieredSelectMenuRef = React.useRef<MenuRef>(null)\n  const [currentTier, setCurrentTier] = React.useState<Id>(null)\n\n  // internal value used for navigation\n  const [internalValue, setInternalValue] = React.useState<Tier[]>(value)\n\n  const internalOnNavigate = React.useCallback(\n    function (nextGroupId: Id, value: any[]) {\n      setInternalValue(value)\n      setCurrentTier(nextGroupId)\n      onNavigate?.(nextGroupId, value)\n    },\n    [onNavigate]\n  )\n\n  const internalOnSearch = React.useCallback(\n    function (event: any) {\n      if (onSearch === undefined) {\n        setSearch(event.target.value || '')\n      } else {\n        onSearch(event)\n      }\n    },\n    [onSearch, setSearch]\n  )\n\n  /**\n   * Emulates on select\n   */\n  const internalOnChange = React.useCallback<TieredSelectMenuProps['onChange']>(\n    (selection) => {\n      if (searchTerm?.length > 0) {\n        onChange?.({\n          ...selection,\n          value: (selection.item as SearchablePath).path,\n          item: (selection.item as SearchablePath).node,\n        })\n      } else {\n        onChange?.(selection)\n      }\n    },\n    [onChange, searchTerm]\n  )\n\n  /**\n   * Used to reset state after selection\n   */\n  const internalAfterHide = React.useCallback(() => {\n    setCurrentTier(null)\n    setInternalValue([])\n    setSearch('')\n    afterHide && afterHide()\n  }, [afterHide])\n\n  // if value prop changes, update value state, current tier, and set button label\n  // else open to root\n  React.useEffect(\n    function () {\n      if (value?.length > 0) {\n        const lastEntryInValue = value[value.length - 1]\n        setInternalValue(value)\n        // show children of last tier in value if not a leaf node\n        // otherwise we want to show the parent of the last tier in value\n        if (isLeaf && !isLeaf(lastEntryInValue)) {\n          setCurrentTier(getNextGroupId(lastEntryInValue))\n        } else {\n          setCurrentTier(getGroupId(lastEntryInValue) || null)\n        }\n      } else {\n        setCurrentTier(null)\n        setInternalValue([])\n      }\n    },\n    [getGroupId, getNextGroupId, isLeaf, value]\n  )\n\n  return (\n    <OverlayTrigger\n      afterHide={internalAfterHide}\n      afterShow={afterShow}\n      beforeHide={beforeHide}\n      beforeShow={(e: Event) => {\n        return beforeShow && beforeShow(e)\n      }}\n      canFlip={true}\n      hideKeys={hideKeys}\n      overlay={\n        disabled ? null : (\n          <TieredSelectMenu\n            currentTier={currentTier}\n            options={menuOptions}\n            loading={loading}\n            menuRef={tieredSelectMenuRef}\n            onNavigate={internalOnNavigate}\n            onSearch={internalOnSearch}\n            onChange={internalOnChange}\n            value={internalValue}\n            previousValue={[]}\n            {...props}\n          />\n        )\n      }\n      placement=\"bottom-left\"\n      ref={ref}\n      trigger=\"click\"\n    >\n      <Button\n        data-qa={props['data-qa']}\n        block={block}\n        className={className}\n        disabled={disabled}\n        icon={props.icon}\n        iconRight={props.iconRight}\n        loading={loading}\n        size={props.size}\n        style={style}\n        tabIndex={tabIndex}\n        variant={props.variant}\n      >\n        {props.children}\n      </Button>\n    </OverlayTrigger>\n  )\n})\n\nexport const TieredDropdown = React.forwardRef<\n  HTMLDivElement,\n  TieredDropdownProps\n>(function TieredDropdown(\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    i18nScope = 'core.tieredDropdown',\n    isTierDisabled = defaultIsTierDisabled,\n    onSelect = noop,\n    onNavigate,\n    onScrollBottom,\n    onSearch,\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: () => '',\n        i18nScope,\n        isTierDisabled,\n        isLeaf,\n        onChange: onSelect,\n        onNavigate,\n        onScrollBottom,\n        onSearch,\n        tabIndex,\n      }}\n    >\n      <TieredDropdownInternal ref={ref} {...props} value={[]} />\n    </TieredSelectContext.Provider>\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-12_20_1__sc-e1ql06-0"
+  componentId: "core-12_20_2__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_20_1__sc-e1ql06-1"
+  componentId: "core-12_20_2__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_20_1__sc-e1ql06-2"
+  componentId: "core-12_20_2__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_20_1__sc-e1ql06-3"
+  componentId: "core-12_20_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-12_20_1__sc-e1ql06-4"
+  componentId: "core-12_20_2__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_20_1__sc-e1ql06-5"
+  componentId: "core-12_20_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-12_20_1__sc-e1ql06-6"
+  componentId: "core-12_20_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-12_20_1__sc-e1ql06-7"
+  componentId: "core-12_20_2__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_20_1__sc-e1ql06-8"
+  componentId: "core-12_20_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-12_20_1__sc-8q9p0n-0"
+  componentId: "core-12_20_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-12_20_1__sc-8q9p0n-1"
+  componentId: "core-12_20_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-12_20_1__sc-8q9p0n-2"
+  componentId: "core-12_20_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-12_20_1__sc-8q9p0n-3"
+  componentId: "core-12_20_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-12_20_1__sc-8q9p0n-4"
+  componentId: "core-12_20_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, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-12_20_1__sc-8q9p0n-5"
+  componentId: "core-12_20_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-12_20_1__sc-8q9p0n-6"
+  componentId: "core-12_20_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-12_20_1__sc-8q9p0n-7"
+  componentId: "core-12_20_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;"]);