@procore/core-react 12.24.0 → 12.25.1

package/dist/ThumbnailGrid/ThumbnailGrid.styles.d.ts

@@ -4,19 +4,19 @@ export declare const StyledCheckbox: import("styled-components/dist/types").ISty
     ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Checkbox").CheckboxProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledGroupCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "figure", never, import("../Thumbnail/Thumbnail.types").BaseThumbnailProps> | import("../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "checkbox", never, import("../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+export declare const StyledThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "figure", never, import("../Thumbnail").BaseThumbnailProps> | import("../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "checkbox", never, import("../Thumbnail").BaseThumbnailProps & {
     onChange?: ((isSelected: boolean) => void) | undefined;
 }> | ({
     role?: undefined;
-} & import("../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+} & import("../Thumbnail").BaseThumbnailProps & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}) | (import("../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+}) | (import("../Thumbnail").BaseThumbnailProps & {
     ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-})) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<(<Role extends import("../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../Thumbnail").ThumbnailProps<Role> | (import("../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
-    ref?: import("../Thumbnail/Thumbnail.types").ThumbnailRef<Role> | undefined;
+})) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<(<Role extends import("../Thumbnail").ThumbnailRoles>(props: import("../Thumbnail").ThumbnailProps<Role> | (import("../Thumbnail").BaseThumbnailProps & {
+    ref?: import("../Thumbnail").ThumbnailRef<Role> | undefined;
 })) => import("react").JSX.Element) & {
-    Placeholder: <Role_1 extends import("../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../Thumbnail/Thumbnail.types").PlaceholderProps<Role_1> | (import("../Thumbnail/Thumbnail.types").BasePlaceholderProps & {
-        ref?: import("../Thumbnail/Thumbnail.types").ThumbnailRef<Role_1> | undefined;
+    Placeholder: <Role_1 extends import("../Thumbnail").ThumbnailRoles>(props: import("../Thumbnail").ThumbnailPlaceholderProps<Role_1> | (import("../Thumbnail").BaseThumbnailPlaceholderProps & {
+        ref?: import("../Thumbnail").ThumbnailRef<Role_1> | undefined;
     })) => import("react").JSX.Element;
 }, keyof import("react").Component<any, {}, any>>;
 export declare const StyledVariableSizeGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-window").VariableSizeGridProps<unknown> & import("react").RefAttributes<VariableSizeGrid<unknown>>, never>> & string & Omit<typeof VariableSizeGrid, keyof import("react").Component<any, {}, any>>;

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_24_0__sc-1inrbm9-0"
+  componentId: "core-12_25_1__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_24_0__sc-1inrbm9-1"
+  componentId: "core-12_25_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-12_24_0__sc-1inrbm9-2"
+  componentId: "core-12_25_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-12_24_0__sc-1inrbm9-3"
+  componentId: "core-12_25_1__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_24_0__sc-1inrbm9-4"
+  componentId: "core-12_25_1__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_24_0__sc-1inrbm9-5"
+  componentId: "core-12_25_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-12_24_0__sc-1inrbm9-6"
+  componentId: "core-12_25_1__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

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

package/dist/Tile/Tile.styles.d.ts

@@ -8,6 +8,7 @@ export declare const StyledSelectableTile: import("styled-components/dist/types"
     $selected: boolean;
     $disabled?: boolean | undefined;
     $focused?: boolean | undefined;
+    $layoutless?: boolean | undefined;
 }>> & string;
 export declare const StyledInteractableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTile>> & string;
 export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/Tile/Tile.styles.js

@@ -25,6 +25,9 @@ var getLandscapeTemplate = function getLandscapeTemplate() {
 var getPortraitTemplate = function getPortraitTemplate() {
   return css(["grid-template-areas:'hero' 'body' 'footer';grid-template-columns:1fr;"]);
 };
+var getLayoutCSS = function getLayoutCSS(orientation) {
+  return css(["display:grid;", ";"], orientation === 'landscape' ? getLandscapeTemplate() : getPortraitTemplate());
+};
 var getTileStyles = function getTileStyles(_ref) {
   var $orientation = _ref.$orientation,
     _ref$$selected = _ref.$selected,
@@ -34,12 +37,14 @@ var getTileStyles = function getTileStyles(_ref) {
     _ref$$disabled = _ref.$disabled,
     $disabled = _ref$$disabled === void 0 ? false : _ref$$disabled,
     _ref$$focused = _ref.$focused,
-    $focused = _ref$$focused === void 0 ? false : _ref$$focused;
-  return css(["display:grid;", ";background-color:", ";border-radius:", "px;width:100%;", " &:focus,&.focus{", "}", " ", " ", " ", ""], $orientation === 'landscape' ? getLandscapeTemplate() : getPortraitTemplate(), colors.white, borderRadius.md, getShadow(1, 'bottom'), getFocus(), $focused ? getFocus() : '', $disabled ? getDisabled() : '', $selected ? getSelected() : '', $hoverable && !$disabled ? getHover($selected) : '');
+    $focused = _ref$$focused === void 0 ? false : _ref$$focused,
+    _ref$$layoutless = _ref.$layoutless,
+    $layoutless = _ref$$layoutless === void 0 ? false : _ref$$layoutless;
+  return css(["", " background-color:", ";border-radius:", "px;width:100%;", " &:focus,&.focus{", "}", " ", " ", " ", ""], !$layoutless && getLayoutCSS($orientation), colors.white, borderRadius.md, getShadow(1, 'bottom'), getFocus(), $focused ? getFocus() : '', $disabled ? getDisabled() : '', $selected ? getSelected() : '', $hoverable && !$disabled ? getHover($selected) : '');
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_24_0__sc-8q9p0n-0"
+  componentId: "core-12_25_1__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -49,23 +54,25 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_24_0__sc-8q9p0n-1"
+  componentId: "core-12_25_1__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
     $disabled = _ref3.$disabled,
-    $focused = _ref3.$focused;
+    $focused = _ref3.$focused,
+    $layoutless = _ref3.$layoutless;
   return getTileStyles({
     $orientation: $orientation,
     $selected: $selected,
     $disabled: $disabled,
     $focused: $focused,
-    $hoverable: true
+    $hoverable: true,
+    $layoutless: $layoutless
   });
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_24_0__sc-8q9p0n-2"
+  componentId: "core-12_25_1__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -74,26 +81,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_24_0__sc-8q9p0n-3"
+  componentId: "core-12_25_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-12_24_0__sc-8q9p0n-4"
+  componentId: "core-12_25_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, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-12_24_0__sc-8q9p0n-5"
+  componentId: "core-12_25_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-12_24_0__sc-8q9p0n-6"
+  componentId: "core-12_25_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-12_24_0__sc-8q9p0n-7"
+  componentId: "core-12_25_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/Tile/Tile.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.styles.js","names":["styled","css","StyledActions","StyledContent","StyledForm","SForm","StyledFormRow","SFormRow","borderRadius","colors","mediaIE11Hack","getFocus","getShadow","spacing","isIE11","getHover","$selected","arguments","length","undefined","blue94","gray96","getSelected","blue98","getDisabled","oneThirdTwoThirds","getLandscapeTemplate","getPortraitTemplate","getTileStyles","_ref","$orientation","_ref$$selected","_ref$$hoverable","$hoverable","_ref$$disabled","$disabled","_ref$$focused","$focused","white","md","StyledLinkTile","a","withConfig","displayName","componentId","_ref2","StyledSelectableTile","div","_ref3","StyledInteractableTile","_ref4","StyledFooter","lg","StyledTileContent","StyledHeroMedia","figure","black","_ref5","StyledHeroOverlay","StyledHeroText","_ref6"],"sources":["../../src/Tile/Tile.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledActions, StyledContent } from '../Content/Content.styles'\nimport {\n  StyledForm as SForm,\n  StyledFormRow as SFormRow,\n} from '../Form/Form.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { mediaIE11Hack } from '../_styles/media'\nimport { getFocus } from '../_styles/mixins'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport type { TileCommonProps } from './Tile.types'\n\ninterface StyledTile {\n  $orientation: TileCommonProps['orientation']\n}\n\nconst getHover = ($selected = false) => css`\n  cursor: pointer;\n  &:hover,\n  &.hover {\n    background-color: ${$selected ? colors.blue94 : colors.gray96};\n  }\n`\n\nconst getSelected = () => css`\n  background-color: ${colors.blue98};\n`\n\nconst getDisabled = () => css`\n  cursor: not-allowed;\n`\n\ninterface GetTileStylesProps {\n  $orientation: TileCommonProps['orientation']\n  $selected?: boolean\n  $hoverable?: boolean\n  $disabled?: boolean\n  $focused?: boolean\n}\n\nconst oneThirdTwoThirds = 'minmax(0, 1fr) minmax(0, 2fr)'\n\nconst getLandscapeTemplate = () => {\n  return css`\n    --core-tile-grid-template-columns: ${oneThirdTwoThirds};\n    grid-template-areas:\n      'hero body'\n      'hero footer';\n    grid-template-columns: var(\n      --core-tile-grid-template-columns,\n      ${oneThirdTwoThirds}\n    );\n  `\n}\n\nconst getPortraitTemplate = () => {\n  return css`\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  `\n}\n\nconst getTileStyles = ({\n  $orientation,\n  $selected = false,\n  $hoverable = false,\n  $disabled = false,\n  $focused = false,\n}: GetTileStylesProps) => {\n  return css`\n    display: grid;\n    ${$orientation === 'landscape'\n      ? getLandscapeTemplate()\n      : getPortraitTemplate()};\n\n    background-color: ${colors.white};\n    border-radius: ${borderRadius.md}px;\n    width: 100%;\n    ${getShadow(1, 'bottom')}\n\n    &:focus, &.focus {\n      ${getFocus()}\n    }\n    ${$focused ? getFocus() : ''}\n\n    ${$disabled ? getDisabled() : ''}\n    ${$selected ? getSelected() : ''}\n    ${$hoverable && !$disabled ? getHover($selected) : ''}\n  `\n}\n\nexport const StyledLinkTile = styled.a<StyledTile>`\n  ${({ $orientation }) => getTileStyles({ $orientation, $hoverable: true })}\n  text-decoration: none;\n  color: inherit;\n`\n\nexport const StyledSelectableTile = styled.div<\n  StyledTile & { $selected: boolean; $disabled?: boolean; $focused?: boolean }\n>`\n  ${({ $orientation, $selected, $disabled, $focused }) =>\n    getTileStyles({\n      $orientation,\n      $selected,\n      $disabled,\n      $focused,\n      $hoverable: true,\n    })}\n`\n\nexport const StyledInteractableTile = styled.div<StyledTile>`\n  ${({ $orientation }) => getTileStyles({ $orientation })}\n`\n\nexport const StyledFooter = styled.div`\n  grid-area: footer;\n  padding: ${spacing.lg}px;\n\n  > ${StyledActions} {\n    flex-wrap: wrap-reverse;\n  }\n`\n\nexport const StyledTileContent = styled(StyledContent)`\n  grid-column-start: hero-start;\n  grid-column-end: body-end;\n  padding: ${spacing.lg}px;\n\n  + ${StyledFooter} {\n    padding-top: 0;\n  }\n\n  > ${SFormRow}, > ${SForm} > ${SFormRow}, > ${SFormRow} {\n    grid-column-gap: ${spacing.md}px;\n  }\n`\n\nexport const StyledHeroMedia = styled.figure<{\n  $orientation: TileCommonProps['orientation']\n}>`\n  grid-area: hero;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n\n  font-size: 0;\n  > * {\n    font-size: initial;\n  }\n\n  + ${StyledTileContent} {\n    grid-area: body;\n  }\n\n  > video {\n    background-color: ${colors.black};\n  }\n  > img,\n  > picture > img {\n    object-fit: cover;\n  }\n  ${({ $orientation }) =>\n    $orientation === 'landscape' && !isIE11()\n      ? css`\n          border-top-left-radius: inherit;\n          border-bottom-left-radius: inherit;\n          > *,\n          > picture > img {\n            height: 100%;\n            width: 100%;\n            position: absolute;\n          }\n\n          @media ${mediaIE11Hack} {\n            > picture > img,\n            > img {\n              width: auto;\n              left: 50%;\n              transform: translate(-50%, 0);\n            }\n          }\n        `\n      : css`\n          min-height: 156px;\n          max-height: 567px;\n          border-top-left-radius: inherit;\n          border-top-right-radius: inherit;\n          > *,\n          > picture > img {\n            min-height: inherit;\n            max-height: inherit;\n            height: auto;\n            width: 100%;\n          }\n        `}\n`\n\nexport const StyledHeroOverlay = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n`\n\nexport const StyledHeroText = styled.div<{\n  $orientation: TileCommonProps['orientation']\n}>`\n  grid-area: hero;\n\n  + ${StyledTileContent} {\n    grid-area: body;\n  }\n\n  padding: ${spacing.lg}px;\n  border-radius: inherit;\n  ${({ $orientation }) =>\n    $orientation === 'landscape'\n      ? css`\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          padding-right: 0;\n        `\n      : css`\n          padding-bottom: 0;\n        `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Tile.styles.js","names":["styled","css","StyledActions","StyledContent","StyledForm","SForm","StyledFormRow","SFormRow","borderRadius","colors","mediaIE11Hack","getFocus","getShadow","spacing","isIE11","getHover","$selected","arguments","length","undefined","blue94","gray96","getSelected","blue98","getDisabled","oneThirdTwoThirds","getLandscapeTemplate","getPortraitTemplate","getLayoutCSS","orientation","getTileStyles","_ref","$orientation","_ref$$selected","_ref$$hoverable","$hoverable","_ref$$disabled","$disabled","_ref$$focused","$focused","_ref$$layoutless","$layoutless","white","md","StyledLinkTile","a","withConfig","displayName","componentId","_ref2","StyledSelectableTile","div","_ref3","StyledInteractableTile","_ref4","StyledFooter","lg","StyledTileContent","StyledHeroMedia","figure","black","_ref5","StyledHeroOverlay","StyledHeroText","_ref6"],"sources":["../../src/Tile/Tile.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledActions, StyledContent } from '../Content/Content.styles'\nimport {\n  StyledForm as SForm,\n  StyledFormRow as SFormRow,\n} from '../Form/Form.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { mediaIE11Hack } from '../_styles/media'\nimport { getFocus } from '../_styles/mixins'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport type { TileCommonProps } from './Tile.types'\n\ninterface StyledTile {\n  $orientation: TileCommonProps['orientation']\n}\n\nconst getHover = ($selected = false) => css`\n  cursor: pointer;\n  &:hover,\n  &.hover {\n    background-color: ${$selected ? colors.blue94 : colors.gray96};\n  }\n`\n\nconst getSelected = () => css`\n  background-color: ${colors.blue98};\n`\n\nconst getDisabled = () => css`\n  cursor: not-allowed;\n`\n\ninterface GetTileStylesProps {\n  $orientation: TileCommonProps['orientation']\n  $selected?: boolean\n  $hoverable?: boolean\n  $disabled?: boolean\n  $focused?: boolean\n  $layoutless?: boolean\n}\n\nconst oneThirdTwoThirds = 'minmax(0, 1fr) minmax(0, 2fr)'\n\nconst getLandscapeTemplate = () => {\n  return css`\n    --core-tile-grid-template-columns: ${oneThirdTwoThirds};\n    grid-template-areas:\n      'hero body'\n      'hero footer';\n    grid-template-columns: var(\n      --core-tile-grid-template-columns,\n      ${oneThirdTwoThirds}\n    );\n  `\n}\n\nconst getPortraitTemplate = () => {\n  return css`\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  `\n}\n\nconst getLayoutCSS = (orientation: TileCommonProps['orientation']) => css`\n  display: grid;\n  ${orientation === 'landscape'\n    ? getLandscapeTemplate()\n    : getPortraitTemplate()};\n`\n\nconst getTileStyles = ({\n  $orientation,\n  $selected = false,\n  $hoverable = false,\n  $disabled = false,\n  $focused = false,\n  $layoutless = false,\n}: GetTileStylesProps) => {\n  return css`\n    ${!$layoutless && getLayoutCSS($orientation)}\n\n    background-color: ${colors.white};\n    border-radius: ${borderRadius.md}px;\n    width: 100%;\n    ${getShadow(1, 'bottom')}\n\n    &:focus, &.focus {\n      ${getFocus()}\n    }\n    ${$focused ? getFocus() : ''}\n\n    ${$disabled ? getDisabled() : ''}\n    ${$selected ? getSelected() : ''}\n    ${$hoverable && !$disabled ? getHover($selected) : ''}\n  `\n}\n\nexport const StyledLinkTile = styled.a<StyledTile>`\n  ${({ $orientation }) => getTileStyles({ $orientation, $hoverable: true })}\n  text-decoration: none;\n  color: inherit;\n`\n\nexport const StyledSelectableTile = styled.div<\n  StyledTile & {\n    $selected: boolean\n    $disabled?: boolean\n    $focused?: boolean\n    $layoutless?: boolean\n  }\n>`\n  ${({ $orientation, $selected, $disabled, $focused, $layoutless }) =>\n    getTileStyles({\n      $orientation,\n      $selected,\n      $disabled,\n      $focused,\n      $hoverable: true,\n      $layoutless,\n    })}\n`\n\nexport const StyledInteractableTile = styled.div<StyledTile>`\n  ${({ $orientation }) => getTileStyles({ $orientation })}\n`\n\nexport const StyledFooter = styled.div`\n  grid-area: footer;\n  padding: ${spacing.lg}px;\n\n  > ${StyledActions} {\n    flex-wrap: wrap-reverse;\n  }\n`\n\nexport const StyledTileContent = styled(StyledContent)`\n  grid-column-start: hero-start;\n  grid-column-end: body-end;\n  padding: ${spacing.lg}px;\n\n  + ${StyledFooter} {\n    padding-top: 0;\n  }\n\n  > ${SFormRow}, > ${SForm} > ${SFormRow}, > ${SFormRow} {\n    grid-column-gap: ${spacing.md}px;\n  }\n`\n\nexport const StyledHeroMedia = styled.figure<{\n  $orientation: TileCommonProps['orientation']\n}>`\n  grid-area: hero;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n\n  font-size: 0;\n  > * {\n    font-size: initial;\n  }\n\n  + ${StyledTileContent} {\n    grid-area: body;\n  }\n\n  > video {\n    background-color: ${colors.black};\n  }\n  > img,\n  > picture > img {\n    object-fit: cover;\n  }\n  ${({ $orientation }) =>\n    $orientation === 'landscape' && !isIE11()\n      ? css`\n          border-top-left-radius: inherit;\n          border-bottom-left-radius: inherit;\n          > *,\n          > picture > img {\n            height: 100%;\n            width: 100%;\n            position: absolute;\n          }\n\n          @media ${mediaIE11Hack} {\n            > picture > img,\n            > img {\n              width: auto;\n              left: 50%;\n              transform: translate(-50%, 0);\n            }\n          }\n        `\n      : css`\n          min-height: 156px;\n          max-height: 567px;\n          border-top-left-radius: inherit;\n          border-top-right-radius: inherit;\n          > *,\n          > picture > img {\n            min-height: inherit;\n            max-height: inherit;\n            height: auto;\n            width: 100%;\n          }\n        `}\n`\n\nexport const StyledHeroOverlay = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n`\n\nexport const StyledHeroText = styled.div<{\n  $orientation: TileCommonProps['orientation']\n}>`\n  grid-area: hero;\n\n  + ${StyledTileContent} {\n    grid-area: body;\n  }\n\n  padding: ${spacing.lg}px;\n  border-radius: inherit;\n  ${({ $orientation }) =>\n    $orientation === 'landscape'\n      ? css`\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          padding-right: 0;\n        `\n      : css`\n          padding-bottom: 0;\n        `}\n`\n"],"mappings":"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"}

package/dist/Tile/index.d.ts

@@ -1,2 +1,2 @@
 export { Tile } from './Tile';
-export type { InteractableTileProps, LinkTileProps, SelectableTileProps, TileProps, } from './Tile.types';
+export type { InteractableTileProps as LegacyInteractableTileProps, LinkTileProps as LegacyLinkTileProps, SelectableTileProps as LegacySelectableTileProps, TileProps as LegacyTileProps, } from './Tile.types';

package/dist/Tile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Tile"],"sources":["../../src/Tile/index.ts"],"sourcesContent":["export { Tile } from './Tile'\nexport type {\n  InteractableTileProps,\n  LinkTileProps,\n  SelectableTileProps,\n  TileProps,\n} from './Tile.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ"}
+{"version":3,"file":"index.js","names":["Tile"],"sources":["../../src/Tile/index.ts"],"sourcesContent":["export { Tile } from './Tile'\nexport type {\n  InteractableTileProps as LegacyInteractableTileProps,\n  LinkTileProps as LegacyLinkTileProps,\n  SelectableTileProps as LegacySelectableTileProps,\n  TileProps as LegacyTileProps,\n} from './Tile.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ"}

package/dist/Title/Title.styles.js

@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_24_0__sc-1t2ye1d-0"
+  componentId: "core-12_25_1__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_24_0__sc-1t2ye1d-1"
+  componentId: "core-12_25_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-12_24_0__sc-1t2ye1d-2"
+  componentId: "core-12_25_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-12_24_0__sc-1t2ye1d-3"
+  componentId: "core-12_25_1__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_24_0__sc-1t2ye1d-4"
+  componentId: "core-12_25_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-12_24_0__sc-1t2ye1d-5"
+  componentId: "core-12_25_1__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_24_0__sc-1t2ye1d-6"
+  componentId: "core-12_25_1__sc-1t2ye1d-6"
 })(["display:block;margin-top:", "px;"], spacing.xs);
 //# sourceMappingURL=Title.styles.js.map

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-12_24_0__sc-1l6lk2n-0"
+  componentId: "core-12_25_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-12_24_0__sc-1l6lk2n-1"
+  componentId: "core-12_25_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-12_24_0__sc-1l6lk2n-2"
+  componentId: "core-12_25_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-12_24_0__sc-1x59fxi-0"
+  componentId: "core-12_25_1__sc-1x59fxi-0"
 })(["", ""], function (_ref) {
   var $selected = _ref.$selected;
   return $selected && css(["background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue96, colors.blue70, colors.blue70, colors.blue50);

package/dist/Token/Token.styles.js

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

package/dist/Token/Token.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Token.styles.js","names":["Clear","styled","css","getTypographyIntent","colors","getEllipsis","getFocus","spacing","StyledLabel","span","withConfig","displayName","componentId","StyledRemove","sm","white","blue40","StyledToken","div","blue50","xs","md","blue45","_ref","_ref$$focused","$focused","_ref$$disabled","$disabled","_ref2","_ref2$$disabled","gray70","_ref3","_ref3$$error","$error","red50"],"sources":["../../src/Token/Token.styles.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  ${getEllipsis}\n\n  flex: 0 1 auto;\n`\n\nexport const StyledRemove = styled(Clear)`\n  border-radius: 100%;\n  cursor: pointer;\n  flex: 0 0 auto;\n  height: 16px;\n  margin: 0 -${spacing.sm}px 0 ${spacing.sm}px;\n  width: 16px;\n\n  &:hover {\n    background: ${colors.white};\n    color: ${colors.blue40};\n  }\n`\n\nexport const StyledToken = styled.div<{\n  $disabled: boolean\n  $focused: boolean\n  $error: boolean\n}>`\n  align-items: center;\n  background-color: ${colors.blue50};\n  border-radius: 200px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ${colors.white};\n  cursor: default;\n  display: inline-flex;\n  height: 24px;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ${spacing.xs}px ${spacing.md}px;\n\n  &:hover,\n  &.hover {\n    background-color: ${colors.blue45};\n  }\n\n  ${({ $focused = false, $disabled = false }) =>\n    $focused &&\n    css`\n      ${getFocus()}\n\n      background-color: ${colors.blue45};\n\n      ${\n        !$disabled &&\n        css`\n          ${StyledRemove} {\n            background-color: ${colors.white};\n            color: ${colors.blue45};\n          }\n        `\n      }}\n    `}\n\n  ${({ $disabled = false }) =>\n    $disabled &&\n    css`\n      background-color: ${colors.gray70};\n      border-color: transparent;\n      box-shadow: none;\n      pointer-events: none;\n    `}\n\n  ${({ $error = false }) =>\n    $error &&\n    css`\n      &,\n      &:hover {\n        background-color: ${colors.red50};\n      }\n    `}\n`\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,0BAA0B;AAChD,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AACzD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,WAAW,gBAAGP,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAClCT,mBAAmB,CAAC,MAAM,CAAC,EAE3BE,WAAW,CAGd;AAED,OAAO,IAAMQ,YAAY,gBAAGZ,MAAM,CAACD,KAAK,CAAC,CAAAU,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAK1BL,OAAO,CAACO,EAAE,EAAQP,OAAO,CAACO,EAAE,EAIzBV,MAAM,CAACW,KAAK,EACjBX,MAAM,CAACY,MAAM,CAEzB;AAED,OAAO,IAAMC,WAAW,gBAAGhB,MAAM,CAACiB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qRAMfR,MAAM,CAACe,MAAM,EAGxBf,MAAM,CAACW,KAAK,EAOVR,OAAO,CAACa,EAAE,EAAMb,OAAO,CAACc,EAAE,EAIfjB,MAAM,CAACkB,MAAM,EAGjC,UAAAC,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;EAAA,OACtCD,QAAQ,IACRvB,GAAG,uCACCI,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACkB,MAAM,EAG/B,CAACK,SAAS,IACVzB,GAAG,8CACCW,YAAY,EACQT,MAAM,CAACW,KAAK,EACvBX,MAAM,CAACkB,MAAM,CAEzB,CAEJ;AAAA,GAED,UAAAM,KAAA;EAAA,IAAAC,eAAA,GAAAD,KAAA,CAAGD,SAAS;IAATA,SAAS,GAAAE,eAAA,cAAG,KAAK,GAAAA,eAAA;EAAA,OACpBF,SAAS,IACTzB,GAAG,0FACmBE,MAAM,CAAC0B,MAAM,CAIlC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAAA,OACjBC,MAAM,IACN/B,GAAG,wCAGqBE,MAAM,CAAC8B,KAAK,CAEnC;AAAA,EACJ"}
+{"version":3,"file":"Token.styles.js","names":["Clear","styled","css","getTypographyIntent","colors","getEllipsis","getFocus","spacing","StyledLabel","span","withConfig","displayName","componentId","StyledRemove","sm","white","blue40","StyledToken","div","blue50","xs","md","blue45","_ref","_ref$$focused","$focused","_ref$$disabled","$disabled","_ref2","_ref2$$disabled","gray70","_ref3","_ref3$$error","$error","red50"],"sources":["../../src/Token/Token.styles.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  ${getEllipsis}\n\n  flex: 0 1 auto;\n`\n\nexport const StyledRemove = styled(Clear)`\n  border-radius: 100%;\n  cursor: pointer;\n  flex: 0 0 auto;\n  height: 16px;\n  margin: 0 -${spacing.sm}px 0 ${spacing.sm}px;\n  width: 16px;\n\n  &:hover {\n    background: ${colors.white};\n    color: ${colors.blue40};\n  }\n`\n\nexport const StyledToken = styled.div<{\n  $disabled: boolean\n  $focused: boolean\n  $error: boolean\n}>`\n  align-items: center;\n  background-color: ${colors.blue50};\n  border-radius: 200px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ${colors.white};\n  cursor: default;\n  display: inline-flex;\n  height: 24px;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ${spacing.xs}px ${spacing.md}px;\n\n  &:hover,\n  &.hover {\n    background-color: ${colors.blue45};\n  }\n\n  ${({ $focused = false, $disabled = false }) =>\n    $focused &&\n    css`\n      ${getFocus()}\n\n      background-color: ${colors.blue45};\n\n      ${!$disabled &&\n      css`\n        ${StyledRemove} {\n          background-color: ${colors.white};\n          color: ${colors.blue45};\n        }\n      `}\n    `}\n\n  ${({ $disabled = false }) =>\n    $disabled &&\n    css`\n      background-color: ${colors.gray70};\n      border-color: transparent;\n      box-shadow: none;\n      pointer-events: none;\n    `}\n\n  ${({ $error = false }) =>\n    $error &&\n    css`\n      &,\n      &:hover {\n        background-color: ${colors.red50};\n      }\n    `}\n`\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,0BAA0B;AAChD,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AACzD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,WAAW,gBAAGP,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAClCT,mBAAmB,CAAC,MAAM,CAAC,EAE3BE,WAAW,CAGd;AAED,OAAO,IAAMQ,YAAY,gBAAGZ,MAAM,CAACD,KAAK,CAAC,CAAAU,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAK1BL,OAAO,CAACO,EAAE,EAAQP,OAAO,CAACO,EAAE,EAIzBV,MAAM,CAACW,KAAK,EACjBX,MAAM,CAACY,MAAM,CAEzB;AAED,OAAO,IAAMC,WAAW,gBAAGhB,MAAM,CAACiB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qRAMfR,MAAM,CAACe,MAAM,EAGxBf,MAAM,CAACW,KAAK,EAOVR,OAAO,CAACa,EAAE,EAAMb,OAAO,CAACc,EAAE,EAIfjB,MAAM,CAACkB,MAAM,EAGjC,UAAAC,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;EAAA,OACtCD,QAAQ,IACRvB,GAAG,sCACCI,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACkB,MAAM,EAE/B,CAACK,SAAS,IACZzB,GAAG,8CACCW,YAAY,EACQT,MAAM,CAACW,KAAK,EACvBX,MAAM,CAACkB,MAAM,CAEzB,CACF;AAAA,GAED,UAAAM,KAAA;EAAA,IAAAC,eAAA,GAAAD,KAAA,CAAGD,SAAS;IAATA,SAAS,GAAAE,eAAA,cAAG,KAAK,GAAAA,eAAA;EAAA,OACpBF,SAAS,IACTzB,GAAG,0FACmBE,MAAM,CAAC0B,MAAM,CAIlC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAAA,OACjBC,MAAM,IACN/B,GAAG,wCAGqBE,MAAM,CAAC8B,KAAK,CAEnC;AAAA,EACJ"}

package/dist/ToolHeader/ToolHeader.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBadge",
-  componentId: "core-12_24_0__sc-1jpjx47-0"
+  componentId: "core-12_25_1__sc-1jpjx47-0"
 })(["", " border-radius:10px;border-style:solid;border-width:1px;display:inline-block;margin-bottom:", "px;padding:1px ", "px;", ""], getTypographyIntent('small'), spacing.sm, spacing.sm, function (_ref) {
   var $variant = _ref.$variant;
   if ($variant) {
@@ -18,22 +18,22 @@ export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
 // TODO in v12 remove cursor: pointer;
 export var StyledToolHeaderIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeaderIconContainer",
-  componentId: "core-12_24_0__sc-1jpjx47-1"
+  componentId: "core-12_25_1__sc-1jpjx47-1"
 })(["color:", ";cursor:pointer;display:inline-flex;flex:0 0 auto;"], colors.orange50);
 export var StyledHeaderTabs = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderTabs",
-  componentId: "core-12_24_0__sc-1jpjx47-2"
+  componentId: "core-12_25_1__sc-1jpjx47-2"
 })(["align-self:flex-end;flex:1 1 auto;min-width:100px;overflow:hidden;"]);
 export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderActions",
-  componentId: "core-12_24_0__sc-1jpjx47-3"
+  componentId: "core-12_25_1__sc-1jpjx47-3"
 })(["flex:0 0 auto;margin-left:auto;padding-left:", "px;"], spacing.lg);
 export var StyledToolHeaderTitle = /*#__PURE__*/styled(H1).withConfig({
   displayName: "StyledToolHeaderTitle",
-  componentId: "core-12_24_0__sc-1jpjx47-4"
+  componentId: "core-12_25_1__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-12_24_0__sc-1jpjx47-5"
+  componentId: "core-12_25_1__sc-1jpjx47-5"
 })(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
 //# sourceMappingURL=ToolHeader.styles.js.map

package/dist/ToolLandingPage/ToolLandingPage.styles.js

@@ -3,14 +3,14 @@ import { Page } from '../PageLayout';
 import { spacing } from '../_styles/spacing';
 export var StyledTitleOuter = /*#__PURE__*/styled(Page.Title).withConfig({
   displayName: "StyledTitleOuter",
-  componentId: "core-12_24_0__sc-wa8j06-0"
+  componentId: "core-12_25_1__sc-wa8j06-0"
 })(["align-items:center;display:flex;gap:", "px;"], spacing.md);
 export var StyledTitleInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleInner",
-  componentId: "core-12_24_0__sc-wa8j06-1"
+  componentId: "core-12_25_1__sc-wa8j06-1"
 })(["width:100%;"]);
 export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolLandingPageBodyContent",
-  componentId: "core-12_24_0__sc-wa8j06-2"
+  componentId: "core-12_25_1__sc-wa8j06-2"
 })(["> * + *{margin-top:", "px;}"], spacing.sm);
 //# sourceMappingURL=ToolLandingPage.styles.js.map

package/dist/Tooltip/Tooltip.styles.js

@@ -6,10 +6,10 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTooltip",
-  componentId: "core-12_24_0__sc-1fawsi4-0"
+  componentId: "core-12_25_1__sc-1fawsi4-0"
 })(["", " color:", ";max-width:200px;padding:", "px ", "px;position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;"], getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
 export var StyledContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_24_0__sc-1fawsi4-1"
+  componentId: "core-12_25_1__sc-1fawsi4-1"
 })(["display:inline-flex;background-color:", ";border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}"], colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
 //# sourceMappingURL=Tooltip.styles.js.map

package/dist/Tree/Tree.styles.js

@@ -5,11 +5,11 @@ import { Typography } from '../Typography/Typography';
 import { colors } from '../_styles/colors';
 export var StyledFilenameCaption = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledFilenameCaption",
-  componentId: "core-12_24_0__sc-2d45b5-0"
+  componentId: "core-12_25_1__sc-2d45b5-0"
 })(["display:flex;width:100%;"]);
 export var StyledTree = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTree",
-  componentId: "core-12_24_0__sc-2d45b5-1"
+  componentId: "core-12_25_1__sc-2d45b5-1"
 })(["width:100%;height:100%;min-height:36px;outline:none;overflow:auto;"]);
 export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -17,7 +17,7 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
   }
 }).withConfig({
   displayName: "StyledTreeRowContainer",
-  componentId: "core-12_24_0__sc-2d45b5-2"
+  componentId: "core-12_25_1__sc-2d45b5-2"
 })(["display:flex;align-items:center;height:36px;background:transparent;box-shadow:inset 4px 0px 0px transparent;cursor:default;outline:none;", " &:hover{background:", ";}", " ", ""], function (_ref) {
   var isSelectable = _ref.isSelectable,
     $isSelectable = _ref.$isSelectable;
@@ -35,30 +35,30 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
 });
 export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowContent",
-  componentId: "core-12_24_0__sc-2d45b5-3"
+  componentId: "core-12_25_1__sc-2d45b5-3"
 })(["display:flex;align-items:center;"]);
 export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowWrapper",
-  componentId: "core-12_24_0__sc-2d45b5-4"
+  componentId: "core-12_25_1__sc-2d45b5-4"
 })(["outline:none;"]);
 var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledIconBase",
-  componentId: "core-12_24_0__sc-2d45b5-5"
+  componentId: "core-12_25_1__sc-2d45b5-5"
 })(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;"]);
 export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledChevronContainer",
-  componentId: "core-12_24_0__sc-2d45b5-6"
+  componentId: "core-12_25_1__sc-2d45b5-6"
 })([""]);
 export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_24_0__sc-2d45b5-7"
+  componentId: "core-12_25_1__sc-2d45b5-7"
 })(["color:", ";"], function (_ref4) {
   var $isSelected = _ref4.$isSelected;
   return $isSelected ? colors.blue45 : colors.gray40;
 });
 export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
   displayName: "StyledChevron",
-  componentId: "core-12_24_0__sc-2d45b5-8"
+  componentId: "core-12_25_1__sc-2d45b5-8"
 })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
   var $isExpanded = _ref5.$isExpanded;
   return $isExpanded ? 90 : 0;

package/dist/Typeahead/Typeahead.styles.js

@@ -5,11 +5,11 @@ import { spacing } from '../_styles/spacing';
 var inputHeight = 36;
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_24_0__sc-gpc39h-0"
+  componentId: "core-12_25_1__sc-gpc39h-0"
 })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_24_0__sc-gpc39h-1"
+  componentId: "core-12_25_1__sc-gpc39h-1"
 })(["align-items:center;color:", ";display:flex;height:", "px;justify-content:center;pointer-events:", ";position:absolute;right:0;top:0;width:", "px;"], function (p) {
   return p.disabled ? colors.gray70 : colors.gray45;
 }, inputHeight, function (p) {
@@ -17,6 +17,6 @@ export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
 }, inputHeight);
 export var StyledTypeahead = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTypeahead",
-  componentId: "core-12_24_0__sc-gpc39h-2"
+  componentId: "core-12_25_1__sc-gpc39h-2"
 })(["position:relative;width:100%;"]);
 //# sourceMappingURL=Typeahead.styles.js.map

package/dist/Typography/Typography.styles.js

@@ -35,7 +35,7 @@ export var semiboldRules = function semiboldRules() {
 };
 export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTypography",
-  componentId: "core-12_24_0__sc-1c4583t-0"
+  componentId: "core-12_25_1__sc-1c4583t-0"
 })(["", " color:", ";font-style:", ";font-weight:", ";", " ", " em,i{font-style:italic;}"], function (_ref) {
   var _ref$$intent = _ref.$intent,
     $intent = _ref$$intent === void 0 ? 'body' : _ref$$intent;

package/dist/Typography/Typography.table.story.js

@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
 import { getTypographyIntent } from './Typography.styles';
 var StyledBodyCell = /*#__PURE__*/styled(Table.BodyCell).withConfig({
   displayName: "StyledBodyCell",
-  componentId: "core-12_24_0__sc-p4v7d-0"
+  componentId: "core-12_25_1__sc-p4v7d-0"
 })([""]);
 var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
   displayName: "StyledTextCell",
-  componentId: "core-12_24_0__sc-p4v7d-1"
+  componentId: "core-12_25_1__sc-p4v7d-1"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
   return /*#__PURE__*/React.createElement(StyledBodyCell, {