@procore/core-react 12.48.2 → 12.49.0

package/dist/Typeahead/Typeahead.styles.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledSearchIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    disabled?: boolean | undefined;
+}>> & string;
+export declare const StyledClearIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     disabled?: boolean | undefined;
 }>> & string;
 export declare const StyledTypeahead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/Typeahead/Typeahead.styles.js

@@ -1,22 +1,27 @@
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { getSearchInputStyles } from '../Search/Search.styles';
 import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 var inputHeight = 36;
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_48_2__sc-gpc39h-0"
-})(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
-export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
-  displayName: "StyledIcon",
-  componentId: "core-12_48_2__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) {
+  componentId: "core-12_49_0__sc-gpc39h-0"
+})(["", " padding-left:", "px;padding-right:", "px;"], getSearchInputStyles(), spacing.xxl, spacing.xxl);
+var iconContainerStyles = /*#__PURE__*/css(["align-items:center;color:", ";display:flex;height:", "px;justify-content:center;position:absolute;top:0;width:", "px;"], function (p) {
   return p.disabled ? colors.gray70 : colors.gray45;
-}, inputHeight, function (p) {
+}, inputHeight, inputHeight);
+export var StyledSearchIcon = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSearchIcon",
+  componentId: "core-12_49_0__sc-gpc39h-1"
+})(["", " left:0;pointer-events:none;"], iconContainerStyles);
+export var StyledClearIcon = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledClearIcon",
+  componentId: "core-12_49_0__sc-gpc39h-2"
+})(["", " pointer-events:", ";right:0;"], iconContainerStyles, function (p) {
   return p.disabled ? 'none' : 'auto';
-}, inputHeight);
+});
 export var StyledTypeahead = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTypeahead",
-  componentId: "core-12_48_2__sc-gpc39h-2"
+  componentId: "core-12_49_0__sc-gpc39h-3"
 })(["position:relative;width:100%;"]);
 //# sourceMappingURL=Typeahead.styles.js.map

package/dist/Typeahead/Typeahead.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typeahead.styles.js","names":["styled","getSearchInputStyles","colors","spacing","inputHeight","StyledInput","input","withConfig","displayName","componentId","xxl","StyledIcon","div","p","disabled","gray70","gray45","StyledTypeahead"],"sources":["../../src/Typeahead/Typeahead.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getSearchInputStyles } from '../Search/Search.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nconst inputHeight = 36\n\nexport const StyledInput = styled.input`\n  ${getSearchInputStyles()}\n\n  padding-right: ${spacing.xxl}px;\n`\n\nexport const StyledIcon = styled.div<{ disabled?: boolean }>`\n  align-items: center;\n  color: ${(p) => (p.disabled ? colors.gray70 : colors.gray45)};\n  display: flex;\n  height: ${inputHeight}px;\n  justify-content: center;\n  pointer-events: ${(p) => (p.disabled ? 'none' : 'auto')};\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: ${inputHeight}px;\n`\n\nexport const StyledTypeahead = styled.div`\n  position: relative;\n  width: 100%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,WAAW,GAAG,EAAE;AAEtB,OAAO,IAAMC,WAAW,gBAAGL,MAAM,CAACM,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mCACnCR,oBAAoB,CAAC,CAAC,EAEPE,OAAO,CAACO,GAAG,CAC7B;AAED,OAAO,IAAMC,UAAU,gBAAGX,MAAM,CAACY,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0JAEzB,UAACI,CAAC;EAAA,OAAMA,CAAC,CAACC,QAAQ,GAAGZ,MAAM,CAACa,MAAM,GAAGb,MAAM,CAACc,MAAM;AAAA,CAAC,EAElDZ,WAAW,EAEH,UAACS,CAAC;EAAA,OAAMA,CAAC,CAACC,QAAQ,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAI9CV,WAAW,CACrB;AAED,OAAO,IAAMa,eAAe,gBAAGjB,MAAM,CAACY,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAGxC"}
+{"version":3,"file":"Typeahead.styles.js","names":["styled","css","getSearchInputStyles","colors","spacing","inputHeight","StyledInput","input","withConfig","displayName","componentId","xxl","iconContainerStyles","p","disabled","gray70","gray45","StyledSearchIcon","div","StyledClearIcon","StyledTypeahead"],"sources":["../../src/Typeahead/Typeahead.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getSearchInputStyles } from '../Search/Search.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nconst inputHeight = 36\n\nexport const StyledInput = styled.input`\n  ${getSearchInputStyles()}\n\n  padding-left: ${spacing.xxl}px;\n  padding-right: ${spacing.xxl}px;\n`\n\nconst iconContainerStyles = css<{ disabled?: boolean }>`\n  align-items: center;\n  color: ${(p) => (p.disabled ? colors.gray70 : colors.gray45)};\n  display: flex;\n  height: ${inputHeight}px;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  width: ${inputHeight}px;\n`\n\nexport const StyledSearchIcon = styled.div<{ disabled?: boolean }>`\n  ${iconContainerStyles}\n  left: 0;\n  pointer-events: none;\n`\n\nexport const StyledClearIcon = styled.div<{ disabled?: boolean }>`\n  ${iconContainerStyles}\n  pointer-events: ${(p) => (p.disabled ? 'none' : 'auto')};\n  right: 0;\n`\n\nexport const StyledTypeahead = styled.div`\n  position: relative;\n  width: 100%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,WAAW,GAAG,EAAE;AAEtB,OAAO,IAAMC,WAAW,gBAAGN,MAAM,CAACO,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uDACnCR,oBAAoB,CAAC,CAAC,EAERE,OAAO,CAACO,GAAG,EACVP,OAAO,CAACO,GAAG,CAC7B;AAED,IAAMC,mBAAmB,gBAAGX,GAAG,4HAEpB,UAACY,CAAC;EAAA,OAAMA,CAAC,CAACC,QAAQ,GAAGX,MAAM,CAACY,MAAM,GAAGZ,MAAM,CAACa,MAAM;AAAA,CAAC,EAElDX,WAAW,EAIZA,WAAW,CACrB;AAED,OAAO,IAAMY,gBAAgB,gBAAGjB,MAAM,CAACkB,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCACtCE,mBAAmB,CAGtB;AAED,OAAO,IAAMO,eAAe,gBAAGnB,MAAM,CAACkB,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0CACrCE,mBAAmB,EACH,UAACC,CAAC;EAAA,OAAMA,CAAC,CAACC,QAAQ,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,CAExD;AAED,OAAO,IAAMM,eAAe,gBAAGpB,MAAM,CAACkB,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAGxC"}

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_48_2__sc-1c4583t-0"
+  componentId: "core-12_49_0__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_48_2__sc-p4v7d-0"
+  componentId: "core-12_49_0__sc-p4v7d-0"
 })([""]);
 var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
   displayName: "StyledTextCell",
-  componentId: "core-12_48_2__sc-p4v7d-1"
+  componentId: "core-12_49_0__sc-p4v7d-1"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
   return /*#__PURE__*/React.createElement(StyledBodyCell, {

package/dist/_hooks/I18n.d.ts

@@ -772,6 +772,8 @@ export declare const coreTranslations: {
             toast: {
                 a11y: {
                     dismiss: string;
+                    success: string;
+                    error: string;
                 };
             };
             fileList: {
@@ -4902,6 +4904,8 @@ export declare const coreTranslations: {
             toast: {
                 a11y: {
                     dismiss: string;
+                    success: string;
+                    error: string;
                 };
             };
             fileList: {

package/dist/_locales/en.json

@@ -346,7 +346,9 @@
     },
     "toast": {
       "a11y": {
-        "dismiss": "Dismiss"
+        "dismiss": "Dismiss",
+        "success": "Success",
+        "error": "Error"
       }
     },
     "fileList": {

package/dist/_locales/pseudo.json

@@ -346,7 +346,9 @@
     },
     "toast": {
       "a11y": {
-        "dismiss": "[ḒḒīşḿīşşş]"
+        "dismiss": "[ḒḒīşḿīşşş]",
+        "success": "[ŞŞŭƈƈḗşşş]",
+        "error": "[Ḗřřǿř]"
       }
     },
     "fileList": {

package/dist/_storyHelpers_/components/Deprecation.styles.js

@@ -2,6 +2,6 @@ import styled from 'styled-components';
 import { Typography } from '../../Typography';
 export var StyledDeprecation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledDeprecation",
-  componentId: "core-12_48_2__sc-ojy3xo-0"
+  componentId: "core-12_49_0__sc-ojy3xo-0"
 })(["display:block;margin-bottom:16px;"]);
 //# sourceMappingURL=Deprecation.styles.js.map

package/dist/_storyHelpers_/components/StoryGrid.js

@@ -6,11 +6,11 @@ import styled from 'styled-components';
 import { colors } from '../../_styles/colors';
 var StyledCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledCell",
-  componentId: "core-12_48_2__sc-7owp8g-0"
+  componentId: "core-12_49_0__sc-7owp8g-0"
 })(["display:flex;align-items:center;justify-content:center;padding:0 48px;border-bottom:1px dashed ", ";border-right:1px dashed ", ";"], colors.gray90, colors.gray90);
 var StyledGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrid",
-  componentId: "core-12_48_2__sc-7owp8g-1"
+  componentId: "core-12_49_0__sc-7owp8g-1"
 })(["align-items:center;justify-content:center;display:grid;gap:0;border-top:1px dashed ", ";border-left:1px dashed ", ";grid-template-columns:repeat( ", ",minmax(0,1fr) );height:100%;width:100%;", "{min-height:", "px;overflow:hidden;}"], colors.gray90, colors.gray90, function (_ref) {
   var _ref$$columns = _ref.$columns,
     $columns = _ref$$columns === void 0 ? 1 : _ref$$columns;
@@ -21,7 +21,7 @@ var StyledGrid = /*#__PURE__*/styled.div.withConfig({
 });
 var StyledGridContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridContainer",
-  componentId: "core-12_48_2__sc-7owp8g-2"
+  componentId: "core-12_49_0__sc-7owp8g-2"
 })(["height:100%;padding:24px;width:100%;"]);
 export var StoryGrid = function StoryGrid(_ref3) {
   var children = _ref3.children,

package/dist/_styles/colors.js

@@ -24,5 +24,8 @@ function paletteGenerator() {
     white: 'white'
   });
 }
-export var colors = paletteGenerator();
+export var colors = _objectSpread(_objectSpread({}, paletteGenerator()), {}, {
+  // Override the algorithmically generated yellow40 to satisfy WCAG contrast requirements
+  yellow40: '#B28500'
+});
 //# sourceMappingURL=colors.js.map

package/dist/_styles/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["luminosities","colorGenerator","color","hue","saturation","colorSet","_i","_luminosities","length","luminosity","key","concat","value","paletteGenerator","_objectSpread","black","white","colors"],"sources":["../../src/_styles/colors.ts"],"sourcesContent":["export type Color =\n  | 'blue10'\n  | 'blue15'\n  | 'blue20'\n  | 'blue30'\n  | 'blue40'\n  | 'blue45'\n  | 'blue50'\n  | 'blue60'\n  | 'blue70'\n  | 'blue85'\n  | 'blue90'\n  | 'blue94'\n  | 'blue96'\n  | 'blue98'\n  | 'cyan10'\n  | 'cyan15'\n  | 'cyan20'\n  | 'cyan30'\n  | 'cyan40'\n  | 'cyan45'\n  | 'cyan50'\n  | 'cyan60'\n  | 'cyan70'\n  | 'cyan85'\n  | 'cyan90'\n  | 'cyan94'\n  | 'cyan96'\n  | 'cyan98'\n  | 'gray10'\n  | 'gray15'\n  | 'gray20'\n  | 'gray30'\n  | 'gray40'\n  | 'gray45'\n  | 'gray50'\n  | 'gray60'\n  | 'gray70'\n  | 'gray85'\n  | 'gray90'\n  | 'gray94'\n  | 'gray96'\n  | 'gray98'\n  | 'green10'\n  | 'green15'\n  | 'green20'\n  | 'green30'\n  | 'green40'\n  | 'green45'\n  | 'green50'\n  | 'green60'\n  | 'green70'\n  | 'green85'\n  | 'green90'\n  | 'green94'\n  | 'green96'\n  | 'green98'\n  | 'magenta10'\n  | 'magenta15'\n  | 'magenta20'\n  | 'magenta30'\n  | 'magenta40'\n  | 'magenta45'\n  | 'magenta50'\n  | 'magenta60'\n  | 'magenta70'\n  | 'magenta85'\n  | 'magenta90'\n  | 'magenta94'\n  | 'magenta96'\n  | 'magenta98'\n  | 'orange10'\n  | 'orange15'\n  | 'orange20'\n  | 'orange30'\n  | 'orange40'\n  | 'orange45'\n  | 'orange50'\n  | 'orange60'\n  | 'orange70'\n  | 'orange85'\n  | 'orange90'\n  | 'orange94'\n  | 'orange96'\n  | 'orange98'\n  | 'purple10'\n  | 'purple15'\n  | 'purple20'\n  | 'purple30'\n  | 'purple40'\n  | 'purple45'\n  | 'purple50'\n  | 'purple60'\n  | 'purple70'\n  | 'purple85'\n  | 'purple90'\n  | 'purple94'\n  | 'purple96'\n  | 'purple98'\n  | 'red10'\n  | 'red15'\n  | 'red20'\n  | 'red30'\n  | 'red40'\n  | 'red45'\n  | 'red50'\n  | 'red60'\n  | 'red70'\n  | 'red85'\n  | 'red90'\n  | 'red94'\n  | 'red96'\n  | 'red98'\n  | 'yellow10'\n  | 'yellow15'\n  | 'yellow20'\n  | 'yellow30'\n  | 'yellow40'\n  | 'yellow45'\n  | 'yellow50'\n  | 'yellow60'\n  | 'yellow70'\n  | 'yellow85'\n  | 'yellow90'\n  | 'yellow94'\n  | 'yellow96'\n  | 'yellow98'\n  | 'black'\n  | 'white'\n\nconst luminosities = [10, 15, 20, 30, 40, 45, 50, 60, 70, 85, 90, 94, 96, 98]\n\n// Palette Generation\n\nexport type ColorPaletteObject = { [key in Color]: string }\n\nfunction colorGenerator(color: string, hue: number, saturation: number) {\n  const colorSet = {} as ColorPaletteObject\n\n  for (let luminosity of luminosities) {\n    const key = `${color}${luminosity}` as Color\n    const value = `hsl(${hue}, ${saturation}%, ${luminosity}%)`\n\n    colorSet[key] = value\n  }\n\n  return colorSet\n}\n\nfunction paletteGenerator(): ColorPaletteObject {\n  return {\n    ...colorGenerator('blue', 218, 75),\n    ...colorGenerator('cyan', 170, 65),\n    ...colorGenerator('gray', 200, 8),\n    ...colorGenerator('green', 125, 50),\n    ...colorGenerator('magenta', 310, 60),\n    ...colorGenerator('orange', 19, 100),\n    ...colorGenerator('purple', 288, 43),\n    ...colorGenerator('red', 360, 70),\n    ...colorGenerator('yellow', 45, 85),\n    black: 'black',\n    white: 'white',\n  }\n}\n\nexport const colors = paletteGenerator()\n"],"mappings":";;;;;;AAkIA,IAAMA,YAAY,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;;AAE7E;;AAIA,SAASC,cAAcA,CAACC,KAAa,EAAEC,GAAW,EAAEC,UAAkB,EAAE;EACtE,IAAMC,QAAQ,GAAG,CAAC,CAAuB;EAEzC,SAAAC,EAAA,MAAAC,aAAA,GAAuBP,YAAY,EAAAM,EAAA,GAAAC,aAAA,CAAAC,MAAA,EAAAF,EAAA,IAAE;IAAhC,IAAIG,UAAU,GAAAF,aAAA,CAAAD,EAAA;IACjB,IAAMI,GAAG,MAAAC,MAAA,CAAMT,KAAK,EAAAS,MAAA,CAAGF,UAAU,CAAW;IAC5C,IAAMG,KAAK,UAAAD,MAAA,CAAUR,GAAG,QAAAQ,MAAA,CAAKP,UAAU,SAAAO,MAAA,CAAMF,UAAU,OAAI;IAE3DJ,QAAQ,CAACK,GAAG,CAAC,GAAGE,KAAK;EACvB;EAEA,OAAOP,QAAQ;AACjB;AAEA,SAASQ,gBAAgBA,CAAA,EAAuB;EAC9C,OAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACKb,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,GAC/BA,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,GAC/BA,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAC9BA,cAAc,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC,GAChCA,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,GAClCA,cAAc,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,GACjCA,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,GACjCA,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,GAC9BA,cAAc,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC;IACnCc,KAAK,EAAE,OAAO;IACdC,KAAK,EAAE;EAAO;AAElB;AAEA,OAAO,IAAMC,MAAM,GAAGJ,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"colors.js","names":["luminosities","colorGenerator","color","hue","saturation","colorSet","_i","_luminosities","length","luminosity","key","concat","value","paletteGenerator","_objectSpread","black","white","colors","yellow40"],"sources":["../../src/_styles/colors.ts"],"sourcesContent":["export type Color =\n  | 'blue10'\n  | 'blue15'\n  | 'blue20'\n  | 'blue30'\n  | 'blue40'\n  | 'blue45'\n  | 'blue50'\n  | 'blue60'\n  | 'blue70'\n  | 'blue85'\n  | 'blue90'\n  | 'blue94'\n  | 'blue96'\n  | 'blue98'\n  | 'cyan10'\n  | 'cyan15'\n  | 'cyan20'\n  | 'cyan30'\n  | 'cyan40'\n  | 'cyan45'\n  | 'cyan50'\n  | 'cyan60'\n  | 'cyan70'\n  | 'cyan85'\n  | 'cyan90'\n  | 'cyan94'\n  | 'cyan96'\n  | 'cyan98'\n  | 'gray10'\n  | 'gray15'\n  | 'gray20'\n  | 'gray30'\n  | 'gray40'\n  | 'gray45'\n  | 'gray50'\n  | 'gray60'\n  | 'gray70'\n  | 'gray85'\n  | 'gray90'\n  | 'gray94'\n  | 'gray96'\n  | 'gray98'\n  | 'green10'\n  | 'green15'\n  | 'green20'\n  | 'green30'\n  | 'green40'\n  | 'green45'\n  | 'green50'\n  | 'green60'\n  | 'green70'\n  | 'green85'\n  | 'green90'\n  | 'green94'\n  | 'green96'\n  | 'green98'\n  | 'magenta10'\n  | 'magenta15'\n  | 'magenta20'\n  | 'magenta30'\n  | 'magenta40'\n  | 'magenta45'\n  | 'magenta50'\n  | 'magenta60'\n  | 'magenta70'\n  | 'magenta85'\n  | 'magenta90'\n  | 'magenta94'\n  | 'magenta96'\n  | 'magenta98'\n  | 'orange10'\n  | 'orange15'\n  | 'orange20'\n  | 'orange30'\n  | 'orange40'\n  | 'orange45'\n  | 'orange50'\n  | 'orange60'\n  | 'orange70'\n  | 'orange85'\n  | 'orange90'\n  | 'orange94'\n  | 'orange96'\n  | 'orange98'\n  | 'purple10'\n  | 'purple15'\n  | 'purple20'\n  | 'purple30'\n  | 'purple40'\n  | 'purple45'\n  | 'purple50'\n  | 'purple60'\n  | 'purple70'\n  | 'purple85'\n  | 'purple90'\n  | 'purple94'\n  | 'purple96'\n  | 'purple98'\n  | 'red10'\n  | 'red15'\n  | 'red20'\n  | 'red30'\n  | 'red40'\n  | 'red45'\n  | 'red50'\n  | 'red60'\n  | 'red70'\n  | 'red85'\n  | 'red90'\n  | 'red94'\n  | 'red96'\n  | 'red98'\n  | 'yellow10'\n  | 'yellow15'\n  | 'yellow20'\n  | 'yellow30'\n  | 'yellow40'\n  | 'yellow45'\n  | 'yellow50'\n  | 'yellow60'\n  | 'yellow70'\n  | 'yellow85'\n  | 'yellow90'\n  | 'yellow94'\n  | 'yellow96'\n  | 'yellow98'\n  | 'black'\n  | 'white'\n\nconst luminosities = [10, 15, 20, 30, 40, 45, 50, 60, 70, 85, 90, 94, 96, 98]\n\n// Palette Generation\n\nexport type ColorPaletteObject = { [key in Color]: string }\n\nfunction colorGenerator(color: string, hue: number, saturation: number) {\n  const colorSet = {} as ColorPaletteObject\n\n  for (let luminosity of luminosities) {\n    const key = `${color}${luminosity}` as Color\n    const value = `hsl(${hue}, ${saturation}%, ${luminosity}%)`\n\n    colorSet[key] = value\n  }\n\n  return colorSet\n}\n\nfunction paletteGenerator(): ColorPaletteObject {\n  return {\n    ...colorGenerator('blue', 218, 75),\n    ...colorGenerator('cyan', 170, 65),\n    ...colorGenerator('gray', 200, 8),\n    ...colorGenerator('green', 125, 50),\n    ...colorGenerator('magenta', 310, 60),\n    ...colorGenerator('orange', 19, 100),\n    ...colorGenerator('purple', 288, 43),\n    ...colorGenerator('red', 360, 70),\n    ...colorGenerator('yellow', 45, 85),\n    black: 'black',\n    white: 'white',\n  }\n}\n\nexport const colors: ColorPaletteObject = {\n  ...paletteGenerator(),\n\n  // Override the algorithmically generated yellow40 to satisfy WCAG contrast requirements\n  yellow40: '#B28500',\n}\n"],"mappings":";;;;;;AAkIA,IAAMA,YAAY,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;;AAE7E;;AAIA,SAASC,cAAcA,CAACC,KAAa,EAAEC,GAAW,EAAEC,UAAkB,EAAE;EACtE,IAAMC,QAAQ,GAAG,CAAC,CAAuB;EAEzC,SAAAC,EAAA,MAAAC,aAAA,GAAuBP,YAAY,EAAAM,EAAA,GAAAC,aAAA,CAAAC,MAAA,EAAAF,EAAA,IAAE;IAAhC,IAAIG,UAAU,GAAAF,aAAA,CAAAD,EAAA;IACjB,IAAMI,GAAG,MAAAC,MAAA,CAAMT,KAAK,EAAAS,MAAA,CAAGF,UAAU,CAAW;IAC5C,IAAMG,KAAK,UAAAD,MAAA,CAAUR,GAAG,QAAAQ,MAAA,CAAKP,UAAU,SAAAO,MAAA,CAAMF,UAAU,OAAI;IAE3DJ,QAAQ,CAACK,GAAG,CAAC,GAAGE,KAAK;EACvB;EAEA,OAAOP,QAAQ;AACjB;AAEA,SAASQ,gBAAgBA,CAAA,EAAuB;EAC9C,OAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACKb,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,GAC/BA,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,GAC/BA,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAC9BA,cAAc,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC,GAChCA,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,GAClCA,cAAc,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,GACjCA,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,GACjCA,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,GAC9BA,cAAc,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC;IACnCc,KAAK,EAAE,OAAO;IACdC,KAAK,EAAE;EAAO;AAElB;AAEA,OAAO,IAAMC,MAA0B,GAAAH,aAAA,CAAAA,aAAA,KAClCD,gBAAgB,CAAC,CAAC;EAErB;EACAK,QAAQ,EAAE;AAAS,EACpB"}

package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json

@@ -10,7 +10,7 @@
         "description": "Accessible name for the navigation landmark. When omitted, the default\ntranslated string `On this page` is used.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Accessible name for the navigation landmark. When omitted, the default\ntranslated string <code>On this page</code> is used.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.42.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L31"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L31"
       },
       {
         "name": "sections",
@@ -20,7 +20,7 @@
         "description": "An array of sections used in the anchor navigation.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>An array of sections used in the anchor navigation.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.18.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L15"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L15"
       },
       {
         "name": "selected",
@@ -30,7 +30,7 @@
         "description": "The ID of the currently selected section.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The ID of the currently selected section.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.18.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L20"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L20"
       },
       {
         "name": "onSelect",
@@ -40,7 +40,7 @@
         "description": "Callback function to update the selected section ID.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback function to update the selected section ID.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.18.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L25"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/AnchorNavigation/AnchorNavigation.types.tsx#L25"
       }
     ],
     "description": ""

package/dist/_typedoc/Avatar/Avatar.types.json

@@ -10,7 +10,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -20,7 +20,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "icon",
@@ -30,7 +30,7 @@
         "description": "The icon to display",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The icon to display</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/Avatar/Avatar.types.ts#L100"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/Avatar/Avatar.types.ts#L100"
       },
       {
         "name": "style",
@@ -40,7 +40,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""
@@ -56,7 +56,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -66,7 +66,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "style",
@@ -76,7 +76,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""
@@ -92,7 +92,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/Avatar/Avatar.types.ts#L12"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/Avatar/Avatar.types.ts#L12"
       },
       {
         "name": "img",
@@ -102,7 +102,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/Avatar/Avatar.types.ts#L13"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/Avatar/Avatar.types.ts#L13"
       },
       {
         "name": "link",
@@ -112,7 +112,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/Avatar/Avatar.types.ts#L14"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/Avatar/Avatar.types.ts#L14"
       }
     ],
     "description": ""
@@ -128,7 +128,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -138,7 +138,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "imageUrl",
@@ -148,7 +148,7 @@
         "description": "The Avatar rich media url",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The Avatar rich media url</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/Avatar/Avatar.types.ts#L108"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/Avatar/Avatar.types.ts#L108"
       },
       {
         "name": "style",
@@ -158,7 +158,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""
@@ -174,7 +174,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -184,7 +184,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "clickable",
@@ -197,7 +197,7 @@
         "deprecated": "Reviewing for removal from system, prefer accessible `role=\"link\"` or `role=\"button\"` for interactive UI.",
         "deprecatedSince": "TBD",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/Avatar/Avatar.types.ts#L34"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/Avatar/Avatar.types.ts#L34"
       },
       {
         "name": "disabled",
@@ -208,7 +208,7 @@
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar&#39;s disabled state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
         "defaultValue": "false\n",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/Avatar/Avatar.types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/Avatar/Avatar.types.ts#L40"
       },
       {
         "name": "size",
@@ -221,7 +221,7 @@
         "deprecated": "\n\nSize \"xl\" been deprecated and will be removed in a future version.\nPlease use \"lg\" instead of \"xl\".\n\n**Before**\n\n`<Avatar size=\"xl\" />`\n\n**After**\n\n`<Avatar size=\"lg\" />`\n",
         "deprecatedSince": "10.20.0",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/Avatar/Avatar.types.ts#L62"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/Avatar/Avatar.types.ts#L62"
       },
       {
         "name": "style",
@@ -231,7 +231,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/9830158/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/f762333/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""