@procore/core-react 12.33.0 → 12.34.0

package/dist/Table/Table.styles.js

@@ -47,26 +47,26 @@ var tableCellInputErrorBorder = "1px solid ".concat(colors.red50);
 var tableRowBorderBottom = /*#__PURE__*/css(["border-bottom:", ";&:last-child{border-bottom:0;}"], tableBorder);
 export var StyledTableHeaderCellSortableContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTableHeaderCellSortableContainer",
-  componentId: "core-12_33_0__sc-9c7xd-0"
+  componentId: "core-12_34_0__sc-9c7xd-0"
 })([""]);
 export var StyledTableHeaderCellLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTableHeaderCellLabel",
-  componentId: "core-12_33_0__sc-9c7xd-1"
+  componentId: "core-12_34_0__sc-9c7xd-1"
 })(["display:inline-block;flex:1 1 auto;position:relative;"]);
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-12_33_0__sc-9c7xd-2"
+  componentId: "core-12_34_0__sc-9c7xd-2"
 })([""]);
 export var StyledTableBodyCell = /*#__PURE__*/styled.td.withConfig({
   displayName: "StyledTableBodyCell",
-  componentId: "core-12_33_0__sc-9c7xd-3"
+  componentId: "core-12_34_0__sc-9c7xd-3"
 })(["position:relative;vertical-align:middle;", ""], function (_ref) {
   var $snugfit = _ref.$snugfit;
   return $snugfit && css(["white-space:nowrap;width:0.1%;"]);
 });
 export var StyledTableHeaderCell = /*#__PURE__*/styled.th.withConfig({
   displayName: "StyledTableHeaderCell",
-  componentId: "core-12_33_0__sc-9c7xd-4"
+  componentId: "core-12_34_0__sc-9c7xd-4"
 })(["", " font-weight:", ";border-right:", ";color:", ";height:", "px;padding:", "px;position:relative;text-align:left;transition:background-color 0.2s ease-in-out;&:last-child{border-right:0;}", "{display:flex;align-items:center;}", "{", "{min-height:14px;}}", " ", " ", " ", " ", ""], getTypographyIntent('small'), tableHeaderFontWeight, tableHeaderBorderRight, tableHeaderFontColor, tableHeaderHeight, tableHeaderPadding, StyledTableHeaderCellSortableContainer, StyledTableHeaderCellSortableContainer, StyledTableHeaderCellLabel, function (_ref2) {
   var $sortable = _ref2.$sortable;
   return $sortable && css(["cursor:pointer;padding:", "px;", ",", "{color:", ";opacity:0;transition:all 0.15s ease-in-out;position:absolute;}::before,::after{font-size:16px;}&:hover{background-color:", ";", "{color:", ";}}"], spacing.lg, StyledTableHeaderCellSortIconAsc, StyledTableHeaderCellSortIconDesc, tableSortFontColor, tableHeaderBgColorHover, StyledTableHeaderCellSortIconAsc, tableSortFontColorHover);
@@ -85,27 +85,27 @@ export var StyledTableHeaderCell = /*#__PURE__*/styled.th.withConfig({
 });
 export var StyledTableHeaderCellIconWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTableHeaderCellIconWrapper",
-  componentId: "core-12_33_0__sc-9c7xd-5"
+  componentId: "core-12_34_0__sc-9c7xd-5"
 })(["height:20px;line-height:20px;padding:0 ", "px 0 ", "px;width:20px;"], spacing.lg, spacing.sm);
 export var StyledTableHeaderCellSortIconAsc = /*#__PURE__*/styled(CaretUp).withConfig({
   displayName: "StyledTableHeaderCellSortIconAsc",
-  componentId: "core-12_33_0__sc-9c7xd-6"
+  componentId: "core-12_34_0__sc-9c7xd-6"
 })(["margin-top:-", "px;"], spacing.sm);
 export var StyledTableHeaderCellSortIconDesc = /*#__PURE__*/styled(CaretDown).withConfig({
   displayName: "StyledTableHeaderCellSortIconDesc",
-  componentId: "core-12_33_0__sc-9c7xd-7"
+  componentId: "core-12_34_0__sc-9c7xd-7"
 })([""]);
 export var StyledHead = /*#__PURE__*/styled.thead.withConfig({
   displayName: "StyledHead",
-  componentId: "core-12_33_0__sc-9c7xd-8"
+  componentId: "core-12_34_0__sc-9c7xd-8"
 })(["background-color:", ";transition:background-color 0.2s ease-in-out;", " &:hover{", "{", ",", "{&::after,&::before{opacity:1;}}}}"], tableHeaderBgColor, tableRowBorderBottom, StyledTableHeaderCell, StyledTableHeaderCellSortIconAsc, StyledTableHeaderCellSortIconDesc);
 export var StyledCaratWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledCaratWrapper",
-  componentId: "core-12_33_0__sc-9c7xd-9"
+  componentId: "core-12_34_0__sc-9c7xd-9"
 })(["font-size:16px;color:", ";padding-right:", "px;transition:all 0.2s ease-in-out;& + ", "{margin:0 ", "px;}"], colors.gray70, spacing.xs, StyledCheckbox, spacing.xs);
 export var StyledCarat = /*#__PURE__*/styled(ChevronRight).withConfig({
   displayName: "StyledCarat",
-  componentId: "core-12_33_0__sc-9c7xd-10"
+  componentId: "core-12_34_0__sc-9c7xd-10"
 })(["", ""], function (_ref7) {
   var $expanded = _ref7.$expanded;
   return $expanded && css(["transform:rotate(90deg);"]);
@@ -113,7 +113,7 @@ export var StyledCarat = /*#__PURE__*/styled(ChevronRight).withConfig({
 var cellInputCSS = /*#__PURE__*/css(["background-color:rgba(255,255,255,0);&&&{border:", ";border-radius:4px;width:100%;&::placeholder{color:", ";}&::-ms-clear{display:none;}&:hover{border-color:transparent;}&:focus{background-color:", ";border-style:solid;border-width:1px;border-color:", ";box-shadow:0 0 0 1px ", ";outline:none;}&:disabled{border:", ";color:", ";}}"], tableCellInputBorder, tableCellInputPlaceholderColor, colors.white, colors.blue40, colors.blue40, tableCellInputBorder, colors.gray70);
 export var StyledTableCellSelect = /*#__PURE__*/styled(Select).withConfig({
   displayName: "StyledTableCellSelect",
-  componentId: "core-12_33_0__sc-9c7xd-11"
+  componentId: "core-12_34_0__sc-9c7xd-11"
 })(["", ";background-color:transparent;border-color:transparent;height:auto;&:hover{background-color:transparent;}&:active:hover{border-color:", ";}&:focus{background-color:", ";cursor:pointer;", " ", "{white-space:nowrap;}", "{opacity:1;pointer-events:all;}", " ", "}", "{white-space:normal;}", ",", "{opacity:0;pointer-events:none;}", " ", ""], cellInputCSS, colors.gray85, colors.white, getFocus(), StyledSelectButtonLabel, StyledSelectArrow, function (_ref8) {
   var $hasClearIcon = _ref8.$hasClearIcon;
   return $hasClearIcon && css(["", "{opacity:1;pointer-events:all;}"], StyledSelectClearIcon);
@@ -131,25 +131,25 @@ export var StyledTableCellSelect = /*#__PURE__*/styled(Select).withConfig({
 });
 export var StyledTableCellInput = /*#__PURE__*/styled(Input).withConfig({
   displayName: "StyledTableCellInput",
-  componentId: "core-12_33_0__sc-9c7xd-12"
+  componentId: "core-12_34_0__sc-9c7xd-12"
 })(["", ""], cellInputCSS);
 export var StyledTableCellDateInput = /*#__PURE__*/styled(DateSelect).withConfig({
   displayName: "StyledTableCellDateInput",
-  componentId: "core-12_33_0__sc-9c7xd-13"
+  componentId: "core-12_34_0__sc-9c7xd-13"
 })(["background-color:transparent;border-color:transparent;&:active:hover{border-color:", ";}&&&:focus-within{", ";background-color:", ";}", " ", "{opacity:0;}", "{&[data-qa-table-visible='false']{opacity:0;}}", "{&[data-placeholder='true']{opacity:0;}}&:focus-within{", "{opacity:1;}", "{&[data-qa-table-visible='false']{opacity:1;}}", "{&[data-placeholder='true']{opacity:1;}}}"], colors.gray45, getFocus(), colors.white, function (_ref10) {
   var error = _ref10.error;
   return error && css(["border-color:", ";"], colors.red50);
 }, StyledDateInputIconContainer, StyledDateInputDelimiter, StyledDateInputSegment, StyledDateInputIconContainer, StyledDateInputDelimiter, StyledDateInputSegment);
 export var StyledTableCellTextArea = /*#__PURE__*/styled(TextArea).withConfig({
   displayName: "StyledTableCellTextArea",
-  componentId: "core-12_33_0__sc-9c7xd-14"
+  componentId: "core-12_34_0__sc-9c7xd-14"
 })(["", " &&{height:", "px;min-height:", "px;overflow:hidden;padding-top:", "px;resize:none;width:100%;", "}"], cellInputCSS, spacing.xxl, spacing.xxl, spacing.xs, function (_ref11) {
   var $resizable = _ref11.$resizable;
   return $resizable && css(["&:focus{min-height:64px;overflow:auto;resize:vertical;}"]);
 });
 export var StyledTableCellText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTableCellText",
-  componentId: "core-12_33_0__sc-9c7xd-15"
+  componentId: "core-12_34_0__sc-9c7xd-15"
 })(["margin:", "px;display:flex;color:", ";", ""], spacing.lg, tableCellTextColor, function (_ref12) {
   var $percent = _ref12.$percent,
     $currency = _ref12.$currency;
@@ -157,15 +157,15 @@ export var StyledTableCellText = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledIconCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconCell",
-  componentId: "core-12_33_0__sc-9c7xd-16"
+  componentId: "core-12_34_0__sc-9c7xd-16"
 })(["display:flex;color:", ";"], tableCellIconColor);
 export var StyledSelectCellWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectCellWrapper",
-  componentId: "core-12_33_0__sc-9c7xd-17"
+  componentId: "core-12_34_0__sc-9c7xd-17"
 })(["display:flex;flex-direction:column;"]);
 export var StyledTableInlineEditErrorBox = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTableInlineEditErrorBox",
-  componentId: "core-12_33_0__sc-9c7xd-18"
+  componentId: "core-12_34_0__sc-9c7xd-18"
 })(["", " color:", ";font-style:italic;background:", ";border-radius:0 2px 2px 2px;box-shadow:0 1px 2px rgba(0,0,0,0.2),0 1px 3px rgba(0,0,0,0.1);padding:6px ", "px;position:absolute;max-width:160px;z-index:1;", ""], getTypographyIntent('small'), colors.white, colors.red50, spacing.md, function (_ref13) {
   var $size = _ref13.$size;
   var sizes = {
@@ -183,7 +183,7 @@ export var StyledTableInlineEditErrorBox = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledTableInlineEditContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTableInlineEditContainer",
-  componentId: "core-12_33_0__sc-9c7xd-19"
+  componentId: "core-12_34_0__sc-9c7xd-19"
 })(["background-color:", ";margin:", "px ", "px;position:relative;", " ", ""], tableBgColor, spacing.sm, spacing.xs, function (_ref14) {
   var $error = _ref14.$error;
   return $error && css(["position:static;background-color:", ";", ",", ",", ",", "{border:", ";border-radius:4px 4px 0 0;border-bottom:none;&:hover{border-bottom:none;}&:focus{background-color:", ";border:", ";border-bottom:none;}}"], tableCellInputErrorBgColor, StyledTableCellDateInput, StyledTableCellInput, StyledTableCellSelect, StyledTableCellTextArea, tableCellInputErrorBorder, tableCellInputFocusBgColor, tableCellInputFocusBorder);
@@ -207,26 +207,26 @@ export var StyledTableInlineEditContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledTableBodyRow = /*#__PURE__*/styled.tr.withConfig({
   displayName: "StyledTableBodyRow",
-  componentId: "core-12_33_0__sc-9c7xd-20"
+  componentId: "core-12_34_0__sc-9c7xd-20"
 })(["", " ", " &:focus-within{", "{background-color:", ";&.disabled{background-color:transparent;}}", ".error{background-color:", ";}}&:hover{", "{background-color:", ";cursor:pointer;&:hover{background-color:", ";}&.disabled{&,&:hover{background-color:transparent;cursor:default;}}}", ".error{background-color:", ";&:hover{background-color:", ";}", ",", ",", "{border:", ";border-bottom:none;&:hover{border-bottom:none;}&:focus{border:", ";border-bottom:none;}}}}"], tableRowBorderBottom, function (_ref16) {
   var $overdue = _ref16.$overdue;
   return $overdue && css(["", ",", ",", ",", ",", "{color:", ";}"], StyledTableCellText, StyledTableCellSelect, StyledTableCellInput, StyledTableCellDateInput, StyledTableCellTextArea, colors.red50);
 }, StyledTableInlineEditContainer, tableCellInputRowHoverBgColor, StyledTableInlineEditContainer, tableCellInputErrorBgColor, StyledTableInlineEditContainer, tableCellInputRowHoverBgColor, tableCellInputHoverBgColor, StyledTableInlineEditContainer, tableCellInputErrorBgColor, tableCellInputErrorBgColor, StyledTableCellInput, StyledTableCellSelect, StyledTableCellTextArea, tableCellInputErrorBorder, tableCellInputFocusBorder);
 export var StyledTableGroupRowContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTableGroupRowContent",
-  componentId: "core-12_33_0__sc-9c7xd-21"
+  componentId: "core-12_34_0__sc-9c7xd-21"
 })([""]);
 export var StyledTableGroupRowHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTableGroupRowHeader",
-  componentId: "core-12_33_0__sc-9c7xd-22"
+  componentId: "core-12_34_0__sc-9c7xd-22"
 })([""]);
 export var StyledTableGroupRowTitle = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTableGroupRowTitle",
-  componentId: "core-12_33_0__sc-9c7xd-23"
+  componentId: "core-12_34_0__sc-9c7xd-23"
 })([""]);
 export var StyledTableGroupRow = /*#__PURE__*/styled.tr.withConfig({
   displayName: "StyledTableGroupRow",
-  componentId: "core-12_33_0__sc-9c7xd-24"
+  componentId: "core-12_34_0__sc-9c7xd-24"
 })(["background-color:", ";", " ", "{margin-left:", "px;padding:", "px 0;display:flex;flex-direction:row;}", "{display:flex;align-items:center;}", "{font-weight:", ";padding-left:", "px;}", ""], tableGroupRowBgColor, tableRowBorderBottom, StyledTableGroupRowContent, spacing.lg, spacing.lg, StyledTableGroupRowHeader, StyledTableGroupRowTitle, tableHeaderFontWeight, spacing.lg, function (_ref17) {
   var $depth = _ref17.$depth;
   if (typeof $depth !== 'number') {
@@ -236,7 +236,7 @@ export var StyledTableGroupRow = /*#__PURE__*/styled.tr.withConfig({
 });
 export var StyledTableWrapper = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledTableWrapper",
-  componentId: "core-12_33_0__sc-9c7xd-25"
+  componentId: "core-12_34_0__sc-9c7xd-25"
 })(["border-radius:", "px;border:", ";", ",tbody{&:first-child{tr:first-child{", ",td{&:first-child{border-top-left-radius:", "px;}&:last-child{border-top-right-radius:", "px;}}}}&:last-child{tr:last-child{", ",td{&:first-child{border-bottom-left-radius:", "px;}&:last-child{border-bottom-right-radius:", "px;}}}}}", ""], tableBorderRadius, tableBorder, StyledHead, StyledTableHeaderCell, tableBorderRadius, tableBorderRadius, StyledTableHeaderCell, tableBorderRadius, tableBorderRadius, function (_ref18) {
   var $withShelf = _ref18.$withShelf;
   return $withShelf && css(["position:relative;height:100%;"]);
@@ -245,7 +245,7 @@ var BodyRow = StyledTableBodyRow;
 var GroupRow = StyledTableGroupRow;
 export var StyledTable = /*#__PURE__*/styled.table.withConfig({
   displayName: "StyledTable",
-  componentId: "core-12_33_0__sc-9c7xd-26"
+  componentId: "core-12_34_0__sc-9c7xd-26"
 })(["background-color:", ";border-collapse:collapse;border-radius:", "px;", " width:100%;td:first-child ", "{padding-left:", "px;}", " ", " + ", "{margin-left:", "px;padding-left:0;}", " ", " ", " + ", " > td{padding-left:", "px;}", " + ", " + ", " > td{padding-left:", "px;}", " + ", " + ", " + ", " > td{padding-left:", "px;}", " + ", " + ", " + ", " + ", " > td{padding-left:", "px;}", " ~ ", "{", "{padding-left:0;margin:0 ", "px;}& > td:first-child{padding-left:", "px;}}", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}", " + ", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}", " + ", " + ", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}", " + ", " + ", " + ", " + ", " ~ ", "{& > td:first-child{padding-left:", "px;}}"], tableBgColor, tableBorderRadius, getTypographyIntent('body'), StyledCheckbox, spacing.lg, StyledTableGroupRow, StyledCaratWrapper, StyledCheckbox, spacing.xs, function (_ref19) {
   var $fixed = _ref19.$fixed;
   return $fixed && css(["table-layout:fixed;"]);
@@ -255,6 +255,6 @@ export var StyledTable = /*#__PURE__*/styled.table.withConfig({
 }, GroupRow, GroupRow, tableGroupHeaderRowIndentation, GroupRow, GroupRow, GroupRow, 2 * tableGroupHeaderRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, 3 * tableGroupHeaderRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, GroupRow, 4 * tableGroupHeaderRowIndentation, GroupRow, BodyRow, StyledCheckbox, spacing.xs, tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, BodyRow, 2 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, GroupRow, BodyRow, 3 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, BodyRow, 4 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation, GroupRow, GroupRow, GroupRow, GroupRow, GroupRow, BodyRow, 5 * tableGroupHeaderRowIndentation + tableGroupBodyRowIndentation);
 export var StyledLoadingContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLoadingContainer",
-  componentId: "core-12_33_0__sc-9c7xd-27"
+  componentId: "core-12_34_0__sc-9c7xd-27"
 })(["cursor:default;align-items:center;background:", ";display:flex;height:100%;justify-content:center;opacity:0.9;position:absolute;width:100%;z-index:2;"], colors.gray96);
 //# sourceMappingURL=Table.styles.js.map

package/dist/TableShelf/TableShelf.styles.js

@@ -4,22 +4,22 @@ import { spacing } from '../_styles/spacing';
 var tableShelfShadow = '-4px 0px 5px 0px rgba(112, 112, 112, 0.1)';
 export var StyledShelf = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledShelf",
-  componentId: "core-12_33_0__sc-a6498a-0"
+  componentId: "core-12_34_0__sc-a6498a-0"
 })(["position:absolute;right:0;top:0;bottom:0;box-shadow:", ";background-color:", ";"], tableShelfShadow, colors.white);
 export var StyledHead = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHead",
-  componentId: "core-12_33_0__sc-a6498a-1"
+  componentId: "core-12_34_0__sc-a6498a-1"
 })(["background-color:", ";transition:background-color 0.2s ease-in-out;"], colors.gray96);
 export var StyledBodyRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBodyRow",
-  componentId: "core-12_33_0__sc-a6498a-2"
+  componentId: "core-12_34_0__sc-a6498a-2"
 })(["border-top:1px solid ", ";transition:background-color 0.2s ease-in-out;"], colors.gray85);
 export var StyledHeadCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeadCell",
-  componentId: "core-12_33_0__sc-a6498a-3"
+  componentId: "core-12_34_0__sc-a6498a-3"
 })(["text-align:left;padding:", "px;line-height:13px;"], spacing.lg);
 export var StyledBodyCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBodyCell",
-  componentId: "core-12_33_0__sc-a6498a-4"
+  componentId: "core-12_34_0__sc-a6498a-4"
 })(["padding:", "px;line-height:13px;"], spacing.lg);
 //# sourceMappingURL=TableShelf.styles.js.map

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_33_0__sc-17s58xs-0"
+  componentId: "core-12_34_0__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_33_0__sc-17s58xs-1"
+  componentId: "core-12_34_0__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_33_0__sc-17s58xs-2"
+  componentId: "core-12_34_0__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_33_0__sc-17s58xs-3"
+  componentId: "core-12_34_0__sc-17s58xs-3"
 })(["", ""], getTabStyle);
 var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledTabInner",
-  componentId: "core-12_33_0__sc-17s58xs-4"
+  componentId: "core-12_34_0__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_33_0__sc-17s58xs-5"
+  componentId: "core-12_34_0__sc-17s58xs-5"
 })(["", ""], getTabStyle);
 var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
   displayName: "StyledDropdownTabInner",
-  componentId: "core-12_33_0__sc-17s58xs-6"
+  componentId: "core-12_34_0__sc-17s58xs-6"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_33_0__sc-17s58xs-7"
+  componentId: "core-12_34_0__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_33_0__sc-17s58xs-8"
+  componentId: "core-12_34_0__sc-17s58xs-8"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTab",
-  componentId: "core-12_33_0__sc-17s58xs-9"
+  componentId: "core-12_34_0__sc-17s58xs-9"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTabInner",
-  componentId: "core-12_33_0__sc-17s58xs-10"
+  componentId: "core-12_34_0__sc-17s58xs-10"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledGlobalNavigationLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledGlobalNavigationLink",
-  componentId: "core-12_33_0__sc-17s58xs-11"
+  componentId: "core-12_34_0__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_33_0__sc-17s58xs-12"
+  componentId: "core-12_34_0__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_33_0__sc-17s58xs-13"
+  componentId: "core-12_34_0__sc-17s58xs-13"
 })(["display:flex;width:100%;"]);
 export var StyledTabs = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledTabs",
-  componentId: "core-12_33_0__sc-17s58xs-14"
+  componentId: "core-12_34_0__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

@@ -48,7 +48,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-12_33_0__sc-ljrxoq-0"
+  componentId: "core-12_34_0__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -68,7 +68,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_33_0__sc-ljrxoq-1"
+  componentId: "core-12_34_0__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";&:focus-visible{", "}", " ", "}"], colors.white, getFocusInset(), function (_ref5) {
   var $block = _ref5.$block,
     $placement = _ref5.$placement,
@@ -89,7 +89,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_33_0__sc-ljrxoq-2"
+  componentId: "core-12_34_0__sc-ljrxoq-2"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -97,7 +97,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-12_33_0__sc-ljrxoq-3"
+  componentId: "core-12_34_0__sc-ljrxoq-3"
 })(["", ""], function (_ref8) {
   var $placement = _ref8.$placement;
   switch ($placement) {
@@ -112,7 +112,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-12_33_0__sc-ljrxoq-4"
+  componentId: "core-12_34_0__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_33_0__sc-u5mow1-0"
+  componentId: "core-12_34_0__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/TextEditor/TextEditor.js

@@ -1,11 +1,6 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["error", "init", "locale", "onChange", "onInit", "plugins"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
@@ -18,6 +13,11 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { Editor } from '@tinymce/tinymce-react';
 import React, { useState } from 'react';
 import { useOverridableFocusScope } from '../_hooks/FocusScopeOverride';
@@ -29,7 +29,7 @@ var errorRed = '#E61920';
 function noop() {}
 var TextEditorContext = /*#__PURE__*/React.createContext({
   features: {
-    tabAsNavigation: undefined,
+    tabAsNavigation: true,
     stickyToolbar: undefined
   }
 });
@@ -38,7 +38,9 @@ export function TextEditorProvider(_ref) {
     features = _ref.features;
   return /*#__PURE__*/React.createElement(TextEditorContext.Provider, {
     value: {
-      features: features
+      features: _objectSpread({
+        tabAsNavigation: true
+      }, features)
     }
   }, children);
 }

package/dist/TextEditor/TextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.js","names":["Editor","React","useState","useOverridableFocusScope","useI18nContext","useZIndexContext","defaultPlugins","generateExternalPlugins","generateLanguageUrl","getValidLookupLocale","tinyMCEConfig","tinyMCESource","tinyMCETabMarkup","tinyMCEVersion","GlobalStyle","errorRed","noop","TextEditorContext","createContext","features","tabAsNavigation","undefined","stickyToolbar","TextEditorProvider","_ref","children","createElement","Provider","value","setupDefaultShortcuts","editor","shortcuts","add","setupShortcuts","on","checkTabPress","event","altKey","key","execCommand","preventDefault","stopPropagation","useFocusScopePatch","plugins","focusScope","useEffect","concat","_toConsumableArray","some","plugin","setProps","contain","TextEditor","_ref2","_props$initialValue","_props$value","error","initOverrides","init","locale","_ref2$onChange","onChange","_onInit","onInit","_ref2$plugins","props","_objectWithoutProperties","_excluded","_useI18nContext","contextLocale","_useZIndexContext","zIndex","_React$useContext","useContext","toolbar_sticky","tabControls","external_plugins","filter","p","nonbreaking_force_tab","setup","onEditorChange","_","getContent","isDirty","ref","useRef","updateError","current","style","borderColor","editorContainer","_useState","initialValue","_useState2","_slicedToArray","derivedInitial","Fragment","$zIndex","_extends","_objectSpread","language_url","language","content_style","tinymceScriptSrc","displayName"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import { Editor } from '@tinymce/tinymce-react'\nimport React, { useState } from 'react'\nimport { useOverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport {\n  defaultPlugins,\n  generateExternalPlugins,\n  generateLanguageUrl,\n  getValidLookupLocale,\n  tinyMCEConfig,\n  tinyMCESource,\n  tinyMCETabMarkup,\n  tinyMCEVersion,\n} from '../_utils/TinyMCE'\nimport { GlobalStyle } from './TextEditor.styles'\nimport type {\n  TextEditorProps,\n  TextEditorProviderProps,\n} from './TextEditor.types'\n\nconst errorRed = '#E61920'\n\nfunction noop() {}\n\nconst TextEditorContext = React.createContext<\n  Omit<TextEditorProviderProps, 'children'>\n>({\n  features: {\n    tabAsNavigation: undefined,\n    stickyToolbar: undefined,\n  },\n})\n\nexport function TextEditorProvider({\n  children,\n  features,\n}: TextEditorProviderProps) {\n  return (\n    <TextEditorContext.Provider value={{ features }}>\n      {children}\n    </TextEditorContext.Provider>\n  )\n}\n\nfunction setupDefaultShortcuts(editor: any) {\n  editor.shortcuts.add('meta+shift+s', 'Strikethrough', 'Strikethrough')\n}\n\n/**\n * editor.addShortcut does not notify on Tab key presses\n */\nfunction setupShortcuts(editor: any) {\n  setupDefaultShortcuts(editor)\n  editor.on('keydown', function checkTabPress(event: React.KeyboardEvent) {\n    if (event.altKey && event.key === 'Tab') {\n      editor.execCommand('mceInsertContent', false, tinyMCETabMarkup)\n      event.preventDefault()\n      event.stopPropagation()\n      return false\n    }\n  })\n}\n\n/**\n * The following plugins open a TinyMCE modal.\n * When used with React Aria contained FocusScope,\n * focus does not move into the TinyMCE modal.\n * This patch gets critical functionality back at\n * the cost of possibly failing accessbility.\n */\nfunction useFocusScopePatch(plugins: string[]) {\n  const focusScope = useOverridableFocusScope()\n  React.useEffect(() => {\n    if (\n      [...defaultPlugins, ...plugins].some(\n        // Add plugins that open a tinymce modal here\n        (plugin) =>\n          plugin === 'link' || plugin === 'table' || plugin === 'image'\n      )\n    ) {\n      focusScope.setProps({ contain: false })\n    }\n  }, [focusScope, plugins])\n}\n\n/**\n\n We use text editors to allow users to enter multiple lines of formatted text.\n\n If users need to add unformatted text, see Text Area.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditor--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-editor)\n\n */\nexport function TextEditor({\n  error,\n  init: initOverrides,\n  locale,\n  onChange = noop,\n  onInit: _onInit,\n  plugins = defaultPlugins,\n  ...props\n}: TextEditorProps) {\n  const { locale: contextLocale } = useI18nContext()\n  const { value: zIndex } = useZIndexContext()\n\n  const { features } = React.useContext(TextEditorContext)\n  const stickyToolbar = features?.stickyToolbar ? { toolbar_sticky: true } : {}\n  const tabControls = features?.tabAsNavigation\n    ? {\n        external_plugins: generateExternalPlugins(\n          plugins,\n          defaultPlugins.filter((p) => p !== 'nonbreaking')\n        ),\n        nonbreaking_force_tab: false,\n        setup: setupShortcuts,\n      }\n    : {\n        setup: setupDefaultShortcuts,\n      }\n\n  const onEditorChange: React.ComponentProps<\n    typeof Editor\n  >['onEditorChange'] = (_: any, editor: any) => {\n    onChange(editor.getContent(), editor.isDirty())\n  }\n\n  const ref = React.useRef<HTMLElement>()\n\n  const updateError = () => {\n    if (ref.current) {\n      if (error) {\n        ref.current.style.borderColor = errorRed\n      } else {\n        ref.current.style.borderColor = ''\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    updateError()\n  }, [error])\n\n  useFocusScopePatch(plugins)\n\n  const onInit: React.ComponentProps<typeof Editor>['onInit'] = (\n    event,\n    editor\n  ) => {\n    ref.current = editor.editorContainer\n    updateError()\n    _onInit && _onInit(event, editor)\n  }\n\n  const [derivedInitial] = useState(props.initialValue ?? props.value)\n\n  // zIndex + 1 because on first render zIndex of Portal(Modal) is higher\n  return (\n    <>\n      <GlobalStyle $zIndex={zIndex + 1} />\n      <Editor\n        init={{\n          ...tinyMCEConfig,\n          external_plugins: generateExternalPlugins(plugins),\n          language_url: generateLanguageUrl(locale || contextLocale),\n          language: getValidLookupLocale(locale || contextLocale),\n          content_style: `p { margin: 0; }`,\n          ...stickyToolbar,\n          ...tabControls,\n          ...initOverrides,\n        }}\n        tinymceScriptSrc={`${tinyMCESource}/${tinyMCEVersion}/tinymce.min.js`}\n        onInit={onInit}\n        onEditorChange={onEditorChange}\n        {...props}\n        value={props.value ?? props.initialValue}\n        initialValue={derivedInitial}\n      />\n    </>\n  )\n}\n\nTextEditor.displayName = 'TextEditor'\n"],"mappings":"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"}
+{"version":3,"file":"TextEditor.js","names":["Editor","React","useState","useOverridableFocusScope","useI18nContext","useZIndexContext","defaultPlugins","generateExternalPlugins","generateLanguageUrl","getValidLookupLocale","tinyMCEConfig","tinyMCESource","tinyMCETabMarkup","tinyMCEVersion","GlobalStyle","errorRed","noop","TextEditorContext","createContext","features","tabAsNavigation","stickyToolbar","undefined","TextEditorProvider","_ref","children","createElement","Provider","value","_objectSpread","setupDefaultShortcuts","editor","shortcuts","add","setupShortcuts","on","checkTabPress","event","altKey","key","execCommand","preventDefault","stopPropagation","useFocusScopePatch","plugins","focusScope","useEffect","concat","_toConsumableArray","some","plugin","setProps","contain","TextEditor","_ref2","_props$initialValue","_props$value","error","initOverrides","init","locale","_ref2$onChange","onChange","_onInit","onInit","_ref2$plugins","props","_objectWithoutProperties","_excluded","_useI18nContext","contextLocale","_useZIndexContext","zIndex","_React$useContext","useContext","toolbar_sticky","tabControls","external_plugins","filter","p","nonbreaking_force_tab","setup","onEditorChange","_","getContent","isDirty","ref","useRef","updateError","current","style","borderColor","editorContainer","_useState","initialValue","_useState2","_slicedToArray","derivedInitial","Fragment","$zIndex","_extends","language_url","language","content_style","tinymceScriptSrc","displayName"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import { Editor } from '@tinymce/tinymce-react'\nimport React, { useState } from 'react'\nimport { useOverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport {\n  defaultPlugins,\n  generateExternalPlugins,\n  generateLanguageUrl,\n  getValidLookupLocale,\n  tinyMCEConfig,\n  tinyMCESource,\n  tinyMCETabMarkup,\n  tinyMCEVersion,\n} from '../_utils/TinyMCE'\nimport { GlobalStyle } from './TextEditor.styles'\nimport type {\n  TextEditorProps,\n  TextEditorProviderProps,\n} from './TextEditor.types'\n\nconst errorRed = '#E61920'\n\nfunction noop() {}\n\nconst TextEditorContext = React.createContext<\n  Omit<TextEditorProviderProps, 'children'>\n>({\n  features: {\n    tabAsNavigation: true,\n    stickyToolbar: undefined,\n  },\n})\n\nexport function TextEditorProvider({\n  children,\n  features,\n}: TextEditorProviderProps) {\n  return (\n    <TextEditorContext.Provider\n      value={{\n        features: {\n          tabAsNavigation: true,\n          ...features,\n        },\n      }}\n    >\n      {children}\n    </TextEditorContext.Provider>\n  )\n}\n\nfunction setupDefaultShortcuts(editor: any) {\n  editor.shortcuts.add('meta+shift+s', 'Strikethrough', 'Strikethrough')\n}\n\n/**\n * editor.addShortcut does not notify on Tab key presses\n */\nfunction setupShortcuts(editor: any) {\n  setupDefaultShortcuts(editor)\n  editor.on('keydown', function checkTabPress(event: React.KeyboardEvent) {\n    if (event.altKey && event.key === 'Tab') {\n      editor.execCommand('mceInsertContent', false, tinyMCETabMarkup)\n      event.preventDefault()\n      event.stopPropagation()\n      return false\n    }\n  })\n}\n\n/**\n * The following plugins open a TinyMCE modal.\n * When used with React Aria contained FocusScope,\n * focus does not move into the TinyMCE modal.\n * This patch gets critical functionality back at\n * the cost of possibly failing accessbility.\n */\nfunction useFocusScopePatch(plugins: string[]) {\n  const focusScope = useOverridableFocusScope()\n  React.useEffect(() => {\n    if (\n      [...defaultPlugins, ...plugins].some(\n        // Add plugins that open a tinymce modal here\n        (plugin) =>\n          plugin === 'link' || plugin === 'table' || plugin === 'image'\n      )\n    ) {\n      focusScope.setProps({ contain: false })\n    }\n  }, [focusScope, plugins])\n}\n\n/**\n\n We use text editors to allow users to enter multiple lines of formatted text.\n\n If users need to add unformatted text, see Text Area.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditor--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-editor)\n\n */\nexport function TextEditor({\n  error,\n  init: initOverrides,\n  locale,\n  onChange = noop,\n  onInit: _onInit,\n  plugins = defaultPlugins,\n  ...props\n}: TextEditorProps) {\n  const { locale: contextLocale } = useI18nContext()\n  const { value: zIndex } = useZIndexContext()\n\n  const { features } = React.useContext(TextEditorContext)\n  const stickyToolbar = features?.stickyToolbar ? { toolbar_sticky: true } : {}\n  const tabControls = features?.tabAsNavigation\n    ? {\n        external_plugins: generateExternalPlugins(\n          plugins,\n          defaultPlugins.filter((p) => p !== 'nonbreaking')\n        ),\n        nonbreaking_force_tab: false,\n        setup: setupShortcuts,\n      }\n    : {\n        setup: setupDefaultShortcuts,\n      }\n\n  const onEditorChange: React.ComponentProps<\n    typeof Editor\n  >['onEditorChange'] = (_: any, editor: any) => {\n    onChange(editor.getContent(), editor.isDirty())\n  }\n\n  const ref = React.useRef<HTMLElement>()\n\n  const updateError = () => {\n    if (ref.current) {\n      if (error) {\n        ref.current.style.borderColor = errorRed\n      } else {\n        ref.current.style.borderColor = ''\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    updateError()\n  }, [error])\n\n  useFocusScopePatch(plugins)\n\n  const onInit: React.ComponentProps<typeof Editor>['onInit'] = (\n    event,\n    editor\n  ) => {\n    ref.current = editor.editorContainer\n    updateError()\n    _onInit && _onInit(event, editor)\n  }\n\n  const [derivedInitial] = useState(props.initialValue ?? props.value)\n\n  // zIndex + 1 because on first render zIndex of Portal(Modal) is higher\n  return (\n    <>\n      <GlobalStyle $zIndex={zIndex + 1} />\n      <Editor\n        init={{\n          ...tinyMCEConfig,\n          external_plugins: generateExternalPlugins(plugins),\n          language_url: generateLanguageUrl(locale || contextLocale),\n          language: getValidLookupLocale(locale || contextLocale),\n          content_style: `p { margin: 0; }`,\n          ...stickyToolbar,\n          ...tabControls,\n          ...initOverrides,\n        }}\n        tinymceScriptSrc={`${tinyMCESource}/${tinyMCEVersion}/tinymce.min.js`}\n        onInit={onInit}\n        onEditorChange={onEditorChange}\n        {...props}\n        value={props.value ?? props.initialValue}\n        initialValue={derivedInitial}\n      />\n    </>\n  )\n}\n\nTextEditor.displayName = 'TextEditor'\n"],"mappings":"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"}

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_33_0__sc-1lje1b0-0"
+  componentId: "core-12_34_0__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/Thumbnail/Thumbnail.styles.js

@@ -27,35 +27,35 @@ var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;
 });
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_33_0__sc-195f70c-0"
+  componentId: "core-12_34_0__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_33_0__sc-195f70c-1"
+  componentId: "core-12_34_0__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_33_0__sc-195f70c-2"
+  componentId: "core-12_34_0__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_33_0__sc-195f70c-3"
+  componentId: "core-12_34_0__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_33_0__sc-195f70c-4"
+  componentId: "core-12_34_0__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_33_0__sc-195f70c-5"
+  componentId: "core-12_34_0__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_33_0__sc-195f70c-6"
+  componentId: "core-12_34_0__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_33_0__sc-195f70c-7"
+  componentId: "core-12_34_0__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;
@@ -63,7 +63,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_33_0__sc-195f70c-8"
+  componentId: "core-12_34_0__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;
@@ -85,7 +85,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_33_0__sc-195f70c-9"
+  componentId: "core-12_34_0__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 (_ref1) {
   var $selected = _ref1.$selected;
   return $selected && css(["opacity:1;transform:scale(1);"]);
@@ -95,28 +95,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_33_0__sc-195f70c-10"
+  componentId: "core-12_34_0__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_33_0__sc-195f70c-11"
+  componentId: "core-12_34_0__sc-195f70c-11"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref11) {
   var $bgImage = _ref11.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-12_33_0__sc-195f70c-12"
+  componentId: "core-12_34_0__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_33_0__sc-195f70c-13"
+  componentId: "core-12_34_0__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_33_0__sc-195f70c-14"
+  componentId: "core-12_34_0__sc-195f70c-14"
 })(["", ";flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref12) {
   var $disabled = _ref12.$disabled;
   return $disabled && css(["&,&:hover{", "{display:block;", "}}", ",", ",", "{filter:saturate(0);}", "{filter:saturate(0);z-index:-1;}"], StyledImageThumbnailOverlay, whiteOverlay, StyledImageThumbnailPreview, StyledTickIcon, StyledImageThumbnailImage, StyledFileIcon);
@@ -145,7 +145,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_33_0__sc-195f70c-15"
+  componentId: "core-12_34_0__sc-195f70c-15"
 })(["display:flex;", " ", ""], function (_ref18) {
   var $size = _ref18.$size;
   return $size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -156,7 +156,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_33_0__sc-195f70c-16"
+  componentId: "core-12_34_0__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref20) {
   var $clickable = _ref20.$clickable;
   return $clickable && css(["&:hover{background-color:", ";}"], colors.gray96);